*{margin:0; padding:0;}
body{margin:0; padding:0; font-family: 'Roboto', sans-serif;}
ul li{list-style:none;}
a{text-decoration:none; outline:none;}
.nol{margin-left:0 !important;}
.top{margin-top:0 !important;}
#wrapper{width:100%; float:left; background:url(../images/bg.jpg) repeat left center;}
.header{width:100%; float:left; background:#1f292e;}
.layout{width:1170px; margin:0 auto; position:relative; display:block;}
.header-contents{width:1170px; float:left; padding:5px 0;}
.head-logo{width:500px; float:left;}
.head-phone{width:200px; float:right; margin-top:10px; line-height:25px; margin-left:20px;}
.head-phone p{font-size:12px; text-align:justify; color:#7b9bab}
.head-phone i{font-size:18px; padding-right:5px; color:#7b9bab;}
.head-phone span{text-transform:uppercase;}
.nav-menu {width:1170px; float:left; margin:0px 0;}
.nav-menu ul{margin:0; padding:0;}
.nav-menu ul li{display:inline-block; margin-left:50px; padding:15px 0px;}
.nav-menu ul li a{font-size:16px; text-transform:uppercase; color:#607d8b; transition:all 1s ease-in-out 0s; padding:15px 0px;}
.nav-menu ul li a:hover,
.nav-menu ul li a:focus,
.nav-menu ul li a.active{color:#f30e00; transition:all 1s ease-in-out 0s;}
.banner{width:100%; float:left;}
.banner img{max-width:100%; display:-inline-block;}
.container{width:100%; float:left;}
.container h1{text-align:center; font-size:48px; line-height:40px; margin:5% 0 1% 0; color:#1f292e;}
.container p{text-align:center; line-height:25px; color:#596d77; font-size:17px;}
.cable-box{width:270px; float:left; margin:8% 0 5% 20px; background:#FFF; border:1px solid #ebebeb; position:relative;}
.cable-box img{position:relative;}
.readmore a{ display:inline-block; text-align:center;  color:#FFF; position:absolute; background:#f40e00; padding:15px 40px; margin-left:35px; margin-top:-125px; font-weight:500; font-size:20px; text-transform:uppercase; transition:all 1s ease 0s;}
.readmore a:hover{background:#000; transition:all 1s ease 0s;}
.cable-box p{padding:20px;}
.cable-box ul{margin:0; padding:0; border:1px solid #d4d4d4;}
.cable-box ul li{float:left;}
.cable-box ul li a{display:block; padding:20px 19px; color:#7b9bab; background:transparent; transition:all 1s ease 0s; font-size:19px;}
.cable-box ul li a:hover{background:#f40e00; color:#FFF; transition:all 1s ease 0s;}
.home-contact{width:100%; float:left;}
.home-contact h1{text-align:center; font-size:48px; line-height:52px; margin:5% 0 1% 0; color:#1f292e;}
.home-contact p{text-align:center; line-height:25px; color:#596d77; font-size:17px;}
.mail{width:380px; float:left; text-align:center; margin:5% 0 2% 0;}
.mail i{font-size:4em; margin:20px 0;}
.mail p{color:#f40e00; font-size:18px;}
.mail p:hover{color:#000;}

.layout li {  color:#596d77;}
.layout h3 { padding:10px 0px; }
.layout h2 { padding:10px 0px; text-align:center; }
.logos
{
	width:1200px;
	margin:0 auto 50px auto;;
	background-color:transparent;
	
}
.logos img{height:150px;width:150px;transform:rotate(360deg); transition:all 1s;}
.logos img:hover{ transition:all 1s; transform:rotate(-360deg);}
.logos table{ width:1100px; margin:0 auto;}
.image{height:150px; width:150px; overflow:hidden; border-radius:50%; margin-bottom:20px; margin-left:30px;}

.map{width:570px; float:left; margin:5% 0;}
.form{width:570px; float:right; margin:5% 0;}
.form input,textarea{width:100%; display:block; padding:20px 15px; margin:5% 0 38px 0; font-weight:400; font-size:15px; font-style:oblique; border: 1px solid #c2cdd3; color:#546e7a; text-transform:uppercase;}
.form textarea{height:135px;}
.submit{width:106% !important; background:#f40e00; color:#FFF !important; transition:all 1s ease 0s;}
.submit:hover{background:#000; transition:all 1s ease;}
.footer{width:100%; float:left; background:#35454d; padding:5% 0 ; text-align:center;}
.footer ul {margin:0; padding:0;}
.footer ul li{display:inline-block; margin-left:60px;}
.footer ul li a{text-align:center; font-size:38px; display:block;}
.footer i{width:32px; height:32px; display:block; border:2px solid transparent; border-radius:50%; background:#FFF; color:#35454d; padding:30px; transition:all 1s ease;}
.footer i:hover{background:#35454d; color:#FFF; border:2px solid #FFF; transition:all 1s ease;}
.h-line{width:1170px; display:inline-block; text-align:center; margin:5% auto 0 auto; border:1px solid #FFF;}
.footer p{margin-top:6%; color:#FFF; font-size:18px;}
.footer a{color:#7b9bab; transition:all 1s ease;}
.footer a:hover{color:#FFF; transition:all 1s ease;}
.wow{color:inherit;}

.about p{text-align:justify; line-height:30px;}
.about ul{margin-bottom:20px;}
.about ul li{line-height:30px; color:#596d77; list-style:url(../images/list.png); margin-left:25px;}