@import "reset.css";
@import "font-awesome.min.css";
@import "btnStyle.css";
@import "hamburger-icons-master.css";

@import "min-width-1200-3000.css";
@import "min-width-768-1199.css";
@import "min-width-600-767.css";
@import "min-width-481-599.css";

 

body{font-size:15px;font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif; background-color: #f8fefc; color:#2b456c; background-image:url(../img/videoposter.jpg); background-attachment:fixed!important; background-repeat:repeat;}

body header,body section ,body footer ,body button, bodu div, body ul li ,#networkLeft,#networkRight {transition:0.2s ease;-moz-transition:0.2s ease;/* FF3.7+ */-o-transition:0.2s ease;/* Opera 10.5 */-webkit-transition:0.2s ease; /* Saf3.2+, Chrome */}
html {overflow-y:scroll;-webkit-text-size-adjust:100%;}  
div.container{width:100%!important; padding:0!important;}
button {padding: 0;border: none!important;outline:none!important; cursor:pointer; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; }

/*header*/
header  #video-container    {background:url(../img/videoposter.jpg) center center repeat; }
header             {width:100%; height:70px; margin:0 auto;}
header #logo   {cursor:pointer;}
header nav ul li:hover {color:#7ec9ff!important;}
.active         {color:#b8fce5!important; } 

/*section.home*/
header.home  {height:910px;}
header.home article {width:70%;  height:auto; margin:0 auto; position:relative;color:#2b456c; line-height:32px; padding:20px; text-align:center; background-color: rgba(4, 60, 99, 0.6); }
header.home article h1 {color:#fff; line-height:32px; }
header.home article.home p:nth-child(2){color:#fff!important;  padding:0 0 15px 0!important;}
section.home article p{text-align:center; margin:0 auto;}
section.home article button{}
section #serviceItem{width:100%; background-color: rgba(255, 255, 255, 0.9); background:url(../img/test2.jpg) 50% 0 repeat!important; }
section #serviceItem ul{position:relative!important;  opacity:1!important;}
section #serviceItem ul li{position:relative; left:0px; height:200px;  padding:20px 0 20px; border-right:1px dotted #fff;}
section #serviceItem ul li p {width:90%; text-align:center; margin: 0 auto;}
section #serviceItem ul li p:nth-child(1),
section #serviceItem ul li p:nth-child(2) {color:#fff!important;}
section #serviceItem ul li p:nth-child(3){padding:5px 0 0 0; color:#fff!important; width:70%;  margin: 0 auto; line-height:18px;}
section #serviceItem ul li i {padding:0 0 1px 0;}
section #serviceItem ul li button{width:100px; margin:20px auto 0 -60px;}
section #serviceItem ul li:last-child{border:none!important;}
h2.navpagehead   {width:85%; color:#fff;font-size:32px;text-align:left; margin:0px auto 0 auto!important; padding:20px!important; position:relative; top:40px!important; background-color: rgba(4, 60, 99, 0.2); }
h2.navpagehead  span {font-size:15px!important; color:#e6e6e6}


/*section*/
section:not(.home)   {background:url(../img/test2.jpg) 50% 0 repeat!important; min-height:650px;  -webkit-box-shadow: 2px 3px 33px -14px rgba(0,0,0,1);-moz-box-shadow: 2px 3px 33px -14px rgba(0,0,0,1);box-shadow: 2px 3px 33px -14px rgba(0,0,0,1);}
section p            {width:100%; text-align:justify;}
section article       {width:100%; margin:0 auto; color:#fff; padding:50px 0 50px 0; line-height:22px;}
section article h2  {font-size:32px; padding:0 0 5px; font-weight:bold;}
section article h2.sub  {font-size:18px; padding:0 0 5px; font-weight:bold; border-bottom:1px dotted #546c93}
section article h3 {font-weight:bold; margin:20px 0 0 0;}
section article p   {text-align:left!important;}
section article ul    {padding:10px 0 25px; }
section article ul li  {list-style-type:square; list-style-position:outside; position:relative; left:15px;}
section article table {width:100%; color:#2b456c; margin:20px 0 0 0;}
section article table tr td{padding:15px}
section article table tr td:first-child,section.server article.support table tr:first-child{font-weight:bold;}
header.home article,
section article,
h2.navpagehead {max-width:1100px;} 

/*section.home*/
section.home #serviceItem            {height:auto; min-height:400px; padding:0 0 100px 0; border-top:6px solid #fff;}
section.home #serviceItem ul {position:relative; top:70px!important;}
section.home #serviceItem ul li{width:33%; }
#networkLeft {margin-top:-190px; margin-left:-1200px;  left:0%!important;}
#networkRight {margin-top:-193px; margin-left:1301px;  background:url(../img/rightNetwork.png) 0% bottom no-repeat ; left:100%!important; }
#networkLeft {width:200px; height:196px; background:url(../img/leftNetwork.png) left center; animation: play1 3s steps(3) infinite;}
#networkRight {width:197px; height:197px; background:url(../img/rightNetwork.png) left center; animation: play2 3s steps(3) infinite;}
@keyframes play1{100%{background-position: -600px;}}
@keyframes play2{100%{background-position: -591px;}}
/*section.services*/
section.services #serviceItem     {height:auto; min-height:400px;  padding:0 0 100px 0;}
section.services #serviceItem ul li{width:49%;}

/*section.server*/
section.server #serviceItem     {height:auto; min-height:400px;  padding:0 0 150px 0;}
section.server #serviceItem ul li{width:19.6%;}

/*section.network*/
section.network #serviceItem     {height:auto; min-height:400px;  padding:0 0 100px 0;}
section.network #serviceItem ul li{width:19.6%;}
section.network #networkTransfer {width:355px; height:322px; }
section.network #networkTransfer img {width:auto; max-width:100%;}
section.network #wifiImg {width:auto; max-width:100%; text-align:center;}
section.network #wifiImg img{width:auto;  max-width:100%!important;}

/*section.products*/
#productsitem {width:100%; padding:20px 0 0px 0!important;}
#productsitem  #item  {height:320px;}
#productsitem  #item  p{text-align:center;}
#productsitem  #item  p:first-child img{width:auto;  max-width:100%!important; border:5px solid #96bbff}
#productsitem  #item  p{width:200px;}
#productsitem  #item  p:nth-child(2){font-weight:bold;}
#productsitem  #item  p:nth-child(3){height:50px;}

/*section.contact*/
section.contact #content2Address{padding:20px; width:435px; margin:200px 0 0 -560px; top:0; background-color: rgba(29, 44, 77, 0.9); color:#fff!important; z-index:9990; font-size:17px; }
section.contact#content2Address{-webkit-box-shadow: -1px 0px 17px -7px rgba(252,252,252,1);-moz-box-shadow: -1px 0px 17px -7px rgba(252,252,252,1);box-shadow: -1px 0px 17px -7px rgba(252,252,252,1);}
section.contact #content2Address label{width:130px!important; clear:both; float:left; text-align:right; padding:10px 0 10px 0;  }
section.contact #content2Address label:after{content:' :';}
section.contact #content2Address label:nth-child(15):after {content:'';} 
section.contact #content2Address label i{position:absolute; left:0; margin:0 0 0 32px;}
section.contact #content2Address div {float:left;   width:284px; position:relative; left:6px; padding:10px 0 10px 0;}
section.contact #map {width:100%; clear:both!important; height:680px; background-color:transparent;}
section.contact h2 {padding:0 0 20px 0;}

div#imgWrapper{width:100%; height:auto; position: relative; top:-2px; display:block; padding:0 0 20px; }
div#imgWrapper img{width:auto!important; max-width:100% !important; max-height:100%!important; display:block;}


/*section.partners*/
section.partners {height:100%!important; padding-bottom:100px;}
section.partners #partnersWrapper { width:100%; margin:0 auto!important; text-align:center;}
section.partners #partnersWrapper ul {width:auto;}
section.partners #partnersWrapper ul li{height:102px; float:left; border:2px solid #284870; background-repeat:no-repeat!important; background-position:center center!important; background-color:#fff!important;}
section.partners #partnersWrapper ul {padding:0 0 20px 0!important; position:relative; left:-10px;}

table {background-color:#eff1f1;}
table tr td {border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6,}
article.networkMaintenance table tr td {width:50%;}

/*footer*/
footer {width:100%; height:auto; min-height:120px; padding:15px 0 20px 0; margin:0 auto; font-size:14px;  border-top:1px solid #2b456c;background-color: rgba(0, 27, 86, 0.5);  }
footer li {cursor:pointer;}
footer ul#footerNav li{width:188px!important;}
footer #footerAddress {font-family:'Arial'!important;}
footer #footerAddress a {color: inherit!important; text-decoration: none!important; cursor:default; font-weight:normal!important;}
footer #footerSupportLogo a {width:100px; color:#fff; font-size:9px; font-weight:inherit!important; cursor:pointer!important;}
footer #footerSupportLogo a i {font-size:9px; position:relative;  top:-2px;}

header nav,
header #logo,
section #serviceItem ul li button,
section.home #networkLeft,
section.home #networkRight,
section.network #networkTransfer,
section.contact #content2Address,
section.partners #partnersWrapper ul,
footer #makeEnquiry,
footer #footerAddress, 
footer ul#footerNav,
footer p#copyright,
footer #footerSupportLogo,
footer #footerLogo,
footer #footerSupportLogo a 
{position:absolute; left:50%; color:#fff; }

/*class*/
span.b2 {font-weight:bold; color:#234c3e; }
span.red {font-weight:bold; color:red; }
span.blue {font-weight:bold; color:#98d1fe; }
a             {text-decoration:none!important; color:#234c3e; font-weight:bold!important;}
a:hover {color:#3f6357; text-decoration:none!important;  }
.none {list-style:none!important;}
.bold {font-weight:bold!important;}
 
video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;background-size:cover;
}
*::-webkit-media-controls-panel{display: none!important; -webkit-appearance: none;}/* Old shadow dom for play button */
*::--webkit-media-controls-play-button{display: none!important; -webkit-appearance: none;}/* New shadow dom for play button */
*::-webkit-media-controls-start-playback-button{display: none!important; -webkit-appearance: none;}/* This one works */