@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: '../fonts/Segoe UI';
    src: url('../fonts/SegoeUI-Bold.eot');
    src: url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Bold.woff') format('woff'),
        url('../fonts/SegoeUI-Bold.ttf') format('truetype'),
        url('../fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('../fonts/Svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: '../fonts/Segoe UI';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff'),
        url('../fonts/SegoeUI.ttf') format('truetype'),
        url('../fonts/SegoeUI.svg#SegoeUI') format('../fonts/Svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body {font-family: 'Segoe UI'; direction: ltr;}
h1, h2, h3, h4, h5, h6 {font-family: 'Segoe UI';  color: #006699; font-weight: normal;  font-style: normal; font-display: swap; margin-bottom: 40px; font-size: 47px; line-height: 57px;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}
.container, .container-fluid, .row  [class*="col-"] { padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}
.row  [class*="col-"] { position:relative;}
.container-fluid.hpadding { padding: 0; overflow: hidden ;}


#header {position: fixed; z-index: 997; left: 0; top: 0;width: 100%; height: 120px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;background: rgba(255,255,255, 1); -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); }
#header .container-fluid { height: 120px; position:relative; padding: 0; margin: 0;  }
.logo { width: 208px; position:absolute; left: 10px;top: 8px; z-index: 19;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.logo img{ max-width: 100%; height: auto; }

.navbar-toggler { width: 38px; height:24.5px; border-radius: 0; position:absolute; left: 320px; top: 46px; display: none; z-index: 999; background: #fff; }
.navbar-toggler i{ width: 38px; height: 1.5px; background: #3D3F40; border-radius: 0px; position:absolute; left: 0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.navbar-toggler i:nth-child(1), .navbar-toggler[aria-expanded=false] i:nth-child(1){ top: 0px;}
.navbar-toggler i:nth-child(2), .navbar-toggler[aria-expanded=false] i:nth-child(2){top: 11px;}
.navbar-toggler i:nth-child(3), .navbar-toggler[aria-expanded=false] i:nth-child(3){top: 23px;}
.navbar-toggler[aria-expanded=true], .navbar-toggler[aria-expanded=false] {  padding: 0;border: 0;}
.navbar-toggler[aria-expanded=true] i:nth-child(1){ top: 12px; transform: rotate(-45deg);}
.navbar-toggler[aria-expanded=true] i:nth-child(2){ display: none;}
.navbar-toggler[aria-expanded=true] i:nth-child(3){top: 12px;transform: rotate(45deg);}



.navbar { position:absolute; left:320px; top: 0px; right: 98px; z-index: 18; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.navbar ul { display: block; position:relative; floar left; padding: 0; margin: 0; list-style:none; text-align:right; z-index: 5;}
.navbar ul  li { padding: 0 1px 0 0; margin: 0; list-style:none; display:inline-block; position:relative; float: left; }
.navbar ul  li a { padding: 0 30px 0 0; font-size: 17px; line-height: 120px; color: #55674F; font-weight: normal; display: block; position:relative;}
.navbar ul  li:nth-last-child(1) a { padding-right: 0px;}

.navbar ul  li:before { content:""; position:absolute; width: 0px; height: 6px; background: #006699; bottom: 0; left: 0; z-index: 20; opacity: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.navbar ul  li:hover:before { width: 100%; right: 0; opacity: 1; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.navbar ul li:focus > a, .navbar-nav li:hover > a, .navbar-nav li > a:focus, .navbar-nav li > a:hover, .navbar-nav li > a.active{ color:#55674F; text-decoration:none;}

.navbar ul li ul{background:#fff; margin:0; display:none; min-width: 300px;  padding:0; position:absolute; left: 0; top:100%; z-index: 9999; list-style:none;-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0, 0.16);-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16);}
.navbar ul li ul li{line-height:48px; text-align: left; border-left: none; width:100%; list-style:none; padding: 0;border-bottom:1px solid #d8d8d8; }
.navbar ul li ul li:nth-last-child(1) { border: 0;}
.navbar ul li ul li a:after{ display:none;}
.navbar ul li ul li a{display:block; line-height: 24px; color:#3D3F40;  padding:6px 15px; background: #fff; font-size: 16px; }
.navbar ul li ul li a:hover{text-decoration:none; color:#fff; background:#003d69;}
.navbar ul li ul li:before { display: none;}
.navbar ul li:hover ul{display:block}



.social_nav { display: inline-block; position: absolute;  padding: 0; margin: 0; list-style:none; right: 22px; top: 24px; width: 80px; height: 72px; z-index: 2;}
.social_nav ul { list-style: none; display: block; padding: 0; margin: 0; height: 120px; width: 100%; float: left;}
.social_nav ul li { float: left; padding: 1px; width: 100%; margin: 0; height: 36px; text-align: center; }
.social_nav ul li:nth-child(2), .social_nav ul li:nth-child(3) { width: 50%;}
.social_nav ul li a { padding: 0; margin: 0; line-height: 36px; font-size: 20px; position:relative; display: block; height: 34px;  }
.social_nav ul li a:hover { color: #006699;}
.social_nav ul li a img { position:absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.colleagues{ width: 130px; height: 120px; line-height: 120px; color: #fff; text-align:center; font-size: 17px; background: #6EC20E; position:absolute; z-index: 2; right: 138px; top: 0;}
.colleagues:hover { color: #fff;}
.search{ width: 40px; height: 40px; position:absolute; left: 250px; top: 40px; z-index: 2; background: url(../images/search.svg) no-repeat center center; border: 0; background-color:transparent; cursor: pointer; }

.search-collapse.show { height: 105px !important; transition: height 0.3s;}
.search-collapse{ position:absolute; top:100%; left:0; right:0;height:0!important; transition: height 0.3s; z-index: 9;}
.search-collapse { padding:0; border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none; background: rgba(0,102,153, 0.5); margin:0}
.search-collapse form{ margin-bottom:0 !important;}
.search-bar{ padding:0 47px 0 0; margin-top: 30px; position:relative; opacity: 0;   -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease;  transition: all 0.2s ease;}
.search-collapse.show .search-bar {opacity: 1;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.search-bar .cross{ position:absolute; background:url(../images/close.png) no-repeat center #004b81; height:45px; width:45px; top:0; right:0; display:block;}
.search-bar .cross span{ display:none;}
.search-form-wrapper{ position:relative;}
.search-form-wrapper .form-control{ padding-right:52px; height:45px; border:none;}
.search-form-wrapper input[type=submit]{ background:url(../images/magnifying-glass.png) no-repeat center #004b81; height:45px; width:45px; position:absolute; top:0; right:0; bottom:0; border:none; text-indent:-999px;}


.banner { padding: 0; margin: 0; position:relative; margin-top: 120px; z-index: 1;}
.banner img { width: 100%; height: auto;}
.banner:after { content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; opacity: 0.83;mix-blend-mode: hard-light; background: url(../images/shade.png) no-repeat left top; background-size: 100% 100%;}
.banner_caption { z-index: 3; text-align:center; font-size: 25px; line-height: 35px; font-weight: bold; color: #fff; width: 570px; left: 80px; top: 50%; position:absolute;-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%); }
.banner_caption img { width: auto;}
.banner_caption p { margin-bottom: 30px;}
.banner_caption p:nth-last-child(1) { margin-bottom: 0px;}
.banner_caption strong { display:block; font-size: 70px; line-height: 82px; font-weight: bold;text-align:left;}
.banner_caption p a { background: #DEAA1A; height: 60px; line-height: 58px; display: inline-block; padding: 0 15px; color: #fff; font-size: 20px; font-weight: bold;}
.banner.inner .banner_caption { width: 350px; right: 120px; top: 64px; position:absolute;-webkit-transform: translateY(0%); -ms-transform: translateY(0%);  -o-transform: translateY(0%);  transform: translateY(0%);}
.banner.publication .banner_caption { width: 300px; left: 200px; right: auto;}

.slogan { padding: 0 0 0 60px; margin: 0; position:relative; height: 50px;background: #6EC20E;}
.slogan span:nth-child(1) { width: 66px; position:absolute; left: 0; top: 0; bottom: 0; background: #006699; z-index: 2;}
.slogan span:nth-child(1) img { max-width: 60px; position:absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

#marqueeTwo { padding: 15px 0; color: #fff; background: none;}
#marqueeTwo p { display: inline-block; margin: 0 15px 0 0;}
#marqueeTwo > div { background: none !important; color: #FFF !important;}

#map,#map2,#map3,#map4,#map5,#map6,#map,#map7,    #map-canvas {  height: 800px;}

.gm-style div { color: #fff !important;}
.gm-style-iw-d > div > div { color: #000 !important;}

.home_section1 { max-width: 710px; text-align:center; padding-top: 80px; padding-bottom: 90px;}
.home_section2 { max-width: 1230px; text-align:center;padding-bottom: 300px;}
.home_section2  .row  [class*="col-"] { padding-bottom: 30px;}
.home_section2 a { color: #fff !important; position:relative; padding: 170px 12px 0 12px; padding-bottom: 10px; display: block; font-size: 22px; line-height: 38px;}
.home_section2 a span { position:absolute; left: 0; right: 0; top: 0; height: 164px; z-index: 1;}
.home_section2 a span img { position:absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 130px; max-width: 80%; }
.home_section2 a.azure{ background: #3684BF;}
.home_section2 a.teal{ background: #77A6B8;}
.home_section2 a.orange{ background: #FEA409;}
.home_section2 a.olive{ background: #A9CB82;}
.home_section2 a.yellow{ background: #F3D411;}
.home_section2 a.cyan{ background: #4CC5C9;}
.home_section2 a.blue{ background: #6F4DE2;}
.home_section2 a.purple{ background: #B971E8;}
.home_section2 a.coral{ background: #C27373;}

.home_section3 { padding: 0; margin: 0; }
.home_section3 .row , .home_section3 .row  [class*="col-"] { padding: 0; margin: 0;}
.home_section3 img { width: 100%; }
.home_section3 .row  [class*="col-"] div.maptext { padding: 0 20%; position:absolute; top: 50%; left: 0; right: 0;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}

.footer { background: #697B84; padding: 90px 90px 15px 90px;}
.copyright { font-size: 13px; line-height: 16px; text-align:center; color: #fff;}
.footer_link {display: flex;flex-wrap: wrap; margin-right: 12%; }
.footer_link > div { width: 14.28%;flex: 0 0 auto; padding-bottom: 20px; padding-right: 20px; }
.footer_link > div ul { display: block; padding: 0; margin: 0; list-style:none;}
.footer_link > div ul li{ display: block; padding: 0; margin: 0; list-style:none; font-size: 13px; color: #fff;}
.footer_link > div ul li:nth-child(1) { font-weight: bold;}
.footer_link > div ul li a { color: #fff;}
.footer_link > div ul li a:hover { text-decoration: underline !important;}
.address { position:absolute; right: -20px; top: 0; width: 14%; color: #fff; font-size: 13px; z-index: 1;}
.address .social_nav { display: block;position: relative; padding: 0; margin: 0; list-style: none; right: auto; top: auto; width: 108px; height: 36px;}
.address .social_nav ul { list-style: none; display: block; padding: 0; margin: 0; height: 36px; width: 100%; float: left;}
.address .social_nav ul li { float: left; padding: 1px; width: 36px; margin: 0; height: 36px; text-align: center; }
.address .social_nav ul li:nth-child(2), .social_nav ul li:nth-child(3) { width: 36px;}
.address .social_nav ul li a { color: #fff;  }
.address .social_nav ul li a:hover { color: #fff; }
.address .social_nav ul li a img { position:absolute; right: auto; left: 0; top: 50%;  -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); }
.address p { margin-bottom: 8px;}
.address p:nth-child(2) { margin-bottom: 30px;}

.navbar .social_nav { display: none;}

.about_section2{ padding: 0 0 160px 0; margin: 0;}
.about_section2 .row { margin: 0;}
.about_section2 .row  [class*="col-"] { padding: 0; margin: 0;}
.text_wrap { display: block; padding: 0 190px 0 90px;}

.about_section3{ padding: 0 0 260px 0; margin: 0; position:relative; z-index: 2;}
.about_section3 .row { margin: 0;}
.about_section3 .row  [class*="col-"] { padding: 0; margin: 0;}
.about_section3 .text_wrap { width: 80%;color: #006699; font-size: 47px; line-height: 57px; padding-right: 0px;}
.about_section3:after { content: ""; width: 720px; height: 590px; background: url(../images/chemistry.svg) no-repeat right top; position: absolute; z-index: -1; left: -250px; top: -20px;}
.about_section3  h2 { font-weight: bold; margin-bottom: 20px;}

.circle_chart { width: 630px; height: 630px;  position: absolute; border-radius: 50%; border: dotted  2px #432819; top: 80px; right: 170px;}
.circle_chart span { position:absolute; z-index: 1; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.circle_chart span img { width: 350px; }
.circle_chart div { position:absolute; z-index: 2; width: 250px; height: 250px; border-radius: 50%; text-align:center; font-size: 25px; line-height: 35px; color: #fff;}
.circle_chart div a { color: #fff; display: block; position:relative; width: 100%; height: 100%;}
.circle_chart div a i { font-style: normal; position:absolute; left:0;  right:0; padding: 0 24px; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);
  transform: translateY(-50%);}
.circle_chart div.azure{ background: #4CC5C9; left: -100px; top: 57px;}
.circle_chart div.teal{ background: #F3D411; left: -100px; top: 360px}
.circle_chart div.orange{ background: #3684BF; top: 505px; right: 50%; margin-right: -125px;}
.circle_chart div.olive{ background: #FEA409; right: -100px; top: 360px}
.circle_chart div.yellow{ background: #6F4DE2; right: -100px; top: 57px;}
.circle_chart div.cyan{ background: #A9CB82;  top: -125px; right: 50%; margin-right: -125px;}


.about_section4{ padding: 0; margin: 0; position:relative; z-index: 2;}
.about_section4 .row { margin: 0;}
.about_section4 .row  [class*="col-"] { padding: 0 0 120px 0; margin: 0;}
.about_section4  .text_wrap  { padding-right: 0px; }

.about_bottom { padding: 0; margin: 0;}
.about_bottom img , .about_section2 img, .ceo img{ width: 100%; height: auto;}

.ceo { max-width: 1588px; padding-top: 60px;}
.ceo .row  [class*="col-"] { padding-bottom: 40px;}
.ceo h1 { margin-bottom: 0px;}

.contact, .gallery { max-width: 1588px; padding-top: 60px;}
.contact .row  [class*="col-"], .gallery .row  [class*="col-"] { padding-bottom: 40px;}
.contact h1, .gallery h1, .gallery h2 { margin-bottom: 0px;}

.commn_wrap { display: block; padding-right: 15%;}
.commn_wrap .form-control { width: 100%; border: 0;  border-radius: 0; font-size: 18px; color: #828282; font-weight: 400; padding: 0 12px; line-height: 52px; height: 52px; background: none;  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.commn_wrap .form-control:focus { -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;}
.commn_wrap .form-control.textarea { line-height: 22px; padding: 0 12px; height: 180px;}
.commn_wrap  input[type=submit] { width: 70px; height: 54px; line-height: 54px; padding: 0; display: inline-block; font-size: 18px; color: #34448B; border: solid 1px #fff;background:  #fff; }
.was-validated  .commn_wrap .form-control:invalid,.commn_wrap   .form-control.is-invalid { background-image: none; padding-left: 12px; padding-right: 12px;-webkit-box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16);
-moz-box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16);}
.was-validated .commn_wrap  .form-control:valid, .commn_wrap  .form-control.is-valid   { background-image: none;padding-left: 12px; padding-right: 12px;}
.commn_wrap .form-group { padding-bottom: 15px; display: block; width: 100%; float: right;}
.contact  iframe { width: 100%; height: 440px; margin-bottom: 30px;}

.gallery { padding-bottom: 30px;}
.gallery ul {display: flex; flex-wrap: wrap; margin: 0 -15px;; padding: 0; list-style:none;}
.gallery ul li { padding: 0 15px 30px 15px; width: 25%; flex: 0 0 auto; max-width: 100%;}
.gallery ul li { display: none;}
.gallery li:nth-child(-n+8) {  display: block;}

.gallery ul li img { width: 100%; height: auto; border: solid 1px #707070;}
.load_more { text-align:center; padding-top: 20px;}
.load_more  a { color: #000000; width: 208px; height: 54px; line-height: 54px; display: inline-block; background: #D2E3EF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.publication_content { padding-top: 75px;}

.publication_content .accordion-item { border: 0 !important; border-radius: 0!important; padding-bottom: 42px;}
.publication_content h2 { border: solid 1px rgba(112,112,112, 0.2); cursor: pointer; font-size: 30px; color: #006699; position:relative; line-height: 30px; padding: 20px 60px 20px 30px; background: rgba(32,115,177, 0.2); position:relative; margin-bottom: 8px;}
.publication_content h2:after { content: "";transform: rotate(0deg); background: url(../images/arrow.svg) no-repeat center center; width: 30px; height: 30px; position:absolute; right: 30px; top: 50%; margin-top: -15px;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.publication_content h2[aria-expanded=true]:after {transform: rotate(180deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.publication_content .accordion-body { background:rgba(203,227,245, 0.2); border: solid 1px rgba(112,112,112, 0.2); padding: 15px 30px 15px 30px; }
.publication_content .accordion-body ul { display: block; padding: 0; margin: 0; list-style:none;}
.publication_content .accordion-body ul li { display: block; position:relative; padding: 0 0 12px 30px; font-size: 22px; line-height: 30px; background: url(../images/download.svg) no-repeat left 8px;}
.publication_content .accordion-body ul li a { display: block; color: #34448B;}

.pub_common { border-bottom: solid 1px #000; padding: 60px 0 60px 0; margin-bottom: 0;}
.pub_common a { font-weight: bold; color: #3D3F40; float: right;}



.publication_content.department_top { padding-top: 40px; position:relative; z-index: 1;}
.publication_content .department .accordion-item { padding-bottom: 0px;}
.publication_content.teal h2 { background: rgba(0,153,132, 0.2);}
.publication_content.teal .accordion-body { background: rgba(130,200,200, 0.2);}
.publication_content.orange h2 { background: rgba(214,148,48, 0.2);}
.publication_content.orange .accordion-body { background: rgba(200,200,150, 0.2);}
.department .accordion { position:relative;}
.sub_title { width: 52px; position:absolute; left: -60px; top: 0; bottom: 0; }
.sub_title  i { color: #fff; font-style:normal; font-weight: bold; font-size: 30px; line-height: 52px; position:absolute; transform: rotate(-90deg); top: 50%; margin-top: -26px; right: -75px; width: 200px; text-align:center;  }
.azure .sub_title { background: #006699;}
.teal .sub_title { background: #009984;}
.orange .sub_title { background: #D69430;}

.publication_bottom { padding: 0; background: url(../images/department_pic2.jpg) no-repeat right top; margin-top: 70px; background-size: 100% auto; padding-bottom: 60px;}
.publication_bottom .container { position:relative;}
.publication_bottom .container .row [class*="col-"]:nth-last-child(1) { position:absolute; left: 25%; bottom: 0;}

.containertabs { padding-top: 130px;}
.department_tab {  padding-bottom: 30px; display: block; width: 100%; float: left; }
.department_tab ul {padding: 0; margin: 0; list-style:none; display: block; width: 100%; float: left; }
.department_tab ul li { max-width: 100%; padding: 0 0 0 8px;width: 11.11%; display: block; float: left;}
.department_tab a { color: #fff !important; position:relative; padding: 100px 6px 10px 6px;  display: block; font-size: 22px; line-height: 28px; width: 100%; text-align:center;}
.department_tab a span { position:absolute; left: 0; right: 0; top: 0; height: 98px; z-index: 1;}
.department_tab a span img { position:absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 90px; max-width: 80%; }
.department_tab ul li.active a:after { content: ""; position:absolute; left: 0; right: 0; bottom: -16px; height: 8px;}
.department_tab a.azure, .department_tab ul li.active a.azure:after{ background: #3684BF;}
.department_tab a.teal, .department_tab ul li.active a.teal:after{ background: #77A6B8;}
.department_tab a.orange, .department_tab ul li.active a.orange:after{ background: #FEA409;}
.department_tab a.olive, .department_tab ul li.active a.olive:after{ background: #A9CB82;}
.department_tab a.yellow, .department_tab ul li.active a.yellow:after{ background: #F3D411;}
.department_tab a.cyan, .department_tab ul li.active a.cyan:after{ background: #4CC5C9;}
.department_tab a.blue, .department_tab ul li.active a.blue:after{ background: #6F4DE2;}
.department_tab a.purple, .department_tab ul li.active a.purple:after{ background: #B971E8;}
.department_tab a.coral, .department_tab ul li.active a.coral:after{ background: #C27373;}

.department_tab.noimage a { padding: 0 6px 10px 6px !important; font-weight: bold; height: 38px; line-height: 34px;}

#megaschool:after { content:""; position:fixed; left: 0; right: 0; top: 0; bottom: 0;    background: url(../images/popup_back.jpg) no-repeat center center; background-size: cover; z-index: -1;}
.modal-dialog.school { max-width: 768px;}
.modal-dialog.school .modal-content { background: rgba(255,255,255,0.83); border: 0; border-radius: 0;}
.modal-dialog.school .modal-body { padding: 70px 170px 40px 170px;}
.modal-dialog.school  img { position:absolute; left: 12px; top: 12px; max-width: 188px;}
.modal-dialog.school h2 { text-align:center; font-size: 47px; line-height: 57px; margin-bottom: 60px;}
.modal-dialog.school .form-group { position:relative; margin-bottom: 15px;}
.modal-dialog.school .form-group .form-control { width: 100%; border: 0;  border-radius: 0; font-size: 18px; color: #828282; font-weight: 400; padding: 0 12px 0 50px; line-height: 52px; height: 52px; background: #fff;  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.modal-dialog.school .form-group .form-control:focus { -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;}
.modal-dialog.school .was-validated   .form-group .form-control:invalid, .modal-dialog.school .form-group .form-control.is-invalid { background-image: none; padding-left: 50px; padding-right: 12px;-webkit-box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16);}
.modal-dialog.school .form-group.user:after { content:""; left: 16px; top: 50%;transform: translateY(-50%); width: 20px; height: 20px; position:absolute;  background: url(../images/user.svg) no-repeat left center; }
.modal-dialog.school .form-group.password:after {content:""; left: 16px; top: 50%;transform: translateY(-50%); width: 20px; height: 20px; position:absolute; background: url(../images/lock.svg) no-repeat left center; }
#toggler {position: absolute; left: 14px; top: 50%;transform: translateY(-50%); cursor: pointer;}
.modal-dialog.school .form-group.texhnicat_forgot { text-align:center; margin-bottom: 44px;}
.texhnicat_forgot a { display: inline-block;}
.texhnicat_forgot a:nth-child(1) { margin-right: 30px;}
.texhnicat_forgot a:nth-child(2) { margin-left: 30px;}
.modal-dialog.school .form-group  input[type=submit] { color: #000000; width: 208px; height: 54px; line-height: 54px; display: inline-block; background: #D2E3EF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); cursor: pointer; border: 0; font-size: 18px;}
.center { text-align:center;}

.payment { padding: 170px 7% 70px 7%;}
.paymnet_block { width: 100%; float: left; position:relative;}
.paymnet_wrap { width: 100%; float: right; padding: 40px 40px 30px 60px; background: #F8F8F8;}
.paymnet_wrap  h1 { margin-bottom: 70px;}
.select_loaclity { text-align:center; font-size: 22px; color: #006699; padding-top: 50px; overflow: hidden; line-height: 52px; width: 100%; display: block; float: left;}
a.next, a.prev { float: right; color: #000000; width: 120px; height: 54px; line-height: 54px; display: inline-block; background: #D2E3EF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); cursor: pointer; border: 0; font-size: 18px;}
a.prev { float: left;}
.select_loaclity strong { font-weight: normal;}

.step2 .paymnet_wrap  h1, .step3 .paymnet_wrap  h1, .step4 .paymnet_wrap  h1 { margin-bottom: 10px;}
.step5 .paymnet_wrap  h1 { margin-bottom: 40px;}


select.form-control2 {height: 54px; min-width: 280px; background: #fff url(../images/arrow2.svg) no-repeat right 16px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; margin-top: 40px;font-size: 18px; padding: 0 40px 0 16px; color: #828282;  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}

.two_block { width: 100%; display: block; float: left;}
.left_block { width: 425px; float: right;  background: #F1F1F1; padding: 30px; min-height: 220px;}
.left_block h3 { font-size: 25px; line-height: 35px; margin-bottom: 12px;}
.step3 .paymnet_wrap .left_block p { padding-right: 0px;}

.step5 .left_block { width: 30%; float: none; display: block; position:absolute; right: 40px; top: 100px;}
.step_form { width: 60%; float: left;}
.step5 .left_block strong { display: block; color: #006699; font-weight: bold;}
.step5 .left_block i { font-style:normal; color: #FF0000;}

.step_form .form-control { width: 100%; border: 0;  border-radius: 0; font-size: 18px; color: #828282; font-weight: 400; padding: 0 12px; line-height: 52px; height: 52px; background: #fff;  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.step_form .form-control:focus { -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)  !important;}
.step_form  input[type=submit] { width: 70px; height: 54px; line-height: 54px; padding: 0; display: inline-block; font-size: 18px; color: #34448B; border: solid 1px #fff;background:  #fff; }
.step_form .was-validated  .form-control:invalid, .step_form   .form-control.is-invalid { background-image: none; padding-left: 12px;-webkit-box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16);
-moz-box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(255,0,0,0.16);}
.step_form  .was-validated .form-control:valid, .step_form  .form-control.is-valid   { background-image: none;padding-left: 12px;}
.step_form  select.form-control2 { min-width: 100%; margin: 0;}
.step_form  ul {display: flex;flex-wrap: wrap; margin: 0 -4%; list-style:none; padding: 0;}
.step_form  ul.part1 { padding-bottom: 80px;}
.step_form  ul.part2 { padding-bottom: 80px; padding-top: 80px;}
.step_form  ul li {flex: 0 0 auto; width: 33.33%; max-width: 100%; padding: 0 4% 40px 4%;}
.step_form  label { display: block; margin-bottom: 10px;}

.mapnav { width: 100%; float: right;}
.mapnav .nav { border: 0; padding: 0; margin: 0;border-top: solid 1px #ebebeb;}
.mapnav .nav li{flex: 0 0 auto;width: 100%; border-bottom: solid 1px #ebebeb;}
.mapnav .nav.nav-tabs .nav-link, .mapnav .nav.nav-tabs .nav-link.active { display: block; position:relative; border: 0; background: none; border-radius: 0; margin: 0; padding: 30px 30px 30px 100px; color: #000; font-size: 18px; width: 100%; text-align:left;}
.mapnav .nav.nav-tabs .nav-link.active{ background: #c6ddf3;}
.mapnav .nav li i { position:absolute; left: 60px; top: 50%; margin-top: -9px; color: #223363; }
.mapnav .nav li span { background:#1E64AA; line-height: 32px; padding: 0 10px; position:absolute; right: 20px; top: 50%; margin-top: -16px; color: #fff; display: none;}
.mapnav .nav.nav-tabs .nav-link.active span { display: block;}

/* #Media Queries
================================================== */
@media (min-width: 1600px) and (max-width: 1720px) {
.container.publication_content.sub { max-width: 1500px;}
}
@media (min-width: 1600px) and (max-width: 1699px) {
.circle_chart  { transform: scale(0.75); right: 100px; top: -50px;}
.about_section3 .text_wrap {width: 90%;}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.navbar ul li a { font-size: 16px;padding: 0 17px 0 0;}
.banner_caption {width: 470px}
.banner_caption p { margin-bottom: 20px;}
.banner_caption p strong { font-size: 60px;line-height: 70px;}
.home_section3 .row  [class*="col-"] div.maptext { padding: 0 10%;}
.footer { padding: 70px 70px 15px 70px;}
.text_wrap {  padding: 0 60px 0 120px;}
.about_section3 .text_wrap {width: 90%;}
.circle_chart  { transform: scale(0.75); right: 80px;top: -50px;}
.banner.inner .banner_caption { width: 300px;}
.ceo, .contact, .gallery { max-width: 1300px;}
.banner.publication .banner_caption { width: 250px; left: 150px;}

.department_tab a {padding: 80px 6px 10px 6px; font-size: 18px; line-height: 28px;}
.department_tab a span { height: 78px; }
.department_tab a span img {max-height: 60px; max-width: 90%; }
}
/* END__ */

@media (min-width: 1200px) and (max-width: 1399px) {
.navbar { right: 0; left: 240px; z-index: 1; top: 36px;}
.navbar ul li a { font-size: 17px;padding: 0 10px 0 0; line-height:84px; }
.navbar ul li ul { min-width: 280px;}
.colleagues { width: 130px; height: 36px; line-height: 36px; right: 138px;}
.social_nav { width: 110px; padding-right: 10px; right: 0px; top: 0; height: 36px;}
.social_nav  ul li { width: 33.33% !important; float: right;}
.social_nav  ul  { height: 36px;}
.social_nav  ul li { line-height: 30px;}
.search { left: auto; right: 280px; top: 0px;}

.banner_caption {width: 400px}
.banner_caption p { margin-bottom: 15px;}
.banner_caption p strong { font-size: 50px;line-height: 60px;}
.home_section2 { padding-bottom: 150px;}
.about_section3 {padding: 0 0 160px 0;}
.home_section3 .row  [class*="col-"] div.maptext { padding: 0 50px;}
.footer {padding: 20px 20px 10px 20px;}
.address { right: 0; width: 14%;}
.footer_link {margin-right: 13%;}
.text_wrap {  padding: 0 40px 0 70px;}
.about_section3 .text_wrap {width: 85%; font-size: 40px;line-height: 50px;}
.circle_chart  { transform: scale(0.65); right: 20px;top: -50px;}
.about_bottom { padding: 50px 0 0 0;}
.banner.inner .banner_caption { width: 250px; right: 80px;}

.ceo, .contact, .gallery { max-width: 1170px;}
.banner.publication .banner_caption { width: 200px; left: 100px;}

.container.publication_content.sub { max-width: 1100px;}


.department_tab a {padding: 70px 6px 10px 6px; font-size: 18px; line-height: 28px;}
.department_tab a span { height: 68px; }
.department_tab a span img {max-height: 50px; max-width: 90%; }


}

/* END__ */
@media (min-width: 992px) and (max-width: 1199px) {
h1, h2, h3, h4, h5, h6 { font-size: 40px; line-height: 47px; margin-bottom: 20px;}
.navbar { right: 0; left: 240px; z-index: 1; top: 36px;}
.navbar ul li a { font-size: 13px;padding: 0 0 0 8px; line-height:84px; }
.navbar ul li ul { min-width: 250px;}
.navbar ul li ul li a { font-size: 14px;}
.colleagues { width: 130px; height: 36px; line-height: 36px; right: 138px;}
.social_nav { width: 110px; padding-right: 10px; right: 0px; top: 0; height: 36px;}
.social_nav  ul li { width: 33.33% !important; float: right;}
.social_nav  ul  { height: 36px;}
.social_nav  ul li { line-height: 30px;}
.search { left: auto; right: 280px; top: 0px;}

.banner_caption {width: 330px; font-size: 25px; line-height: 35px; right: 50px; }
.banner_caption p { margin-bottom: 12px;}
.banner_caption p strong { font-size: 40px;line-height: 40px;}
.banner_caption p a { height: 44px; line-height: 42px; font-size: 16px;}
.home_section2 { padding-bottom: 120px;}
.home_section3 .row  [class*="col-"] div.maptext { padding: 0 20px;}
.footer {padding: 20px 20px 10px 20px;}
.footer_link > div { width: 20%;}
.address { right: 0; width: 14%;}
.footer_link {margin-right: 13%;}

.text_wrap {  padding: 0 30px 0 40px;}
.about_section3 { padding-bottom: 120px;}
.about_section3 .text_wrap {width: 85%; font-size: 30px; line-height: 36px; padding-left: 30px;}
.circle_chart  { transform: scale(0.5); right: -50px;top: -150px;}
.about_bottom { padding: 30px 0 0 0;}
.banner.inner .banner_caption { width: 200px; right: 80px;top: 44px;}
.ceo, .contact, .gallery { max-width: 970px;}
.banner.publication .banner_caption { width: 160px; left: 100px;}
.container.publication_content.sub { max-width: 900px;}
.publication_bottom .container .row [class*="col-"]:nth-last-child(1) {  left: 33.33%; }


.department_tab a {padding: 70px 6px 10px 6px; font-size: 16px; line-height: 28px;}
.department_tab a span { height: 68px; }
.department_tab a span img {max-height: 50px; max-width: 90%; }
.paymnet_wrap { padding: 40px 40px 30px 40px;}
.step3 .paymnet_wrap  h1, .step3 .paymnet_wrap  p { }
.left_block { width: 350px;padding: 20px;}

.step_form  ul { margin: 0 -15px;}
.step_form  ul.part1 { padding-bottom: 50px;}
.step_form  ul.part2 { padding-bottom: 50px; padding-top: 50px;}
.step_form  ul li {width: 33.33%; padding: 0 15px 40px 15px;}

.mapnav .nav.nav-tabs .nav-link, .mapnav .nav.nav-tabs .nav-link.active { padding-left: 40px; font-size: 16px;}
.mapnav .nav li i  { left: 15px; margin-top: -6px;}
.mapnav .nav li span { font-size: 16px; line-height: 22px; height: 26px; margin-top: -13px; right: 10px;}
}


/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
h1, h2, h3, h4, h5, h6 { font-size: 40px; line-height: 47px; margin-bottom: 20px; text-align:center;}
.banner_caption {width: 300px; font-size: 20px; line-height: 30px; right: 50px; }
.banner_caption p { margin-bottom: 12px;}
.banner_caption p strong { font-size: 30px;line-height: 36px;}
.banner_caption p a { height: 44px; line-height: 42px; font-size: 16px;}
.slogan span:nth-child(2) { font-size: 14px; line-height: 16px; display:block; }

.home_section1 { padding-top: 50px; padding-bottom: 50px;}
.home_section2 a {padding-top: 140px; }
.home_section2 a span { height: 130px;}
.home_section2 a span img { max-height: 100px; max-width: 80%; }
.home_section2 { padding-bottom: 90px;}
.home_section3 .row [class*="col-"] div.maptext { padding: 0 50px 20px 50px; position: relative; top: auto; left: auto; right: auto; display: block; text-align:center; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%);transform: translateY(0%);}
.footer {padding: 20px 20px 10px 20px;}
.footer_link > div { width: 25%;}
.address { right: auto; width: 100%; position:relative; top: auto; display: block;}
.footer_link {margin-right: 0%;}

.home_section1.inner { text-align:left;}
.home_section1.inner { max-width: 100%; padding-left: 20px; padding-right: 20px;}
.text_wrap {  padding: 0 20px 0 20px;}
.about_section4 .text_wrap { padding-right: 20px;}
.about_section2 {padding: 0 0 80px 0;}
.about_section3  { padding-bottom: 70px;}
.about_section3 .text_wrap { font-size: 30px; line-height: 36px; width: 100%; padding-right: 20px; text-align:center; }
.about_section4 .row [class*="col-"] { padding-bottom: 70px;}

.about_section3 .row [class*="col-"]:nth-child(2) { height: 700px;}
.circle_chart { width: 630px; height: 630px;  position: absolute; border-radius: 50%; border: dotted  2px #432819; top: 40px; left: 50%; margin-left: -315px; right: auto; transform: scale(0.75)}

.about_bottom { padding: 30px 0 0 0;}
.banner.inner .banner_caption { width: 150px; right: 50px;top: 34px;}
.ceo h1 { text-align:right;}
.ceo, .contact, .gallery { max-width: 720px;}
.banner.publication .banner_caption { width: 130px; left: 70px;}
.publication_content .accordion-body ul li { font-size: 18px; line-height: 24px; background-position: left 4px;}
.publication_content .accordion-body { padding: 12px;}
.publication_content h2 { text-align:left;  }
.publication_content h2:after { background-size: 15px auto; right: 20px;}
.department_top h1 { text-align:right;}
.container.publication_content.sub { max-width: 680px;}
.publication_bottom h2 { text-align:left;}
.publication_bottom .container .row [class*="col-"]:nth-last-child(1) {  left: 42%; }


.department_tab a {padding: 60px 2px 10px 2px; font-size: 12px; line-height: 28px;}
.department_tab a span { height: 58px; }
.department_tab a span img {max-height: 40px; max-width: 90%; }

.modal-dialog.school { max-width: 700px;}
.paymnet_wrap { text-align: center; padding: 30px;}
.paymnet_wrap h1 { margin-bottom: 40px;}
.select_loaclity strong { width: 100%; padding-bottom: 30px; float:right; line-height: 28px;}
.paymnet_wrap { padding: 40px 40px 30px 40px;}
.step3 .paymnet_wrap  h1, .step3 .paymnet_wrap  p { }
.left_block h3 { text-align:left;}
.step3 .paymnet_wrap, .step4 .paymnet_wrap { padding: 270px 20px 20px 20px;}
.left_block { float: none; width: 100%; position:absolute; left: 0; right: 0; top: 0; z-index: 1; text-align:right; border-bottom: solid 8px #fff; min-height: 250px; padding: 20px;}

.step5 .left_block { width: 100%; position:relative; float:left; right: auto; top: auto;}
.step_form {width: 100%;}
.step_form  ul { margin: 0 -15px;}
.step_form  ul.part1 { padding-bottom: 50px;}
.step_form  ul.part2 { padding-bottom: 50px; padding-top: 50px;}
.step_form  ul li {width: 33.33%; padding: 0 15px 40px 15px;}

.mapnav .nav.nav-tabs .nav-link, .mapnav .nav.nav-tabs .nav-link.active { padding:20px 20px 20px 40px; font-size: 16px;}
.mapnav .nav li i  { left: 15px; margin-top: -6px;}
.mapnav .nav li span { font-size: 16px; line-height: 22px; height: 26px; margin-top: -13px; right: 10px;}

}


/* END__ */


@media only screen and (max-width: 991px) {
.navbar-toggler { display: block; left: 250px;}
.search { left: 320px;}
.navbar { position:relative; right: auto; top: auto; left: auto; width: 100%; float: right; padding:0; display: block; z-index: 20; }
.navbar .navbar-collapse { position:absolute; left: 0; right: 0; top: 120px; height:0!important; transition: height 0.3s; background: #fff; z-index: 20; overflow-y: auto ; padding: 0;}
.navbar .navbar-collapse.show {height:calc(100vh - 111px) !important;max-height: none; transition: height 0.3s;}
.navbar ul { width: 100%; float: right; padding-top: 40px; border-bottom: solid 2px #ededed }
.navbar ul li { width: 100%; float: right; text-align:left; padding: 2px 15px;border-bottom: 1px solid #d8d8d8;}
.navbar ul li a { display: block; width: auto; color: #3D3F40; font-size: 17px; line-height: 30px; font-weight: normal; padding: 6px 15px 6px 0;}
.navbar ul li a.has_sub:after { content: '\f107';font-family: 'FontAwesome';position: absolute;top: 9px;right: 0px;left: auto;font-size: 18px;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.navbar ul li a.has_sub.active:after { transform: rotate(180deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}

.navbar ul li:hover ul{display:none; }
.navbar ul li ul, .navbar ul li:hover ul{ display: block; max-height: 0px !important; min-width: 100%; visibility: inherit; position:relative; left: auto; right: auto; top: auto; width: 100%; float: right; z-index: 5;background: #f0f2f0; overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;border: 0!important;;box-shadow: none !important;}
.navbar ul li .has_sub.active + ul {border: 0!important;;box-shadow: none !important;; max-height: 500px !important; visibility:visible;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.navbar ul li a.has_sub + ul li{line-height:40px; text-align: left; border-left: none; width:100%; list-style:none; padding: 0; }

.navbar ul li a.has_sub + ul li a:after{ display:none;}
.navbar ul li a.has_sub + ul li a{display:block; line-height: 30px;  color:#55674F; font-size: 14px; padding: 10px 22px; background:none; width: 100%; font-weight: normal; }
.navbar ul li a.has_sub + ul li a:hover{text-decoration:none; color:#000; background:none; width: 100%;}
.navbar ul li a.has_sub + ul ul li:before { display: none;}
.navbar ul + ul { border: 0; width: 100%; float: left; position:relative; right: auto; top: auto; padding: 32px 0;}
.navbar ul + ul li { width: auto; float: left;}
.navbar ul + ul li:nth-child(1) { padding-left: 0px;}
.search-collapse { z-index: 99;}



}


/* END__ */

@media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 { font-size: 40px; line-height: 47px; margin-bottom: 20px; text-align:center;}
#header, #header .container-fluid { height: 84px;}
.navbar-toggler { left: 20px; top: 30px;}
.navbar .navbar-collapse { top: 84px;}
.navbar .navbar-collapse.show {height:calc(100vh - 84px) !important;max-height: none; transition: height 0.3s;}
.logo { left: auto; right: 11px; top: 12px; width: 115px;}
.colleagues { width: 98px; height: 84px; line-height: 27px; font-size: 15px; right: 138px; padding: 12px;}
.social_nav { display: none;}
.search { top: 22px; left: 88px;}


.banner { margin-top: 84px;}
.banner::after { left: -80px; right: -80px;}
.banner_caption {width: 380px; right: 50%; margin-right: -190px; }
.banner_caption p { margin-bottom: 12px;}
.banner_caption p strong { font-size: 40px;line-height: 40px; text-align: center;}
.banner_caption p a { height: 44px; line-height: 42px; font-size: 16px;}
.banner.inner .banner_caption { width: 220px; right:0px; top: auto; bottom: 15px; margin: 0;}
.banner.inner .banner_caption p strong { text-align:left;}

.slogan { padding: 0 0 0 38px; }
.slogan span:nth-child(1) { width: 38px;}
.slogan span:nth-child(1) img { max-width: 24px;}
.slogan span:nth-child(2) { padding: 8px; font-size: 14px; line-height: 16px; display: block;}
.home_section1 { padding-top: 50px; padding-bottom: 50px;}

.home_section2 { padding-left: 10px; padding-right: 10px; padding-bottom: 90px;}
.home_section2 .row { margin-left: -5px; margin-right: -5px;}
.home_section2 .row [class*="col-"] { padding-bottom: 10px; padding-left: 5px; padding-right: 5px;}
.home_section2 a {padding-top: 90px; }
.home_section2 a span { height: 96px;}
.home_section2 a span img { max-height: 70px; max-width: 80%; }
.home_section3 .row [class*="col-"] div.maptext { padding: 0 20px 20px 20px; position: relative; top: auto; left: auto; right: auto; display: block; text-align:center; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%);transform: translateY(0%);}
.footer {padding: 20px 20px 10px 20px;}
.footer_link { margin-right: 0%;}
.footer_link > div { width: 50%;}
.address { right: auto; width: 100%; position:relative; top: auto; display: block;}

.address .social_nav { display: inline-block;}
.address .social_nav { display: block;position: relative; padding: 0; margin: 0; list-style: none; right: auto; top: auto; width: 108px; height: 36px;}
.address .social_nav ul { list-style: none; display: block; padding: 0; margin: 0; height: 36px; width: 100%; float: left;}
.address .social_nav ul li { float: left; padding: 1px; width: 36px; margin: 0; height: 36px; text-align: center; }
.address .social_nav ul li:nth-child(2), .address ul li:nth-child(3) { width: 36px;}
.address .social_nav ul li a { color: #fff;  }
.address .social_nav ul li a:hover { color: #fff; }
.address .social_nav ul li a img { position:absolute; right: auto; left: 0; top: 50%;  -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); }

.navbar .social_nav { display: inline-block;position: relative; padding: 0; margin: 20px 0 0 0; list-style: none; right: auto; top: auto; width: 100%; height: 72px; text-align: center;}
.navbar .social_nav ul { list-style: none; display: inline-block; padding: 0; margin: 0; height: 72px; width: 72px; float: none; border: 0;}
.navbar .social_nav ul li { float: left; padding: 1px; width: 100%; margin: 0; height: 36px; text-align: center; border: 0; }
.navbar .social_nav ul li:nth-child(2), .navbar .social_nav ul li:nth-child(3){ width: 50%;}
.navbar .social_nav ul li:before { display: none;}
.navbar .social_nav ul li a img { position:absolute; right: auto; left: 0; top: 50%;  -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); }
.navbar .social_nav ul li a{ padding: 0 6px; display: inline-block;}

.home_section1.inner { text-align:right;}
.home_section1.inner { max-width: 100%; padding-left: 20px; padding-right: 20px;}
.text_wrap {  padding: 0 20px 0 20px;}
.about_section4 .text_wrap { padding-right: 20px;}
.about_section2 {padding: 0 0 80px 0;}
.about_section3  { padding-bottom: 70px;}
.about_section3 .text_wrap { font-size: 30px; line-height: 36px; width: 100%; padding-right: 20px; text-align:center;}
.about_section4 .row [class*="col-"] { padding-bottom: 70px;}
.about_bottom { padding: 20px 0 0 0;}

.about_section3 .row [class*="col-"]:nth-child(1) { padding-bottom: 30px;}
.about_section3 .row [class*="col-"]:nth-child(2) { height: 800px; padding-top: 200px;}
.circle_chart { width: 400px; height: 820px;  position: absolute; border-radius: 50%; border: none; top: 0px; right: 50%; margin-right: -200px;}
.circle_chart span { position:absolute; z-index: 1; left: 50%; top: 0; right: auto; margin-left: -148px; margin-right: auto;  -webkit-transform: translate(-50%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); }
.circle_chart span img { width: 295px; }
.circle_chart div { position:absolute; z-index: 2; width: 186px; height: 186px; border-radius: 50%; text-align:center; font-size: 18px; line-height: 25px; color: #fff;}
.circle_chart div a { color: #fff; display: block; position:relative; width: 100%; height: 100%;}
.circle_chart div a i { font-style: normal; position:absolute; left:0;  right:0; padding: 0 18px; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);
  transform: translateY(-50%);}
.circle_chart div.azure{ background: #4CC5C9; right: 0px; left: auto; top: 200px;}
.circle_chart div.teal{ background: #F3D411; left: auto; left: 0; top: 200px;}
.circle_chart div.orange{ background: #3684BF; top: 406px; right: auto; margin-right: auto; left: 0;}
.circle_chart div.olive{ background: #FEA409; right: 0; top: 406px}
.circle_chart div.yellow{ background: #6F4DE2; right: auto; left: 0; top: 612px;}
.circle_chart div.cyan{ background: #A9CB82;  top: 612px; right: 0; margin-right: auto;}
.about_section3 h2 { text-align:center;}
.about_section3::after { width: 520px; height: 400px; left: -250px; top: -20px; background-size: 520px auto;}
.ceo, .contact, .gallery { max-width: 100%;}
.ceo, .contact {  padding:40px 0 0 0; margin: 0;}
.ceo .row { margin: 0; }
.ceo .row [class*="col-"] { padding: 0; padding-bottom: 60px;}
.ceo .row [class*="col-"]:nth-child(1) { padding-bottom: 30px;}
.ceo_text { padding: 0 20px;}

.contact .row { margin: 0; }
.contact .row [class*="col-"] { padding: 0; padding-bottom: 20px;}
.commn_wrap { padding: 0 20px;}
.gallery { padding-top: 40px; padding-left: 20px; padding-right: 20px;}
.gallery .row [class*="col-"] { padding-bottom: 20px;}
.gallery ul li  { width: 50%;}

.publication_content { padding-top: 40px; padding-left: 20px; padding-right: 20px;}
.banner.publication .banner_caption { width: 170px; left: 50px; margin: 0px; top: auto; bottom: 20px;  -webkit-transform: translateY(0%);  -ms-transform: translateY(-%);  -o-transform: translateY(0%);
  transform: translateY(0%);}
.publication_content .accordion-body ul li { font-size: 18px; line-height: 24px; background-position: left 4px;}
.publication_content .accordion-body { padding: 12px;}
.publication_content h2 { text-align:left;  }
.publication_content h2:after { background-size: 15px auto; right: 20px;}
.publication_content.department_top { padding: 40px 0 0 0; text-align:center;}
.publication_content.department_top .row { margin: 0; }
.publication_content.department_top .row [class*="col-"] { padding: 0;}
.department_text { padding: 0  20px;}

.sub_title { width: 100%; position: relative; left: auto; top: auto; bottom: auto; text-align:center; height: 78px; border-bottom: solid 8px #fff; }
.sub_title  i { line-height: 70px; position:absolute; transform: rotate(0deg); top: 0; margin: 0; left: 0; width: 100%; right: 0; text-align:center; font-size: 30px;   }
.publication_bottom  { text-align:center; margin-top: 0px; padding-top: 40px; background: url(../images/department_pic_sm.png) no-repeat right  bottom; background-size: auto; padding-bottom: 40px; }
.publication_bottom .container .row [class*="col-"]:nth-last-child(1) {  left: auto; bottom: auto; position:relative; }

.containertabs { padding: 94px 0 0 0;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.containertabs .row { margin: 0; }
.containertabs .row [class*="col-"] { padding: 0; }

.department_tab {overflow-x: hidden;display: flex; width: auto; float: none;}
.department_tab ul {display: flex; float: none; width: auto;}
.department_tab ul li { width: 130px;}
.department_tab a {padding: 60px 6px 10px 6px; font-size: 16px; line-height: 24px; height: 90px;}
.department_tab a span { height: 58px; }
.department_tab a span img {max-height: 40px; max-width: 90%; }

.modal-dialog.school { max-width: 90%; margin: 0 auto;}
.modal-dialog.school .modal-body { padding: 70px 30px 30px 30px;}
.modal-dialog.school img { max-width: 140px;}
.modal-dialog.school h2 { font-size: 40px; line-height: 47px; margin-bottom: 30px; margin-top: 15px;}

.payment { padding: 110px 20px 40px 20px;}
.paymnet_wrap { text-align: center; padding: 20px;}
.paymnet_wrap h1 { margin-bottom: 40px;}

.select_loaclity strong { width: 100%; padding-bottom: 30px; float:right; line-height: 28px;}
.select_loaclity { padding-top: 40px;}
.step3 .paymnet_wrap, .step4 .paymnet_wrap { padding: 270px 20px 20px 20px;}
.step3 .paymnet_wrap  h1, .step3 .paymnet_wrap  p { }
.left_block { float: none; width: 100%; position:absolute; left: 0; right: 0; top: 0; z-index: 1; text-align:left; border-bottom: solid 8px #fff; min-height: 250px; padding: 20px;}
.left_block h3 { text-align:left;}

.step5 .left_block { width: 100%; position:relative; float:left; right: auto; top: auto;}
.step_form {width: 100%;}
.step_form  ul { margin: 0 -7px;}
.step_form  ul.part1 { padding-bottom: 0px;}
.step_form  ul.part2 { padding-bottom: 0px; padding-top: 0px;}
.step_form  ul li {width: 50%; padding: 0 7px 24px 7px;}
.step_form  ul.part1 li {width: 50%;}
.step_form  ul.full li {width: 100%;}
.step_form  ul.part2  li:nth-child(1) { width: 100%;}
.step_form label { text-align:left;}

.mapnav .nav.nav-tabs .nav-link, .mapnav .nav.nav-tabs .nav-link.active { padding:20px 145px 20px 40px; font-size: 16px;}
.mapnav .nav li i  { left: 15px; margin-top: -6px;}
.mapnav .nav li span { font-size: 14px; line-height: 22px; height: 26px; margin-top: -13px; right: 10px;}
}


/* END__ */
@media only screen and (max-width: 575px) {
.image_shape { background-size: 600px auto; }
.home_section3 img { width: 610px;}
.publication_content h2 { font-size: 24px; line-height: 28px;}
select.form-control2 { min-width: 100% !important; width: 100% !important;}
}
/* END__ */
@media only screen and (max-width: 420px) {
.circle_chart {  transform: scale(0.75); top: -80px;}
.about_section3 .row [class*="col-"]:nth-child(2) { height: 600px;}


}
/* END__ */
@media only screen and (max-width: 380px) {
.navbar-toggler {left: 15px;}
.search { left: 60px;}
.colleagues { width: 78px; font-size: 15px; padding: 12px 6px;}
.banner_caption {width: 300px; right: 50%; margin-right: -150px; font-size: 20px; line-height: 26px; }
.banner_caption p { margin-bottom: 8px;}
.banner_caption p strong { font-size: 26px;line-height: 26px; }
.home_section2 a { font-size: 16px; line-height: 26px;}
.modal-dialog.school .modal-body { padding: 70px 20px 20px 20px;}
.texhnicat_forgot a:nth-child(1) { margin-right: 15px; font-size: 16px;}
.texhnicat_forgot a:nth-child(2) { margin-left: 15px; font-size: 16px;}

}
/* END__ */


.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
input[type='number']{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {   -webkit-appearance: none;   margin: 0; }
input[type='number'] { -moz-appearance:textfield;}