/**** General Styles****/
body{ font-family: 'Montserrat', sans-serif !important; font-size: 16px !important; color: #363636; font-style: normal;text-decoration: none; text-align: inherit;  letter-spacing: normal;  word-spacing: normal; text-transform: none; font-weight: 400; line-height: 1.5; }
ul {padding:0px;margin:0px; list-style:none;}
li {padding:0px; margin:0px; list-style:none;}
a { color: #2bc6e8; outline:none;text-decoration: none;}
a img {border: 0;}
p { padding:0px; margin:0px;}
ol li {list-style:decimal inside; margin-left: 0; padding-left: 1.5em; text-indent: -1.5em;}
img { max-width:100%;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;   margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;  margin-left: auto;  margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;    height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px;  margin: 0;  padding: 0 4px 5px;}
b,strong{font-weight: bold;}

html { overflow: scroll;overflow-x: hidden;}
::-webkit-scrollbar { width: 0px; background: rgba(0, 0, 0, 0.1); }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); }


ul{padding: 0px; margin: 0px;}
a:hover{text-decoration: none;}
img{max-width: 100%;height: auto;}
@media (min-width: 1300px){.container{max-width: 1170px;}}
h1,h2,h3,h4{   }
h1{font-size: 56px !important;line-height: 74px !important; font-weight:800; }
h2{font-size: 42px !important; line-height: 54px !important; }
h3{font-size: 30px;line-height: 50px;}
h4{font-size: 24px;line-height: 28px; }
p{margin-bottom: 1em;}
p:last-child{margin-bottom: 0px;}


