@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext');
body{font-family: 'Lato', sans-serif;}
ul{list-style;none;}
*{margin:0; padding:0;}
.wrapper{width:100%; margin:0 auto;}
.clearfix{clear:both;}
.container{width:84%; margin:0 auto;}
.top-header {
    width: 100%;
    background: #303030;
}
.brand-section-left{width:50%;float:left; PADDING: 10px 0px;}
.brand-section-left p {
    color: #fff;
	font-size:16px;
	MARGIN: 0;  
}
.brand-section-left p span {
    margin: 0 0px 0 14px;
}
.telefonic-section-right{width:50%;float:right;PADDING: 9px 0;text-align:right;}
.telefonic-section-right a{color: #fff;
	font-size:16px;text-transform:uppercase;
}
nav.navbar.navbar-default {
    background-color: #fff;
    border: none;
}
.navbar {
    position: relative;
    min-height: 100px;
    margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #303030;
    text-transform: uppercase;
    padding: 34px 10px 0;
	font-weight:600;
}
.navbar-default .navbar-nav>li:first-child {
    padding: 0 0px 0 50px;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #2f99e7;
	
}
.navbar-header {
    width: 310px;
}
a.navbar-brand {
    width: 310px;
    padding: 18px 0px;
}
.navbar-brand>img {
    display: block;
    width: 100%;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    color: #fff;
    background-color: #2f99e7;
    background-image: none;
    border:none;
    border-radius: 4px;
   
}
.form-group {
    margin: 26px 0 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #2f99e7;
    background: none;
    position: relative;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover::before {
    border-bottom: 2px solid #118ff0;
    content: "";
    width: 48%;
    left: -7px;
    padding-left: 0;
	color:
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
.slider{width:100%;}
.slider img{width:100%;}
.content{width:100%;}
.concontainer{width:1200px; margin:0 auto;}
.slide-bar{background:#118ff0;width:100%;padding:26px 0 26px 0;    display: none;}
.slide-bar h1{font-size:22px; color:#fcff00;text-transform:uppercase;font-weight:600;margin:0;}
.slide-bar ul {  margin: 16px 0;    list-style: square url(../images/icon-1.png);
    list-style-position: inside;
    text-align: center;
    width: 100%;
    float: left;}
.slide-bar ul li{float: left; font-size:16px; color:#fff; padding: 0px 20px 0 0;text-transform:uppercase;
}
.slide-bar ul li img {
        padding: 0 20px 0 0;
}
.slide-bar input[type="text"] {
    margin: 12px 0 0;
    background: #43a7f3;
    color: #fff;
    border: 1px solid #0865ac;
    width: 380px;
    padding: 8px 12px;
}
#collist{ margin:70px 0 0px 0;}
#collist h1{ font-size:22px; color:#464646;    font-weight: 600;margin:0;
}
#collist img{box-shadow: 0px 0px 6px 0px #e8e8e8;
    margin: 18px 0 0;
    width: 100%;
    border: 10px solid #fff;
}
#collist p{padding:24px 0 24px 0;color:464646; font-size:15px;}
#collist p b{ color:464646; font-size:16px;}
#collist a {
    background: #f0bb1a;
    color: #fff;
    padding: 6px 14px;
	text-decoration:none;
	font-weight:600;
	margin:0 0 76px 0;
	    float: left;
}

#about-our-section{width:100%; background:#f1f1f1;padding:50px 0 78px 0;text-align: center;}
#about-our-section h1 {color:#118ff0; font-size:22px;font-weight:600;margin:0;}
#about-our-section p {font-size:16px; color:#222222;padding:30px 0;}
#about-our-section ul {
   
    list-style:none;
    text-align: center;
    width: 100%;
    float: left;
	padding: 0 134px;
	 margin: 0 0 50px 0;

}
#about-our-section li {display:inline; font-size:17px;color:#222222; font-weight:600;
	background-image: url(../images/icon-2.png);
	background-repeat:no-repeat;
	background-position: left;
	 padding: 0 8px 0 24px;

    
}
#about-our-section a {
    background: #f0bb1a;
    color: #fff;
    padding: 7px 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
	margin:50px 0 50px 0
}

