@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0} 



body {
    overflow-x:hidden;
    font-family:'Montserrat'!important;
    padding: 0px!important;
    background-color: #06131E;
    color:#FFF!important;
}
.featuretitle-bg{
    background: url("../image/feature-overlay.png");
    cursor: pointer;
    height: 100%;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    background-size:100%;
    z-index: 10000;
}
.featuretitle{
    color: #FFFFFF;
    font-size: 22px;
    height: 58%;
    line-height: 40px;
    padding-top: 40%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 20000;
    cursor: pointer;
}
.footor{
width:100%;float:left;background-color: #06131F;text-align:center;padding-top:20px;}
.footor ul{list-style:none; position: relative; left: 17%;}
.footor ul li{width:15%;float:left;}


.slidertitle{
    color: #FFFFFF;
    font-size: 60px;
    margin: 0 1%;
    position: absolute;
    text-align: center;
    top: 45%;
    z-index:15;
    /*width: 9%;*/
}
.slidertitleimg{
  color: #FFFFFF;
    font-size: 60px;
     margin: 0 1%;
    position: absolute;
    text-align: center;
    top: 45%;
    z-index:15;
    width:50%;
    left:25%;
}
.slidercontent{background: url("../image/back.png") repeat scroll 0 0 transparent;font-size: 20px;margin: 2% 6%;width: 84%;}
.row ul{margin:0px!important;}
#header {
    position:absolute;
    width:100%;
    z-index: 14;
    border-bottom:1px solid #16AAAA;
    float:left; 
    
}
.logo{width:35%;
   text-align:right;
   padding-bottom:5px;
   float:left;
   margin-top:1%;
   }
.logo a{ display:block;}
.header_right {
    float: right;
    width:30%;
    margin-top: 1.8%;
    font-size:18px;
 }
