img {
    max-width: 100%;
    /* height: auto; */
    border: none;
}
.col-half-offset{
    margin-left:4.166666667%
}
a:hover {
    text-decoration: none;
}

p {
    line-height: 26px;
}

body {
	font-family : Arial;
}

@font-face {
    font-family: Roboto Black;
    src: url("../fonts/Roboto-Black.eot") /* EOT file for IE */
}
@font-face {
    font-family: Roboto Black;
    src: url("../fonts/Roboto-Black.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: Roboto Light;
    src: url("../fonts/Roboto-Light.eot") /* EOT file for IE */
}
@font-face {
    font-family: Roboto Light;
    src: url("../fonts/Roboto-Light.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: Roboto Bold;
    src: url("../fonts/Roboto-Bold.eot") /* EOT file for IE */
}
@font-face {
    font-family: Roboto Bold;
    src: url("../fonts/Roboto-Bold.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: Arial,Helvetica,sans-serif;
    src: url("../fonts/UTM_Avo.eot") /* EOT file for IE */
}
@font-face {
    font-family: Arial,Helvetica,sans-serif;
    src: url("../fonts/UTM Avo.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: Roboto Regular;
    src: url("../fonts/Roboto-Regular.eot") /* EOT file for IE */
}
@font-face {
    font-family: Roboto Regular;
    src: url("../fonts/Roboto-Regular.ttf") /* TTF file for CSS3 browsers */
}

#register_unica_page {
    background: url("../../images/teacher_register/header-bg.jpg") no-repeat scroll 0 0 transparent;
    background-size: cover;
    padding: 150px 0;
}

#register_unica_page .logo {
    text-align: center;
}

#register_unica_page .slogan1 {
    text-align: center;
    margin: 100px 0 50px;
}

#register_unica_page .slogan1 h1 {
    font-size: 55px;
    text-transform: uppercase;
    /*margin: 0;*/
    margin: -160px 0px 0px 0px;
    color: #fff;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    line-height: 60px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
#register_unica_page {
    text-align: center;
}

#register_unica_page a {
    padding: 15px 40px;
    color: #fff;
    /*font-family: Arial,Helvetica,sans-serif;*/
	font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    background-color: #ff6600;
    border: 2px solid #fff;
    border-radius: 10px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    font-weight: bold;
    text-decoration: none;
}

#register_unica_page a:hover {
    background-color: #0975b4;
}

#page-1 {
    background-color: #fff;
    padding: 30px 0;
}

#page-1 .block {
}

#page-1 h2.block-title {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #444444;
    font-size: 22px;
    margin: 25px 0 25px;
    text-align: center;
}

#page-1 p.descip {
    font-family: Arial,Helvetica,sans-serif;
    font-style: italic;
    color: #444444;
    font-size: 15px;
    text-align: center;
}


#page-2 {
    background: url("../../images/teacher_register/page-2-bg.jpg") repeat scroll 0 0 transparent;
    padding: 40px 0 80px;
}

#page-2 h2.block-title {
    color: #fff;
    font-size: 22px;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-align: center;	
    margin-bottom: 10px;
}

#page-2 p.descip {
    font-family: Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
}

#page-2 h2.block-title:before,
#page-2 h2.block-title:after {
    position: relative;
    height: 100px;
    top: 34px;
}

#page-2 h2.block-title:before {
    left: -10px;
    content: url("../../images/teacher_register/wing-1.png");
}

#page-2 h2.block-title:after {
    right: -10px;
    content: url("../../images/teacher_register/wing-2.png");
}

#page-3 {
    padding: 80px 0 90px;
    background-color: #fff;
}

#page-3 h2.block-title {
    color: #000;
    text-transform: uppercase;
    font-size: 29px;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-align: center;	
    margin-bottom: 50px;
}

#page-3 h2.block-title:before,
#page-3 h2.block-title:after {
    position: relative;
    height: 100px;
    top: 34px;
}

#page-3 .content {
    text-align: center;
}

#page-3 .content .images {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}

#page-3 .content:hover .images {
    transform: rotateY(180deg);
}

#page-4 {
    padding: 70px 0;
    background-color: #eef2f7;
}

#page-4 h2.block-title {
    color: #313131;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    margin: 0 0 5px 0;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;	
}

#page-4 .border {
    /*border-bottom: 2px solid #6b6b6b;*/
    max-width: 670px;
    margin: 0px auto 80px;
}

#page-4 .content {
    padding: 3px;
    background-color: #f5f2eb;
    border-radius: 5px;
    text-align: center;
}

#page-4 .content .images {
    padding:  0;
    min-height: 94px;
}

#page-4 .content .images img {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}

#page-4 .content:hover .images img {
    transform: rotateY(180deg);
}

#page-4 .content .title {
    text-align: center;
    font-size: 23px;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    background: #00a8ff;
    padding: 10px 0px;
}

#page-4 .descip{
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    text-align: center;
    margin-top: 50px;
}

#page-5 {
    padding: 60px 0;
    background-color: #fff;
}

#page-5 h2.block-title {
    color: #006da6;
    text-transform: uppercase;
    font-size: 35px;
    margin: 0 0 30px 0;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;	
    font-weight: bold;	
}