/***Header***/
header { position: absolute;display: inline-block;width: 100%;background: #fff;}
.heaer_top{background:#155e7b; padding: 11px 0px; color:#fff; font-weight: 500; }
.logo img{ transition: all 0.3s ease; }
.heaer_top a{color: #2bc6e8;}
.header_middle{ position: relative;transition: all 0.3s ease; }
.navbar-nav > li{ display: inline-block; padding: 0px 10px;}
.navbar-nav > li > a{ overflow: hidden; padding: 0px 8px; display: block; color: rgba(54, 54, 54, 1); position: relative; font-weight:500; }
.navbar-nav > li:last-child{padding-right: 0px;}
.navbar-nav > li:last-child > a{ }

.navbar-nav > li > a:before{ position: absolute; bottom: -50px; color: #2bc6e8; content: "\f0d8"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Free";left: 0; right: 0;text-align: center;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;}
.navbar-nav > li > a:after{ position: absolute; bottom: 0; background: #2bc6e8; border-radius: 3px 3px 0 0; content: "";height: 3px; left: 50%; width: 0; transition: width .5s ease,left .5s ease; -webkit-transition: width .5s ease,left .5s ease; -moz-transition: width .5s ease,left .5s ease; -o-transition: width .5s ease,left .5s ease;-ms-transition: width .5s ease,left .5s ease;}
.navbar-nav > li > a:hover:before { bottom: -42px; width: 100%; }
.navbar-nav > li > a:hover:after{left: 0; width: 100%; }
.navbar-nav > li > a:hover{color:#2bc6e8;}

.menu-item-has-children i{ margin-left: 8px; color:#000000 ; }
.main_menu,.menu_icon_blog{display: inline-block;}
.menu_container a{color:#000000;transition: all 0.3s ease;}
.menu_container a:hover{ color:#288EEF; }
.navbutton{display: none;}
.header_middle{ background:#fff;  }
.sticky_header{ background: #ffffff !important; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2); -ms-box-shadow: 1px 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2); -o-box-shadow: 1px 1px 4px rgba(0,0,0,0.2); animation: slide-down 0.9s; -webkit-animation: slide-down 0.9s; -ms-animation: slide-down 0.9s; -o-animation: slide-down 0.9s; -moz-animation: slide-down 0.9s;
display: block; left: 0; top: 0; position: fixed;width: 100%;z-index: 4000;}
@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}100%{opacity:0.9;transform:translateY(0)}}@-moz-keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}100%{opacity:0.9;transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}100%{opacity:0.9;transform:translateY(0)}}@-ms-keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}100%{opacity:0.9;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}100%{opacity:0.9;transform:translateY(0)}}

.header_sub{height: 140px;}
header .close{opacity: 1;}
   



/**banner**/
.banner{ color: #fff;}
.banner_inner{  padding:268px 0px; position: relative;}
.slick-current.slick-active .banner_inner{ transform: scale(1);  }
.banner_inner p{margin-bottom: 40px;}
.banner_image{ position:absolute; top:0px; left:0px; width:100%; height:100%;  }
.banner_content h1 span{color: #00f0ff; border-bottom: 1px solid #fff;} 
.slick-current.slick-active .banner_inner .banner_image{  -webkit-animation: zoomout 7s ease-in; animation: zoomout 7s ease-in; }
.banner_content h1 ,.banner_content p,.banner_content a{ opacity:0; }
.slick-current.slick-active .banner_content h1,.slick-current.slick-active .banner_content p,.slick-current.slick-active .banner_content a{}
.slick-current.slick-active .banner_content h1 {   animation-delay: 0.4s;  -webkit-animation-name: slideInDown;animation-name: slideInDown;   -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 1s;  animation-duration: 1s;   }
.slick-current.slick-active .banner_content p {  animation-delay: 0.9s;   -webkit-animation-name: slideInDown;animation-name: slideInDown;   -webkit-animation-fill-mode: both;  animation-fill-mode: both;-webkit-animation-duration: 1s;  animation-duration: 1s;  }
.slick-current.slick-active .banner_content a {  animation-delay: 1.2s;   -webkit-animation-name: slideInDown;animation-name: slideInDown;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 1s;  animation-duration: 1s;  }
.slick-current.slick-active .banner_content h1 span{ position:relative; display:inline-block; animation-delay: 1.2s; -webkit-animation-name: opacityanimation;animation-name: opacityanimation;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 1s;  animation-duration: 1s; }
.slick-current.slick-active .banner_content h1 span:before{content: '';position: absolute; top: 0px; left: 0px; width: 100%; height: 0%; background:#fff;  animation-delay: 1s;   -webkit-animation-name: heightanimation;animation-name: heightanimation;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 1s;  animation-duration: 1s;  }
.slick-current.slick-active .banner_content a{ position:relative; display:inline-block;animation-delay: 1.8s; -webkit-animation-name: opacityanimation;animation-name: opacityanimation;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 1s;  animation-duration: 1s; }
.slick-current.slick-active .banner_content a:before{content: '';position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0%; background:#fff;  animation-delay: 1.8s;   -webkit-animation-name: bottomanimation;animation-name: bottomanimation;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 1s;  animation-duration: 1s;  }

@-webkit-keyframes opacityanimation {   0% {  opacity : 0;  }   100% {  opacity: 1;} }
@keyframes  opacityanimation {   0% {  opacity : 0;  }   100% {  opacity: 1;} }
@-webkit-keyframes heightanimation {   0% { height:0px;   }  50% { height:100%;  }  100% { bottom: 0px; top:auto;  height:0%;}}
@keyframes heightanimation { 0% { height:0px; }  50% {  height:100%; }  100% { bottom: 0px; top:auto;  height:0%;}} 
@-webkit-keyframes bottomanimation {   0% { height:0px;   }  50% { height:100%;  }  100% { bottom: auto; top:0px;  height:0%;}}
@keyframes bottomanimation { 0% { height:0px; }  50% {  height:100%; }  100% { bottom: auto; top:0px;  height:0%;}} 
@-webkit-keyframes zoomout { 0% {transform: scale(1.5);}50% {transform: scale(1.3);}  100% {transform: scale(1);}}
@keyframes zoomout {  0% {transform: scale(1.5);} 50% {transform: scale(1.3);} 100% {transform: scale(1);} } 
@-webkit-keyframes slideInDown {  0% { opacity: 0;  -webkit-transform: translateY(300px); transform: translateY(300px); }
100% {  opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px);}
100% {  opacity: 1;  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}
@-webkit-keyframes slideOutUp {0% {  -webkit-transform: translateY(0);  transform: translateY(0);}
100% { opacity: 0; -webkit-transform: translateY(-2000px);  transform: translateY(-2000px); }}
@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
100% { opacity: 0; -webkit-transform: translateY(-2000px);  -ms-transform: translateY(-2000px); transform: translateY(-2000px);}}


.banner_inner_bg{ position:absolute; top:0px; left:0px; width:100%; height:100%; background: -webkit-linear-gradient(78deg,rgba(0,240,255,0.5) 0%,rgba(40,178,222,0.5) 65%,rgba(9,78,111,0.5) 100%) ; background: -moz-linear-gradient(78deg,rgba(0,240,255,0.5) 0%,rgba(40,178,222,0.5) 65%,rgba(9,78,111,0.5) 100%) ; background: -ms-linear-gradient(78deg,rgba(0,240,255,0.5) 0%,rgba(40,178,222,0.5) 65%,rgba(9,78,111,0.5) 100%); background: -o-linear-gradient(78deg,rgba(0,240,255,0.5) 0%,rgba(40,178,222,0.5) 65%,rgba(9,78,111,0.5) 100%); background: linear-gradient(78deg,rgba(0,240,255,0.5) 0%,rgba(40,178,222,0.5) 65%,rgba(9,78,111,0.5) 100%);  }
.banner_inner_bg:before{ content: ' ';display: block;position: absolute; left: 0; top: 0; width: 100%;height: 100%; opacity: 0.6; background: url('../images/connectivity-overlay.jpg'); background-repeat: no-repeat;background-position: 50% 100%;background-size: cover;opacity:0.6;  }
.banner_content{position: relative;z-index: 99;} 
.banner_content a{ border: 1px solid #fff; color:#fff; display: inline-block; line-height: 1.5; background: none; padding:15px 45px; font-weight:600; font-size:112.6%;transition: all 0.4s ease;  }
.banner_content a:hover{ background:#fff; color:#2bc6e8; }
.banner .slick-dots {position: absolute; display: block; transition: all 0.3 ease; bottom: 15px; opacity: 0; right: 0px; left: 0px; padding: 0;list-style: none; text-align: center; z-index: 99; }
.banner:hover .slick-dots { opacity: 1; }
.banner .slick-dots li {position: relative; display: inline-block; width: 20px;height: 20px;margin: 0 5px; padding: 0;cursor: pointer;}
.banner .slick-dots li button {font-size: 0; line-height: 0;display: block;width: 20px;height: 20px; padding: 5px;cursor: pointer;
color: transparent;border: 0; outline: none; background: transparent;}
.banner .slick-dots li button:hover, .slick-dots li button:focus { outline: none;}
.banner .slick-dots li button:before {  content: ""; position: absolute; top: 0; border-radius: 50%;  left: 0; width: 14px; height: 14px; text-align: center; opacity: 1;background: transparent; border: 2px solid #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.banner .slick-dots li.slick-active  button:before { background: #fff; }


/**Our packages**/
.our_packages{padding-top: 80px;padding-bottom: 60px;}
.our_packages h2{ font-weight:600; font-size: 218.75%; }
.our_package_box{ color: #fff; padding: 30px; background: #28b2de ; background: -webkit-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%); background: -moz-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%); background: -ms-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%);background: -o-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ; background: linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;
/*flex: 0 0 auto;display: flex;flex-direction: column;justify-content: flex-start;box-sizing: border-box;position: relative; min-height: 10px;*/}
.our_package_box:hover { background: #28b2de; box-shadow: 1px 2px 8px 5px rgba(0,0,0,0.14); background: -webkit-linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ; background: -moz-linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) !important;background: -ms-linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%); background: -o-linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%); background: linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%);}
.service_icon{ display: block;  margin: 0 auto;  position: relative; z-index: 1; height: auto; width: 220px; }
.service_icon .icon_inner{ text-align: center; color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.service_icon .icon_inner h3 { color: #ffffff; font-size: 218.75%; text-shadow: none; line-height: 1.1; font-weight: normal; font-style: normal;text-decoration: none; text-align: center;
 letter-spacing: normal;  word-spacing: normal; text-transform: none; font-weight: 700; margin-bottom:0px; }
.service_icon .icon_inner p{ font-size: 125%; }
.our_package_box h4{margin-top: 30px; color: #ffffff; font-size: 125%; text-shadow: none; line-height: 1.1; font-weight: normal; font-style: normal;
text-decoration: none; text-align: center; letter-spacing: normal; word-spacing: normal;text-transform: uppercase; font-weight: 800;}
.line_border{ height: 1px; background-color: #ced3d5;margin-top: 15px; margin-bottom: 18px;}
.our_package_box h5{ color: #ffffff;font-size: 112.5%;text-shadow: none;  line-height: 1.1; font-weight: normal; font-style: normal;text-decoration: none; text-align: left; letter-spacing: normal;word-spacing: normal;text-transform: none;
font-weight: 700; margin-bottom: 20px; }
.our_package_box ul{min-height:208px}
.our_package_box li{margin-bottom: 15px; list-style: disc; margin-left: 30px; }
.our_package_box  a{ color: #ffffff; font-size: 112.5%; text-shadow: none; line-height: 1.5;  font-style: normal; text-decoration: none;text-align: center;letter-spacing: normal; word-spacing: normal;text-transform: none;
font-weight: 600; display:block; margin:0 auto; text-align:center;margin-top: 30px }

.animated .animationsvg1 { animation: ani1 0.6s linear forwards; animation-delay: 1.8s; }
@keyframes ani1 {from { stroke-dashoffset: 644.42252; } to {  stroke-dashoffset: 547.4225198880214; }}

 .animated .animationsvg2 { animation: anil2 0.6s linear forwards; animation-delay: 1.8s; }
@keyframes anil2 {from { stroke-dashoffset: 644.42252; } to {  stroke-dashoffset:483.0198704894307; }}

 .animated .animationsvg3 { animation: ani13 0.6s linear forwards; animation-delay: 1.8s; }
@keyframes ani13 {from { stroke-dashoffset: 644.42252; } to {  stroke-dashoffset:322.0132469929538; }}




/**Who we are**/
.whowe_Are{ position: relative; z-index: 9; background-image: url('../images/global-dotted-bg.jpg'); background-attachment: fixed;background-repeat: repeat; background-position: 50% 50%; background-size: auto;  padding: 60px 15px 120px 15px; }
.whowe_Are:before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255,255,255,0.64); z-index:-1 }
.whowe_Are_box{margin-top: 50px;background: #fff; box-shadow: 0px 8px 15px 8px rgba(0,0,0,0.06);}
.whowe_Are_box .weareinnner_img img { height: 320px ; margin: auto; max-height: 100%;max-width: 100%; object-fit: cover;width: 100%;background: rgba(255,255,255,0);opacity: 0.8;}
.who_inner_content{ padding:15px; }
.whowe_Are h2{ font-weight: 600; }
.whowe_Are h4{font-weight: 600;}
.who_inner_content li{margin-top: 20px; display: flex; align-items: flex-start; flex-direction: row;}
.who_inner_content li span{color: #363636;  padding:10px; display:inline-block; font-weight: 600; font-size: 112.5%; text-shadow: none; line-height: 1.5;}
.whowe_Are_box a{ color: rgba(54,54,54,0.67); font-size: 375%; text-shadow: none; line-height: 1.5; font-weight: 600; }
.whowe_Are_box:hover{ box-shadow: 0px 2px 15px 6px RGBA(21,94,123,0.19); }
.whowe_Are_box:hover a{background: #1E4E66;  background: -webkit-radial-gradient(circle farthest-side at top left,#1e4e66 0%,#1f97ce 50%,#01ffff 100%);background: -moz-radial-gradient(circle farthest-side at top left,#1e4e66 0%,#1f97ce 50%,#01ffff 100%);  background: -ms-radial-gradient(circle farthest-side at top left,#1e4e66 0%,#1f97ce 50%,#01ffff 100%);background: -o-radial-gradient(circle farthest-side at top left,#1e4e66 0%,#1f97ce 50%,#01ffff 100%);  background: radial-gradient(circle farthest-side at top left,#1e4e66 0%,#1f97ce 50%,#01ffff 100%);
-webkit-background-clip: text;  -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text;  background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent;text-fill-color: transparent;}
.flexdirectin{ flex-direction: column; }
.flex-end{ align-self: flex-end; }


/**Order now stripe**/
.order_now_stripe{ background:url('../images/right-connectivity-overlay-sm.jpg') no-repeat; background-size:cover;background-position: 35% 85%; padding:108px 0px; color:#fff;  }
.order_now_stripe h3{ font-size: 218.75%; font-weight: 700; line-height: 1.1; margin-bottom:0px; }
.order_now_stripe h3 span{ color: #00f0ff; position:relative; opacity: 1;}
.order_now_stripe a{ border: 1px solid #fff;  position:relative; opacity: 1; color:#fff; display: inline-block; line-height: 1.5; background: none; padding:15px 45px; font-weight:600; font-size:112.6%;transition: all 0.4s ease;  }
.order_now_stripe a:hover{ background:#fff; color:#2bc6e8;  }

.order_now_stripe .animated h3 span,.order_now_stripe .animated a{  }
.order_now_stripe .animated h3 span:before{content: '';position: absolute; top: 0px; left: 0px; width: 100%; height: 0%; background:#fff; animation-delay: 1s;  -webkit-animation-name: heightanimation;animation-name: heightanimation; -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 1s;  animation-duration: 1s;  }
.order_now_stripe .animated a:before{content: '';position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0%; background:#fff;animation-delay: 1s; -webkit-animation-name: bottomanimation;animation-name: bottomanimation; -webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-duration: 1s;  animation-duration: 1s;  }



/**internet section**/
.internet_services{ padding:80px 0px 30px 0px; position:relative; overflow:hidden; }
.internet_services h3{font-size: 218.75%; color: #363636; font-weight: 600; line-height: 0.8; margin-bottom: 50px;}
.internet_services h3 span{ color:#2bc6e8;  display: block; margin-bottom: 10px; -webkit-animation-name: skewanimation;animation-name: skewanimation; animation-iteration-count: infinite;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 3s;  animation-duration: 3s;   }

@-webkit-keyframes skewanimation {   0% { transform: skew(0);   }  35% { transform: skew(-25deg);  }  70% { transform: skew(25deg); } 100% {transform: skew(0deg);} }
@keyframes skewanimation {   0% { transform: skew(0);   }  35% { transform: skew(-25deg);  }  70% { transform: skew(25deg); } 100% {transform: skew(0deg);} }

.service_box{ background:#fff; box-shadow:1px 2px 5px 1px rgba(0,0,0,0.06);  border: 1px solid rgba(238,238,238,1); padding:30px; margin-bottom:25px; }
.service_box h4 img{max-width:49px;margin-right: 8px;}
.service_box h4  { font-size:137.5%; color:#363636; font-weight:600; line-height: 1.5;}
.service_box a{ padding-top:90px;  display:inline-block ; color:#363636; font-size:87.5%; font-weight:600; }
.service_box a:hover{ color:#01FFFF; }
.service_box_last{ color: #fff; padding: 30px; background: #28b2de ;background: -webkit-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%); background: -moz-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%); background: -ms-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%);background: -o-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ; background: linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;}
.service_box_last:hover { background: #28b2de; box-shadow: 1px 2px 8px 5px rgba(0,0,0,0.14); background: -webkit-linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ; background: -moz-linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) !important;background: -ms-linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%); background: -o-linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%); background: linear-gradient(-229deg,#28b2de 0%,#239cd7 37%,#01ffff 100%);}
.service_box_last a{padding-top: 90px; display: inline-block;font-size:87.5%; font-weight:600; color:#fff; }
.service_box_last h4{ color: #ffffff; font-size: 218.75%;line-height: 1.1; font-weight: 600; }
.service_box_last h2{font-size:375%;line-height: 1.1;font-weight: 600;}
.internet_overlay{ position: absolute; right: 0px; width: 38%; height: auto; top: 165px;  }
.data_circle a{ color: #54c2e2; font-size: 250%; display: inline-block; padding-top: 90px; text-align: center; line-height: 1.2; font-weight: 900; pointer-events: none; height: 250px;width: 250px;box-shadow: 1px 5px 15px 2px RGBA(0,0,0,0.11);
border: 0px solid rgba(255,255,255,1); border-radius: 250px; background: #ffffff; opacity: 1; position: relative; z-index: 9; }
.service_box p{ color: #363636; font-size: 93.75%; line-height: 1.5; }



/**welcome Section**/
.skynet_start{ padding:80px 0px 40px 0px;}
.skynet_start img{ box-shadow: 0px 8px 15px 8px rgba(0,0,0,0.06); }
.image_section{ position:relative; }
.skynet_start .data_circle{ position:absolute; top:-90px; right:65%; }
.skynet_start h3{ font-size: 218.75%;font-weight: 600; line-height:1.1; margin-bottom:20px; }
.skynet_start  li{color: #363636; font-size: 112.5%; text-shadow: none;  line-height: 1.5;margin-bottom: 20px; padding-left:34px; background:url('../images/bullet.jpg') no-repeat left;   }

.btn{  border:1px solid rgba(54,54,54,1); color:#363636; font-weight: 600;  font-size: 112.5%;  padding:15px 40px 15px 40px; line-height: 1.5; border-radius: 0px; min-width: 170px; text-align: center;transition: all 0.4s ease; }
.btn:hover{ background: #2bc6e8; color:#fff; border: 1px solid #2bc6e8; }
.skynet_start .btn{position: relative;}
.skynet_start .btn.animated{ opacity:1; }
.skynet_start .btn.animated:before{content: '';position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0%; background:#2bc6e8; 
 animation-delay: 1.1s; -webkit-animation-name: bottomanimation;animation-name: bottomanimation; -webkit-animation-fill-mode: both;  
animation-fill-mode: both; -webkit-animation-duration: 0.8s;  animation-duration: 0.8s;  }
.overflowhideen{ /*overflow:hidden;*/ }
.inner_cicleee{ transition: all 0.8s ease; }


/*Footer Top**/
.footer_top{ position: relative; padding:90px 0px; color:#fff; overflow:hidden; }
.footer_top:before{ content: ''; position: absolute; top: 240px; background:url('../images/connectivity-overlay.jpg') no-repeat; 
background-size:cover;  color:#fff; width:100%; height: 100%; z-index:-9; }

.testimonials_item{ }
.testimonial_inner{padding: 30px; padding-top: 40px; padding-left: 45px; color:#363636; background:#fff;  }
.form_section input{ background:none; border:none; border-bottom:1px solid #fff; padding:10px 0px; width:100%;  }
.form_section input::placeholder{ color:#fff; }
.form_section{max-width: 370px; position: relative; z-index: 99;  }
.form_section form{position:relative; margin-bottom: 50px;}
.form_section [type="submit"]{ background: #01ffff;
background: radial-gradient(circle farthest-side at top left,#01ffff 0%,#01ffff 100%);
-webkit-background-clip: text;  background-clip: text ;-webkit-text-fill-color: transparent ; width:50px; font-size: 50px;
line-height: 15px; position: absolute; top: 0px; right: 0px; height: 42px; border-bottom: none;}
.testimonial_slider .testimonials_item{left: 100px; transition: all 0.3s ease; position: relative;}
.slick-current.slick-active+.slick-active{ left:0px; }
.testimonial_slider .slick-list{ padding-right:100px; left: -80px; }
.testimonial_slider .slick-track{ position:relative; top:40px; }
.testimonial_slider .testimonials_item{ margin:40px 0px; }
.testimonial_slider .slick-prev{ position: absolute; top: 0px; width: 100%; height: 250px;   border: none;    z-index: 99; background: none; font-size: 0px; }
.testimonial_slider .slick-next{ position: absolute; bottom: 0px; width: 100%; height: 240px; z-index: 99; border: none; background: none; font-size: 0px; }
.testimonial_inner{position: relative;box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.06); border: 1px solid rgba(238,238,238,1);}
.testimonial_inner > img {position: absolute; top: 15px; left: 2px; }

.form_section h3{ font-size: 28px; line-height: 1.1; font-weight: 600; margin-bottom: 5px; }


/**Footer**/ 
.mainfooter{background: #363636;color: #fff; padding: 60px 0px 30px 0px;}
.mainfooter h5{ font-size: 16px; font-weight: 700; margin-bottom: 0px; }
.mainfooter h5{color: #ffffff;}
.mainfooter a{color: #fff;}
.footer_we_are{font-size: 16px; line-height: 26px; }
.footer_contact_info ul li {position: relative;  margin-bottom: 20px; }
.footer_contact_info ul li img{ position: absolute; top: 6px; left: 0px; }
.footer_contact_info ul li a{color: #fff;}
.footer_link li a{color: #fff;font-size: 16px;}
.footer_link li{margin-bottom: 3px;}
.quicklinkss h5{margin-bottom: 15px;}
.footer_contact_info p{ margin-bottom:6px; }
.footer_contact_info h5{margin-bottom: 7px;}
.footer_contact_info h5:nth-of-type(2){margin-top: 15px;}
.footer_contact_info a{   color: #2bc6e8;}
.socail_link li a{ height: 42px; width: 42px; color: #155e7b; line-height: 42px; text-align: center; display: inline-block; border-radius: 50%; background: #E5F1F9;  }
.socail_link li a i{line-height: 42px;font-size: 20px;}
.socail_link li{ display: inline-block; margin-right: 15px; }
.footer_link li a:hover{ color:#2bc6e8; }
.socail_link li a:hover{opacity: 0.9; }
.copyrightsdiv{margin-top: 35px;margin-bottom: 35px; }
.copyrightsdiv p{margin-bottom: 0px;font-size: 16px;background: #1A222C;  padding-right: 60px; position: relative; top: -17px; display: inline-block; }
.copyrightsdiv{border-top: 1px solid #E5E5E5;}
.footer_contact_info li a:hover{color:#155e7b;}
.plusminus{display: none;float: right;}
.footer_contact_info li a{ padding-left: 35px; position:relative; display: block; }
.footer_contact_info li a i{ position:absolute; top:4px; left:0px; } 
.socail_link li a svg{ fill: #155e7b; height: 42px; }
.socail_link li a:hover svg{ fill: #ffff; }
.mainfooter .fb{margin-top: 20px; display: block;}
.mainfooter .fb i{ font-size:32px; color:#fff; }
.quicklinkss2 h5{ }
.iconover_flow{display: none;}
.social_links a{  background:#2bc6e8; color:#363636; margin-right: 10px; text-align:center; line-height:40px; font-size:26px; width:40px; height:40px; display:inline-block; border-radius:50%; }
.social_links a:hover{color: #fff;}
.footer_copyrights{text-align: center; font-size: 12px;  margin-top:50px; }
.footer_copyrights li{display: inline-block;}
.footer_copyrights li + li{padding-left: 5px; position: relative;}
.footer_copyrights p{margin-bottom: 0px;}
.footer_copyrights li + li:before { content: "/"; color: #ffffff; left: 0; position: absolute; }
.footer_copyrights li a{ padding: 0 4px; }
.footer_we_are img{width: 208px;}
.socaillinks h5{ margin-bottom: 12px; }

/**Subpages**/
.subbanner{ color: #fff; text-align:center; background-image:url('../images/right-connectivity-overlay-sm.jpg'); background-repeat: no-repeat;padding: 60px 0 ; background-size: cover; background-position: center;  position: relative; overflow: hidden; }
.subbanner h1{ font-size: 50px; font-weight: 600; margin-bottom:0px; line-height: 1.1; }
.subbanner .breadcrumbs{font-size: 14px; margin-top: 8px;}
.breadcrumbs i{margin-right: 10px; }
.breadcrumbs a{color: #fff;}

/**innnerpage**/
.inner_coverage{ padding:48px 0px; border-bottom:1px solid #eee; }
.inner_page.inner_coverage h1,.inner_page h1{ font-size: 41px; font-weight: 500; line-height: 1.1;text-align: center; }
.inner_page h1{text-align: left;}
.search_form{background: #eee; display: block; max-width: 700px; margin: 0 auto; padding-bottom: 30px; text-align: center; padding: 20px; margin-bottom:25px; }


.search_form .q-field__bottom{width: 228px;
    margin: auto;
    text-align: center;}

.search_form .q-field__append.q-anchor--skip{width: 10px;}

.search_form .q-field__control{width: 200px;
    margin: auto; text-align: center;}

.search_form .q-field__native{text-align: center;}

.submitBtn { border: none; margin-top: 10px; max-width: 150px; -webkit-appearance: button; cursor: pointer;background: radial-gradient(circle farthest-side at top left,#1e4e66 0%,#1f97ce 50%,#01ffff 100%) ;font-weight: 600; text-transform: uppercase; padding: 6px 25px; color: #ffffff;}
.submitBtn:hover{ background: radial-gradient(circle farthest-side at top left,#01ffff 0%,#1f97ce 100%); }
.location_list ul li { float: left; padding: 5px;text-align: center; position: relative; width: 25%;
    list-style: none !important;
    margin: 00 !important;}
.location_list  ul li:before { color: #2bc6e8; content: "-"; font-size: 20px; font-weight: 600; padding-right: 5px;}
.checkbox_class{ cursor:pointer; }
.space_line{  background: #eee; margin:30px 0px; opacity:1; }
.form_contact label{ font-weight: 700; margin: 0; }
.form_contact label span{ margin-left: 3px; color: #2bc6e8; }
/* .form_contact input[type="text"]{ border-radius: 4px; margin-bottom: 15px; box-shadow: none; width: 100%;height: 42px;padding: 6px 12px; font-size: 16px;line-height: 1.5;color: #555555; background-color: #ffffff;background-image: none; border: 1px solid #cccccc; } 
.form_contact input[type="text"]:focus{ border: 1px solid #2bc6e8; }
.form_contact textarea{ margin-bottom: 50px; border-radius: 4px; margin-bottom: 15px; box-shadow: none; width: 100%;height: 100px;padding: 6px 12px; font-size: 16px;line-height: 1.5;color: #555555; background-color: #ffffff;background-image: none; border: 1px solid #cccccc; } 
.form_contact label.checkbox_class{font-weight: 400;}
.form_contact input[type="checkbox" i]{ margin-bottom:15px; }
.inner_title{text-align: center; margin-bottom: 20px;} */

.form_contact .q-field__append.q-anchor--skip{width: 10px;}

.form_contact .no-outline{display: none;}


.inner_page{padding: 48px 0px;}
.address_list{background: #28b2de ; background: -webkit-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ;    background: -moz-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ;   background: -ms-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ;
background: -o-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ;    background: linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#01ffff 100%) ;
color: #ffffff;  font-size: 18px; margin-bottom: 30px;  padding: 30px;  word-break: break-word; }
.address_list h4{ font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.address_list a{ color:#fff; }
.service_list p strong{  font-weight: bold;  color: #2bc6e8; }
.service_list li { list-style:disc; margin-left:30px; }
.social_media li { display:inline-block; margin-right:10px; }
.social_media li a{ display: inline-block; background: #ffffff ; border-radius: 50px; color: #363636 ; font-size: 26px; height: 40px; line-height: 28px; padding: 8px 5px;text-align: center; width: 40px; }
.inner_common ul {margin-bottom: 12px;}
.inner_common ul li{ list-style:disc; margin-left:40px; }
.inner_common a:hover{ color:#2bc6e8; text-decoration:underline; }
.social_media li a{transition: all ease 0.3s;}
.social_media li a:hover{ background:#155e7b; color:#fff; }
.breadcrumbs span{padding: 0px 5px;display: inline-block;}

/*Support**/
.faq_header{ display: block; padding: 8px 15px;cursor: pointer; color: #363636; font-size: 16px; }
.faq_item { border: 1px solid #e5e5e5; background: #eee; margin-bottom: 5px; }
.faq_item .faq_content{border-top: 1px solid #e5e5e5; padding: 15px; background: #ffffff;}
.faq_header.faq_title_open{background:#2bc6e8; color:#ffffff; }



/**Landing Page**/
.landing_banner{ color: #fff; background: #28b2de;
background: -webkit-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#197d7d 100%);
background: -moz-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#197d7d 100%); 
background: -ms-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#197d7d 100%);
background: -o-linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#197d7d 100%);
background: linear-gradient(329deg,#28b2de 0%,#239cd7 37%,#197d7d 100%); 
padding-top:180px; padding-bottom:120px; }
.landing_banner h2{ font-size: 80px; line-height: 94px; font-weight: 800; }
.landing_banner h5{font-size: 32px; line-height:1.2; }
.landing_banner a{ background:#104c64; color:#fff; padding:12px 30px; display:inline-block; border-radius:60px; text-transform:uppercase; font-size:24px; margin-bottom:20px; margin-top:24px; }
.landing_banner a:hover{background:#01ffff; }

.landing_banner h6{ font-size:42px; line-height:1.2; font-style:italic; font-weight:800; }
.landing_about{padding: 100px 0px;}
.contact_form { background: #eee; padding:30px;  }

.contact_form input.submitBtn{border: none; margin-top: 10px; max-width: 150px; -webkit-appearance: button; cursor: pointer; background: radial-gradient(circle farthest-side at top left,#1e4e66 0%,#1f97ce 50%,#01ffff 100%); font-weight: 600; text-transform: uppercase;padding: 6px 25px;color: #ffffff;}
.contact_form input.submitBtn:hover{ background: radial-gradient(circle farthest-side at top left,#01ffff 0%,#1f97ce 100%); }
.landing_about h4{font-weight: 700;margin-bottom: 25px; font-size: 32px;}
.landing_about h2{font-size: 80px !important; line-height: 80px !important;margin-bottom: 35px;}
.landing_about p{font-size: 20px; line-height: 1.4;}

.landing_features{ background:#fafafa; padding:100px 0px; text-align:center;  }
.landing_features h2{ font-size: 64px; line-height: 72px; text-align:center; }

.landing_features_box{ background: #155e7b;  }
.landing_features_box .Landing_feature_{ padding:60px 30px; color:#fff; height:100%;   }
.landing_features_box .Landing_feature_ h3{ font-weight: 800; font-size: 32px; line-height:38px; margin-bottom:20px; }
.landing_features_box .Landing_feature_  ul{ margin-left:25px; }
.landing_features_box .Landing_feature_ li{ list-style:disc; margin-bottom:10px; }
.learning_2{ background: #104c64; }

.map_section{margin-top: 40px;}
.map_section iframe{ width:100%; }
.map_section img{width:100%; }
.map_section h1{ font-weight: 500;  }



/***Mobile Responsive***/
@media(min-width: 768px){
.accordion_body{display: block!important;}


}

@media(min-width: 992px){
 

}

@media(min-width: 1200px){
.navbar-nav > li > a{ display: block; line-height: 94px; font-size:15px; }
.heaer_top li a,.navbar-nav li.has-sub-nav > ul > li a{  }
.header_sub {height: 140px;}

.navbar-nav li.has-sub-nav {position: relative; }
.navbar-nav > li ul {left:0px;float:left;width: 100%;text-align: left;position: absolute;width: 250px;background:#155e7b; font-weight: bold; z-index: 9;opacity: 0;top: 150%;visibility: hidden;-webkit-transition: all .15s ease; -moz-transition: all .15s ease;-ms-transition: all .15s ease;-o-transition:all .15s ease;transition: all .15s ease; }
.navbar-nav li:hover ul { opacity: 1;top: 100%;visibility: visible;}
.navbar-nav  li  > ul > li > a{padding: 8px 15px; display: block; color: #fff; }
.navbar-nav  li > ul > li:hover a{  background: #588333; color: #fff; }
.main_menu{display: inline-block!important;}
.navbar-nav{ flex-direction: row; align-items: center; }
.navbar{ justify-content: flex-end; padding: 0px 0px; }
.navbar-nav > li.has-sub-nav > a{ /*padding-right: 25px; */}
.has-sub-nav{ /*background-image: url(../images/dsub_menu.png);*/ background-position:96% 23px; background-size: 14px; background-repeat:no-repeat;}
.has-sub-nav a i{margin-left: 5px; position: relative; top: 2px; font-size: 16px;}
.navbar-nav > li.current_page_item > a{  color: #2bc6e8; }
.navbar-nav > li.current_page_item > a:before { bottom: -42px; width: 100%; }
.navbar-nav > li.current_page_item > a:after{left: 0; width: 100%; }

.inner_common h4{font-size: 20px; font-weight: 500; line-height: 1.1;} 
.inner_common h3{font-size: 28px; font-weight: 500; line-height: 1.1;} 
.inner_benifits{ padding-left:15px; padding-right:15px; }
.skynet_start .image_section{ padding-right:15px;  padding-left: 15px; margin-top: 30px;}
.overflowhideen .data_circle{ position: relative; top: -135px; }
.mobilemenu_icon_open,.mobilemenu_icon{display: none;}
.inner_page.inner_coverage h1,.inner_page.inner_coverage h1,.inner_page h1{margin-bottom: 24px;}
.inner_page p{margin-bottom: 12px;}
.service_box,.our_package_box{margin-right:5px;margin-left: 5px;}

}

@media(min-width: 1500px){
/*.container{max-width: 1440px;}*/
.heaer_top li a,.navbar-nav li.has-sub-nav > ul > li a{font-size: 18px; }
.header_sub {height: 140px;}


 
}

@media(min-width: 1700px){
.header_sub {height: 140px;}
 
 

}

@media(max-width: 1500px){
 .navbar-nav > li{   padding: 0px 6px; }
 .navbar-nav > li > a{font-size: 14px;    padding: 0px 4px;}

 .landing_banner{ padding-top:130px; padding-bottom:90px; }
.landing_banner h2{ font-size: 64px;    line-height: 68px; }
.landing_banner h6{ font-size:32px; line-height:40px; }
.landing_about{padding: 80px 0px;}
.landing_about h2{font-size: 64px !important;line-height: 70px !important;}
.landing_features {padding: 80px 0px;}
.landing_features h2{ font-size:48px; line-height:56px; }
.landing_features_box .Landing_feature_ { padding: 50px 30px; }

}




@media(max-width: 1199px){
h2{font-size: 36px !important; line-height: 50px !important;}
h3{font-size: 28px;line-height: 40px;}
h4{font-size: 20px;line-height: 30px;}
.mobilemenu_icon_open,.mobilemenu_icon{display: block;}

header{position: relative;}
.header_middle{padding: 6px 0px;}
.header_sub{height: 0px;}
.header_top_menu{ display: none;}
.main_menu{ display: none; }
.navbar-nav > li.has-sub-nav a { width: 100%; text-align: left;}
.navbar-nav{flex-direction: column;}
.navbar-nav > li > a { display: inline-block; font-size: 16px;display: block;}
.navbar { padding: 0;}
.sidebar_open:before{content:'';position:fixed;top:0;left:0;right:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%;z-index:9}
.mobilemenu_icon{ display:inline-block;overflow:hidden;cursor: pointer;right: 0;float: right;position: relative; font-size: 36px; color: #656565; }
.navbar_line{height:5px; background-color: #155e7b; position:absolute; top:5px; left:0; width:35px; }
.navbar_line2{top:15px;}
.navbar_line3{top:25px;}
.sidebar_open .mobilemenu_icon{background: transparent;}
.sidebar_open .navbar_line{left:100%; }
.sidebar_open .navbar_line2{left:100%;}
.sidebar_open .navbar_line3{left:100%; }
.mobilemenu_icon_open{  top: 15px; right: 15px; position:absolute;background-size:cover; z-index: 99; font-size: 20px; padding: 10px 12px; color: #363636;overflow:hidden; }
.navbarclose_line1{height: 2px;background-color: #363636;position: absolute;top: 11px;left: 0;width: 25px;transform: rotate(0); opacity:0;}
.navbarclose_line2{height: 2px;background-color: #363636;position: absolute;top: 11px;left: 0;width: 25px;transform: rotate(0); opacity:0;}
.sidebar_open .navbarclose_line1{transform: rotate(-136deg);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; transition-delay: 0.2s; opacity:100;}
.sidebar_open .navbarclose_line2{transform: rotate(136deg);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; transition-delay: 0.2s; opacity:100;}
.sidebar_open .navbar-header{ right:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.navbar-header{overflow: auto;}
.sidebar_open{ overflow:hidden}
.navbar-header { float: none; position: fixed; height: 100%; z-index:999999;background: #fff;width:300px;  top:0; right: -100%;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.navbar-nav {text-align: left; padding-top: 50px;}
.navbar-nav > li.has-sub-nav a{ width:100%;text-align: left;}
.navbar-nav > li.has-sub-nav.mega_menu{ background-image: none}
.navbar-nav > li.has-sub-nav.mega_menu  a{ width:100%}
.navbar-nav > li {width: 100%;display: block;text-align: left; border-bottom: none;}
.navbar-nav > li > a {color: #363636;padding: 20px 15px;margin:0; text-transform: uppercase;}
.navbar-nav > li > a:hover {  color: #2bc6e8; text-decoration: none;}
.navbar-nav > li > a:hover:after,.navbar-nav > li > a:hover:before{display: none;}
.navbar-nav > li > a {display: block;font-size: 16px;  }
.navbar-nav > li > ul > li {border-bottom:solid 1px rgb(246 246 255 / 40%);}
.navbar-nav > li > ul > li:last-child{border-bottom: none;}
.navbar-nav > li > ul > li > a {text-transform: capitalize; font-size:16px; font-weight: 400; padding: 10px 0;    display: block; color: #fff;}
.navbar-nav > li > ul {position: relative;width: 100%; top:0; left:0;background: rgba(0, 0, 0, 0.4); display: none}
.navbar-nav > li:hover{color:#ffcc2a;}
.navbar-nav > li > ul li { padding-left: 15px; }
.navbar-nav > li {padding: 0px 0px 0 0px;}
.navbar-nav > li.current-menu-item > a {  color: #fff;}
.navbar-nav > li:after {bottom: -1px;}
.navbar-nav > li:hover:after{ display: none}
.has-sub-nav{ /*background-image: url(../images/sub_menu.png); background-position:92% 16px; background-size: 14px;*/ background-repeat:no-repeat;}
.has-sub-nav{ position:relative; }
.has-sub-nav a i{ position:absolute; right:0px;  height:45px; width:45px; z-index:999;  background: rgba(0, 0, 0, 0.4); text-align: center; line-height: 45px; top:0px; }
 
.main_menu .sub-menu{display: none;}
.mobiledisplay{display: block;}
.banner_inner{padding: 80px 0px 90px 0px;}
.navbar-nav > li.current_page_item > a{ color:#2bc6e8; }
.landing_banner{ padding-top:100px; padding-bottom:70px; }
.landing_banner h2{ font-size: 48px;    line-height: 58px; }
.landing_banner h6{ font-size:24px; line-height:30px; }
.landing_about{padding: 70px 0px;}
.landing_about h2{font-size: 48px !important;line-height: 60px !important;}
.landing_features {padding: 70px 0px;}
.landing_features h2{ font-size:32px; line-height:36px; }
.landing_features_box .Landing_feature_ { padding: 50px 30px; }

}

@media(max-width: 991px){
h1{ font-size:42px !important; line-height:1.2 !important }
.our_package_box{margin-bottom: 30px;}
.internet_overlay{    position: relative; width: 100%; top: 0px;}
.data_circle{ padding:25px 0px; text-align:center; }
.data_circle a{ transform:none!important;  }
.skynet_start .data_circle{ right:auto; left:0px; top:0px;  }
.skynet_start .data_circle a{ width: 100px; height: 100px; font-size: 14px;    padding-top: 35px; }
.image_section{margin-bottom: 30px;}
.header_middle {padding: 6px 0px;}
.banner_inner{padding: 60px 0px 90px 0px;}
.mainfooter{ padding:50px 0px 35px 0px; }
.our_packages{ padding-top: 50px;  padding-bottom: 40px; }
.whowe_Are_box{   }
.container, .container-md, .container-sm { max-width: 100%;}
.whowe_Are{padding-top: 30px;}
.order_now_stripe{ padding:50px 0px;text-align:center; }
.order_now_stripe h3 {margin-bottom: 20px;}
.order_now_stripe h3 span{display: block;}
.form_section{ display:block; width:500px; margin:0 auto; }
.testimonial_slider .testimonials_item{left: 0px; transition: all 0.3s ease; position: relative;}
.slick-current.slick-active+.slick-active{ left:0px; }
.testimonial_slider .slick-list{ padding-right:0px; left: 0px; }
.footer_top:before{top: 0px;}
.footer_top{padding: 50px 0px;}
.testimonial_slider {margin-bottom: 40px;}
.testimonial_slider .testimonials_item{padding: 0px 20px; margin: 0px 0px;}
.testimonial_slider .slick-next{width: 40px; z-index: 99; height: 40px; bottom: 50%; right:10px; background:#fff; line-height:40px; border:1px solid #ddd;margin-bottom: -20px; }
.testimonial_slider .slick-prev{width: 40px;  z-index: 99;  height: 40px; top: 50%; margin-top: -20px; left:10px; background:#fff; line-height:40px; border:1px solid #ddd; }
.testimonial_slider .slick-prev:before{ content: "\f104"; font-weight: 900; font-family: "Font Awesome 5 Free";width: 30px;    height: 30px; font-size: 30px; }
.testimonial_slider .slick-next:before{ content: "\f105"; font-weight: 900; font-family: "Font Awesome 5 Free";width: 30px;    height: 30px; font-size: 30px; }
.testimonial_slider .slick-track{top: 0px;}
.location_list ul li {  width: 33.33%;}
.inner_page.inner_coverage h1, .inner_page h1{font-size: 36px;}
.subbanner h1{font-size: 42px;}
.subbanner{padding: 50px 0px; }

.inner_page.inner_coverage h1,.inner_page.inner_coverage h1,.inner_page h1{margin-bottom: 20px;}

.landing_banner{ padding-top:80px; padding-bottom:60px; }
.landing_banner h2{ font-size: 36px;    line-height: 42px; }
.landing_banner h6{ font-size:20px; line-height:30px; }
.landing_about{padding: 60px 0px;}
.landing_about h2{font-size: 36px !important;line-height: 42px !important;margin-bottom: 15px;}
.landing_features {padding: 60px 0px;}
.landing_features h2{ font-size:32px; line-height:36px; }
.landing_features_box .Landing_feature_ { padding: 20px 0px; }
.landing_about h4{font-size: 24px; }

.learning_2{background: none;}
.lading_banner_inner img{max-width: 100px;}
.contact_form{margin-top: 30px;}
.landing_features_box{padding: 50px 0px;}
.landing_features_box .Landing_feature_ h3{font-size: 24px;}
.landing_banner h5{font-size: 24px;line-height: 28px;}


}

@media(max-width: 767px){
.our_package_box ul{min-height:inherit}
h1{ font-size:36px !important; line-height:1.2 !important }
h2{font-size: 32px !important; line-height: 40px !important;}
h3{font-size: 24px;line-height: 36px;}
h4{font-size: 18px;line-height: 28px;}
body { font-size: 15px; line-height: 24px;}

.footer_contact_info h5{margin-bottom: 20px;}
 
.footer_we_are{margin-bottom: 25px;}
.whowe_Are_box a{display:block; text-align: center;}
.whowe_Are{padding-bottom: 60px;}
.footer_contact_info h5{margin-bottom: 15px;}
.whowe_Are{padding-top: 0px;}
.our_packages{padding-bottom: 15px;}
 .skynet_start{padding-top: 40px;}
.location_list ul li {  width: 50%;}
.inner_page.inner_coverage h1, .inner_page h1{font-size: 28px;}
.subbanner h1{font-size: 36px;}
.inner_page img{margin-top: 30px;}

.order_now_stripe{  background-position: 94% 12%;}
.footer_copyrights li + li:before{  display:none; }
.footer_copyrights li{display: block;}
.footer_contact_info h5,.quicklinkss h5,.socaillinks h5{margin-top: 25px;}

.lading_banner_inner,.landing_banner{ text-align:center;  }
.landing_features_box .Landing_feature_ h3{margin-bottom: 10px;}
.landing_features_box .Landing_feature_{padding: 0px; margin-bottom: 30px;}
.landing_banner h5{font-size: 24px;line-height: 28px;}
.lading_banner_inner{ margin-top:30px; }

}

.social_media_left {position:fixed; left:0px; top:40%; z-index:99;}
.social_media_left a{display:block; line-height:24px; color:#fff; background-color:#ccc; font-size:28px; padding:12px; text-align:center; }
.social_media_left a i{transition: all 0.3s ease;}
.social_media_left a:hover i{scale:1.2}

.social_media_left a.fb_link{ background-color:#3b5998;}
.social_media_left a.twt_link{ background-color:#1C9CEA;}

@media(max-width: 580px){
.form_section{width: auto; max-width: 100%;}
h1{ font-size:28px !important; line-height:1.2 !important }
.footer_contact_info h5,.quicklinkss h5,.socaillinks h5{ margin-bottom:10px; }
.footer_contact_info h5{margin-top: 0px;}
.subbanner h1{font-size: 28px;}
.socaillinks h5{margin-top: 10px;}
.order_now_stripe{text-align: center;}
.order_now_stripe h3{margin-bottom: 20px;}
.quicklinkss{margin-bottom: 20px;}
.mainfooter{ padding:40px 0px 25px 0px; }
.heaer_top{text-align: center;} 
.landing_banner h2{font-size: 32px;line-height: 1.2;}
.landing_banner h5{font-size: 18px;line-height: 28px;}
.landing_banner {padding-top: 50px; padding-bottom: 40px;}
.landing_about h4{margin-bottom: 5px;}
.landing_about h2{font-size: 28px !important;}
.landing_about,.landing_features{padding: 50px 0px;}
}