*, *::before, *::after {box-sizing: border-box;}
@font-face {font-family: 'regular';src: url('../fonts/regular.eot');src: url('../fonts/regular.eot@#iefix') format('embedded-opentype'),url('../fonts/regular.woff') format('woff'),url('../fonts/regular.ttf') format('truetype'),url('../fonts/regular.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'heading';src: url('../fonts/heading.eot');src: url('../fonts/heading.eot@#iefix') format('embedded-opentype'),url('../fonts/heading.woff') format('woff'),url('../fonts/heading.ttf') format('truetype'),url('../fonts/heading.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'icon';src: url('../fonts/icomoon.eot');src: url('../fonts/icomoon.eot@#iefix') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg') format('svg');font-weight: normal;font-style: normal;}
::selection {color: #1c1e4e;}
::-webkit-scrollbar {width: 8px; }
::-webkit-scrollbar-track {background: #fff; }
::-webkit-scrollbar-thumb {background: #1c1e4e; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, u, i, ul, li, form, label, menu, nav, section{margin: 0;padding: 0;border: 0;vertical-align: baseline;}
body {font-size:14px;font-family:'regular',Sans-Serif;color: #aaa;background-color: #fff;}
h1,h2,h3,h4,h5,h6{font-family:heading;color:#1c1e4e;text-transform:uppercase}
@media only screen and (max-width: 1169px) {
body.nav-on-left.overflow-hidden {overflow: hidden;}
}
ul li{list-style:none}
a {color: #1c1e4e;text-decoration: none;}
a:hover{text-decoration:none}
img {max-width: 100%;}
.top-bar{position: relative;background: #f6faff;overflow: hidden;}
.top-bar .top-bar-inner{position: relative;z-index: 1;padding: 20px 0px;}
.top-bar .top-bar-inner:after{content: "";position: absolute;left: 75%;top: 0;width: 500%;height: 100%;background: #ff7d15;z-index: -1;}
.top-bar .top-element{display: flex;padding: 0px 0px;}
.top-bar .top-element .top-left-elements, .top-right-elements {display: inline-flex;}
.top-bar .top-element .top-right-elements{margin-left: auto;}
.top-bar .top-element .element{padding: 0px 20px;}
.top-bar .top-element .element:first-child{padding-left: 0px;}
.top-bar .top-element .element:last-child{padding-right: 0px;}
.top-bar .top-element .element .top-social{padding: 0px;padding-top: 8px;margin-bottom: 0px;}
.top-bar .top-element .element .top-social li {border: 0;list-style: none;line-height: 30px;display: inline-block;position: relative;text-transform: uppercase;padding: 0px 17px;}
.top-bar .top-element .element .top-social li:first-child{padding-left: 0px;}
.top-bar .top-element .element .top-social li:last-child{padding-right: 0px;}
.top-bar .top-element .element .top-social li a{font-size: 18px;color: #1c1e4e;text-align: center;display: block;text-decoration:none}
.top-bar .top-element .element .top-social li a:hover{color: #ff7d15;}
.top-bar .top-element .phone{display: inline-block;background: #f6faff;border-radius: 30px;font-size: 20px;color: #ff7d15;margin-right: 33px;margin-top: 0px;}
.top-bar .top-element .phone a{display: inline-block;background: #f6faff;padding: 10px 20px;border-radius: 30px;font-size: 20px;color: #1c1e4e;margin-top: 0px;}
.top-bar .top-element .register a{font-size: 22px;line-height: 46px;color: #fff;border-radius: 0px;display: inline-block;}

body .main-header {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);will-change: transform;}
body .main-header {position: relative;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;z-index:111}
@media only screen and (max-width: 1169px) {
body.nav-is-visible, .main-header.nav-is-visible {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}
.nav-on-left body.nav-is-visible, .nav-on-left .main-header.nav-is-visible {-webkit-transform: translateX(260px);-moz-transform: translateX(260px);-ms-transform: translateX(260px);-o-transform: translateX(260px);transform: translateX(260px);}
}
.main-header {height: 50px;background: #1c1e4e;z-index: 3;}
.nav-is-fixed .main-header {position: fixed;top: 0;left: 0;width: 100%;}
.logo {position: absolute;top: 5px;}
.logo img {display: block;}
@media only screen and (min-width: 1170px) {
.nav-on-left .logo {left: auto;right: 5%;}
}
.header-buttons {position: absolute;display: inline-block;top: 3px;right: 5%;}
.header-buttons li {display: inline-block;}
@media only screen and (max-width: 1169px) {
.nav-on-left .header-buttons {right: auto;left: 5%;}
.nav-on-left .header-buttons li {float: right;}
}
@media only screen and (min-width: 1170px) {
.header-buttons {top: 18px;right: 4em;}
}
.nav-trigger{height:20px;}
.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {position: absolute;display: inline-block;height: 3px;width: 24px;background: #fff;}
.nav-trigger span {position: absolute;top: 50%;right: 10px;-webkit-transition: background 0.3s 0.3s;-moz-transition: background 0.3s 0.3s;transition: background 0.3s 0.3s;height:10px;}
.nav-trigger span::before, .nav-trigger span::after {top:10px;margin:2px 0px;content: '';right: 0;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transition: -webkit-transform 0.3s 0.3s;-moz-transition: -moz-transform 0.3s 0.3s;transition: transform 0.3s 0.3s;height:10px;}
.nav-trigger.nav-is-visible span {/* hide line in the center */background: rgba(46, 50, 51, 0);}
.nav-trigger.nav-is-visible span::before, .nav-trigger.nav-is-visible span::after {/* keep visible other 2 lines */background: #fff;}
.nav-trigger.nav-is-visible span::before {-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);-o-transform: translateX(4px) translateY(-3px) rotate(45deg);transform: translateX(4px) translateY(-3px) rotate(45deg);top: -2px;}
.nav-trigger.nav-is-visible span::after {-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);-o-transform: translateX(4px) translateY(2px) rotate(-45deg);transform: translateX(4px) translateY(2px) rotate(-45deg);}
@media only screen and (min-width: 1170px) {.nav-trigger {display: none;}
}
.primary-nav, .primary-nav ul {position: fixed;top: 0;right: 0;height: 100%;width: 260px;background: #1c1e4e;overflow: auto;-webkit-overflow-scrolling: touch;z-index: 1;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;overflow:hidden}
.primary-nav a, .primary-nav ul a {text-transform:uppercase;display: block;padding: 10px 20px;color: #ffffff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);will-change: transform, opacity;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
.primary-nav.is-hidden, .primary-nav ul.is-hidden {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}
.primary-nav.moves-out > li > a, .primary-nav ul.moves-out > li > a {/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}
@media only screen and (max-width: 1169px) {
.nav-on-left .primary-nav, .nav-on-left .primary-nav ul {right: auto;left: 0;}
}
@media only screen and (max-width: 1169px) {
.primary-nav {visibility: hidden;-webkit-transition: visibility 0s 0.3s;-moz-transition: visibility 0s 0.3s;transition: visibility 0s 0.3s;}
.primary-nav.nav-is-visible {z-index: 111;visibility: visible;-webkit-transition: visibility 0s 0s;-moz-transition: visibility 0s 0s;transition: visibility 0s 0s;overflow:hidden}
}
@media only screen and (min-width: 1170px) {
.primary-nav {position: static;height: auto;width: auto;float: right;overflow: visible;background: transparent;}
.primary-nav::after {clear: both;content: "";display: table;}
.primary-nav.moves-out > li > a {/* reset mobile style */-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;}
.primary-nav ul {position: static;height: auto;width: auto;background: transparent;overflow: visible;z-index: 3;}
.primary-nav ul.is-hidden {/* reset mobile style */-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.primary-nav ul.moves-out > li > a {/* reset mobile style */-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;}
.primary-nav > li {float: left}
.primary-nav > li > a {position: relative;display: inline-block;padding: 12px 20px;color: #fff;overflow: visible;border-bottom: none;-webkit-transition: color 0.3s, box-shadow 0.3s;-moz-transition: color 0.3s, box-shadow 0.3s;transition: color 0.3s, box-shadow 0.3s;text-transform:uppercase}
.primary-nav > li > a:hover {color: #fff;text-decoration:none}
.primary-nav > li > a.selected {color: #fff;}
.primary-nav .go-back, .primary-nav .see-all {display: none;}
.primary-nav .secondary-nav{position: absolute;top: 50px;width: 1170px;background: #1c1e4e;padding:30px;box-shadow: inset 0 1px 0 #1c1e4e, 0 3px 6px rgba(0, 0, 0, 0.05);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.primary-nav .secondary-nav::after, .primary-nav .nav-gallery::after, .primary-nav .nav-icons::after {clear: both;content: "";display: table;}
.primary-nav .secondary-nav.is-hidden, .primary-nav .nav-gallery.is-hidden, .primary-nav .nav-icons.is-hidden {opacity: 0;visibility: hidden;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.primary-nav .secondary-nav > .see-all, .primary-nav .nav-gallery > .see-all, .primary-nav .nav-icons > .see-all {/* this is the BIG See all button at the bottom of the dropdown menu */display: block;position: absolute;left: 0;bottom: 0;height: 80px;width: 100%;overflow: hidden;/* reset some inherited style */margin: 0;padding: 0;}
.primary-nav .secondary-nav > .see-all a, .primary-nav .nav-gallery > .see-all a, .primary-nav .nav-icons > .see-all a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;line-height: 80px;border-top: 1px solid #e2e3df;/* reset some inherited style */border-bottom: none;margin: 0;padding: 0;-webkit-transition: color 0.2s, background 0.2s, border 0.2s;-moz-transition: color 0.2s, background 0.2s, border 0.2s;transition: color 0.2s, background 0.2s, border 0.2s;}
.primary-nav .secondary-nav > .see-all a:hover, .primary-nav .nav-gallery > .see-all a:hover, .primary-nav .nav-icons > .see-all a:hover {background: #fff;border-color: #fff;color: #ffffff;}
.primary-nav .secondary-nav > li {width: 23%;float: left;margin-right: 2.66%;overflow: hidden;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.primary-nav .secondary-nav > li:nth-child(3n) {margin-right: 0;border-right: none;}
.primary-nav .secondary-nav > li > a {color: #fff;}
.primary-nav .secondary-nav a {height: 30px;padding:0px 0px 0px 20px;color: #fff;border-bottom: none;text-transform:uppercase;font-size:14px;}
.primary-nav .secondary-nav a:hover {color: #fff;}
.primary-nav .secondary-nav ul {/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.primary-nav .secondary-nav ul ul {/* tertiary navigation */position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.primary-nav .secondary-nav ul ul.is-hidden {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}
.primary-nav .secondary-nav ul ul .go-back {display: block;}
.primary-nav .secondary-nav ul ul .go-back a {color: transparent;}
.primary-nav .secondary-nav ul ul .see-all {display: block;}
.primary-nav .secondary-nav .moves-out > li > a {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
.secondary-nav .has-children .is-hidden li{margin-left: 50px;clear: both;background: url(../img/down-arrow-icon.png) no-repeat;}
}
.has-children > a, .go-back a {position: relative;}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {content: '';position: absolute;top: 50%;margin-top: -1px;display: inline-block;height: 2px;width: 10px;background: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.has-children > a::before, .go-back a::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.has-children > a::after, .go-back a::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {background: #fff;}
.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {background: #fff;}
}
.has-children > a {padding-right: 40px;}
.has-children > a::before, .has-children > a::after {/* arrow goes on the right side - children navigation */right: 20px;-webkit-transform-origin: 9px 50%;-moz-transform-origin: 9px 50%;-ms-transform-origin: 9px 50%;-o-transform-origin: 9px 50%;transform-origin: 9px 50%;}
.primary-nav .go-back a {padding-left: 40px;}
.primary-nav .go-back a::before, .primary-nav .go-back a::after {/* arrow goes on the left side - go back button */left: 20px;-webkit-transform-origin: 1px 50%;-moz-transform-origin: 1px 50%;-ms-transform-origin: 1px 50%;-o-transform-origin: 1px 50%;transform-origin: 1px 50%;}
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after {right: 15%;}
.primary-nav > .has-children > a {/* main navigation arrows on larger devices */padding-right: 30px !important;}
.primary-nav > .has-children > a::before, .primary-nav > .has-children > a::after {width: 9px;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;background: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: width 0.3s, -webkit-transform 0.3s;-moz-transition: width 0.3s, -moz-transform 0.3s;transition: width 0.3s, transform 0.3s;}
.primary-nav > .has-children > a::before {right: 12px;}
.primary-nav > .has-children > a::after {right: 7px;}
.primary-nav > .has-children > a.selected::before, .primary-nav > .has-children > a.selected::after {width: 14px;}
.primary-nav > .has-children > a.selected::before {-webkit-transform: translateX(5px) rotate(-45deg);-moz-transform: translateX(5px) rotate(-45deg);-ms-transform: translateX(5px) rotate(-45deg);-o-transform: translateX(5px) rotate(-45deg);transform: translateX(5px) rotate(-45deg);}
.primary-nav > .has-children > a.selected::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.secondary-nav > .has-children > a::before, .secondary-nav > .has-children > a::after {/* remove arrows on secondary nav titles */display: none;}
.primary-nav .next{display:none}
.primary-nav .go-back a {padding-left: 20px;}
.primary-nav .go-back a::before, .primary-nav .go-back a::after {left: 1px;}
}
.overlay {position: fixed;z-index: 2;height: 100%;width: 100%;top: 0;left: 0;cursor: pointer;background-color: rgba(105, 170, 111, 0.8);visibility: hidden;opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;}
.overlay.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;}
@media only screen and (max-width: 1169px) {
.overlay.is-visible {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}
.nav-on-left .overlay.is-visible {-webkit-transform: translateX(260px);-moz-transform: translateX(260px);-ms-transform: translateX(260px);-o-transform: translateX(260px);transform: translateX(260px);}
.overlay.is-visible.search-is-visible, .nav-on-left .overlay.is-visible.search-is-visible {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
}
.no-js .primary-nav {position: relative;height: auto;width: 100%;overflow: visible;visibility: visible;z-index: 2;}
.no-js .search {position: relative;top: 0;opacity: 1;visibility: visible;}
@media only screen and (min-width: 1170px) {
.no-js .primary-nav {position: absolute;z-index: 3;display: inline-block;width: auto;top: 0;right: 150px;padding: 0;}
.no-js .nav-is-fixed .primary-nav {position: fixed;}
}
.secondary-nav .has-children a:hover{color:#3161ff}
.submenu-heading{color: #fff;margin-bottom: 30px;width: 100%;font-size: 22px;font-family: 'heading';text-transform:uppercase;}
.submenu-heading span{padding:20px}
.submenu-heading:before {content:"";position: absolute;top:15px;width: 204px;height: 64px;background: url(../img/menu.png) top left no-repeat;}
.secondary-nav .has-children .contact-box p{color:#fff;margin:0px;padding:5px 0px;}
.secondary-nav .has-children .contact-box p a{margin:0px;padding:0px;height: auto;text-transform: lowercase;}


.breadcrumb {border-bottom: 1px solid #e1e1e1;padding: 15px 10px;list-style: none;background-color: #000;margin: 0px;border-radius: 0;}
.breadcrumb ul{margin:0px;padding:0px;float: right;}
.breadcrumb ul li {letter-spacing: 2px;list-style: none;float: left;line-height: 10px;color: #fff;border-radius:0;}
.breadcrumb ul li a {color: #fff;}
.breadcrumb li a:after {padding: 0 5px;color: #fff;content: "/\00a0";}

.slider-content {position: absolute;left: 0px;right: 0px;margin: 0px auto;bottom: 0px;z-index: 2;text-align: center;}
.slider-content  ul{margin: 0 auto;padding: 0;text-align: center;position: absolute;bottom: 5px;z-index: 3;}
.slider-content  ul li{display:inline-block;font-size:14px}
.slider-content figure {background: #fff none repeat scroll 0 0;border: 1px solid #ececec;border-radius: 50%;height: 100px;line-height: 98px;text-align: center;width: 100px;}
.slider-content  ul li .register{background:#ff7d15 none repeat scroll 0 0;border:0 none;color:#fff;display:inline-block;vertical-align:top;height:67px;line-height:67px;text-transform:uppercase;width:230px;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}
.slider-content  ul li .contact{background:#1c1e4e none repeat scroll 0 0;color:#fff;display:inline-block;height:67px;line-height:67px;text-transform:uppercase;vertical-align:top;width:230px;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}
.slider-content  ul li.first{margin-right:68px;margin-top:-7px;vertical-align:top}
.slider-content  ul li.last{margin-left:68px;margin-top:-7px;vertical-align:top}
.slider-content  ul li.second{margin-right:68px}
.slider-content  ul li.third{margin-left:68px}
.slider-content::after {background-color: #fff;bottom: -50px;content: "";height: 95px;left: 0;position: absolute;transform: skewY(7deg);width: 50%;}
.slider-content::before {background-color: #fff;bottom: 40px;content: "";height: 4px;position: absolute;right: 0;transform: skewY(-7deg);width: 50.1%;z-index: 1;}
.slider-content::after, .slider-content::before {background-color:#fff;bottom: -50px;content: "";height: 95px;position: absolute;width: 50.1%;z-index: 1;}

.site-banner{display:block;height:90vh;max-width:100%;overflow:hidden;position:relative;width:100vw;z-index:2;}
.site-banner video{height:auto;left:50%;margin:auto;opacity:1;top:50%;visibility:visible;width:100%;z-index:-1;}
.homeextra .boxpanel{position:absolute;left:0;width:100%;right:0;bottom:80px;z-index:99;opacity:0.6}
.homeextra .boxpanel .box{width:25%;display:block;float:left;vertical-align:middle;text-align:center;padding:20px 5px;border-right:1px solid rgba(255, 255, 255, 0.10);text-align:center}
.homeextra .boxpanel .box img{margin: 0px auto;}
.homeextra .boxpanel .box span{color:#fff;font-family:heading;display:block;text-transform:uppercase;font-size:30px;text-transform:uppercase}
.homeextra .boxpanel .box p{text-align:center;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1px;}

.main-content {padding:50px 0px;}
.main-content h1{text-align:center;font-size:40px;padding-bottom:20px;color:#1c1e4e}

.phpcoursebox{display:block; padding: 10px 20px;background:#78afb2;border:1px solid #fff;position:relative;text-align:center;margin-bottom:10px;}
.phpcoursebox .title{display:block;text-transform:uppercase;font-size:18px;font-family:'heading';display:block;padding:10px 0px}
.phpcoursebox p{color:#fff}
.phpcoursebox p a{color: #fff;background:#286f73;display: block;font-size: 14px;height: 46px;line-height: 46px;margin-top: 23px;text-transform: uppercase;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;width: 100%;cursor:pointer;z-index:11}

.androidcoursebox{display:block; padding: 10px 20px;background:#dd8546;border:1px solid #fff;position:relative;text-align:center;margin-bottom:10px;}
.androidcoursebox .title{display:block;text-transform:uppercase;font-size:18px;font-family:'heading';display:block;padding:10px 0px}
.androidcoursebox p{color:#fff}
.androidcoursebox p a{color: #fff;background:#be601d;display: block;font-size: 14px;height: 46px;line-height: 46px;margin-top: 23px;text-transform: uppercase;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;width: 100%;cursor:pointer;z-index:11}

.ioscoursebox{display:block; padding: 10px 20px;background:#6d582d;border:1px solid #fff;position:relative;text-align:center;margin-bottom:10px;}
.ioscoursebox .title{display:block;text-transform:uppercase;font-size:18px;font-family:'heading';display:block;padding:10px 0px}
.ioscoursebox p{color:#fff}
.ioscoursebox p a{color: #fff;background:#54421c;display: block;font-size: 14px;height: 46px;line-height: 46px;margin-top: 23px;text-transform: uppercase;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;width: 100%;cursor:pointer;z-index:11}

.seocoursebox{display:block; padding: 10px 20px;background:#bdaa69;border:1px solid #fff;position:relative;text-align:center;margin-bottom:10px;}
.seocoursebox .title{display:block;text-transform:uppercase;font-size:18px;font-family:'heading';display:block;padding:10px 0px}
.seocoursebox p{color:#fff}
.seocoursebox p a{color: #fff;background:#c3ae67;display: block;font-size: 14px;height: 46px;line-height: 46px;margin-top: 23px;text-transform: uppercase;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;width: 100%;cursor:pointer;z-index:11}

.summercoursebox{display:block; padding: 10px 20px;background:#78d1b7;border:1px solid #fff;position:relative;text-align:center;margin-bottom:10px;}
.summercoursebox .title{text-transform:uppercase;font-size:18px;font-family:'heading';display:block;padding:10px 0px}
.summercoursebox p{color:#fff}
.summercoursebox p a{color: #fff;background:#78e4c4;display: block;font-size: 14px;height: 46px;line-height: 46px;margin-top: 23px;text-transform: uppercase;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;width: 100%;cursor:pointer;z-index:11}

.btechcoursebox{display:block; padding: 10px 20px;background:#24d45e;border:1px solid #fff;position:relative;text-align:center;margin-bottom:10px;}
.btechcoursebox .title{display:block;text-transform:uppercase;font-size:18px;font-family:'heading';display:block;padding:10px 0px}
.btechcoursebox p{color:#fff}
.btechcoursebox p a{color: #fff;background:#1de960;display: block;font-size: 14px;height: 46px;line-height: 46px;margin-top: 23px;text-transform: uppercase;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;width: 100%;cursor:pointer;z-index:11}

.mcacoursebox{display:block; padding: 10px 20px;background:#ef8172;border:1px solid #fff;position:relative;text-align:center;margin-bottom:10px;}
.mcacoursebox .title{display:block;text-transform:uppercase;font-size:18px;font-family:'heading';display:block;padding:10px 0px}
.mcacoursebox p{color:#fff}
.mcacoursebox p a{color: #fff;background:#d18378;display: block;font-size: 14px;height: 46px;line-height: 46px;margin-top: 23px;text-transform: uppercase;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;width: 100%;cursor:pointer;z-index:11}

.digitalmarketingbox{display:block; padding: 10px 20px;background:#0ef4ec;border:1px solid #fff;position:relative;text-align:center;margin-bottom:10px;}
.digitalmarketingbox .title{display:block;text-transform:uppercase;font-size:18px;font-family:'heading';display:block;padding:10px 0px}
.digitalmarketingbox p{color:#fff}
.digitalmarketingbox p a{color: #fff;background:#0ce5dd;display: block;font-size: 14px;height: 46px;line-height: 46px;margin-top: 23px;text-transform: uppercase;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;width: 100%;cursor:pointer;z-index:11}

.enquirywrap {width: 100%;background: #0130bf;border-top:1px solid #ddd;padding: 15px 0px;bottom: 0px;position: fixed;z-index:111;}
.enquirywrap .address{text-align:center}
.enquirywrap a i{color: #1e90ff;padding-right:5px;}
.enquirywrap a {color: #fff;}
.enquirywrap  .social-media {float:right;margin:0px;padding:0px;}
.enquirywrap  .social-media a {height:25px;width: 25px;  display: inline-block;border-radius: 5px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: 0 10px;float:left}
.enquirywrap  .social-media a i{font-size: 14px;display: inline-block;margin: 5px;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);color:#0130bf}
.enquirywrap  .social-media a:before {content: " ";top:-6px;left: -6px;background-color: #fff;width: 40px;height: 40px;border-radius: 100%;animation-fill-mode: both;-webkit-animation-fill-mode: both;position: absolute;opacity: 0.6;-webkit-animation: pulse2 1.8s ease-out;animation: pulse2 1.8s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}

@-webkit-keyframes pulse2 {
0% {
-webkit-transform: scale(0);
opacity: 0;
}

25% {
-webkit-transform: scale(0.3);
opacity: 1;
}

50% {
-webkit-transform: scale(0.6);
opacity: .6;
}

75% {
-webkit-transform: scale(0.9);
opacity: .3;
}

100% {
-webkit-transform: scale(1);
opacity: 0;
}
}

@keyframes pulse2 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}

25% {
-webkit-transform: scale(0.3);
transform: scale(0.3);
opacity: 1;
}

50% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: .6;
}

75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: .3;
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}

footer{background:#1d1d29;padding:20px 0px 50px 0px; background: url(../img/footerbg.png) left bottom repeat-x;animation: footermove 10s infinite linear;background-size: cover;}
footer .title{font-size:18px;color:#fff;margin-bottom:10px;}
footer ul{margin:0px;padding:0px 0px 20px;}
footer ul li{background: url(../img/dot.png) no-repeat left;padding: 5px 35px;color: #000;text-align: justify;list-style: none;text-transform:uppercase}
footer ul li a{color:#fff}
footer p a, footer p{color:#fff;padding-bottom:10px;}
@keyframes footermove{0%{background-position:left bottom}
100%{background-position:right bottom}
}

@media only screen and (max-width: 767px) {
.logo{position:relative}	
.top-bar{margin:0px;padding:0px;}
.top-bar .top-bar-inner{margin:0px;padding:15px 0px;}
.top-bar .top-bar-inner:after {display: none;}
.top-bar .top-element{display: block;width: 100%;text-align: center;padding: 0px;margin:0px;}
.top-bar .top-right-elements{display: block;width: 100%;text-align: center;padding: 15px 0px;margin:0px}
.top-bar .top-element .top-right-elements{padding: 0px;}
.top-bar .top-element .register a{font-size: 16px;line-height: 20px;border-radius: 30px;background: #ff7d15;padding: 6px 50px 10px 50px;}
.top-bar .top-element .phone{margin:0px;}
.submenu-heading{display:none}
.contact-box{padding:10px 20px;}
.site-banner{display:block;height:35vh;max-width:100%;overflow:hidden;position:relative;z-index:2;}
.site-banner .boxpanel{position:relative;left:0;width:100%;top: -5px;right:0;z-index:99;opacity:1}
.site-banner .boxpanel .box{width:50%;background:#000}
.slider-content{display:none}
.slider-content::after, .slider-content::before {display:none}
.homeextra{background:#000;margin:0px;padding:0px;}
.homeextra .boxpanel{position:relative;bottom:0px;}
.enquirywrap{text-align:center}
.enquirywrap .social-media{float: none;margin: 0px auto;padding: 0px auto;display: inline-block;}
}

.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
opacity : 1   ;
  }  
  100% {
opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
opacity : 1   ;
  }  
  100% {
opacity : 0   ;
  }  
}
.accordion{margin-top:20px}
.accordion h3 {background: #1c1e4e;color: #fff;text-align: left;border-radius: 4px;padding: 14px 12px;cursor: pointer;margin-top: 0;margin-bottom: 9px;padding-right: 40px;transition: 0.25s all;position: relative;font-size: 14px;}
.accordion h3.active {margin-bottom: 21px;background: #ff7d15;}
.accordion h3::before {content: attr(data-prefix);font-size: 18px;margin-right: 9px;}
.accordion h3.alignLeft {padding-left: 35px;}
.accordion > div {display: none;background: #fff;border-radius: 4px;border: 1px solid #eaeff5;text-align: left;padding: 31px 33px;margin-bottom: 9px;}
.accordion .arrowDown {width: 0;height: 0;border-style: solid;border-width: 13.0px 7.5px 0 7.5px;border-color: #1c1e4e transparent transparent transparent;position: absolute;bottom: 0;left:20px;transition: 0.25s all;opacity: 0;}
.accordion .active .arrowDown {bottom: -13px;border-color: #ff7d15 transparent transparent transparent;opacity: 1;}
.accordion .collapseIcon {position: absolute;right: 20px;top: 45%;font-size: 25px;font-weight: 300;-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.accordion .collapseIcon.alignLeft {right: initial;left: 20px;}

.main-content .box{padding: 15px 20px;background-color: #fff;transform: translate3d(0, 0, 0);z-index: 90;margin-bottom: 35px;position: relative;border: 1px solid #eaeff5;-webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);-moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);width:100%;margin-bottom:15px;}
.main-content .box h2, .main-content .box h4{font-size:18px;color:#1c1e4e;padding-bottom:10px;text-align:center}
.main-content .box h5{font-size:18px;color:#1c1e4e;padding-bottom:10px;text-align:center;text-align:left;border-bottom:1px solid #eee}
.main-content .box .course-list {margin:0px;padding:20px 0px 0px;}
.main-content .box .course-list li{clear: both;background: url(../img/list.png) no-repeat;text-transform:uppercase;padding-bottom:10px;border-bottom: 1px dashed #eaeff5;margin-top: 10px; color: #1c1e4e;padding-left: 20px;}
.main-content .box .course-list li:last-child{border:0px;}
.main-content .box .course-list li a{padding:0px 20px;}
.main-content .box .course-list li a:hover{padding:0px 20px;color:#ff7d15}
.main-content .box .contact{margin:0px;padding:10px 0px 0px;}
.main-content .box .contact li{clear: both;padding-bottom:10px;margin-top: 10px;color:#1c1e4e}
.main-content .box .contact li i{height: 30px;float: left;font-size: 20px;color:#1c1e4e;padding-right:10px;}
.main-content .box .contact li a{color:#1c1e4e;}

.main-content .box .courseenquiry{padding:padding: 15px 5px;clear:right}
.main-content .box .courseenquiry label{display:block;width:100%; background: #fbfdff; margin-bottom: 10px;text-transform:uppercase;font-family: 'regular';}
.main-content .box .courseenquiry select,.main-content .box .courseenquiry input[type=text]{display:block;width:100%;background: #fbfdff;border: 1px solid #dde6ef;padding:10px 15px;outline:none;margin-bottom:15px;}
.main-content .box .courseenquiry input[type=submit]{display:block;background: #ff7d15;color:#fff;border:0;padding:10px 50px;outline:none;margin-top:15px;}

.detail-check{margin: 0;padding: 0;width: 100%;display: inline-table;}
.detail-check li {list-style: none;display: inline-block;width: 33.333333%;padding: 6px 0 5px 30px;position: relative;}
.detail-check li:before {width: 19px;height: 19px;content: "\e9b1";font-family: iconfont;font-size: 12px;color: #fff;display: inline-block;left: 0;top: 8px;text-align: center;line-height: 16px;position: absolute;background-color: #ff431e;border: 1px solid #eaeff5;transition: border-color 0s;border-radius: 4px;box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);-webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);-moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);}