/*------------------------------------------------------------------------
# Foundry Drupal
# ------------------------------------------------------------------------
# Created by Symphony Themes
# Websites:  http://www.symphonythemes.com -  Email: info@symphonythemes.com
--------------------------------------------------------------------------
    1.   Custom CSS
    2.   Menu
    3.   Custom blocks
    4.   Blog, Testimonials, Gallery, Portfolio & other blocks
    5.   Contact forms & Simplenews
    6.   Login & Register
--------------------------------------------------------------------------------*/

/* 01. Custom CSS
 --------------------------------------------------------------------------------*/

/* Fonts */
@font-face { font-family: FuturaPT; src: url('../fonts/FuturaPTLight.otf'); font-weight: 300; display: auto }
@font-face { font-family: FuturaPT; src: url('../fonts/FuturaPTMedium.otf'); font-weight: 400; display: auto }
@font-face { font-family: FuturaPT; src: url('../fonts/FuturaPTBook.otf'); font-weight: 500; display: auto }
@font-face { font-family: FuturaPT; src: url('../fonts/FuturaPTBold.otf'); font-weight: 700; display: auto }
@font-face { font-family: FuturaPT; src: url('../fonts/FuturaPTHeavy.otf'); font-weight: 900; display: auto }
:root { --bfont: 'Proxima Nova', 'FuturaPT', sans-serif; --hfont: 'Proxima Nova', 'FuturaPT', sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-family: 'Open Sans Condensed', sans-serif; color: #1D2631; line-height: 1.4; font-weight: bold; text-transform: uppercase; margin-bottom: 1em }
h1,
.h1 { font-size: 42px; }
h2,
.h2 { font-size: 32px; }
h3,
.h3 { font-size: 40px; }
h4,
.h4 { font-size: 25px; }
h5,
.h5 { }
h6,
.h6 { }
p,
span { font-weight: unset; }
.list-class { list-style: none; padding: 0; margin: 0; }
.row.list-class { margin-left: -15px; margin-right: -15px; }
h4 { color: #455D7C; font-size: 20px }
h4 a { color: #455D7C; }
h6 { color: #8DB5C3 }
a { font-family: 'Open Sans Condensed'; font-weight: bold; color: #8DB5C3 }
a:hover { color: #E5BA0A }
p { font-size: inherit; }

/* Element Style */
body { font-family: Proxima Nova, 'FuturaPT', sans-serif; margin: 0 auto; font-weight: 300; font-size: 20px; line-height: 1.4; color: #333333 }
.overlay::before { display: block }
h1.page-header { font-weight: 400; text-transform: uppercase; font-size: 32px; line-height: 40px }
p:last-child { margin-bottom: auto !important }
.label a { color: #fff }
#edit-actions input[type="submit"],
#edit-actions button[type="submit"] { width: auto }
.icon.glyphicon { font-size: 12px }
.form-control { margin-bottom: 0; border: none; border-radius: 0 }
ul ul { }
#main-container { overflow: hidden; position: relative }
@media all and (max-width:767px) {
    #main-container { padding: 80px 0 }
}
.page-node-type-full-page #main-container { padding: 0 }
#search-form input.form-search { height: 50px; background: #f8f8f8 }
#search-form a#edit-help-link { display: none }
.path-search h2,
.path-search h3 { padding-top: 40px }
.path-search ol li { padding-bottom: 40px }
#search-block-form .input-group { width: 100% }
#search-block-form input[type="search"] { background: #f5f5f5; border: none; width: 100%; height: 50px; padding-left: 20px; font-weight: 500; border-radius: 0 }
.builder-row { margin-left: -15px; margin-right: -15px }
form#comment-form textarea { padding: 16px 20px; background: #f5f5f5 none repeat scroll 0 0 }
form#comment-form select#edit-comment-body-0-format--2 { background: #f5f5f5 none repeat scroll 0 0 }
form#comment-form button#edit-submit { float: right; max-width: 25%; margin-right: 0 }
.region-content ul.links { padding-top: 24px; text-transform: uppercase }
aside h2.block-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 24px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ccc; text-transform: uppercase }
aside .block { margin-bottom: 48px; padding: 0 }
footer { border: none !important; margin: 0 !important }
footer section { padding: 0; margin: 0 }
.footer-1 h2.block-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 24px; margin-bottom: 12px; text-transform: uppercase; padding-bottom: 12px; border-bottom: 1px solid #555 }
p.mb24 { margin-bottom: 24px !important }
p.mb48 { margin-bottom: 48px !important }
p.mb64 { margin-bottom: 64px !important }
p.mb80 { margin-bottom: 80px !important }
.site-branding .logo { margin: 0 }
.site-branding .logo img { max-height: 60% }
.site-branding .name { display: none }
.menu > li { margin-right: 12px }
nav.fixed,
nav.absolute { z-index: 9999 }
.navbar-toggle { margin: 0; padding: 0; border: none }
nav.transparent.fixed .menu > li > span,
.menu li span { font-size: 11px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #292929; opacity: 0.5; padding: 10px 15px; line-height: 30px; display: block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; max-width: 100%; white-space: normal }
.menu li span:hover { opacity: 1 !important }
nav.transparent .navbar-toggle,
nav.bg-dark .navbar-toggle { color: #fff }
nav.transparent .mobile-toggle.active  .navbar-toggle { color: #000 }
.menu > li > ul li span { color: #fff; height: auto; padding: 6px 24px }
.has-dropdown::after { right: 15px !important; top: -2px !important }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.nav li a:hover,
.nav li a:focus { background: none }
#block-mainnavigation .navbar-nav > li > a { margin-top: 2px }
/*.menu > li ul { display: block; height: auto }*/
.menu > li ul li { margin-right: 0 }
@media all and (min-width:990px) {
    .menu > li.mega-menu-li ul { width: 400px }
    .menu > li.mega-menu-li ul li { width: 50%; display: inline-block; margin-right: 0; padding-right: 0; float: left }
    nav.transparent .menu > li > span,
    nav.bg-dark .menu > li > span { color: #fff }
}
.menu li a.is-active { }
a.search-menu-item { position: relative; text-indent: 100px; width: 50px; overflow: hidden }
a.search-menu-item:before,
nav.transparent.fixed a.search-menu-item::before { position: absolute; content: "\e610"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: #000; text-indent: 0; left: 0; top: 0; border-left: 1px solid #ccc; height: 100%; padding: 15px 0 0 20px }
nav.transparent a.search-menu-item::before { color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2) }
@media all and (max-width:990px) {
    .navbar-toggle { display: block }
}
.user-logged-in nav.absolute { top: 80px }
.menu li a { color: #FFF }
.menu li a:hover { color: #9c9999 }
.nav-bar { border-bottom: none }
nav.pager-nav { }
nav.pager-nav .pagination li a { width: auto; padding: 6px 12px; line-height: 1.2; font-size: 16px; }
.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a { background: #455D7C; color: #fff; border-color: #455D7C; }
.breadcrumb { background: none; padding: 0 }
.breadcrumb li a,
.breadcrumb li { font-family: Proxima Nova, 'FuturaPT', sans-serif; font-size: 12px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; font-size: 11px; font-weight: 600 }
.breadcrumb > li + li:before { padding: 0 16px; color: #bbb }
@media all and (max-width:767px) {
    .breadcrumb > li + li:before { padding: 0 4px }
}
nav.tabs { text-transform: uppercase }
.image-edge .container div[class*="col-"]  div[class*="col-"] { position: relative }
.background-image-holder { position: absolute !important }
.masonry-layout .masonry-item { background: none; border: none }
.postscript { margin-bottom: 48px }
.postscript h2.block-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 24px; margin-bottom: 15px; padding-bottom: 10px; text-transform: uppercase; border-bottom: 1px solid #555 }
.block-block-content9d9675fb-6125-4680-aa51-69faf55603ed { height: 0 }
.view-blog .post-title,
.view-blog .views-field-view-node { margin-top: 24px }
.node--type-article .field--name-field-video { margin-bottom: 24px }
.post-meta .field--name-field-blog-category { display: inline }
.node--type-article .content section h2 { letter-spacing: 2px; margin-right: -2px; text-transform: uppercase; font-size: 16px; line-height: 24px; padding-top: 24px; border-top: 1px solid #ccc }
.node--type-article .content section article.comment { padding-bottom: 40px }
.path-blog-masonry-2-col .main-container,
.path-blog-masonry-3-col .main-container,
.path-blog-masonry-sidebar-left .main-container,
.path-blog-masonry-sidebar-right .main-container { background: #f8f8f8 }
.recent-posts .views-field.views-field-created { display: block; letter-spacing: 0; opacity: 0.8; margin-top: 5px }
.recent-posts .link-list { line-height: normal }
.block-twitter-feed h3,
.block-twitter-feed hr { display: none }
.block-twitter-feed ul li { margin-bottom: 24px }
.block-twitter-feed .block-inner ul li { position: relative; padding-left: 22px }
.block-twitter-feed .block-inner ul li:before { position: absolute; top: 6px; left: 0; float: left; display: inline-block; color: #292929; content: "\e74b"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 13px }
.postscript .block-twitter-feed .block-inner ul li:before { color: #fff }
.block-twitter-feed .block-inner ul li hr { margin: 12px 0 }
.block-testimonial { text-align: center }
.block-testimonial-style1 .attachment .item-list li { list-style: none; display: inline-block; padding: 0 5px }
.block-testimonial .flexslider .slides .quote-author img,
.views-field-field-testimonial-image img { width: 60px; height: 60px; display: inline }
@media all and (min-width:767px) {
    .block-testimonial .flex-direction-nav a.flex-prev,
    .block-testimonial .flexslider:hover .flex-direction-nav a.flex-prev { left: -50px }
    .block-testimonial .flex-direction-nav a.flex-next,
    .block-testimonial .flexslider:hover .flex-direction-nav a.flex-next { right: -50px }
}
.block-gallery-grid-3 .views-field-field-images ul { float: left; width: 100%; margin: 0 }
.block-gallery-grid-3 .views-field-field-images ul li { float: left; padding: 0px 5px 5px 0; width: 33.333%; list-style: none; margin: 0 }
.block-gallery-grid-3 .views-field-field-images ul li:nth-child(3n+1) { clear: left }
@media all and (max-width:767px) {
    .block-gallery-grid-3 .views-field-field-images ul li { width: 100%; padding: 10px 0; clear: left }
}
.flexslider { background: none; border: none; text-align: center }
.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a { display: block !important }
.image-slider .slides li img { width: 100% }
.projects-2-col .masonry-layout .masonry-item { width: 50%; margin: 0 0 30px }
.projects-3-col .masonry-layout .masonry-item { width: 33.333%; margin: 0 0 30px }
.projects-4-col .masonry-layout .masonry-item { width: 25%; margin: 0 0 30px }
.projects-wide .masonry-layout .masonry-item { margin: 0 !important; padding: 0 !important }
.project a { color: #fff }
.row-gapless div[class*='col-'] { padding: 0 }
.view-portfolio-parallax .parallax > .background-image-holder { height: 100vh !important; top: -50vh !important }
.view-portfolio-parallax .pager-nav { padding: 40px 0 }
button#edit-preview { display: none }
form#contact-message-feedback-form span.form-required { display: none }
form#contact-message-feedback-form label[for=edit-subject-0-value],
form#contact-message-feedback-form label[for=edit-message-0-value],
form#contact-message-feedback-form label[for=edit-name],
form#contact-message-feedback-form label[for=edit-mail] { display: none }
form#contact-message-feedback-form button#edit-submit { width: 100% }
input[type="email"] { background: #f5f5f5; border: none; width: 100%; height: 50px; padding-left: 20px; font-weight: 500; margin-bottom: 24px; border-radius: 0 }
form#contact-message-feedback-form textarea { width: 100%; border: none; background: #f5f5f5; margin-bottom: 24px; border-radius: 0; padding: 16px 20px }
form#contact-message-contact-form-2-form #edit-field-booking-guests-wrapper { width: 48%; margin-right: 4%; float: left; margin-bottom: 0 }
form#contact-message-contact-form-2-form #edit-field-booking-time-wrapper { width: 48%; float: left; margin-bottom: 0 }
form#contact-message-contact-form-2-form button#edit-submit { width: 100% }
form#contact-message-contact-form-3-form textarea { padding: 16px 20px }
form#contact-message-contact-form-3-form legend { border-bottom: none; text-align: center }
form#contact-message-contact-form-3-form .fieldset-legend,
form#contact-message-contact-form-3-form .field-group-html-element h6,
form#contact-message-contact-form-3-form label[for=edit-field-planner-source] { letter-spacing: 2px; font-weight: 700; font-size: 12px; line-height: 24px; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center }
form#contact-message-contact-form-3-form #edit-field-planner-typeofwork-wrapper,
form#contact-message-contact-form-3-form #edit-field-planner-budget-wrapper,
form#contact-message-contact-form-3-form #edit-field-planner-source-wrapper,
form#contact-message-contact-form-3-form .field-group-html-element { border-top: 1px solid #ccc; padding-top: 24px; margin-top: 24px }
form#contact-message-contact-form-3-form #edit-field-planner-source-wrapper { text-align: center }
form#contact-message-contact-form-3-form #edit-field-planner-source-wrapper label { color: #292929; margin-bottom: 24px }
form#contact-message-contact-form-3-form #edit-actions { text-align: center }
@media all and (min-width:767px) {
    #edit-field-planner-typeofwork .form-item,
    #edit-field-planner-budget .form-item { width: 25%; padding-left: 5%; margin-top: 10px; float: left }
}
.block-simplenews .field--name-mail,
.block-simplenews .form-actions { float: left; width: 48% }
body.user-logged-in .block-simplenews .form-actions { float: none; margin-left: auto; margin-right: auto }
.block-simplenews .field--name-mail { margin-right: 4% }
.block-simplenews .field--name-mail .form-email { height: 50px; line-height: 50px; border: 1px solid rgba(255, 255, 255, 0.5) }
.bg-secondary .block-simplenews .field--name-mail .form-email { background-color: #fff }
.block-simplenews .field--name-mail label[for=edit-mail-0-value] { display: none }
.block-simplenews #edit-actions .form-submit { width: 100% }
body.path-user .main-container { background: url(../img/login-bg.jpg) center center no-repeat; height: 100vh }
body.user-logged-in.path-user .main-container { background: none }
body.path-user .main-container .container { position: relative; top: 50%; transform: translate3d(0px, -50%, 0px); z-index: 2 }
body.path-user .main-container .tabs { margin-bottom: 30px }
body.path-user .main-container button#edit-submit { width: 100% }
body.path-user .main-container p { color: #fff }
body.path-user ul.nav-tabs { background: #111 }
body.path-user ul.nav-tabs li a { border: none; padding: 20px 25px }
@media all and (min-width:767px) {
    body.path-user .main-container .container { width: 50% }
    body.path-user .main-container .container .region-content { border: 1px solid rgba(255, 255, 255, 0.4); padding: 30px 30px 10px }
    body.user-logged-in.path-user .main-container .container .region-content { padding: 0 }
}
body.user-logged-in.path-user .main-container { background: none; height: auto }
body.user-logged-in.path-user .main-container .container { transform: none }
body.user-logged-in.path-user ul.nav-tabs { background: none }
body.user-logged-in.path-user ul.nav-tabs li a.is-active { border-color: #ddd #ddd transparent; border-style: solid; border-width: 1px }

/* Site custom */
.wrap-container { max-width: 1520px; width: 100%; margin: 0 auto; padding: 0 15px }
.container { max-width: 1390px; width: 100%; margin: 0 auto; padding: 0 15px   }
.v-align-transform { position: relative; transform: none; -webkit-transform: none; top: 0; z-index: 2; padding: 100px 0; }
a { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.d-flex,
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row:before,
.row:after { display: none !important; }
.d-flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.d-flex-end { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-end; }
.videoWrapper { position: relative; padding-bottom: 56%; padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding-right: 15px; padding-left: 15px; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.d-block { display: block !important; }
.sbtn { font-weight: 500; font-size: 15px; display: inline-block; padding: 15px 30px; background: #fff; color: #1c1c1c; border: solid 1px #1c1c1c; text-transform: uppercase; font-weight: bold; }
.sbtn:hover,
.sbtn:focus { background-color: #E5BA0A; color: #1c1c1c }
.color-yellow { color: #E5BA0A }
.fill-yellow { background-color: #E5BA0A }
.sbtn.fill-yellow:hover,
.sbtn.fill-yellow:focus { background-color: #cfdff3; }
#navheader.has_hdimage { background: transparent; position: relative; top: 0; left: 0; width: 100%; z-index: 999; }
.nav-container #navbar { background: transparent; padding: 10px 0; }
.site-branding .logo img { max-height: 100px }
#navheader .navbar-main { float: right; }
#navheader ul.navbar-nav { height: auto; font-family: var(--bfont); }
#navheader ul.navbar-nav > li { margin-right: 70px; }
#navheader ul.navbar-nav > li { margin-right: 70px; }
#navheader ul.navbar-nav > li > a { padding: 10px 0px; color: #455D7C; opacity: 1; font-size: 20px; font-family: Open Sans Condensed; font-weight: bold; line-height: 1.5; }
#navheader ul.navbar-nav > li > a:after { content: ''; height: 2px; background-color: #8db5c3; width: 0; margin: 0 auto; display: flex; justify-content: center; }
.header_transparent#navheader ul.navbar-nav > li > a:after {background-color: #fff; }
#navheader ul.navbar-nav > li>a:focus:after,
#navheader ul.navbar-nav > li>a:hover:after,
#navheader ul.navbar-nav > li.active>a:after { width: 100%; transition: width 1s; }
.navbar-nav .expanded:after,
.navbar-custom-menu .expanded:after { content: none }
.navbar-custom-menu .expanded  .open-submenu { font-size: 30px; color: #fff; margin-left: 5px; min-width: 50px }
.navbar-custom-menu .expanded  .open-submenu:hover { background-color: #222222 }
.home_block { max-width: 900px; margin: 50px auto; text-align: center; color: #1c1c1c; }
.home_block .hblock-title { color: #1c1c1c; font-size: 42px; font-weight: 300; }
.home_block .hblock-content { font-size: 32px; font-weight: 300; }
.header_banner { position: relative; overflow: hidden; }
.banner-home-page .wrap-container>.container-fluid { padding: 0; }
.header_banner .banner_image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.header_banner .banner_image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(33, 27, 23, .27); z-index: 99; content: ""; }
.header_banner .banner_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.header_banner .banner_overlay { padding: 180px 0 150px; min-height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; align-content: center; color: #fff; text-align: center; }
.page-node-type-project-category .header_banner .banner_overlay .header_text { font-size: 35px; }
.header_banner .banner_overlay .header_text { font-weight: 400; font-style: normal; font-size: 50px; letter-spacing: 4px; text-transform: capitalize; line-height: 1.3em; color: #f7f2f2; -webkit-transform: translatez(0); position: relative; z-index: 99; }
.header_banner .banner_overlay h2,
.header_banner .banner_overlay h4 { color: inherit; font-weight: 400; margin: 30px  auto; font-size: 50px; }
.page-node-type-project-category .header_banner .banner_overlay h2,
.page-node-type-project-category .header_banner .banner_overlay h4 { color: inherit; font-weight: 300; margin: 30px  auto; font-size: 90px; }
#contact-message-contact-us-form .frm_fullname,
.field--name-field-team-item { margin: 30px -15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#contact-message-contact-us-form .frm_fullname >div,
.field--name-field-team-item > .field--item { width: 50%; float: left; padding: 0 15px; margin-bottom: 30px; }
.paragraph--type--team { text-align: center; }
.paragraph--type--team .field--name-field-image img { width: 100%; height: auto; }
.paragraph--type--team .field--name-field-name { font-weight: 500; font-size: 20px; margin: 15px auto 5px; }
.paragraph--type--team .field--name-field-position { text-align: center; }
.pcate_item { position: relative; overflow: hidden; margin-bottom: 30px; }
.pcate_item .pcate_image { position: relative; }
.pcate_item .pcate_image img { width: 100%; height: auto; }
.pcate_item .pcate_image:after { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; content: ""; background-color: rgba(0, 0, 0, .1); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.pcate_item .pcate_overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.pcate_item .pcate_title { font-weight: 400; color: #fff; letter-spacing: 0.5px; font-size: 40px; margin: 0; }
.pcate_item:hover .pcate_image:after { background-color: rgba(0, 0, 0, .5); }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 300; font-size: 16px; letter-spacing: 0.5px; }
textarea.form-control { height: auto; }
#contact-message-contact-us-form .frm_fullname >div { margin-bottom: 0; }
#contact-message-contact-us-form .frm_fullname .form-control { margin-bottom: 0 }
#contact-message-contact-us-form  textarea.form-control { height: 100px; }
input[type="submit"]:focus,
button[type="submit"]:focus,
input[type="submit"]:hover,
button[type="submit"]:hover,
#edit-actions input[type="submit"]:focus,
#edit-actions button[type="submit"]:focus,
#edit-actions input[type="submit"]:hover,
#edit-actions button[type="submit"]:hover { opacity: .8; }
input[type="submit"],
button[type="submit"],
#edit-actions input[type="submit"],
#edit-actions button[type="submit"] { color: #fff; background: #1f1f1f; border-color: #1f1f1f; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: 3px; -webkit-transition: .1s opacity linear; -moz-transition: .1s opacity linear; -o-transition: .1s opacity linear; transition: .1s opacity linear; -webkit-backface-visibility: hidden; }
.contact_info { text-transform: uppercase; font-weight: 300; letter-spacing: .5px; }
.project-category.full .field--name-body { margin: 30px auto; }
.our_project >.title { text-align: center; font-size: 32px; font-weight: 300; padding: 50px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-top: 50px; }
.glr_row { margin: 0 -10px; }
.glr_row .glr_col { padding: 0 10px; margin-bottom: 20px; }
.gird-img .glr_row { margin: 0 -15px; }
.gird-img .glr_row .glr_col { padding: 0 15px; margin-bottom: 30px; }
.fls_image img { width: 100%; height: auto; }
.galleries_wrap .fls_title { font-weight: 300; font-style: normal; font-size: 18px; letter-spacing: 4px; line-height: 1.4; color: #1f1f1f; text-transform: uppercase; margin-top: 15px; margin-bottom: 0; padding: 0; }
.mrbt-0 { margin-bottom: 0 !important }
.fls_image.big_img { margin-bottom: 20px; }
#slishow_big { }
.Slideshow_Wrap { text-align: center; }
.slishow_thumn_wrap { display: inline-block; margin-top: 20px; min-height: 80px; width: auto; max-width: 100%; }
#slishow_thumn .img_slsthumn img { min-width: 50px; min-height: 80px; height: 80px; width: auto; cursor: pointer; display: inline-block; opacity: .5 !important; }
#slishow_thumn .active.current .img_slsthumn img { opacity: 1 !important; }
.owl-theme .owl-nav [class*="owl-"]:hover,
.owl-theme .owl-nav [class*="owl-"]:focus { background: rgba(0, 0, 0, .2); }
.owl-theme .owl-nav [class*="owl-"] { background: rgba(0, 0, 0, .2); border-radius: 0; height: 60px; width: 45px; line-height: 64px; font-size: 20px; left: 0; top: calc(50% - 30px); }
.owl-theme .owl-nav [class*="owl-"].owl-next { right: 0; }
.path-frontpage .tabs,
.page-node-type-site-project .tabs { position: absolute; top: 0; left: 0; z-index: 999; }
.home_btn { margin-top: 40px; }
.home_btn .sbtn { min-width: 190px; font-weight: 500; border-width: 2px; letter-spacing: 2px; margin-bottom: 20px; }
.header_transparent #navbar { position: unset !important; }
.header_transparent { min-height: 0 !important; padding: 0; position: relative; z-index: 997; height: 0 }
.header_transparent ul.navbar-nav > li > a { color: #fff!important; }
.header_transparent .logo.logo-dark { display: none }
.header_transparent .logo.logo-light { display: block }
.banner-home-page { color: #fff; position: relative; }
.banner-home-page .banner-main-content { text-align: right; padding: 450px 40px 450px 0 }
.banner-home-page .banner-main-content .banner-main-title { color: #fff; font-size: 80px; letter-spacing: 0.8px; line-height: 0.96 }
.banner-home-page .banner-main-content .banner-sub-title { color: #fff; font-size: 40px; letter-spacing: 1.5px; line-height: 1.3 }
.banner-home-page .banner-sub-content { padding: 700px 0 200px }
.banner-home-page .banner-sub-content .sub-content { border-left: 2px solid #E5BA0A; margin-top: 20px; padding-left: 20px }
.banner-home-page .banner-sub-content .sub-content-title { text-transform: uppercase; color: #E5BA0A; }
.svm-home-live-design { position: relative; margin-top: -200px; padding: 100px 0 }
.svm-home-live-design .row { display: flex; flex-wrap: wrap; align-items: center; }
.svm-home-live-design .live-design-text { text-align: right; color: #1D2631; max-width: 470px; margin: 0 auto; margin-right: 60px }
.block-media_lightbox { position: relative; max-width: 970px; margin-left: auto; margin-right: auto; }
.block-media_lightbox img { width: 100% }
.block-media_play { position: absolute; width: 100%; height: 100%; justify-content: center; z-index: 9; top: 0; left: 0; }
.block-media_play { margin-bottom: 50px }
.block-media_play .play-icon-text,
.media_play .play-icon-text { font-size: 5rem; color: #fff; padding: 20px; border: 2px solid; border-radius: 999px; }
.svm-home-live-design .live-design-learn-more { font-family: Open Sans Condensed; font-weight: bold }
.svm-our-value { padding-top: 300px; padding-bottom: 190px }
.svm-our-value .our-value-content { font-size: 40px; font-family: Open Sans Condensed; font-weight: lighter; text-transform: uppercase; letter-spacing: 1.5px; color: #FFF; padding-left: 20px; border-left: 2px solid #E5BA0A; }
.svm-our-value .our-value-title { color: #E5BA0A }
.page-node-type-site-project #main-container { padding: 0 }
.project-banner { position: relative; padding-top: 700px; background-size: cover; background-position: center; }
.project-banner .project-banner-content a { color: #fff }
.project-banner .project-banner-content a:hover { color: #E5BA0A }
.project-banner .back-to-fproject { margin-bottom: 40px; text-transform: uppercase; display: block; }
.project-banner .back-to-fproject:before { content: "" }
.project-banner .project-title { color: #fff; font-size: 70px; line-height: 1.1; letter-spacing: 0.8px; margin-bottom: 0 }
.project-banner .project-categories .field { display: inline-block; }
.project-banner .project-categories a { font-weight: lighter; font-size: 40px; }
.project-banner .project-categories>div:not(:first-child) a:before { content: "/ " }
.banner-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }
.project-intro .project-info-item { margin-bottom: 20px }
.project-intro .project-info-item .project-info-title { color: #E5BA0A; margin-bottom: 0 }
.project-intro .project-info-item .project-info-categories>div { display: inline-block; }
.project-intro .project-info-item .project-info-categories>div:not(:first-child) a:before { content: ", " }
.project-intro .intro-content { max-width: 750px }
.project-intro .intro-content .project-intro-title { font-family: Open Sans Condensed; font-weight: bold; letter-spacing: 0.9px; text-transform: uppercase; }
.project-slideshow { padding: 0; }
.project-slideshow .project-slide { padding-bottom: 60px; }
.project-slideshow .project-slide .owl-theme .owl-nav [class*="owl-"] { background: transparent; color: #455D7C; top: 100%; font-size: 40px }
.project-slideshow .project-slide .owl-theme .owl-nav [class*="owl-"]:hover { background: #F1F2F2; }
.project-slideshow .project-slide .owl-theme .owl-nav [class*="owl-"].owl-next { left: 0; margin-left: 45px; }
.project-creating .row { align-items: center; }
.project-creating .creating-content { max-width: 500px }
.project-creating .creating-video { max-width: 750px }
.projects-related { border-top: #E5BA0A; padding-top: 60px; border-top: 1px solid #E5BA0A; }
.projects-related .projects-related-content { margin-top: 20px }
.view-project-teaser .view-content { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px }
.link-project { display: block; }
.arrow-link { width: 30px; height: 30px; background-color: #E5BA0A; border-radius: 99px; display: inline-block; vertical-align: middle; }
.arrow-link.arrow-left { background-color: #FFFFFF; margin-right: 10px }
.arrow-link:before { content: ''; background-image: url('../img/arrow-right.svg'); width: 30px; height: 30px; display: inline-block; background-position: center; background-repeat: no-repeat; }
.arrow-link.arrow-left:before { transform: rotate(180deg); }
.arrow-link:focus,
.arrow-link:hover { background-color: #1D2631 }
.arrow-link:hover:before,
.arrow-link:focus:before { background-image: url('../img/arrow_right_yellow.svg'); }
.prefix-surfix { position: relative; margin: 40px 0 }
.prefix-surfix:before,
.prefix-surfix:after { content: ''; width: 136px; height: 11px; background-color: #334357; display: block; position: absolute; right: 0; }
.pre-sur-left.prefix-surfix:before,
.pre-sur-left.prefix-surfix:after { left: 0 }
.prefix-surfix:before { top: 0; margin-top: -40px }
.prefix-surfix:after { bottom: 0; margin-bottom: -40px }
.svm-link { text-transform: uppercase; color: #E5BA0A }
.text-yellow { color: #E5BA0A }
.block-image-content { padding: 30px 0 }
.block-image-content .row { align-items: center; }
.max-w-400 { max-width: 400px }
.img-position-bottom { margin-bottom: -150px; z-index: 99 }
.img-position-bottom img { float: right; margin-right: 15% }
.padding-section1 { padding: 150px 0 250px }
.padding-section1 .max-w-400 { margin-right: 60px }
.padding-section1 .decor-right { height: 150px; margin-top: 100px; }
.border-yellow { border-color: #E5BA0A }
.block-svm-content { background-size: cover; background-position: center; }
.content-left-float-r .row>div:first-child>div { float: right; }
.site-footer { line-height: 1.6; background-color: #E6E7E8; font-size: 16px; padding: 0; font-weight: 400; margin-bottom: 60px }
.site-footer .container { max-width: none }
.site-footer .row>div:first-child { background-color: #F1F2F2 }
.path-frontpage .site-footer .row>div:first-child { background-color: #fff }
.site-footer .row>div { display: flex; justify-content: center; padding: 100px 15px 70px }
.site-footer .footer-block-left { margin-left: 60px; display: flex;
flex-direction: column;
justify-content: center; }
.site-footer .footer-block-right { max-width: 375px }
.site-footer .svm-footer-logo { margin-top: -20px; }
/*full menu*/
.expanded  {
    padding-right: 0;
}
.wrap-custom-menu { position: fixed; text-align: center; width: 0; height: 0; background-color: rgba(34, 42, 53, 0.9); display: flex; z-index: 999; top: 0; right: 0; transition: 0.1s; opacity: 0 }
.primary-custom-menu { max-width: 500px; min-width: 360px; display: flex; flex-direction: column; justify-content: center; margin: 0 auto }
.primary-custom-menu .navbar-custom-brand { margin-top: 25px; }
.nav-custom-menu { margin-top: 40px; max-height: 100%; overflow-y: auto; }
.nav-custom-menu .navbar-custom-menu { list-style: none; padding: 0; display: flex; flex-direction: column; }
.nav-custom-menu .navbar-custom-menu .has-dropdown {
    padding-right: 0;
}
.menu .expanded > ul { padding: 0; border: 1px solid #455D7C; background-color: #fff}
.menu .expanded >ul > li a { color: #455D7C; font-size: 16px; padding: 5px 20px; display: block;  opacity: 1;}
.menu .expanded >ul > li:not(:last-child) a { border-bottom: 1px solid #455D7C; }
.header_transparent .menu .expanded > ul { border: 1px solid #fff; background-color: rgba(34, 42, 53, 0.9)}
.header_transparent .menu .expanded >ul > li a { color: #fff; }
.header_transparent .menu .expanded >ul > li:not(:last-child) a { border-bottom: 1px solid #fff; }
.menu .expanded >ul > li a:hover,
.menu .expanded >ul > li a:focus,
.menu .expanded >ul > li.active a { color: #E5BA0A }
.nav-custom-menu .navbar-custom-menu li a { font-size: 16px; color: #fff; text-transform: uppercase; padding: 20px 15px; border-bottom: 1px  solid rgba(255,255,255,0.4); font-weight: normal; display: flex; justify-content: center; align-items: center; letter-spacing: 1.5px }
.nav-custom-menu .navbar-custom-menu li a:hover,
.nav-custom-menu .navbar-custom-menu li.active a { background-color: #E5BA0A }
.sbtn-main-menu { position: fixed; top: 48px; right: 15px; z-index: 1000 }
.user-logged-in .sbtn-main-menu { top: 125px; }
.sbtn-main-menu .sbtn-menu img { transition: 0.5s; transform: rotate(0); }
.rotate-45deg { transform: rotate(45deg)!important; }
.menu-show { width: 100vw !important; height: 100vh !important; opacity: 1 !important }
.mobile-toggle { display: none!important }
.our_team_teaser:before,
.our_team_teaser:after { content: none; }
.header-transparent .messages__wrapper { position: absolute;z-index: 998; background-color: #fff; max-width: 90% }
.navbar-custom-menu .expanded  ul { display: none; }
.navbar-custom-menu>.expanded>a>.open-submenu:after { content: '\f107'; font-family: FontAwesome; }
.navbar-custom-menu>.expanded>a.submenu-open>.open-submenu:after { content: '\f106'; }
.navbar-custom-menu .submenu-open { background-color:  #E5BA0A }
.navbar-custom-menu .expanded>ul>li a { font-size: 14px; padding: 15px }
.testimonial { margin-top: 40px }
.field--name-field-testimonial-text { font-style: italic; color: #ccc; font-weight: normal; }
.owl-item.center .field--name-field-testimonial-text { color: #202020 }
.field--name-field-testimonial-person { font-weight: bold; margin-top: 50px; color: #455D7C; text-transform: uppercase; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 50px;}
.owl-theme  .owl-dots .owl-dot span { background-color: transparent; border: 1px solid #E5BA0A; width: 15px; height: 15px  }
.owl-theme  .owl-dots .owl-dot.active span { background-color: #E5BA0A;   }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: #E5BA0A; }
.block-testimonial { background-size: cover; background-position: center; }
.team.full { max-width: 980px; margin: 40px auto }
.team .team-position { margin-top: 30px }

.view-project-categories { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; /*margin-right: -15px; margin-left: -15px;*/ max-width: 1500px; margin: 0 auto; padding: 40px 0 }
.view-project-categories .view-header { min-width: 40% }
.view-project-categories .view-header ,
.view-project-categories .view-content { padding: 0 15px }
.view-project-categories .view-content { display: flex; flex-wrap: wrap; align-items: center; flex: 1; }
.view-project-categories .view-content h2 { margin: 0 }
.view-project-categories .view-content a { font-size: 18px; padding: 5px 15px; clear: both; display: inline-block; }
.addrow .row { align-items: stretch; }
.project-database.teaser-normal .row { align-items: center; }
.teaser-normal-content { padding-left: calc(calc(100vw - 1520px) / 2); }
.teaser-normal .project-categories { margin-bottom: 15px }
.teaser-normal .project-intro { font-size: 18px; margin-bottom: 30px }
.project-database.teaser-normal .field--name-field-p-taxonomy { color: #8DB5C3 }
.field--name-field-p-taxonomy { display: flex; flex-wrap: wrap; align-items: center; }
.project-database.teaser-normal .field--name-field-p-taxonomy>div:not(:first-child):before,
.project-database.teaser .field--name-field-p-taxonomy>div:not(:first-child):before { content: '/'; font-family: 'Open Sans Condensed';
font-weight: inherit; margin-left: 5px; margin-right: 5px; }
.project-database.teaser { height: calc(100% - 30px) }
.view-featured-projects { margin: 40px auto; }
.projects-related-content {  }
.projects-related-content .field--name-field-site-project-category { margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; align-items: : stretch; justify-content: left}
.projects-related-content .field--item { width: calc(100% / 3); padding: 0 15px; position: relative; }
.project-database-teaser-normal:before,
.project-database-teaser-normal:after { content: none; }
.project-database-teaser-normal .row { flex-direction: row-reverse; margin: 0}
.project-database-teaser-normal .field--name-field-project-db-main-image { margin-left: -15px; margin-right: -15px }
.view-project-categories .view-content a:after { content: '';
height: 2px;
background-color: #E5BA0A;
display: block; width: 0; transition: 1s }
.view-project-categories .view-content a:hover { color: #8DB5C3 }
.view-project-categories .view-content a:hover:after,
.view-project-categories .view-content a.active:after { width: 100%; }
.text-media .row { display: flex; flex-wrap: wrap; align-items: center;  }
.project-database.full  .project-banner { background-color: rgba(0,0,0, 0.2); background-blend-mode: overlay; }