@charset "UTF-8";
/* CSS Document */

/* Author: Shian */
/* Development in Year 2018 */


/* reset */

html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
} 

input[type=text], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
}

/* Containers */

.mainContainers{
display: block;
overflow:hidden;
margin: 0;
width: 100%;
}

.containers {
display: block;
overflow:hidden;
margin: 0 auto;
}

.leftContainers {
float: left;
}

.rightContainers {
float: right;
}



.boxWraps {
display: block;
overflow:hidden;
}

.sectionBoxs {
display: block;
overflow:hidden;
}



/* header */

.header{
display: block;
overflow:hidden;
margin: 0;
width: 100%;
}

.headerWrap{
display:block;
width:100%;
min-width: 1280px;
}

.logo {
display:block;
width:300px;
margin:40px auto;
}

.companyNames {
display:block;
float:left;	
}

.menus {
float:right;
}

.mobileMenus {
width:40px;
height:40px;
float:right;
margin-right:2%;
margin-bottom: 10px;
}

.navigation {
display: block;
overflow:hidden;
}

.navigation a {
display: block;
overflow:hidden;
padding:0 20px;
}

.navigation {
	display:block;
	width:100%;

	
}
.navigation ul {
	text-align: center;
	margin:0 auto;
}
.navigation ul li {
	text-align: center;
	display:inline-block;	
	padding:10px;
	
}

.submenu {
background: rgba(210, 108, 0, 0.65);
display:block;
margin: 10px 0 0 0;
padding: 0;
position: absolute;
z-index:999999;
}

.submenubox {
margin:0 auto;
display:block;	
overflow:hidden;
position:relative;
}

.submenubox ul li {
display:block;		
text-align:left;		
}

.submenubox ul li:hover {
background: rgba(210, 108, 0, 1);		
}


ul.aboutLinks li {
display:block;
height:40px;
padding:10px 5px;
margin-top:10px;
}

.menuLists {
margin-top:30px;	
}

.socialMedias {
display: none;
overflow:hidden;
margin-bottom:10px;
}

.socialMedias a {
display: block;
overflow:hidden;
width:22px;
height:22px;
float:right;
margin-right:15px;
background-size:22px;
}

/* themeBanners */
.heroSlider, .contentSlider {
margin-top:50px;
margin-bottom:70px;
display: block;
overflow: hidden;

}


.slideTagline, .slideTabs {
text-align: center;
margin-bottom:25px;
}

.slideTagline {
margin-top:50px;
	
}

.themeBanners {
height:420px;
width:1280px;
padding:0;
margin:50px 0;
}

.themeBanners img{
width:100%;
display:block;
margin:0;
}

/* contents */

.contents {
min-height:600px;
width:1280px;
margin:0 auto;
}

.layout1, .layout2, .layout3 {
margin-bottom:100px;
}

.layout1 .leftContainers {
width:760px;
margin-left:40px;	
}

.layout1 .rightContainers {
width:400px;
margin-right:40px;
padding-top:20px;
padding-bottom:40px;
background:url("../images/colorline1.png") left bottom no-repeat;
}

.layout1 h3, .layout2 h3 {
text-align: right;
margin-top:40px;	
}

.layout2 .rightContainers {
width:900px;
margin-right:40px;	
}

.layout2 .leftContainers {
width:260px;
margin-left:40px;
margin-top:20px;
padding-top:20px;
padding-bottom:40px;
background:url("../images/colorline2.png") left top no-repeat;
}

.layout3 .sectionBoxs{
margin:0 40px;
}
.layout3 .sectionBoxs div {
width:300px;
margin-right:20px;
float:left;
}

.layout3 .sectionBoxs div:last-child {
width:240px;
margin-right:0;
background:url("../images/colorline3.png") left bottom no-repeat;
padding-bottom:20px;
}

.layout3 h3 {
text-align: right;
margin-top:30px;	
}

.layout4{
padding:0 40px 20px 40px;	
}

.layout4 .sectionBoxs{
	margin-bottom:40px;
}

.layout4 .rightContainers{
	margin:0 0 10px 40px;
}

.layout4 .leftContainers{
	margin:0 40px 10px 0;
}