#map-section {
    background-image: url(../images/Mockup_03.png);
    background-size: cover;
	    padding: 110px 0 0 0;
}
.map-col-one {
    background: #2f3334;
    width: 100%;
    float: left;
    padding: 40px 0px 52px 34px;
}
.map-col-one h1{color:#fff;font-size:25px;font-weight:600;text-transform: uppercase;margin:0;}
.map-col-one h4{color:#fff;font-size:16px;text-transform: uppercase;margin:10px 0 0;}
.map-col-two{ background:#e3ae0d;width: 100%;
    float: left;
    padding: 40px 78px 52px 34px;}
.map-col-two p{line-height:25px; font-size:16px; color:#2f3334;}
.map-col-two p a{ line-height:25px; font-size:16px; color:#2f3334;text-decoration:none;}


.footer-section{background:#303334;padding:80px 0;}
.footer-section h1{font-size:24px; color:#fff; font-weight:600;  margin: 0 0 22px;}
.footer-section p{font-size:16px; color:#fff;font-weight:300; line-height:24px;}
.footer-section ul{list-style:none;}
.footer-section ul li{ }
.footer-section ul li a{font-size:16px; color:#fff;font-weight:300; text-decoration: none; line-height: 26px;
 }
.footer-section ul.social{list-style:none;}
.footer-section ul.social li {
    display: inline;
    padding: 0px 20px 0 0;
}
.footer-section input[type="email"] {
    width: 268px;
    padding: 6px 4px 6px 8px;
    margin: 10px 0 30px 0;
	background-image: url(../images/msg.png);
	background-repeat:no-repeat;
	background-position: 240px 11px;
	border: none;
}
.more{padding: 6px 12px 6px 10px;
    margin: 10px 0 30px 0;
	background:#e3ae0d;
	color:#464646;
	font-size:16px;
	font-weight:600;
	margin: 14px 0;
    float: left;
	text-decoration:none;
}
/***********************************************inner**********************************************/
.page-title{width:100%;background: #303030;padding: 40px 0;}
.page-title H1{width:100%;COLOR:#FFF;margin:0;font-size: 30px;}
.inner-section {
    margin: 40px 0;
    width: 100%;
}
.inner-section p {
    font-size: 16px;
    text-align: justify;
	color: #464646;
}
.inner-section ul {
    padding: 0 40px;
}
.inner-section ul li {
    font-size: 16px;
}
.inner-section a {
	text-decoration:none;
	color: #118ff0;
    font-size: 16px;
}
.slide-bar-panal {
    width: 100%;
    border: 1px solid #c1c1c1;
    background: rgba(186, 195, 202, 0);
	 padding: 20px 30px 50px;
}
.slide-bar-panal p b {
    color: #303030;
}
img.sd {
    width: 100%;
    border: 5px solid #fff;
}

.inner-section h1 {
    color: #118ff0;
    font-size: 30px;
    padding: 30px 0 30px;
    margin: 0;
}


img.md {
    box-shadow: 0px 0px 6px 0px #e8e8e8;
    width: 100%;
    border: 10px solid #fff;
}


.linking-crate-left{float: left;
    width: 32%;text-align: justify;
    
	margin:0 14px 0 0;
}
.linking-crate-left:last-child{
	margin:0 0px 0 0;
}
.linking-crate-left a {
    float: left;
    color: #118ff0;
    font-size: 16px;
    border: 1px solid #c1b8b8;
    width: 90%;
    margin: 6px 0;
    padding: 5px 10px;
}
.creative-link{float: left;
    width: 23%;
	text-align: justify;
	margin:0 14px 0 0;
}
.creative-link a {
    float: left;
	color: #118ff0;
    font-size: 16px;
}
.creative-link:last-child{
	margin:0 0px 0 0;
}
.read-more{background: #f0bb1a;
    color: #000;
    padding: 6px 14px;
    text-decoration: none;
    font-weight: 600;
    float: left;
}
.left-inner-pages {
    padding: 22px 0 0;
}
.london-crate-left{width:47%;float:left;margin:0px 20px 0 0;}
.london-crate-left a{float: left;
	color: #118ff0;
    font-size: 16px;width:100%;}

.inner-section h1.main-txt {
    margin: 0px;
    padding: 0 0 28px 0;
}	
/***********************************************contact**********************************************/	
form.section-contct-inner {
    width: 100%;
    float: left;
}	
form.section-contct-inner input[type="text"] {width:100%;float:left;
}	
form.section-contct-inner input[type="text"] {width:48%;float:left;margin: 0 28px 0 0;
     padding: 7px 10px;
}	
form.section-contct-inner input[type="email"] {width:48%;float:left;padding: 7px 10px;
} 
form.section-contct-inner input[type="SUBMIT"] {width: 20%;
    float: left;
    padding: 7px 10px;
    margin: 28px 0 0 0;
    background: #e3ae0d;
    color: #fff;
    font-size: 16px;
	border:none;
}	

form.section-contct-inner Textarea {
    width: 99.5%;
    float: left;
    padding: 7px 10px;
    margin: 28px 0 0 0;
    HEIGHT: 150PX;
}	
	
.section-contct-inner-left{width:48%; float:left;    margin: 75px 0;
}
.section-contct-inner-left{}		
.section-contct-inner-left{width:48%; float:left;    margin: 75px 0;
}	
	
	
.left-inner-pages h4 {
    background: #118ff0;
    width: 47%;
    float: left;
	margin: 0 4px 0 0;
	text-align: center;
    color: #fff;
    font-size: 16px;
	padding: 12px 0;
}	
.left-inner-pages h4.costing{background: #118ff0;
    width: 24%;
    float: left;
	 margin: 0 4px 0 0;
	 background: #118ff0;
    width: 25%;
    float: left;
    margin: 0 4px 0 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 12px 0;
}
.left-inner-pages h5.gray-caosting{width: 24%;
    float: left;
	 margin: 0 4px 0 0;
	 background: #303030;
    width: 25%;
    float: left;
    margin: 4px 4px 10PX 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 12px 0;}
.left-inner-pages h5{background: #303030;
    width: 47%;
    float: left;
	margin: 4px 4px 10PX 0;
	text-align: center;
    color: #fff;
    font-size: 16px;
	padding: 12px 0;}



.main-list{width:100%;}
.main-list .first{width:100%;}
.main-list .first th:first-child{width:30%;}
.main-list .first th:nth-child(2){width:20%;}
.main-list .first th:last-child{border:none;}
.main-list .first th{width:20%;color: #fff;
    background: #00a4ea;
    text-align: center;
	border-right: 3px solid #fff;
	 padding: 8px 0;

}

.main-list tr td:first-child{width:30%;}
.main-list tr td:nth-child(2){width:20%;}
.main-list tr td:last-child{border:none;border-bottom: 3px solid #fff;}
.main-list tr td{width:20%;color: #fff;
        background: #303030;
    text-align: center;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	 padding: 8px 0;

}
.quality-sections{width:100%;}
.quality-sections-left {
    float: left;
    width: 30%;
    border: 4px solid #eee;
    padding: 82px 0;
}
.quality-sections-right {
    float: left;
    width: 68%;
    border: 4px solid #eee;
    padding: 7px 10px 0 14px;
    border-left: none;
}


table.rates tr th:first-child {
    width: 100%;
    background: #118ff0;
    float: left;
	border-right: 2px solid #fff;
	    padding: 9px 0;
		

}
table.rates tr th:nth-child (3){
    width: 100%;
    background: #118ff0;
    float: left;
	border-right:none;
	    padding: 9px 0;

}
table.rates {
    width: 100%;
   text-align:center;
}
table.rates tr th {
    width: 24%;
    background: #118ff0;
	text-align:center;
	border-right: 2px solid #fff;
	    padding: 9px 0;
		color:#fff;
 
}





table.rates tr td:first-child {
    width: 100%;
    
    float: left;
	border-right: 2px solid #fff;
	    padding: 9px 0;
		

}
table.rates tr td:nth-child (3){
    width: 100%;
    background: #118ff0;
    float: left;
	border-right:none;
	    padding: 9px 0;

}

table.rates tr td {
    width: 24%;
        background: #3e4346;
	text-align:center;
	border-right: 2px solid #fff;
	    padding: 9px 0;
		color:#fff;
 
}

ul.tecsti {
    list-style: none;
}

ul.tecsti li {
    border-bottom: 1px solid #303030;
}

.side-inp-text label {
    width: 50%;
    float: left;
}
.side-inp-text {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    padding: 8px 10px 6px;
}

p.one-r {
    text-align: right;
    padding: 0px 230px 0px 0px;
    float: left;
    width: 100%;
}
p.one-c {
    text-align: right;
    padding: 0px 251px 0px 0px;
    float: left;
    width: 100%;
}

a.more {
    color: #fff;
    text-decoration: none;
}
input#button {
    padding: 5px 15px;
    margin: 14px 0 0;
    background: #e3ae0d;
    color: #fff;
    border: none;
}


.footer-section ul li {
    display: inline;
}
.footer-section {
    background: #303334;
    padding: 40px 0 20px;
}input.callmeback {    background: #e3ae0d;    color: #fff;    border: none;    padding: 8px 17px;}
.side-inp-text input[type="text"] {    width: 50%;}
.side-inp-text textarea {    width: 50%;}
.slide-bar1{background:#118ff0;width:100%;padding:26px 0 26px 0;}
.slide-bar1 h1{font-size:22px; color:#fcff00;text-transform:uppercase;font-weight:600;margin:0;}
.slide-bar1 ul {  margin: 16px 0;    list-style: square url(../images/icon-1.png);    list-style-position: inside;    text-align: center;    width: 100%;    float: left;}
.slide-bar1 ul li{float: left; font-size:16px; color:#fff; padding: 0px 20px 0 0;text-transform:uppercase;}
.slide-bar1 ul li img {        padding: 0 20px 0 0;}
.slide-bar1 input[type="text"] {    margin: 12px 0 0;    background: #43a7f3;    color: #fff;    border: 1px solid #0865ac;    width: 380px;    padding: 8px 12px;}
.thank-you {    text-align: center;    width: 100%;        background: #eee;    padding: 60px 0;}
.thank-you h1 {     margin: 0;	     padding: 10px 0;}.thank-you p {     margin: 0;	     padding: 2px 0;}
.A8 {    color: #fff!important;    font: 11px Roboto,arial,sans-serif;    line-height: 1;    white-space: normal;    display: inline-block;}
#collist h1.more-higes {
    padding:  0px 0px 23px;
}





/***********************************************responsive**********************************************/







@media screen and (min-width: 768px) and (max-width: 1024px) {
	.concontainer {
    width: 82%;
    margin: 0 auto;
}
}






@media screen and (min-width: 481px) and (max-width: 767px) {.concontainer{width:94%; margin:0 auto;}	.container{width:94%; margin:0 auto;}
}






@media screen and (min-width: 320px) and (max-width: 480px) {
.concontainer{width:94%; margin:0 auto;}	
.container{width:94%; margin:0 auto;}
a.navbar-brand {
    width: 192px;
}
.brand-section-left {
    width: 100%;
    text-align: center;
}	
.telefonic-section-right {
    width: 100%;
    text-align: center;
}	
.navbar {
    min-height: 60px;
}
.slide-bar input[type="text"] {
    width: 298px;
}
.slide-bar ul li {
    font-size: 13px;
}
#about-our-section ul {
    float: left;
    padding: 0 0px;
}
	
}