@font-face {
  font-family: 'Moderat';

  src: url('../fonts/Moderat-Regular.eot');
  src: url('../fonts/Moderat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Moderat-Regular.woff2') format('woff2'), url('../fonts/Moderat-Regular.woff') format('woff'), url('../fonts/Moderat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Moderat';
  font-weight: bold;
  src: url('../fonts/Moderat-Bold.eot');
  src: url('../fonts/Moderat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Moderat-Bold.woff2') format('woff2'), url('../fonts/Moderat-Bold.woff') format('woff'), url('../fonts/Moderat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'cf_dromonregular';
    src: url('../fonts/cf_dromon_rg-webfont.eot');
    src: url('../fonts/cf_dromon_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cf_dromon_rg-webfont.woff2') format('woff2'),
         url('../fonts/cf_dromon_rg-webfont.woff') format('woff'),
         url('../fonts/cf_dromon_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cf_dromonregular';
    src: url('../fonts/cf_dromon_bd-webfont.eot');
    src: url('../fonts/cf_dromon_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cf_dromon_bd-webfont.woff2') format('woff2'),
         url('../fonts/cf_dromon_bd-webfont.woff') format('woff'),
         url('../fonts/cf_dromon_bd-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

body {
  font-family: 'cf_dromonregular', sans-serif;
  line-height:128%;
}


@media only screen and (min-width : 320px) {
body {
    font-size: 22px;
  }
    }

    @media only screen and (min-width : 480px) {
body {
    font-size: 23px;
  }
    }



    @media only screen and (min-width : 768px) {
body {
    font-size: 24px;
  }
    }

    @media only screen and (min-width : 992px) {
body {
    font-size: 25px;
  }
    }

    @media only screen and (min-width : 1200px) {
body {
    font-size: 28px;
  }
    }



a:link, a
{
 color: #707070;
 outline: none !important; 
 text-decoration: none !important; 
}
	

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

.btn-link:focus{
	text-decoration: none !important;
	outline: none !important;
}
	
.vertical-br{
    text-align: center;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:60px;
    
}
div.hdividerl {
	width: 60px;
	height: 12px;
	margin-left: -20px;
	border-top: 2px solid;
	padding: 0;
	margin-top: 6px;
}

div#accordion-services .card, div#accordion-services .card-header
{
	border:none;
	background-color:#fff;
	padding:0;

	
}

div#accordion-services .btn-link
{
	color: #000;
	font-size:100%;
	padding:0;
}

div#accordion-services .btn-link:hover, div#accordion-services .btn-link:active, div#accordion-services .btn-link:visited
{
	text-decoration: none;
	
}

div#accordion-services h5
{
	font-size:inherit;
}

div#accordion-services .card-body
{
	padding:0;
	margin-top:35px;
	margin-bottom:35px;
}

div#accordion-services a.related-projects
{
	color: #707070;
}

div.moto
{
	position: relative;
	top:115px;
	right:0;
	/*font-size:26px;*/
	padding-left:35px;
	color: #fff;
	
}

div.project-info-row
{
	
	margin-top: 30vh;
	color: #fff;
}

div.project-title
{
	font-size: 20px;
	
}

a.project-nav-link
{
   font-size: 65%;
   color: #fff;
   text-decoration: none;
}	

a.project-nav-link img
{
padding-bottom: 6px;

padding-right: 5px;
}

div.project-info-details, div.ptags
{
	font-size: 65%;
	line-height: 128%;
}

div.rowpimages
{
	margin-top: 30px;
	flex-direction: row;
	max-width: 100%;
}

div.rowpimages .colpimages
{
	flex-direction: column;
}

div.rowpimages .col, div.rowpimages .col-3, div.rowpimages .col-4, div.rowpimages .col-5, div.rowpimages .col-6, div.rowpimages .col-7, div.rowpimages .col-8, div.rowpimages .col-9
{
	flex-direction: column;
}

div.rowpimages img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	
}

/*variations - color schemes */
div#mcontainer
{	
	min-height: 80vh;
	/*padding-bottom: 40px;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-blend-mode:overlay; 
	background-size:cover;
}

div.var0, div.var0 div.projectbox
{
	background-color: #50786d;
}

 #mcontainer_overlay
{
	/*min-height: 80vh;*/
}

div.var0 #mcontainer_overlay
{
	background-color: rgba(4,19,20,1);
}

div.var1 #mcontainer_overlay
{
	background-color: rgba(25,19,12,1);
}

div.var2 #mcontainer_overlay
{
	background-color: rgba(51,20,45,1);
}

div.var3 #mcontainer_overlay
{
	background-color: rgba(58,40,50,1);
}

div.var4 #mcontainer_overlay
{
	background-color: rgba(21,46,53,1);
}

div.var5 #mcontainer_overlay
{
	background-color: rgba(45,21,21,1);
}

div.var6 #mcontainer_overlay
{
	background-color: rgba(43,34,9,1);
}


div.var0 .projecttitle
{
	color: rgba(4,19,20,1);
}

div.var1 .projecttitle
{
	color: rgba(25,19,12,1);
}

div.var2 .projecttitle
{
	color: rgba(51,20,45,1);
}

div.var3 .projecttitle
{
	color: rgba(58,40,50,1);
}

div.var4 .projecttitle
{
	color: rgba(21,46,53,1);
}

div.var5 .projecttitle
{
	color: rgba(45,21,21,1);
}

div.var6 .projecttitle
{
	color: rgba(43,34,9,1);
}



footer.var0
{
	background-color: #fff;
	color: #50786d;
}

div.var0, div.var0 div.placeholder
{
	background-color: #50786D;
	border-color: #999B9E;
}

div.var0 div.pbox
{
	border-color: #fff;
}

div.var0 div.pbox:hover
{
	/*border: 1px solid #90BBAC;*/
}

div.var0 div.pboxexp, div.panel-p1-var0:hover, div.panel-s1-var0:hover
{
	background-color: #90BBAC;
}

div.var0 #mcontainer h3, div.var0 h3 div.hdivider, a.catLink_var0:hover, a.catLink_var0_active
{
	color: #90BBAC;
}

div.var0 div.projectbox
{
	background:  #90BBAC;
}

div.var1, div.var1 div.placeholder
{
	background-color: #19130c;
	border-color: #b7aa90;
}

div.var1 div.pbox
{
	border-color: #b7aa90;
}

div.var1 div.pbox:hover
{
	border: 1px solid #d59729;
}

div.var1 div.pboxexp, div.panel-p1-var1:hover, div.panel-s1-var1:hover
{
	background-color: #d59729;
}

div.var2 div.pbox
{
	border-color: #C47C83;
}

div.var2 div.pbox:hover
{
	border: 1px solid #E43F41;
}

div.var2 div.pboxexp, div.panel-p1-var2:hover, div.panel-s1-var2:hover
{
	background-color: #E43F41;
}

div.var3 div.pbox
{
	border-color: #CA9AA2;
}

div.var3 div.pbox:hover
{
	border: 1px solid #CA9AA2;
}

div.var3 div.pboxexp, div.panel-p1-var3:hover, div.panel-s1-var3:hover
{
	background-color: #CA9AA2;
}

div.var4 div.pbox
{
	border-color: #77B5BC;
}

div.var4 div.pbox:hover
{
	border: 1px solid #2497B2;
}

div.var4 div.pboxexp, div.panel-p1-var4:hover, div.panel-s1-var4:hover
{
	background-color: #2497B2;
}

div.var5 div.pbox
{
	border-color: #B29494;
}

div.var5 div.pbox:hover
{
	border: 1px solid #A86756;
}

div.var5 div.pboxexp, div.panel-p1-var5:hover, div.panel-s1-var5:hover
{
	background-color: #A86756;
}

div.var6 div.pbox
{
	border-color: #A09C95;
}

div.var6 div.pbox:hover
{
	border: 1px solid #CAB859;
}

div.var6 div.pboxexp, div.panel-p1-var6:hover, div.panel-s1-var6:hover, div.var6 div.projectbox
{
	background-color: #CAB859;
}

div.var1 h3, div.var1 h3 div.hdivider, a.catLink_var1:hover, a.catLink_var1_active
{
	color: #d59729;
}

div.var1 div.projectbox
{
	background:  #d59729;
}

footer.var1
{
	background-color: #4c3d38;
	color: #b7aa90;
}

div.var2, div.var2 div.placeholder
{
	background-color: #33142d;
}

div.var2 h3, div.var2 h3 div.hdivider, a.catLink_var2:hover, a.catLink_var2_active
{
	color: #e43f41;
}

div.var2 div.projectbox
{
	background:  #e43f41;
}

footer.var2
{
	background-color: #4b2e42; 
	color: #c47c83;
}

div.var3, div.var3 div.placeholder
{
	background-color: #3a2832;
}

div.var3 h3, div.var3 h3 div.hdivider, a.catLink_var3:hover, a.catLink_var3_active
{
	color: #ca9aa2;
}

div.var3 div.projectbox
{
	background:  #ca9aa2;
}


footer.var3
{
	background-color: #774964;
	color: #ca9aa2;
}

div.var4, div.var4 div.placeholder
{
	background-color: #152E35;
}

div.var4 h3, div.var4 h3 div.hdivider, a.catLink_var4:hover, a.catLink_var4_active
{
	color: #2497b2;
}

div.var4 div.projectbox
{
	background:  #2497b2;
}


footer.var4
{
	background-color: #244a54;
	color: #77b5bc;
}

div.var5, div.var5 div.placeholder
{
	background-color: #2d1515;

}

div.var5 h3, div.var6 h5 div.hdivider, a.catLink_var5:hover, a.catLink_var5_active
{
	color: #a86756;
}

div.var5 div.projectbox
{
	background:  #a86756;
}


footer.var5
{
	background-color: #543b3b;
	color: #b29494;
}

div.var6, div.var6 div.placeholder
{
	background-color: #2b2209;
}

div.var6 h3, div.var6 h3 div.hdivider, a.catLink_var6:hover, a.catLink_var6_active
{
	color: #cab859;
}

div.var6 div.projectbox
{
	background:  #cab859;
}


footer.var6
{
	background-color: #5b4b37;
	color: #a09c95;
}



/*end of color schemes*/

div.projectbox
{
	/*background: #d9d9d9;*/
	/*min-height:23vw;*/
	margin-bottom:10vmin;
	filter: grayscale(60%);
}

/*
div.var6 .projectbox
{
	background: #cab859;
}
*/

div.projectbox:hover
{
	filter:none;
	
	
}

div.pimage:hover
{
	background: transparent;
}

a.project_link
{
	color: #707070;
}

html *:focus {outline: 0 !important;}

div#accordion-services div.card-body
{
	font-size:18px; /*change to responsive*/
	line-height: 24px;
	margin-top:0;
	margin-bottom:0;
	
}

.carousel-control-prev-icon {
	background-image: url("../img/left.png");
}

.carousel-control-next-icon {
	background-image: url("../img/right.png");
}

.carousel-control-next-icon, .carousel-control-prev-icon
{
	width:26px;
	height:47px;
	
}

/*
a.catactive
{
	color: #A76856;
}

a.catLink:hover
{
	color: #A76856;
}
*/

div.servicecat
{
	background: transparent;
}

.projecttitle:hover
{
text-decoration:none;	
}	

a.project_link:hover
{
text-decoration:none;	
}	

div#footer-container
{
	background: #ffffff;
}

#footer-container .text-center 
{
        min-width: 35%;
}
#footer-container .col-xl-8 {
    -ms-flex: 0 0 60.00%;
    flex: 0 0 60.00%;
    max-width: 60.00%;
}

li.menu-links a:hover, li.menu-categories a:hover
{
	color: #909090;
}

div.bio-text
{
	font-size: 18px;
	line-height: 140%;
}

.projecttitle{
	position: absolute;
	top: 50%;
	left: 50%;
	margin:0 !important;;
	transform: translate(-50%, -50%);
	padding: 0 !important;
}

.card, .card-body {    background-color: none !important;}

@media screen and (min-width: 320px) {
  div.project-title{
    font-size: calc(20px + (40 - 16) * ((100vw - 320px)/(1920 - 320)));
    /*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
  }