.layout4 .rightContainers img, .layout4 .leftContainers img{
	display:block;
}

.layout4 .bulletsContent{
	display:block;
	float:left;
	width:620px;
}

.servicesList, .enquiryContact, .newsList, .projectsClient, .gallery, .tensileMembrene, .milestones, .careers{
padding:0 40px 20px 40px;	
min-height: 500px;
}

.servicesList .rightContainers, .servicesList .leftContainers {
	width:600px;
}

.milestones .rightContainers, .milestones .leftContainers, .careers .rightContainers, .careers .leftContainers{
	width:580px;
}

.milestones table td {
	text-align: left;
	vertical-align: top;
	padding:15px 0 15px 0;
}

.milestones table td:first-child {
	padding-right:25px !important;
	font-weight:bold;
}

.newsList .leftContainers, .tensileMembrene .leftContainers {
	width:540px;
	margin-right:40;
}

.newsList .rightContainers, .tensileMembrene .rightContainers{
	width:620px;
}

.projectsClient ul li{
	float:left;
	width:580px;
	margin-bottom:10px;
}

.galleryBox{
	width:1200px;
	height:800px;
	display:block;
	margin-bottom:20px;
}

.galleryBox ul li{
	width:1200px;
	height:800px;
	display:block;
}

.galleryThumb {
	display:block;
	overflow:hidden;
	width:1200px;
}

.galleryThumb li {
    float: left;
    margin: 10px 24px 10px 0;
	width:180px;
    height: 120px;
}

.galleryThumb li:nth-child(6){
	margin-right:0 !important;
}

.galleryThumb li a img{
    display:block;
}



.contentLinks a {
	margin:40px;
	display:block;
	text-decoration:none;
}



/* product */

.contentImgs {
text-align:center;
}

.contentImgs img{
max-width:100%;
}

.contentPrices {
text-align:center;
}

/* contact Us */


.googleMaps, .locationDetails{
margin: 10px 0;
padding:1% 2%;	
}


.googleMaps {
width: 65%;
}

.locationDetails {
width: 35%;
}

.contactInfos span {
margin-right:30px;
display:block;
}

/* forms */

.formBoxs {
display: block;
overflow:hidden;
}

.formDetails {
display:block;
overflow:hidden;
}

.formRows {
display:block;
float:left;
width:580px;
}

.formRows.left{
margin:20px 20px 20px 0;
}

.formRows.right{
margin:20px 0 20px 20px;
}

.formRowLongs {
display:block;
width:100%;
margin:1% 0;
float:left;
}

.textFields, .textAreas {
display:block;
width:100%;
padding:2%;
}

.textAreas {
height:200px;
}

.formLabels {

}

/* buttons */

.actionRows {
display:block;
overflow:hidden;
width:100%;
}

.btnSends {
margin:10px 0;
display:block;
}

/* mis */

.lefts {
float:left;
}

.rights {
float:right;
}

/* footer*/


.footer {
display: block;
overflow:hidden;
margin: 0;
width: 100%;
}

.footerWrap{
display:block;
overflow:hidden;
}

.footerLinks {
text-align:center;
}

.footerLinks a {
display:inline;
margin:0 20px;
}

.footerLeft {
width:45%;	
margin-right:5%;
margin-left:5%;
padding-bottom:60px;
}

.footerRight {
width:45%;	
}

.companyRights {
margin:10px 0;
width:100%;
display:block;
Text-align:center;
}

.footerSocialMedias {
display: block;
overflow:hidden;
margin-top:10px;
}

.footerSocialMedias a {
display:inline-block;
overflow:hidden;
width:30px;
height:30px;
margin:0 8px;
background-size:30px;
}

/*slider*/

#slidePanel, #slidePanel2 {

width:1280px;
height:640px;
overflow:hidden;
position:relative;
float:left;
margin-bottom:30px;

}

.panel{
width:1280px;
height:640px;
float:left;


}
.coda-nav ul li a{

display: inline-block;
width: 145px;
height: 5px;
cursor: pointer;
background : #b0b0b0 !important;
margin:0 3px;
}

.coda-nav ul li .current{

background : #fff !important;

}