body{font-family: 'Lato', sans-serif; color:#fff; font-size:14px; background:#fff; line-height:24px; letter-spacing: 1px; font-weight: 300}
a{outline:none !important}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance:textfield;}
.container{padding:60px 40px;}
p{margin:0; font-weight: 300}
h2, h3{font-weight: 300; margin-top:0; line-height: 34px; font-size: 24px}
h3 + span, h4 + span {border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 2px; display: block; height: 2px; margin: 40px auto; width: 100px;}
h3 + span.sand{border-color:#e48733;}h3 + span.blue{border-color:#00d6ff;}
h4{font-weight:600}

/*margin-padding by #aad (minified)*/
.pd{padding:5px}.pd1{padding:10px}.pd15{padding:15px}.pd2{padding:20px}.pd3{padding:30px}.pd4{padding:40px}.pdT{padding-top:5px}.pdB{padding-bottom:5px}.pdL{padding-left:5px}.pdR{padding-right:5px}.pdT1{padding-top:10px}.pdT2,.pdT3{padding-top:20px}.pdB1{padding-bottom:10px}.pdL1{padding-left:10px}.pdR1{padding-right:10px}.pdB2{padding-bottom:20px}.pdL2{padding-left:20px}.pdR2{padding-right:20px}.pdB3{padding-bottom:30px}.pdL3{padding-left:30px}.pdR3{padding-right:30px}.pdT4,.pdT5{padding-top:30px}.pdB4{padding-bottom:40px}.pdL4{padding-left:40px}.pdR4{padding-right:40px}.pd0{padding:0}.mr{margin:5px}.mr1{margin:10px}.mr15{margin:15px}.mr2{margin:20px}.mr3{margin:30px}.mr4{margin:40px}.mrT{margin-top:5px}.mrB{margin-bottom:5px}.mrL{margin-left:5px}.mrR{margin-right:5px}.mrT1{margin-top:10px}.mrB1{margin-bottom:10px}.mrL1{margin-left:10px}.mrR1{margin-right:10px}.mrB2{margin-bottom:20px}.mrL2{margin-left:20px}.mrR2{margin-right:20px}.mrT3{margin-top:30px}.mrB3{margin-bottom:30px}.mrL3{margin-left:30px}.mrR3{margin-right:30px}.mrT2{margin-top:20px}.mrT4{margin-top:40px}.mrT5{margin-top:50px}.mrB4{margin-bottom:40px}.mrL4{margin-left:40px}.mrR4{margin-right:40px}.mrC{margin:0 auto;}

/*Custom buttons*/
.btn-primary{background:#10adff; border:1px solid #10adff;}
.btn-primary:hover, .btn-primary:focus{border-color:#13a6f3 !important; background:#13a6f3 !important; color:#fff !important;}

/*buttons*/
.btn-inverse{background-color:#1b4458}
.btn-inverse:hover,.btn-inverse:focus{background-color:#07293a; color:#fff;}
.btn-group-lg>.btn, .btn-lg{padding: 10px 20px}
.btncomman .btn{position: relative; border: 2px solid #0197cb;color: #0197cb; line-height: 35px; font-weight:600; border-radius: 0}
.btncomman .btn:before {
  content: "";
  position: absolute;
  background: rgba(0,0,0,.1);
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}
.btncomman .btn:hover:before {
  top: 0;
}
.btncomman.white a {border-color: white; color: #fff !important;}
.btncomman.trans a {background: rgba(256,256,256,.8);}
.icon12{margin-left:10px;}
.icon12.bot{transform: rotate(90deg)}
.btncomman.white .icon12{color: white !important;}
/*button animated*/
.tryBtn{animation: move 3s infinite forwards;}
@keyframes move{
  0% { transform: scale(1);}
  50% { transform: scale(1);}
  95% { transform: scale(1);}
  96% { transform: scale(.9);}
  97% { transform: scale(1.3);}
  100% { transform: scale(1);}
}

/*Navbar*/
.headerLine{background:rgba(256,256,256,.14); padding:3px; position: fixed; width: 100%; z-index:2; top:35px}
.navbar{padding:5px 15px 0; font-weight:600; background: transparent; top:65px;}
.headStrip{background: #633294; color:#fff; padding: 3px; text-align: center; height:35px; position: fixed; top:0; font-size: 13px;z-index: 1; width:100%}
.headStrip a{padding: 0px 7px; display: inline-block; font-size: 11px; font-weight: bold; margin-left: 10px; border-radius: 4px; color: #fff; border: 1px solid rgba(256,256,256,.4);line-height: 20px;}
.headStrip a:hover{text-decoration: none; background:rgba(0,0,0,.1)}
.headStrip img{width: 70px; filter: brightness(100); margin-top: -3px; margin-right: 10px;}

.headerLine.white{ background-color: #fff; top: 0px; border-bottom: 1px solid #000; }
.navbar.white{background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.08); top:31px}
.navbar-default{border:none;}
.navbar-fixed-top{transition:.4s ease; z-index: 1}
.navbar-fixed-top.white{z-index: 1030}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 480px;}
.navbar-brand{padding:0}
.navbar-brand img{height:50px;}
.navbar-default .navbar-nav > li > a{margin-right:15px; line-height:22px; font-weight:400; color:#2d3c41; font-size: 13px; border: 1px solid transparent;}
.navbar-default .navbar-nav > li > a b{font-size: 10px;position: relative;top: -2px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color:#0197CB !important; background:#fff; border-color:#f5f5f5; z-index: 9999999; border-bottom: 0}
.navbar-toggle{margin-right:0}
.navbar .dropdown-menu{box-shadow: 0 8px 10px rgba(0,0,0,.1); border-color:transparent; margin-top: -2px !important}
.headerLine a{color:#2d3c41; font-size:12px; float:right; margin-left: 22px; font-weight: 300}
.headerLine .myac a:first-child {margin-left: 5px;}
.headerLine a .fa{color:#5d656c}
.headerLine a .fa-globe{color:inherit; font-size: 18px;line-height: 24px;}
.headerLine a .fa-globe:hover{color:#13a6f3;}
.headerLine a.stLink{padding:2px;margin-right: -5px;}
.headerLine a.stLink img{filter: saturate(2);}
.headerLine a.stLink:hover img{filter: saturate(3);}
.headerLine .dropdown-menu{right: -5px; left: auto;}
.headerLine .dropdown-menu a{float:left; margin-left:0; width: 100%}
.headerLine .dropdown-menu a img{width: 24px; margin-right: 10px;}


/*Mega Menu*/
.navigationcss{position:static !important;}
.navbar .dropdown-menu.mega-menu{border-top:1px solid #f5f5f5;}
.mega-menu{width:100%; padding: 0px !important; position:absolute; top:59px; z-index:999999; left:0px; border-radius:0px; border-color:rgba(0, 0, 0, 0); padding:20px 0px 20px;box-shadow:0 8px 6px -6px rgba(0, 0, 0, .3); background:#fff; display:none; text-align: center; letter-spacing: .5px;}
.mega_menu_link:hover .mega-menu {display: block;}
.blueroundbtn {position: relative; background: #1c66cd; border-radius: 30px;clear: both;color: #fff!important; display: inline-block;font-size: 18px;font-weight: 500;margin: 40px 0 10px;padding: 12px 24px;text-transform: uppercase;}
.blueroundbtn:hover {background:#1b4459; text-decoration: none}
.mega-menu .cloud_telph_block{background:#f4f4f4; position: relative; padding:40px 10px; width: 20%; float: left;}
.mega-menu .cloud_telph_block a{text-decoration: none}
.mega-menu .cloud_telph_block .menu_title h3{font-size: 26px; color:#1b4459; text-transform: capitalize; margin-top: 10px}
.mega-menu .cloud_telph_block .menu_title a span{ display: inline-block; padding-bottom: 10px; width: 100%; height: auto;}
.mega-menu .cloud_telph_block .menu_title a span img{ width: 80px  }
.mega-menu .cloud_telph_block p{padding: 0 30px; margin-top: 30px;}
.mega-menu .cloud_telph_block:after{position: absolute; right: -20px; top: 43%; content: "\f101"; font-family: FontAwesome; border-radius: 100%;   width: 40px; height: 40px; line-height: 40px; background: #f4f4f4;  color: #999;}
.mega-menu .block_service{height:180px; width: 20%; text-align: center;padding: 30px 10px 15px;float: left; display: inline-block;}
.mega-menu .block_service .menu_title {font-size: 18px;margin: 0px 0px 15px;padding: 0px; display: block;text-align: center;}
.mega-menu .block_service .menu_title a{color:#1b4459; text-align:center; font-size: 14px; display: block; padding: 5px;}
.mega-menu .block_service .menu_title:hover a{color:#0197cb; text-decoration: none;}
.mega-menu .block_service .menu_title span{ display:block;}
.mega-menu .block_service .menu_title span i{font-size: 26px; margin-bottom: 5px; display: block}
.mega-menu .block_service p, .cloud_telph_block p{font-size:13px; color:#666; margin-top: 5px} 
.imonly.block_service img {transition: .2s all ease-in; margin-bottom: 10px;}
.imonly.block_service:hover img{margin:-3px 0 13px;}
.imonly.block_service img{height:60px}
.imonly.block_service p{margin:0}

.mega-menu .block{height:238px; width: 25%; text-align: center;padding: 35px 10px 15px;float: left; display: inline-block;}
.cloud_telphony_dtl{display: inline-block; width: 80%; }
.cloud_telphony_dtl .cloud_tel_type{display: inline-block; width: 100%; border-bottom: solid 1px #eee; }
.cloud_telphony_dtl .cloud_tel_fetr{display: inline-block; width: 100%; position: relative; margin-top: -40px;}
.cloud_telphony_dtl .mid{margin: 0 auto; display: inline-block; border:solid 1px #eee; padding: 4px 16px; border-radius:20px; font-size: 10px; background: #fff; color: #666; position: relative; top: -20px}
.mega-menu .block .menu_title {font-size: 18px;margin: 0px 0px 15px;padding: 0px; display: block;text-align: center;}
.mega_menu_link:hover { background:#fff;}
.mega_menu_link:hover .nav-link, .mega_menu_link:hover .nav-link i{ color:#144484!important}
.mega_menu_link .nav-link i{vertical-align:middle; color:rgba(256, 256, 256, .70); font-size:12px; padding-left:4px!important;}
.mega_menu_link .nav-link{ cursor:pointer}
.mega-menu .block .menu_title a{color:#1b4459; text-align:center; font-size: 14px; display: block; padding: 15px;}
.mega-menu .block .menu_title:hover a{color:#0197cb; text-decoration: none;}
.mega-menu .block .menu_title span{ display:block;}
.mega-menu .block .menu_title span i{font-size: 26px; margin-bottom: 10px; display: block}
i.clr1{color:#d04a6b}i.clr2{color:#fb9b0d}i.clr3{color:#5a4ca1}i.clr4{color:#00aae1}i.clr5{color:#25d366}
.mega-menu .block p, .cloud_telph_block p{font-size:13px; color:#666; margin-top: 10px} 
.mega-menu h4 {font-size: 16px;display: block;line-height: normal;line-height: 30px; padding: 15px 0px 0px;margin-bottom: 30px; color: #777; font-weight: normal;}
.imonly.block img {transition: .2s all ease-in; margin-bottom: 10px;}
.imonly.block:hover img{margin:-3px 0 13px;}
.imonly.block img{height:60px}
.imonly.block p{margin:0}


/*Loader*/
.loader{position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background:rgba(0,0,0,.8); z-index:9999}
.loader img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:50px}
.loadCir{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;animation:hue 4s linear infinite;transform:scale(1.7)}.loader circle{stroke-dasharray:10,84;animation:stroke 1.5s ease infinite}@keyframes stroke{50%{stroke-dasharray:84,10;stroke-dashoffset:0}100%{stroke-dashoffset:-94}}@keyframes hue{100%{filter:hue-rotate(360deg)}}


/*footer*/
footer{background:#222;}
footer .container h3{font-size: 18px;font-weight: 500;text-transform: uppercase;line-height: 30px; color:#fff}
footer h5{font-size: 16px; margin-bottom: 15px}
footer ul{padding-left: 0; line-height: 34px}
footer li{list-style: none;}
footer a{color:#999; transition: .3s all; font-weight: 400;}
footer a small{background: #d02c2c; padding: 3px 4px; border-radius: 2px; font-size: 8px; color: #fff; position: relative; top: -1px; left: 5px; line-height: 20px}
footer a:hover, footer a:focus{color:#fff; text-decoration:none}
footer .asso img{width:170px}
.ft-down{background:#343434; color:#999; font-size:13px; font-weight:400; text-align: center}
.ft-down a{font-size:13px}
footer .industries a{display: inline-block; margin: 5px 15px;}
#google_translate_element{transform: scale(.8); margin:8px 0 0 -26px;}
.footer-content{background:#f5f5f5; color:#666;}
.footer-content p{display: inline}
.footer-content b h1{display: inline}
.footer-content h1.inline, .footer-content h2.inline, .footer-content h3.inline, .footer-content h4.inline{display: inline; font-size: 14px; font-weight: bold; line-height: 24px;}
.footer-content h3.inline, .footer-content h4.inline{font-weight: 100;}
.footer-content .inline.h4{font-size:18px; font-weight: normal}
.ftrlogowpr{ width: 100%; float: left; }
.ftrsbttl{ width: 100%; float: left; margin-top: 15px; font-size: 15px; line-height: 20px; }
.ftrul{ width: 100%; float: left; }

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
	.col-md-4, .col-sm-4 {margin-bottom: 30px}
}

@media  (max-width: 768px) {
	html,body{overflow-x: hidden;}
	body{padding-top:27px}
    .navbar {top:56px; background: #fff;}
	.navbar-nav > li > a{padding-left:0}
	.container, footer .container{padding:30px}
	.headerLine{background: #e5f5f5; margin-top: -7px;}
    .headerLine .container-fluid > a, .cloud_telph_block, .cloud_telphony_dtl .mid{display: none;}
    .headerLine .container-fluid .country + a{display:inline-block;}
	.cloud_telphony_dtl{width: 100%}
	.mega-menu .block_service{width: 50%; padding:10px 2px; border-width:0 1px 1px 0; border-style: solid; border-color:#eee; height:150px;}
	.mega-menu .block_service .menu_title a{overflow: hidden}
	.mega-menu .block{width: 50%; padding:10px 2px; border-width:0 1px 1px 0; border-style: solid; border-color:#eee; height:200px;}
	.mega-menu .block .menu_title a{overflow: hidden}
	.cloud_telphony_dtl .cloud_tel_type{border-bottom: none; margin-bottom:60px}
	.headStrip img{margin-top: -12px}
	.btncomman .btn{line-height: 25px; padding: 8px 12px; font-size: 14px;}
	
}
.carousel-inner {
  overflow: visible;
}