/*
Theme Name: Timber Connection
Theme URI: https://wordpress.org/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: timberconnection
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@charset "utf-8";

/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#242424; font-size:14px; font-family: 'Proxima Nova'; font-weight:400; line-height:1.5; background-color: #fff;display: flex;flex-wrap: wrap;}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {color: #242424; line-height: 1.4;font-weight:300; font-family: 'Arkibal Display';}

.h1, h1 {font-size:48px; margin-bottom: 20px;}
.h2, h2 {font-size:48px; margin-bottom: 20px;}
.h3, h3 {font-size:36px; /*font-size:34px;*/ margin-bottom: 18px;}
.h4, h4 {font-size:24px; margin-bottom: 17px;font-weight: 300;}
.h5, h5 {font-size:20px; margin-bottom: 15px;}
.h6, h6 {font-size:15px; margin-bottom: 10px;font-weight: 400;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#242424; font-size:14px; font-weight:400; line-height:1.6;  margin-bottom:20px; }
p:last-child { margin-bottom:0; }

ul{ margin:0;margin-left: 20px; padding:0; }
ul li{ font-size:14px; color:#242424; font-weight:400; line-height:1.5;padding: 0;margin-bottom: 8px; }
ul li:last-child{margin-bottom: 0;}
ul > li { list-style:outside disc; }

ol{ margin:0;margin-left: 20px; padding:0; list-style: none; }
ol li{ font-size:16px;  color:#242424; font-weight:400; line-height:1.5;padding: 0;margin-bottom: 8px;  }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#fff; padding:20px 20px; border-left:4px solid #9f8738; line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #242424 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#00848f; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#9e8638; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
label {color:#242424; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input,
textarea,
button { font-family: 'Proxima Nova'; }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none; -webkit-border-radius:0 ;
    -moz-border-radius:0 ;
    -ms-border-radius:0 ;
    -o-border-radius:0 ;
    border-radius:0 ;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea { border:1px solid #cccccc; padding:0 15px; color:#242424; font-size:16px; height:42px; font-weight: 400; width: 100%;}
textarea{ height:150px; resize:none; overflow: auto; padding: 20px 15px; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #00848f;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; padding: 10px 20px;font-size: 12px; font-weight: 300; display: inline-block; vertical-align: top; line-height: 1.52857143; text-align: center; border: none; color: #fff; background-color: #00848f; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0; font-family: 'Arkibal Display'; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #9e8638; color: #fff;}
button.white-hover-btn:hover,
input[type="button"].white-hover-btn:hover,
input[type="reset"].white-hover-btn:hover,
input[type="submit"].white-hover-btn:hover {background-color: #fff; color: #000;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder { opacity: 1 !important; color: #000; }
:-moz-placeholder { opacity: 1 !important; color: #000; }
::-moz-placeholder { opacity: 1 !important; color: #000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000; }
.form-group {margin-bottom: 30px;}

::-moz-selection { /* Code for Firefox */color: #fff;background: #ab985a;}
::selection {color: #fff;background: #ab985a;}

/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 10px 15px;font-size: 12px; font-weight: 300; line-height: 1.52857143; text-align: center; border: none; text-transform: none; border-radius: 0px; color: #fff; background-color: #00848f; /*min-width: 130px;*/font-family: 'Arkibal Display';}
.btn:hover,
.btn:focus { color: #fff; background-color: #9e8638;text-decoration: none}
.btn.white-hover-btn:hover,
.btn.white-hover-btn:focus { color: #000; background-color: #fff;text-decoration: none}

.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }
.read-arrow{font-size: 45px;display: inline-flex;color: #00848f;}
.read-arrow:hover{text-decoration: none; color: #9e8638;}
.read-more{color: #00848f; font-size: 16px; font-weight: 800;display: inline-block;}
.read-more:hover{color: #9e8638; text-decoration: none;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;width: 100%;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th,
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.main-container{width:100%; background-color: #f4f4f4;}
.container {max-width: 1200px;}
.main-content ul,
.main-content ol{margin-bottom: 20px; counter-reset: numberic;margin-left: 20px;}
.main-content ul ul,
.main-content ul ol,
.main-content ol ol,
.main-content ol ul{margin-bottom: 0;}
.main-content{padding-top: 75px;}
.main-content ul li{list-style: none;position: relative;}
.main-content ol li{list-style: none;position: relative;}
.main-content ul > li:before{content: ""; width: 6px; height: 6px; background-color: #000;position: absolute;left: -20px; top: 7px; -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;}
.main-content ol > li:before{counter-increment: numberic;content: counter(numberic)". ";color: #000; font-weight: 700; display: inline-block;position: absolute;margin-left: -17px;top: 1px;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}

/* common */
.white-bg{background-color: #fff;}
.dark-gray-bg{background-color: #535456;}
.light-gray-bg{background-color: #f4f4f4;}
.space-x-large{padding-top: 100px;padding-bottom: 100px;}
.space-xx-large{padding-top: 150px; padding-bottom: 150px;}
.space-big{padding-top: 200px; padding-bottom: 200px;}
.border-0{border: 0 !important;}
.f-bold{font-weight: 600;}
.scroll-hidden{overflow: hidden;}

/* header */
.main-header { width:100%; height:auto; position: fixed; top: 0; left: 0;z-index: 9999; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.main-header.shadow{/*-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);*/}
.main-header .top-header{justify-content: space-between;border-bottom: 1px solid #ebebeb;}
.main-header .top-header .btn{display: inline-flex; align-items: center; justify-content: center; text-align: center;font-size: 13px; min-width: 190px;font-family: 'Arkibal Display';}
.main-header .logo-part{display: inline-flex; align-items: flex-end; padding: 10.3px 20px 10.3px 50px;}
.main-header .brand{width: 170px; display: inline-block;}
.main-header .brand img{}
.main-header .logo-part span{margin-left: 40px;margin-bottom: 5px;font-family: 'Arkibal Display'; font-size: 14px; color: #404040;display: inline-block;font-weight: 400;}

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent}
.hamburger:not(.close){position: fixed; top: 10px; right: 20px; z-index: 10000; min-width: 0;width: 40px; height: 40px;}
.hamburger:hover,
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger:not(.close):hover{-webkit-box-shadow: 0 0px 0 0 #9E9E9E;box-shadow: 0 0px 0 0 #9E9E9E;}
.hamburger .line, .hamburger .line:after, .hamburger .line:before{background: #404040;height: 1px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hamburger .line{position: absolute;display: block;width: 28px;left: 50%;top: 50%;transform: translate(-50% , 0);-webkit-transform: translate(-50% , 0);-moz-transform: translate(-50% , 0);background-color: #404040;}
.hamburger .line:after, .hamburger .line:before{content: '';position: absolute;left: 0;width: 100%;}
.hamburger .line:before{top: -7px;}
.hamburger .line:after{bottom: -7px;}
.hamburger.open span{background-color: rgba(0,0,0,.0)}
.hamburger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.hamburger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.hamburger:hover{cursor: pointer;}
.hamburger.close{padding: 10px;min-width: 0;}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #fff}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: 0;left: -100%;width:100%;height: 100%;background-color: #f2f1ef;transition: all 0.3s ease-in-out;z-index: 9998;padding-top: 62px;}
#mobilenav.is-open #menu{left: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;font-family: 'Arkibal Display';font-weight: 300;}
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 36px;height: 36px;position: absolute;top: 3px;right: 2px;cursor: pointer;}
#mobilenav .caret:not(.trigger-caret){pointer-events: none;}
#mobilenav .caret:before,
#mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 20px;height: 2px;background: #fff;}
#mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;}
#mobilenav .is-open > .caret:after{transform: rotate(0)}
#mobilenav a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #242424;/*background: #3ab4a6;*/border-bottom: 1px solid transperant;line-height: 1.4;}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { padding-left: 30px; font-size: 14px;text-decoration: none;color: #fff;background: #065258; }
#mobilenav li li li a {padding-left: 50px;background: #09373c; }
#mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 62px);overflow-y: auto;padding: 15px 0;text-align: center;}
#mobilenav .menu-outer .tag-line{ margin-bottom: 20px;margin-top: 5px;font-family: 'Arkibal Display';font-size: 15px;color: #404040;display: none;font-weight: 400;}
#mobilenav .menu-outer .btn.buy-online{display: inline-block;color: #fff;padding: 7px 20px; background-color: #0a748c;margin-top: 10px;}

/* nav */
.navigation{ width:100%; height:auto; border-bottom: 1px solid #f4f4f4;}
nav ul{ padding: 0; margin: 0; list-style: none;}
nav ul li{padding: 0; margin: 0; list-style: none; display: inline-flex; color:#242424; font-size: 13px;letter-spacing: 0.025em;flex: 1 0 0%; justify-content: center; text-align: center; position: relative;font-family: 'Arkibal Display';font-weight: 300;/*border-bottom: 1px solid #f4f4f4;*/}
nav ul li + li{border-left: 1px solid #ebebeb;}
nav ul li a{color: inherit; text-decoration: none; flex-basis: 100%; padding: 29px 0px; line-height: 1.2;}
nav ul li a:hover{text-decoration:none; color: inherit;}
nav > ul > li:before{content: "";height: 0; background-color: #00848f; position: absolute; bottom: -1px; left: 0; right: 0;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav ul li:hover:before,nav ul li.active:before{/*height: 3px;*/}
nav ul li:not(.current-menu-item):hover{background-color: #f4f4f4;}
nav ul li.current-menu-item:before,
nav ul li.current_page_parent:before,
nav ul li.current-menu-ancestor:before{height: 3px;}
nav ul li.current-menu-item{border-bottom: 0;}

/* 2nd level */
nav ul li ul{position: absolute; top: 100%;left: 0;min-width: 100%; border: 1px solid #e6e4e2; border-top: 0; display: none;z-index: 1;margin-top: 1px; padding-bottom: 5px;background-color: #f4f4f4;}
nav ul li ul li{display: block;border: 0; /*text-align: left;*/}
nav ul li ul li a{display: block; padding: 15px 20px; line-height: 1; white-space: nowrap;}
nav ul li ul li:hover a{color: #00848f;color: #9e8638;}

#mobilenav ul li.current-menu-item .caret:before, #mobilenav ul li.current-menu-item .caret:after{background: #00848f;}
#mobilenav ul li.current-menu-item > a{/*background: #fff;border-bottom: 1px solid #00848f;*/}
#mobilenav ul li.current-menu-ancestor > a{background: #fff;color: #00848f;}
#mobilenav ul li.current-menu-ancestor .caret:before, #mobilenav ul li.current-menu-ancestor .caret:after{background: #00848f;}
#mobilenav ul li ul.sub-menu li.current-menu-item a{background: #fff ;}

/* footer */
.main-footer { width:100%; height:auto; background:#333333; line-height: normal; color: #cccccc;}
.main-footer .contact-info *:not(h6){color: #fff; word-wrap: break-word;}
.main-footer h6{color: #fff;margin-bottom: 20px;font-size: 14px;}
.main-footer input:not([type="submit"]){font-size: 14px;}
.main-footer .contact-info p{margin-bottom: 0;}
.main-footer .contact-info p strong{margin-right: 5px;font-weight: 600;}
.main-footer .contact-info p a{margin-right: 0;}
.main-footer .bottom-footer{border-top: 1px solid #454545;}
.main-footer .bottom-footer *{color: #989898;}
.main-footer .bottom-footer p{display: inline-block;margin-bottom: 0; line-height: 1;font-size: 13px;}
.main-footer .bottom-footer p + p{margin-left: 20px;}
.main-footer .footer-address p{ font-weight: 300;font-family: 'Arkibal Display';}


.main-footer input[type="text"],
.main-footer input[type="password"],
.main-footer input[type="email"],
.main-footer input[type="tel"],
.main-footer input[type="search"],
.main-footer input[type="number"],
.main-footer textarea{background-color: transparent; border-color: #989898; margin-top: -1px; color: #cccccc;}
.main-footer ::-webkit-input-placeholder { opacity: 1 !important; color: #cccccc; }
.main-footer :-moz-placeholder { opacity: 1 !important; color: #cccccc; }
.main-footer ::-moz-placeholder { opacity: 1 !important; color: #cccccc; }
.main-footer :-ms-input-placeholder { opacity: 1 !important; color: #cccccc; }
.main-footer .offer-form{padding-left: 10px;max-width: 340px;}
.main-footer .offer-form span.wpcf7-list-item{margin: 5px 0 0 0;}
.main-footer .offer-form span.wpcf7-list-item span{color: #fff;font-size: 14px; display: inline-block; vertical-align: top;}
.main-footer .offer-form span.wpcf7-list-item a{color: #989898; font-size: inherit;}
.main-footer .offer-form span.wpcf7-list-item label{margin-bottom: 0;}

/*--------- home page ------------*/
.banner-sec{position: relative;}
.banner-sec .viewport-height{height: calc(100vh - 131px);min-height: 540px; overflow: hidden;}
.banner-sec .img-part{background-size: cover;background-position: center; background-repeat: no-repeat;height: 100%; align-items: flex-start;}
.banner-sec .bannercaption{position: absolute; bottom: 10%;text-align: center;max-width: 550px; width: 90%;left: 0; right: 0; margin: 0 auto;}
.banner-sec .bannercaption h1{text-shadow: 2px 1px 11px rgba(0, 0, 0, 1); margin-bottom: 40px;}
.banner-sec .bannercaption *{color: #fff;}
.banner-sec .bannercaption .scroll-down {/*font-size: 60px;*/}
.banner-sec img{opacity: 0;}
.our-desc{padding-bottom: 0 !important;}
.our-desc .scroll-down{color: #242424; margin-top: 20px;}
.main-content .viewport-height{/*height: calc(100vh - 132px);*/ /*min-height: 540px;*/}
.main-content .viewport-min-height{min-height: calc(100vh - 132px);}
.heading{position: relative;margin-bottom: 45px;}
.heading h1,.heading h2{margin-bottom: 10px; word-break: break-word;}
.heading:after{content: ""; width: 70px; height: 2px; background-color: #242424;display: block;}
.text-center .heading:after,.text-center.heading:after{margin: 0 auto;}
.text-img-sec .text-part{padding-left: 0;padding-right: 20px;display: inline-flex;}
.text-img-sec .img-part{flex: 1 0 auto; background: no-repeat center / cover; /*min-height: 400px;*/ background-image: none !important; align-items: flex-start; display: block; overflow: hidden;align-self: flex-start; position: static;}
.text-img-sec .img-part img{-webkit-transition: 1.3s;-o-transition: 1.3s;transition: 1.3s;}
.text-img-sec .img-part:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05); }
.text-img-sec.img-right-swap .text-part{padding-left: 30px; padding-right: 0;}
.text-img-sec.img-right-swap .text-part .inner-cap{padding-left: 20px;padding-right: 0;}
.text-img-sec .text-part .desc{/*padding-right: 50px;*/width: 100%;}
.text-img-sec .inner-cap{border-bottom: 2px solid #242424;/*border-top: 2px solid #242424;*/ height: inherit; padding-bottom: 20px; padding-right: 20px; /*overflow: auto;*/}
.text-img-sec{position: relative;align-items: stretch;}
.text-img-sec .text-part .read-arrow{margin:0 0 0 0;}
.text-img-sec.img-right-swap{flex-direction: row-reverse;}
.text-img-sec + .text-img-sec{margin-top: -50px;}
.text-img-sec .text-part .heading{margin-bottom: 40px;width: 100%;}
.banner-caption{padding: 20px;}
.banner-caption .heading{color: #fff;}
.banner-caption .heading h2{color: #fff;}
.banner-caption .heading:after{background-color: #fff;}
.text-img-sec .scroll-down{position: absolute;left: 50%; bottom: 140px; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); color: #fff; /*font-size: 60px;*/ /*-webkit-box-shadow: 0 1px 4px 0 #9E9E9E;box-shadow: 0 1px 4px 0 #9E9E9E;*/ -webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;z-index: 1;}
.text-img-sec .scroll-down:hover{color: #fff;}
.text-img-sec .scroll-down.count-5{visibility:hidden;}

/* news-post-sec */
.news-post-sec{display: block; font-size: 0;}
.news-post-sec .text-part .inner-cap{border: 0;}
.news-post-sec .text-part{padding-top: 100px; padding-left: 15px;padding-right: 50px;padding-bottom: 50px; display: inline-block;vertical-align: top;}
.news-post-sec .img-part{ background: no-repeat center / cover; /*min-height: 500px;*/}
.news-post-sec.img-right-swap .text-part{padding-left: 30px; padding-right: 0;}
.date-txt{font-size: 13px;font-weight: 300;font-family: 'Arkibal Display';}
.news-post-sec .inner-cap{border-bottom: 5px solid #242424; height: 100%; padding-bottom: 20px; /*overflow: auto;*/}
.news-post-sec .text-part .read-arrow{margin:80px 0 20px 0;}
.news-post-sec.img-right-swap{flex-direction: row-reverse;}
.news-post-sec + .news-post-sec{/*margin-top: -50px;*/}
.news-post-sec .text-part .heading{margin-bottom: 40px;}
.news-post-sec .img-wrap{flex: 1 0 auto; display: inline-block; vertical-align: top; margin-left: -4px; /*min-height: 540px;*/}
.news-post-sec .img-wrap .img-part{width: 100%; /*height: 100%;*/ background-image: none !important; align-items: flex-start;display: block;overflow: hidden;}
.news-post-sec .img-wrap .img-part img{-webkit-transition: 1.3s;-o-transition: 1.3s;transition: 1.3s;}
.news-post-sec .img-wrap .img-part:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05); }
.news-post-sec .img-wrap .img-part + div,
.news-post-sec .img-wrap + div{/*pointer-events: none;*/}

.heading-txt{margin-bottom: 30px;}
.news-post-sec .img-wrap.col-lg-6:first-of-type{padding-left: 0; margin: 0;}
.news-post-sec .img-wrap.col-lg-6:last-of-type{padding-right: 0; margin: 0;}
.news-post-sec .img-wrap .img-part img{/*width: 0; height: 0;*/ width: 100%;}
.news-sec select { max-width: 230px; width: 100%;}
.news-sec .desc{margin-right: 40px;}
.news-post-sec.side-img .img-wrap .viewport-height{/*height: calc(100vh - 157px);*/}
.news-post-sec.side-img .img-wrap .inner-img + .inner-img{margin-top: -50px;}

/* select 2 */
.select2-container{-webkit-box-shadow: 0px 6px 7px 0px rgba(2, 2, 2, 0.04);box-shadow: 0px 6px 7px 0px rgba(2, 2, 2, 0.04);}
.select2-container--default .select2-selection--single{border-width: 0 0 2px 0 !important; border-color: transparent !important; -webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;border-radius: 0 !important; height: 40px !important;}
.select2-container.select2-container--open .select2-selection--single{border-color: #00848f !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px !important; color: #242424 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 0 !important; height: 38px !important;}
.select-option{align-items: flex-start;}
.select2-search--dropdown{display: none !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #fff !important; color: #00848f !important;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color: #fff !important; color: #9e8638 !important;margin-bottom: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{width: 30px !important; right: 10px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #00848f transparent transparent transparent !important; border-width: 7px 7px 0 7px !important; margin-left: -7px !important;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent #00848f transparent !important; border-width: 0 7px 7px 7px !important;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-right: 30px !important;padding-left: 20px !important;}
.select2-dropdown{border: 0 !important; -webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;border-radius: 0 !important;z-index: 8 !important;}
.select2-container--default .select2-results > .select2-results__options{padding: 0 20px !important;}
.select2-container--default .select2-results > .select2-results__options li{list-style: none; border-bottom: 1px solid #ebebeb !important;padding-left: 0 !important; padding-right: 0 !important;margin-bottom: 0;padding: 7px 0 !important;}
.select2-container--default .select2-results > .select2-results__options li:last-of-type{border-bottom: 0 !important;}

/* project-pagination */
.project-pagination{display: flex; justify-content: space-between;margin-top: 50px;}
.project-pagination a{background-color: #fff; font-size: 13px; color: #242424; text-align: center; padding: 20px 20px;line-height: 1.2; width: calc(50% - 1px); font-family: 'Arkibal Display';}
/*.project-pagination a + a{border-left: 1px solid #f4f4f4;}*/
.project-pagination a:hover{background-color: #00848f; color: #fff; text-decoration: none;}
.project-pagination a.disable{opacity: 0;visibility: hidden;pointer-events: none;background-color: #999; color: #fff;}
/* news */
.news-list.row{margin-left: -10px;margin-right: -10px; margin-top: 50px;}
.news-list.row [class*=col-]{padding-left: 10px;padding-right: 10px;}
.news-list figure{margin-bottom: 40px;display: flex; align-items: center; justify-content: center; overflow: hidden;}
.news-list figure a{width: 100%;}
.news-list figure img{-webkit-transition: 1.3s;-o-transition: 1.3s;transition: 1.3s;}
.news-list figure a:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05); }
.news-list .n-date{font-size: 13px;font-weight: 300;display: block; font-family: 'Arkibal Display'; margin-bottom: 15px;}
.news-list .news-desc{margin-bottom: 30px;width: 100%;}
.news-list .item{display: flex;flex-wrap: wrap;align-content: space-between;margin-bottom: 70px;}
.news-desc h6 {/*font-size: 16px;margin-bottom: 15px;*/font-weight: 400;}
.news-desc-content {max-width: 90%;}

.loader{width: 100%; margin: 20px auto;}
.loader svg{width: 75px;}
.text-img-sec .img-part img{/*width: 0; height: 0;*/ width: 100%;}
.loader .la-ball-clip-rotate{width:75px; height: 75px;display: block; font-size: 0; position: relative;}
.loader .la-ball-clip-rotate > div{width: 100%; height: 100%; border-width: 7px; border-style: solid; border-color:#ffffff; border-bottom-color: #017080; -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;}
.loader .la-ball-clip-rotate > div{-webkit-animation: ball-clip-rotate 0.9s linear infinite;-moz-animation: ball-clip-rotate 0.9s linear infinite;-o-animation: ball-clip-rotate 0.9s linear infinite;animation: ball-clip-rotate 0.9s linear infinite;}

/* animation keyframe */
@-webkit-keyframes ball-clip-rotate {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    50% {-webkit-transform: rotate(180deg);transform: rotate(180deg)}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@-moz-keyframes ball-clip-rotate {
    0% {-moz-transform: rotate(0deg);transform: rotate(0deg)}
    50% {-moz-transform: rotate(180deg);transform: rotate(180deg)}
    100% {-moz-transform: rotate(360deg);transform: rotate(360deg)}
}
@-o-keyframes ball-clip-rotate {
    0% {-o-transform: rotate(0deg);transform: rotate(0deg)}
    50% {-o-transform: rotate(180deg);transform: rotate(180deg)}
    100% {-o-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes ball-clip-rotate {
    0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
    50% {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)}
    100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}

/* offer-related */
.offer-related .item .inner-desc{background-color: #f4f4f4;padding: 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%;}
.offer-related .item .inner-desc h6{margin-bottom: 12px;}
.offer-related > .row{margin-left: -17px;margin-right: -17px;}
.offer-related > .row [class*=col-]{padding-left: 17px;padding-right: 17px;padding-top: 17px;padding-bottom: 17px;}
.offer-related .o-date{font-size: 13px;font-weight: 300;display: block;font-family: 'Arkibal Display';margin-bottom: 15px;}
.offer-related p{color: #242424;margin-bottom: 30px;}
.offer-related .read-more{margin-bottom: 20px;}

/* contact us */
.contact-details{margin-bottom: 30px; padding-right: 4px;}
.contact-details p{margin-bottom: 0;font-weight: 400;word-wrap: break-word;}
.contact-details p span{margin-right: 3px; font-family: 'Arkibal Display'; font-weight: 400;}
.contact-details p *{color: #242424;}
.contact-details p a{}
.contact-details a:hover{color: #9e8638; text-decoration: none;}
.contact-list ul{margin: 0; /*-webkit-column-count:3;-moz-column-count:3;-o-column-count:3;column-count:3;*/ display: flex; flex-wrap: wrap;}
.contact-list ul li{list-style: none;margin-bottom: 30px;word-wrap: break-word;width: 100%; padding-right: 10px;}
.contact-list ul li:before{display: none;}
.contact-list ul li h6{font-weight: 600;margin-bottom: 0;font-size: 14px;}
.contact-list ul li span{color: #00848f;display: block;font-weight: 600;}
.contact-list ul li a{color: #242424;font-size: 14px; font-weight: 400;}
.contact-address p{ color: #242424;}
.map-part{width: 100%;height: 500px;}
.contact-address .col-md-6:first-of-type{padding-right: 17px;}
.contact-address .col-md-6:last-of-type{padding-left: 17px;}
.contact-address .inner-cap{margin-bottom: 20px;}
.contact-address .inner-cap .heading-txt{margin-bottom: 20px;}
/*.contact-address .inner-cap .heading-txt *{font-weight: 400;}*/
.map-part iframe{width: 100%; height: 100%;}
#map,#map2{width: 100%; height: 100%;}
.contact-info .item {/*border-right: 1px solid rgba(235, 235, 235, 0.23);*/}
.contact-info .item{padding-left: 0;padding-right: 0;margin-right: 80px;}
.contact-info .item:last-of-type{margin-right: 0;}
/* data-view-sec */
.data-view-sec{/*padding-top: 150px; padding-bottom: 150px;*/}
.data-view-sec h3{font-size: 30px;}
/*.data-view-sec .heading-txt *{font-weight: 400;}*/
.dark-gray-bg * {color: #fff;}


@media(max-width: 767px){
    table td{display: block; position: relative; padding-left: 200px;}
}
@media(min-width: 768px){
    table td{padding: 15px;}
}
table th,table td{text-align: left; font-weight: 400;border: 0; padding: 15px;}
.dark-gray-bg table thead tr{border-bottom: 1px solid #f4f4f4;}
.dark-gray-bg table tbody tr:nth-child(odd) {background-color: #656467;}
.dark-gray-bg table tbody tr:nth-child(even) {background-color: #5c5c5f;}
.dark-gray-bg table tbody tr{border-bottom: 2px solid #535456;}
table th{font-family: 'Arkibal Display';font-size: 14px;/*font-weight: 400;*/}
table td{font-size: 14px;word-break: break-word;}
.light-gray-bg * {color: #242424;}
.light-gray-bg table tbody tr:nth-child(odd) {background-color: #fff;}
.light-gray-bg table tbody tr:nth-child(even) {background-color: #faf9fa;}
.light-gray-bg table tbody tr{border-bottom: 2px solid #f4f4f4;}
.light-gray-bg table thead tr{border-bottom: 1px solid #535356;}

/* environment sec */
.criterias-info span{margin-bottom: 2px;display: block;}
.partners-logo ul{display: flex; flex-wrap: wrap;margin-left: 0; margin-left: -20px; justify-content: space-between;}
.partners-logo ul li:before{display: none;}
.partners-logo ul li{display: inline-flex;/*flex: 1 0 auto;*/ padding: 20px; justify-content: center; align-items: center; max-width: 25%;margin: 0 1% 0 0;}
.partners-logo ul li:first-of-type{/* padding-left: 0;*/}
/*.partners-logo ul li + li{border-left: 1px solid #f4f4f4;}*/
.certificates ul{margin-left: 0;}
.certificates ul li{background-color: #f4f4f4; margin-bottom: 1px; position: relative;padding:10px 60px 10px 20px;display: flex; align-items: center;}
.certificates ul li:before{display: none;}
.certificates ul li a{display: inline-flex;position: absolute;top: auto; right: 20px;bottom: auto; align-items: center; justify-content: center;color: #2d2d2d;}
.certificates ul li a:hover{text-decoration: none;color: #9e8638;}
.certificates ul .icon:before{font-size: 24px; }
.criterias-info ul{/*margin-left: 30px;*/}
div.wpcf7-response-output{margin-left: 0; margin-right: 0;margin-top: 20px; padding: 0 !important;color: #fff; font-size: 12px;}
.wpcf7-form-control-wrap{display: block;}
.wpcf7-form-control-wrap.acceptance-889{margin-top: 5px;}
.partners-logo ul li a img { /*max-width: 200px;*/ max-height: 120px;}
.home .main-content p{ font-weight: normal; }
footer input[type=checkbox]{ margin-top: 5px;display: inline-block;float: left; }
div.wpcf7-mail-sent-ok{border: 0 !important;}

/* viewport height */
/*.page-template-template-partscontact-php .main-content .viewport-height,
.single-post .main-content .viewport-height{ height: calc(100vh - 133px); min-height: 540px;}
.page-template-template-partscontact-php .news-post-sec .img-wrap .img-part,
.single-post .news-post-sec .img-wrap .img-part{height: 100%;}*/
body:not(.home) .main-content .viewport-height{ height: calc(100vh - 132px); min-height: 540px;}
body:not(.home) .news-post-sec .img-wrap .img-part{height: 100%;}
.news-post-sec .img-wrap{margin-top: -1px;transform: translateY(-1px)}
.wpcf7-validation-errors, .wpcf7-acceptance-missing{border: none;color: red;font-size: 14px;}

.offer-related .item .inner-desc .inner-top{width: 100%;}
/* IE11 and IE12 for windows 10  */
/*@supports (-ms-ime-align:auto) {
    .partners-logo ul li a{width: 100%;}
}*/

/* ie10 and IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .partners-logo ul li a{width: 100%; display: flex; justify-content: center;}
    nav ul li a{display: block;text-align: center;}
    footer input[type=checkbox]{margin-top: 1px;}
}

.page-terms-conditions ol { counter-reset: item !important;}
.page-terms-conditions ol > li:before { content: counters(item, ".") " " !important; counter-increment: item !important; }
.page-terms-conditions ol > li li li {counter-increment: list !important;} 
.page-terms-conditions ol > li li li:before {content:"(" counter(list, lower-alpha)") " !important;}
.page-terms-conditions .main-content ol li{font-size:14px !important;}

/* 30-1-19 */
.top-header-right{display: flex; align-items: center; justify-content: space-between;}
.top-header-right span{ margin-right: 35px;font-family: 'Arkibal Display';font-size: 13px;color: #242424;display: inline-block;font-weight: 300;margin-top: 25px;}
.main-header .custom-logo a{display: block;}
.main-header .custom-logo img{width: 160px;}
.main-header .buy-online a{background-color: #00848f; color:#FFF;}
.main-header .buy-online a:hover{background-color: #9e8638;}
.main-header .navigation .buy-online a{margin-top: -1px; margin-bottom: -1px; }
.main-header .navigation .buy-online:before{display: none;}