#page-6 {
    padding: 35px 0;
    background: url("../../images/teacher_register/page-6-bg.jpg") repeat scroll 0 0 transparent;
}

#page-6 h2.block-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    margin: 0 0 30px 0;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;	
    font-weight: bold;	
}

#page-6 .images {
    width: 100%;
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: box;
    box-align: center;
    box-pack: center;
}

#page-6 .images img {
    max-width:100%;
    height: auto;
}

#page-6 .owl-theme .owl-controls {

    text-align: center;

}

#page-6 .owl-theme .owl-controls .owl-prev{
    position: absolute;
    top: 35%;
    border: none;
    background: url("../../images/teacher_register/left.png") repeat scroll 0 0 transparent;
    width: 30px;
    height: 54px;
    font-size: 0;
    left: -50px;
}

#page-6 .owl-theme .owl-controls .owl-next{
    position: absolute;
    top: 35%;
    border: none;
    background: url("../../images/teacher_register/right.png") repeat scroll 0 0 transparent;
    width: 30px;
    height: 54px;
    font-size: 0;
    right: -40px;
}

#footer_unica_register {
    height: auto;
    /*background: url(../../images/teacher_register/page-6-bg.jpg) repeat scroll 0 0 transparent;*/
    background: url(/images/footer-bg.jpg) repeat scroll 0 0 transparent;
    clear: both;
}

#footer {
    height: auto;
}

#footer_unica_register .content {
    text-align: center;
    margin-top:65px;
}

#footer_unica_register h2.block-title {
    color: #fa9f24;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 50px 0;
    font-weight: bold;
    margin: 15px 0px 50px 0px;
}

#footer_unica_register .more {
    margin: 0 0 40px 0;
}

#footer_unica_register .more a {
    padding: 15px 40px;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    background-color: #ff6600;
    border: 2px solid #fff;
    border-radius: 10px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    font-weight: bold;
}

#footer_unica_register a:hover {
    background-color: #0975b4;
}

#footer_unica_register .phone {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    color: #7e7575;
    /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
}

#footer_unica_register .phone a {
    color: #7e7575;
}

#footer_unica_register .phone span{
    text-transform: uppercase;
    font-weight: bold;
    color: #7e7575;
}

#footer_unica_register .text {
    text-transform: uppercase;
    color: #fff;
    margin: 25px 0 0 0;
}

#top{
    background: url("../../images/teacher_register/top-bg.png") repeat-x scroll 0 0 transparent;
}

.background-data {
    /*background: url(../../images/teacher_register/page-6-bg.jpg) repeat scroll 0 0 transparent;*/
    border-top: 1px solid #ccc;
    width:100%;
}

#top .logo{
    float: left;
    margin: 26px 0;
}

#top .search{
    float: right;
    margin: 26px 0;
    position: relative;
}

#top .search a,button{
    position: absolute;
    top: 10px;
    right: 0px;
    background: #fff;
    border: none;
}

/*#top .search a,button .fa{
    color: #ff6600;
    font-size: 23px;
}*/

/*Responsive CSS*/

@media only screen and (max-width: 480px) {
    #page-1 .form-inline .form-group #form-text {
        max-width: 100%;
    }
}

.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
    width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */

    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
    text-indent: 0;
}
#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}
/*.move_on_around {position: absolute}*/
.font-size-16 {font-size: 16px;}
.margin-200 {margin-left: 200px;}
.height-double {height : 340px;}
.center_counter {text-align: center; text-transform: uppercase;}
@media only screen and (max-width: 414px) {
    #page-2 {
        /*display :none;*/
    }
    #page-3 {
        /*display :none;*/
    }

    #page-3 h2.block-title:before {
        left: -10px;
        content: none;
    }

    #page-3 h2.block-title:after {
        right: -10px;
        content: none;
    }

    #register_unica_page .slogan h1 {
        font-size: 42px;
        margin-top: -76px;
    }

    .col-half-offset {
        margin-left: 0px;
    }

    #page-2 h2.block-title:before {
        left: -10px;
        content: none;
    }

    #page-2 h2.block-title:after {
        right: -10px;
        content: none;
    }

    #register_unica_page {
        background: url(../../images/teacher_register/header-bg.jpg) no-repeat center transparent;
        background-size: cover;
        padding: 0px 0;
    }
    .phone {
        font-size: 29px !important;
    }
    #header .navTop .btnNav {
        height: 50px;
    }
    #register_unica_page a {
        padding: 10px 26px;
    }
    .hide-mobile-1 {display : none;}
    .hide-mobile-2 {display : none;}
    .head_height {height: 400px;}
    .col-lg-4 img {
        width: 95%;
    }
    #page-3 img {
        width: 95%;
    }
    #footer_unica_register .content {
        margin-top:25px;
    }
    .height-double {
        height: 400px;
    }
    #footer_unica_register .phone {
        text-transform: uppercase;
        font-size: 25px !important;
        text-shadow: none;
    }
	
	@media only screen and (max-device-width: 414px) {
		#register_unica_page .slogan1 h1 {
			font-size: 34px;
			line-height: 42px;
			margin-top: 20px;
			font-family: Arial;
		}
	}
}