/*

My Custom CSS
=============

Yellow #FFCA05

Orange #F7941D

Red #ED1C24

Dark Grey #414042


*/

/* Fonts Used 

font-family: 'Montserrat', sans-serif;

*/


/* --------------------------------------
   Layout
   -------------------------------------- */

html,
body {
	height: 100%;
}

.wrapper {
	max-width: 1280px;
    margin: 0 auto;

}

.wrapper1250 {
	max-width: 1250px;
    margin: 0 auto;

}


body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	background: #FFF;
    color: #414042;
	padding: 0px;
}

p {
	margin-bottom: 24px;
}


#pageContent {
	background: #FFF;
	padding: 0px 0px 80px 0px;
	border-top: #FFF 1px solid;
}

#pageBanner {
	border-top: #FFF 1px solid;
	margin-bottom: 40px;
	height: 200px;
}

.projectsContent {
	margin: 40px 0px 0px 0px;

}



#home1 {
	color: #000;
	margin: 60px auto 30px auto;
}



#home2 {
	padding: 0px 0px 0px 0px;
	margin-bottom: 60px;

}

#home3 {
	padding: 30px;
	background: #FFCA05;
	text-align: center;

}

#home4 {
	margin: 40px auto;
}


#homeClients {
	padding: 0px 0px 0px 0px;
	margin-bottom: 100px;

}


#homeAwards {
	padding: 0px 0px 0px 0px;
	margin: 60px 0px 60px 0px;

}

.topHeader {
    position: absolute;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: 20;
}

.topHeader h1 {
    color: #FFF;
    font-size: 90px;
    line-height: 90px;
    margin-bottom: 0px;
}

.topHeader h2 {
    color: #FFF;
    font-size: 40px;
    margin: 0px 0px 10px 0px;
}


@media (max-width: 750px) {
	
.topHeader {
    position: absolute;
	top: 140px;

}
    
.topHeader h1 {
    color: #FFF;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 0px;
}

.topHeader h2 {
    color: #FFF;
    font-size: 20px;
    margin: 0px 0px 10px 0px;
}    
	
	
}

@media (min-width: 751px) {
	
.topHeader {
    position: absolute;
	top: 200px;

}
    
.topHeader h1 {
    color: #FFF;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 0px;
}

.topHeader h2 {
    color: #FFF;
    font-size: 40px;
    margin: 0px 0px 10px 0px;
}     
    
	
	
}


@media (min-width: 1240px) {
	
.topHeader {
    position: absolute;
	top: 300px;

}
    
.topHeader h1 {
    color: #FFF;
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 0px;
}

.topHeader h2 {
    color: #FFF;
    font-size: 50px;
    margin: 0px 0px 10px 0px;
}     
    
	
	
}



@media (min-width: 1470px) {
	
.topHeader {
    position: absolute;
	top: 380px;

}
    
.topHeader h1 {
    color: #FFF;
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 0px;
}

.topHeader h2 {
    color: #FFF;
    font-size: 50px;
    margin: 0px 0px 10px 0px;
}     
    
	
	
}


.ourteam {
	background: url(../images/backgrounds/bg-our-team.jpg) top left no-repeat;
}

.contactmap {
	background: url(../images/backgrounds/map.jpg) top left no-repeat;
}


.yellowpanel {
	padding: 0px 3px 1px 3px;
	background: #FFCA05;
}

.yellowpanelh2 {
	padding: 2px 10px 1px 10px;
	background: #FFCA05;
}

.yellowpanelh2extra {
	padding: 2px 10px 1px 10px;
	background: #FFCA05;
	margin-left: 50px;
}

.yellowpanelh2extracontact {
	padding: 2px 10px 1px 10px;
	background: #FFCA05;
	margin-left: 138px;
}

.yellowpanelh2xs {
	padding: 2px 10px 1px 10px;
	background: #FFCA05;
	margin: 0px;
}


.header-caption {
	margin: 480px 70px 0px 0px;
	
}

.header-caption h1 {
	font-weight: 700;
	text-transform: uppercase;
	text-align: right;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	text-shadow: none;
	letter-spacing: 1px;
}


footer {
	background: rgba(0,33,0,0.70);
	color: #eee;
	font-size: 11px;
	padding: 40px;
}



