@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}
.network_bn{background-color: rgba(0, 0, 0, 0);background-repeat: no-repeat;background-image: url(../img/wwntwrk.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px}
.form-topbg{background-color: rgba(0, 0, 0, 0.6); width:400px; right:5% !important; float:right}
#form-top {padding:10px 40px;margin:10px 0;}
#form-top h3 {color: #fff;display: block;font-size: 30px;font-weight: 400;}
#form-top h4 {margin:5px 0 15px;display:block;font-size:1.5em; color:#fff}
fieldset {border: medium none !important;margin: 0 0 10px;min-width: 100%;padding: 0;width: 100%;}
#form-top input[type="text"], #form-top input[type="email"], #form-top input[type="tel"], #form-top input[type="url"], #form-top textarea {width:100%;border:1px solid #CCC;	background:#FFF;margin:0 0 5px;padding:5px; border-radius:3px; color:#000}
#form-top input[type="text"]:hover, #form-top input[type="email"]:hover, #form-top input[type="tel"]:hover, #form-top input[type="url"]:hover, #form-top textarea:hover {	-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #AAA;}
#form-top textarea {height:70px;max-width:100%;resize:none;}
#form-top button[type="submit"] {cursor:pointer;width:100%;border:none;background:#0CF;color:#FFF;margin:0 0 5px;padding:5px;font-size:15px;border-radius:3px;}
#form-top button[type="submit"]:hover {background:#09C;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
#form-top button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }
#form-top input:focus, #form-top textarea:focus {outline:0;border:1px solid #999;}
::-webkit-input-placeholder {color:#888;}
:-moz-placeholder {color:#888;}
::-moz-placeholder {color:#888;}
:-ms-input-placeholder {color:#888;}

.vc_banner-title{background-repeat: no-repeat;background-image: url(../img/it-consulting.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%; height:450px}
#form-mrgn{margin-top:40px; border-radius:5px;}

.bg-14{background-repeat: no-repeat;background-image:url(../images/add-header/server-solutions.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-15{background-repeat: no-repeat;background-image:url(../images/add-header/data-storage-solutions.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-16{background-repeat: no-repeat;background-image:url(../images/add-header/data-backup-solution.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-17{background-repeat: no-repeat;background-image:url(../images/add-header/data-security-solutions.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-18{background-repeat: no-repeat;background-image:url(../images/add-header/solution-design.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-19{background-repeat: no-repeat;background-image:url(../images/add-header/power-solution.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-20{background-repeat: no-repeat;background-image:url(../images/add-header/desktop-latop.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-21{background-repeat: no-repeat;background-image:url(../images/add-header/printing.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-22{background-repeat: no-repeat;background-image:url(../images/add-header/manage-services.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-23{background-repeat: no-repeat;background-image:url(../images/add-header/checkpoint.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-24{background-repeat: no-repeat;background-image:url(../images/add-header/microsoft-deployment.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-25{background-repeat: no-repeat;background-image:url(../images/add-header/designing-render-farms.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-26{background-repeat: no-repeat;background-image:url(../images/add-header/rf-warehousing.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-27{background-repeat: no-repeat;background-image:url(../images/dcimg/baner.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;height: 450px;}

.bg-28{background-repeat: no-repeat;background-image:url(../images/add-header/hospitality-solutions.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-cyber{background-repeat: no-repeat;background-image:url(../images/add-header/cybersecurity.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-29{background-repeat: no-repeat;background-image:url(../images/add-header/cabling-solution.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-30{background-repeat: no-repeat;background-image:url(../images/add-header/remote-monitoring-solution.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.bg-31{background-repeat: no-repeat;background-image:url(../images/add-header/aboutus.jpg);background-size: cover;background-position: center center;width: 100%;height: 100%;padding-right: 100px;height: 450px;}

.storage-p{margin-top:25px}

.enquire {position: fixed; top: 50%; right: -4%; z-index: 1000; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);float: right; }
.enquire a {display: block; background:#ff0; color: #000;text-align: center; padding: 16px 26px; font-size: 1.2em; font-weight:600; text-decoration: none;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-radius: 5px 5px 0px 0px; border:0px solid#000; box-shadow: 0px 0 10px 0px #000; line-height:10px}
.enquire a:hover {background:#0016ff; color:#fff}

/*data center*/
.dcbaner{background:url(../images/dcimg/baner.jpg) top center no-repeat; background-size:cover; height:450px}
.dcbaner h1{font-size:5em; color:#FFF; text-transform:uppercase; font-weight:100; line-height:70px; text-align:center; padding:150px; font-family:'Roboto',sans-serif}
.dcintro{margin-top:25px}
.dcintro blockquote{font-size:1.1em; font-weight:600; color:#031f5f; line-height:25px}
.dcbusiness{margin-top:25px}
.dcbusiness h2{font-size:2.5em; color:#031f5f; font-weight:100; line-height:20px; font-family:'Roboto',sans-serif; text-align:left}
.dcbusiness span{font-weight:600}
.dcbusiness p{font-size:1.1em; color:#031f5f; font-weight:300; line-height:30px; font-family:'Roboto',sans-serif}
.dcbusiness  ul{}
.dcbusiness li{font-size:1.1em; color:#031f5f; font-weight:300; line-height:30px; font-family:'Roboto',sans-serif}
.dcbusiness img{float:right}
.upgradedc{margin-top:40px; background:url(../images/dcimg/upgradedc.jpg) top center no-repeat; height:375px; background-size:cover; padding:150px 100px}
.upgradedc h2{font-size:2.5em; color:#fff; font-weight:100; line-height:20px; font-family:'Roboto',sans-serif; text-align:center; margin-bottom:25px}
.upgradedc span{font-weight:600}
.upgradedc p{font-size:1.2em; color:#fff; font-weight:300; line-height:25px; font-family:'Roboto',sans-serif; text-align:center}
.dcserverroom{margin-top:40px;}
.dcserverroom h2{font-size:2.5em; color:#031f5f; font-weight:100; line-height:40px; font-family:'Roboto',sans-serif;text-align:left}
.dcserverroom span{font-weight:600}
.dcserverroom li{font-size:1.1em; color:#031f5f; font-weight:300; line-height:30px; font-family:'Roboto',sans-serif}
.dcserverroom p{font-size:1.1em; color:#031f5f; font-weight:300; line-height:25px; font-family:'Roboto',sans-serif}
.ready{ background:#0016ff; color: #fff;text-align: center; padding: 16px 26px; font-size: 1em; font-weight:600; text-decoration: none;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-radius: 5px; border:0px solid#000; box-shadow: 0px 0 10px 0px #000; line-height:10px}
.ready:hover {background:#ff0; color:#000}
.bb5{margin-top:50px}
.well{margin-top:40px; padding:50px 100px}
.well h2{font-size:2.5em; color:#031f5f; font-weight:100; line-height:40px; font-family:'Roboto',sans-serif;text-align:left}
.well span{font-weight:600}
.well p{font-size:1.1em; color:#031f5f; font-weight:300; line-height:20px; font-family:'Roboto',sans-serif}
.casestudy{margin-top:50px}
.casestudy h2{font-size:2.5em; color:#031f5f; font-weight:100; line-height:40px; font-family:'Roboto',sans-serif;text-align:left}
.casestudy span{font-weight:600}
.casestudy p{font-size:1.1em; color:#031f5f; font-weight:300; line-height:25px; font-family:'Roboto',sans-serif}

#dcform{border-radius:5px;padding:20px 20px 0; border:1px solid#5e6d7d;width:95%; background:#f3f3f3}
#dcform .form-group{color:#000;width:100%;font-weight:normal;font-size:15px;margin-bottom:25px}
#dcform .form-btm{margin-bottom:15px}
#dcform .form-control{background:transparent;border:0px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;opacity:1;color:#2f3a4c;padding-left:10px!important;font-size:1.1em;font-weight:300; border:1px solid#031f5f; color:#031f5f}
#dcform .top-mrgn input{box-shadow:none}
#dcform .btn{float:left}
#dcform .apply-now{margin:0}
#dcform .input-group{border:0;width:100%}
#dcform input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#dcform input[type=number]{-moz-appearance:textfield}
#dcform .input-group{width:100%;padding:0;margin:0}
#dcform .form-group{width:100%}
#dcform .form-group{padding-right:0;padding-left:0;z-index:1;height:auto}
/*data center*/

/*code is written by Divya chaubey*/
@media (min-width:320px) and (max-width:375px){
.network_bn{padding-right:0px;width: 100%;height: 100% !important;}
.simple_slide .banner{height:370px!important; clear:both}
#form-top h4 {margin: 5px 0 15px;font-size: 1.3em;}
.slider .container{background:#f00}
.enquire {top: 50%; right: -15%;}
.dcbaner{height:250px}
.dcbaner h1 {font-size: 2em;line-height: 34px;padding: 70px 0;}
.dcbusiness h2 {font-size: 2em;line-height: 30px;}
.ready{margin-top:30px}
.upgradedc {height: 375px;background-size: cover; padding: 50px 10px;}
.upgradedc h2{font-size:2em;line-height: 33px; margin-bottom:15px}
.dcserverroom h2 {font-size: 2em;line-height: 32px;}
.well {padding:10px;}
.well h2 {font-size: 2em;line-height: 33px;}
.casestudy h2 {font-size: 2em;line-height: 33px;}
}	
@media (min-width:377px) and (max-width: 768px){
.form-topbg {width: 100%;height: auto;}
.vc_banner-title {height:auto;padding-right: 0px;}
.network_bn{padding-right:0px;width: 100%;height: 100% !important;}
.simple_slide .banner{height:370px!important; clear:both}
#form-top h4 {margin: 5px 0 15px;font-size: 1.3em;}
.enquire {top: 50%; right: -10%;}
.dcbaner{height:250px}
.dcbaner h1 {font-size: 2em;line-height: 34px;padding: 70px 0;}
.dcbusiness h2 {font-size: 2em;line-height: 30px;}
.ready{margin-top:30px}
.upgradedc {height: 264px;background-size: cover; padding: 50px 10px;}
.upgradedc h2{font-size:2em;line-height: 33px; margin-bottom:15px}
.dcserverroom h2 {font-size: 2em;line-height: 32px;}
.well {padding:10px;}
.well h2 {font-size: 2em;line-height: 33px;}
.casestudy h2 {font-size: 2em;line-height: 33px;}
}

@media (min-width:768px) and (max-width:1140px){
.network_bn{padding-right:0px;width: 100%;height: 100% !important;}
.simple_slide .banner{height:370px!important; clear:both}
#form-top h4 {margin: 5px 0 15px;font-size: 1.5em;}
.enquire {top: 50%; right: -7%;}
}