@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
/*font-family: 'Roboto', sans-serif;*/


@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,600,700,900');
/*font-family: 'Cairo', sans-serif;*/


.fa {
	font-family: FontAwesome !important;
}

*{
font-family: 'Roboto', sans-serif;
list-style: none;
}
ul,h1,h2,h3,a, p{
	text-decoration: none !important;
	margin: 0;
	padding: 0;
}

/*Design start*/

/*Header*/
.header-top{
	padding: 15px 0;
	background: #ffd52e;
}
.top-info ul li{
	float: left;
	margin-right: 15px;
	font-size: 14px;
	font-weight: 400;
	color: #222;
}
.top-info ul li i{
	margin-right: 10px;
}
.header-social ul li{
	float: left;
	margin:0 10px; 
}
.header-social ul li a{
	color: #000;
	font-size: 18px;
}

/*Nav area*/
.nav-area{
	background: url(../images/menu-bg.jpg) repeat-x;
	padding: 15px 0;
}
.nav-item{
	margin: 0 5px;
}
.nav-link{
	color: #646464;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}
.navbar{
	display: inherit;
}
.navbar-toggler{
	float: right;
}

.footer-about p{
	line-height: 25px !important;
}

/*Banner*/
.banner-area{
	position: relative;
	z-index: -1;
}
.banner-describe h2{
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 24px;
}
.banner-describe p{
	font-size: 25px;
	font-weight: 800;
	color: #ffd52e;
}


/*Welcome area*/
.welcome-area{
	background: #f7f7f7;
	padding-bottom: 50px;
}
.estimate-form{
	padding:20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe57f+0,ffd52e+100 */
background: rgb(255,229,127); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,229,127,1) 0%, rgba(255,213,46,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,229,127,1) 0%,rgba(255,213,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,229,127,1) 0%,rgba(255,213,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe57f', endColorstr='#ffd52e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
position: relative;
border-radius: 20px;
z-index: 0;
margin-top: -65px;
}
.estimate-form:after{
	position: absolute;
	content: "";
	left: 50%;
	top: 100%;
	background: url(../images/form-shadow.png) no-repeat;
	width: 363px;
	height: 31px;
	transform: translateX(-50%);
	z-index: -1;
}
/*.estimate-form:before{
	position: absolute;
	content: "";
	right: -77px;
	top: 50%;
	background: url(../images/bulb.png) no-repeat;
	width: 169px;
	height: 288px;
	transform: translateY(-50%);
	z-index: -1;
}*/

.estimate-form img{
	border-radius: 20px;
}

.form-heading{
	margin-bottom: 30px;
}
.form-heading h3{
	font-weight: 300;
	color: #000;
	text-transform: 
	margin-bottom:10px;
	font-size: 18x
}
.form-heading h2{
	font-weight: 800;
	color: #000;
	text-transform: 
	margin-bottom:10px;
	font-size: 27px;
}

/*.form-mid .input[type='text'], .form-mid .input[type='email'], .form-mid .input[type='tel'],*/ .form-mid .form-control{
	height: 46px;
	border: 1px solid #e6bd1d !important;
	border-radius: 7px;
}
.form-mid textarea{
	height: 118px !important;
	border-radius: 7px;
}
.form-mid button, .form-mid input[type='submit']{
	background: #000;
	padding: 10px 25px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	border: 0px;
	border-radius: 7px;
}

.welcome-describe{
	margin-top:40px; 
}
.common-heading h2{
	font-size: 36px;
	font-weight: 800;
	color: #010e14;
	display: table;
	margin: 0 auto 35px;
}
.common-heading h2 span{
	color: #ffd52e;
}
.welcome-describe p{
	font-size: 14px;
	font-weight: 400;
	color: #000;
	line-height: 21px;
	text-align: center;
	margin-bottom: 25px;
}


/*Service area*/
.service-area{
	background:#fff url(../images/service-bg.jpg) no-repeat center top;
	padding: 50px 0;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	z-index: 0;
}
/*.service-area:after{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	z-index: -1;
	background: url(../images/service-model.png);
	width: 195px;
	height: 462px;
}*/
.each-service img{
	border-radius: 15px;
}
.service-describe{
	background: #fff;
	padding: 163px 23px 23px 23px;
	margin-top: -140px;
	border-radius: 10px;
	margin-bottom: 25px;
}
.service-describe h3{
	font-size: 20px;
	font-weight: 800;
	color: #000;
	display: table;
	margin: 0 auto 25px;
	text-transform: uppercase;
}
.service-describe p{
	font-size: 13px;
	font-weight: 500;
	color: #000;
	display: table;
	margin: 0 auto 25px;
	line-height: 21px;
	text-align: center;
	height:170px;
}
.service-describe a{
	font-size: 16px;
	font-weight: 500;
	color: #000;
	display: table;
	margin: 0 auto -45px;
	line-height: 21px;
	padding:15px 25px;
	background: #ffd52e;
	border-radius: 15px;
	transition: 0.3s;
}
.service-describe a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe57f+0,ffd52e+100 */
background: rgb(255,229,127); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,229,127,1) 0%, rgba(255,213,46,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,229,127,1) 0%,rgba(255,213,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,229,127,1) 0%,rgba(255,213,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe57f', endColorstr='#ffd52e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
transition: 0.3s;
}