/*.navi{background:#959595;border-bottom:1px solid #16AAAA;}*/
.navi{
    border-bottom: medium none;
    float: left;
    height: 0px;
    opacity:0;
    margin-left: 0 !important;
    width: 100%;
   background:rgba(149,149,149,0.8);
   border-bottom:1px solid #16AAAA;
    
}
#header.navi{background:transparent;border-bottom:1px solid #16AAAA;opacity:1;}
#header.navi img{width:auto;}
.feature-conteiner{margin: 0 auto;width: 75%;min-height:200px;padding-left: 1%;padding-bottom: 5%;}
.feature-slider{min-height:200px;display:none;padding-top: 1%;padding-bottom: 5%;}
.feature-slider ul li{}
.feature-content{position:relative;cursor:pointer;width: 29%; float: left; margin-right: 5%;}
.header_right a{ padding-right: 10px;}
ul.toplinks {list-style: none outside none;margin: 0;}
ul.toplinks li {float: left;margin: 10% 10px 0 25px;font-size: 15px;}
.banner{padding: 5%;float:left;margin:0px 0%;bottom:0px;border-top:1px solid #FFFFF;width: 100%;}
.login-form{float: left;height: 100%;margin-left: 30%;text-align: center;width: 100%;}
.loginbtn{margin-top:3%;width: 54% !important;}

/*.about-left{background: url("../image/quote.png") repeat-y scroll 0 0 transparent;float:left;width: 40%;padding-bottom: 0%;}*/
.about-left{background: url("../image/debut_light.png") repeat scroll 0 0 transparent;float:left;width: 40%;padding-bottom: 0%;}


.about-right{ float: left;padding-left:5%;width: 38%;}
.about-right h3{margin-bottom:2%;font-size:26px;font-weight:normal!important;}
.about-left h3{color:#828282;margin-bottom: 5%;font-weight:normal!important;font-size:24px}

.left-contant{float:left;}
.contant{float:right;}
.right-contant{width:100%;margin-top:10px;}
.avatar {-moz-border-radius: 45px;-webkit-border-radius: 45px;-khtml-border-radius: 45px;border-radius: 45px;display: block;height: 50px;width: 90px;float:left;bottom:0px; margin-top: 10px;
    width: 35%; }
    
    .testimonial-2{border-radius: 45px;display: block;height: 50px;width: 90px;float:left;bottom:0px; margin-top: 25px;
    width: 35%; }
    .testimonial-2 img{border-radius: 45px; width: 50px;height: 50px;}
.avatar img {border-radius: 45px; width: 50px;height: 50px;}
.quote-image1{width:100%;border-top:2px solid #3A444D;float:left;padding-bottom:2%;}
.quote-image1-left{float:left;float:left;width:60%;margin-top: 5%;}
.about-right span{color:#FFFFFF;font-size: 15px;width:100%;float:left}
.about-right a{color:#16AAAA!important;}
.quote-image2-left{float:left;margin-bottom: 1%;margin-top: 1%;width:78%;}
ul.toplinks li a{cursor: pointer;}
ul.toplinks li a:hover{color:#FFFFFF;}
ul.toplinks li.active a{color:#FFFFFF;}
.about-right-image{text-align:center;color:white;width:100%;padding-bottom:2%;float: left;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {


                    width: 80%;
                    height: 20px!important;
                    margin-bottom: 8%!important; 
                    border: 1px solid #DDDDDD;
                   



                    
                    border-radius:0px !important;  
                    /*Applying CSS3 box shadow*/
                    -moz-box-shadow:0 1px 1px #ccc!important;-webkit-box-shadow:0 1px 1px #ccc!important;-o-box-shadow:0 1px 1px #ccc!important;-ms-box-shadow:0 1px 1px #ccc!important;box-shadow:0 1px 1px #ccc!important;
                    
                   
                  }
.about-left  input[type="text"]{height:35px!important;width: 54%;}
.about-left textarea{width:54%;margin-bottom: 25px;height:120px!important;}

.login-contant{float:left;width:100%;text-align:center;margin-top:10%;}
input[placeholder] { font-weight: bold;color:#999;}
#wrapper {
    height:100%;
    width:100%;
    min-width:1020px;
}
.contant{width:1024px;height:100%;}
/*url("../image/bg.jpg")*/
.whole-container{float:left;width: 100%;background: url("../image/debut_light.png") repeat scroll 0 0 transparent;min-width:1020px;}
.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

.banner-list ul li {
float: left;
text-align: center;
margin: 2% 0%;
width: 10%;
}
.testimonial{width:99%;margin:2% 8%!important;}
.testimonial ul li{float:left;width: 17%;text-align: center;}
.testimonial ul{list-style:none;width: 96%;}
  .testimg{  
    margin-left: 5px;
    margin-top: 7%;
    padding-right: 8px;
    width: 3%!important;
    }
    .testimg:last-child{
      margin-left: 0px;
    }


.banner-list ul{list-style:none;padding-left: 1%;}
.banner-list img{height:50px;}
.banner-list {margin:1% 2%;display:block;margin-top: -2%;}

.menu-image ul li{width:13%;float:left;margin-right: 0.5%;}
.menu-image{margin-left:3%!important; margin-bottom: 6%;}    
.menu-image ul{list-style:none}
.flex-control-nav a{color:#fff;}
.footor a{color:#fff;}
h4{margin-top:5%;margin-bottom:2%;text-align:center;font-weight:normal;color:#686868!important}
.wrapper-shaddow{background:url(../image/wapper_line.png) repeat-x;  position:absolute; top:15.5%;  z-index:10000;width: 100%;background-size:0.5%;}
.link{font-size:15px;}
.white:hover{color:#d1d1d1!important;}
.white{color:#FFFFFF!important;font-weight: bold;}
.menu_active{color:#fff!important;}
.flexslider2 ul li{position:relative;}
.slider-img-container{
width:30%;bottom: 3%;background:#fff;height:100%;float:left;margin-top:-2%;margin-bottom:-2%;padding:1%;position: relative;
margin-left: 6%;
-moz-box-shadow: -20px 20px 26px -14px #000000;
-webkit-box-shadow: -20px 20px 26px -14px #000000;
box-shadow: -20px 20px 26px -14px #000000;
}
.slider-img-div{
  background:rgba(22, 170, 170, 0.6);
  margin-left: 13%;
  padding-left: 9%;
  width:68%;
  float:left
}
.flexslider2 .flex-viewport{overflow:visible!important;}
.flexslider3 .flex-viewport{overflow:visible!important;}
.img-disc h1{color: #FFFFFF;font-size: 30px;margin-left: -20px;}
.img-disc{margin-top:4%;margin-left:44%;width:51%;}
.img-disc ul{list-style-type:circle;margin:3%; width:95%}
.img-disc ul li{line-height:25px;font-size:15px}
.slider-close{position: absolute;right: 4%; z-index: 2147483647;width: 15%;}
.slider-close img{ padding-top: 10px;width: 14%;cursor:pointer;}
.left-arrow{    left: 18%;
    margin-top: 12%;
    position: absolute;
    width: 6%;
    z-index: 2147483647;}
.right-arrow img{ padding-top: 10px;width: 26%;cursor:pointer;}
.left-arrow img{ padding-top: 10px;width: 26%;cursor:pointer;}
.right-arrow{right: 12.5%;
    margin-top: 12%;
    position: absolute;
    width: 6%;
    z-index: 2147483647;}
    #downarrow-home{
    cursor: pointer;
    left: 47%;
    margin-top: -9%;
    position: relative;
    text-align: center;
    width: 20px;
    
    }
    /*new added optimize for downarrow*/
    .downarrow{
        width:100%;
        vertical-align: middle;
        cursor:pointer;
        font-size:22px;
        text-align: left;
    }
    .downarrow img{
       width:5%!important;
    }
    
    
.navbar-inner{min-height:40px;padding-right:20px;padding-left:20px;background-color:transparent!important;background-image:none!important;background-repeat:repeat-x;border:none!important;-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-radius:0px!important;filter:none!important;*zoom:1;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{text-decoration:none;background-color:transparent!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;background-image:none!important;}
.navbar a.link {text-align:right;padding-right:0px!important;}

 

 #carousel {
        width:100%;
        height:750px;
        position:relative;
        clear:both;
        overflow:hidden;
        background:url("../image/slider-back.png") repeat-x scroll 0 0 transparent;
      }
      #carousel img {
        visibility:hidden; /* hide images until carousel can handle them */
        cursor:pointer; /* otherwise it's not as obvious items can be clicked */
        max-width:330px;
      }

      .split-left {
        width:450px;
        float:left;
      }
      .split-right {
        width:400px;
        float:left;
        margin-left:10px;
      }
      #callback-output {
        height:250px;
        overflow:scroll;
      }
      .lb-number{display:none!important;}
           .popover{background-color: #16AAAA !important;}
           .popover.top .arrow:after{border-top-color: #16AAAA!important;}
           .popover-img{max-width:24px;cursor:pointer;}
           .flex-direction-nav{display:none!important}
           .navi-right-menu{
              float: right;
              margin-top: -1.7%;
              width: 30%;
              }
            .navbar .nav > li > a{
              text-shadow:none!important;  
               text-align: center!important;
            }
            .navbar .nav > li{
              width: 30%;
            }
            
            .navi-left-menu{width:33%;float:left;padding:1% 1% 1% 5.5%;}

.flex-control-nav li {
    display: inline-block;
    margin: 0 42px!important;
    width: 46px!important;
}
/*new added for purpose of without responsive */           

.navi img{width:45%;}


/*
.nav-pills{
    list-style-type: none;
    width: 85%;
}
.nav-pills li{
    float: left;
    width: 23%;
    text-align:center;
} */

.banner-list img{
    width:auto;
}

@media screen and (min-width: 1860px) and (max-width: 2500px) {
  .header_right{width:33%}
  .navi-right-menu{width:33%}
  .stick-banner a img:first-child {
    /*padding-left: 9.9%!important;*/
  }
  .stick-banner a {
    width: 81.5%!important;
  }
  .quote-image1-left {
    line-height: 45px;
  }
  .avatar img {
    height: 70px!important;
    width: 70px!important;
  }
  .quote-image2-left {
    line-height: 25px;
  }
  .about-right span {
    font-size: 19px!important;
  }
  .img-disc ul li {
    font-size: 22px!important;
    line-height:38px!important;
  }
  .header_signage{
    margin-left: 20%!important;
  }
  .map-text h3{
        font-size:26px!important;
        line-height:40px!important;
  }
  .img-resize-menu{
    height:360px!important;
  }
  .img-resize-slider{
    height:550px!important;
  }
}

@media screen and (min-width: 1580px) and (max-width: 1860px) {
.header_right{width:36%}
.navi-right-menu{width:36%}
.stick-banner a img:first-child {
    padding-left: 11%!important;
  }
   .header_signage{
    margin-left: 25%!important;
  }
  .map-text h3{
        font-size:22px!important;
        line-height:35px!important;
  }
  .img-resize-menu{
    height:290px!important;
  }
  .img-resize-slider{
    height:450px!important;
  }
 .img-disc ul li {
    font-size: 19px!important;
    line-height:30px!important;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1580px) {
.header_right{width:40%}
.navi-right-menu{width:40%;margin-top: -2.3%;}
.stick-title #downarrow-customer{margin-left: -25%!important;}
}

@media screen and (min-width: 1024px) and (max-width: 1250px) {

.header_right{width:45%}
.navi-right-menu{width:45%}
}

@media screen and (max-width: 1024px) {
    .slidertitle{
        font-size: 52px;
        margin: 0 7.7%;
    }
    .stick-title{
      margin-left:-10%;
    }
    .slidercontent{font-size: 18px;}
    .navi-right-menu {
        width: 36%;
        margin-top: -2.8%;
        padding-top: 0%
    }
    .header_right {
      width: 38%;
      margin-top: -5.8%;
    }
    .navi-right-menu{width:38%}
    .downarrow {
      font-size: 18px;
    }
    #downarrow-home {
      margin-top: -8%;
    }
    .flex-control-nav {
      margin-left: 0%!important;
      display: inline;
  }
   
   .flex-control-nav li {
    display: inline-flex!important;
  } 
  h3{font-size:20px!important;}
  #toPopup, #toPopup_2, #toPopup_3 {
    /*top:  13%!important;*/
 
}
.about-right span{font-size: 12px;}
.testimonial ul li p{font-size:10px!important;}
  .navbar .nav {
      margin-left:16%!important;
      margin-top:2%!important;
  }
  .navbar .nav>li:nth-child(3){
    width:44%!important;
  }
  .header_right {
    width:47%!important;
 }
  .navi-right-menu{
      width: 47%!important;
    }
    
    .left-arrow-carousel{
      left: 9%!important;
    }
    .right-arrow-carousel{
      right: 0%!important;
    }
    #about-sendme h3{font-size:18px!important;margin-top:-1;
    margin-bottom:0%!important;}
    #about-callme h3{font-size:18px!important;margin-top:-1;
    margin-bottom:0%!important;}
    .about-sendme-btn {font-size:12px!important;}
    .about-callme-btn {font-size:12px!important;}
    .downarrow img {
     width: 6% !important;
    }
    .featuretitle {
        font-size: 15px;
    }
    .feature-menu h3 {
        font-size:14px!important;
      }
      .feature-menu img {
         padding-top: 4%!important;
      }
      .left-arrow {
        left: 20%!important;
      }
      .img-disc h1 {
        font-size: 19px!important;
        line-height: 17px!important;
      }
      
      .nav>li:nth-child(2)>a {
        width: 81%!important;
      }
      .nav>li:first-child>a {
        width: 67%!important;
      }
      .time-zone-sub {
        margin-left: 3%!important;
      }
      .time-zone-sub input {
       width: 31%!important;
       margin-right: 2%!important;
      }
      .map-text h3{
        font-size:14px!important;
        line-height:28px;
      }
      
      .img-resize-menu{
      height:185px!important;
    }
    .img-resize-slider{
      height:275px!important;
    }
    .img-disc ul li {
    font-size: 13px!important;
    line-height:17px!important;
  }
      
}
.testimonial ul li p{font-size:12px;margin-left: -12%;width: 124%;}
/*.flex-control-paging li:first-child{
width:129px!important;}
.flex-control-paging li:first-child:before{
content: " ";background:url(../image/ind-dash.png) no-repeat;width:30px;display:block;margin-right: 10px;margin-top: 40px; }
.flex-control-paging li:after{
content: " ";background:url(../image/ind-dash.png) no-repeat;width:30px;display:block;margin-left: 10px;margin-top: 40px; } 
.flex-control-nav li {
  display: inline-flex!important;
  float: left;
} */
.flex-control-nav {
    background-image: url("../image/ind-dash-new.png");
    background-position: center center;
    background-repeat: repeat-x;
    left: 50%;
    margin-left:-384px!important;
    width: 699px !important;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);  
    -ms-transform: scale(0.6);  
    -o-transform: scale(0.6);  
    transform: scale(0.6);
  }
  
  .popover-content {
    padding: 4px 5px!important;
}

@media screen and (min-width: 1024px) {
    .navbar .nav {
    width: 100%!important;
    margin-left:13%!important;
    padding-top: 3%;
}

}
#backgroundPopup { 
	z-index:1;
	position: fixed;
	display:none;
	height:100%;
	width:100%;
	background:#000000;	
	top:0px;  
	left:0px;
}
#toPopup, #toPopup_2, #toPopup_3 {
    background: url("../image/about-head1.png") no-repeat scroll 0 0 transparent;
    background-size: 100%;
    color: #333333;
    display: none;
	  font-size: 14px;
    position: fixed;
    top: 10%;
    width: 100%;
    z-index: 200000;
    font-size: 14px;
}
#popup_content{
  width: 100%;
  margin: 2% auto;
  max-width: 92%;
  padding-left: 11%;
  z-index: 2147483647;
}
div.close {
    background: url("../img/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    margin-top: 9.3%;
    right: 4.5%;
    opacity:0.9;
    position: relative;
    width: 30px;
    background-size: 22px 22px;
}

span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
.about-callme-btn{background: rgba(64,64,64,0.7);
cursor: pointer;
color: #fff!important;
font-weight:normal;
float: right;
margin-right: 16.5%;
margin-top: 2%;
width: 11%;
font-size: 14px;
height: 30px;
padding-top:0.5%;
}
.about-sendme-btn{background: rgba(64,64,64,0.7);
cursor: pointer;
color: #fff!important;
font-weight:normal;
float: right;
margin-right: 16.5%;
margin-top: 2%;
width: 11%;
font-size: 14px;
padding-top:0.5%;
height: 30px;
}
@media screen and (min-width: 1400px) and (max-width: 1649px) {
    .feature-menu img{
      padding-top: 2.5%!important;
    }
   /* .about-callme-btn{
      margin-right: 20.5%!important;
      margin-top: 2.5%!important;
      }
      .about-sendme-btn{
      margin-right: 20.5%!important;
      margin-top: 2.5%!important;
      }
     */
     #about-sendme h3{font-size:28px!important;}
     #about-callme h3{font-size:28px!important;}
     
}
@media screen and (min-width: 1650px) and (max-width: 2500px) {
     #downarrow-home {
        margin-top: -7%;
    }
    .testimg {
        margin-top: 6%!important;
    }
    .right-arrow-carousel {
      right: 12%!important;
      margin-top: 18%!important;
    }
    .left-arrow-carousel {
      left: 15%!important;
      margin-top: 18%!important;
    }
    .feature-menu img{
      padding-top: 2%!important;
    }
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
                    height: 25px!important;
                  }
                  
      #about-sendme h3{font-size:34px!important;}
      #about-callme h3{font-size:34px!important;}
      
      .img-disc h1 {
          font-size: 40px;
      }
      .img-disc ul li {
          font-size: 18px;
      }
      .featuretitle {
        font-size: 36px;
      }
     .right-tab{
        width: 52%!important;
      }
      .left-tab{
        width:52%!important; 
     }
     .stick-banner a img:first-child {
       padding-left: 11.2%!important;
  }
}
 #about-sendme h3{text-shadow: 3px 2px #333333;}
#about-callme h3{text-shadow: 3px 2px #333333;}
      

@media screen and (max-width: 1024px) {
  .about-callme-btn{margin-right: 13%;margin-top: 1%;}
  .about-sendme-btn{margin-right: 13%;margin-top: 1%;}
  #menuboard{
  border-left: 80px solid #06131F!important;
  border-right: 80px solid #06131F!important;
  }
  #menubox{
  border-left: 80px solid #06131F!important;
  border-right: 80px solid #06131F!important;
  }
  #feature-tab-raw{
  border-left: 80px solid #06131F!important;
  border-right: 80px solid #06131F!important;
  }
}

.login-btn{width:318px;}
.error{
  color: #16AAAA;
  padding-left: 23%;
  text-align: left;
}
.navbar .nav {
    width: 100%!important;
}

.flex-control-paging li a:hover{color:#FFFFFF;}
.footor li a:hover{color:#FFFFFF;}
input.error {margin-bottom:2px!important}


.feature-menu{
  width:96%;
  z-index:100000000;
}
.right-tab{
  margin-right: -4.2%;
  width: 60%;
  color:#FFFFFF;
  float: right;
  cursor:pointer;
  background:rgba(149,149,149,0.8);
  font-weight: normal;
}
.left-tab{
  width:44%;
  color:#FFFFFF;
  cursor:pointer;
  float:left;
  background:rgba(149,149,149,0.8);
  font-weight: normal;
    
}
.left-tab img{
   padding-left: 34%!important;
}
.tab-active{
    color:#33afaf!important;
    background:none;
}
.feature-menu img{
  float:left;
  padding-top: 3%;
  padding-left: 11%;
}
.feature-menu h3{
  float:left;
  padding-left:3%;
  font-weight: normal;
}
.flexslider .slides > li {
  position:relative;
}
#menuboard{
  display:none;
  border-left: 100px solid #06131F;
  border-right: 100px solid #06131F;
  padding-bottom: 2%;
}
#menubox{
  display:none;
  border-left: 100px solid #06131F;
  border-right: 100px solid #06131F;
  padding-bottom: 2%;
}
.popover-title{
  display:none!important;
}


/*14-09-2013*/
a:hover, a:focus {
text-decoration: none!important;
}

.left-arrow-carousel{
    left: 8%;
    margin-top: 25%;
    position: absolute;
    width: 4%;
    z-index: 2147483647;
    opacity: 0.7;
    cursor:pointer;
}
.right-arrow-carousel img{ padding-top: 10px;width: 26%;}
.left-arrow-carousel img{ padding-top: 10px;width: 26%;}

.right-arrow-carousel{
    right: 6%;
    margin-top: 25%;
    position: absolute;
    width: 4%;
    z-index: 2147483647;
    opacity: 0.7;
    cursor:pointer;
}

#feature-tab-raw{
  border-left: 100px solid #06131F;
  border-right: 100px solid #06131F;
}



/* bounce Effect*/

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-8px);}
	60% {-webkit-transform: translateY(-4px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-8px);}
	60% {-moz-transform: translateY(-4px);}
}

