/* LICENSE & DETAILS
   ==================================================

	Theme Name: Kontaktor Flat
	Theme URI: http://kontaktor.com.ua
	Author: Ivan Bandura
	Template: business-essentials-wp
	Version: 1.1


   ==================================================
*/

/* ---------------------
--- PARENT CSS IMPORT
---------------------- */
@import url("../business-essentials-wp/style.css");
/* ---------------------
--- SHORTCODES
---------------------- */
body .creativ-shortcode-accordion .creativ-shortcode-toggle{margin:-1px 0 0 0 !important;}
.creativ-shortcode-cols{padding-top:2px !important;}
/* ---------------------
--- HOMEPAGE
---------------------- */
#slider_fullwidth_warapper{width:100%;background-color:#ECF0F1;}
/* ---------------------
--- HEADER
---------------------- */
div#top_wrapper{display:none;}
#logo{display:block;padding:20px 0 20px 0;}
#logo{display:block;padding:20px 0 20px 0;}
#header_wrapper{background-color:#ECF0F1;min-height:180px;}
.topmenuwrapper{background-color:#0099cc;}
.header_phone{float:right;background-color:#67809F;color:#ffffff;font-size:14px;font-family:'Open Sans',sans-serif;text-transform:uppercase;font-weight:400;display:block;padding:12px 15px 12px 35px;}

/* ---------------------
--- FancyBox flat design override —
---------------------- */
#fancybox-bg-n{background-image:none !important;}
#fancybox-bg-ne{background-image:none !important;}
#fancybox-bg-e{background-image:none !important;}
#fancybox-bg-se{background-image:none !important;}
#fancybox-bg-s{background-image:none !important;}
#fancybox-bg-sw{background-image:none !important;}
#fancybox-bg-w{background-image:none !important;}
#fancybox-bg-nw{background-image:none !important;}
#fancybox-title{font-family:'Open Sans',sans-serif !important;font-size:18px !important;line-height:2.2em;color:rgb(65,65,65) !important;z-index:11102}
#fancybox-title-over{background-image:url(img/fancybox/fancy_title_over.png) !important;}
/* ---------------------
--- SEARCH
---------------------- */
#searchbox{float:left;max-width:215px;padding:0 0 9px 0;}
#searchbox input{background-color:transparent;border:3px solid #34495d;color:#fff;font-family:'Open Sans',sans-serif;font-size:12px;outline:medium none;max-width:197px;padding:6px;-webkit-appearance:none;border-radius:0;}
#searchbox input:focus{color:#8b8a8e;border:none;font-family:'Open Sans',sans-serif;font-size:12px;outline:none;background-color:#34495d;border:3px solid #34495d;max-width:197px;padding:6px;-webkit-appearance:none;border-radius:0;}
.searchme:after{content:"s";font-family:'ModernPictogramsNormal';font-size:20px;position:absolute;color:#fff;}
.searchme{display:inline-block;width:24px;height:22px;background-color:#34495d;float:right;padding:5px 5px 5px 15px;margin-top:-50px;}
/* ---------------------
--- BLOG POST
---------------------- */
div.post_tags_wrap{display:none;}
div.post_comment{display:none;}
/* ---------------------
--- CREATIV SHORTCODES
---------------------- */
body .creativ-shortcode-button:hover{border:1px solid #fff !important;}
body .creativ-shortcode-button-colour-theme:hover{border:0px solid #272B2F !important;border-bottom:3px solid #1F2020 !important;}
/* ---------------------
--- REV SLIDER
---------------------- */
.tp-bullets{z-index:100;position:absolute;bottom:10px;opacity:1 !important;-moz-opacity:1 !important;filter:alpha(opacity=100) !important;}
.tp-bullets.simplebullets{bottom:10px}
.tp-bullets.simplebullets.navbar{bottom:-20px;height:35px;padding:0px 0px;margin-top:-17px;}
.tp-bullets.simplebullets .bullet{cursor:pointer;position:relative !important;background:#FFF !important;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.09);-moz-box-shadow:0 0 0 3px rgba(0,0,0,0.09);box-shadow:0 0 0 3px rgba(0,0,0,0.09);width:10px !important;height:10px !important;display:inline-block;margin-right:10px !important;margin-bottom:5px !important;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;float:none !important;}
.tp-bullets.simplebullets .bullet.last{margin-right:0px}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected{-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.20);-moz-box-shadow:0 0 0 3px rgba(0,0,0,0.20);box-shadow:0 0 0 3px rgba(0,0,0,0.20);}
.tparrows:before{font-family:'revicons';color:rgb(75,170,211);/*chage to theme blue*/ font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;margin-right:0;margin-top:5px;text-align:center;width:37px;font-size:17px;}
.tparrows{cursor:pointer;background:#FFF !important;-webkit-border-radius:37px;border-radius:37px;width:37px !important;height:37px !important;-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.09);-moz-box-shadow:0 0 0 3px rgba(0,0,0,0.09);box-shadow:0 0 0 3px rgba(0,0,0,0.09);top:50% !important;}
.tparrows:hover{color:#404040}
.tp-leftarrow.large:before{content:'\e824';}
.tp-rightarrow.large:before{content:'\e825';}
.tp-leftarrow:before{content:'\e824';}
.tp-rightarrow:before{content:'\e825';}
.tp-leftarrow.large{margin-left:20px;margin-top:-17px !important;}
.tp-rightarrow.large{margin-left:-20px;margin-top:-17px !important;}
.tparrows.tp-rightarrow:before{margin-left:1px}
.tparrows:hover{-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.20);-moz-box-shadow:0 0 0 3px rgba(0,0,0,0.20);box-shadow:0 0 0 3px rgba(0,0,0,0.20);}
.product-list{list-style-type:none;}
.product-list li{list-style:none;line-height:32px;}
.product-list li a{font-weight:400;color:#4baad3;text-decoration:none;}
.product-list li a:hover{text-decoration:none;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;margin-left:5px;}
.tp-caption{white-space: normal !important;}
.tp-caption .creativ-shortcode-button{color:#fff !important;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
/*Preserve creativ-shortcode buttons in Rev Slider*/
.slider_wrapper a,.slider_wrapper a:hover{font-size:18px;text-decoration:none;color:#ffffff;border:0px;border-width:0px;border-style:none;}
.slider_wrapper a.creativ-shortcode-button i{line-height:normal !important;}
/* ---------------------
--- BREADCRUMBS
---------------------- */
.breadcrumb_wrapper{width:100%;background-color:#ECF0F1;min-height:50px;}
.breadcrumbs{width:980px;margin:0 auto;padding-top:10px;color:#656565;font-size:12px;font-family:'Open Sans',sans-serif;}
.breadcrumbs a{font-size:12px;font-family:'Open Sans',sans-serif;text-decoration:none;color:#656565;font-weight:600;}
.breadcrumbs a:hover{font-size:12px;font-family:'Open Sans',sans-serif;text-decoration:underline;}
/* ---------------------
--- PRODUCT PAGES
---------------------- */
hr.product-line{margin:0;}
/* ---------------------
--- CONTACTS
---------------------- */
.page-template-page-contacts-php #contentwrapper{padding:20px 0;}
/* ---------------------
--- MENU
---------------------- */
	ul.sf-menu li.current-menu-item a{color:#ffffff;background-color:#67809F;}
	ul.sf-menu li ul.sub-menu li.current-menu-item a{color:#ffffff;background-color:#0099cc;}
	ul.sf-menu li ul.sub-menu li.current-menu-item li a{color:#badcea;background-color:transparent;}
	ul.sf-menu li ul.sub-menu li.current-menu-item li a:hover{color:#ffffff;background-color:#0099cc;}
.sf-menu li:hover{background-color:#67809F;}
.sf-menu li a{color:#badcea;text-decoration:none;display:block;font-size:13px;font-family:'Open Sans',sans-serif;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase;font-weight:400;padding:12px;}
ul.sf-menu li ul.sub-menu li a,ul.sf-menu li ul.sub-menu li a ul li a{color:#badcea;text-decoration:none;display:block;font-size:13px;padding:8px;font-family:'Open Sans',sans-serif;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
ul.sf-menu li ul.sub-menu li a:hover{color:#ffffff;background-color:#0099cc;text-decoration:none;display:block;font-size:13px;padding:8px;font-family:'Open Sans',sans-serif;}
.sf-menu li a:hover{color:#ffffff;text-decoration:none;display:block;font-size:13px;font-family:'Open Sans',sans-serif;}
.sf-menu ul li{padding:0px;}
.sf-menu li li{min-width:170px;}
.sf-menu li ul{margin-top:42px;padding:5px;background-color:#67809F;}
.sf-menu li ul:before{border-color:transparent transparent #67809F;border-style:solid;border-width:0 9px 9px;content:"";height:0;left:20px;position:absolute;top:-9px;width:0;}
.sf-menu li:hover,.sf-menu li.sfHover,
.sf-menu a:focus,.sf-menu a:hover,
.sf-menu a:active{outline:0;}
/*** arrows **/
.sf-menu a.sf-with-ul{min-width:1px;/* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{display:none;}
a > .sf-sub-indicator{/* give all except IE6 the correct values */
top:.8em;background-position:0 -103px;/* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator{background-position:-10px -103px;/* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator{background-position:7px 5px;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active,
.sf-menu ul li:hover > a,
.sf-menu ul li.sfHover > a{background-position:-10px 0;/* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul{padding:0px;margin:0;}
.sf-shadow ul.sf-shadow-off{background:transparent;}
ul.sf-menu li ul li a{padding:10px 0 0 0;display:block;}
ul.sf-menu li ul li a:hover{color:#323232;}
.sf-menu li ul li ul:before{border-color:transparent #67809F transparent transparent;border-style:solid;border-width:11px 11px 12px 0;content:"";height:0;left:-9px;position:absolute;top:11px;width:0;}
ul.sf-menu li ul li ul{padding:5px;display:block;margin:0px 0px 0px 20px;}
.sf-menu li li li{min-width:170px;}
.sf-menu li ul li ul{margin-top:50px;padding:5px;background-color:#67809F;}
/* ---------------------
--- OWL SLIDER
---------------------- */
/*Owl carousel retina fix*/
.owl-carousel .item img{width:auto !important;}
/*Owl carousel bullet styles*/
.owl-theme .owl-controls .owl-page span{display:block;margin:5px 7px;filter:Alpha(Opacity=50);/*IE7 fix*/ opacity:0.5;background:#FFF !important;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.20);-moz-box-shadow:0 0 0 3px rgba(0,0,0,0.20);box-shadow:0 0 0 3px rgba(0,0,0,0.20);width:10px !important;height:10px !important;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);/*IE7 fix*/opacity:1;}

/* ---------------------
---TABLE
---------------------- */

.easy-table th,td {
    word-wrap: break-word;
} 
   
.easy-table th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:16px;
  font-weight: 100;
  padding:5px;
  text-align:left;
  vertical-align:middle;
}

.easy-table th:first-child {
  border-top-left-radius:3px;
}
 
.easy-table th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.easy-table tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
}
 
.easy-table tr:hover td {
  background:#68819E;
  color:#FFFFFF !important;
}
.easy-table tr:hover td p{color:#fff;}
.easy-table tr:first-child {
  border-top:none;
}

.easy-table tr:last-child {
  border-bottom:none;
}
 
.easy-table tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
.easy-table tr:nth-child(odd):hover td {
  background:#68819E !important;
  color:#fff;
}

.easy-table tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.easy-table tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.easy-table td {
  background:#FFFFFF;
  padding:5px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:13px;
  border-right: 1px solid #C1C3D1;
}
.easy-table td p{font-size:13px;}
.easy-table td:last-child {
  border-right: 0px;
}

.easy-table th.text-left {
  text-align: left;
}

.easy-table th.text-center {
  text-align: center;
}

.easy-table th.text-right {
  text-align: right;
}

.easy-table td.text-left {
  text-align: left;
}

.easy-table td.text-center {
  text-align: center;
}

.easy-table td.text-right {
  text-align: right;
}


/* ---------------------
--- BACK TO TOP
---------------------- */
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em 1.5em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

label.screen-reader-text {display:none;}

select#archives-dropdown-4{
background: none;
    background-color: #ffffff;
    width: 98%;
    margin-bottom: 15px;
    color: #656565;
    padding: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    outline: none;
    font-weight: 400;
    transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    border: none;
    border: 1px solid #e6e5e0;
    margin-top: 10px;
    border-radius: 0;
}

select#archives-dropdown-4:focus{
background: none;
    color: #656565;
    background-color: #ffffff;
    outline: none;
    border: none;
    border: 1px solid #26AE90;

    border-radius: 0;
    font-weight: 400;
}

}

/* ---------------------
--- FOOTER
---------------------- */
#bottom_wrapper{background-color:#6882a1;padding-top:60px;}
#bottom_wrapper_icon{width:64px;margin-top:-90px;display:block;margin-left:auto;margin-right:auto;}

.bottomsubmenu li{list-style:none;display:inline-block;margin-right:10px;}
.bottomsubmenu a{color:#fff;font-weight:600;font-size:12px;}
.bottomsubmenu a:hover{text-decoration:underline;}

#copyright_wrapper{background-color:#34495d;}
.copyright_message{color:#ccc;padding:0 0 25px 0;font-size:10px;}
.copyright_message a{color:#ccc;margin-left:5px;font-weight:600;text-decoration:none;font-size:10px;}
.copyright_message a:hover{text-decoration:underline;}
.fb-footer-logo-wrap{margin: 10px 0}
.fb-footer-logo{
    width: 32px;
    position: relative;
    top: -4px;
    border-radius:4px 4px;
    margin-top: 7px;
}

.mailchimp-wrap {float: right}
.mailchimp-email {
    width: auto!important;
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif!important;
    font-size: 15px!important;
    padding: 0 0.4em!important;
    min-height: 32px!important;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important;
}
.mailchimp-button {
    float: none!important;
    display: inline-block!important;
    height: 32px;
    border: none!important;
    padding: 1px 15px 1px 15px!important;
    background-image: none!important;
}
#message_wrapper {
    display:none;
}
/* ---------------------
--- MEDIA QUERIES
---------------------- */
@media only screen and (min-width:1024px){
	.contentleft{width:75%;}
}
@media only screen and (max-width:1023px){
	.contentleft, .contentright{width:100%;text-align:center;}
}
@media only screen and (max-width:980px) {
    .content_wrapper {
        width: 96%;
    }

    .header_phone {
        display: none;
    }

    .slider_wrapper {
        width: 96%;
    }

    .breadcrumbs {
        width: 96%;
    }
}
@media (max-width: 900px) {
    .mailchimp-wrap {
        float: none;
    }
}
@media only screen and (max-width:768px){
	h1{font-size:34px;}
	h2{font-size:28px;}
	h3{font-size:26px;}
	h4{font-size:24px;}
	h5{font-size:22px;}
	h6{font-size:20px;}
	
	.header_phone{display:inline-block;}
	.topmenu{width:50%;}
	.topmenuwrapper{background-color:#3083A7 !important;}
}
@media only screen and (max-width:640px){
.copyright_message {width: 96%;}
body .creativ-shortcode-toggle h3.creativ-shortcode-toggle-heading {font-size: 14px !important;}

}
@media only screen and (max-width:480px){
	#searchbox{margin-left:0px;}
}
@media only screen and (max-width:320px){
	#searchbox{margin-left:0px;}
}
@media only screen and (max-width:640px){
	#searchbox{margin-left:0px;float:left;clear:none;}
}
