/* dynamic generated css*/
body { font-size:14px;}
ul#nav * { font-size:16px; }
ul#nav * { color:#555555; }
h1 { color:#0c2f3a; }
h1 { color:#0c2f3a; }
h2 { color:#42758f; }
h2 { color:#42758f; }
#wrap #nav a:hover, #wrap  #nav li:hover > a, #wrap #nav li.current > a, #wrap #nav li.current ul li a:hover, #wrap #nav li.active > a { color:#0c2f3a;}

#wrap #header.sm-rgt-mn #menu-icon:hover i, #wrap #header.sm-rgt-mn #menu-icon.active i {color:#42758f;}

#wrap .icon-box  i, #wrap  .icon-box1  i, #wrap .icon-box2 i, #wrap  .icon-box3  i, #wrap  .icon-box4 i, #wrap  .icon-box5 i , #wrap  .icon-box7  i { color:#42758f;}

#wrap nav.primary .portfolioFilters a { color:#8ad3e7;}
#wrap nav.primary .portfolioFilters a:hover {  color:#42758f;}
#wrap nav.primary .portfolioFilters a.selected, #wrap nav.primary ul li a:active {  color:#42758f; }
#wrap nav.primary .portfolioFilters a.selected, #wrap nav.primary ul li a:active {  border-color:#dddddd; }
.zoomex2 a { color:#8ad3e7;}
#wrap .zoomex2 a:hover i { color:#8ad3e7;  }
#wrap .contact-form .btnSend {background-color:#42758f;}
#wrap .contact-form .btnSend:hover {background-color:#0c2f3a;}
#wrap a.magicmore { color:#42758f;}
#wrap a.magicmore:hover { color:#003949;}
#wrap .our-process-item i { color:#42758f;}
#wrap .our-process-item:hover i { color:#42758f;  } 
#wrap .our-process-item:hover i { border-color:#ec6851;  } 
#wrap .our-process-item:hover i { background-color:#edf9f9;  } 
#wrap h6.h-sub-content { border-bottom-color:#8ad3e7;}
.blog-post h3, .blog-post h3 a { color:#8ad3e7;}
.blog-post h3 a:hover { color:#42758f;}
.blog-single-post h1 { color:#42758f;}

/* == TextColors
---------------- */
.colorskin-custom #nav a:hover, .colorskin-custom #nav li:hover > a, .colorskin-custom #nav li.current > a, .colorskin-custom #nav li.active > a, .colorskin-custom #nav ul li a:hover, .colorskin-custom #nav li.current ul li a:hover, .colorskin-custom .nav-wrap2 #nav ul li a:hover, .colorskin-custom .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-custom #nav ul li.current > a, .colorskin-custom #nav ul li:hover > a, .colorskin-custom nav.primary .portfolioFilters a.selected, .colorskin-custom nav.primary .portfolioFilters a:hover, .colorskin-custom nav.primary ul li a:active, .colorskin-custom .colorf , .colorskin-custom .callout i, .colorskin-custom a.magicmore:hover, .colorskin-custom .icon-box i, .colorskin-custom .icon-box1 i, .colorskin-custom .icon-box3:hover i, .colorskin-custom .icon-box5 i, .colorskin-custom .icon-box8 i, .colorskin-custom .icon-box9 i, .colorskin-custom .icon-box10 i, .colorskin-custom .icon-box11 i, .colorskin-custom .zoomex2 a:hover i, .colorskin-custom .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-custom .testimonials-slider-w .testimonial-content h4 q:after {color: #42758f}


/* == Backgrounds
----------------- */
.colorskin-custom .icon-box1:hover i, .colorskin-custom .icon-box6 i, .colorskin-custom .icon-box9:hover i, .colorskin-custom .icon-box10:hover i, .colorskin-custom .icon-box11:hover, .colorskin-custom .colorb, .colorskin-custom .footer-in .contact-inf button, .colorskin-custom #footer .side-list li:hover img, .colorskin-custom .our-process-item:hover i, .colorskin-custom .icon-box1:hover i, .colorskin-custom .side-list li:hover img,
.colorskin-custom #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-custom #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-custom #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #42758f}


/* == BorderColors
------------------ */
.colorskin-custom nav.primary .portfolioFilters a.selected, .colorskin-custom nav.primary ul li a:active, .colorskin-custom .our-team-ca:hover figure img, .colorskin-custom .footer-in h5.subtitle:after, .colorskin-custom .our-team:hover figure, .colorskin-custom a.magicmore:after, .colorskin-custom .icon-box5:hover i , .colorskin-custom .zoomex2 a:hover i, .colorskin-custom .max-title2:after, .colorskin-custom .max-title4:after, .colorskin-custom .max-title5:after, .colorskin-custom .sidebar h4.subtitle:after, .colorskin-custom h6.h-sub-content {border-color:#42758f}


.col-wks-1 {display: none;}
.col-wks-3 {display: none;}
.col-wks-2 { width:100%;}

@media only screen and (max-width: 767px) {	
	.col-wks-3 {display: none;}
	.col-wks-2 { width:100%;}
	.works-item-detail-box, .works-item-cat-box { border-left:none;}
	.works-item-date-box { padding-top:10px; font-size:21px;} 
	}