/* ==========================================================================
   Design and developed by www.veefx.com
   Email : info@veefx.com / vinayak5192@gmail.com;
   facebook: www.facebook.com/veefxx ;
   Bootstrap 3 version
========================================================================== */



/* ==========================================================================
   Default custom styles   #0070BA #0165A6 #01477a
========================================================================== */
body, h1, h2, h3, h4, h5, h6, p, a, ul, li, span{
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	font-family: 'Titillium Web', sans-serif;
}

*{font-family: 'Titillium Web', sans-serif;}

h1, h2, h3, h4{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	margin:0 0 10px 0;
}


h1 {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 100%;
}


h2 {
	font-size: 24px;
}


p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
	text-decoration: none;
}

span{display: block;}

.space{
	height: 80px;
}

b{font-size: 30px;}



/* ==========================================================================
   Top Social media CSS
========================================================================== */
.social-media{
	width: 100%;
	height: 30px;
	background-color: #0070BA;
	position: fixed;
	top: 0px;
	z-index: 9;
}

.call-us, .email{
	width: 320px;
	height: 30px;
	float: right;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	color: white;
	line-height: 30px;
}

.web-info{
	width: 300px;
	height: 30px;
	float: left;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	color: white;
	line-height: 30px;
	margin-left: 100px;
}

/* ==========================================================================
   multi level menu CSS
========================================================================== */

