/* Content
-----------------------------------------------------------------*/
body { color: #445159; font-size: 15px; line-height: 1.6; }
h5, h6 { font-weight: 600; }
p { margin-bottom: 20px; }
#content p { line-height: 1.6; }


/* Top Bar
-----------------------------------------------------------------*/
#top-bar {
    position: relative;
    border-bottom: 3px solid #00CAD4;
    height: 45px;
    line-height: 44px;
    font-size: 13px; }
    
	.dark #top-bar, #top-bar.dark {	border-bottom-color: #00CAD4; background-color: #3E4D5D; }
    .dark .top-links li > a { font-size: 11px; color: #FFF; }
    .dark .top-links ul li { height: 42px; border-left: 1px solid rgba(255, 255, 255, 0.20); }
    .dark .top-links li:hover { background-color: #2A3642; }
    .dark .top-links ul ul li { height: 36px; }
    .dark .top-links ul ul, .dark .top-links ul div.top-link-section { background: #2A3642; }


/* Primary Menu
-----------------------------------------------------------------*/
#primary-menu ul li a { font-size: 13px; }
#primary-menu ul ul li { border-bottom: 1px solid #EEE; }
#primary-menu ul ul a { font-size: 12px; }


/* Heading Block
-----------------------------------------------------------------*/
.heading-block.center > span, .heading-block.title-center > span, .center .heading-block > span {
    max-width: 1000px;
    font-weight: 400;
    color: #394048; }
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
	color: #394048;
	font-weight: 500; }
.heading-block h3 + span, .heading-block h4 + span { font-size: 18px; }
.heading-block h3 { font-size: 20px; }
.heading-block h4 { font-size: 16px; }
.fancy-title { margin-bottom: 20px; }
	

/* Text Block
-----------------------------------------------------------------*/
#page-title h1 { font-size: 24px; }
#page-title.page-title-dark { background-color: #3E4D5D; }
#page-title.page-title-center span { max-width: 1000px; }
#page-title.page-title-dark span { color: rgba(255,255,255,0.9); font-size: 16px; font-weight: 400; }

.fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 { 
	padding: 0 0 5px;
    border-bottom: 1px solid #00CAD4; }

.feature-box h3 { font-size: 14px; font-weight: 600; }
.feature-box p { color: #445159; }

.feature-box h3 span.subtitle { font-weight: 500; }


/* Promo
-----------------------------------------------------------------*/
.promo h4 { font-weight: bold; margin-bottom: 0; }
.promo a.button.button-large { margin-top: -26px; }
.section.parallax.dark h2 { text-shadow: 1px 1px #3E4D5D; }


/* List
-----------------------------------------------------------------*/
.iconlist li { margin-bottom: 15px; }
.iconlist-color li i { color: #00CAD4; }


/* Footer
-----------------------------------------------------------------*/
#footer { border-top: 2px solid #00CAD4; }
#footer.dark, .dark #footer { background-color: #3E4D5D; color: #FFF; border-top-color: #00CAD4; }
.dark #copyrights { background-color: #2A3642; color: rgba(255,255,255,0.5); }

.si-call:hover, .si-colored.si-call,
.si-email3:hover, .si-colored.si-email3 { background-color: #00CAD4 !important; }


/* Portfolio
-----------------------------------------------------------------*/
#portfolio-filter { 
    border: none;
    border-radius: 0; }

#portfolio-filter li a {
    margin: 0 5px 5px 0;
    padding: 10px 14px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #445159;
    border: 1px solid #FFA153; }

#portfolio-filter li.activeFilter a {
    margin: 0 5px 5px 0;
    padding: 10px 14px;
    font-weight: 600;
    color: #FFF !important;
    background-color: #FFA153; }

#portfolio-filter li:first-child a {
    border-radius: 0; border-left: 1px solid #FFA153; }
#portfolio-filter li:last-child a {
    border-radius: 0; }

#portfolio-shuffle {
    border: 1px solid #FFA153;
    color: #445159;
    border-radius: 0; }

.portfolio-image { background: #EEE; }

.portfolio-desc h3 {
    min-height: 36px;
    font-size: 12px;
    text-transform: uppercase; }
.portfolio-desc span a {
    font-size: 12px;
    text-transform: uppercase; }

nav.nextprev.cf { text-align: center; }

.section.portfolio-details h3 { font-size: 13px; }
.section.portfolio-details p { font-weight: 500; }
.section.portfolio-details .feature-box { margin-top: 0px; padding: 0 0 0 60px; }
.section.portfolio-details .feature-box .fbox-icon { width: 48px; height: 48px; }
.section.portfolio-details .feature-box .fbox-icon i { font-size: 22px; line-height: 48px; }

/* Forms
-----------------------------------------------------------------*/
select.sm-form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 0 !important; }



.swiper-slide:after {
    content:'';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #3E4D5D;
    opacity: 0;
}