body{
  background-color: rgb(245, 245, 245); 
  -webkit-scrolling: touch;
  -moz-scrolling: touch;
  -ms-scrolling: touch;
  -o-scrolling: touch;
}
.cookie {
    font-size:14px;
    bottom: 0rem;
    height: 70px;
    position: fixed;
    background-color: rgba(0,0,0,0.9);
    color: #fff;
    padding: 0.5rem;
    z-index: 9;
    width: 100%;
}
.cookie .course-blink {
background-color: #22316c;
border-bottom: 5px solid #101b48;
padding: 2px 10px;
color: #ffffff;
font-size: 16px;
}
.cookie .course-blink:hover {
box-shadow: inset 1px 10px 28px #220a6b;
border-bottom: 3px solid #15145c;
text-decoration: none;
color: #ffffff;
}
.content-box a {
  color: #160bbd;
}
/* Latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(../fonts/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
::selection {
  background: rgb(235, 14, 39);
  color: #fff;
}
::-moz-selection {
  background: rgb(235, 14, 39);
  color: #fff;
}
::-webkit-selection {
  background: rgb(235, 14, 39);
  color: #fff;
}
::-o-selection {
  background: rgb(235, 14, 39);
  color: #fff;
}
::-ms-selection {
  background: rgb(235, 14, 39);
  color: #fff;
}
::-webkit-scrollbar {
    width: 8px;
} 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    border-radius: 6px;
} 
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 12px 12px 10px rgba(46, 124, 201 , 0.8);
}
::-moz-scrollbar {
    width: 8px;
} 
::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    border-radius: 6px;
} 
::-moz-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.max{
  overflow-y: scroll;
  overflow-x: hidden;  
}
.gap{
  height: 10px;
}
.gap-2x{
  height: 20px;
}
.gap-3x{
  height: 30px;
}
.gap-4x{
  height: 40px;
}
.gap-5x{
  height: 50px;
}
.gap-6x{
  height: 60px;
}
.gap-7x{
  height: 70px;
}
.gap-8x{
  height: 80px;
}
.gap-9x{
  height: 90px;
}
.gap-10x{
  height: 100px;
}
.gap-12x{
  height: 120px;
}
.gap-16x{
  height: 160px;
}
.gap-18x{
  height: 180px;
}
.gap-big{
  height: 150px;
}
.gap-mega{
  height: 200px;
}
.top-gap{
  margin-top: 215px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
}
.remove-top-gap-hd{
  margin-top: -215px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transtion: 0.1s;
}

.top-gap-mini{
  margin-top: 50px;
}
.booking-btn{
  margin-left:8px; 
  padding: 3px 25px !important;
  color: #fff !important;
  font-weight: bold !important;
}
em{
  color: #fff;
  font-weight: bold;
  font-style: normal;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.top-bg:hover{
  box-shadow: inset 1px 5px 18px #073669;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}
.callout-full h4{
  color: #fff;
}
.top-bg{
    padding: 4px;
  overflow: hidden;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: #247edd;
  background-clip: padding-box;
  border: 1px solid #247edd;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}
.b-top-bg{
  background-image: linear-gradient(to bottom, rgba(103, 120, 174, 1), rgba(25, 44, 103, 1) 50%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(to bottom, rgba(103, 120, 174, 1), rgba(25, 44, 103, 1) 50%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(to bottom, rgba(103, 120, 174, 1), rgba(25, 44, 103, 1) 50%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1));
  background-image: -ms-linear-gradient(to bottom, rgba(103, 120, 174, 1), rgba(25, 44, 103, 1) 50%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(to bottom, rgba(103, 120, 174, 1), rgba(25, 44, 103, 1) 50%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1));
}
.nav{
  background-color: #247edd;
  box-shadow: inset 0 -4px 7px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.5);
}
.nav ul{
  margin: 0px;
}
.nav ul li{
  float: left;
  text-decoration: none;
  list-style-type: none;
  padding: 10px 60px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 20%;
  text-align: center;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}
.nav ul li:hover{
  box-shadow: inset 1px 5px 18px #073669;
  background-color: rgb(22, 106, 194);
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}
.nav-active{
  box-shadow: inset 1px 5px 18px #073669 !important;
  background-color: rgb(22, 106, 194) !important;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}
.slider{
 display: none;
}
.slider ul{
  height: 400px !important;
}
.slider img{
  width: 100%;
  margin: 0 auto;
  background-size: cover;
  background-attachment: fixed;
}
.example-orbit-content li div {
    color: white;
    background: #0F1D24;
    padding: 30px 40px; }

.example-orbit-content li div h1, .example-orbit-content li div h2, .example-orbit-content li div h3 {
    color: white;
}
.orbit-slide-number{
  display: none;
}
.remove-bottom-p{
  margin-bottom: 0px;
}
.oval-thought{
  position: relative;
  width: 340px;
  padding: 50px 40px;
  margin: 0 auto;
  text-align: center;
  color: #fff !important;
  background: #075698;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background: -moz-linear-gradient(#2e88c4, #075698);
  background: -o-linear-gradient(#2e88c4, #075698);
  background: linear-gradient(#2e88c4, #075698);
  -webkit-border-top-left-radius: 220px 120px;
  -webkit-border-top-right-radius: 220px 120px;
  -webkit-border-bottom-right-radius: 220px 120px;
  -webkit-border-bottom-left-radius: 220px 120px;
  -moz-border-radius: 220px / 120px;
  border-radius: 50%;
}
.oval-thought:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50px;
  width: 30px;
  height: 30px;
  background: #075698;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.oval-thought:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 30px;
  width: 15px;
  height: 15px;
  background: #075698;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.font-md{
  font-size: 18px;
  font-weight: bold;
}
.bold{
  font-weight: bold;
}
b {
  color: #000000;
}
h2, h3{
  color: #424242;
}
strong{
  color: #424242;
}
.logo{
  cursor: pointer;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transtion: 0.1s;
}
.max-inter{
  height: 230px;
  max-height: 230px;
}

h3, h4{
  
}
.line{
  height: 2px;
    background-color: rgb(24, 43, 101);
  width: 120%;
  position: relative;
  top: 23px;
}
.top-left{
  display: none;
} 
.top-right{
  display: none;
} 
.clear{
  clear: both !important;
}
.line{
  width: 100%;
  left: 30px; 
  height: 2px; 
  position: relative; 
  top: 17px; 
  background-color: #090A0A; 
  overflow: hidden; 
}
.line-over{ 
  background-color: #39A7FC; 
  position: absolute;
  width: 15%; 
  height: 2px;
} 
.line-left {
  width: 100%;
  height: 2px;
  position: relative;
  top: 17px;
  background-color: #090A0A;
  overflow: hidden;
  left: -30px;
}
.line-left-over{ 
  background-color: #39A7FC; 
  position: absolute;
  width: 15%; 
  height: 2px;
} 
.fix-block{
  width: calc(100% - 10%);
}
.fix-block-right{
  width: calc(100% - 10%);
  float: right;
}
.img-bg{
  padding: 5px;
  cursor: pointer;
  margin-top: 2%;
  max-height: 350px;
  height: 350px;
  width: 100%;
  box-shadow: 1px 2px 15px 2px rgba(171, 171, 171, 1);
}
.img-bg-right{
  padding: 5px;
  cursor: pointer;
  margin-top: 2%;
  max-height: 350px;
  height: 350px;
  width: 100%;
  box-shadow: 1px 2px 15px 2px rgba(171, 171, 171, 1);
}
.img-h1-text{
  position: absolute;
  background-color: rgba(17, 17, 18, 0.698);
  color: #FFF;
  width: 85.5%;
  padding: 8px 10px;
  bottom: 0px;
  margin-bottom: 0px;
}
p.img-h1-text, .callout h2, .callout-right h2{
font-size: 1.68rem;
}
h1, p.heading1{
  font-size: 1.75rem !important;
}
.heading2 {
  font-size: 1.8rem;
}
.callout-arrow{
  border-top: 20px solid rgb(9, 10, 10);
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 0;
  width: 1%;
  position: absolute;
  bottom: -15px;
  right: 5%;
}
.callout{
	width: calc(100% - 15%);
  position: absolute;
  top: -80px;
  background-color: rgb(9, 10, 10);
  color: #000;
  padding: 10px;
}
.callout-right{
	width: calc(100% - 15%);
  position: absolute;
  top: -80px;
  background-color: rgb(9, 10, 10);
  color: #000;
  padding: 10px;
}
.callout h3{
  color: #fff !important;
}
.callout-right h3{
  color: #fff !important;
}
.callout-all h3{
  color: #fff !important;
}
.callout_show{
  display: none;
}
.image-text{
  position: absolute;
  top: 0px;
  background-color: rgba(0, 94, 167, 0.69);
  padding: 10px;
  width: 85.5%;
  color: #fff;
  display: none;
  top: 3.1%;
  height: 350px;
  max-height: 350px;
  overflow-y: hidden; 
  cursor: pointer;
}
.callout-arrow-right {
  border-top: 20px solid rgb(9, 10, 10);
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 0;
  width: 1%;
  position: absolute;
  bottom: -15px;
  left: 5%;
}
.image-text-right{
  position: absolute;
  background-color: rgba(0, 94, 167, 0.69);
  padding: 10px;
  width: 85.5%;
  color: #fff;
  display: none;
  top: 3.1%;
  height: 350px;
  max-height: 350px;
  overflow-y: hidden;
  cursor: pointer;
}
.image-text-right p{
  color: #fff !important;
  padding: 15px;
}
.callout_show_right{
  display: none;
}
.btn-w{
  width: 100%;
}
.large-4 .desk{
  height: 100px !important;
}
.large-3 .desk{
  height: 120px !important;
}
.opc{
  background-color: rgba(0, 0, 0, 0.7);
border: 3px solid #fff;
padding: 20px;
width: 80%;
letter-spacing: 2px;
word-spacing: 5px;
margin: 0 auto;
}
.left-box{
  color: #fff;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
}
.left-box h2{
  color: #fff;
}
.effects{
  background-color: rgb(25, 44, 102);
  color: #fff;
  padding: 10px; 
}
.left-box-over{
  background-color: red;
  position: absolute;
  top: 0px;
  color: #fff;
  z-index: -500;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
}
.effects2{
  background-color: red;
  color: #fff;
  padding: 10px; 
}
.rsDefault .rsBullets {
top:450px;
height:50px;
background: rgba(36,126,221,1);
}
.margin-top-gap{
  margin-top: -245px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
}
.margin-bottom-gap{
  margin-bottom: -100px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transtion: 0.1s;
}
.phone{
  margin: 30px auto;
}
button.black:hover, button.black:focus, .button.black:hover, .button.black:focus {
  color: #FFFFFF;
  background-color: #363A3A;
}
button.black, .button.black {
  background-color: #171A1A;
  border-color: #050505;
  color: #FFFFFF !important;
}
.city-bg{
  text-align: center;
  padding: 10px !important;
  margin-top: 60px;
  font-family: 'Pacifico', cursive;
}
.city_left p{
  margin-bottom: 0px;
  font-size: 35px;
  color: #424242 !important;
}
.city_right p{
  margin-bottom: 0px;
  font-size: 35px;
  color: #424242 !important;
}
.box{
  width:500px; height:100px;  
  border:solid 5px #000;
  border-color:#000 transparent transparent transparent;
  border-radius: 50%/100px 100px 0 0;
}
.city1, .city2, .city3, .city4, .city5, .city6, .enter_site{
  visibility: hidden;
}
.enter{
  font-size: 28px;
  font-weight: bold;
  color: rgb(255, 68, 89);
  cursor: pointer;
  text-align: center;
}
.lu{
  position: absolute;
  right: -10px;
  bottom: -30px;
  -o-transforn: rotate(10deg);
  -ms-transform: rotate(10deg); 
  -moz-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  display: none;
}
.lm{
  position: absolute;
  right: -10px;
  bottom: 20px;
  display: none;
}
.lb{
  position: absolute;
  bottom: 40px;
  right: -10px;
  display: none;
}
.ru{
  position: absolute;
  top: 100px;
  left: -10px;
  display: none;
}
.rm{
  position: absolute;
  top: 85px;
  left: -10px;
  display: none;
}
.rb{
  position: absolute;
  top: 25px;
  left: -10px;
  display: none;
}
.left-gap{
  margin-left: 58%;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}
.image-text-InLeft{
  position: absolute;
  padding: 10px;
  width: 140%;
  color: #000;
  display: none;
  top: 3.5%;
  height: 270px;
  overflow-y: hidden;
  cursor: pointer;
  right: 100%;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
}
.header{
  background-color: #fff;
}
.n-home{
  background-color: rgb(25, 44, 103);
  color: #fff;
  text-align: center;
  padding: 25px;
  height: 95px;
  max-height: 95px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  overflow: hidden;
}
.n-home:hover, .n-product:hover, .n-client:hover, .n-contact:hover, .n-about:hover,
.n-course:hover, .n-blog:hover, .n-booking:hover{
  background-color: #fff;
  color:rgb(25, 44, 103);
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
}
.n-home i, .n-product i, .n-client i, .n-contact i, .n-about i, .n-course i, .n-blog i, .n-booking i{
  font-size: 1.4em;
}
.n-home-text, .n-product-text, .n-client-text, .n-contact-text, .n-about-text,
.n-course-text, .n-blog-text, .n-booking-text{
  text-align: center;
  padding: 0px;
  font-size: 14px;
}
.n-product{
  background-color: rgb(69, 12, 121);
  color: #fff;
  text-align: center;
  padding: 25px;
  height: 95px;
  max-height: 95px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  overflow: hidden;
}
.n-client{
  background-color: rgb(91, 20, 148);
  color: #fff;
  text-align: center;
  padding: 25px;
  height: 95px;
  max-height: 95px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  overflow: hidden;
}
.n-about{
  background-color: rgb(29, 19, 76);
  color: #fff;
  text-align: center;
  padding: 25px;
  height: 95px;
  max-height: 95px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  overflow: hidden;
}
.n-contact{
  background-color: rgb(148, 20, 69);
  color: #fff;
  text-align: center;
  padding: 25px;
  height: 95px;
  max-height: 95px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  overflow: hidden;
}
.n-booking{
  background-color: rgb(92, 25, 103);
 color: #fff;
  text-align: center;
  padding: 25px;
  height: 95px;
  max-height: 95px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  overflow: hidden;
}
.n-course{
  background-color: rgb(48, 25, 103);
  color: #fff;
  text-align: center;
  padding: 25px;
  height: 95px;
  max-height: 95px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  overflow: hidden;
}
.n-blog{
  background-color: rgb(60, 25, 103);
  color: #fff;
  text-align: center;
  padding: 25px;
  height: 95px;
  max-height: 95px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  overflow: hidden;
}
.callout-all{
  background-color: rgb(9, 10, 10);
  color: #000;
  padding: 10px;
  text-align: center;
}
.outcomes_show{
  display: none;
}
.padd-all{
  padding: 0px 25px;
}
.moving-main{
  display: none;
}
.main{
  background-color: rgb(228, 228, 228);
}
.blockquotes{
  background-color: rgb(252, 252, 252);
  padding: 20px;
}
.blockquotes-line{
    padding: 20px;
  border-left: 5px solid rgb(228, 228, 228);
}
.blockquotes-line p{
  font-size: 18px;
word-spacing: 4px;
letter-spacing: 0.2px;
}
.content-box{
  background-color: #FCFCFC;
  padding: 10px 20px;
  box-shadow: 1px 2px 8px #767676;
  position: relative;
  z-index: 1;
}
.tx-shadow{
  text-shadow: 2px 2px 3px #c3c3c3;
}
.course-span{
  font-size: 0.9rem;
  display: block;
  text-decoration: underline;
}
.blink{
  padding: 10px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #192C67 ; /*#247edd*/
  background-clip: padding-box;
  border-bottom: 5px solid #4C66B6;
  font-size: 22px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.blink:hover{
  box-shadow: inset 1px 10px 28px #425696;
  border-bottom: 5px solid #4C66B6;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -0-transition: 0.1s;
}
.course-blink{
  padding: 10px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #941445 ;
  background-clip: padding-box;
  border-bottom: 5px solid #5C1430;
  font-size: 22px;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.course-blink:hover{
  box-shadow: inset 1px 10px 28px #6B0A2F;
  border-bottom: 3px solid #5C1430;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -0-transition: 0.1s;
}
.blink-shadow{
  box-shadow: 1px 1px 8px #c3c3c3 !important;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.blink-shadow:hover{
  border: 1px solid #fff;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}

.blink a {
  color: #fff !important;
}
.pop{
  position: absolute;
  background-color: red;
  padding: 20px;
  z-index: 999999;
  top: 20px;
}

table tr td a{
    background-color: #247edd;
    color: #fff !important;
    font-size: 19px;
    letter-spacing: 0.5px;
    overflow: hidden;
    padding: 5px 10px;
    line-height: 2;
    text-align: center;
    text-decoration: none;
    transition: all 0.1s ease 0s;
    
}
table tr td a:hover{
  box-shadow: inset 1px 5px 18px #073669;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -0-transition: 0.1s;
}

@-moz-keyframes down-arrow {
    0% { top: -10px; opacity: 0.6;}
    50% { top: 30px; opacity: 1;}
    100% { top: 35px; opacity: 0.6;}
}
@-ms-keyframes down-arrow {
    0% { top: -10px; opacity: 0.6;}
    50% { top: 30px; opacity: 1;}
    100% { top: 35px; opacity: 0.6;}
}
@-webkit-keyframes down-arrow {
    0% { top: -10px; opacity: 0.6;}
    50% { top: 30px; opacity: 1;}
    100% { top: 35px; opacity: 0.6;}
}
@-o-keyframes down-arrow {
    0% { top: -10px; opacity: 0.6;}
    50% { top: 30px; opacity: 1;}
    100% { top: 35px; opacity: 0.6;}
}
.down-arrow {
    -webkit-animation: down-arrow 1.5s linear infinite;
    -moz-animation: down-arrow 1.5s linear infinite;
    -ms-animation: down-arrow 1.5s linear infinite;
    -o-animation: down-arrow 1.5s linear infinite;
    animation: down-arrow 1.5s linear infinite;
    padding: 10px;
    color: rgb(24, 44, 101) !important;
    text-align: center !important;
    font-weight: bold;
    margin: 0 auto !important;
    position: relative;
} 
.e-space{
  height: 20px;
}

.box-demo{
  background-color: rgb(240, 114, 114);
  height: 450px;
  width: 100%;
}

.cat-co-img img{
  width: 100%;
  height: 100%;
}
.cat-co-text{
  position: absolute;
  top: 10px;
  text-align: center;
  margin: 0 auto;
    padding: 10px;
  background-color: rgba(48, 48, 48, 0.75);
  width: 100%;
  height: 100%;
  color: #fff;
  margin-top: -10px;  
}
.tag-course-1{
  height: 100%;
  width: 95%;
  margin: -5px auto;
  cursor: pointer;
  transition:0.05s;
  -moz-transition:0.05s;
  -webkit-transition:0.05s;
  -o-transition:0.05s;
  -ms-transition:0.05s;
}
.tag-course-1 h3{
  color: #fff;
  position: relative;
  padding: 30% 0px 0px 0px;
  margin-top: 0px;
  text-align: center;
  transition:0.7s;
  -moz-transition:0.7s;
  -webkit-transition:0.7s;
  -o-transition:0.7s;
  -ms-transition:0.7s;
}
.tag-course-1 i{
  position: absolute;
  right: 10px;
  display: none;
  bottom: 10px;
  font-size: 30px;
  color: #fff;
}

.cat-course-main{
  position: relative;
  z-index: 999;
  height: 450px;
  transition:0.05s;
  -moz-transition:0.05s;
  -webkit-transition:0.05s;
  -o-transition:0.05s;
  -ms-transition:0.05s;
}
.tag-course-2{
  height: 150px;
  width: 100%;
  cursor: pointer;
  display: none;
}
.tag-course-3{
  background-color: rgb(35, 72, 176);
  height: 150px;
  cursor: pointer;
  width: 100%;
  display: none;
}
.tag-course-4{
  background-color: rgb(73, 109, 210);
  height: 150px;
  cursor: pointer;
  width: 100%;
  display: none;
}
.tag-course-5{
  background-color: rgb(20, 45, 116);
  height: 150px;
  width: 100%;
  cursor: pointer;
  display: none;
}
.tag-course-6{
  background-color: rgb(53, 68, 111);
  height: 150px;
  cursor: pointer;
  width: 100%;
  display: none;
}
.tag-course-7{
  background-color: rgb(17, 33, 77);
  height: 150px;
  cursor: pointer;
  width: 100%;
  display: none;
}
.tag-course-8{
  background-color: rgb(20, 108, 140);
  height: 150px;
  width: 100%;
  cursor: pointer;
  display: none;
}
.tag-course-9{
  background-color: rgb(31, 144, 186);
  height: 150px;
  width: 100%;
  cursor: pointer;
  display: none;
}
.btn-nat{
  padding: 10px 20px;
  color: #fff;
  background-color: rgba(16, 30, 68, 0.50);
  border: 1px solid #fff;
  transition:0.1s;
  -moz-transition:0.1s;
  -webkit-transition:0.1s;
  -o-transition:0.1s;
  -ms-transition:0.1s;
}
.btn-nat:hover{
  border: 1px solid transparent;
  background-color: rgba(16, 30, 68, 0.50) !important; 
  transition:0.1s;
  -moz-transition:0.1s;
  -webkit-transition:0.1s;
  -o-transition:0.1s;
  -ms-transition:0.1s;
}

.cat-right-course-main{
  position: absolute;
  z-index: 999;
  height: 450px;
  right: 0px;
   transition:0.05s;
  -moz-transition:0.05s;
  -webkit-transition:0.05s;
  -o-transition:0.05s;
  -ms-transition:0.05s;
}
.cat-co-right-text{
  position: absolute;
  top: 10px;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  height: 100%;
  color: #fff;
  margin-top: -10px;  
}

.tag-course-r-1{
  background-color: rgb(35, 72, 176);
  height: 150px;
  cursor: pointer;
  width: 100%;
  display: none;
}
.tag-course-r-2{
  background-color: rgb(47, 86, 195);
  height: 150px;
  width: 100%;
  cursor: pointer;
  display: none;
}
.tag-course-r-3{
  height: 100%;
  width: 95%;
  margin: -5px auto;
  cursor: pointer;
   transition:0.05s;
  -moz-transition:0.05s;
  -webkit-transition:0.05s;
  -o-transition:0.05s;
  -ms-transition:0.05s;
}
.tag-course-r-3 h3{
  color: #fff;
  position: relative;
  padding: 30% 0px 0px 0px;
  margin-top: 0px;
  text-align: center;
  transition:0.7s;
  -moz-transition:0.7s;
  -webkit-transition:0.7s;
  -o-transition:0.7s;
  -ms-transition:0.7s;
}
.tag-course-r-3 i{
  position: absolute;
  left: 10px;
  display: none;
  bottom: 10px;
  font-size: 30px;
  color: #fff;
}
.tag-course-r-4{
  background-color: rgb(73, 109, 210);
  height: 150px;
  cursor: pointer;
  width: 100%;
  display: none;
}
.tag-course-r-5{
  background-color: rgb(20, 45, 116);
  height: 150px;
  width: 100%;
  cursor: pointer;
  display: none;
}
.tag-course-r-6{
  background-color: rgb(53, 68, 111);
  height: 150px;
  cursor: pointer;
  width: 100%;
  display: none;
}
.tag-course-r-7{
  background-color: rgb(17, 33, 77);
  height: 150px;
  cursor: pointer;
  width: 100%;
  display: none;
}
.tag-course-r-8{
  background-color: rgb(20, 108, 140);
  height: 150px;
  width: 100%;
  cursor: pointer;
  display: none;
}
.tag-course-r-9{
  background-color: rgb(31, 144, 186);
  height: 150px;
  width: 100%;
  cursor: pointer;
  display: none;
}

.large-3 img.img-w{
  height: 180px;
} 

.large-4 img.img-w{
  height: 200px;
} 


.model-close{
  background-color: rgb(226, 64, 64);
  padding: 10px;
  color: #fff !important;
  width: 65px;
  height: 65px;
  text-align: center;
}
.hand h2{
  font-size: 2em;
  text-align: center;
}
.outcomes_show{
  position: absolute;
  top: 0px;
}
.course_show{
  display: none;
  position: absolute;
  top: 0px;
}
.cost_show{
  display: none;
  position: absolute;
  top: 0px;
}
.step-bg{
  background-image: url(../img/globe.jpg);
  background-size: cover;
  background-attachment: fixed;
  box-shadow: 1px 2px 8px #767676;
}
.step-bg-over{
  background-color: rgba(0, 0, 0, 0.7);
  padding: 20px;
}
.step-title{
  background-color: rgba(116, 116, 116, 0.57);
  text-align: center;
  padding: 15px;
  text-shadow: 1px 6px 5px #000;
}
.step-title h2{
  color: #fff;
}

.b-cnf-pop{
  cursor: pointer;
  margin-left: 0px !important;
}
.pop{
  width: 90% !important;
  clear: both !important;
}
.slide-img{
  background-size: cover;
  position: relative;
  background-attachment: scroll !important;
  z-index: 999;
  background-repeat: no-repeat;
}
.subcourse-img{
  background-size: cover;
  position: relative;
  background-attachment: scroll; !important;
  z-index: 999;
  background-repeat: no-repeat;
}

.ip-rv-padd{
  z-index: 2;
}
.slide-text h1 {
  color: #FFF;
font-size: 50px !important;
letter-spacing: 2px;
word-spacing: 5px;
text-align: center;
text-shadow:2px 2px 8px #000;
font-weight: 600;
}
.completion-slide{
  background-image: url(../img/completion-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.news-banner{
   background-image: url(../img/news-banner.jpg);
   background-size: cover;
   background-repeat: no-repeat;
}
.news-banner h1 {
color: #FFF;
font-size: 50px !important;
letter-spacing: 2px;
word-spacing: 5px;
text-align: center;
text-shadow: 2px 2px 8px #000;
font-weight: 600;
}
.completion-slide h1 {
  color: #FFF;
  font-size: 50px !important;
  letter-spacing: 2px;
  word-spacing: 5px;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  font-weight: 600;
}
.booking-slide{
  background-image: url(../img/booking.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% -10%;
}
.booking-slide-over{
  background-color: rgba(0, 0, 0, 0.7);
}

.booking-slide h1 {
  color: #FFF;
  font-size: 50px !important;
  letter-spacing: 2px;
  word-spacing: 5px;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  font-weight: 600;
}
.contact-slide{
  background-image: url(../img/contact-banner.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 50%;
}
.contact-slide-over{
  background-color: rgba(0, 0, 0, 0.7);
}
.contact-slide h1 {
 color: #FFF;
  font-size: 50px !important;
  letter-spacing: 2px;
  word-spacing: 5px;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  font-weight: 600;
}
.international-slide{
  background-image: url(../img/international-banner.jpg);
  background-size: cover;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-color: #222222;
}
.international-slide-over{
  background-color: rgba(0, 0, 0, 0.7);
}
.international-slide h1 {
  color: #FFF;
  font-size: 50px !important;
  margin-top: 15px;
  letter-spacing: 2px;
  word-spacing: 5px;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  font-weight: 600;
}
.about-slide{
  background-image: url(../img/about-banner.jpg);
  background-size: cover;
  background-attachment: fixed;
}
.about-slide-over{
  background-color: rgba(0, 0, 0, 0.5);
}
.about-slide h1 {
  color: #FFF;
  font-size: 50px !important;
  letter-spacing: 2px;
  word-spacing: 5px;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  font-weight: 600;
}
.max-abt{
  height: 238px;
  max-height: 238px;
}
.max-nat{
  height: 180px;
  max-height: 180px;
}
.testimonials-slide{
  background-image: url(../img/testimonials-banner.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 10%;
}
.reg{
  color: #424242;
}
.testimonials-slide-over{
  background-color: rgba(0, 0, 0, 0.7);
}
.testimonials-slide h1 {
color: #FFF;
  font-size: 50px !important;
  margin-bottom: -50px;
  letter-spacing: 2px;
  word-spacing: 5px;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  font-weight: 600;
}
.testi-box{
  background-color: whitesmoke;
  padding: 20px;
  box-shadow: 1px 2px 8px #BEBEBE;
  border: 5px dotted #DDDDDD;
}
.testi-box img{
  border: 5px solid rgb(255, 255, 255);
}
.testi-box p{
  font-size: 18px;
word-spacing: 4px;
letter-spacing: 0.2px;
}
.padd-left{
  padding-left: 20px !important;
}
.clients-list{
  background-color: whitesmoke;
  padding: 10px;
  box-shadow: 1px 2px 8px #BEBEBE;
  max-height: 2450px;
  overflow: scroll;
  overflow-x: hidden !important;
  height: 3000px;
  border: 5px dotted #c3c3c3;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
}
.clients-list ul li{
    background-color: rgb(237, 237, 237);
  margin: 5px 0px;
  border: 1px solid transparent;
  padding: 5px 10px;
  transition:0.1s;
  -moz-transition:0.1s;
  -webkit-transition:0.1s;
  -o-transition:0.1s;
  -ms-transition:0.1s;
}
.clients-list ul li:hover{
  background-color: white;
  border: 1px solid rgb(195, 195, 195);
  transition:0.1s;
  -moz-transition:0.1s;
  -webkit-transition:0.1s;
  -o-transition:0.1s;
  -ms-transition:0.1s;
}
.slider-text h3 {
  font-weight: 300;
  color: #fff;
  font-size: 30px;
}

img.rsImg {
  margin-top:-8%;
}
.slider-main{
  margin: 0 auto;
}
.max-pro{
  height: 240px !important;
  max-height: 240px;
}
.slider-text{
  position: relative;
  top: 280px;
  text-align: center;
  padding: 5px 20px 10px 15px !important;
  background-color: rgba(0, 0, 0, 0.55) !important;
  margin: 0 auto;
  text-align: center;
}
.call-height{
  height: 60px !important;
  padding-top: 10px !important;
}
.products-slide{
  background-image: url(../img/products-banner.jpg);
  background-size: cover;
  background-attachment: fixed;
}
.products-slide-over{
  background-color: rgba(0, 0, 0, 0.7);
}
.products-slide h1 {
  color: #FFF;
  font-size: 50px !important;
  letter-spacing: 2px;
  word-spacing: 5px;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  font-weight: 600;
}
.o-pad{
  padding: 0px;
}
.box-content{
  background-color: #F4F4F4;
  padding: 25px;
  transition: 0.1s;
  -moztransition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.box-content:hover{
  box-shadow: 1px 2px 8px #B2B2B2;
  background-color: #FCFCFC;
  transition: 0.1s;
  -moztransition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.box-content p{
  font-size: 18px;
  word-spacing: 2px;
  letter-spacing: 0.1px;
}
div{
  font-size: 18px;
  word-spacing: 2px;
  letter-spacing: 0.1px;
}
.h-title{
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  margin: 0 auto;
  padding: 5px 10px;
}
.h-title p{
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 2px 5px #818181; 
}
.l-a, .r-a{
  padding-top: 30px;
}

.reveal-modal p{
  font-size: 18px;
  word-spacing: 2px;
  letter-spacing: 0.1px;
}
.b-img-int{
  box-shadow: 1px 2px 15px 2px rgba(171, 171, 171, 1);
text-align: center;
padding: 75px 0px;
width: 100%;
color: rgb(163, 163, 163);
}
.b-img-press{
  box-shadow: 1px 2px 15px 2px rgba(171, 171, 171, 1);
text-align: center;
padding: 45px 0px;
width: 100%;
color: rgb(163, 163, 163);
height: 160px;
max-height: 160px;
margin-left: 10%;
}
.box-content ol{
  padding-left: 30px;
  font-size: 18px;
word-spacing: 2px;
letter-spacing: 0.1px;
}
.box-content ul {
  padding-left: 30px;
  font-size: 18px;
word-spacing: 2px;
letter-spacing: 0.1px;
list-style-type: circle;
}
.privacy-slide{
  background-image: url(../img/privacy-banner.jpg);
  background-size: cover;
  background-attachment: fixed;
}
.privacy-slide-over{
  background-color: rgba(0, 0, 0, 0.7);
}
.privacy-slide h1 {
  color: #FFF;
font-size: 50px !important;
letter-spacing: 2px;
word-spacing: 5px;
}
.careers-slide{
  background-image: url(../img/careers-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.careers-slide-over{
  background-color: rgba(0, 0, 0, 0.7);
}
.careers-slide h1 {
  color: #FFF;
font-size: 50px !important;
letter-spacing: 2px;
word-spacing: 5px;
text-align: center;
text-shadow: 2px 2px 8px #000;
font-weight: 600;
}
.b-img{
  box-shadow: 1px 2px 15px 2px rgba(171, 171, 171, 1);
text-align: center;
padding: 52px 0px;
margin-bottom: 10px;
width: 100%;
color: rgb(163, 163, 163);
}
.national{
  width: 100%;
  background-color: #247edd;
  padding-top: 5px;
  text-align: center;
  margin: 0 auto;
  height: 70px;
}
.nat-text{
  font-size: 17px;
  color: #fff !important;
}
.padd-tp{
  padding-top: 15px;
}
.padd-tp-mini{
  padding-top: 5px;
}
.press-box{
  background-color: whitesmoke;
  box-shadow: 1px 2px 15px #CBCBCB;
}

.press-box img{
  margin-left: 10%;
  border: 5px solid #fff;
}
.press-box h3{
  background-color: rgb(52, 127, 186);
  padding: 10px 20px;
  color: #fff;
  box-shadow: inset 0 -4px 7px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.5);
}
.text-small p{
  font-size: 13.5px !important;
  color: rgb(134, 134, 134);
  margin-bottom: 10px;
  padding: 0px !important;
}
.padd-all p{
  padding: 0px !important;
}
.press-box h4{
  font-weight: bold;
  color: #424242;
}
input[type="checkbox"] + label {
display: inline;
font-size: 15px;
}


.press-box p{
  font-size: 18px;
  word-spacing: 4px;
  letter-spacing: 0.2px;
}
.press-box h6{
  font-size: 13.5px !important;
  color: rgb(134, 134, 134);
  margin-bottom: 10px;
}
.blog-box {
  background-color: whitesmoke;
  box-shadow: 1px 2px 15px #CBCBCB;
}
.blog-box p, .blog-box div{
  padding: 5px 15px;
}
.blog-box h3{
  background: linear-gradient(to bottom, #DADADA 0%,#FAFAFA 47%,#DADADA 100%);
  background: -moz-linear-gradient(to bottom, #DADADA 0%,#FAFAFA 47%,#DADADA 100%);
  background: -webkit-linear-gradient(to bottom, #DADADA 0%,#FAFAFA 47%,#DADADA 100%);
  background: -ms-linear-gradient(to bottom, #DADADA 0%,#FAFAFA 47%,#DADADA 100%);
  background: -o-linear-gradient(to bottom, #DADADA 0%,#FAFAFA 47%,#DADADA 100%);
  padding: 10px 20px;
  color: #474747;
}
.blog-box img{
  border: 5px solid #fff;
}
.blog-btn{
    background-color: rgb(216, 216, 216);
  border: 2px solid #5F5F5F;
  padding: 2px 0px !important;
  text-align: center;
  color: #474747;
  font-weight: bold;
  box-shadow: 1px 2px 10px #898989;
  border-radius: 10px;
  transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  -ms-transition:1s;
  -o-transition:1s;
}
.blog-btn:hover{
  background-color: rgb(95, 95, 95);
  border: 2px solid #5F5F5F;
  color: #EDEDED;
  font-weight: bold;
  box-shadow: 1px 2px 10px #898989;
  border-radius: 0px;
  transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  -ms-transition:1s;
  -o-transition:1s;
}
.tags a{
      background-color: rgb(229, 229, 229);
  padding: 5px;
  margin: 5px;
  color: rgb(42, 42, 42);
  border-radius: 10px;
  border: 2px solid rgb(208, 208, 208);
  line-height: 2.5;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.tags a:hover{
    background-color: rgb(205, 205, 205);
  padding: 5px;
  margin: 5px;
  border-radius: 0px;  
  color: rgb(77, 77, 77);
  border: 2px solid rgb(123, 123, 123);
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.line-2x{
  line-height: 2;
}
.blog-box .small{
   color: rgb(134, 134, 134);
    font-size: 13.5px !important;
    margin-bottom: 0px;
}
.biginning{
  width: 100%;
  height: 80px;
  background-color: #E43838 !important;
  color: #FFF !important;
  padding: 5px 5px 1px 5px;
  text-align: center;
  margin: 0 auto;
}
.biginning-content{
  background-color: #FF4B4B;
  color: #fff;
  padding: 20px;
}
.biginning-round{
  position: absolute;
  background-color: rgb(255, 75, 75);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: -75px;
  margin: 0 auto;
  text-align: center;
  left: 35%;
  border: 15px solid #FCFCFC;
}

.developing{
  width: 100%;
  height: 80px;
  background-color: #269035 !important;
  color: #FFF !important;
  padding: 5px 5px 1px 5px;
  text-align: center;
  margin: 0 auto;
}
.developing-content{
  background-color: #43AD52;
  color: #fff;
  padding: 20px;
}
.developing-main{
  position: relative;
  top: -28px;
}
.developing-round{
  position: absolute;
  background-color: rgb(67, 173, 82);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: -75px;
  margin: 0 auto;
  text-align: center;
  left: 35%;
  border: 15px solid #FCFCFC;
}
.future{
  width: 100%;
  height: 80px;
  background-color: #2C7BC3 !important;
  color: #FFF !important;
  padding: 5px 5px 1px 5px;
  text-align: center;
  margin: 0 auto;
}
.image-text a p {
padding: 15px;
}
.future-content{
  background-color: #4492DA;
  color: #fff;
  padding: 20px;
}
.future-main{
  margin-top: -85px;
}
.future-round{
  position: absolute;
  background-color: rgb(68, 146, 218);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: -165px;
  margin: 0 auto;
  text-align: center;
  left: 35%;
  border: 15px solid #FCFCFC;
}


.mod-text{
  font-size: 18px;
word-spacing: 2px;
letter-spacing: 0.1px;
}
.white{
  color: #fff !important;
}
.blue{
  color: #3484CD;
}
.find{
  background-color: #247edd; /*rgb(43, 134, 205)*/
  padding: 30px;
  color: #fff;
  width: 100%;
  height: 110px;
  max-height: 110px;
  text-align: center;
}

.callout-cont-left{
  border-top: 30px solid rgb(52, 127, 186);
  border-right: 25px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 0;
  width: 1%;
  position: absolute;
  top: 118px;
  margin-left: 2%;
}
.callout-inside{
  width: 50%; 
  background-color: rgb(148, 20, 69); /* rgb(36, 126, 221); rgb(52, 127, 186)*/
  color: #FFF !important;
  padding: 1px;
  text-align: center;
  margin: 0 auto;
}
.callout-cont-right{
  border-top: 30px solid rgb(52, 127, 186);
  border-right: 0px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 0;
  width: 1%;
  position: absolute;
  top: 118px;
  margin-left: 43%;
}
.course-main{
  max-width: 1500px;
  margin: 0 auto;
}
.remove-padd{
  padding: 0px;
}
.remove-mar{
  margin: 0px;
}
.img-w{
  width: 100%;
  margin-top: 10px;
}
.temp a{
  color: #fff;
}

.park{
  font-size: 70px !important;
  margin-top: -30px;
  padding: 0px !important;
}
.contact-num{
  background-color: rgb(229, 73, 91);
  text-align: center;
  padding: 10px;
}
.contact-left-call{
  border-top: 0;
  border-right: 0px solid transparent;
  border-left: 35px solid transparent;
  border-bottom: 30px solid rgb(24, 44, 101);
  width: 1%;
  position: absolute;
  top: -25px;
  right: 80px;
}
.contact-right-call{
    border-top: 0;
  border-right: 35px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 30px solid rgb(220, 10, 0);
  width: 1%;
  position: absolute;
  top: -25px;
  left: 80px;
}
.contact-num.domestic {
  background-color: rgb(24, 44, 101);
  text-align: center;
  padding: 10px;
}
.domestic h4, .intl h4{
  color: #fff;
  font-weight: bold;
}
.domestic h3, .intl h3{
  color: #fff !important;
}
.contact-num.intl {
  background-color: rgb(220, 10, 0);
  text-align: center;
  padding: 10px;
}
.footer-img{
  background-size: cover;
  padding: 0px;
  width: 10%;
  cursor: pointer;
  overflow: hidden;
  max-height: 80px;
  height: 80px;
}
.footer-over{
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  height: 100%;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
}
.footer-text{
  text-align: center;
  color: #fff;
  padding-top: 5px;
}

.space{
  height: 80px;
}
.bg-white{
  background-color: #fff;
}
.bg-white h4{
  color: #424242;
}
.fb:hover, .tw:hover, .you:hover, .go:hover, .in:hover, .sk:hover {
  opacity: 0.6;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.fb{
  color: rgb(60, 90, 152) !important;
}
.tw{
  color: rgb(32, 184, 255) !important;
}
.you{
  color: rgb(230, 74, 65) !important;
}
.go{
  color: rgb(214, 69, 50) !important;
}
.in{
  color: rgb(0, 151, 189) !important;
}
.sk{
  color: rgb(2, 180, 235) !important;
}
.black{
  color: #424242 !important;
}
.condition{
  width: 100%;
  max-height: 256px;
  height: 256px;
  overflow: scroll;
  overflow-x: hidden !important; 
  border: 3px solid #DFDADA;
  padding: 10px;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
}
.condition ol li{
  line-height: 2;
  font-size: 17px;
  letter-spacing: 0.3px;
  font-weight: normal;
}
ol li{
  line-height: 1.5;
  font-size: 17px;
  letter-spacing: 0.3px;
  font-weight: normal;
}
.slide-3{
  margin-top: -80px;
}
.conf-pop{
  background-color: whitesmoke;
  width: 86%;
  margin: 0 auto;
  padding: 20px;
  box-shadow: 1px 2px 8px #BEBEBE;
  border: 5px dotted #DDDDDD;
}
.cur{
  cursor: pointer !important;
}
.booking-form{
  background-color: whitesmoke;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0px;
  box-shadow: 1px 2px 8px #BEBEBE;
  border: 5px dotted #DDDDDD;
}

.booking-form label{
  font-size: 15px !important;
} 
.contact-form{
  background-color: whitesmoke;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0px;
  box-shadow: 1px 2px 8px #BEBEBE;
  border: 5px dotted #DDDDDD;
}
.up{
  position: relative;
  z-index: 1;
}
.contact-us-logo{
  position: absolute;
  bottom: 120px;
  z-index: 0;
  margin-left: 10px;
}
.booking-logo{
  position: absolute;
  bottom: 120px;
  z-index: 0;
  margin-left: 10px;
}
.contact-form h5{
  color: rgb(69, 69, 69);
}
.booking-divider{
    background-color: #E4E4E4;
  padding: 10px 0px;
  color: rgb(77, 77, 77);
}
label.mini-font{
  font-size: 14px !important;
}
select option {
  width: 100% !important;
}
footer{
  background-color: rgb(18, 34, 77);
}
footer h4 {
  color: rgb(255, 255, 255);
  font-weight: bolder;
}
footer ul{
  padding-left: 0px;
  margin-left: 0px;
}
footer ul li{
  list-style-type: none;
  line-height: 1.8;
}
footer ul li a{
  color: rgb(255, 255, 255);
  font-weight: normal;
}
footer ul li a:hover{
  list-style-type: none;
  line-height: 1.8;
  color: rgba(168, 168, 168, 1);
  text-decoration: underline;
}
.footer-down {
  background-color: rgb(39, 39, 39);
  height: 10px;
}
.mid{
  color: rgb(255, 255, 255);
}
.comp-form{
  background-color: whitesmoke;
  width: 90%;
  margin: 0 auto;
  padding: 20px;
  box-shadow: 1px 2px 8px #BEBEBE;
  border: 5px dotted #DDDDDD;
}
.test{
  background-color: rgb(210, 210, 210);
  width: 2px;
  position: absolute;
  height: 100% !important;
  top: 0px;
  right: -2px;
  overflow-y: hidden; 
}
.test-over{
  background-color: #39A7FC;
  width: 2px;
  position: absolute;
  height: 8%;
  top: 0px;
  right: 0px;
}
.gray{
  color: #A7A7A7;
  margin-right: 12px;
  vertical-align: middle;
  margin: 5px 1px 5px 5px;
  background-color: #ececec;
  border: solid 1px #D0D0D0;
  border-radius: 5px;
  padding: 6px 0px;
  width: 45px;
  height: 45px;
  transition: 0.1s !important;
  -moz-transition: 0.1s !important;
  -webkit-transition: 0.1s !important;
  -ms-transition: 0.1s !important; 
  -o-transition: 0.1s !important;
  -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 8px rgba(192, 192, 192, 0.4), 0 1px 8px rgba(126, 125, 125, 0.8);
}
.gray:hover{
  color: #767676;
  box-shadow: inset 0px 0px 0px transparent;
  opacity: 1 !important;
  border: 1px solid transparent;
  background-color: transparent;
  transform: scale(1.2,1.2) !important;
  -moz-transform: scale(1.2,1.2) !important;
  -webkit-transform: scale(1.2,1.2) !important;
  -ms-transform: scale(1.2,1.2) !important;
  -o-transform: scale(1.2,1.2) !important;
}
.national-title{
  height: 80px;
  padding-top: 20px !important;
}
.img-shadow{
  background-color: rgb(252, 252, 252);
  padding: 5px;
  box-shadow: 1px 2px 15px 2px rgba(171, 171, 171, 1);
}
.callout-full {
  width: 100%;
  background-color: #247edd;  /*rgb(52, 127, 186)*/
  color: #FFF !important;
  padding: 1px;
  text-align: center;
  margin: 0 auto;
}
.callout-full h2{
  font-size: 1.8em !important;
}
.callout-full h1, .callout-full h2, .callout-full h3{
  color: #fff !important;
}
.callout-full h4, .callout-full h2{
  padding: 15px 5px;
}
.callout-inside h1, .callout-inside h2, .callout-inside h3{
  color: #fff !important;
}
.appleLinks a {
  color:#424242;
}
.appleLinks{
  color: #424242;
}
.appleLinksWhite{
  color: #fff !important;
}
.appleLinksWhite a {
  color:#ffffff !important;
}
.image-shadow{
  box-shadow: 1px 1px 5px #2D2D2D;
}
.national-slide{
  background-image: url(../img/national-banner.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% -30%;
}
.national-slide-over{
  background-color: rgba(0, 0, 0, 0.7);
}
.national-slide h1 {
  color: #FFF;
  font-size: 50px !important;
  margin-bottom: -50px;
  letter-spacing: 2px;
  word-spacing: 5px;
  text-align: center;
  text-shadow: 2px 2px 8px #000;
  font-weight: 600;
}
.national-height{
  height: 290px;
  max-height: 290px;
}
.cursive-font{
  font-family: 'Pacifico', cursive;
  text-shadow: 1px 3px 6px #FBFFBD;
  font-size: 45px;
  line-height: 1.8;
}
.italic{
  font-style: italic;
  font-size: 18px;
  word-spacing: 2px;
  letter-spacing: 0.1px;
}
.intro{
 visibility: hidden;
 display: none;
}
.intro-bg{
  padding: 20px;
  text-align: center;
}
.intro-small{
  font-family: sans-serif;
  font-size: 35px;
  font-style: italic;
  line-height: 1.5 !important;
}
.big-font{
  font-family: arial,serif;
  font-size: 45px;
  font-weight: 800;
  color: #424242;
  line-height: 1.8;
  text-shadow: 1px 3px 6px #fbffbd;
}
.no-cur{
  cursor: inherit !important;
}
.mar-tp{
  margin-top: 12px;
}
.blink-height{
  height: 120px;
}
.blink h6{
  color: #fff;
}
.content-box-right{
  background-color: #FCFCFC;
  padding: 10px 20px;
  box-shadow: 1px 2px 8px #767676;
}
.content-box-left{
  background-color: #FCFCFC;
  padding: 10px 20px;
  box-shadow: 1px 2px 8px #767676;
}
.content-box p{
   font-size: 18px;
word-spacing: 2px;
letter-spacing: 0.1px;
}
.content-box p.cat-co-text::after,.content-box p.cat-co-right-text::after { 
  content: "click here";
  font-size: 0.9rem;
  display:block;
  text-decoration: underline;
}
.content-box ul{
    list-style-type: circle;
  letter-spacing: 0.1px;
  word-spacing: 2px;
}
.content-box ul li a{
  color: #2A2A2A;
}
.content-box ul li a:hover{
  text-decoration: underline;
}
.cnt-title h3{
  color: rgb(29,19,76);
  font-weight: 800;
  font-size: 2em;
}
table{
  width: 100% !important;
}
table tr td, table tr th{
  font-size: 16px;
word-spacing: 2px;
letter-spacing: 0.1px;
}

.about-box p{
  font-size: 18px;
  word-spacing: 2px;
  letter-spacing: 0.1px;
  margin: 0px;
}
.course-header{
  position: absolute;
  top: 0px;
}
.course-header-show{
  position: fixed;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 1000;
  background-color: rgb(228, 228, 228);
  padding: 5px;
  box-shadow: 1px 1px 8px #666;
}
.cap{  
  letter-spacing: 0.7px;
}
#scroll-top{
  position: fixed;
  right: 10px;
  top: 65%;
  text-align: right;
  color: #fff;
  z-index: 99999;
  background-color: rgba(24, 44, 101, 1);
  padding: 20px;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}  
.small-centered{
  text-align: center;
}
#scroll-top:hover{
  background-color: rgb(25, 44, 102);
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}
.international img{
  width: 100%;
}
.biginning h1, .developing h1, .future h1{
  color: #fff !important;
}
.biginning-round h2, .developing-round h2, .future-round h2{
  color: #fff !important;
}
.biginning-main, .biginning-round, .developing-main, .developing-round, .future-main, .future-round {
  box-shadow: 1px 2px 8px #000;
}
#link-pop, #contact-pop, #booking-pop{
  width: 60%;
}
.confirmMsg{
  display: none;
  color: green;
}
.squareLI{
  list-style-type: square !important;
  padding: 0px 30px;
line-height: 2.2;
}
.loaderDiv{
  display: none;
}
.bottom-box-heading{
  background-color: #21316C;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin-bottom: 0px;
}



/*----------------------------------------------------------------------------
----------------------------------------------------------------------------*/




@media screen and (max-width: 1024px) {
.mx-width{
  margin-left: 12.2%;
}
.line{
  left: 10px;
  margin-left: 20px;
}
.phone{
  margin-top: 10px;
}
.img-h1-text{
  width: 85%;
  padding-top: 10px;
}
.slide-3{
  margin-top: -30px;
}
.remove-top-gap{
  margin-top: -100px;
}
h3 {
    font-size: 1.68rem;
}
.gap-10x{
  height: 80px;
}
.image-text, .image-text-right{
  width: 85%;
  top: 2.5%;
}
.callout-inside{
  width: 80% !important;
}
.blink{
  font-size: 17px;
  padding: 10px;
}
.content-box p{
  font-size: 16px;
}
.content-box ul{
  font-size: 16px;
}
.ip-height-box{
  height: 275px;
}
.ip-space{
  height: 00px;
}
.ip-rv-padd{
  padding: 0px;
}
.cnt-title h3{
  font-size: 2em;
}
.blink-height{
  height: 95px !important;
}
.ip-tp-padd{
  padding-top:25px;
}
.booking-form{
  padding: 20px;
}

label.mini-font{
  width: 92% !important;
}
.contact-form{
  padding: 20px;
}
select option{
  width: 100% !important;
}
.booking-btn{
  padding: 3px 25px !important;
  margin-left: 0px;
}
.ip-rv-tp{
  padding-top: 10px !important;
}
.biginning-round, .developing-round, .future-round {
  border: 10px solid #fcfcfc;
  padding: 5px;
}
.developing-content p{
  padding-bottom: 20px;
}
.developing-main{
  top: -45px;
}
.find{
  padding: 20px;
  height: 90px;
}
#scroll-top{
  padding: 15px;
  right: 0px;
}
.callout-full h2{
  font-size: 1.5em !important;
}
.conf-pop{
  width: 80%;
}
.iframe-ip{
  width: 83% !important;
}
.gray{
  width: 5%;
}
.step-bg{
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: scroll;
}
.slide-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll !important;
}
.subcourse-img{
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll !important;
}
.testimonials-slide{
  background-size: cover;
  background-repeat: no-repeat;
}
.ip-gap-3x{
  height: 30px !important;
}
.completion-slide{
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.booking-slide{
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% 10%;
}
.about-slide{
  background-size: cover;
  background-position: 10% 50%;
  background-attachment: scroll;
}
.national-slide{
  background-size: cover;
  background-repeat: no-repeat;  
  background-attachment: scroll;
  background-position: 10% 20%;
}
.contact-slide{
  background-size: cover;
  background-repeat: no-repeat;  
  background-attachment: scroll;
  background-position: 10% 40%;
}
.careers-slide{
  background-size: cover;
  background-repeat: no-repeat;  
  background-attachment: scroll;
  background-position: 2% 30%;
}
.testimonials-slide{
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 10% 45%;
}
.international-slide{
  background-size: cover;
  background-attachment: scroll;
  background-repeat: no-repeat;  
  background-position: 0% 0%; 
}
.products-slide{
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;  
  background-color: #1a1a1a !important;
}
.news-banner{
   background-size: cover;
   background-repeat: no-repeat;
   height: 300px;
}
.nav ul li{
  padding: 10px 45px;
}
.slider ul{
  height: 290px !important;
}
.h-title h2{
  font-size: 26px;
}
.l-a, .r-a {
    padding-top: 20px;
}
div{
  font-size: 16px;
  letter-spacing: 0.1px;
  word-spacing: 2px;
}
.ip-height{
  height: 75px;
}
.gap-ip-5x{
  height: 50px;
}
.gap-ip-3x{
  height: 30px;
}
.footer-over h5{
  font-size: 15px;
}
.slider-text{
  top: 230px;
}
.slider-text h3{
  font-size: 28px;
}
.royalSlider{
  height: 340px !important;
  display: block;
}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    height: 340px !important;
    width: 100% !important;
}
.logo-header{
  width: 90% !important;
}
.content-box p{
  font-size: 15px;
  padding: 15px 20px;
}
.tag-course-1 h1, .tag-course-r-3 h1{
  font-size: 18px !important;
  padding: 35% 0% 0% 0%;
}
.padd-all {
    padding: 0 20px;
}
.padd-all p, .testi-box p{
  font-size: 16px !important;
}
.max-inter, .max-abt, .max-pro{
  height: 240px !important;
  max-height: 240px !important;
}
.max-nat{
  height: 280px !important;
  max-height: 280px !important;
}
.content-box p.i-font{
  font-size: 19px;
}
.box-content p.pri-p{
  font-size: 17px;
  margin-bottom: 0px;
}
.large-4 .desk{
  height: 80px !important;
}
.large-3 .desk{
  height: 80px !important;
}

}

@media screen and (max-width: 768px) {
.mx-width{
  margin-left: 0px;
}
.line{
  margin-left: 20px;
}
.phone{
  margin-top: 10px;
}
.ip-logo{
  margin: 0px;
  padding: 0px;
}
.img-h1-text{
  padding-top: 10px;
  width: 83%;
  font-size: 20px;
}
.remove-top-gap{
  margin-top: -90px;
}
h3{
  font-size: 1.45rem;
}
.gap-10x{
  height: 80px;
}
.image-text, .image-text-right{
  width: 83%;
  top: 2.5%;
}
.img-bg, .img-bg-right, .image-text, .image-text-right{
  height: 225px;
  max-height: 225px;
}
.image-text p, .image-text-right p{
  font-size: 14px;
}
.office-ip{
  height: 205px;
}
.b-cnf-pop{
  margin-left: 70px !important;
}
.blink-height{
  height: 120px !important;
}
.h-title h2{
  font-size: 24px;
}
.l-a, .r-a {
    padding-top: 20px;
}
.ip-tp-padd{
  padding-top: 10px;
}
.reveal-modal h2{
  width: 90%;
}
.course-blink{
  font-size: 18px;
}
.booking-logo, .contact-us-logo{
  display: none;
}
.ip-space{
  height: 10px;
}
.ip-rv-tp{
  padding-top: 5px !important;
}
.developing-content p{
  padding-bottom: 20px;
}
.biginning-round {
  background-color: rgb(255, 75, 75);
  border: 6px solid #fcfcfc;
  border-radius: 50%;
  left: 35%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: -30px;
  width: 70px;
  height: 70px;
  padding: 0px;
}
.developing-round{
  background-color: rgb(67, 173, 82);
  border: 6px solid #fcfcfc;
  border-radius: 50%;
  left: 35%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: -45px;
  padding: 0px;
  width: 70px;
  height: 70px;
}
.future-round{
  background-color: rgb(68, 146, 218);
  border: 6px solid #fcfcfc;
  border-radius: 50%;
  padding: 0px;
  left: 35%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: -180px;
  width: 70px;
  height: 70px;
}

.biginning{
  background-color: #e43838 !important;
  color: #fff !important;
  height: 80px;
  margin: 0 auto;
  padding: 10px 5px 1px;
  text-align: center;
  width: 100%;
}
.biginning-main{
  margin-top: 10px;
}
.developing-main{
  margin-top: 10px;
}
.future-main{
  margin-top: -135px;
}

.biginning-round h2, .developing-round h2, .future-round h2 {
    margin: 0px;
    padding: 5px 0px;
}
.ip-fa{
  font-size: 1.6em !important;
}

.ip-height{
  height: 95px;
}
.gap-ip-5x{
  height: 50px;
}
.about-box h1{
  font-size: 24px;
  padding-top: 15px;
}
.future-content p, .developing-content p, .biginning-content p{
  font-size: 15px !important;
}
.find{
  height: 60px;
  padding: 12px 10px;
  font-size: 34px;
  width: 100%;
}
.park{
  font-size: 45px !important;
  margin-top: -17px;
}

.iframe-ip{
  width: 112% !important;
    margin-left: -7%;
}
.height-8x{
  height: 80px;
}
.slitpd{
  padding-top: 20px;
}
.call-height {
    height: 90px !important;
    padding: 10px 20px !important;
}
.gray{
  width: 10%;
}
.btn-pro-ip{
  height: 80px;
}
.nav ul li{
  padding: 10px 15px;
}
.slider ul{
  height: 220px !important;
}
#scroll-top{
  padding: 10px;
  right: 0px;
  top: 90%;
}
.footer-over h5{
  font-size: 13px;
}
table tr td a {
    font-size: 14px !important;
    margin: 0 -20px;
    padding: 5px;
}

.careers-slide{
  background-size: cover;
  background-attachment: scroll;
}
.slider-text{
  top: 170px;
}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    height: 255px !important;
    width: 100% !important;
}
.n-home, .n-product, .n-client, .n-contact, .n-about, .n-course, .n-blog, .n-booking{
  height: 75px;
  max-height: 75px;
  padding: 15px;
}
.n-home-text, .n-product-text, .n-client-text, .n-contact-text, .n-about-text, .n-course-text, .n-blog-text, .n-booking-text{
  font-size: 12px;
}
.content-box p {
    font-size: 13px;
    padding: 10px;

}
.tag-course-1 h1, .tag-course-r-3 h1{
  padding: 50% 0% 0% 0%;
}
.btn-nat{
  padding: 5px 15px;
}
.max-inter, .max-abt, .max-nat, .max-pro{
  height: 180px !important;
  max-height: 180px !important;
}
.large-3 img.img-w{
  height: 140px;
} 

.large-4 img.img-w{
  height: 180px;
} 
.content-box p.i-font{
  font-size: 16px;
  padding: 0px;
}
.ip-height-box{
  height: 195px;
}
.max-nat{
  height: 260px !important;
  max-height: 260px !important;
}


}

@media screen and (max-width: 640px) {
.line-left, .line{
  display: none;
}
.mo-gap-10x{
  height: 100px;
}
.mo-gap-0x{
  height: 0px !important;
}
.mo-gap-1x{
  height: 10px !important;
}
.mo-gap-3x{
  height: 30px !important;
}
.cat-co-img{
  margin-bottom: 50px;
}
.cat-course-main, .cat-right-course-main{
  height: 200px !important;
}
.biginning-round{
  left: 45%;
  padding: 8px;
  top: -30px;
  box-shadow: 1px 1px 8px #000;
}
.biginning-round h2, .developing-round h2, .future-round h2{
  font-weight: bold;
}
.biginning-main{
  margin-bottom: 100px;
}
.developing-round{
  left: 45%;
  padding: 8px;
  top: -40px;
  box-shadow: 1px 1px 8px #000;
}
.developing-main{
  margin-bottom: 160px;
}
.future-round{
  padding: 8px;
  left: 45%;
  box-shadow: 1px 1px 8px #000;
}
.callout-full h2{
  font-size: 1.5em !important;
}
.callout-full h1, .callout-full h2 {
  margin: 10px 0px;
}
.padd-tp{
  padding-top: 10px;
}
.content-box p{
  font-size: 15.5px;
}
.find{
  margin-bottom: 10px;
}
.mo-bm-3x{
  margin-bottom: 30px;
}
.img-w img{
  width: 100%;
}
.contact-left-call, .contact-right-call{
  display: none;
}
.ip-height{
  padding: 10px;
}
.booking-form{
  width: 100%;
}
.booking-form h5 strong{
  font-size: 15px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  height: 2rem;
}
.condition ol li{
  font-size: 15px;
}
.contact-form{
  width: 100%;
}
table tr td a{
  padding: 5px;
  font-size: 10px !important;
  margin: 0px -20px;
}
.contact-form h5 strong{
  font-size: 15px;
}
.contact-slide{
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: cover;
}
.booking-slide{
  background-size: cover;
}
.completion-slide{
  background-size: cover;
}
.fix-block, .fix-block-right {
/*    width: calc(100% - 0%);*/
  width: 100% !important;
}
.image-text p{
  display: none;
}
.image-text-right p{
  display: none;
}
.image-text a{
  margin-top: 15%;
}
.img-bg, .img-bg-right, .image-text, .image-text-right{
  height: 290px;
  max-height: 290px;
}
.image-text-right a{
  margin-top: 15%;
}
.temp-right{
  margin-top: 130px;
}
.image-text, .image-text-right{
  width: 95.5%;
  top: 12px;
}
.img-h1-text{
  width: 93%;
  margin-left: 0px;
}
.b-cnf-pop {
    margin-left: 0px !important;
}
.callout, .callout-right{
  width: calc(100% - 5%);
}
.callout-full h4{
  padding: 5px;
}
.m-table{
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
}
.course-header-show .blink{
  padding: 10px 5px;
  font-size: 14px;
}
.course-header-show .small-4{
  padding: 5px;
}
.blink, .blink-height {
  height: auto !important;
}

.press-box img {
    border: 5px solid #fff;
    margin-left: 40%;
    width: 40%;
}
.press-box h3{
  font-size: 24px;
}
.slitpd{
  padding-top: 10px;  
}
.iframe{
  width: 100%;
  overflow-x: scroll; 
  padding: 10px 20px;
}
iframe{
  width: 100% !important;
}
.iframe-mo{
  width: 800px !important;
}
.title-shadow, iframe{
  box-shadow: none !important;
  padding-bottom: 5px;
}
.nav{
  margin-top: 20px;
}
.h-title{
  width: 100%;
  padding: 5px;
}
.testi-box img{
  margin-left: 35%;
  margin-bottom: calc(100px / 10);
}
.city_left img, .city_right img{
  width: 40%;
}
.city_left p, .city_right p{
  font-size: 25px;
}
.city1, .city3{
  text-align: left;
}
.city4, .city6{
  text-align: right;
}
.slider{
  display: none !important;
}
.nav ul li {
    padding: 10px 5px;
    font-size: 16px;
}
.footer-course{
  display: none !important;
}
@keyframes moving {  
    0% { 
      left: 5%; 
    }
    50% {
      left: 80%; 
    }
    100% { 
      left: -5%; 
    }
}
@-webkit-keyframes moving {  
    0% { 
      left: 5%; 
    }
    50% {
      left: 80%; 
    }
    100% { 
      left: -5%; 
    }
}
@-moz-keyframes moving {  
    0% { 
      left: 5%; 
    }
    50% {
      left: 80%; 
    }
    100% { 
      left: -5%; 
    }
}
@-o-keyframes moving {  
    0% { 
      left: 5%; 
    }
    50% {
      left: 80%; 
    }
    100% { 
      left: -5%; 
    }
}
@-ms-keyframes moving {  
    0% { 
      left: 5%; 
    }
    50% {
      left: 80%; 
    }
    100% { 
      left: -5%; 
    }
}

.moving {
  position: relative;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -ms-animation-duration: 5s;
  -o-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-name: moving;
  -moz-animation-name: moving;
  -ms-animation-name: moving;
  -o-animation-name: moving;
  animation-name: moving;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
}
.moving-main{
  width: 100%;
  display: block !important;
}
.logo-header{
  width: 70%;
  margin-bottom: 20px;
}
.lam, .ram{
  display: none;
}
.gray{
  width: 10%;
}
.national{
  height: auto;
}
.course-blink{
  font-size: 16px;
}
.content-box p{
  font-size: 15px;
}
.tag-course-2, .tag-course-r-1{
  height: 90px;
}
.tag-course-1 h1, .tag-course-r-3 h1 {
    padding: 10% 0% 0% 0%;
}
.cat-course-main, .cat-right-course-main {
    height: 190px !important;
}
.tag-course-1 i{
  right: 20px;
}
.tag-course-r-3 i{
  left: 20px;
}
.fix-mob{
  margin-top: 190px !important;
}
.cat-right-course-main{
  position: absolute !important;
}
.mo-12x{
  height: 190px;
}
.padd-all {
    padding: 0 15px;
}
.press-box .padd-all p, .testi-box .large-9 p{
  font-size: 15px !important;
}
.cat-course-main{
  width: 106%;
  margin-left: -3%;
}
.cat-right-course-main{
  width: 106%;
  left: -3%;
}
.max-inter, .max-abt, .max-nat, .max-pro {
    height: 300px;
    max-height: 300px;
}
.international-slide h1{
  position: relative;
  top: 120px;
}
.large-3 img.img-w, .large-4 img.img-w{
  height: 300px;
} 
.content-box p.i-font {
    font-size: 16px !important;
    padding: 0 !important;
}
.large-4 .desk{
  height: auto !important;
}
.large-3 .desk{
  height: auto !important;
}
.news-banner h1{
  font-size: 40px;
}

}

@media screen and (max-width: 480px) {
footer ul li {
 line-height: 48px;
}
footer ul li a {
 padding: 20px 5px
}
.line-left, .line{
  display: none;
}
.mo-gap-10x{
  height: 100px;
}
.mo-gap-1x{
  height: 10px !important;
}
.biginning-round{
  left: 40%;
  padding: 8px;
  top: -30px;
  box-shadow: 1px 1px 8px #000;
}
.biginning-round h2, .developing-round h2, .future-round h2{
  font-weight: bold;
}
.biginning-main{
  margin-bottom: 100px;
}
.developing-round{
  left: 40%;
  padding: 8px;
  top: -40px;
  box-shadow: 1px 1px 8px #000;
}
.developing-main{
  margin-bottom: 160px;
}
.future-round{
  padding: 8px;
  left: 40%;
  box-shadow: 1px 1px 8px #000;
}
.callout-full h2{
  font-size: 1.3em !important;
}
.padd-tp{
  padding-top: 5px;
}
.content-box p{
  font-size: 15.5px;
}
.find{
  margin-bottom: 10px;
}
.mo-bm-3x{
  margin-bottom: 30px;
}
.mo-tp-3x{
  padding-top: 30px;
}
.contact-left-call, .contact-right-call{
  display: none;
}
.about-slide h1, .booking-slide h1, .completion-slide h1 .careers-slide h1, .contact-slide h1,
.international-slide h1, .national-slide h1, .presentation-slide h1, .products-slide h1,
.public-slide h1, .slide-text h1, .testimonials-slide h1{
  font-size: 40px !important;
}

.booking-slide, .products-slide{
  background-size: cover;
}
.completion-slide{
  background-size: cover;
}
.international-slide{
  background-size: cover;
  background-position: 50% 0%;
}
.public-slide{
  background-position: 50%;
  background-size: cover;
}
.national-slide{
  background-position: 50%;
  background-size: cover;
}
.testimonials-slide {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.slide-img{
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.subcourse-img{
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}  
.careers-slide{
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}
.contact-slide{
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: cover;
}
.presentation-slide{
  background-position: 20%;
  background-repeat: no-repeat;
  background-size: cover;
}
.callout-inside{
  width: 100% !important;
}
.news-banner h1{
  font-size: 36px;
}
.callout-inside h1, .callout-full h1{
  font-size: 24px;  
}
.callout-full{
  overflow: auto !important;
  padding: 5px; 
}
.img-bg, .img-bg-right, .image-text, .image-text-right{
/*  height: 250px;*/
  max-height: 250px;
  width: 100%;
}
.booking-form{
  width: 100%;
}
.booking-form h5 strong{
  font-size: 15px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  height: 2rem;
}
label[for="payment1"], label[for="payment2"], label[for="payment3"], label[for="checkbox16"], label[for="checkbox18"]{
  width: 80%;
}
.large-3 img.img-w, .large-4 img.img-w{
  height: 270px;
} 
.condition ol li{
  font-size: 15px;
}
label.mini-font{
  width: 80% !important;
}
table tr td a{
  padding: 5px;
  font-size: 10px !important;
  margin: 0px -20px;
}
.press-box{
  padding: 10px;
}
.contact-form{
  width: 100%;
}
.contact-form h5 strong{
  font-size: 15px;
}
.city-bg{
  margin-top: 70px;
}
.city_right p{
  font-size: 20px;
}
.city_left p{
  font-size: 20px;
  margin-left: -10px;
}
.city1 p{
  padding-bottom: 10px;
}
.city5 p{
  padding-top: 15px;
}
.city3 p{
  position: relative;
  top: -20px;
}
.city6 p{
  position: relative;
  top: -20px;
}
.lm{
  bottom: 35px;
}
.rm{
  top: 80px;
}
.lb{
  bottom: 70px;
}
.rb{
  top: -15px;
}
.ru{
  top: 115px;
}
.lu{
  bottom: -50px;
}

.big-font{
  font-size: 40px;
}
.fix-block{
   width: calc(100% - 10%);
    margin: 0 auto;
}
.fix-block-right{
   width: calc(100% - 10%);
    margin: 0 auto;
    clear: right !important;
}
.intro-small{
  font-size: 25px;
}
.image-text p{
  display: none;
}
.image-text-right p{
  display: none;
}
.image-text a{
  margin-top: 25%;
}
.image-text-right a{
  margin-top: 25%;
}
.temp-right{
  margin-top: 130px;
}
.conf-pop{
  width: 100%;
  margin-top: 50px;
}
.image-text, .image-text-right{
  width: 84.5%;
  top: 10px;
}
.img-h1-text{
  width: 93%%;
}
.callout-full h4{
  padding: 5px;
}
.box-content ul{
  padding-left: 0px;
  font-size: 15px;
}
.box-content ol{
  font-size: 14px;
  padding-left: 0px;
}
.content-box ul{
  font-size: 15px;
}
.blink, .blink-height {
  height: auto !important;
}
.reveal-modal p{
  font-size: 16px;
}
.cnt-title h3{
  font-size: 1.5em;
}
.course-header-show{
  padding: 0px !important;
}
.course-header-show .small-4{
  padding: 5px !important;
}
.course-header-show .blink {
  font-size: 12px;
  padding: 5px 0;

}
.press-box img {
  border: 5px solid #fff;
  margin: 5%;
  width: 90%;
}
.press-box h3{
  font-size: 22px;
}
.press-box .medium-9 a{
  font-size: 12px;
}
.iframe{
  width: 100%;
  overflow-x: scroll; 
  padding: 10px;
}
iframe{
  width: 100% !important;
}
.iframe-mo{
  width: 800px !important;
}
.slitpd{
  padding: 10px;
}
.testi-box img{
  width: 80%;
  margin-left: 10%;
  margin-bottom: calc(150px / 10);
}
.nav ul li{
  clear: left;
  text-align: center;
  width: 100%;
}
.slider{
  display: none !important;
}
#scroll-top {
    padding: 10px;
    right: 0;
    top: 80%;
}
.callout, .callout-right {
    width: calc(100% - 15%);
}
.logo-header{
  width: 100%;
}
.tag-course-1 h1, .tag-course-r-3 h1 {
    padding: 12% 0% 0% 0%;
}
.cat-right-course-main{
  position: absolute !important;
}
.fix-mob{
  margin-top: 190px !important;
}
.max-inter, .max-abt, .max-nat, .max-pro {
    height: 230px !important;
    max-height: 230px !important;
}
.box-content b{
  font-size: 16px !important;
}

}


@media screen and (max-width: 360px) {

.course-header-show .blink{
  padding: 5px !important;
  height: 50px !important;
}
.box-content span{
  font-size: 16px;
}
.slitpd{
  padding: 10px 0px;
}
.iframe{
  padding: 10px;
}
table tr td a{
  padding: 5px;
  font-size: 10px !important;
  margin: 0px -20px;
}
.city_right p{
  font-size: 16px;
}
.city_left p{
  font-size: 16px;
}
.lu{
  bottom: -35px;
}
.ip-fa {
    font-size: 1.1em !important;
    font-weight: bold;
}
.nav ul li{
  clear: left;
    text-align: center;
    width: 100%;
    font-size: 15px;
    padding: 10px ;
}
.fix-block, .fix-block-right {
    width: 95%;
    margin: 0 auto;
    clear: right;
}
.callout h3, .callout-right h3{
  font-size: 1rem;
}
.image-text, .image-text-right {
    width: 87.5%;
    clear: right !important;
    top: 5px;
}
.img-h1-text {
    margin-left: 0;
    width: 87.5%;
}
#scroll-top {
    padding: 10px;
    right: 0;
    top: 90%;
}
.img-bg, .img-bg-right, .image-text, .image-text-right{
  height: 230px;
  max-height: 230px;
}
.n-home, .n-product, .n-client, .n-contact, .n-about, .n-course, .n-blog, .n-booking{
  height: 65px;
  max-height: 65px;
  padding: 10px 5px;
}
.gray{
  width: 20%;
}
.about-slide h1, .booking-slide h1, .completion-slide h1 .careers-slide h1, .contact-slide h1,
.international-slide h1, .national-slide h1, .presentation-slide h1, .products-slide h1,
.public-slide h1, .slide-text h1, .testimonials-slide h1, .news-banner h1{
  font-size: 30px !important;
}
.cat-course-main, .cat-right-course-main {
    height: 130px !important;
}
.content-box p {
    font-size: 13.5px !important;
}
.tag-course-1 h1, .tag-course-r-3 h1 {
    padding: 20px 0px 0px 0px;
}
.mo-12x{
  height: 120px;
}
.tag-course-2, .tag-course-r-1 {
    height: 120px;
}
.fix-img{
  height: 200px;
  max-height: 200px;
}
.fix-mob{
  margin-top: 130px !important;
}
.max-inter, .max-abt, .max-nat, .max-pro {
    height: 180px !important;
    max-height: 180px !important;
}
.box-content ul{
  padding-left: 0px !important;
  font-size: 13.5px !important;
}

}

@media screen and (max-width: 320px) {

.slitpd{
  padding: 20px 0px;
}
.iframe{
  padding: 5px;
}
.content-box i{
  font-size: 24px;
} 
.content-box a{
  font-size: 14px;
}
.box-content, .content-box {
  padding: 15px;
}
.img-h1-text {
    margin-left: 0;
    width: 86.8%;
    font-size: 1rem;
}
.image-text, .image-text-right{
  width: calc(100% - 14%);
  top: 5px;
}
.italic{
  font-size: 16px;
}
.city_left {
  text-align: right !important; 
}

.lu, .lm, .lb{
  right: 0px !important;
}
.rb{
  top: 0px;
}

.lu{
  bottom: -30px;
}

}