/* All Variables should be declared here which makes it easier to update if something changes globally */ /*--------------------------------------------------------- RESPONSIVE MIXINS ---------------------------------------------------------*/ /*--------------------------------------------------------- ANIMATION MIXINS ---------------------------------------------------------*/ /*--------------------------------------------------------- LAYOUT MIXINS ---------------------------------------------------------*/ /*--------------------------------------------------------- MISC MIXINS ---------------------------------------------------------*/ @font-face { font-family: 'Lato Black'; src: url("../fonts/lato-black-webfont.eot"); src: url("../fonts/lato-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-black-webfont.woff2") format("woff2"), url("../fonts/lato-black-webfont.woff") format("woff"), url("../fonts/lato-black-webfont.ttf") format("truetype"), url("../fonts/lato-black-webfont.svg#latoblack") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Black Italic'; src: url("../fonts/lato-blackitalic-webfont.eot"); src: url("../fonts/lato-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-blackitalic-webfont.woff2") format("woff2"), url("../fonts/lato-blackitalic-webfont.woff") format("woff"), url("../fonts/lato-blackitalic-webfont.ttf") format("truetype"), url("../fonts/lato-blackitalic-webfont.svg#latoblack_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url("../fonts/lato-bold-webfont.eot"); src: url("../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold-webfont.woff2") format("woff2"), url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.ttf") format("truetype"), url("../fonts/lato-bold-webfont.svg#latobold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold Italic'; src: url("../fonts/lato-bolditalic-webfont.eot"); src: url("../fonts/lato-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bolditalic-webfont.woff2") format("woff2"), url("../fonts/lato-bolditalic-webfont.woff") format("woff"), url("../fonts/lato-bolditalic-webfont.ttf") format("truetype"), url("../fonts/lato-bolditalic-webfont.svg#latobold_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Hairline'; src: url("../fonts/lato-hairline-webfont.eot"); src: url("../fonts/lato-hairline-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-hairline-webfont.woff2") format("woff2"), url("../fonts/lato-hairline-webfont.woff") format("woff"), url("../fonts/lato-hairline-webfont.ttf") format("truetype"), url("../fonts/lato-hairline-webfont.svg#latohairline") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Hairline Italic'; src: url("../fonts/lato-hairlineitalic-webfont.eot"); src: url("../fonts/lato-hairlineitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-hairlineitalic-webfont.woff2") format("woff2"), url("../fonts/lato-hairlineitalic-webfont.woff") format("woff"), url("../fonts/lato-hairlineitalic-webfont.ttf") format("truetype"), url("../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Heavy'; src: url("../fonts/lato-heavy-webfont.eot"); src: url("../fonts/lato-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-heavy-webfont.woff2") format("woff2"), url("../fonts/lato-heavy-webfont.woff") format("woff"), url("../fonts/lato-heavy-webfont.ttf") format("truetype"), url("../fonts/lato-heavy-webfont.svg#latoheavy") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Heavy Italic'; src: url("../fonts/lato-heavyitalic-webfont.eot"); src: url("../fonts/lato-heavyitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-heavyitalic-webfont.woff2") format("woff2"), url("../fonts/lato-heavyitalic-webfont.woff") format("woff"), url("../fonts/lato-heavyitalic-webfont.ttf") format("truetype"), url("../fonts/lato-heavyitalic-webfont.svg#latoheavy_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Italic'; src: url("../fonts/lato-italic-webfont.eot"); src: url("../fonts/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-italic-webfont.woff2") format("woff2"), url("../fonts/lato-italic-webfont.woff") format("woff"), url("../fonts/lato-italic-webfont.ttf") format("truetype"), url("../fonts/lato-italic-webfont.svg#latoitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url("../fonts/lato-light-webfont.eot"); src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Light Italic'; src: url("../fonts/lato-lightitalic-webfont.eot"); src: url("../fonts/lato-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-lightitalic-webfont.woff2") format("woff2"), url("../fonts/lato-lightitalic-webfont.woff") format("woff"), url("../fonts/lato-lightitalic-webfont.ttf") format("truetype"), url("../fonts/lato-lightitalic-webfont.svg#latolight_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Medium'; src: url("../fonts/lato-medium-webfont.eot"); src: url("../fonts/lato-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-medium-webfont.woff2") format("woff2"), url("../fonts/lato-medium-webfont.woff") format("woff"), url("../fonts/lato-medium-webfont.ttf") format("truetype"), url("../fonts/lato-medium-webfont.svg#latomedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Medium Italic'; src: url("../fonts/lato-mediumitalic-webfont.eot"); src: url("../fonts/lato-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/lato-mediumitalic-webfont.woff") format("woff"), url("../fonts/lato-mediumitalic-webfont.ttf") format("truetype"), url("../fonts/lato-mediumitalic-webfont.svg#latomedium_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Regular'; src: url("../fonts/lato-regular-webfont.eot"); src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg#latoregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Semibold'; src: url("../fonts/lato-semibold-webfont.eot"); src: url("../fonts/lato-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-semibold-webfont.woff2") format("woff2"), url("../fonts/lato-semibold-webfont.woff") format("woff"), url("../fonts/lato-semibold-webfont.ttf") format("truetype"), url("../fonts/lato-semibold-webfont.svg#latosemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Semibold Italic'; src: url("../fonts/lato-semibolditalic-webfont.eot"); src: url("../fonts/lato-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/lato-semibolditalic-webfont.woff") format("woff"), url("../fonts/lato-semibolditalic-webfont.ttf") format("truetype"), url("../fonts/lato-semibolditalic-webfont.svg#latosemibold_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Thin'; src: url("../fonts/lato-thin-webfont.eot"); src: url("../fonts/lato-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-thin-webfont.woff2") format("woff2"), url("../fonts/lato-thin-webfont.woff") format("woff"), url("../fonts/lato-thin-webfont.ttf") format("truetype"), url("../fonts/lato-thin-webfont.svg#latothin") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Thin Italic'; src: url("../fonts/lato-thinitalic-webfont.eot"); src: url("../fonts/lato-thinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-thinitalic-webfont.woff2") format("woff2"), url("../fonts/lato-thinitalic-webfont.woff") format("woff"), url("../fonts/lato-thinitalic-webfont.ttf") format("truetype"), url("../fonts/lato-thinitalic-webfont.svg#latothin_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Black'; src: url("../fonts/raleway-black-webfont.eot"); src: url("../fonts/raleway-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-black-webfont.woff2") format("woff2"), url("../fonts/raleway-black-webfont.woff") format("woff"), url("../fonts/raleway-black-webfont.ttf") format("truetype"), url("../fonts/raleway-black-webfont.svg#ralewayblack") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Black Italic'; src: url("../fonts/raleway-blackitalic-webfont.eot"); src: url("../fonts/raleway-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-blackitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-blackitalic-webfont.woff") format("woff"), url("../fonts/raleway-blackitalic-webfont.ttf") format("truetype"), url("../fonts/raleway-blackitalic-webfont.svg#ralewayblack_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url("../fonts/raleway-bold-webfont.eot"); src: url("../fonts/raleway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-bold-webfont.woff2") format("woff2"), url("../fonts/raleway-bold-webfont.woff") format("woff"), url("../fonts/raleway-bold-webfont.ttf") format("truetype"), url("../fonts/raleway-bold-webfont.svg#ralewaybold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold Italic'; src: url("../fonts/raleway-bolditalic-webfont.eot"); src: url("../fonts/raleway-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-bolditalic-webfont.woff2") format("woff2"), url("../fonts/raleway-bolditalic-webfont.woff") format("woff"), url("../fonts/raleway-bolditalic-webfont.ttf") format("truetype"), url("../fonts/raleway-bolditalic-webfont.svg#ralewaybold_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Extrabold'; src: url("../fonts/raleway-extrabold-webfont.eot"); src: url("../fonts/raleway-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-extrabold-webfont.woff2") format("woff2"), url("../fonts/raleway-extrabold-webfont.woff") format("woff"), url("../fonts/raleway-extrabold-webfont.ttf") format("truetype"), url("../fonts/raleway-extrabold-webfont.svg#ralewayextrabold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Extrabold Italic'; src: url("../fonts/raleway-extrabolditalic-webfont.eot"); src: url("../fonts/raleway-extrabolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-extrabolditalic-webfont.woff2") format("woff2"), url("../fonts/raleway-extrabolditalic-webfont.woff") format("woff"), url("../fonts/raleway-extrabolditalic-webfont.ttf") format("truetype"), url("../fonts/raleway-extrabolditalic-webfont.svg#ralewayextrabold_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Extralight'; src: url("../fonts/raleway-extralight-webfont.eot"); src: url("../fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../fonts/raleway-extralight-webfont.woff") format("woff"), url("../fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Extralight Iitalic'; src: url("../fonts/raleway-extralightitalic-webfont.eot"); src: url("../fonts/raleway-extralightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-extralightitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-extralightitalic-webfont.woff") format("woff"), url("../fonts/raleway-extralightitalic-webfont.ttf") format("truetype"), url("../fonts/raleway-extralightitalic-webfont.svg#ralewayextralight_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Italic'; src: url("../fonts/raleway-italic-webfont.eot"); src: url("../fonts/raleway-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-italic-webfont.woff2") format("woff2"), url("../fonts/raleway-italic-webfont.woff") format("woff"), url("../fonts/raleway-italic-webfont.ttf") format("truetype"), url("../fonts/raleway-italic-webfont.svg#ralewayitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url("../fonts/raleway-light-webfont.eot"); src: url("../fonts/raleway-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-light-webfont.woff2") format("woff2"), url("../fonts/raleway-light-webfont.woff") format("woff"), url("../fonts/raleway-light-webfont.ttf") format("truetype"), url("../fonts/raleway-light-webfont.svg#ralewaylight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light Italic'; src: url("../fonts/raleway-lightitalic-webfont.eot"); src: url("../fonts/raleway-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-lightitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-lightitalic-webfont.woff") format("woff"), url("../fonts/raleway-lightitalic-webfont.ttf") format("truetype"), url("../fonts/raleway-lightitalic-webfont.svg#ralewaylight_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Medium'; src: url("../fonts/raleway-medium-webfont.eot"); src: url("../fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-medium-webfont.woff2") format("woff2"), url("../fonts/raleway-medium-webfont.woff") format("woff"), url("../fonts/raleway-medium-webfont.ttf") format("truetype"), url("../fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Medium Italic'; src: url("../fonts/raleway-mediumitalic-webfont.eot"); src: url("../fonts/raleway-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-mediumitalic-webfont.woff") format("woff"), url("../fonts/raleway-mediumitalic-webfont.ttf") format("truetype"), url("../fonts/raleway-mediumitalic-webfont.svg#ralewaymedium_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("../fonts/raleway-regular-webfont.eot"); src: url("../fonts/raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-regular-webfont.woff2") format("woff2"), url("../fonts/raleway-regular-webfont.woff") format("woff"), url("../fonts/raleway-regular-webfont.ttf") format("truetype"), url("../fonts/raleway-regular-webfont.svg#ralewayregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Semibold'; src: url("../fonts/raleway-semibold-webfont.eot"); src: url("../fonts/raleway-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-semibold-webfont.woff2") format("woff2"), url("../fonts/raleway-semibold-webfont.woff") format("woff"), url("../fonts/raleway-semibold-webfont.ttf") format("truetype"), url("../fonts/raleway-semibold-webfont.svg#ralewaysemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Semibold Italic'; src: url("../fonts/raleway-semibolditalic-webfont.eot"); src: url("../fonts/raleway-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/raleway-semibolditalic-webfont.woff") format("woff"), url("../fonts/raleway-semibolditalic-webfont.ttf") format("truetype"), url("../fonts/raleway-semibolditalic-webfont.svg#ralewaysemibold_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Thin'; src: url("../fonts/raleway-thin-webfont.eot"); src: url("../fonts/raleway-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-thin-webfont.woff2") format("woff2"), url("../fonts/raleway-thin-webfont.woff") format("woff"), url("../fonts/raleway-thin-webfont.ttf") format("truetype"), url("../fonts/raleway-thin-webfont.svg#ralewaythin") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Thin Italic'; src: url("../fonts/raleway-thinitalic-webfont.eot"); src: url("../fonts/raleway-thinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-thinitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-thinitalic-webfont.woff") format("woff"), url("../fonts/raleway-thinitalic-webfont.ttf") format("truetype"), url("../fonts/raleway-thinitalic-webfont.svg#ralewaythin_italic") format("svg"); font-weight: normal; font-style: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; height: auto; } /* Declare site wide typography style here */ body { color: #000000; font-size: 16px; line-height: 20px; font-family: "Lato Regular", sans-serif; } @media (min-width: 480px) { body { line-height: 34px; } } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; line-height: normal; font-weight: normal; font-family: "Lato Light", sans-serif; } a { color: #55ba47; text-decoration: none; } p { margin: 0 0 20px; } p:last-child { margin: 0; } ul { padding: 0 0 0 20px; } strong { font-family: "Lato Bold", sans-serif; } html { height: 100%; } html, body { min-height: 100%; margin: 0; } body { min-width: 375px; position: relative; padding: 0; } @media (max-width: 767px) { .site-inner { padding-top: 80px; } } .container { padding: 0 32px; } @media (min-width: 768px) { .container { margin: 0 32px; } } @media (min-width: 1280px) { .container { max-width: 1200px; margin: 0 auto; } } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .clearfix:before, .clearfix:after, .container:before, .container:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after, .container:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix, .container { *zoom: 1; } html.no-touch .grayscale img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } html.no-touch .grayscale:hover img { filter: none; -webkit-filter: grayscale(0%); } .align-center { text-align: center; } .align-right { text-align: right; } input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="date"], input[type="search"], input[type="url"], input[type="password"], textarea, select { border: 1px solid #000000; padding: 16px 20px; width: 100%; outline: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; border-radius: 0; color: #000000; background-color: transparent; margin: 0; font-size: 20px; } textarea { height: 260px; outline: none; display: block; } input[type="submit"], button { outline: none; margin: 0 auto; display: block; border-radius: 0; text-align: center; } ::-webkit-input-placeholder { color: #8e8e8e; font-size: 16px; font-weight: 700; } :-moz-placeholder { color: #8e8e8e; font-size: 16px; font-weight: 700; } ::-moz-placeholder { color: #8e8e8e; font-size: 16px; font-weight: 700; } :-ms-input-placeholder { color: #8e8e8e; font-size: 16px; font-weight: 700; } input[type="radio"] { display: none; } input[type="radio"] + span { display: inline-block; width: 20px; height: 20px; margin: -4px 4px 0 0; cursor: pointer; position: relative; font-family: FontAwesome; } input[type="radio"] + span:after { content: "\f10c"; color: #cb5161; } input[type="radio"]:checked + span { background-position: left bottom; } input[type="radio"]:checked + span:after { content: "\f192"; } .btn { outline: none; margin: 0 auto; background: #ffffff; color: #55ba47; display: inline-block; border-radius: 0; line-height: 55px; font-size: 20px; padding: 0 23px; text-transform: uppercase; text-align: center; } .btn.btn-white { background: #ffffff; color: #cb5161; } .btn-top { display: block; position: fixed; right: 0; bottom: 0; background: #b1b1b1 url("../images/arrow-top.png") no-repeat center 30px; color: #ffffff; text-align: center; width: 30px; height: 94px; font-size: 12px; z-index: 200; transition: opacity 0.5s ease; visibility: hidden; opacity: 0; } @media (min-width: 1280px) { .btn-top { bottom: 200px; } } .btn-top:hover { background-color: #faad1a; } .scrolled .btn-top { visibility: visible; opacity: 1; } .site-header { z-index: 1000; border-bottom: 1px solid #626465; position: absolute; left: 0; top: 0; right: 0; position: fixed; } @media (max-width: 767px) { .site-header { background: #000000; height: 80px; } } @media (min-width: 768px) { .site-header { height: 130px; transition: height 0.1s ease; margin: 0 0 62px; } } .site-header .container { position: relative; height: 100%; } .site-header .logo { display: block; width: 132px; background: url("../images/logo-header.png") no-repeat center; height: 80px; float: left; } @media (max-width: 767px) { .site-header .logo { background-size: 132px auto; } } @media (min-width: 768px) { .site-header .logo { background-image: url("../images/logo-header.png"); width: 190px; height: 100px; position: absolute; left: 0; bottom: 0; } } .site-footer { padding: 0; } @media (max-width: 767px) { .site-footer { text-align: center; line-height: 22px; } } .site-footer .site-footer1 { background: #f8f8f8; color: #666766; padding: 10px 0; } @media (min-width: 1280px) { .site-footer .site-footer1 { padding: 50px 0 40px; } } .site-footer .site-footer1 a { color: #666766; } .site-footer .site-footer1 a:hover { color: #faad1a; } .site-footer .site-footer1 .logo { display: block; width: 190px; height: 80px; background: url("../images/logo-footer.png") no-repeat center center; background-size: 125px auto; padding: 0; margin: 0 auto; } @media (min-width: 768px) { .site-footer .site-footer1 .logo { float: left; background-size: auto; } } .site-footer .site-footer1 .contacts { color: #666766; } @media (min-width: 768px) { .site-footer .site-footer1 .contacts { margin: 0 0 0 230px; padding: 25px 0 0; line-height: 27px; } } @media (min-width: 960px) { .site-footer .site-footer1 .contacts { font-size: 20px; } } .site-footer .site-footer1 .contacts address { font-style: normal; } @media (max-width: 767px) { .site-footer .site-footer1 .contacts address { max-width: 200px; margin: 0 auto; } } @media (max-width: 767px) { .site-footer .site-footer1 .contacts address .sep { display: block; height: 0; margin: 0; } } .site-footer .site-footer1 .contacts label { color: #faad1a; } .site-footer .site-footer1 .contacts .sep { color: #d3d3d3; margin: 0 10px; } @media (max-width: 767px) { .site-footer .site-footer1 .contacts .sep { text-indent: -9999px; margin: 3px; color: transparent; } } .site-footer .site-footer2 { background: #d4d4d4; font-size: 14px; color: #ffffff; padding: 12px 0; } .site-footer .site-footer2 a { color: #ffffff; } .site-footer .site-footer2 a:hover { color: #faad1a; } @media (min-width: 768px) { .site-footer .site-footer2 .left { float: left; } } @media (min-width: 768px) { .site-footer .site-footer2 .right { float: right; } } @media (max-width: 479px) { .site-footer .site-footer2 .lnk-policy { display: block; } } .menu { list-style-type: none; padding: 0; margin: 0; } .menu .menu-item { float: left; } .menu .menu-item a { text-decoration: none; } .main-nav { position: absolute; right: 0; bottom: 0; } @media (max-width: 767px) { .main-nav { display: none; } } .main-nav .main-menu > .menu-item { margin-left: 30px; position: relative; } @media (min-width: 960px) { .main-nav .main-menu > .menu-item { margin-left: 50px; } } .main-nav .main-menu > .menu-item > a { display: block; font-family: "Lato Light", sans-serif; font-size: 17px; text-transform: uppercase; line-height: 44px; color: #ffffff; letter-spacing: 0.25px; text-decoration: none; border-bottom: 4px solid transparent; } .main-nav .main-menu > .menu-item:hover a, .main-nav .main-menu > .menu-item.active a, .main-nav .main-menu > .menu-item.current-menu-item a, .main-nav .main-menu > .menu-item.current-menu-parent a { border-color: #fbad1a; } .main-nav .main-menu > .menu-item:hover .sub-menu { display: block; } .main-nav .main-menu > .menu-item > .sub-menu { display: none; list-style-type: none; position: absolute; padding: 15px 0; top: 100%; z-index: 70; width: 300px; margin-left: -150px; left: 50%; } .main-nav .main-menu > .menu-item > .sub-menu > .menu-item { position: relative; z-index: 80; display: block; float: none; text-align: center; } .main-nav .main-menu > .menu-item > .sub-menu > .menu-item > a { display: block; color: #ffffff; font-size: 17px; text-decoration: none; text-transform: uppercase; white-space: nowrap; font-family: "Lato Light", sans-serif; line-height: 36px; } .main-nav .main-menu > .menu-item > .sub-menu > .menu-item > a:hover { color: #d4951d; } .site-header.sticky { height: 100px; background: rgba(0, 0, 0, 0.85); } .site-header.sticky .main-nav .main-menu .menu-item .sub-menu:after { content: ""; background: rgba(0, 0, 0, 0.6); position: absolute; left: -3000px; top: 0; bottom: 0; right: -3000px; } .mobile-nav { display: none; position: fixed; left: 0; top: 80px; right: 0; width: 100%; z-index: 4000; float: none; background: #ffffff; } .mobile-nav .mobile-menu { padding: 10px 0; } .mobile-nav .mobile-menu > .menu-item { padding: 0; float: none; margin: 0; } .mobile-nav .mobile-menu > .menu-item > a { font-family: "Lato Light", sans-serif; font-size: 20px; text-transform: uppercase; color: #0f0f0f; text-decoration: none; display: block; border-bottom: none; line-height: 40px; padding: 0 90px 0 30px; } .mobile-nav .mobile-menu > .menu-item.active { background: #ff654b; } .mobile-nav .mobile-menu > .menu-item.featured { margin: 0 0 5px; } .mobile-nav .mobile-menu > .menu-item.featured a { color: #26727f; font-weight: 700; font-style: italic; } .mobile-nav .mobile-menu > .menu-item > .sub-menu { display: none; list-style-type: none; margin: 0; top: 0; z-index: 70; position: static; padding: 10px 0; background: #f0f0f0; } .mobile-nav .mobile-menu > .menu-item > .sub-menu > .menu-item { position: relative; z-index: 80; float: none; padding: 0 0 0 35px; margin: 0; min-height: auto; border: none; } .mobile-nav .mobile-menu > .menu-item > .sub-menu > .menu-item > a { font-family: "Lato Regular", sans-serif; display: block; text-decoration: none; font-size: 16px; line-height: 40px; text-transform: uppercase; color: #0f0f0f; padding-left: 20px; } .mobile-nav .mobile-menu .menu-item-has-children { position: relative; } .mobile-nav .mobile-menu .menu-item-has-children > i { position: absolute; right: 0; top: 0; display: inline-block; color: #fbad1a; width: 90px; height: 40px; text-align: center; vertical-align: bottom; font-family: FontAwesome, sans-serif; font-style: normal; line-height: 40px; font-size: 26px; } .mobile-nav .mobile-menu .menu-item-has-children > i:after { content: "\f0d7"; } .mobile-nav .mobile-menu .menu-item-has-children.expanded { background: #fbad1a; } .mobile-nav .mobile-menu .menu-item-has-children.expanded a { color: #ffffff; } .mobile-nav .mobile-menu .menu-item-has-children.expanded > i:after { content: "\f0d8"; color: #ffffff; } .nav-burger { position: fixed; top: 0; right: 0; padding: 33px 29px; z-index: 5000; } .nav-burger span { display: block; position: relative; width: 36px; height: 5px; margin: 4px 0; background: #fbad1a; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 0; } .nav-burger span:before, .nav-burger span:after { content: ''; display: block; width: 36px; height: 5px; background: #ffffff; position: absolute; z-index: -1; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 0; } .nav-burger span:before { top: -9px; } .nav-burger span:after { top: 9px; } .nav-burger.open span { background: none; } .nav-burger.open span:before { top: 0 !important; background: #fff !important; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-burger.open span:after { top: 0 !important; background: #fbad1a !important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 768px) { .nav-burger { display: none !important; } } .nav-overlay { visibility: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background: rgba(0, 0, 0, 0.56); z-index: 800; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .nav-overlay.show { opacity: 1; visibility: visible; } .comments { margin: 0 0 10px; } @media (min-width: 480px) { .comments h5 { margin: 0 0 30px; } } .comments ul { list-style-type: none; } .section-comment-form { padding: 30px 30px 20px; border: 1px solid #fbad1a; margin: 0; text-align: left; } @media (min-width: 768px) { .section-comment-form { padding: 54px 54px 20px; } } .section-comment-form .title { color: #000000; } .section-comment-form .note { color: #8f8f8f; } .section-comment-form .comment-form { font-size: 18px; } .section-comment-form .comment-form .form-group { margin-bottom: 12px; } .section-comment-form .comment-form .form-group label { display: block; padding: 0; font-family: "Lato Light", sans-serif; font-size: 18px; margin: 0 0 5px; } .section-comment-form .comment-form .form-group label.error { color: #d83f21; font-size: 16px; line-height: 24px; } .section-comment-form .comment-form .btn { margin: 25px 0 0; color: #000000; border: none; line-height: 36px; padding: 0 0 0 15px; } .section-comment-form .comment-form .btn .arrow { display: inline-block; background: #faad1a url("../images/arrow-right.png") no-repeat center; height: 33px; width: 100px; margin: 0 0 0 15px; vertical-align: top; } .section-comments-list { padding: 30px 0 0; } .section-comments-list .comments-list { padding: 0; margin: 0; list-style-type: none; } .section-comments-list .comments-list .comment { margin: 0 0 35px; text-align: left; } .section-comments-list .comments-list .comment:last-of-type { margin-bottom: 0; } .section-comments-list .comments-list .comment .avatar { border-radius: 100%; } .section-comments-list .comments-list .comment .comment-wrap { margin: 0 0 0 130px; } .section-comments-list .comments-list .comment .comment-wrap .comment-header { line-height: 24px; margin: 0 0 5px; } .section-comments-list .comments-list .comment .comment-wrap .comment-header .comment-author { text-transform: uppercase; font-size: 20px; margin: 0; } .section-comments-list .comments-list .comment .comment-wrap .comment-header .comment-date { font-size: 16px; color: #898989; } @media (min-width: 768px) { .content-sections { margin: -65px auto 0; z-index: 10; position: relative; } } @media (min-width: 1280px) { .content-sections { margin-top: -135px; } } .content-sections .section .container { padding: 32px; } .content-sections .section:first-of-type .container { background: #ffffff; min-height: 135px; } .content-sections .section:nth-of-type(n+2) .container { padding-top: 0; } .content-sections .section.section-default .wrapper { border: 1px solid #fbad1a; padding: 32px; } @media (min-width: 480px) { .content-sections .section.section-default .wrapper { padding: 37px; } } @media (min-width: 960px) { .widget { padding: 0 65px; } } @media (min-width: 960px) { .widget.widget_archive { padding-top: 120px; background: url("../images/icon-blog.png") no-repeat center top; } } @media (min-width: 960px) { .widget.widget_archive h3 { display: block; border-bottom: 1px solid #ff654a; padding: 0 0 15px; line-height: 25px; } } .widget.widget_archive ul { list-style-type: none; padding: 0; margin: 0; } .widget.widget_archive ul li { color: #000000; margin: 0 0 15px; } .widget.widget_archive ul li:hover { color: #ff654a; } .widget.widget_archive a { color: #000000; } .widget.widget_archive a:hover { color: #ff654a; } @media (max-width: 959px) { .widget.widget_archive:nth-of-type(1) { display: none; } } .widget.widget_archive:nth-of-type(2) { margin: 0 0 20px; background: #f1f1f1; border-radius: 8px; position: relative; } @media (min-width: 960px) { .widget.widget_archive:nth-of-type(2) { display: none; } } .widget.widget_archive:nth-of-type(2) h3 { color: #fe6f58; line-height: 45px; padding: 0 0 0 20px; margin: 0; font-size: 18px; text-transform: uppercase; text-align: left; } .widget.widget_archive:nth-of-type(2) select { position: absolute; right: 0px; top: 0; display: block; background: transparent; border: none; height: 45px; border-radius: 0; width: 180px; padding-right: 60px; z-index: 10; color: #000000; } .widget.widget_archive:nth-of-type(2):after { position: absolute; right: 20px; top: 50%; content: ""; border: 10px solid transparent; border-top-color: #48bcd0; margin-top: -5px; } .post-teaser { position: relative; border: 1px solid #faad1a; color: #000000; } .post-teaser .lnk-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .post-teaser .thumb img { float: left; width: 100%; } .post-teaser .text { padding: 25px 25px 35px; } @media (min-width: 1280px) { .post-teaser .text { padding: 35px 35px 75px; } } .post-teaser .text .post-date { color: #898989; font-size: 14px; } @media (min-width: 1280px) { .post-teaser .text .post-date { font-size: 16px; } } .post-teaser .text .post-title { font-family: "Font Light", sans-serif; font-size: 22px; line-height: 25px; margin: 0 0 20px; } @media (min-width: 1280px) { .post-teaser .text .post-title { font-size: 30px; line-height: 34px; } } .post-teaser .text .excerpt { line-height: 20px; } @media (min-width: 1280px) { .post-teaser .text .excerpt { line-height: 27px; } } .post-teaser .text .excerpt a { color: #fbad1a; } .post-teaser .text .excerpt .dots { color: #fbad1a; } .post-teaser .btn { display: block; position: absolute; right: 0; bottom: 0; background: #d6d6d6 url("../images/arrow-right.png") no-repeat center; background-size: 42px auto; width: 70px; height: 24px; text-indent: -9999px; } @media (min-width: 1280px) { .post-teaser .btn { width: 96px; height: 32px; background-size: auto; } } .post-teaser:hover { background: #f4f4f4; } .post-teaser:hover .btn { background-color: #faad1a; } body.single-post .nav-links { text-align: center; margin: 0 0 35px; } body.single-post .nav-links .lnk { text-indent: -9999px; display: inline-block; height: 50px; } body.single-post .nav-links .lnk.lnk-all { background: url("../images/icon-all-grey.png") no-repeat center; width: 50px; } body.single-post .nav-links .lnk.lnk-prev, body.single-post .nav-links .lnk.lnk-next { position: absolute; background: no-repeat center; width: 90px; } body.single-post .nav-links .lnk.lnk-next { right: 50%; margin-right: -140px; background-image: url("../images/arrow-right-grey.png"); } body.single-post .nav-links .lnk.lnk-next:hover { background-image: url("../images/icon-next.png"); } body.single-post .nav-links .lnk.lnk-prev { left: 50%; margin-left: -140px; background-image: url("../images/arrow-left-grey.png"); } body.single-post .nav-links .lnk.lnk-prev:hover { background-image: url("../images/icon-prev.png"); } body.single-post .post-image { margin: 0 0 30px; width: 100%; height: auto; } @media (min-width: 768px) { body.single-post .post-image { margin: 0 0 40px; } } body.single-post .text { line-height: 27px; } @media (min-width: 960px) { body.single-post .text { padding: 0 2.8%; } } body.single-post .text a { color: #fbad1a; } body.single-post .text .post-title { font-size: 35px; font-family: "Lato Light", sans-serif; margin: 0 0 10px; } body.single-post .text .post-meta { color: #898989; font-size: 20px; line-height: 34px; margin: 0 0 20px; } @media (min-width: 960px) { body.single-post .section-share { padding: 20px 0; } } @media (min-width: 960px) { body.single-post .section-share .container { padding: 0 64px; } } body.single-post .section-share .title { display: block; font-size: 35px; font-family: "Lato Light", sans-serif; line-height: 57px; margin: 0 45px 0 0; } @media (min-width: 768px) { body.single-post .section-share .title { display: inline-block; } } body.single-post .section-share .icons { display: inline-block; } body.single-post .section-share .icons .icon { background: #d6d6d6; width: 42px; height: 42px; line-height: 42px; text-align: center; color: #ffffff; font-size: 22px; border-radius: 100%; margin: 0 13px 0 0; } body.single-post .section-share .icons .icon:hover { background: #faad1a; } @media (min-width: 960px) { body.single-post .section-share .icons .icon { width: 57px; height: 57px; line-height: 57px; font-size: 30px; margin: 0 18px 0 0; } } @media (min-width: 960px) { body.single-post .section-comments { margin: 50px 0 0; } } @media (min-width: 960px) { body.single-post .section-comments .container { padding: 0 64px; } } body.single-post .section-comments .container .title { font-size: 35px; font-family: "Lato Light", sans-serif; margin: 0 0 30px; } body.single-post .section-nav { margin: 30px 0 0; } @media (min-width: 768px) { body.single-post .section-nav { margin: 50px 0 0; } } body.single-projects .section-hero { background-image: url("../images/hero-project-mobile.jpg"); } @media (min-width: 480px) { body.single-projects .section-hero { background-image: url("../images/hero-project.jpg"); } } body.single-projects .nav-links { position: absolute; top: -65px; left: 50%; width: 300px; margin-left: -150px; text-align: center; } @media (min-width: 768px) { body.single-projects .nav-links { top: -80px; } } @media (min-width: 1280px) { body.single-projects .nav-links { top: -100px; } } body.single-projects .nav-links .lnk { text-indent: -9999px; display: inline-block; height: 50px; } body.single-projects .nav-links .lnk.lnk-all { background: url("../images/icon-all.png") no-repeat center; background-size: 33px auto; width: 50px; } @media (min-width: 768px) { body.single-projects .nav-links .lnk.lnk-all { background-size: auto; } } body.single-projects .nav-links .lnk.lnk-prev, body.single-projects .nav-links .lnk.lnk-next { position: absolute; background: no-repeat center; background-size: 48px auto; width: 90px; } @media (min-width: 768px) { body.single-projects .nav-links .lnk.lnk-prev, body.single-projects .nav-links .lnk.lnk-next { background-size: auto; } } body.single-projects .nav-links .lnk.lnk-next { right: 50%; margin-right: -120px; background-image: url("../images/icon-next.png"); } @media (min-width: 768px) { body.single-projects .nav-links .lnk.lnk-next { margin-right: -140px; } } body.single-projects .nav-links .lnk.lnk-prev { left: 50%; margin-left: -120px; background-image: url("../images/icon-prev.png"); } @media (min-width: 768px) { body.single-projects .nav-links .lnk.lnk-prev { margin-left: -140px; } } body.single-projects .title-project { text-transform: uppercase; text-align: center; margin: 25px 0 0; font-size: 20px; line-height: 30px; color: #000000; } @media (min-width: 1280px) { body.single-projects .title-project { font-size: 30px; line-height: normal; } } body.single-projects .address { text-align: center; font-size: 18px; color: #888888; } @media (min-width: 1280px) { body.single-projects .address { font-size: 22px; } } body.single-projects .section-header { position: relative; } body.single-projects .section-carousel { padding: 0 0 32px; } body.single-projects .section-carousel .carousel .owl-item div { text-align: center; } body.single-projects .section-carousel .carousel .owl-item div img { max-height: 400px; width: auto; display: inline; } @media (min-width: 480px) { body.single-projects .section-carousel .carousel .owl-item div img { max-height: 575px; } } @media (min-width: 768px) { body.single-projects .section-carousel .carousel .owl-item div img { max-height: 400px; } } @media (min-width: 768px) { body.single-projects .section-subprojects { padding-top: 20px; } } body.single-projects .section-subprojects .subproject { padding: 0 0 30px; margin: 0 auto 30px; border-bottom: 1px solid #5b5b5b; max-width: 865px; } @media (min-width: 768px) { body.single-projects .section-subprojects .subproject { padding: 0 0 45px; margin: 0 auto 45px; } } @media (max-width: 959px) { body.single-projects .section-subprojects .subproject .left { margin: 0 0 30px; } } @media (min-width: 768px) { body.single-projects .section-subprojects .subproject .left { float: left; width: 220px; } } body.single-projects .section-subprojects .subproject .left .title-subproject { margin: 0; font-family: "Lato Bold", sans-serif; font-size: 20px; line-height: 25px; } body.single-projects .section-subprojects .subproject .left .date { font-family: "Lato Italic", sans-serif; font-size: 18px; } body.single-projects .section-subprojects .subproject .left .btn { background: #c2c2c2; color: #ffffff; line-height: 42px; width: 130px; font-size: 16px; margin: 20px 0 0; } @media (min-width: 768px) { body.single-projects .section-subprojects .subproject .left .btn { margin: 30px 0 0; } } body.single-projects .section-subprojects .subproject .left .btn:hover { background: #fbad1a; } @media (min-width: 768px) { body.single-projects .section-subprojects .subproject .right { margin-left: 250px; } } body.single-projects .section-subprojects .subproject .right .description { font-size: 16px; line-height: 25px; color: #888888; text-align: justify; } body.single-projects .section-subprojects .subproject .right .note { font-family: "Lato Italic", sans-serif; margin: 20px 0 0; } body.single-projects .section-subprojects .subproject .star { color: #fbad1a; } body.single-projects .section-subprojects .subproject:last-child { margin-bottom: 0; border-bottom: none; } body.single-projects .fancybox-inner { /* .owl-controls { .owl-nav { text-align: center; .owl-prev, .owl-next { position: static; } } } */ } @media (min-width: 768px) { body.single-projects .fancybox-inner { padding-bottom: 50px; } } body.single-projects .fancybox-inner .title-popup { font-family: "Lato Bold", sans-serif; font-size: 20px; line-height: 25px; text-align: center; padding: 25px 50px; } @media (min-width: 480px) { body.single-projects .fancybox-inner .title-popup { padding: 25px 100px; } } body.single-projects .fancybox-inner .owl-item img { width: auto; max-height: 175px; } @media (min-width: 480px) { body.single-projects .fancybox-inner .owl-item img { max-height: 275px; } } @media (min-width: 768px) { body.single-projects .fancybox-inner .owl-item img { max-height: 375px; } } @media (min-width: 960px) { body.single-projects .fancybox-inner .owl-item img { max-height: 475px; } } @media (min-width: 1280px) { body.single-projects .fancybox-inner .owl-item img { max-height: 575px; } } body.single-projects .owl-controls .owl-nav { text-align: center; } body.single-projects .owl-controls .owl-nav .owl-prev, body.single-projects .owl-controls .owl-nav .owl-next { background: no-repeat center; background-size: 38px auto; width: 80px; height: 60px; text-indent: -9999px; display: inline-block; } @media (min-width: 768px) { body.single-projects .owl-controls .owl-nav .owl-prev, body.single-projects .owl-controls .owl-nav .owl-next { position: absolute; bottom: 0; width: 90px; height: 80px; background-size: auto; } } body.single-projects .owl-controls .owl-nav .owl-prev { background-image: url("../images/icon-prev.png"); } @media (min-width: 768px) { body.single-projects .owl-controls .owl-nav .owl-prev { left: 50%; margin-left: -120px; } } body.single-projects .owl-controls .owl-nav .owl-next { background-image: url("../images/icon-next.png"); } @media (min-width: 768px) { body.single-projects .owl-controls .owl-nav .owl-next { right: 50%; margin-right: -120px; } } body.page-template-template-home .content-area { position: relative; overflow: hidden; } body.page-template-template-home .video-hero { position: absolute; left: 50%; top: 0; margin-left: -1500px; width: 3000px; height: 270px; } @media (min-width: 480px) { body.page-template-template-home .video-hero { height: 430px; } } @media (min-width: 768px) { body.page-template-template-home .video-hero { height: 720px; } } @media (min-width: 1280px) { body.page-template-template-home .video-hero { min-height: 850px; min-width: 1510px; margin-left: -50%; width: 100%; height: auto; } } body.page-template-template-home .video-hero::-webkit-media-controls-start-playback-button { display: none !important; } body.page-template-template-home .section-hero { height: 230px; background-image: none; } @media (min-width: 768px) { body.page-template-template-home .section-hero { height: 600px; } } @media (min-width: 1280px) { body.page-template-template-home .section-hero { height: 850px; } } body.page-template-template-home .section-hero .hero-title { margin-top: 100px; } @media (min-width: 768px) { body.page-template-template-home .section-hero .hero-title { margin-top: 300px; } } @media (min-width: 1280px) { body.page-template-template-home .section-hero .hero-title { margin-top: 420px; padding: 0; } } body.page-template-template-home .section-hero .btn-play { display: block; position: absolute; right: 10px; top: 10px; background: url("../images/icon-play.png") no-repeat center; background-size: contain; width: 40px; height: 40px; } @media (min-width: 1280px) { body.page-template-template-home .section-hero .btn-play { display: none; } } body.page-template-template-home .content-sections { background: #ffffff; margin-top: 0; position: relative; z-index: 30; } body.page-template-template-home .section-home { border: none; padding: 0; } body.page-template-template-home .section-home .container { margin: 0 auto; } body.page-template-template-home .section-home .btn-down { display: none; } @media (min-width: 768px) { body.page-template-template-home .section-home .btn-down { display: block; position: absolute; left: 50%; top: -130px; background: url("../images/arrow-down.png") no-repeat center; height: 100px; width: 100px; margin-left: -50px; } body.page-template-template-home .section-home .btn-down:hover { background-image: url("../images/arrow-down-hover.png"); } } body.page-template-template-home .section-home .row { margin: 0 0 2.5%; } body.page-template-template-home .section-home .row:last-of-type { margin-bottom: 0; } body.page-template-template-home .section-home .row .block { position: relative; } body.page-template-template-home .section-home .row .block img { float: left; width: 100%; } body.page-template-template-home .section-home .row .block .lnk { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } body.page-template-template-home .section-home .row .block .btn { position: absolute; right: 0; bottom: 15px; background: #faad1a url("../images/arrow-right.png") no-repeat right 10px center; color: #ffffff; font-size: 13px; line-height: 30px; width: 140px; text-align: left; padding: 4px 120px 0 4.8%; transition: right 0.2s ease; background-size: 17.1% auto; } @media (min-width: 768px) { body.page-template-template-home .section-home .row .block .btn { width: 50%; line-height: 66px; font-size: 24px; background-position: right 30px center; bottom: 30px; } } @media (min-width: 960px) { body.page-template-template-home .section-home .row .block .btn { width: 44.8%; bottom: 35px; } } @media (min-width: 1280px) { body.page-template-template-home .section-home .row .block .btn { font-size: 31px; line-height: 83px; background-size: auto; } } body.page-template-template-home .section-home .row .block .text { display: none; } @media (min-width: 768px) { body.page-template-template-home .section-home .row .block .text { display: block; position: absolute; right: 0; bottom: 0; padding: 5%; text-align: right; color: #ffffff; line-height: 20px; font-size: 16px; } } @media (min-width: 960px) { body.page-template-template-home .section-home .row .block .text { line-height: 22px; font-size: 18px; padding: 9% 9% 9% 20%; } } body.page-template-template-home .section-home .row .block.block1 { width: 31.4%; float: left; } body.page-template-template-home .section-home .row .block.block2 { width: 66.2%; float: right; } body.page-template-template-home .section-home .row.even .block1 { width: 66.2%; } body.page-template-template-home .section-home .row.even .block2 { width: 31.4%; } html.no-touch body.page-template-template-home .section-home .row .block:hover .btn { right: 32px; } /* html.no-videoautoplay { .section-hero { .btn-play { display: block; } } } */ body.page-template-template-firm .section-services .wrapper { padding: 32px; background: url("../images/bg-firm-services.png") repeat; color: #ffffff; position: relative; } @media (min-width: 768px) { body.page-template-template-firm .section-services .wrapper { padding: 6.5%; } } body.page-template-template-firm .section-services .title { text-indent: -9999px; background: url("../images/firm-services-title-mobile.png") no-repeat right center; background-size: auto 100%; height: 42px; margin: 0 -32px 38px; } @media (min-width: 768px) { body.page-template-template-firm .section-services .title { background-image: url("../images/firm-services-title.png"); background-size: 100% auto; background-position: top center; width: 5.26%; position: absolute; right: -2px; top: -2px; height: 100%; margin: 0; } } @media (min-width: 768px) { body.page-template-template-firm .section-services .cols .col { width: 32%; float: left; margin-right: 12%; } } body.page-template-template-firm .section-services ul { list-style-type: none; line-height: 18px; padding: 0; margin: 0; } @media (min-width: 960px) { body.page-template-template-firm .section-services ul { font-size: 20px; line-height: 23px; } } body.page-template-template-firm .section-services ul li { margin: 0 0 10px; } @media (min-width: 768px) { body.page-template-template-firm .section-services ul li { margin: 0 0 20px; } body.page-template-template-firm .section-services ul li:last-of-type { margin-bottom: 0; } } body.page-template-template-firm .section-design .wrapper { position: relative; } @media (max-width: 767px) { body.page-template-template-firm .section-design .wrapper { background: url("../images/bg-firm-design-philosophy-mobile.jpg") no-repeat center top; background-size: cover; padding: 32px; } } body.page-template-template-firm .section-design .bg { display: none; } @media (min-width: 768px) { body.page-template-template-firm .section-design .bg { display: block; float: left; } } body.page-template-template-firm .section-design .section-title { text-indent: -9999px; background: url("../images/firm-design-title-mobile.png") no-repeat right center; background-size: auto 100%; margin: 0 -32px 40px; height: 87px; } @media (min-width: 768px) { body.page-template-template-firm .section-design .section-title { background-image: url("../images/firm-design-title.png"); background-size: 100% auto; background-position: top center; position: absolute; right: -2px; top: -8px; width: 10.75%; height: 100%; margin: 0; } } body.page-template-template-firm .section-design .text { color: #ffffff; line-height: 21px; } @media (min-width: 768px) { body.page-template-template-firm .section-design .text { position: absolute; left: 0; bottom: 0; width: 90%; line-height: 22px; padding: 6.5%; } } @media (min-width: 960px) { body.page-template-template-firm .section-design .text { width: 65%; line-height: 27px; } } body.page-template-template-firm .section-design .text .title { font-size: 22px; font-family: "Lato Light", sans-serif; } @media (min-width: 768px) { body.page-template-template-firm .section-design .text .title { font-size: 30px; } } body.page-template-template-firm .section-clients { padding: 10px 0 0; } body.page-template-template-firm .section-clients .section-title { font-size: 22px; color: #fbad1a; font-family: "Lato Light", sans-serif; text-align: center; margin: 0 0 20px; } @media (min-width: 768px) { body.page-template-template-firm .section-clients .section-title { margin: 0 0 40px; font-size: 30px; } } body.page-template-template-firm .section-clients .block { color: #606060; text-align: center; padding: 0 40px; margin: 0 0 15px; } @media (min-width: 768px) { body.page-template-template-firm .section-clients .block { display: table; width: 33.333%; float: left; border: solid #eaeaea; border-width: 1px 0 1px 1px; font-size: 17px; line-height: 25px; padding: 0 10px; } body.page-template-template-firm .section-clients .block:nth-child(3n), body.page-template-template-firm .section-clients .block:last-child { border-right-width: 1px; } body.page-template-template-firm .section-clients .block .cell { display: table-cell; vertical-align: middle; height: 80px; } } @media (min-width: 960px) { body.page-template-template-firm .section-clients .block { padding: 0 25px; } } body.page-template-template-people .section-team .title-section { background: #ececec; font-family: "Lato Bold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -2.2px; color: #ffffff; text-align: center; padding: 20px 32px 15px; margin: 0 -32px 20px; } @media (min-width: 768px) { body.page-template-template-people .section-team .title-section { font-size: 52px; letter-spacing: -3.3px; margin: 0 0 20px; line-height: 52px; } } @media (min-width: 1280px) { body.page-template-template-people .section-team .title-section { font-size: 80px; letter-spacing: -4.4px; padding: 17px 0 7px; line-height: 80px; } } body.page-template-template-people .section-team .text { line-height: 24px; } body.page-template-template-people .section-team .blocks .block { position: relative; margin: 20px 0 0; } @media (min-width: 768px) { body.page-template-template-people .section-team .blocks .block { width: 48.6%; float: left; margin: 32px 0 0; } } body.page-template-template-people .section-team .blocks .block .bg { float: left; width: 100%; } body.page-template-template-people .section-team .blocks .block .overlay { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/team-block-shadow.png") repeat-x bottom; } body.page-template-template-people .section-team .blocks .block .text { display: block !important; position: absolute; left: 0; bottom: 0; padding: 2.5% 5%; color: #ffffff; line-height: 25px; } body.page-template-template-people .section-team .blocks .block .text .name { font-size: 22px; font-family: "Lato Light", sans-serif; } body.page-template-template-people .section-team .blocks .block .text .title { font-family: "Lato Bold", sans-serif; } body.page-template-template-people .section-team .blocks .block .text .bio { display: none; } body.page-template-template-people .section-team .blocks .block .btn { display: block; position: absolute; right: 0; bottom: 8%; color: #000000; width: 115px; font-size: 16px; line-height: 100%; text-align: center; padding: 8px 0; font-family: "Lato Bold", sans-serif; transition: right 0.2s ease; } @media (min-width: 960px) { body.page-template-template-people .section-team .blocks .block .btn { width: 135px; padding: 13px 0; } } body.page-template-template-people .section-team .blocks .block .btn .plus { color: #fbad1a; font-size: 17px; } body.page-template-template-people .section-team .blocks .block:hover .btn { background: #fbad1a; right: 3.6%; color: #ffffff; } body.page-template-template-people .section-team .blocks .block:hover .btn .plus { color: #ffffff; } @media (min-width: 768px) { body.page-template-template-people .section-team .blocks .block:nth-of-type(2n) { float: right; } } body.page-template-template-people .section-culture .btn { font-size: 18px; text-transform: uppercase; color: #ffffff; line-height: 40px; background: #faad1a url("../images/arrow-right.png") no-repeat right 15px center; background-size: 42px auto; padding: 0 150px 0 20px; } @media (min-width: 960px) { body.page-template-template-people .section-culture .btn { line-height: 53px; font-size: 25px; padding: 0 200px 0 30px; background-size: auto; background-position: right 15px center; } } body.page-template-template-people .section-culture .btn:hover { background-color: #646464; } body.page-template-template-people .fancybox-inner .text { padding: 30px; } @media (min-width: 768px) { body.page-template-template-people .fancybox-inner .text { padding: 70px; } } body.page-template-template-people .fancybox-inner .text .bio { display: block !important; } body.page-template-template-portfolio .section-projects .project { display: block; border: 1px solid #cccccc; padding: 18px 18px 10px; position: relative; margin: 0 0 12px; } @media (min-width: 768px) { body.page-template-template-portfolio .section-projects .project { width: 47.1%; float: left; margin: 0.9% 0.9% 3.5%; padding: 2.72% 2.72% 1%; } body.page-template-template-portfolio .section-projects .project:nth-of-type(2n) { float: right; } } @media (min-width: 1280px) { body.page-template-template-portfolio .section-projects .project { padding: 2.72% 2.72% 1.5%; } } body.page-template-template-portfolio .section-projects .project .images { margin: 0 0 5px; } body.page-template-template-portfolio .section-projects .project .images .image { width: 34.82%; float: right; margin: 0 0 2.12%; } body.page-template-template-portfolio .section-projects .project .images .image:first-child { width: 63.06%; float: left; } body.page-template-template-portfolio .section-projects .project .images .image img { float: left; width: 100%; } body.page-template-template-portfolio .section-projects .project .title-project { margin: 0; } body.page-template-template-portfolio .section-projects .project .address { color: #888888; } @media (min-width: 1280px) { body.page-template-template-portfolio .section-projects .project .address { font-size: 18px; } } body.page-template-template-portfolio .section-projects .project .lnk-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-touch-callout: none; } body.page-template-template-portfolio .section-projects .project .btn { display: none; text-indent: -9999px; background: #faad1a url("../images/arrow-right.png") no-repeat center; background-size: 58.76% auto; position: absolute; right: 0; top: 57%; height: 7.67%; width: 18%; } html.no-touch .project:hover { background: #ebebeb; border-color: #ebebeb; } html.no-touch .project:hover .btn { display: block; } body.page-template-template-contact .section-contacts { text-align: center; font-family: "Lato Light", sans-serif; font-size: 18px; line-height: 40px; color: #000000; } @media (min-width: 480px) { body.page-template-template-contact .section-contacts { font-size: 20px; } } @media (min-width: 768px) { body.page-template-template-contact .section-contacts { font-size: 30px; line-height: 58px; } } body.page-template-template-contact .section-contacts a { color: #000000; } body.page-template-template-contact .section-contacts a:hover { color: #fbad1a; } body.page-template-template-contact .section-contacts .wrapper { padding: 40px; } body.page-template-template-contact .section-map .container .wrapper { padding: 0; } body.page-template-template-contact .section-map .container .wrapper .map { height: 365px; } @media (min-width: 768px) { body.page-template-template-contact .section-map .container .wrapper .map { height: 610px; } } body.page-template-template-news .section ul.categories { list-style-type: none; padding: 0; margin: 5px 0 40px; width: 100%; text-align: center; } body.page-template-template-news .section ul.categories li { display: inline-block; margin: 0 15px; } @media (min-width: 480px) { body.page-template-template-news .section ul.categories li { margin: 0 20px; } } @media (min-width: 768px) { body.page-template-template-news .section ul.categories li { margin: 0 25px; } } body.page-template-template-news .section ul.categories li a { text-transform: uppercase; font-size: 20px; line-height: 34px; border-bottom: 5px solid transparent; font-family: "Lato Light", sans-serif; color: #000000; } @media (min-width: 1280px) { body.page-template-template-news .section ul.categories li a { font-size: 25px; line-height: 40px; } } body.page-template-template-news .section ul.categories li.active a, body.page-template-template-news .section ul.categories li:hover a { border-bottom-color: #fbad1a; } @media (max-width: 767px) { body.page-template-template-news .section .grid { position: relative; } } body.page-template-template-news .section .grid .grid-sizer { width: 31.3%; } body.page-template-template-news .section .grid .gutter-sizer { width: 3.05%; } body.page-template-template-news .section .grid .grid-item { margin: 0 0 22px; } @media (min-width: 768px) { body.page-template-template-news .section .grid .grid-item { float: left; width: 31.3%; margin: 0 3.05% 2.8% 0; } } body.page-template-template-news .section .grid .grid-item:nth-of-type(3n) { margin-right: 0; } @media (max-width: 767px) { body.page-template-template-news .section .grid.margin-nav { padding: 70px 0 0; } } body.page-template-template-news .section .archive-nav { background: #fbad1a; color: #ffffff; padding: 12px; } @media (max-width: 767px) { body.page-template-template-news .section .archive-nav { position: absolute; left: 0; top: 0; width: 100%; } } @media (min-width: 768px) { body.page-template-template-news .section .archive-nav { padding: 3.5% 5.26% 5.26%; } } body.page-template-template-news .section .archive-nav .title { font-size: 22px; line-height: 34px; font-family: "Lato Light", sans-serif; } @media (max-width: 767px) { body.page-template-template-news .section .archive-nav .title { float: left; width: 50%; margin: 0; padding: 0; } } @media (min-width: 960px) { body.page-template-template-news .section .archive-nav .title { margin: 0 0 30px; line-height: 30px; } } @media (min-width: 1280px) { body.page-template-template-news .section .archive-nav .title { margin: 0 0 50px; font-size: 30px; line-height: 34px; } } body.page-template-template-news .section .archive-nav ul { display: none; list-style-type: none; padding: 0; margin: 0; } @media (min-width: 768px) { body.page-template-template-news .section .archive-nav ul { display: block; } } body.page-template-template-news .section .archive-nav ul li { margin: 0 0 10px; } @media (min-width: 1280px) { body.page-template-template-news .section .archive-nav ul li { font-size: 20px; line-height: 27px; margin: 0 0 20px; } } body.page-template-template-news .section .archive-nav ul li a { display: block; color: #fdd486; background: url("../images/arrow-archive.png") no-repeat right center; } @media (min-width: 768px) and (max-width: 959px) { body.page-template-template-news .section .archive-nav ul li a { background-size: 40px auto; } } body.page-template-template-news .section .archive-nav ul li.active a, body.page-template-template-news .section .archive-nav ul li:hover a { color: #ffffff; background-image: url("../images/arrow-left.png"); } body.page-template-template-news .section .archive-nav select { border: none; background: #ffffff; border-radius: 10px; padding: 5px 20px; font-size: 16px; line-height: 24px; font-family: "Lato Regular", sans-serif; } @media (max-width: 959px) { body.page-template-template-news .section .archive-nav select { float: left; width: 50%; } } @media (min-width: 768px) { body.page-template-template-news .section .archive-nav select { display: none; } } @media (max-width: 767px) { body.page-template-template-news .section .archive-nav:after { position: absolute; right: 30px; top: 50%; content: ""; border: 6px solid transparent; border-top-color: #000000; margin-top: -3px; } } .section-hero { background: url("../images/hero-default-mobile.jpg") no-repeat center center; background-size: cover; height: 160px; position: relative; } @media (min-width: 480px) { .section-hero { height: 300px; background-image: url("../images/hero-default.jpg"); } } @media (min-width: 768px) { .section-hero { height: 450px; } } @media (min-width: 1280px) { .section-hero { height: 635px; } } .section-hero .overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .section-hero .container { padding: 0; } .section-hero .hero-title { color: #ffffff; font-family: "Lato Light", sans-serif; text-transform: uppercase; font-size: 20px; text-align: center; margin: 70px 0 0; position: relative; line-height: 25px; } @media (max-width: 767px) { .section-hero .hero-title { padding: 0 32px; } } @media (min-width: 480px) { .section-hero .hero-title { margin-top: 130px; } } @media (min-width: 768px) { .section-hero .hero-title { margin-top: 240px; font-size: 50px; line-height: 60px; } } @media (min-width: 1280px) { .section-hero .hero-title { margin-top: 280px; font-size: 83px; line-height: 95px; } } .section-hero .hero-title:before { content: ""; height: 5px; width: 120px; background: #e69f18; position: absolute; left: 50%; top: -20px; margin: 0 0 0 -60px; } @media (min-width: 768px) { .section-hero .hero-title:before { top: -30px; } } @media (min-width: 768px) { .section-hero:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 310px; background: url("../images/header-shadow.png") repeat-x top; } } .section-blocks .blocks { margin: 0 0 3%; position: relative; } .section-blocks .blocks:last-of-type { margin-bottom: 0; } .section-blocks .blocks .block { position: relative; line-height: 22px; } @media (min-width: 768px) and (max-width: 1279px) { .section-blocks .blocks .block { font-size: 1.7vw; line-height: 2vw; } .section-blocks .blocks .block p { margin: 0 0 1vw; } } @media (min-width: 1280px) { .section-blocks .blocks .block { line-height: 27px; } } .section-blocks .blocks .block .picture { display: block; } .section-blocks .blocks .block .picture img { float: left; width: 100%; } .section-blocks .blocks .block .title { font-size: 22px; font-family: "Lato Light", sans-serif; } @media (max-width: 767px) { .section-blocks .blocks .block .title { margin: 0 0 15px; } } @media (min-width: 768px) and (max-width: 1279px) { .section-blocks .blocks .block .title { font-size: 2vw; margin: 0 0 1vw; } } @media (min-width: 1280px) { .section-blocks .blocks .block .title { font-size: 30px; } } .section-blocks .blocks .block .title:nth-of-type(n+2) { margin-top: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .section-blocks .blocks .block .title:nth-of-type(n+2) { margin-top: 3vw; } } .section-blocks .blocks .block.block1 { margin: 0 0 10px; } @media (min-width: 768px) { .section-blocks .blocks .block.block1 { width: 31.4%; float: left; margin: 0; } } .section-blocks .blocks .block.block2 { border: 1px solid #fbad1a; padding: 32px; } @media (min-width: 768px) { .section-blocks .blocks .block.block2 { padding: 1% 2%; position: absolute; left: 34.2%; top: 0; right: 0; bottom: 0; } } @media (min-width: 1280px) { .section-blocks .blocks .block.block2 { padding: 2% 4%; } } .section-blocks .blocks .block.block2 .table { display: table; height: 100%; } .section-blocks .blocks .block.block2 .table .cell { display: table-cell; vertical-align: middle; } @media (min-width: 768px) { .section-blocks .blocks.right .block1 { float: right; } } @media (min-width: 768px) { .section-blocks .blocks.right .block2 { position: absolute; left: 0; top: 0; right: 34.2%; bottom: 0; } } .owl-carousel .owl-item { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; } .fancybox-close { width: 41px; height: 41px; background: none; font-size: 25px; line-height: 35px; text-align: center; color: #e49d18; top: 20px; right: 20px; } .fancybox-skin { border-radius: 0; } .fancybox-overlay { background: rgba(0, 0, 0, 0.9); } .fancybox-inner { color: #000000; line-height: 27px; } .fancybox-inner .name { font-family: "Lato Light", sans-serif; font-size: 30px; line-height: 34px; margin: 0 0 5px; } .fancybox-inner .position { font-family: "Lato Bold", sans-serif; font-size: 20px; margin: 0 0 15px; } .wpcf7 span.wpcf7-not-valid-tip { text-align: right; font-size: 14px; color: red; } .wpcf7 .wpcf7-response-output { text-align: center; margin: 0; font-size: 18px; } .wpcf7 div.wpcf7-validation-errors, .wpcf7 div.wpcf7-mail-sent-ok { border: none; } .wpcf7 div.wpcf7-validation-errors { color: red; } /*# sourceMappingURL=main.css.map */