.galleryrow {
	margin-bottom: 30px;
}

.entry-panel {
	padding: 30px;
}

.pdf-icon {
	margin: 8px;
}

.tmb-gallery {
    margin: 0 0 30px 0;
}

.tmb-gallery:hover {
    opacity: 0.7;
}

.tmb-gallery-2 {
    margin: 0;
}


.tmb-gallery-2:hover {
    opacity: 0.7;
}


.img-link:hover {
    opacity: 0.7;
}


.extra-margin-top {
	margin-top: 20px;
}

.extra-margin-bottom {
	margin-bottom: 20px;
}

.extra-margin-top-super {
	margin-top: 198px;
}

.docPDF {
    background: url(../images/pdficon_small.png) top left no-repeat;
    padding-left: 26px;
	padding-bottom: 15px;
}

.docWORD {
    background: url(../images/word-icon-sm.png) top left no-repeat;
    padding-left: 26px;
	padding-bottom: 15px;
}


/* --------------------------------------
   Typography
   -------------------------------------- */

#home1 h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: #000;
	text-transform: none;
	margin: 0 0 20px 0;
	text-align: center;
	line-height: normal;
	letter-spacing: 1px;

}

#home1 h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #000;
	text-transform: none;
	margin: 0 0 30px 0;
	text-align: center;
	line-height: normal;
	letter-spacing: 1px;

}

#home3 h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 36px;
	color: #000000;
	text-transform: uppercase;
	margin: 30px 0px 20px 0px;
	line-height: normal;
	letter-spacing: 0px;
}


h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 40px;
	color: #000000;
	text-transform: uppercase;
	margin: 0px 0px 30px 0px;
	line-height: normal;
	letter-spacing: 0px;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 1px 0;
	line-height: normal;
	letter-spacing: 2px;
}

h3 {
	font-size: 22px;
	color: #000;
	font-weight: 400;
	text-transform: none;
	line-height: 30px;
	margin-bottom: 30px;
	letter-spacing: 1px;
}

h4 {
	color: #000000;
}


#home4 h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 40px;
	color: #000000;
	text-transform: uppercase;
	margin: 0px 0px 10px 6px;
	line-height: normal;
	letter-spacing: 0px;
}


.projectsContent h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #000000;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	line-height: normal;
	letter-spacing: 0px;
}

.projectsContent h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #F7941D;
	text-transform: uppercase;
	margin: 0 0 1px 0;
	line-height: normal;
	letter-spacing: 0px;
}

.projectsContent h3 {
	font-size: 14px;
	color: #000;
	font-weight: 700;
	text-transform: none;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
}


/* -------------------- TXT ------------------------- */

.pageText {
	padding-left: 12px;
}

.pageText1 {
	background: #FFF;
	padding: 10px 30px 20px 30px;
	border-top: #000 1px solid;

}


.pageText2 {
	background: #fff;
	padding: 0px;
	border-top: #000 1px solid;
	margin: 0px 34px 0px 34px;

}



/*	--------------------------------------
	Footer
	-------------------------------------- */
	
#main-footer {
	background: #272727;
	color: #fff;
	padding: 20px 0 40px 0;
	font-size: 14px;
}

#main-footer h6 {
	font-size: 10px;
	color: #CCC;	
}

#main-footer a {
	color: #888;
    text-decoration: none;
}

#main-footer a:hover {
	color: #fff;
	text-decoration:none;
}

.footer-link-bold a {
	color: #6C6F73;
	font-weight: 700;
}

.footer-link-bold a:hover {
	color: #FFF;
	text-decoration:none;
}

.ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

ul.social-buttons {
    margin-bottom: 30px;
}

ul.social-buttons li a {
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    font-size: 24px;
    line-height: 46px;
    outline: 0;
    color: #fff;
    background-color: #333;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #e1e1e1;
	color: #000;
}

.footerCopyright {
	margin: 20px 0px 20px 0px;
}




/* --------------------------------------
   Nav
   -------------------------------------- */
.btn {
    
      -webkit-transition: all ease .3s ;
    -moz-transition: all ease .3s ;
    transition: all ease .3s ;        
}