@-ms-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
	40% {-ms-transform: translateY(-8px);}
	60% {-ms-transform: translateY(-4px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-8px);}
	60% {-o-transform: translateY(-4px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-8px);}
	60% {transform: translateY(-4px);}
}

.bounce:hover{
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
 
}
.animated {
	-webkit-animation-duration: 2s;
  -webkit-backface-visibility: visible !important;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
} 
/*
.navi .link.white:hover{
  width:60%;
  border-bottom:2px solid #fff;
  
}
  */
  .navbar .nav>li:first-child{
    width:23%!important;
  }
  .navbar .nav>li>a{
      padding:1px!important;
  }
  .navbar .nav>li:first-child>a{
    width:52%;
    padding-bottom:3%!important;
    padding-left:0px!important;
    
  }
  .navbar .nav>li:first-child>a:hover{
    border-bottom:2px solid #e5e5e5;
    border-radius:0px!important;
  }
  .navbar .nav>li:nth-child(2)>a{
    width:61%;
    padding-bottom:3%!important;
    padding-left:0px!important;
  }
  .navbar .nav>li:nth-child(2)>a:hover{
    border-bottom:2px solid #e5e5e5;
    border-radius:0px!important;
  }
  
  .navbar .nav>li:nth-child(3)>a{
    padding: 10px 15px 10px 15px!important;
    margin-top: -4%;
  }
  .navbar .nav>li:nth-child(3){
    width:37%;
  }
  
  .stick-banner{width: 42%;cursor:pointer;float:left;opacity:0.7}
  .stick-banner a{float: left;width: 100%;}
  .stick-banner a img:first-child{
   padding-left: 13%;
  /*float: left;
   padding-left: 7%;
   padding-right: 2%;
   padding-top: 3%;
   width: 5%;*/}
   
   .stick-title{float: left; color: rgb(255, 255, 255); padding-top: 2.5%; text-align: center; width: 28%;}
   .quotebtn{border:1px solid #fff;border-radius:2px;padding-left:5px!important}
   
button.close{
 width: 20px!important;
 position:absolute!important;
 right:0!important;
 opacity:0.6!important;
 color:#fff!important;
}
button.close:hove{
opacity:0.6!important;
}

.contant-main {
    
    font-size: 18px;
    margin-top: 2%;
    text-align: center;
    width: 70%;
     margin: 2% auto;
    background: url("../image/debut_light.png") repeat scroll 0 0 transparent;
    padding-top:0%;
    float: left;
    margin-left: 15%;
  }
  .caret {
    border-top: 4px solid #000!important;
  
  }
  .btn-group.open .dropdown-toggle {
      box-shadow:none!important;
  }
  .btn:active{
    box-shadow:none!important;
  }
  .btn:focus{
    outline:0px!important;
  }
  .dropdown-menu {
    width:75%;
    top: 60%!important;
    left: 12.2%!important;
  }
  .up_caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-bottom: 4px solid #000;
  border-left: 4px solid transparent;
  border-top: 0 dotted;
  border-right: 4px solid transparent;
  content: "";
  left: 10px !important;
  position:absolute;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    background: none!important;
    border: medium none;
    height: 43%!important;
    position: absolute!important;
    right: 12.9%!important;
    top: 2%!important;
    margin-top: 1%;
}

