@font-face {
    font-family: 'ttnormsbold';
    src: url('../fonts/TT-Norms-Bold.otf') format("opentype");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ttnormsregular';
    src: url('../fonts/TT-Norms-Medium.otf') format("opentype");
    font-weight: normal;
    font-style: normal;

}

body,html,p{margin:0px; padding:0px; color:#007dc5; font-size:13px; line-height:22px; font-family: 'ttnormsregular';}
*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article { display: block; }
.clear { padding:0; margin:0; line-height:0; height:0; font-size:0; clear:both; width:100%; display:block; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal;}
html, body { height: 100%; width: 100%; padding: 0; margin: 0;}
body *{box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul li{list-style:none; margin:0px; padding:0px;}
input,button{outline:none; border:none;}
a, a:hover, a:focus, :hover{text-decoration:none; outline:none;transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
a:active,a:hover {outline: 0;transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
button{transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
:focus{outline:none; border:none;}
img{ border:none;}
.msg1{margin:30px 0 0; padding:30px 0 0; position:relative; color:#fff;}
.msg1 span{color:#ff00bf; display:inline-block; font-size:20px;}
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    display: none;
}


/********Main Css********/
/********header********/
header{ }
/*========Topmenu=======*/
.Topmenu{width: 100%; padding:0px 0; clear:both; background:#fff; box-shadow:0 0px 3px #ccc;}
.Topmenu .topbg{ width:100%; clear:both; height:10px; }
.Topmenu .navbar-nav{margin: 0; display: inline-block; float:none;}
.cn img{margin-top:8px;}

/***** login box *****/
.login_1{ margin:0px; display:block !important; text-align:right;}
.login_1 li button{background: #1b1464 ;
width: 103px;
height: 40px;
padding: 0px ;
margin: 20px 0 0 10px;
text-align: center;
line-height: 40px;
color: #fff;
border-radius: 2px;
display: inline-block;}
.login_1 .dropdown-menu{ right:0; left:auto;}
.loginBox{ padding:20px; box-shadow:0 3px 3px #ccc; width:280px; text-align:center; margin-top:10px !important;}
.loginBox::after{width: 0; content:""; display:block; position:absolute; top:-10px;  right:10%; height: 0; border-left: 10px solid transparent; 
border-right: 10px solid transparent; border-bottom: 10px solid #fff;}
.loginBox::before{content: ''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 11px solid #ccc;
border-bottom-color: rgb(204, 204, 204); border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -12px; right: 10%;}

.loginBox h5{ font-size:16px; color:#007dc5; text-transform:uppercase; margin-bottom:5px;}
.loginBox span{color:#1b1464; display:block; margin:0 0 20px; font-size:13px; }
.loginBox label{display:block; font-weight:400;}
.loginBox label a{ background: none !important; font-size: 14px !important; color: #007dc5 !important;display: block !important;
width: 100% !important;margin: 0 !important; padding:0 !important;}
.loginBox button{width:100% !important; background:#1b1464; padding:14px 0 !important; color:#fff !important; border-radius:3px !important; margin:11px 0 0 !important; line-height:inherit !important;} 
.loginBox button:hover{ background:#007dc5;}

.loginBox input{background:#ebf5fa; padding:5px 10px; color:#333; width:100%; height:40px; font-size:12px;}
.loginBox input::-webkit-input-placeholder{ opacity:1; color:#007dc5;}
.loginBox input::-moz-placeholder {opacity:1; color:#007dc5;}
.loginBox input:-ms-input-placeholder{opacity:1; color:#007dc5;}
.loginBox input:-moz-placeholder{opacity:1; color:#007dc5;}
.loginBox input:placeholder{opacity:1; color:#007dc5;}




/*==== main slider ====*/
.menu_wrap{text-align: center; border-top: 1px solid; border-bottom: 1px solid; border-color: rgba(255,255,255,0.1); position:relative;}
.menu_wrap::before{content: ''; background: rgba(255,255,255,0.1); height: 1px; width: 100%; position: absolute; top: 2px; left: 0;}
.menu_wrap::after{content: ''; background: rgba(255,255,255,0.1); height: 1px; width: 100%; position: absolute; bottom: 2px; left: 0;}
.mainslider{width:100%; float:left; position: relative;}
.mainslider .owl-theme .owl-controls{ margin:0px; position:absolute; left:11%; bottom:24%; width:auto; display:none !important;}
.mainslider .owl-theme .owl-controls .owl-page span{width:10px; height:10px; border-radius:50%; background:#fff; border:0; display:inline-block; margin:0px;}
.mainslider .owl-page.active {border: 1px solid #fff; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 19px;}
.mainslider .owl-theme .owl-controls .owl-page.active span {width: 10px; height: 10px; background: #fff; margin: 0px;}
.mainslider .owl-carousel{float:left;}
.mainslider .owl-theme .owl-controls .owl-page{ margin-right:5px;}

.quote div.wpcf7-mail-sent-ok {
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
}

/*#owl-demo .owl-item{padding:0px;}
#owl-demo .owl-item img{display: block; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#owl-demo .caption{position:absolute;  top:20%; width:100%; z-index:0;}
.caption2{color:#fff; position:relative; margin:0 40px 0 0;  padding:15px; width:38%;}
.caption2 h1{margin:0 0 16px; font-size:45px; font-weight:600; line-height:50px; font-weight:bold; color:#007dc5; margin-bottom:20px; display:block; }
.caption2 h1 span{ display:block;}
.caption2 p{ font-size:17px; color:#1b1464; line-height:25px; font-family: 'ttnormsbold';}
.caption2 a{width:207px; display:inline-block; color:#fff; border-radius:3px;  line-height:48px; height:48px; background:#007dc5; text-align:center; font-size:16px; text-transform:uppercase; margin-top:25px;}
.caption2 a:hover{background:#1b1464;}*/
.mainslider img{width:100%;}
.caption{width:100%; z-index:0; position:absolute; height:100%; bottom:0; padding-top:12%;}
.caption2{color:#fff; position:relative; margin:0 40px 0 0;  padding:15px; width:38%;}
.caption2 h1{margin:0 0 16px; font-size:45px; font-weight:600; line-height:50px; font-weight:bold; color:#007dc5; margin-bottom:20px; display:block; }
.caption2 h1 span{ display:block;}
.caption2 p{ font-size:17px; color:#1b1464; line-height:25px; font-family: 'ttnormsbold';}
.caption2 a{width:207px; display:inline-block; color:#fff; border-radius:3px;  line-height:48px; height:48px; background:#007dc5; text-align:center; font-size:16px; text-transform:uppercase; margin-top:25px;}
.caption2 a:hover{background:#1b1464;}





.mainslider .quote{ position:absolute; right:0; bottom:-50px; width:370px; background:#007dc5; padding:35px; box-shadow:0 5px 7px #ccc; }
.mainslider .quote h3{ color:#fff;}
.mainslider .quote p{color:#fff; margin-bottom:10px;}
.mainslider .quote input{height:44px; border-radius:3px; box-shadow:none; border:0px; color:#007dc5;}
.mainslider .quote button{ padding:11px 0px; margin:30px 0px 20px; background:#fff; color:#007dc5; text-transform:uppercase; width:100%; border-radius:3px; font-size:20px;}
.mainslider .quote .button-submit{ padding:11px 0px; margin:30px 0px 20px; background:#fff; color:#007dc5; text-transform:uppercase; width:100%; border-radius:3px; font-size:20px;}
.mainslider .quote button:hover{background:#1b1464; color:#fff;}

/* =============telecme  ===========*/
.telecome{width:100%; clear:both; padding:100px 0 50px; text-align:center;}
.telecome h2{color:#007dc5; font-size:30px; font-family: 'ttnormsbold'; margin-bottom:50px;}
.telecome figure{position:relative;}
.telecome figure .overlay{ position:absolute; top:0; right:0; bottom:0; margin:auto; left:0;width:100%; height:38%;}
.telecome figure .overlay h4{ font-size:35px; color:#fff; margin-top:0px;}
.telecome figure .overlay p{ color:#fff; font-size:20px; margin-top:20px;}

/* =============solution  ===========*/
.solution{background:#f9f9f9; clear:both; padding:100px 0; border-top:1px solid #e9e9e9; text-align:center;}
.solution h4{ font-size:30px; color:#007dc5; margin-bottom:15px;}
.solution span{ display:block; font-size:20px; color:#1b1464;}

.s-img{ position:relative; margin:20px 0 40px;}
.s-img img{position:relative; z-index:1; background:#f9f9f9; display:inline-block;}
.s-img::after{ width:40%; height:7px; background:url(../images/linebg.png) repeat-x; content:""; display:block; position:absolute; right:0; bottom:52px;}
.s-img::before{ width:40%; height:7px; background:url(../images/linebg.png) repeat-x; content:""; margin:0 -20px 0 0; display:block; position:absolute; left:0; bottom:96px;}

.cBox{ background:url(../images/sBox.jpg) right repeat-y #fff; box-shadow:0 0 5px #ccc; position:relative; width:100%; padding:0 20px; overflow:hidden; margin:42px 0px 0 0px; z-index:1;}
.cBox::after {background: url(../images/after2.jpg) no-repeat left; content: ""; display: block; width: 47px; height: 79px; position: absolute; right: 0; bottom: 0;}
/*.cBox::after{background:#007dc5; width:10px; height:88%; content:""; display:block; position:absolute; right:0; top:0;}
.cBox::before{background:#1b1464; width:10px; height:92%; content:""; display:block; position:absolute; right:20px; top:0;}*/
.cBox .brd2{margin:0px;}
/*.cBox .brd2::after{background:#1b1464; width:10px; height:16%; content:""; display:block; position:absolute; right:4px; bottom:-12px; 
-ms-transform: rotate(-47deg); -webkit-transform: rotate(-47deg); transform: rotate(-47deg);}*/
/*.cBox .brd2::before{ width:20px; height:10px; background:#1b1464; content:""; display:block; position:absolute; bottom:46px; right:30px;}*/
.cBox .Content{text-align:justify; color:#007dc5; padding:50px 40px;}
.cBox .Content p{color:#007dc5; line-height:24px; font-size:14px;}
.arrow-up {width: 0; position:absolute; right:0; bottom:26px; height: 0; border-left: 10px solid transparent;border-right: 0px solid transparent;
border-top: 10px solid #007dc5;}
.img-1 img {margin: 0 0 0 -90px;}
.img-1{float:right;}
.img-2 img {margin: 0 0px 0 90px;}
.spaceTop{padding-top:80px;}

/* =============map===========*/
.map{ background:url(../images/map.jpg) no-repeat center / cover; width:100%; clear:both;}
.map .overlayMap{ background:#007dc5; width:100%; clear:both; padding:65px 0;}
.map .overlayMap h3{color:#fff; font-size:30px;}
.map .overlayMap a{ background:#fff; color:#007dc5; padding:10px 30px; font-size:16px; display:inline-block; border-radius:2px; margin-top:25px;}
.map .overlayMap a:hover{ background:#1b1464; color:#fff;}

/* =============services===========*/

.services{background:#f9f9f9;  clear:both; padding:100px 0; text-align:center; width:100%;}
.services h4{font-size:35px; color:#007dc5; margin-bottom:15px; text-transform:uppercase;}
.services span{ color:#1b1464; font-size:15px; line-height:23px; display:inline-block; width:50%; margin-bottom:40px; font-family: 'ttnormsbold';}
.sBox{ background:#fff; box-shadow:0 0 5px #ccc; margin:0 auto; width:760px;}
.sBox::after {background: url(../images/box-bg.jpg) bottom repeat-x; content: ""; display: block; width: 100%; height: 10px;}
.sBox figure{margin:0px; padding:0px;}
.sBox .sContent{display:table; width:100%; clear:both;}
.sBox .sContent .leftDiv{display:table-cell; width:200px; background:#f9f9f9; vertical-align:middle;}
.sBox .sContent .rightDiv{display:table-cell; background:#fff; text-align:left; padding:30px;}
.sBox .sContent .rightDiv h3{color:#1b1464; font-size:20px; font-family: 'ttnormsbold'; margin-bottom:10px;}
.sBox .sContent .rightDiv p{text-align:justify; line-height:20px; margin-bottom:20px;}
.sBox .sContent .rightDiv dl{ margin:0px 0 0 15px; padding:0px;}
.sBox .sContent .rightDiv dl dt{ display:block; font-weight:400; text-align:left; margin-bottom:5px; font-size:12px; position:relative; padding-left:30px;}
.sBox .sContent .rightDiv dl dt::before{width:3px; height:3px; border-radius:50%; background:#007dc5; left:0; top:8px; position:absolute; content:""; display:inline-block;}

.custom_1{overflow:hidden;}

/* =============advance===========*/
.advance{background:#fff; clear:both; padding:100px 0; text-align:center;}
.advance h4{font-size:35px; color:#007dc5; margin-bottom:15px; text-transform:uppercase;}
.advance span{ color:#1b1464; font-size:15px; line-height:23px; display:inline-block; width:50%; margin-bottom:40px; font-family: 'ttnormsbold';}
.advance ul{ margin:30px 80px 0 60px; padding:0;}
.advance ul li{ display:block; font-size:12px; margin-bottom:20px; text-align:left; color:#007dc5; position:relative; padding-left:30px;}
.advance ul li::before{background:url(../images/circle.png) no-repeat left; content:""; display:inline-block; width:18px; position:absolute; left:0; height:18px;}


/* =============get-link===========*/
.get-link{ background:url(../images/map.jpg) no-repeat center / cover; width:100%; clear:both;}
.get-link .overlayGet{ background:rgba(13, 56, 128, 0.9); width:100%; clear:both; padding:65px 0;}
.get-link .overlayGet h3{color:#fff; font-size:30px;}
.get-link .overlayGet a{ background:#fff; color:#1d2967; padding:10px 30px; font-size:16px; display:inline-block; border-radius:2px; margin-top:25px;}
.get-link .overlayGet a:hover{ background:#007dc5; color:#fff;}


/* =============benefits===========*/
.benefits{background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(235,246,250,1) 69%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(69%, rgba(255,255,255,1)), color-stop(69%, rgba(235,246,250,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(235,246,250,1) 69%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(235,246,250,1) 69%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(235,246,250,1) 69%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(235,246,250,1) 69%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf6fa', GradientType=0 );
width:100%; clear:both; padding:50px 0;}

.benefits h4{font-size:35px; color:#007dc5; text-align:center; margin-bottom:15px; text-transform:uppercase;}
.benefits span{ color:#1b1464; font-size:15px; text-align:center; line-height:23px; display:block; margin-bottom:40px; font-family: 'ttnormsbold';}
.benefitBox1{box-shadow:0 0 5px #ccc; background:#fff; min-height:626px; position:relative;}
.benefitBox1::after{background:url(../images/box-bg.jpg) bottom repeat-x; content:""; position:absolute; bottom:0; display:block; width:100%; height:10px;}
.cBox1{ padding:25px 40px;}
.benefitBox1 h2{ font-size:22px; line-height:28px; color:#1b1464; text-align:center; margin-bottom:20px; font-family: 'ttnormsbold';}
.benefitBox1 p{ font-size:14px; text-align:justify; line-height:28px; color:#007dc5;}
.nopad{padding:0px;}

/* =============mission===========*/
.mission{background:#ebf6fa; clear:both; padding:50px 0 70px; position:relative;}
.mission h4{font-size:35px; color:#007dc5; text-align:center; margin-bottom:15px; text-transform:uppercase;}
.mission span{ color:#1b1464; font-size:15px; text-align:center; line-height:23px; display:block; margin-bottom:100px; font-family: 'ttnormsbold';}
.powerful{margin-top:20px;}
.powerful h3{font-size:24px; color:#1b1464; margin-bottom:15px;}
.powerful p{ text-align:justify; line-height:26px; font-size:14px;}
.powerful a{ background:#1b1464; color:#fff; width:233px; height:58px; line-height:58px; text-align:center; font-size:16px; display:inline-block; border-radius:2px; margin-top:30px;}
.powerful a:hover{ background:#007dc5; color:#fff;}

.platform {text-align: center; display:inline-block;  position: relative; overflow: hidden;}
.platform_2 {text-align: center; display:inline-block;  position: relative; overflow: hidden;}
.icon1{position: absolute; top: 0px; left: 0px; line-height:0;}
.icon2{position: absolute; top: 0px; right: 0px; line-height:0;}
.icon3{position: absolute; bottom: 0px; left: 0px; line-height:0;}
.icon4{position: absolute; bottom: 0px; right: 0px; line-height:0;}


.support{background:#1b1464;  clear:both; padding:60px 0px;}
.cSupport{ margin-top:20px;}
.cSupport h3{font-size:24px; color:#fff; margin-bottom:15px;}
.cSupport p{ text-align:justify; line-height:26px; font-size:14px; color:#fff;}
.cSupport a{ background:#fff; color:#007dc5; width:233px; height:58px; line-height:58px; text-align:center; font-size:16px; display:inline-block; border-radius:2px; margin-top:30px;}
.cSupport a:hover{ background:#007dc5; color:#fff;}

.f_right{float:right;}

/* =============uptime===========*/
.uptime{background:#f9f9f9; clear:both; padding:50px 0 200px;}
.uptime-p{margin-top:20px;}
.uptime-p h3{font-size:24px; color:#1b1464; margin-bottom:15px;}
.uptime-p p{ text-align:justify; line-height:26px; font-size:14px;}
.uptime-p a{ background:#1b1464; color:#fff; width:233px; height:58px; line-height:58px; text-align:center; font-size:16px; display:inline-block; border-radius:2px; margin-top:30px;}
.uptime-p a:hover{ background:#007dc5; color:#fff;}
.uptime-3 {text-align: center; display:inline-block;  position: relative; overflow: hidden;}

.flipster--carousel {
  /*    .flipster__item--past .flipster__item__content { 
      transform: translateX(100%) rotateY(-20deg) scale(0.5);
    }*/
}
.flipster--carousel .flipster__item--future-2 {
  -webkit-transform: translateX(-160%);
          transform: translateX(-160%);
}
.flipster--carousel .flipster__item--future-2 .flipster__item__content {
  -webkit-transform: rotateY(0deg) scale(0.8);
          transform: rotateY(0deg) scale(0.8);
}
.flipster--carousel .flipster__item--past-2 {
  -webkit-transform: translateX(160%);
          transform: translateX(160%);
}
.flipster--carousel .flipster__item--past-2 .flipster__item__content {
  -webkit-transform: rotateY(0deg) scale(0.8);
          transform: rotateY(0deg) scale(0.8);
}



/*---- bottom map ---*/
.spaceTop_2{ padding-top:150px ;}
.map2{ width:100%; clear:both; position:relative; background:#f9f9f9;}
.map2 .address{ position:absolute; width:100%; }
.map2 iframe{width:100%; height:900px;}
.formBox{/* position:absolute; top:-130px;*/ margin-top:-120px; background:#fff; box-shadow:0 0 10px #ccc; width:100%; padding:5% 10% 3%; text-align:center;}
.formBox h4{ font-size:27px;}
.formBox .wpcf7-form {padding: 6% 15% 0;}
.formBox .wpcf7-form .form-group{ margin-bottom:22px;}
.formBox .wpcf7-form input{background:#f9f9f9; border-radius:3px; box-shadow:0 1px 4px #ccc; height:48px; border:0px; color:#000;}
.formBox .wpcf7-form .form-control:focus{box-shadow:0 2px 5px #ccc;}
.formBox .wpcf7-form textarea{background:#f9f9f9; border-radius:3px; box-shadow:0 1px 4px #ccc; height:150px; resize:none; border:0px;}
.formBox .wpcf7-form .form-control:focus{box-shadow:0 2px 5px #ccc;}

.formBox .wpcf7-form input::-webkit-input-placeholder, .formBox .wpcf7-form textarea::-webkit-textarea-placeholder  { opacity:1; color:#007dc5;}
.formBox .wpcf7-form input::-moz-placeholder, .formBox .wpcf7-form textarea::-moz-placeholder {opacity:1; color:#007dc5;}
.formBox .wpcf7-form input:-ms-input-placeholder, .formBox .wpcf7-form textarea::-ms-textarea-placeholder{opacity:1; color:#007dc5;}
.formBox .wpcf7-form input:-moz-placeholder, .formBox .wpcf7-form textarea::-webkit-placeholder {opacity:1; color:#007dc5;}
.formBox .wpcf7-form input:placeholder, .formBox .wpcf7-form textarea:placeholder {opacity:1; color:#007dc5;}

.formBox .wpcf7-form button{background:#007dc5; color:#fff; width:100%; border-radius:3px; font-size:16px; padding:12px 0}
.card{margin: 50px auto 25px; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);max-width: 400px;padding: 40px 20px;background:#fff; position:relative;}
.card h5{ font-size:25px; color:#1b1464; padding-left:35px; margin-bottom:25px; }
.card ul{ margin:0px; padding:0px 0 0 0;}
.card ul li{display:block; font-size:14px; color:#007dc5; clear:both; margin-bottom:15px; width:100%;}
.card ul li img{float:left; padding-right:10px;}
.card ul li a{color:#007dc5;}
.social{ position:absolute; right:0; top:22%;}
.social li{ display:inline-block; margin:0px !important; padding:0px;}
.social li a{display:block; width:50px; height:50px; background:#3b5998; display:block; text-align:center; line-height:38px;}
.social li:nth-child(2) a{background:#0084b4;}
.social li:nth-child(3) a{background:#d34836;}
.social li a img{ float:none; padding:0px; margin:0px;}
.social li a:hover{background:#007dc5;}
  
  div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    color: #fff;
}
.formBox   div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    color: #000;
}
  

  /*---------- footer ------------------*/
footer{width:100%; clear:both; padding:0px;}
.innFooter {clear: both; width: 100%; margin: -38px 0 0 0; background:url(../images/ft-bg.jpg) bottom repeat-x; position:relative;}
.ft-menu{ background:#fff; box-shadow:0 0 5px #ccc; margin-bottom:70px;}
.ft-menu ul{}
.ft-menu ul li{ display:inline-block;}
.ft-menu ul li a{ font-size:13px; color:#888; padding:20px 20px; display:block; background: url(../images/divide.jpg) no-repeat right center;}
.ft-menu ul li a:hover{ background:#007dc5 url(../images/divide.jpg) no-repeat right center; color:#fff;}
.ft-menu ul li a.current{ background:#007dc5; color:#fff;}
.ft-menu ul li:last-child a{ background:#1b1464; width:103px; height:40px; padding:0px; margin:0px 0 0; text-align:center; line-height:40px; color:#fff; 
border-radius:2px; display:inline-block;}

/*=== scroll top ===*/
.scrollToTop{
	width:30px; 
	height:30px;
	padding:0px;
	line-height:30px; border-radius:3px; 
	text-align:center; 
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none; font-size:20px;
	background: #007dc5;
}
.scrollToTop:hover{
	text-decoration:none;
	background:#1b1464; color:#fff;
}
/*===== menu css ======*/
#cssmenu,
#ccssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  line-height: 1;
  /*background: #ffffff;*/
  text-align:left;
  display:inline-block;
  float:left;

}
/*#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}*/
#cssmenu > ul > li {
  float: left;

}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding:40px 25px;
  text-decoration: none;
  color: #2b2a2a;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  font-size:14px;
  font-weight:500;
  border-right:none;
  line-height:0; display:block;
  background:url(../images/divide.jpg) no-repeat right center;                                                               
}
#cssmenu > ul > li:last-child a{ background:none;}
#cssmenu > ul > li:last-child a {
    background: #1b1464;
    width: 103px;
    height: 40px;
    padding: 0px;
    margin: 20px 0 0;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
}
/*#cssmenu > ul > li:last-child a{ background:#1b1464; width:103px; height:40px; padding:0px; margin:20px 0 0; text-align:center; line-height:40px; color:#fff; 
border-radius:2px; display:inline-block;}*/
#cssmenu > ul > li:hover > a {
  color: #fff;
  background:#007dc5;
  border-bottom:none;
}

#cssmenu > ul > li.active > a  {
  color: #fff;
  background:#007dc5;
  border-bottom:none;
}
/*#cssmenu > ul > li.has-sub > a {
  padding-right: 0px;
}*/
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 2px;
  right: 7px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;

}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #0296c7;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  padding-top:8px !important;
  z-index:1;
  
}
#cssmenu li:hover > ul {
  left: auto;
  padding:0px;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: auto;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 240px;
  font-size: 13px;
  text-transform:uppercase;
  background: #007dc5;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
 /* border-bottom:1px solid #3a3939;*/
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
  background:#007dc5;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 16px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}


/******============ responsive css =============*****/
@media all and (max-width: 1920px){


}
@media all and (max-width: 1300px){

}

@media all and (max-width: 1199px){
#cssmenu > ul > li > a{ padding:40px 14px;}
.caption2{width:50%;}
#owl-demo .caption{top:10%;}
.advance ul{ margin:30px 0px 0 0px;}
  #section0 {padding-top:94px;}
  #section1 {padding-top:50px;}
  #section2 {padding-top:50px;}
  #section3 {padding-top:0px;}
  #section4 {padding-top:50px;}
  #section5 {padding-top:150px;}



}
@media all and (max-width: 991px){
.mainslider .quote{width:100%; position:relative; bottom:-15px;}
.cn{text-align:center;}
.cn img{ display:inline-block;}
.caption2{width:100%;}
.caption{padding-top:24%;}
#owl-demo .caption{top:0;}
.telecome figure{position: relative; margin-bottom: 20px;}
.telecome figure img{width: 100%;}
.advance ul{ margin:30px 0px 0 0px;}
.cBox1{padding:25px 8px;}
.img-1 img{ margin:0px; display:inline-block;}
.cBox {margin: -36px 0 0 0;}
.img-1, .img-2 {float: right; margin: 0 0 0px; position: relative; z-index: 2;}
.flipster__button--prev{left:0 !important;}
.flipster__button--next{right:0 !important;}
.flipster__nav{left:10% !important;}
  #section0 {padding-top:160px;}
  #section1 {padding-top:100px !important;}
  #section2 {padding-top:100px !important;}
  #section3 {padding-top:70px !important;}
  #section4 {padding-top:100px !important;}
  #section5 {padding-top:200px !important;}


}



@media all and (max-width: 767px){
.Topmenu.navbar .toplogo ul.nav.navbar-nav .menu-login > a {
    margin: 0!important;
    width: 100%!important;
}
#cssmenu > ul > li > a{ padding:24px 20px;}	
.mainslider {box-shadow:none; height:auto;}
.caption{ padding-top:6%;}
.caption2{ width:100%; z-index:1;}
.caption2 h1{ font-size:33px; line-height:35px; margin-bottom:10px;}
.cn{text-align:center;}
.cn img{margin: 13px 0; text-align: center; display: inline-block;}
.img-2 img, .img-1 img{ margin:0px; display:inline-block;}
.telecome figure{ margin:10px 0 0;}
.telecome h2{ margin-bottom:20px;}
.s-img::before { display:none;}
.cBox .Content{ padding:50px 40px 50px 5px;}
.cBox{margin-bottom:20px;}
.spaceTop{padding-top:18px;}
.services span, .advance span{width:100%; margin:0px;}
.advance ul{ margin:30px 0px 0 0px;}
.benefitBox1{margin-bottom:20px;}
.formBox .wpcf7-form{ padding:6% 0% 0;}
.powerful, .cSupport{text-align:center;}
.powerful a{margin-bottom:0px;}
.mission span{ margin-bottom:20px;}
.benefitBox1{text-align:center;}
.benefitBox1 img{display:inline-block;}
#cssmenu > ul > li:last-child a{ margin:0px; width:100%;}
#cssmenu > ul > li > a{background:none;}
.loginBox{ margin:0px !important; border:1px solid #ccc !important; background:#fff !important;}
.loginBox::before, .loginBox::after { display:none;}
.sBox{width:100%;}
.flipster__button--prev{left:0 !important;}
.flipster__button--next{right:0 !important;}
.flipster--carousel .flipster__item { width:100%;}
.flipster__nav{left:12% !important;}
.flipster__nav__link{ padding:.8em 1em !important;}
.navbar-fixed-top{ position:relative;}
.login_1 li a{margin:0px !important; width:103px !important;}
.login_1 li{background:#fff;}
.login_1 li button{ margin:10px 0; width:200px;}
.loginBox label a{width:100% !important;}
.login_1{text-align:center;}
.login_1 .dropdown-menu {width:100%;}
.sBox .sContent .leftDiv{width:150px;}
.platform_2{width:90px;}
.telecome{padding:40px 0;}
.solution{padding:40px 0;}
.services{padding:40px 0;}
.advance{padding:40px 0;}
.mission{padding:40px 0;}
.uptime{padding:40px 0 100px;}





.Topmenu{margin:0px;}
  #section0 {padding-top:0px;}
  #section1 {padding-top:50px !important;}
  #section2 {padding-top:50px !important;}
  #section3 {padding-top:0px !important;}
  #section4 {padding-top:0px !important;}
  #section5 {padding-top:50px !important;}
}

@media all and (max-width: 640px){
.caption2{display:none;}
.flipster__nav{display:none !important;}
.mission::after{display:none;}
.platform, .uptime-3{width:150px;}
.flipster__container{ margin:0px !important;}
.flipster__button{bottom:60% !important;}
.sBox .sContent .leftDiv{width:100%; padding:15px 0;}
.sBox .sContent .leftDiv, .sBox .sContent .rightDiv{ display:block;}

}
@media all and (max-width: 480px){
.telecome figure{display:inline-block;}
.formBox h4{font-size:24px;}


}
@media all and (max-width: 460px){
.advantage .owl-theme .owl-controls{ position:relative; margin:0px; bottom:0px; top:96%; display:inline-block; width:70%;}
.telecome figure .overlay h4{ font-size:22px; margin:0px;}
.telecome figure .overlay p{font-size:14px; margin-top:4px;}

}
@media all and (min-width: 767px){
#menu-header-menu {
    display: block !important;
	float:left !important;
}

}


@media all and (max-width: 767px){
  #cssmenu {
    width: 100%;
	background:#007dc5;
	
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid #007dc5;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	margin:0px;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #fff; background:#007dc5 !important;
    background: none;
	font-size:14px; 
	text-transform:uppercase;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000;
	background:#007dc5;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
	padding:0px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 7px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(4, 44, 98, 0.15);
    height: 40px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 19px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 19px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}