.btn-primary {
	color: #000;
	background: #FFCA05;
	border-radius: 0;
	margin-top: 10px;
	padding: 4px 8px;
	border: 0px solid #FFCA05;
}

.btn-primary:active, .btn-primary:hover {
    background-color: #F7941D;
    color: #000;
	border: 0px solid #F7941D;
}

.btn-primary2 {
	color: #FFF;
	background: #000;
	border-radius: 0;
	margin-top: 10px;
	padding: 2px 6px;
	border-color: #000;
}

.btn-primary2:active, .btn-primary2:hover {
    background-color: #FFF;
    color: #000;
	border: 1px solid #FFCA05;
}

.btn-project {
    font-size: 12px;
	color: #000;
	background: #FFF;
	border-radius: 0;
	margin-top: 10px;
	padding: 2px 6px;
	border-color: #FFF;
}

.btn-project:active, .btn-project:hover {
    background-color: #FFCA05;
    color: #000;
	border: 1px solid #FFCA05;
}


.btn-view {
    font-size: 16px;
	color: #FFF;
	background: #000;
	border-radius: 0;
	margin-top: 20px;
	padding: 4px 6px;
	border-color: #000;
}


.btn-outline {
	color: #FFCA05;
	background: none;
	border-radius: 0;
	margin-top: 10px;
	padding: 4px 8px;
	border: 1px solid #FFCA05;
}

.btn-outline:active, .btn-outline:hover {
    background-color: #F7941D;
    color: #000;
	border: 1px solid #F7941D;
}

.btn-outline-white {
    font-size: 16px;
	color: #fff;
	background: none;
	border-radius: 0;
	margin-top: 10px;
	padding: 4px 8px;
	border: 1px solid #fff;
}

.btn-outline-white:active, .btn-outline-white:hover {
    background-color: #F7941D;
    color: #000;
	border: 1px solid #F7941D;
}


.btn-outline-dark {
	color: #000;
	background: none;
	border: #696969 1px solid;
    padding: 5px 20px 10px 20px;
   
}

.btn-outline-dark:hover, .btn-outline-dark:active, .btn-outline-dark:focus {
	color: #000;
	background: #ADADAD;
	border: #696969 1px solid;
}


   
/* Code in custom-navbar.css */




/* --------------------------------------
   Global Styles
   -------------------------------------- */

a {
	color:#000;
}

a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #B5B5B5;
	text-decoration: none;
}


.featuredImg { 
	margin-bottom: 30px;
}

.btn-margin {
	margin: 5px 0;
}

#pageContent hr {
	border: 0;
	height: 1px;
    background: #000;
	margin: 0px 0;
}

ul {
	padding-left: 17px;
	line-height: 22px;
	margin: 0px;
	list-style-image: url(../images/bullet.png);
}

li {
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.no-padding {
    padding: 0;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.text-faded {
    color: rgba(255,255,255,.7);
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #EDECEF;
 }
 


.bgYellow {
	background: #FFCA05;
	padding: 6px;
	margin-bottom: 0px;
}



/* --------------------------------------
   Quicklinks
   -------------------------------------- */

#quicklinks {
	background: rgba(242,242,242,1.00);
	padding: 30px;
	margin: 10px auto 50px auto;
}


.quicklinks-box {
    display: block;
    position: relative;
    margin: 10px auto;
    max-width: 560px;
}

.quicklinks-box .quicklinks-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 1;
    background: rgba(0,0,0,0.00);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	text-shadow: none;
	letter-spacing: 1px;
}

.quicklinks-box .quicklinks-box-caption .quicklinks-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.quicklinks-box .quicklinks-box-caption .quicklinks-box-caption-content .quicklinks-category,
.quicklinks-box .quicklinks-box-caption .quicklinks-box-caption-content .project-name {
    padding: 0 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
}

.quicklinks-box .quicklinks-box-caption .quicklinks-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
	margin-bottom: 10px;
}

.quicklinks-box .quicklinks-box-caption .quicklinks-box-caption-content .project-name {
    font-size: 40px;
	font-weight: 700;
}

.quicklinks-box:hover .quicklinks-box-caption {
    opacity: 1;
    background: rgba(254,219,50,0.60);
	color: #000;


}