/*Gallery area*/
.gallery{
	background: #fff;
	padding: 25px 0;
}
.each-gallery{
	position: relative;
	overflow: hidden;
	transition: 0.2s;
}
.each-gallery:hover .gal-hover{
    transform: scale(1);
	transition: 0.2s;

}
.gal-hover{
    position: absolute;
    background: rgba(20, 68, 137, 0.70);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: 0.2s;
}
.gal-hover a img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}



/*contact-us-area*/
.contact-us-area{
	padding: 50px 0;
}
.address-contact {
    border: 1px solid #B02821;
    padding: 10px;
    border-radius: 5px;
}
.address-contact ul li{
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.address-contact ul li i{
	width: 30px;
	height: 30px;
	background: #1e8932;
	color: #fff;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	margin-right: 15px;
	float: left;
	font-size: 15px;
}
.contact-map iframe{
	border: 3px solid #B02821;
	border-radius: 5px;
}
#map{
	height: 435px;
	border: 3px double #B02821;
	border-radius: 5px;
}
.form-button button, .form-button input[type='submit']{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
background: rgb(241,231,103); /* Old browsers */
background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
color: #222;
font-weight: 700;
padding: 5px 12px;
border-radius: 5px;
border: 0px;
}



/*Service noyifier*/
.service-notifier{
	padding: 58px 0;
	background: #1f2625;
}
.notify-describe h2{
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.notify-describe p{
	font-size: 25px;
	font-weight: 400;
	color: #ffd52e;
}
.ntify-linker a{
	font-size: 16px;
	font-weight: 500;
	color: #000;
	float: right;
	padding:15px 25px;
	background: #fff;
	border-radius: 15px;
	text-transform: uppercase;
}


/*Blog area*/
.our-blog-area{
	background: url(../images/blog-bg.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
	padding: 40px 0;
}
.each-blog{
	position: relative;
	z-index: 0;
}
.each-blog:after{
	position: absolute;
	content: "";
	width: 90%;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	z-index: -1;
}
.each-blog h2{
	font-weight: 800;
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
}
.each-blog h3{
	font-weight: 300;
	font-size: 18px;
	color: #000;
	font-style: italic;
	margin-bottom: 21px;
}
.each-blog p{
	font-weight: 400;
	font-size: 14px;
	color: #000;
	line-height: 21px;
}
.date{
	font-size: 18px;
	font-weight: 400;
	color: #fff !important;
	padding: 10px;
	background: #000;
}
.blog-describe{
	padding: 20px 0;
}



/*Partners*/
.partners{
	padding: 45px 0;
	background: #ffd52e;
}


/*Footer*/
footer{
	background: #1f2625;
}
.footer-top{
	padding: 50px 0;
	border-bottom: 1px solid #404948;
}
.footer-btm{
	padding: 15px 0;
}
.footer-sec{
	padding: 25px;
	border: 1px solid #404948;
	border-radius: 15px;
}
.footer-heading h2{
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 20px;
	text-align:left;
}
.footer-heading h2:after{
	position: absolute;
	content: "";
	background: #ffd52e;
	width: 60px;
	height: 3px;
	bottom: 0;
	left: 0;
}
.footer-sec p{
	font-size: 14px;
	font-weight: 300;
	color: #a9a9a9;
	line-height: 19px;
	margin-bottom: 15px;
}
.footer-sec a{
	color: #ffd52e;
	font-size: 14px;
	font-weight: 700;
}
.footer-address ul li{
	margin-bottom: 10px;
}
.footer-address ul li i{
	float: left;
	width: 10%;
	color: #ffd52e;
	font-size: 14px;
}
.footer-address ul li p{
	float: left;
	width: 90%;
	margin: 0px;
}
.footer-newsletter .form-control{
	height: 43px;
	background: #474d4c;
	border: 0px;
	border-radius: 15px;
	color: #fff;
}
.footer-newsletter button{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 21px;
    padding: 10px 30px;
    background: #ffd52e;
    border-radius: 10px;
    border: 0px;
}
.footer-social ul li{
	float: left;
	margin: 0 0 0 10px;
}
.footer-para p{
	color: #474d4c;
	font-size: 14px;
	font-weight: 400;
}
.footer-para p a{
	color: #ffd52e;
	font-weight: 500;
}


/*Breadcrumb*/
/*Breadcrumb*/
.breadcumb-area {
    /*background: #f0b310;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddb627+0,f1da36+100 */
background: rgb(221,182,39); /* Old browsers */
background: -moz-linear-gradient(top, rgba(221,182,39,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(221,182,39,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(221,182,39,1) 0%,rgba(241,218,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddb627', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}
.bread-crumb{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b02821+0,b02821+26,8c1a1a+100 */
background: rgb(176,40,33); /* Old browsers */
background: -moz-linear-gradient(top, rgba(176,40,33,1) 0%, rgba(176,40,33,1) 26%, rgba(140,26,26,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(176,40,33,1) 0%,rgba(176,40,33,1) 26%,rgba(140,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(176,40,33,1) 0%,rgba(176,40,33,1) 26%,rgba(140,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b02821', endColorstr='#8c1a1a',GradientType=0 ); /* IE6-9 */
}
.breadcrumb{
	background: transparent;
	margin: 5px 0;
}
.breadcrumb-item a {
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 2px 1px #222;
}
.breadcrumb .active{
	color: #2c394c;
	font-weight: 400;
	font-family: 'Russo One', sans-serif;
}
.breadcrumb-item+.breadcrumb-item::before{
	color: #2c394c;
}
.inner-product-page h2{
	color: #F10420;
	font-weight: 700;
	text-align: center;
	margin: 10px 0;
}
.inner-product-page img{
	margin: 15px 0;
}
.bg-white{
	background: #fff !important;
}




/*Contact area*/
.contact-area{
	position: relative;
	z-index: 0;
	padding: 30px 0;
	background: #222;
}
.contact-area:before{
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: -1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,f4db9a+50,ffe387+100 */
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(244,219,154,1) 50%, rgba(255,227,135,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(252,234,187,1) 0%,rgba(244,219,154,1) 50%,rgba(255,227,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(252,234,187,1) 0%,rgba(244,219,154,1) 50%,rgba(255,227,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#ffe387',GradientType=1 ); /* IE6-9 */
}
.contact-area:after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: -1;
	background: #222;
}

.contact-address ul li{
	margin-bottom: 15px;
	display: flex;
	float: left;
	margin: 15px;
}
.contact-address ul li:last-child{
	margin-bottom: 0px;
}
.contact-heading h2{
	font-size: 35px;
	font-weight: 800;
	color: #ffd52e;
	text-transform: uppercase;
}
.contact-address ul li p{
	color: #fff;
	font-weight: 700;
}
.contact-address ul li p span{
	color: #ddd;
	font-weight: 400;
	margin-top: 10px;
}
.contact-address ul li p i{
	width: 30px;
	height: 30px;
	background: #ffc107;
	color: #222;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
	box-shadow: 2px 1px 1px #000;
}

input.empty {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
textarea.empty {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.contact-form button, .contact-form input[type='submit']{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc400+0,8fc400+100;Green+Flat+%236 */
background: rgb(143,196,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(143,196,0,1) 0%, rgba(143,196,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=1 ); /* IE6-9 */
border: 0px;
float: right;
}
.contact-map iframe{
	border: 3px solid #000;
	border-radius: 0px;
}

.contact-form .form-control{
	border: 1px solid #000;
	border-radius: 0px;
}
.contact-form label{
	background: #000;
	margin-bottom: 0px;
	color: #fff;
	padding: 0 10px;
	font-weight: 500;
}
.inner-product-page ul li{
	float: left;
	position: relative;
	margin: 10px;
	padding: 10px 10px 10px 20px;
	border: 1px solid #222;
	border-radius: 5px;
	font-weight: 700;
	color:#212529;
}
.inner-product-page ul li:before{
	position: absolute;
	content:"\f14a";
	font-family: FontAwesome;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #222;
	color: #fff;
	border-radius: 3px;
}

th, td {
    color: #222;
}

.dd-list li {
	color: #222;
	margin: 15px 0;
	list-style: circle;
}
.inner-product-page p{
	color:#222;
}
.inner-product-page h3{
	color:#222;
}


/*Start Responsive*/
@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
	.top-info ul{
		margin: 0 auto 15px;
		float: none;
		display: table;
	}
	.header-social ul{
		display: table;
		margin: 0 auto;
		float: none !important;
	}
	.welcome-describe p{
		text-align: center !important;
	}
	.each-blog{
		margin-top: 15px;
	}
	.footer-sec{
		margin: 15px 0;
	}
	.footer-para p{
		text-align: center !important;
		margin: 10px 0;
	}
	.footer-address ul li p br{
		display: none;
	}
	.estimate-form:after{
		background-size: 100%;
		width: 100%;
	}
	.common-heading h2{
		text-align: center;
	}
	.notify-describe{
		text-align: center;
	}
	.ntify-linker a{
		display: table;
		margin: 10px auto;
		float: none;
	}
	.footer-heading h2{
		font-size: 15px !important;
	}
	.footer-heading h2:after {
	    position: absolute;
	    content: "";
	    background: #ffd52e;
	    width: 60px;
	    height: 3px;
	    bottom: 0;
	    left: 50%;
	    transform: translateX(-50%);
	}
}
@media (max-width: 991.98px) {
	.estimate-form:before{
		position: inherit;
	}
	.banner-describe{
		display: none;
	}
	.nav-area {
	    background: url(../images/menu-bg.jpg) repeat;
	    padding: 15px 0;
	}
	.welcome-describe p {
	    font-size: 14px;
	    font-weight: 600;
	    color: #000;
	    text-align: left;
	}
	.common-heading h2 {
	    font-size: 24px;
	    margin: 0 auto 15px;
	}
	.service-describe h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.notify-describe h2{
		font-size: 19px;
	}
	.notify-describe p{
		font-size: 19px;
	}
	.each-blog:after{
		position: inherit;
	}
	.each-blog{
		background: #fff;
		padding: 10px; 
		border-radius: 10px;
		text-align: center;
	}
	.each-blog h2{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.footer-heading h2{
		font-size: 16px;
	}
	.header-social ul{
		float: right;
	}
}
@media (max-width: 1199.98px) {}


.cable_cont{ background:url(../images/bg.jpg) repeat top; padding:10px 0px;}

.cable_cont h1{ font-family:Arial, Helvetica, sans-serif; color:#000099; font-size:30px; line-height:30px; text-transform:uppercase; font-weight:bold;}

.cable_cont .cable_box{  padding-top:20px;text-align: center;}
.cable_cont .cable_box h2{ font-family:Arial, Helvetica, sans-serif; color:#000066; font-size:24px; line-height:30px; font-weight:bold; text-decoration:underline;}
.cable_cont .cable_box h2 span{text-decoration:underline;}

.cable_cont .cable_box h3{ font-family:Arial, Helvetica, sans-serif; color:#000099; font-size:32px; line-height:30px; font-weight:bold; margin-top:20px;}
.cable_cont .cable_box h3 span{text-decoration:underline;}

.cable_cont .cable_box h4{ font-family:Arial, Helvetica, sans-serif; color:#000099; font-size:18px; line-height:30px; font-weight:bold; margin-top:20px;}

/*------------------------- TO TOP CSS START -------------------------*/
#back-top {}
#back-top a {display:block; color:#000099; }
#back-top a:hover {}
#back-top1 {}
#back-top1 a {display:block; color:#000099; }
#back-top1 a:hover {}
#back-top2 a {display:block; color:#000099; }
#back-top3 a {display:block; color:#000099; }
/*------------------------- TO TOP CSS END -------------------------*/
@media ( max-width: 600px ) {
.cable_cont .cable_box h2{ font-size:14px; }
.cable_cont .cable_box h3{ font-size:18px; }
.cable_cont .cable_box h4{ font-size:12px;}
}