html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after{-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

body{margin: 0; padding: 0; line-height: 22px; color: #646464; font-size: 14px; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif; background: #ffffff; overflow-x: hidden;}
img {border:0; max-width: 100%; height: auto;}
:focus {outline:0;}
a{outline:none; text-decoration:none;}
textarea,
select,
input[type="search"],
input[type="text"],
input[type="button"],
input[type="submit"]{-webkit-appearance:none;}
.verticalCenter{display:table; width:100%; height:100%;}
.verticalInner{display:table-cell; vertical-align:middle;}
::-webkit-input-placeholder{color:#2f2f2f; opacity:1;}
:-moz-placeholder{/*Firefox 18- */color:#091722; opacity:1;}
::-moz-placeholder{/*Firefox 19+ */color:#091722; opacity:1;}
:-ms-input-placeholder{color:#091722; opacity:1;}



@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold_1-webfont.eot');
    src: url('../fonts/montserrat-bold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold_1-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold_1-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold_1-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold_1-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserratsemibold';
    src: url('../fonts/montserrat-semibold-webfont.eot');
    src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'montserratregular';}



ul,li{ list-style:none;}
p{ font-family: 'montserratlight'; font-size:14px; line-height:20px; color:#333333}
h1{ color:#6b246a; font-size:45px;font-family: 'montserratregular'; line-height:45px; font-weight:normal;}

.wrapper{ width:1280px; margin:0 auto;}
.scroll{ position:absolute; bottom:40px; text-align:center; display:inline-block; width:auto; left:0%; right:0; margin:auto;  z-index:99;}
header{ float:left; width:100%; position: fixed; top:0; background:#fff; z-index:999;}
.logo{ float:left; padding-top:10px;}
.logo img{ width:150px;}
nav{ float:right; margin-top:20px; }
nav li{ display:inline-block; vertical-align:top; margin:0 10px; padding:10px 20px; transition:0.3s ease-in-out; text-transform:uppercase;}
nav li.active, nav li:hover{ background:#6b2469; border-radius:20px; } 
nav li.active a, nav li:hover a{ color:#fff;}

.section{ float:left; width:100%;}
.casa, .get_sec, .degree, .partners{ padding:100px 0;}
.casa .scroll{ bottom:-64px; background:url(../images/down_bg.png) center 0 no-repeat; width:200px; height:100px;}

.banner_box{ position:relative;}
.banner{ float:left; width:100%; margin-top:100px; background:url(../images/banner.jpg) center 0 no-repeat; background-size:cover; height:80vh;}
.banner img{ width:100%; height:100%; display:block;}

.mob_img{ display:none;}
.row{ left:0; right:0; width:1280px; margin:auto; top:22%; position: absolute;}

.tag1{ color:#333333; font-size:30px; text-transform:uppercase;}
.tag2{ color:#6b2469; font-size:40px;  line-height:50px; text-transform:uppercase; font-family: 'montserratsemibold'; }
.tag3{ color:#333333; font-size:23px; line-height:35px;}

.form { position:absolute; right:0;   width:400px; }
.form_bg{display:inline-block; transition:0.3s ease-in-out;  border-radius:20px; float:left; width:100%; background:#fff;  padding:20px 20px 20px 20px; }

.form h3 { padding-bottom:15px; font-size:28px; text-align:center; font-family: 'montserratregular'; color:#000; }
.form h2 { color:#e31837; font-size:28px; font-family: 'montserratlight'; padding:10px 0; }
.form li { float:left; width:100%; margin-bottom:5px; position:relative; }
.form li input[type="text"], .form li input[type="email"], .form li input[type="tel"] { float:left; width:100%; padding:15px 0 13px 40px; color:#333333; font-size:14px; box-sizing:border-box; font-family: 'montserratregular';  border:0; border-bottom:1px solid #c3c3c3 }
.form li select { float:left; width:100%; background:#fff url(../images/down_arrow.png) 98% 15px no-repeat; padding:15px 0 15px 40px; color:#333; font-size:14px; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'montserratregular'; border-radius:0px; border:0; border-bottom:1px solid #c3c3c3}

.form li textarea { color:    #001822; font-family: 'montserratregular'; height:80px; }
.form li:last-child { text-align:center; }
.form li input[type="submit"] { background:#6b246a; padding:15px 0; font-size:16px; width:100%; color:#fff; border:0; border-radius:25px; display:inline-block; text-transform:uppercase; margin-top:5px; cursor:pointer; transition:0.3s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form li input[type="submit"]:hover { background:#555556; color:#fff; }
 .form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:    #333;
}
.form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #333;
 opacity:  1;
}
.form ::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #333;
 opacity:  1;
}
.form :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #333;
}
.names { background:#fff url(../images/1.png) 10px 15px no-repeat; }
.email { background:#fff url(../images/2.png) 10px 15px no-repeat; }
.phone { background:#fff url(../images/3.png) 10px 10px no-repeat; }
.city { background:#fff url(../images/4.png) 10px 13px no-repeat; }
.form li.course:before { content:""; background:url(../images/5.png) 0 0 no-repeat; width:20px; height:22px; position:absolute; left:10px; top:12px; }



.casa{ float:left; width:100%; background:url(../images/bg1.jpg) 0 0 repeat;}
.left_sec{ float:left; width:45%; margin-top:10%;}
.left_sec h3{ color:#6b246a; font-size:40px; line-height:40px;}
.left_sec p{ padding-top:20px; line-height:25px;}
.right_sec{ float:right; width:45%;}


.get_sec{ float:left; width:100%; background:url(../images/bg2.jpg) center 0 no-repeat; background-size:cover;}
.row_box{ float:left; width:100%; position:relative;}
.left_tag{ float:left; width:25%; position:absolute; bottom:0;}
.left_tag h2{ color:#fff; font-size:45px; font-family: 'montserratsemibold'; line-height:45px;}
.left_tag h4{ color:#fff; font-size:18px;  font-family: 'montserratlight'; line-height:25px;}
.right_tag{ float:right; width:70%;}
.right_tag li{ display:inline-block; width:30%; margin-right:10px; background:#fff; height:250px; margin-bottom:10px; position:relative; vertical-align:top; transition:0.3s ease-in-out;}
.right_tag li:hover{ background: #d25c34; /* Old browsers */
background: -moz-linear-gradient(left, #d25c34 1%, #772b63 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d25c34 1%,#772b63 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d25c34 1%,#772b63 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d25c34', endColorstr='#772b63',GradientType=1 ); /* IE6-9 */}
.right_tag .data{ position:absolute; bottom:10px; left:10px;}

.right_tag li .icon1{ position:absolute; background:url(../images/icon1.png) 0 0 no-repeat; width:54px; height:66px; right:20px; top:20px;}
.right_tag li .icon2{ position:absolute; background:url(../images/icon2.png) 0 0 no-repeat; width:62px; height:52px; right:20px; top:20px;}
.right_tag li .icon3{ position:absolute; background:url(../images/icon3.png) 0 0 no-repeat; width:70px; height:64px; right:20px; top:20px;}
.right_tag li .icon4{ position:absolute; background:url(../images/icon4.png) 0 0 no-repeat; width:63px; height:62px; right:20px; top:20px;}
.right_tag li .icon5{ position:absolute; background:url(../images/icon5.png) 0 0 no-repeat; width:77px; height:66px; right:20px; top:20px;}
.right_tag li .icon6{ position:absolute; background:url(../images/icon6.png) 0 0 no-repeat; width:61px; height:63px; right:20px; top:20px;}

.right_tag li:hover .icon1{ background:url(../images/icon1-hover.png) 0 0 no-repeat;}
.right_tag li:hover .icon2{ background:url(../images/icon2-hover.png) 0 0 no-repeat;}
.right_tag li:hover .icon3{ background:url(../images/icon3-hover.png) 0 0 no-repeat;}
.right_tag li:hover .icon4{ background:url(../images/icon4-hover.png) 0 0 no-repeat;}
.right_tag li:hover .icon5{ background:url(../images/icon5-hover.png) 0 0 no-repeat;}
.right_tag li:hover .icon6{ background:url(../images/icon6-hover.png) 0 0 no-repeat;}

.right_tag .t1{ color:#333333; font-size:16px; display:block;  font-family: 'montserratregular';}
.right_tag .t2{ color:#6b2469; font-size:25px; display:block; font-family: 'montserratsemibold';}

.right_tag li:hover .t1{ color:#fff;}
.right_tag li:hover .t2{ color:#fff;}
.right_tag li:hover p{ color:#fff;}

.degree{ float:left; width:100%; background:#efefef; text-align:center; position:relative;}
.tr1{ position:absolute; left:0; top:10%;}
.tr2{ position:absolute; right:0; bottom:10%;}

.tabbing_box{ float:left; width:100%; background:#fff; box-shadow:2px 2px 45px #dbdbdb; padding:20px; margin:20px 0;}

.left_tabbs{ float:left; width:25%; box-shadow:2px 2px 45px #dbdbdb; }
.left_tabbs li{ float:left; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d25c34+1,772b63+100 */
background: #d25c34; /* Old browsers */
background: -moz-linear-gradient(left, #d25c34 1%, #772b63 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d25c34 1%,#772b63 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d25c34 1%,#772b63 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d25c34', endColorstr='#772b63',GradientType=1 ); /* IE6-9 */  text-align:left; position:relative;  }

.left_tabbs li a{ float:left; width:100%; padding:50px 10%;}
.left_tabbs li.active{ background:#e9e9e9;}
.left_tabbs li.active a{ color:#000;}

.left_tabbs li a{ color:#fff; font-family: 'montserratsemibold'; font-size:20px; }
.left_tabbs li a strong{ display:block; font-size:14px;}
.left_tabbs li:after{ content:""; position:absolute; left:10px; bottom:0; border-bottom:1px solid #a95f8e; width:90%; float:left;}
.left_tabbs li:last-child:after{ display:none; }

.left_tabbs li.active:nth-child(1):after{ display:none;}
.left_tabbs li.active:nth-child(2):after{ display:none;}

.rt_arrow{position: absolute;right: -26px;top: 39%; display:none;}

.left_tabbs li.active .rt_arrow{ display:block;}

.right_text{ float:right;  width:70%; text-align:left;}
.right_text .hide{ display:none;}
.img_box{ display:table-cell; width:40%; vertical-align:top;}
.text_box{ display:table-cell; width:70%; vertical-align:top; padding-left:20px;}
.text_box p{ font-size:17px; color:#333333; font-weight:700;}
.text_box li{ float:left; background:url(../images/arrow.png) 0 15px no-repeat; padding:10px 0 0 20px; width:100%;}
.text_box h4{ font-size:18px; float:left; width:100%; padding-top:20px;}
.text_box .red{ font-style:italic; font-size:11px; color:red;}

.partners{ float:left; width:100%; padding:50px 0; text-align:center;}
.logo_box{ float:left; width:100%; margin:50px 0; position:relative;}
.logo_box li{ border:1px solid #CCC; margin:0 10px;}

.logo_box .slide_arrow_box { display:inline-block; width:100px; text-align:center; z-index:99; }
.prev2 { float:left; width:41px; background:url(../images/prev.jpg) 0 0 no-repeat; height:41px;  text-indent:-100000px; top:0; cursor:pointer; }
.next2 { float:right; width:41px; background:url(../images/next.jpg) 0 0 no-repeat; height:41px; text-indent:-100000px;  cursor:pointer; }

footer{ float:left; width:100%; background:#000000; padding:20px 0;}

.copy{ float:left; width:45%;}
.socails { float: right; width: auto; }
.socails ul { float: left; }
.socails li { float: left; width: 20px; height: 20px; margin: 5px 5px; position: relative; list-style:none; }
.socails .mains { width: 20px; height: 20px; }
.overlay1 { opacity: 0; position: absolute; top: 2px; left: 0; transition:0.5s ease-in-out; }
.socails li.on .overlay1 { opacity: 1; }

/* ------------------------------------------- mobile menu ---------------------------------------- */

.top_click { display:none; }
.three_line { display:block; position:relative; overflow:hidden; margin:0; padding:0; width:45px; height:45px; font-size:0; text-indent:-9999px; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-shadow:none; border-radius:none; border:none; cursor:pointer; -webkit-transition:background .3s; transition:background .3s }
.three_line:focus { outline:0 }
.three_line span { display:block; position:absolute; top:22px; left:9px; right:9px; height:4px; background:#000 }
.three_line span::after, .three_line span::before { position:absolute; display:block; left:0; width:100%; height:4px; background-color:#000; content:"" }
.home_header .three_line span { display:block; position:absolute; top:22px; left:9px; right:9px; height:4px; background:#000 }
.home_header .three_line span::after, .home_header .three_line span::before { position:absolute; display:block; left:0; width:100%; height:4px; background-color:#000; content:"" }
.three_line span::before { top:-10px }
.three_line span::after { bottom:-10px }
.three_line--htx { background-color:none }
.three_line--htx span { }
.three_line--htx span::after, .three_line--htx span::before { -webkit-transition-duration:.3s, .3s; transition-duration:.3s, .3s; -webkit-transition-delay:.3s, 0s; transition-delay:.3s, 0s }
.three_line--htx span::before { -webkit-transition-property:top, -webkit-transform; transition-property:top, transform }
.three_line--htx span::after { -webkit-transition-property:bottom, -webkit-transform; transition-property:bottom, transform }
.active .three_line--htx { z-index:999; }
.active .three_line--htx span { background:0 0 }
.active .three_line--htx span::before { top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background-color:#000 }
.active .three_line--htx span::after { bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); background-color:#000 }
.active .three_line--htx span::after, .active .three_line--htx span::before { -webkit-transition-delay:0s, .3s; transition-delay:0s, .3s }
.home_header:hover .three_line--htx { background:none; }
.home_header:hover .three_line--htx span, .home_header:hover .three_line--htx span::before, .home_header:hover .three_line--htx span::after { background-color:#000 }
.active .home_header:hover .three_line--htx span { background:none; }
/*.three_line--htx.active_close {
	background-color:#000
}
.three_line--htx.active_close span {
	background:0 0
}
.three_line--htx.active_close span::before {
	top:0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.three_line--htx.active_close span::after {
	bottom:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.three_line--htx.active_close span::after, .three_line--htx.active_close span::before {
	-webkit-transition-delay:0s, .3s;
	transition-delay:0s, .3s
}*/



.tabbing_box .mob_acc{ display:none;}