@media(max-width:480px) {
	
.quicklinks-box {
    margin: 30px auto;
	
	}
	
    .quicklinks-box .quicklinks-box-caption .quicklinks-box-caption-content .project-name {
        font-size: 30px;
    }

#quicklinks {
	padding: 20px;
	margin: 10px auto 50px auto;
}
	
	
	
}


@media(min-width:481px) {
	
.quicklinks-box {
    margin: 30px auto;
	
	}
	
    .quicklinks-box .quicklinks-box-caption .quicklinks-box-caption-content .project-name {
        font-size: 40px;
    }

#quicklinks {
	padding: 10px;
	margin: 10px auto 50px auto;
}
	
	
	
}
	

@media(min-width:1200px) {
	

    .quicklinks-box .quicklinks-box-caption .quicklinks-box-caption-content .project-name {
        font-size: 54px;

    }
	

#quicklinks {
	background: rgba(242,242,242,1.00);
	padding: 40px;
	margin: 10px auto 50px auto;
}	
	
	
}




/* --------------------------------------
   Profile
   -------------------------------------- */

#profile .profile-item {
	background: #FFF;

}

#profile .profile-item .profile-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 600px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}

#profile .profile-item .profile-link .profile-hover {
    position: absolute;
    width: 100%;
    height: 110%;
    opacity: 0;
    background: url(/images/projects-panel.png) top center no-repeat;

    /* background: rgba(254,219,50,0.70); */
    
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
	margin: -12px 0px;


}

#profile .profile-item .profile-link .profile-hover:hover {
    opacity: 1;
}

#profile .profile-item .profile-link .profile-hover .profile-hover-content {
    position: absolute;
    top: 35%;
    width: 50%;
    margin-top: -12px;
    text-align: left;
    font-size: 30px;
    color: #fff;
    margin: 0px 0px 0px 20px;
	word-wrap: break-word;


}

#profile .profile-item .profile-link .profile-hover .profile-hover-content i {
    margin-top: -12px;
}

#profile .profile-item .profile-link .profile-hover .profile-hover-content h3,
#profile .profile-item .profile-link .profile-hover .profile-hover-content h4 {
    font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
    text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;

}

#profile .profile-item .profile-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 300px;
    text-align: center;
    background-color: none;
}

#profile .profile-item .profile-caption h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
	color: #000;
}


#profile * {
    z-index: 2;
}

@media(min-width:767px) {
    #profile .profile-item {
        margin: 0 0 30px;
    }
}





/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 756px) {

	
#home1 h1 {
	font-size: 18px;
	margin: 0 0 15px 0;

}

#home1 h2 {
	font-size: 14px;
	margin: 0 0 0px 0;

}	
	

h1 {
	font-size: 30px;
	margin: 0 0 30px 0;
}

h2 {
	font-size: 18px;
	letter-spacing: 1px;
}

h4 {
	font-size: 18px;
}




#home3 img {
	margin-top: 0px;
}
	
	
	
	
	
	
	
	
#pageBanner {
	border-top: #FFF 1px solid;
	margin-bottom: 40px;
	height: 200px;
}	
	
	
.yellowpanelh2extracontact {
	padding: 2px 10px 1px 10px;
	background: #FFCA05;
	margin-left: 80px;
}	
	
	
.header-caption {
	margin: 200px 70px 0px 0px;
	
}	
	
	
}


/* Landscape phone to portrait tablet */
@media (max-width: 1299px) {
		
	
.wrapper {
    margin: 0 20px;

}
	

h2 {
	font-size: 20px;
	letter-spacing: 0px;
}
	
	
#home3 img {
	margin-top: -40px;
}
	
	
#pageBanner {
	border-top: #FFF 1px solid;
	margin-bottom: 40px;
	height: 300px;
}
	
.header-caption {
	margin: 200px 40px 0px 0px;
	
}	
	
	
	
.yellowpanelh2extracontact {
	padding: 2px 10px 1px 10px;
	background: #FFCA05;
	margin-left: 100px;
}	

	
}

/* Large desktop */
@media (min-width: 1300px) {
	
	
#home3 {
	text-align: right;

}
	
	
#pageBanner {
	border-top: #FFF 1px solid;
	margin-bottom: 40px;
	height: 600px;
}	
	
	
	
}