@import url('fontface.css'); 

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

body, html{height:100%; margin:0px; padding:0px; font-weight:400;  font-size:14px; color:#1f2533; font-family:'Open Sans',sans-serif}

a img{border:none; text-decoration:none; outline:none; color:#c81b5d}
a{color:#ec6b06}
a:hover{color:#ec6b06; text-decoration:underline}

a:focus{outline:none; text-decoration:none}

a.more{background:rgba(236,107,6,1); color:#FFF; font-size:16px; display:inline-block; margin-top:20px; padding:10px 15px}

a.more:hover{background:rgba(236,107,6,.8); text-decoration:none}
label{
    color: #1f2533;
    font-family: 'Open Sans',sans-serif;
    font-size: 19px;
    font-weight: 400;
}
.more1:hover {
    background: rgba(236,107,6,.8);
    text-decoration: none;
}
.more1 {
    background: rgba(236,107,6,1);
    color: #FFF;
    font-size: 16px;
    display: inline-block;
    margin-top: 10px;
    padding: 10px 15px;
}
.orange{color:#ec6b06}
 
.green{color:#a7ba27}
 
/*
p{font-size:15px; line-height:23px; font-weight:400; color:#333}
*/
.clear{clear:both; height:0px}

img{max-width:100%; height:auto}

h1, .h1, h2, .h2, h3, .h3{margin-top:0px; margin-bottom:0px; color:#1f2533}

input:focus{outline:none}

#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background:#1f2533; z-index:999999999; height:100%}

#status{position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-40px 0 0 -40px; padding:0}

.container{width:100%; /*max-width: 1800px;*/  padding:0 15px}

header{z-index:99999999; position:fixed; top:0px; padding-top:40px; height:70px; width:100%; transition:all 0.5s ease 0.1s}

.navbar-custom{ background-color:transparent;  -webkit-transition:padding 0.3s;  -moz-transition:padding 0.3s;  transition:padding 0.3s;  border:none; background:rgba(31,37,51,.5) }

.navbar-custom .navbar-brand{padding:0px; width:170px; margin-top:25px;  height:auto; margin-left:0px !important}

#mainNav{position:fixed; width:100%}

.navbar-toggle{padding:0px; margin-top:14px}

/*.navbar-custom.affix .navbar-toggle{margin-top:10px}
*/
.navbar-custom .navbar-nav{float:left; margin-left:30px !important}

/*.navbar-custom.affix{background:rgba(0,0,0,.8); width:100%; position:fixed}

.navbar-custom.affix .navbar-brand{width:160px; margin-top:10px}
*/
.navbar{margin-bottom:0px}

.navbar-custom .nav li{float:left; list-style:none; list-style-position:inside; line-height:17px; position:relative}

.navbar-custom .nav li a{ font-family:'Open Sans',sans-serif;  text-transform:uppercase;  font-weight:400;  font-size:13px;   color:white;  padding-top:30px; padding-bottom:30px; padding-left:10px; padding-right:10px; float:left}

.drp{width:100%; height:100%; position:absolute; z-index:111}

 .dropdown-menu{ position:absolute;  top:100%;  left:0;  z-index:1000;  display:none;  float:left;  min-width:200px;  padding:12px 0;  margin:0px 0 0 !important; border:none !important; padding-bottom:10px !important;  font-size:14px;  list-style:none;  background-color:#1f2533 !important;  -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);  box-shadow:0 6px 12px rgba(0,0,0,0.175);  background-clip:padding-box}

.dropdown-menu li{width:100%; padding-bottom:5px !important; padding-top:5px !important}

.dropdown-menu li a{display:block; text-transform:capitalize !important; padding-bottom:0px !important; padding-top:0px !important}

.dropdown-menu li a:hover{color:#ec6b06}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color:#1f2533 !important; color:#ec6b06}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color:transparent !important}
 
.navbar-custom .nav li:hover{background-color:#1f2533; outline:none}

.navbar-custom .nav li a:hover, 

.navbar-custom .nav li a:focus{color:#ec6b06; outline:none}

.navbar-custom .navbar-nav >.active >a{color:#FFF; background-color:transparent}
.navbar-custom .navbar-nav >.active >a:hover, 

.navbar-custom .navbar-nav >.active >a:focus{color:white; background-color:transparent}

/*.navbar-custom.affix .nav li{padding-top:15px; padding-bottom:15px}
*/
.navbar-collapse.in{overflow-y:hidden}

.navbar-fixed-top, .navbar-fixed-bottom{z-index:1000; position:static !important;  border-width:0 0 1px}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color:#ededed}

.back_bx{background-color:#1f2533; width:50%; height:80px; position:fixed; z-index:9999; display:none}

.color1{color:#ec6b06}
 
.banner{position:relative}

.banner h3{font-family:'Open Sans Condensed',sans-serif; color:#FFF; background:rgba(31,37,51,.8); font-size:50px; font-weight:700; padding:10px 10px; display:inline-block; margin-bottom: 0}

.banner h3:hover{background:rgba(31,37,51,1)}

.banner .bnr_txt{position:absolute; width:100%; max-width:1800px; left:0px; right:0px; margin-left:auto; margin-right:auto; bottom:0}

.welcome1, .ourpeople, .ourpeople2{background-position:center bottom;  background-size:cover; padding-top:450px; padding-bottom:100px; /*position:relative;*/ color:#fff; border-top: 1px solid #fff;}

.welcome1 h3, .ourpeople h3, .wculture h3, .ourpeople2 h3{font-family:'Open Sans Condensed',sans-serif; color:#FFF;  font-size:24px; font-weight:700; margin-bottom:0; padding-bottom:0}

.welcome1 p, .ourpeople p, .wculture p, .ourpeople2 p{padding-top:10px}

.welcome1 .txt, .ourpeople .txt, .ourpeople2 .txt{position:relative; width:auto; max-width:35%; left:0px; right:0px;  background:rgba(31,37,51,.8); float:left; display:inline-block; padding:10px 10px}

.welcome1 .txt:hover, .ourpeople .txt:hover, .wculture .txt:hover{background:rgba(31,37,51,1)}

.welcome1{background:url(../images/welcome1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.welcome2{background: #ebecee; 
	 padding-top: 0;
 
}
.welcome2 h1 {font-weight:700;  font-size:36px; font-family:'Open Sans Condensed',sans-serif; margin-bottom:20px; color: #1f2533 }
 
.welcome2{background: #ebecee; 
	 padding-top: 0;
 
}
.welcome2 .text{ padding-top: 5%; }
.welcome2 .clepic{ padding-top: 50px; }
.ourpeople3{background: #cacacc; 
	 padding-top: 0; display: none;
 
}

.welcome4{color:#333; text-align:center; padding:80px 0; background:url(../images/welcome4.jpg) no-repeat center center fixed; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.welcome4 h1 {font-weight:700;  font-size:36px; font-family:'Open Sans Condensed',sans-serif; margin-bottom:20px; color: #1f2533 }
.welcome4 p{font-weight:400;  font-size:18px; padding:0px 23%; line-height:1.5}



.welcome5 h1 {font-weight:700;  font-size:36px; font-family:'Open Sans Condensed',sans-serif; margin-bottom:20px; color: #fff }
 .welcome5{background: #332f33 url(../images/bg-wel5.jpg) repeat; padding-top: 0; color: #fff; }
.welcome5 .text{ padding-top: 10%; }
.welcome5 .clepic{ padding-top: 50px; }


.welcome6 h1 {font-weight:700;  font-size:36px; font-family:'Open Sans Condensed',sans-serif; margin-bottom:20px; color: #1f2533;  }
 .welcome6{background: #fff; padding-top: 0; border-top: 1px solid #fff;  }
.welcome6 .text{ padding-top: 7%; }
.welcome6 .clepic{ padding: 0; margin: 0}
.welcome6 .container{ padding-right: 0;  margin-right: 0}


.ourpeople{background:url(../images/people.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


.ourpeople2{background:url(../images/people2.jpg) no-repeat center right; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}



.wculture{background:url(../images/wc.jpg) no-repeat center top}

.welcome{color:#333; text-align:center; padding-top:80px; background:url(../images/buildings.jpg) repeat-x left bottom; padding-bottom:260px}

.welcome h5{font-weight:400; font-size:18px; text-transform:uppercase; letter-spacing:2px}

.welcome h2{font-weight:700;  font-size:48px; font-family:'Open Sans Condensed',sans-serif; margin-bottom:20px}

.welcome p{font-weight:400;  font-size:18px; padding:0px 23%; line-height:1.5}

.sectors{background:#e7e7e7 url(../images/sect_bg.jpg) no-repeat center top; background-size:cover; padding-top:80px; padding-bottom:80px; text-align:center}

.sectors h2{font-weight:700;  font-size:48px; font-family:'Open Sans Condensed',sans-serif; margin-bottom:20px}

.sectors p{font-weight:400;  font-size:18px; line-height:1.5}

.sectors .row2{margin-left:-35px; margin-right:-35px}

.sectors .col4{padding-left:35px; padding-right:35px; width:100%; float:left}

.sectors h4{/* font-weight:400;  font-size:18px; text-transform:uppercase; */ color:#333;  margin-top:27px}

.sectors div{outline:none !important}

.pic{overflow:hidden; -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%}

.pic-image{width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}

.pic:hover .pic-image{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}

.pic .pic-image, .pic-caption, .pic:hover .pic-caption, .pic:hover img{-webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -o-transition:all 0.9s ease; -ms-transition:all 0.9s ease; transition:all 0.9s ease}

.sectors_slider{margin-top:40px}

.sectors_slider .slick-slide img{display:inline-block !important; width:100%; height:auto}

.sectors .container{padding-left:10%; padding-right:10%}

footer{padding-top:20px; padding-bottom:12px; text-align:center; background:rgba(31,37,51,1)}
ul.social-buttons li{padding-left:2px; padding-right:2px}
ul.social-buttons li a{ display:block;  background-color:#fff;  height:20px;  width:20px;  border-radius:100%;  font-size:12px;  line-height:20px;  color:#1f2533;  outline:none;  -webkit-transition:all 0.3s;  -moz-transition:all 0.3s;  transition:all 0.3s}

.footer-fixed{ bottom: 0; position: fixed}
.social-buttons{margin-top:0; margin-bottom:10px}

footer span.copyright{font-size:10px; color:#fff; float: left;}
footer span.privacy{font-size:10px; color:#fff; float: right;}
footer span.privacy a{color:#fff; }
ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active{background-color:#ccc}

/*@-moz-document url-prefix(){}
*/
.row{padding:40px 0 40px 0}

.pagetitle{height:300px;  padding-top:150px; text-align:center}

h1, h2, h3, h4{font-family:'Open Sans Condensed',sans-serif; font-weight:700}
h1{font-size:48px; color:#fff}
h2{font-size:30px; margin-bottom:20px}
h3{font-size:21px; margin-bottom:10px}
h4{font-size:18px; margin-bottom:5px}

.lead{font-size:20px; font-weight:400}

#story .pagetitle{background:#ccc url(../images/bg-pt-story.jpg) no-repeat center center; background-size:cover}
#cmmessage .pagetitle{background:#ccc url(../images/bg-pt-cmmessage.jpg) no-repeat center center; background-size:cover}
#mission .pagetitle{background:#ccc url(../images/bg-pt-mission.jpg)no-repeat center center; background-size:cover}
#team .pagetitle{background:#ccc url(../images/bg-pt-team.jpg)no-repeat center center; background-size:cover}
#sectors .pagetitle{background:#ccc url(../images/bg-pt-sectors.jpg)no-repeat center center; background-size:cover}
#projects .pagetitle{background:#ccc url(../images/bg-pt-projects.jpg)no-repeat center center; background-size:cover}

#approach .pagetitle{background:#ccc url(../images/bg-pt-design.jpg)no-repeat center center; background-size:cover}
#quality-assurance .pagetitle{background:#ccc url(../images/bg-pt-quality-assurance.jpg)no-repeat center center; background-size:cover}
#quality-policy .pagetitle{background:#ccc url(../images/bg-pt-quality-policy.jpg)no-repeat center center; background-size:cover}
#why-clemson .pagetitle{background:#ccc url(../images/bg-pt-why.jpg)no-repeat center center; background-size:cover}
#jobs .pagetitle{background:#ccc url(../images/bg-pt-jobs.jpg)no-repeat center center; background-size:cover}
#profdev .pagetitle{background:#ccc url(../images/bg-pt-profdev.jpg)no-repeat center center; background-size:cover}
#contact .pagetitle{background:#ccc url(../images/bg-pt-contact.jpg)no-repeat center center; background-size:cover}

#services{background:url(../images/services-bg.jpg)no-repeat center center; background-size:cover; padding:40px 25px 0 0}

#technologies{ background:url(../images/technologies-bg.jpg)no-repeat right bottom; background-size:cover; min-height:100%; padding:40px 0 0 0;  }
#bim{ background:url(../images/bim-bg.jpg)no-repeat right bottom; background-size:cover; min-height:100%; padding:40px 0 0 0;  }
#cfd{ background:url(../images/cfd-bg.jpg)no-repeat right bottom; background-size:cover; min-height:100%; padding:40px 0 0 0;  }

#services .txt, #technologies .txt, #bim .txt, #cfd .txt{position:relative; width:auto; max-width:40%; left:0px; right:0px;  background:rgba(31,37,51,.8); float:left; display:inline-block; padding:20px 20px 20px 15px; color:#fff; min-height: 100vh }

.portfolio-item a:hover{
    text-decoration: none!important;
}


#services h2, #services h3, #technologies h2, #technologies h3, #bim h2, #bim h3, #cfd h2, #cfd h3{color:#fff}

#services .txt:hover, #technologies .txt:hover, #bim .txt:hover, #cfd .txt:hover{background:rgba(31,37,51,1)}
#services .row, #technologies .row, #bim .row, #cfd .row {padding-bottom:0}


#sidebar{position:relative; width:auto; max-width:40%; left:0px; right:0px;  background:rgba(31,37,51,.8); float:left; display:inline-block; padding:20px 20px 20px 15px; color:#fff; min-height: 100vh }

#sidebar h2, .sidebar h3{color:#fff}
#sidebar:hover{background:rgba(31,37,51,1)}
#sidebar.row{padding-bottom:0}
#sidebar .btn-default { background-color: #ec6b06; border-radius: 0; border: none; color: #fff; min-width: 250px; text-align: left!important}
#sidebar .btn-default .caret{ float: right; margin-top: 8px;}
#sidebar .dropdown-menu { background-color: #fff!important; border-radius: 0;}
#sidebar .dropdown-menu li a { background-color: #fff!important; color: #333!important; }
#sidebar .dropdown-menu li a.active, #sidebar .dropdown-menu li a:hover  { color: #ec6b06!important}



.aprch{background:url(../images/arw-down.png) no-repeat center bottom; padding-bottom:30px; margin-bottom:15px; text-align:left}

.aprch div:last-child { background:none}
.aprch img{background:rgba(31,37,51,.5); padding:25px; margin-bottom:20px; width:125px; height:125px}
.aprch .right{text-align:left}
.aprch h3{text-align:center}

ul.line{list-style-position:outside; margin:0; padding:0; list-style-type:none}
ul.line li{border-bottom:1px solid #616061; padding-bottom:8px; padding-top:5px}
ul.line li a{color: #fff; text-decoration: none;}
ul.line li a i {color: #ec6b06; padding-left: 5px;}
ul.line li a:hover{color: #ec6b06;}
ul.line li a:hover i {padding-left: 15px; }
/* Team Section
--------------------------------*/
#team{}

#team .member{ text-align:center;  margin-bottom:40px}

#team .member .pict{ margin-bottom:15px;  overflow:hidden}

#team .member .pict img{ max-width:100%}

#team .member h4{ font-weight:700;  margin-bottom:2px}

#team .member span{ font-style:italic;  display:block;  font-size:13px}

#sectors .sector{ text-align:left;  margin-bottom:40px}

#sectors .sector .pict{ margin-bottom:15px;  overflow:hidden; text-align:center}
#sectors .sector h3{text-align:center}

#sectors .sector .pict img{ max-width:100%}

#projects .project{ text-align:left;  margin-bottom:40px}

#projects .project .pict{ margin-bottom:15px;  overflow:hidden}

#projects .project .pict img{ max-width:100%}





.portfolio
{
	margin: 48px 0;
}

.portfolio-sorting
{
	
	font-size: 14px; font-weight: normal;
	margin-bottom: 28px;
}

.portfolio-sorting li
{

	margin: 0 10px 20px 10px;
}

.portfolio-sorting li a 
{
	color: #808080;
	text-decoration: none;
	padding: 6px 0; margin-bottom: 20px;
}
.portfolio-sorting li a:hover,
.portfolio-sorting li a.active
{
	color: #ec6b06;
	border-bottom: 2px solid #ec6b06;
}

.portfolio-item 
{
	margin-bottom: 30px;
}

.categories li{
        margin: 0 10px 20px 10px !important;
}

.categories li a:hover, .categories .active a {
    color: #ec6b06 !important;
    border-bottom: 2px solid #ec6b06 !important;
}
.categories li a {
    color: #808080 !important;
    text-decoration: none !important;
    padding: 6px 0 !important;
    margin-bottom: 20px !important;
}
.portfolio-item h4, .portfolio-item a{
    color:#000 !important;
}

    
}