/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */


/* additional */
/* SKIN */

body, html { padding: 0; margin: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 11pt; color:#202020; }

a:link, a:visited, a:active { color: #1c96c7; Text-Decoration: underline;  }

.none, .non, .old_skin { display: none; }

input {}
button {}

table {
	border: 0;
	border-collapse : collapse;
}
table td, table th {
	padding: 0;
	font-size: 10pt;
	line-height: 20px;
	text-align: left;
}

img { border: 0; max-width: 100%; }

.clear { height: 0px; line-height: 0px; clear: both; }

h1, .h1 { font-size: 36pt; text-transform: uppercase; font-weight: 300; line-height: 50px; }
h2, .h2 { font-size: 30pt; font-weight: 300; line-height: 40px; }
h3, .h3 { font-size: 24pt; font-weight: 500; line-height: 36px; }
h4, .h4 { font-size: 18pt; font-weight: 700; line-height: 30px; }


/* PAGE STRUCTURE */

.onlymobile, .onlytablet { display: none; }

.wrapper { max-width: 1380px; margin: 0 auto; text-align: left; padding: 0 10px; }


.div20 { width: 20%; float: left; }
.div25 { width: 25%; float: left; }
.div33 { width: 33%; float: left; }
.div30 { width: 30%; float: left; }
.div40 { width: 40%; float: left; }
.div50 { width: 50%; float: left; }
.div60 { width: 60%; float: left; }
.div66 { width: 66%; float: left; }
.div75 { width: 75%; float: left; }
.div70 { width: 70%; float: left; }
.div80 { width: 80%; float: left; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.green { color:#54ab47; }
.blue { color:#21a5d8; }


/* TOP */

header { position: fixed; top:0; left: 0; right: 0; background: rgba(255, 255, 255, 0.9); height: 110px; font-weight: 300; z-index: 1; }

.logo { float: left; padding-top: 20px; padding-right: 25px; }
.menu { float: left; }
.icons { float: right; }

nav, nav.menu ul { padding: 0; margin: 0; }
nav.menu ul li { list-style-type: none; float: left; padding: 0 20px; border-left: 1px #dfdfdf solid;  line-height: 110px; font-size: 15pt; }

nav.menu ul li .sub-menu li { list-style-type: none; float: none; padding: 7px; border-left: 0; line-height: 30px; font-size: 13pt; border-top: 1px #dfdfdf solid; }
nav.menu ul li .sub-menu li:first-child {  border-top: 0; }

nav.menu ul li a { color:#171616; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; }

.icons ul { padding: 0; margin: 0; }
.icons ul li { list-style-type: none; float: left; width: 60px; color:#b5b5b5; padding: 15px 20px; border-right: 1px #dfdfdf solid; line-height: 18px; }
.icons ul li a { color:#b5b5b5; text-decoration: none; }
.icons ul li i { font-size: 26pt; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.icons ul li i.fa-headset { color: #21a5d8; }
.icons ul li i.fa-users { color: #61b254; }
.icons ul li i.fa-bars { color: #000; }
.icons ul li.onlytablet { height: 60px; }

nav.menu ul li div ul li ul li a { color:#777; }
nav.menu ul li div ul li ul li a:before { content: ":. "; }

.icons ul li span { color:#000; }
.icons ul li div { height: 38px; margin-bottom: 6px; }

.noborder { border: 0 !important; }

.triangle { position: absolute; margin-top: -25px;}
#help div { text-align: center; }
#help, #topsearch, .submenu , .sub-menu { padding: 10px; text-align: left; display: none;
	     background-image: -o-linear-gradient(0deg , #fff 0%, #f3f3f3 100%);
     background-image: -moz-linear-gradient(-90deg , #fff 0%, #f3f3f3 100%);
     background-image: -webkit-linear-gradient(270deg , #fff 0%, #f3f3f3 100%);
     background-image: -ms-linear-gradient(0deg , #fff 0%, #f3f3f3 100%);
     background-image: linear-gradient(180deg , #fff 0%, #f3f3f3 100%);
	background-color: #fff; border: 2px #f3f3f3 solid; position: fixed; width: 165px; top: 110px; height: 65px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  z-index: 2; }
	#topsearch { margin-left: -124px; height: 30px; }
	#topsearch p.right { padding: 0 30px 0 0; margin: 0; }
p.call { margin: 0; padding: 0 0 10px 0; font-weight: 500; font-size: 14pt;  } 
#topsearch form { text-align: center; }
#topsearch input.et-search-field { background: #fff; padding: 8px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px #aeaeae solid; height: 32px; max-width: 160px; -webkit-appearance: initial;  }
p.call a { color: #61b254 !important; }

.sub-menu { display: none; width: 300px; margin-left: -20px; height: auto; }
.lang { font-size: 12pt; }

.skype-button.rounded span { color:#fff !important; }

/* CONTENT */


article { max-width: 1920px; margin: 0 auto; margin-top: 110px; background: url(images/background.jpg) repeat-y center top; font-size: 17pt; line-height: 40px; font-weight: 300; }

article .wrapper { padding-top: 20px; }
article .top_img .wrapper { padding-top: 0; }

.top_img img { width: 100%; }
.top_img h1 { position: absolute; color:#fff; text-shadow: rgba(0,0,0,0.65) 1px 1px 2px; padding-top: 150px; }
.top_img h1 span { display: block; margin-top: 5px; font-weight: 700; }

.nice_box { border-left: 3px #c1af9f solid; padding: 10px 10px 10px 30px; }

.foot_img { width: 100%; height: 175px; background: url(./images/triangle2.png) no-repeat center bottom; }

.blog_top { text-align: center; padding-top: 25px; }
.blog_top img { margin-left: 15px; opacity:1.0; filter:alpha(opacity=100); }
.news_blog:hover .blog_img img { opacity:0.75 !important; filter:alpha(opacity=75) !important;}

.blog_top h2 {
    margin-top: 0;
    color: #9f958c;
    font-weight: 300;
    margin-bottom: 0;
}

.news_blog {
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.37);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.37);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.37);
    background: #fff;
    padding: 15px;
    margin: 10px;
  border: 0;
  font-family: 'Lato', sans-serif;
  font-size: 14pt;
  font-weight: 300;
  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  
}
.news_blog:hover {
	margin-top: -10px;   -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; 
}

.blog_intro { font-size: 12pt; line-height: 24px; max-width: 900px; margin: 0 auto; margin-bottom: 50px; text-align: center; color: #9d9a98; }
.blog_intro a { color: #9d9a98; text-decoration: none; }
.blog_intro a:hover { color: #9d9a98; text-decoration: underline; }

.news_blog h4 { margin: 15px 0 25px 0; }

.blog_list { padding-bottom: 50px; }

.quote_right { width: 30px; float: right; margin: 0 0 10px 10px; }
.quote_left { width: 30px; float: left; margin: 0 10px 10px 0; }


/* FOOTER */

footer { max-width: 1920px; margin: 0 auto; background: #29231e; color:#fff; }
footer a { color:#fff !important; text-decoration: none !important; } 

footer .wrapper { padding-bottom: 50px; display: table;}

.widget_text { text-align: right; }

.widget_text img { width: 90%; }

h3.widgettitle { color: #48433f; text-transform: uppercase; font-weight: 700; font-size: 42pt; line-height: 60px; margin-top: 0; }
h3.widgettitle span { color: #fff; text-transform: uppercase; font-weight: 500; font-size: 36pt; display: block; margin-top: -35px; }
.widget_text .border { display: block; background: #bdad9e; width: 200px; height: 2px; float: right; margin-top: 5px; }
.menu-footer-menu ul li,
.widget_text ul li { list-style-type: none; font-weight: 300; font-size: 14pt; margin-bottom: 5px; }
.menu-footer-menu ul li span,
.widget_text ul li span { color: #bdad9e; margin-left: 5px; }
.menu-footer-menu {
	text-align: right;
}
.espaceclient { width: 260px; float: right; }

.espaceclient input { background: #fff; border: 0; padding: 15px 15px 15px 45px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 200px; margin-bottom: 10px; font-size: 12pt; box-shadow: 0 0 10px #999 inset, 0 0 10px #999 inset;}

.espaceclient button {  background: #c8b7a7; border: 0; padding: 10px 20px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; font-size: 12pt; color:#fff; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  }
.espaceclient button:hover { cursor: pointer; background: #54ab47; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  }

.espaceclient input.login { background: url(images/i_user.png) no-repeat left center; background-color: #fff; }
.espaceclient input.key { background: url(images/i_key.png) no-repeat left center; background-color: #fff; }

.copyrights { padding: 20px 0; text-align: center; max-width: 1920px; margin: 0 auto; font-weight: 300; }

.copyrights a { color:#c4a88f !important; text-decoration: underline !important; } 

a.a2com { color:#202020 !important; text-decoration: none !important; }

.blog_txt { line-height: 30px; }
.blog_txt a { font-weight: 700; font-size: 10pt; text-transform: uppercase; }

.blog_pages { text-align: center; padding-top: 50px; }
.blog_pages a { border: 1px #dbdbdb solid; padding: 5px; width: 30px; line-height: 30px; height: 30px; text-align: center; display: inline-block; text-decoration: none; color:#000; }
.blog_pages a.activ { background: #fff; }

.text_col_left img, .text_col_right img { -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 25px !important; }

.date_category {
  text-align: center;
  margin-bottom: 30px;
  color:#979797;
}
  .tablet_mainimg {
    display: none;
  }
  .date_category a {
    color:#979797;
    text-decoration: underline;
  }
  .date_category a:hover {
    color:#979797;
    text-decoration: none;
  }
  .date_category img {
    vertical-align: middle;
    margin-right: 7px;
    width: auto !important;
    margin-left: 0;
  }
  .blog_txt h1 {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    background: none !important;
    margin-bottom: 60px;
  }
  div.text_intro {
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: -10px;
  }
  span.first_l {
    color:#00a4da;
    font-size: 5em;
    font-family: times;
    float: left;
    margin: 10px 10px 10px 0;
  }
  .text_col_left, .text_col_right {
    font-size: 13pt;
    line-height: 30px;
    float: left;
    width: 45%;
    margin: 0 2.5% 2.5% 2.5%;
    text-align: justify;
  }
  .main_img {
    text-align: center;
    line-height: 1px;
    margin-bottom: 5px;
  }
  .blog_autor {
    float: right;
    color:#979797;
    font-style: italic;
    font-size: 11pt;
    padding-top: 5px;
  }
  .emptyspace {
    line-height: 30px;
    height: 30px;
  }
  .showcomments_ , .showcomments_oui, .showcomments_ou, .showcomments_o {
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
  }
  .showcomments_non, .showcomments_no, .showcomments_n {
    display: none !important;
  }
  .share {
    float: left;
  }
  .share td {
    vertical-align: middle;
    padding-right: 15px;
    padding-top: 10px;
  }
  .share td.share2 {
    padding-top: 0;
  }
  div#fb-root {
    position: absolute;
  }
  .text_col_left img, .text_col_right img {
    height: auto !important;
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
  }



/* MOBILE MEDIA CSS */

@media only screen and (min-width: 1024px) {
	.icons ul li i:hover { font-size: 30pt; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	nav.menu ul li a:hover { color:#20a2d7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	.icons ul li a:hover { color:#21a5d8; }
	a:hover  { color: #58ad4b; Text-Decoration: none;  }
	p.call a:hover { color: #21a5d8 !important; }
	footer a:hover { color:#c4a88f !important; text-decoration: underline !important; } 
	.copyrights a:hover { color:#c4a88f !important; text-decoration: none !important; } 
}


@media only screen and (max-width: 1180px) {
	#help, #topsearch, .sub-menu { top: 80px; }
	.sub-menu { margin-left: -15px; }
	header { height: 80px; }
	article { margin-top: 80px; }
	div.logo { width: 200px; }
	.icons ul li { padding: 10px; }
	.icons ul li div { height: 18px; }
	.icons ul li.onlytablet div { margin-bottom: 15px; }
	.icons ul li i { font-size: 20pt; margin-bottom: 5px; }
	nav.menu ul li { padding: 0 10px;  line-height: 80px; }
	.top_img h1 { padding-top: 70px; }
	article { font-size: 13pt; }
	h3.widgettitle { font-size: 32pt; line-height: 40px; }
	h3.widgettitle span { font-size: 26pt; margin-top: -15px; }
	.espaceclient input { width: 150px; }
}

@media only screen and (max-width: 870px) {
	.sub-menu { top: 160px; }
	.onlytablet { display: block; }
	.top_img h1 { padding-top: 30px; font-size: 28pt; }
	footer .wrapper .div33 { width: 100%; float: none; max-width: 310px; margin: 0 auto; margin-bottom: 20px; }
	div.logo { padding-top: 12px; } 
	nav.menu { position: fixed; top: 80px; left: 0; right: 0;  background: rgba(255, 255, 255, 0.9); display: none; border-top: 1px #dfdfdf solid; }
	nav.menu ul li { padding: 0 20px; }
	nav.menu ul li:first-child {  border-left: 0; }
	
		.div20, .div25 { width: 25%; float: left; }
	.div33, .div30, .div40 { width: 50%; float: left; }
	.div66, .div70, .div60 { width: 60%; float: left; }
	.div80, .div75 { width: 75%; float: left; }
	
	.tablethide { display: none; }
	
	    .text_col_left, .text_col_right {
      width: 95%;
      float: none;
    }
    .main_img {
      display: none;
    }
    .tablet_mainimg {
      display: block;
    }
    .tablet_mainimg img {
      margin-bottom: 30px;
    }
    .showcomments_ , .showcomments_oui, .showcomments_ou, .showcomments_o {
      padding-top: 60px;
    }
}

@media only screen and (max-width: 668px) {
	
	    .share td {
      display: block;
    }
	
	.onlymobile, a.onlymobile { display: block; }

	nav.menu ul li { padding: 0 15px; }

}
@media only screen and (min-width: 481px) and (max-width: 668px) {
	.sub-menu { max-height: 180px; overflow: auto; }
	}
@media only screen and (max-width: 580px) {
	
	header { height: 160px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	article { margin-top: 160px; }
	header .logo {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	header.header-alt { background: rgba(255, 255, 255, 0.98); }
	header div.icons { float: none; max-width: 360px; margin: 0 auto; margin-top: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	header.header-alt div.icons {margin-top: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	header.header-alt .logo {height: 0; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	header.header-alt { height: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	.icons ul li { padding: 10px 14px; }
	.div20, .div25, .div33, .div30, .div40, .div66, .div60, .div80, .div75, .div70, .div50 { width: 100%; float: none; }
	.top_bar .div20 { width: 25%; float: left; }
	.top_bar .div80 { width: 75%; float: left; }
	.top_img h1 {
    padding-top: 25px;
    font-size: 20pt;
    margin: 0;
    line-height: 30px;
}
nav.menu { top: 0px; padding: 10px; box-shadow: 0 0 10px #000 inset, 0 0 10px #000 inset;
    left: 80px;
    bottom: 0px;
    position: fixed;
    display: none;
    right: 0;
    background: rgba(41, 35, 30, 0.97);
    border-top: 0; overflow: auto; }
	div.logo {
    padding-top: 12px;
    top: 0;
    position: absolute;
    padding-right: 0;
    left: 50%;
    margin-left: -100px;
}

nav.menu ul li { float: none; border: 0px; padding: 5px 15px; line-height: 30px; text-align: center; }
nav.menu ul li a { color:#fff; }
nav.menu ul li div.sub-menu img { display: none; }
nav.menu ul li div.sub-menu {
    position: relative;
    top: 0;
    width: 100%;
    margin-left: -10px;}
nav.menu ul li ul.sub-menu a { color:#000; }
}
/* kuba */
.entry-header {position: relative!important;}
.clearfix, footer {clear: both;}

article {background-repeat: repeat-y;}

.text_intro::first-letter {
	color: #00a4da;
    font-size: 5em;
    font-family: times;
    float: left;
margin: 10px 10px 10px 0;}

.single-post .navigation.post-navigation {
	display: none;
}
nav.menu ul.sub-menu {margin-left: -20px;}
nav.menu ul.sub-menu:before {
	content: " ";
	width: 31px;
	height: 15px;
	background: url(./images/triangle.png);
	position: absolute;
	margin-top: -15px;
	left: 10px;
}

#menu-footer-menu {
	float: none!important;
}
#menu-footer-menu a:after {
	content:"«";
	    color: #bdad9e;
    margin-left: 5px;
}
/*kuba resp*/
@media (min-width: 870px){
.blog_list {display: flex;}
.menu-item-has-children:hover .sub-menu {
	display: block!important;
	position: absolute;
	
}
}
@media (max-width: 870px){
.showsub .sub-menu {
	display: block!important;
	position: relative;
	    display: block!important;
    position: relative;
    width: auto;
    margin: 0 auto;
    top: 0!important;
	margin-left: 0!IMPORTANT;
}
.showsub .sub-menu:before {
	content: none!important;
}
}
.noborder .lang {    opacity: 0;
    pointer-events: none;}
	@media (min-width: 870px) and (max-width: 1100px) {nav.menu ul li {padding: 0px 3px;font-size: 14px}}
	@media (min-width: 1101px) {nav.menu ul li {padding: 0px 10px;}}