.dropdown-submenu {
    position: relative;
    background-color: #f5f5f5;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}




/* ==========================================================================
   Video Cover CSS
========================================================================== */
.video-cover{
	display: block;
	width: 100%;
	height: auto;
	background-image: url("../video/cover1.jpg");
	background-position: center top;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.video-bg{
	width: 100%;
	min-height: 560px;
	margin-top: 110px;
	position: relative;
}

.overlay-video{
	width: 100%;
	height: 400px;
	position: absolute;
	top: 250px;
}

.overlay-video p{
	text-align: center;
	font-size: 50px;
	color: white;
	letter-spacing: 1px;
	font-weight: 300;
}

.ovl-tag{	
	font-size: 16px;
	text-align: center;
	margin-top: 50px;
	font-weight: 300;
	color: white;
	letter-spacing: 2px;
	line-height: 20px;
}

.srt-trail{
	width: 200px;
	height: 40px;
	background-color: red;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	position: relative;
	top: 70px;
	margin: auto;
	/*border-bottom: 2px solid #0165A6;*/
	/*radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.prd-tour{
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	color: white;
	letter-spacing: 2px;
	line-height: 20px;
}

.prd-tour a {position: relative; top: 72px; color: white; border-bottom: 1px solid white;}
.prd-tour a:hover{text-decoration: none; color: white;}



.ddsproviders{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #222;
}

.ddsp-tag{
	text-align: center;
	font-size: 20px;
	color: white;
	letter-spacing: 1px;
	font-weight: 300;	
}

/* ==========================================================================
   Protection CSS
========================================================================== */
.prot-serv{
	background-color: #0070BA;
	padding-top: 40px;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}

.website-sec{
	text-align: center;
	font-size: 30px;
	color: white;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 30px;	
}

.ddos-prot{
	padding: 10px 15px;
	background-color: #01477a;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	/*radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	/*transition*/	
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		 -o-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
}

.ddos-prot:hover{
	color: white;
	background-color: #222;
	/*transition*/	
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		 -o-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
}


/* ==========================================================================
   Company Trust CSS
========================================================================== */
.comp-trust{
	background-color: white;
	position: relative;
	overflow: hidden;
}

.comp-trustes{
	background-color: white;
	position: relative;
	overflow: hidden;
}

.payment-tag{
	text-align: center;
	font-size: 30px;
	color: #0070BA;
	letter-spacing: 1px;
	font-weight: 300;	
	margin-top: 30px;
	font-weight: 500;
}

.slider-wrap {
	position: relative;
	margin: 20px auto;
	width: 1000px;
}
.slider {
	position: relative;
	width: 900px;
	margin: auto;
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
	text-align: center;
}
ul li span {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 100px;
}
.slider-arrow {
	position: absolute;
	top: 40px;
	width: 20px;
	height: 20px;
	background: #222;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
}
.sa-left {
	left: 10px;
	line-height: 16px;
}
.sa-right {
	right: 10px;
	line-height: 16px;
}




/* ==========================================================================
   Pricing tables CSS
========================================================================== */
.hosting-plans{
	background-color: white;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;	
}

.packages{	
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #f5f5f5;
	border-top: 1px solid #cccccc;
}

.packages h1{
	font-size: 40px;
	font-weight: 700;
	color: #2e2e2e;
	text-align: center;
}	
.packages p{
	font-size: 16px;
	color: #3c3c3c;
	text-align: center;
	margin: 0px;
}

.pricing{
	margin-top: 30px;
}

.pricing-table {
	text-align:center;
	font-weight:400;
	border:6px solid #0070BA;
	margin-bottom:30px;
	background:#fff;
	/*transition*/
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}

.pricing-table:hover{
-moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
}

.pricing-table .pricing-table-header {
	color:#fff;
	background: #0070BA;
	padding:0px;
}

.pricing-table-header .heading{
	display:inline-block;
	width:100%;
	padding:15px 0px;
	text-transform:uppercase;
	font-size: 15px;
}

.mediumrisk img{
	display: block;
	width: 80%;
	margin: auto;
}

.top-img img{
	position: absolute;
	top: 0px;
	left: 15px;
}

.pricing-table-features p {
	
	padding:5px 20px;
	text-align:center;
}
.pricing-table-features p:nth-child(2n){
	background:#ECF0F1;
}

.pricing-table-features, .pricing-table-space{
	background:#fff;
}

.pricing-table p{
	padding:5px;
	margin-top:5px;
	font-size:110%;
	font-weight:400;
	background:#fff;
}
.pricing-table p strong{
	font-weight:600;
}


.pricing-table-header .price-value {
	display:inline-block;
	width:100%;
	padding:20px 0px;
	background: #01477a;
	font-size: 18px;
	font-weight: 600;
}

.pricing-table-header .price-value span{
	font-size:300%;
}
.pricing-table-header .price-value span.mo{
	font-size:200%;
}

.view-more{	
	width: 80%;
	height: 40px;
	background-color: #01477a;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin: auto;
	margin-bottom: 8px;
	line-height: 40px;
	/*radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.view-more a{text-decoration: none; color: #f5f5f5;}
.view-more a:hover{text-decoration: none; color: white;}


.recommend-txt{
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}

.reco-info{
	background-color: #cccccc;
	padding-top: 10px;
	padding-bottom: 5px;
}

/* ==========================================================================
   Hype hosting CDN CSS
========================================================================== */

.hypehos{
	padding-top: 40px;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
	margin: auto;
}

.hype-tag{
	text-align: center;
	font-size: 30px;
	color: white;
	letter-spacing: 1px;
	font-weight: 500;
	margin-bottom: 30px;
	color: #0070BA;	
}

.hypehos ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.hypehos ul li{
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	color: #222;
}




/* ==========================================================================
   Global CDN CSS
========================================================================== */
.global-cdn{	
	height: 450px;
	padding-top: 40px;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}

.global-img{
	position: absolute;
	left: 200px;
	display: block;
	width: 1000px;
	min-height: 400px;
	background-image: url("../images/global-cdn.png") ;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: -9;
}

.gbl-tag{
	text-align: center;
	font-size: 30px;
	color: white;
	letter-spacing: 1px;
	font-weight: 500;
	margin-bottom: 30px;
	color: #222;
}

.gbl-sub{
	text-align: center;
	font-size: 16px;
	color: white;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 30px;
	color: #222;	
}

.glb-btn{
	width: 200px;
	height: 40px;
	background-color: #0070BA;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin: auto;
	margin-top: 120px;
	margin-bottom: 8px;
	line-height: 40px;
	/*radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;	
}

.glb-tour{
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	color: white;
	letter-spacing: 2px;
	line-height: 20px;
	color: #222;
}

.glb-tour a {color: #0070BA;; border-bottom: 1px solid #0070BA;;}
.glb-tour a:hover{text-decoration: none; color: #0070BA;;}



/* ==========================================================================
   Global CDN CSS
========================================================================== */
.abt-ddsh{	
	padding-top: 40px;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}

.abt-tag{
	text-align: center;
	font-size: 30px;
	color: white;
	letter-spacing: 1px;
	font-weight: 500;
	margin-bottom: 30px;
	color: #222;
}

.abt-ddsh h1{
	font-size: 26px;
	color: #0070BA;
}

.abt-tag p{
	font-size: 16px;
	text-align: justify;
}




/* ==========================================================================
   Customers CSS
========================================================================== */
.our-cust{	
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	background-color: #222;
	color: white;
}

.our-cust span{
	margin-right: 5px;
}





/* ==========================================================================
   Social media CSS
========================================================================== */
.media-social{	
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #0070BA;
	position: relative;
	overflow: hidden;
}

.social-tag{	
	text-align: center;
	font-size: 30px;
	color: white;
	letter-spacing: 1px;
	font-weight: 300;	
	font-weight: 500;
	margin-bottom: 40px;
}


.media-social img{
	cursor: pointer;
}

/* ==========================================================================
   Page two css   #0070BA #0165A6 #01477a
========================================================================== */
.vdo-tut{
	padding-bottom: 40px;
	background-color: white;
	position: relative;
	overflow: hidden;	
}

.vdo-tag{	
	text-align: center;
	font-size: 30px;
	color: white;
	letter-spacing: 1px;
	font-weight: 300;	
	font-weight: 600;
	margin-bottom: 40px;
	color: #0070BA;
}

.vdo-tut iframe{
	display: block;
	margin: auto;
}

.php-info{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: white;
	position: relative;
	overflow: hidden;
}

.php-info p {
	font-size: 16px;
	text-align: justify;
}



/* ==========================================================================
   highrisk ddos   #0070BA #0165A6 #01477a
========================================================================== */
.pln-hrsk{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
	position: relative;
	overflow: hidden;	
}
.plans-tag{	
	text-align: center;
	font-size: 30px;
	color: #0070BA;
	letter-spacing: 1px;
	font-weight: 300;	
	font-weight: 600;
	margin-bottom: 40px;
	color: #0070BA;
}

.pln-hrsk p{
	font-size: 16px;
	text-align: justify;
}

.pln-hrsk img{
	display: block;
	width: 80%;
	margin: auto;
}


/* ==========================================================================
   mitigation   #0070BA #0165A6 #01477a
========================================================================== */
.mitigate{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: white;
	position: relative;
	overflow: hidden;	
}

.mitigate ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.mitigate ul li{
	display: block;
	text-align: left;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	color: #222;
}

.mitigate ul li:before{	
  content: url('../images/yes.png');
  width: 100%;
  height: 100%;
  margin-right: 10px;
}

.mitigate-tag{	
	text-align: center;
	font-size: 30px;
	color: #0070BA;
	letter-spacing: 1px;
	font-weight: 300;	
	font-weight: 600;
	margin-bottom: 40px;
	color: #0070BA;
}

.ddosprog{
	display: block;
	margin: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: white;
}

.ddosprog img{
	display: block;
	margin: auto;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: white;
}


/* ==========================================================================
   Page three css   #0070BA #0165A6 #01477a
========================================================================== */
.feat-ddhp{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #0070BA;
	position: relative;
	overflow: hidden;	
}

.feat-tag{	
	text-align: center;
	font-size: 30px;
	color: white;
	letter-spacing: 1px;
	font-weight: 300;	
	font-weight: 600;
	margin-bottom: 40px;
	color: white;
}

.feat-ddhp img{
	display: block;
	width: 75px;
	margin: auto;
	margin-top: 20px;
}

.feat-ddhp h1{
	font-size: 22px;
	font-weight: 600;
	color: #01477a;
}

.feat-ddhp p{
	font-size: 16px;
	color: white;
}




/* ==========================================================================
   Social media CSS
========================================================================== */
footer{	
	padding-top: 40px;
	background-color: #222;
	position: relative;
	overflow: hidden;
}

footer ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

footer ul li{
	display: block;
	text-align: left;
	margin: 5px 0px 5px 0px;
}

footer ul li a{
	font-weight: 500;
	font-size: 14px;
	color: white;
}

footer ul li a:hover{
	color: #0070BA;
	text-decoration: none;
}

footer ul li strong{
	font-weight: 700;
	color: #0070BA;
}

/* ==========================================================================
   Gurantee CSS
========================================================================== */
.our-grnt{	
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.our-grnt img{
	display: block;
	margin: auto;
	width: 100%;
}

.grnt-tag{
	text-align: center;
	font-size: 20px;
	color: white;
	letter-spacing: 1px;
	font-weight: 500;
	margin-bottom: 30px;
	color: #0070BA;	
}

.rights-tag{
	text-align: center;
	font-size: 12px;
	color: white;
	letter-spacing: 1px;
	font-weight: 500;
	margin-top: 20px;
	padding-bottom: 10px;
	color: white;	
}

.rights-tag a{color: white;}


.float_sharer 
{
     text-align:center;
     width:70px;
     border-radius: 10px;
     background-color:white;
     padding : 10px;
     position: fixed;
     box-shadow:0 0 10px #00707F inset;
     top: 200px;
     left: 0px;
     z-index: 10;
}