*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
html,body{margin:0;	padding:0;height:auto!important;min-height:100%; font-family: 'neue_haas_unicaregular';}
body{ line-height:24px; font-size:17px; background:#FFF;}
body p{margin-bottom:20px; color: #555; line-height:28px; font-size:16px;}

.mtoplink{width:100%; float:left;   }
.mtoplink ul{list-style:none; float:right;}
.mtoplink ul li{padding-left:15px; float:left; font-size:14px; position:relative; line-height:30px;}
.mtoplink ul li a{ color:#151515; padding:5px;}
.mtoplink ul li a:hover{ color:#F75251; text-decoration:none;}
.mtoplink ul li select{font-size:14px; color:#000;}
.mtoplink ul li div.submenu{position:absolute; top:30px; right:0; width:250px; z-index:1000000; color:#151515; display:none; padding:10px;  
   background:#FFF;  box-shadow: 5px 0px 5px -5px #333, 0 5px 5px -5px #333;}
.mtoplink ul li:hover div.submenu{display:block;}
.mtoplink ul li:hover div.submenu p{color:#151515; text-align:left; font-size:13px;}
.mtoplink ul li:hover div.submenu p a{color:#151515; line-height:30px;}
.mtoplink ul li:hover div.submenu p a:hover{color:#F31F1E;}
.mtoplink ul li:hover div.submenu ul{list-style:none;}
.mtoplink ul li:hover div.submenu ul li{ width:100%; display:block!important;  }
.mtoplink ul li:hover div.submenu ul li a{color:#262626; display:block!important; line-height:30px!important;}
.mtoplink ul li:hover div.submenu ul li a:hover{ color:#F31F1E;}
.mtoplink ul li:hover div.submenu .signuppanel{width:100%; float:left; text-align:center;  margin-bottom:0px; margin-top:15px;}
.mtoplink ul li:hover div.submenu .signuppanel a.signup{ background:#151515; color:#FFF; padding:5px 35px; border-radius:4px; display:inline-block; margin-bottom:15px; transition: all 0.5s ease 0s; width:100%; line-height:30px;}
.mtoplink ul li:hover div.submenu .signuppanel a.signup:hover{background:#F31F1E; color:#FFF;}
.mtoplink ul li:hover div.submenu .signuppanel a.signup-danger{ background:#e86828; color:#FFF; padding:5px 35px; border-radius:4px; display:inline-block; margin-bottom:15px; transition: all 0.5s ease 0s; width:100%;}
.mtoplink ul li:hover div.submenu .signuppanel a.signup-danger:hover{background:#262626;}

.toplink{width:100%; float:left; background:#F1F1F1;  color:#252525; font-size:14px; text-align:right; padding-top:5px; padding-bottom:5px;}
.toplink h3{text-align:left; font-size:14px; margin:0; padding:0; line-height:24px; cursor:pointer; display:inline-block; float:left; animation-name:blinking; animation-duration:1.5s; animation-iteration-count:infinite;}
.toplink ul{ float:right; margin:0; list-style:none; }
.toplink ul li{ float:left; padding-left:15px;}
.toplink ul li a{ color:#252525}
.toplink ul li a:hover{ color:#01445E; text-decoration:none;}
 
.header{position: absolute; top: 0px; left: 0px; right: 0px; z-index: 100; height: 100px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;
transition: all .5s ease 0s;}
.sticky-header {position: fixed; width: 100%; height:auto; float:left; top:0;z-index: 100;background:#F1F6FF;box-shadow: 0px 3px 3px #999;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;}
.logo{ width:100%; float:left; }
.logo img{ max-width:100%; height:auto;}
 
.togglemenu {
    position: relative;
    padding: 8px;
        padding-top: 8px;
    padding-top: 3px;
    border-radius: 4px;
    margin: 0;
    background: #FB461A;
    cursor: pointer;
    margin: auto;
        margin-top: auto;
    float: right;
    display: none;
}

.banner{ width:100%; float:left; position:relative; background:url(../images/banner/slide1bg.jpg) center center no-repeat; background-size:cover; position:relative;  }
.banner h2{ font-size:52px; color:#F54D56;   margin-top:35px;   font-family: 'neue_haas_unicablack'; margin-bottom:15px; text-transform:uppercase; }
.banner h2 span{color: #242424;   font-family: 'neue_haas_unicalight';  font-size:26px; }
.banner h3{font-size:20px; color:#01445E; font-family: 'neue_haas_unicalight'; line-height:30px; margin-bottom:25px;}
.banner p{margin-bottom:25px; border-left:2px solid #3FABD6; padding:5px 10px; color:#242424; font-size:20px;}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6{width:100%; height:650px; float:left; padding:110px; padding-top:170px; padding-bottom:30px;}
.bannertext{width:45%; float:left; z-index:10000000; top:25%; left:8%;}
.bannertext a{ background:#F54D56; font-size:20px; color:#FFF; padding:12px 30px;  border-radius:4px; display:inline-block;  transition: all 0.5s ease 0s; font-family: 'neue_haas_unicalight'; 
}
.bannertext a:hover{ text-decoration:none; color:#FFF;  background:#01445E; }
.banner .carousel-control{ width:100px;}
.banner svg {    height: 50px; width: 100%; margin-bottom:-5px;
    fill: #fff;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);}
 


.haboutpanel{ background:url(../images/bg04.png) right  no-repeat; background-size:cover;   width:100%; float:left; padding-top:50px; padding-bottom:100px; position:relative; z-index:1; }
.haboutpanel::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background: #243eff;
    background: -webkit-linear-gradient(to right, #EE4B3F, #930910);
    background: -webkit-linear-gradient(left, #EE4B3F, #930910);
    background: linear-gradient(to right, #EE4B3F, #930910);
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	 background: #EE4B3F;
    background: -webkit-linear-gradient(to right, #EE4B3F, #930910);
    background: -webkit-linear-gradient(left, #EE4B3F, #930910);
    background: linear-gradient(to right, #EE4B3F, #930910);
	
	
 background-image:-moz-linear-gradient(45deg, #CD2012 0%, #EE4B3F 100%);
 background-image:-webkit-linear-gradient(45deg, #CD2012 0%, #EE4B3F 100%);
 background-image:-ms-linear-gradient(45deg, #CD2012 0%, #EE4B3F 100%)
	 
	 
}

 


.haboutpanel h1{ font-size:38px;  font-family: 'neue_haas_unicamedium';  margin:0; margin-bottom:10px; color:#FFF; text-align:center; display:block; text-transform:uppercase; }
.haboutpanel h2{ font-size:50px;  font-family: 'neue_haas_unicabold';  margin:0; margin-bottom:30px; color:#FFF; }
.haboutpanel h3{ font-family: 'nunito_sanslight'; color:#FFF ; margin:0;   margin-bottom:5px; font-size:46px; text-transform:uppercase;}
.haboutpanel h5{ font-size:24px;   font-family: 'neue_haas_unicalight';  margin:0; margin-bottom:65px; color:#FFF; text-align:center;}
.haboutpanel p{ color:#FFF;}
.haboutpanel img{max-width:100%; height:auto;}

.topsection{ background:#FFF; width:100%; float:left; padding-top:100px; padding-bottom:50px; overflow:hidden;}
.topsection h1{font-size:38px; color:#F54D56; margin:0; margin-bottom:5px;  margin-bottom:10px;  font-family: 'neue_haas_unicabold'; text-transform:uppercase; position:relative;}
.topsection h1 span{ color:#00517b;  }
.topsection h1 span.line03{ width:120px; height:3px; background:#F54D56; position:absolute; left:0; bottom:-5px;}
.topsection h3{ font-size:24px;   font-family: 'neue_haas_unicalight';  margin:0; margin-bottom:25px; color:#575757;}
.topsection img{max-width:100%; height:auto;}
.topsection-wrapper{width:100%; float:left; display:flex; flex-wrap: wrap; }
.topsection-box{ width:31.33%; margin-left:1%; margin-right:1%;  box-shadow: -0 0 5px #D6D6D6; padding:25px; margin-bottom:25px; border-radius:4px; color:#01445E; background:
#F4F8FF ; text-align:center;}
.topsection-box h4{font-family: 'neue_haas_unicamedium'; font-size:28px; text-align:center; text-transform:uppercase;}
.topsection-box h4 span{display:block; font-family: 'nunito_sanslight'; margin-top:8px; color:#242424; font-size:23px;}
.topsection-box img {margin-bottom:10px;}
.topsection-box p{ color:#242424;}


.gallery{width:100%; float:left; padding-top:100px; padding-bottom:100px; position:relative; overflow:hidden; }
.gallery img{ max-width:100%; height:auto;}
.gallery h2{font-size:40px; color:#F54D56; margin:0; margin-bottom:5px;  margin-bottom:50px;  font-family: 'neue_haas_unicabold'; text-transform:uppercase; position:relative; line-height:50px;
 padding-top:50px;
  }
.gallery h2 span{ color:#00517b;  }
.gallery h2 span.line03{ width:120px; height:3px; background:#F54D56; position:absolute; left:0; bottom:-5px;}

.gallery::after{ content:""; width:40%; height:100%; background:#FFF; position:absolute; top:0; left:0; z-index:1}
.gallery .swiper-container{ overflow:visible;}
.gallerytext{ position:relative; z-index:10;}
.gallery .swiper-pagination{display:none;}
.gallery .swiper-container img{ border-radius:10px; }

 

.footerpanel{width:100%; float:left; background:#011B24; padding-bottom:40px; padding-top:15px;}
.footerpanel h3{ color:#FEFCFD; font-size:26px;  font-weight:200; font-family: 'neue_haas_unicamedium';}
.footerpanel p{color:#6C707B; margin-bottom:15px;}
.footerpanel p .fa{ color:#808B9D; margin-right:8px;}
.footerpanel ul{list-style:none;}
.footerpanel ul li { margin-bottom:8px; font-size:15px;}
.footerpanel ul li a{ color:#808B9D;}
.footerpanel ul li a:hover{ color:#F54D56; text-decoration:none;}
.socialmedia{ width:100%; float:left; }
.socialmedia .fa{width:30px; height:30px; background:#F54D56; line-height:30px; text-align:center; color:#FFF; border-radius:100%; margin-right:3px;}
.socialmedia .fa:hover{text-decoration:none;}
 
.footercopyright{width:100%; float:left; background:#0b131e; padding-bottom:15px; color:#4A5360; padding-top:15px; font-size:14px;}
.footercopyright a{color:#4A5360;}
.footercopyright a:hover{color:#F54D56; text-decoration:none;}
.footercopyright ul{ float:right; list-style:none;}
.footercopyright ul li{float:left;}
.footercopyright ul li a{ color:#6C707B; padding-left:8px; padding-right:5px;}
.footercopyright ul li a:hover{ color:#4AC3F0; text-decoration:none;}



.innerbanner{ width:100%; padding-top:100px; float:left; position:relative; background:url(../images/banner/slide1bg.jpg) top center no-repeat; background-size:cover; position:relative;  }
.innerbanner h2{ font-size:30px; color:#F54D56;   margin-top:15px;   font-family: 'neue_haas_unicablack'; margin-bottom:15px; text-transform:uppercase; }
.innerbanner h2 span{color: #242424;   font-family: 'neue_haas_unicalight';  font-size:26px; }
.innerbanner h3{font-size:20px; color:#01445E; font-family: 'neue_haas_unicalight'; line-height:30px; margin-bottom:25px;}
.innerbanner p{margin-bottom:25px; border-left:2px solid #3FABD6; padding:5px 10px; color:#242424; font-size:20px;}




.midsection{ background:#FFF; width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.midsection h2{ font-size:40px; color:#F54D56;     font-family: 'neue_haas_unicablack'; font-weight:700;  margin:0; }
.midsection h3 {font-size:30px; color:#01445E; font-family: 'neue_haas_unicalight'; line-height:30px; margin-bottom:25px;}
.midsection ul{list-style:none;}
.midsection ul li{ background:url(../images/bullet01.jpg) left 5px no-repeat; padding-left:30px; line-height:30px; margin-bottom:20px;}
.center-img{width:100%; float:left;}
.center-img img{ max-width:100%; height:auto;}


.slideanim,.slideanim2 {visibility:hidden;}

.slideani {
     animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
.slide2 {
     animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

.paddingtop{ padding-top:40px;}
.paddingbottom{ padding-bottom:50px;}
 

/*------------Setting----------------------*/

 





 .swiper-container {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;
	  background:#000;

    }
	

 


.getstart{width:100%; float:left; background:#F7F4FA; padding-top:50px; padding-bottom:50px; text-align:center; position:relative;}
.getstart h2{ font-size:38px;  font-family: 'neue_haas_unicamedium';  margin:0; margin-bottom:25px; color:#F54D56; text-align:center;  text-transform:uppercase;}
.getstart h3{ font-family: 'nunito_sanslight'; color:#242424; margin:0;   margin-bottom:5px; font-size:46px; text-transform:uppercase;}
.getstart p{color:#242424;}
.getstart a{padding:10px 30px;background:#F54D56; display:inline-block; color:#FFF; margin-top:20px; margin-bottom:10px; transition: all 0.5s ease 0s; border-radius:3px;}
.getstart a:hover{ background:#00517b; color:#FFF; text-decoration:none; }
 

.bottomcontact{width:100%; float:left; padding-bottom:100px;   padding-top:100px; position:relative; z-index:1;  


 background: #EE4B3F;
    

}


.bottomcontact h2{ font-family: 'nunito_sanslight'; color:#FFF; margin:0;   margin-bottom:5px; font-size:30px; text-align:center; line-height:40px; margin-bottom:45px;}
.bottomcontact h2 span{font-family: 'neue_haas_unicabold';}
.contact-wrapper{width:100%; float:left;  padding:15px;  min-height:160px; background:#FFF; border-radius:3px; margin-bottom:25px;}
.contact-wrapper h3{ font-size:20px; text-align:center; margin:0; margin-bottom:5px; word-wrap:break-word; }

.email-icon{ font-size:24px; color:#F54D56; font-family: 'neue_haas_unicamedium'; text-align:center; margin-bottom:15px;}
.email-icon .fa{ font-size:24px; color:#F54D56; width:50px; height:50px; border:2px solid #F54D56; border-radius:100%; text-align:center; line-height:45px; margin-right:10px;}

.whatapp-icon{ font-size:24px; color:#57BB63; font-family: 'neue_haas_unicamedium'; text-align:center; margin-bottom:15px;}
.whatapp-icon .fa{ font-size:24px; color:#57BB63; width:50px; height:50px; border:2px solid #57BB63; border-radius:100%; text-align:center; line-height:45px; margin-right:10px;}

.skype-icon{ font-size:24px; color:#02AFF0; font-family: 'neue_haas_unicamedium'; text-align:center; margin-bottom:15px;}
.skype-icon .fa{ font-size:24px; color:#02AFF0; width:50px; height:50px; border:2px solid #02AFF0; border-radius:100%; text-align:center; line-height:45px; margin-right:10px;}


  .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
.showcase{ width:100%; float:left;  background:#FAFAFA; }
.showcase img{max-width:100%; height:auto;}
.showcase-cont h2 {font-family: 'neue_haas_unicabold'; font-size:30px; text-transform:uppercase; margin-bottom:25px;}
.showcase-cont{width:100%; float:left; padding:20px; padding-left:20%; padding-right:20%; text-align:center; position:relative; background:#FAFAFA; padding-top:50px; padding-bottom:50px; border-radius:10px; box-shadow: 1px 1px 1px  1px #DDD;}
.showcase-cont .carousel-control.left{ top:-50px!important;}
.showcase-cont .carousel-control.right{top:-50px!important;}
.showcase-cont .carousel-control{ width:30px; height:40px; color:#333333;}
.showcase-cont .carousel-inner > .item {text-align:center;}
.showcase-cont .carousel-inner > .item > a > img{display:inline-block}


.commentbox01{ width:100%; float:left;  background:#FFF;   padding-bottom:50px;  }
.commentbox01 img{max-width:100%; height:auto; }
.commentbox01 h2{color:#333333; font-size:36px; margin-bottom:8px; font-family: 'neue_haas_unicabold'; text-transform:uppercase; margin-bottom:35px; text-align:center; }
.commentbox01 h3{font-family: 'neue_haas_unicabold'; font-size:25px; text-transform:uppercase; margin-bottom:8px; color:#333333; line-height:30px; background:#FFF; z-index: 10;

position: relative;}
.commentbox01 p{color:#333333; font-size:19px!important;}
.commentbox01-cont{width:86%; float:left;  padding:20px; padding-top:40px; padding-bottom:40px; padding-left:0; }
.commentbox01-row{width:100%; float:left; margin-bottom:100px; position:relative;}
.commentbox01-left{width:50%; float:left;}
.commentbox01-right{width:50%; float:left; text-align:right;}
.commentbox01-right img{ margin-right:-30%; z-index: 10;

position: relative;}
.commentbox01-line{ width:100%; height:4px; background:#333333; position:absolute;top: 36px; z-index:1}

/*------------Setting----------------------*/
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes blinking{
 0% { color:#CA0000;}
 47%{color:#000;}
 62%{color:#CA0000;}	
 97%{color:#CA0000;}	
100% { color:#000;}
}
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}