.contact-label{color:#57616C;float:left;margin-left:13%; margin-bottom: 0px !important;}
#contactfrm div{
    margin-bottom:3%;
}
#contactfrm div.error{
   margin-bottom:0%!important;
}
.error {
padding-left: 13%!important;
font-size: 14px!important;
}
.time-zone h3{
  font-size:15px;
  color: #828282;
}
.time-zone{
}
.time-zone-sub{
  margin-left:9%;
}
.time-zone-sub input{
  width:26%;
  float:left;
  margin-right:6%;
  text-align:center;
  border-radius:5px!important;
  height:35px!important;
  background-color: #ffffff;
}
.date-selected{
  background-color: #06131F!important;
  color:#fff!important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
    background-color: #06131E!important; 
    background-image: linear-gradient(to bottom, #06131E, #17242f)!important;
}
.modal{
  width:500px!important;
  padding:0px!important;
  height: 323px;
  opacity:0.9!important;
  z-index:100000000!important;
}


/*----Custom input element----*/	
.custom_input_elem input{
	display:none !important;
}

.custom_input_elem p{
	float:left;
	display:inline-block;
    font-family: 'pt_sansregular';
	color:#828282;
	font-size:16px;
	line-height:30px;
	margin-right:5px;	
	}
.rtl .custom_input_elem p{
	float:right;
	margin-right:auto;
	margin-left:5px;	
		
	}
	
.custom_input_elem p.radio_outer,
.custom_input_elem p.check_outer{
	position:relative;
	padding-left:38px;
	padding-right:5px;
	min-height:38px;
	line-height:34px;
	}	

.rtl .custom_input_elem p.radio_outer,
.rtl .custom_input_elem p.check_outer{
	padding-right:38px;
	padding-left:5px;
	}	

	
.custom_input_elem span.input{
	float:left;
	display:inline-block;
	}
	
.custom_input_elem span.radio,
.custom_input_elem span.check{
	width:15px;
	height:33px;
	background:url(../image/icons.png);
	background-position:-268px -16px;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	}

.rtl .custom_input_elem span.radio,
.rtl .custom_input_elem span.check{
	left:auto;
	right:0px;
	}
	
.custom_input_elem span.radio.active,
.custom_input_elem span.check.active{
	background-position:-227px -16px;
	
	}	

  .custom_input_elem span.radio.active, .custom_input_elem span.check.active {
background-position: -227px -16px;
}


.map-container{
  width:100%;float:left;
}
.map{
  width:100%;position:relative;
}
.map-text h3{
  color:#2fb3b3;
  font-size:18px;
  font-weight: normal;
  line-height:32px;
}
.img-resize-menu{
  height:245px;
}
.img-resize-slider{
  height:345px;
}
.map-text a h3:hover{
  background:#06131F!important;
}


/*****New CSS*****/
.terms{
	color: #000000;
    width: 450px;
	margin: 25px 15px;
}
.terms ul {
	list-style: none;
	margin: 0 0 10px 1px;
}
.terms ul li {
	padding:2px 9px;
}
.terms ul li a {
	color: #444;
	outline: none;
}
.footer-contact {color: #fff; width: 100%; max-width: 1010px; font-size: 13px; margin: 0 auto;}
.footer-contact ul {
    list-style: none outside none;
    margin: 1% auto;
    position: relative;
	left: 0%;
}
.footer-contact ul li {
	width: auto;
	padding: 0 1%;
}
.input-field {
    clear: both;
    margin: 0 auto;
}
.md-btn-primary{
    background-color: #49abaa;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    padding: 10px 70px;
    text-transform: uppercase;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    width: 193px;
}
.md-btn-primary:hover{
    background-color: #06131f;
    color: #fff;
}
.submit_loader {
     position: absolute;
    right: 0;
    top: 6px;
    width: 30px;
    left: 0;
    margin: 0 auto;
    display: none;
}
.md-btn-primary.textremove {
    font-size: 0;
}
.btn-submit{
    display: inline-block;
    margin: 0 auto;
    position: relative;
    margin-bottom: 0 !important;
}