/*========================================================================================
    * Filename:         style.css
    * Description:      Global styles
    * Version:          1.0 (2015-11-11)
========================================================================================*/

/*========================================================================================
    1. Global settings
========================================================================================*/
@media screen {
    html,
    body        { width: 100%; color:#231f20; }
    #wrap-bg    { position: relative; min-height: 100%; height: auto !important; height: 100%; overflow:auto; }
}

html { font-size: 16px; }
body { font-style: normal; font-size: 100%; line-height: normal; }
html, body, input, select, textarea, th, td { font-family: 'Open Sans', Arial, sans-serif; }

h1      { font-size: 18px; }
h2      {  font-size: 36px;font-weight:bold;}
h3      { font-size: 30px;text-shadow: 0px 2px 2px rgba(0,0,0,0.26); text-transform:uppercase;line-height: normal;}
.page-2 h3      { font-size: 48px;}
h4      { font-size: 30px; }
h5      { }
h6      { }

a:link, a:visited   { text-decoration: none; color:#eab611; }
.no-touch a:hover, a:active { text-decoration:none; color:#231f20; }

* { -webkit-text-size-adjust: none; outline: none !important; }
button, input[type="text"], input[type="submit"], input[type="file"], input[type="button"], textarea { -webkit-appearance: none !important; border-radius:0; }

/*========================================================================================
        1.1 Grid and containers
========================================================================================*/
.row                { margin:0 -15px; }
.container          { width:1200px;  margin:0 auto; padding:0 15px; }
.container-content  { padding:30px 15px 0px 15px; }
.chosen-container   { width:100% !important; }
body.cke_editable       { height:100%; padding:10px; background-color:#ffffff !important; background-image:none !important;}


[class^='col-'],[class*=' col-'] { padding:0 15px; float:left; }
.padding-left{ padding-left: 15px; }
.padding-right{ padding-right: 15px; }
.col-100    { width:100%; }
.col-50     { width:50%;  }
.col-33     { width:33.3333%; }
.col-66     { width:66.6666%; }
.col-25     { width:25%; }
.col-20     { width:20%; }
.col-75     { width:75%; }

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

/*========================================================================================
        1.2 Effects, hover effects
========================================================================================*/
a, a *, button, button *, input, textarea, .top-menu li a:before, .logo, .btn, .hover-image:before, .hover-image:after, .custom-select > .custom-select-selected:before,
.custom-select > .custom-select-selected, .thumbnails .thumbnail-holder, .breadcrumb li span a:after { -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

#wrap-menu .top-menu > ul > li.active > a,
#wrap-menu .top-menu > ul > li.is-parent > a > i,
#wrap-menu .top-menu > ul > li > ul > li.active > a,
.no-touch #wrap-menu .top-menu li a:hover,
.no-touch #wrap-social-lang .social-links li a:hover,
.phone-email-holder .icon-phone:before,
.phone-email-holder .icon-email:before,
.phone-email-holder .sitemap-link:before,
#newsletter #mandatory-email-Email:focus,
#mini-account a:hover, #mini-account a span,
.list li:before, .no-touch .menu li a:hover, .menu li.active a,
.site-color, #news .news-date,
#news-list .news-date, #news .news-counter span, .gallery-title-h1 .gallery-date,
.form1 .required label, .custom-select > .custom-select-selected.open, .thumbnail .best_price-holder,
.treeview li a.active, div.star-rating-hover, div.star-rating-on, #wrap-menu .burger-menu,
#wrap-menu .top-menu > ul > li.is-parent > a:after, .custom-select.filtered > .custom-select-selected { color:#ffd140; }


.form-control:focus, .pagination li.active *, .no-touch .pagination a:hover,
.form1 .field .captcha1.focused, .form1 .field .input1:focus,
.sitemap, .sitemap li ul, .custom-select > .custom-select-selected.open, .custom-select.filtered > .custom-select-selected { border-color:#ffd140; }

#wrap-menu .top-menu li a:before,
#wrap-menu .top-menu li.active a:before,
.no-touch #wrap-menu .top-menu li a:hover:before,
#newsletter .newsletter-btn,
a.btn, .btn,
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active,
.wrap-map .return-to-coordinates,
.pagination li.active *,
.no-touch .pagination a:hover, .sitemap li:before,
.breadcrumb li span.home a, .thumbnail-promo, .treeview .hitarea { background-color:#ffd140; }


a.hover-image { position:relative; display:block; }
a.hover-image:before { position:absolute; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.3);  z-index:1; content:""; opacity:0; filter:alpha(opacity=0); }
/*a.hover-image:after{ color:#ffffff; content:"\f00e"; font-family:"FontAwesome"; font-size:250%; opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; width:50px; height:50px; bottom:0; margin: auto; padding-top:20%; right:0; line-height:50px; text-align:center;  text-shadow: 0 0 3px #000000; z-index:2; }*/


.no-touch a.hover-image:hover:before { opacity:1; filter:alpha(opacity=100);}
/*.no-touch a.hover-image:hover:after{ padding-top:0; opacity:0.8; filter:alpha(opacity=80); }*/

/*========================================================================================
        1.3 Buttons, select, images, thumbnails
========================================================================================*/
#popup_container {font-size:16px; width:600px;}
a.btn, .btn { border:none; color:#231f20; display:inline-block; padding:9px 20px; text-transform:uppercase; font-weight:bold; }
.btn.popup {width:30%; margin:15px; display:inline-block; margin-top:30px;}
.no-touch a:hover.btn, .no-touch .btn:hover { background:#231f20; color:#ffd140; }
.btn.btn-block { display:block; padding-left:15px; padding-right:15px; text-align:center; width:100%; }

img.img-responsive { max-width:100% !important; width:auto !important; height:auto !important; display:block; margin:auto; }

.custom-select 											{ position:relative; display:block; }
.custom-select > .custom-select-selected 	{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#ffffff; display:block; position:absolute; left:0; top:0; width:100%; height:100%; min-height:37px; line-height:37px; border:1px solid #d0d0d0; padding: 0 30px 0 15px; }
.custom-select > .custom-select-selected:before 			{ content:"\f107"; font-family:"FontAwesome"; font-size:143%; float:right;margin-right:-20px; }
.custom-select > .custom-select-selected.open:before 	{  -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);  transform: rotate(180deg);  }
.custom-select > select 												{ opacity:0;  min-height:37px; min-width:100%; height:37px; line-height:31px; filter: alpha(opacity=0); }

.thumbnails .thumbnail           				{ text-align: center; margin-bottom: 30px; }
.thumbnails .thumbnail-holder    			{ border:1px solid #e5e5e5; background:#ffffff; position:relative; overflow:hidden;}
.thumbnails .thumbnail-holder img    		{-webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;z-index:1;  }
.thumbnails .thumbnail-holder .mask  	{ position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,0.5); color:#fff; left:0; opacity:0; filter:alpha(opacity=0); font-size:20px;z-index:1;}
.thumbnails .thumbnail-holder .mask ul  { padding-top:30%;}
.thumbnails .thumbnail-holder .mask ul li { margin-bottom:10px;}
.thumbnails .thumbnail-holder .mask .category  	{display:block; font-size:25px; line-height:30px; height:30px;padding:0px 15px;margin-top:35%;}
.thumbnails .thumbnail-holder .mask span  	{margin-bottom:15px!important;}
.thumbnails .thumbnail-holder .mask .ligne  	{display:block; margin:0 auto;}
.thumbnails .thumbnail-holder .mask .info  		{padding:8px; border:1px solid;}
.no-touch .thumbnails .hovered .thumbnail-holder    		{ box-shadow:0 2px 5px 2px rgba(0,0,0,0.15); border-color:#bbb; }
.no-touch .thumbnails .hovered .thumbnail-holder img   	{-webkit-transform: scale(1.35);  -ms-transform: scale(1.35);  transform: scale(1.35); }
.no-touch .thumbnails .hovered .thumbnail-holder .mask {opacity:1; filter:alpha(opacity=100); }
.thumbnails .thumbnail-title     	{ padding:10px 15px; background:#ffd140;}
.thumbnails .thumbnail-title a    	{ color:#333;font-size: 20px; font-weight: 500;}
.thumbnails .thumbnail-date      	{ clear: both; font-style:italic; font-size:95%; height:19px; }
.thumbnails .thumbnail-text      	{ clear: both; padding:0 15px 15px; font-size:85%;  }
.thumbnails .thumbnail-photo     {  display:block; position:relative; }
.thumbnails  .thumbnail-photo.hover-image::before     {z-index:3; background:none; }
.thumbnails .thumbnail-prices    	{ padding:0 0 15px 0; }

.thumbnail-promo        			{ width: 200px; position: absolute; top: 30px; left: -55px; text-align: center; line-height: 35px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.thumbnail-promo.shadow 	{ box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.7); }
.thumbnail-promo.top-right  	{ top: 30px; right: -55px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.thumbnail .price-holder,
.thumbnail .best_price-holder,
.thumbnail .reduced_price-holder     { display:inline-block;  padding: 0px 5px; font-size:130%; font-weight:bold;}

.thumbnail .price-holder.old         	{ display:inline-block; font-size:90%; }
.thumbnail .price-holder.old .price  { text-decoration: line-through; font-weight:normal; }
/*========================================================================================
    2. Forms and inputs
========================================================================================*/
.form-control {  background-color: #fff; background-image: none; border: 1px solid #E5E5E5; color: #333; display: block; font-size: 92.85%; height: 40px; line-height: 1.42857; padding: 6px 11px; width: 100%; }

.form1                              { margin-top:30px; margin-bottom:30px; }
.form1 .field                       { margin-top:10px; margin-bottom:10px; }
.form1 .field label                 { padding: 7px; font-size:15px; }
.form1 .required label              { font-weight: bold; }
.form1 .field textarea.form-control { height: 140px; resize:vertical;}

.field .captcha-holder       { position:relative; }
.field .captcha1             { position:absolute; right:0; top:0; border:1px solid #E5E5E5;}
.field .captcha1.focused     { border-style:solid; border-width: 1px; }
.field .checkbox-holder .input-checkbox { margin-right:5px; }

.form1 .field .checkbox-holder,
.form1 .field .radio-holder         { float: left;  padding: 6px; }

.form1 .buttons                     { clear: both; text-align: center;  margin:15px 0; }
.form1 .buttons small               { line-height: 38px; font-style:italic; }


.upload-file-holder { position:relative; display:inline-block; }
.fileUpload { position: absolute; right:15px; top:0; height:100%; line-height:1.8; overflow: hidden; font-size:107%; padding:7px 15px; }
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 142.85%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

.min-height-box { min-height:247px; }

/*========================================================================================
    3. Header
========================================================================================*/

.logo { padding:6px 0 12px 0; }
.logo img { margin:0; }
.no-touch .logo:hover img { opacity:0.5;  filter: alpha(opacity=50);}

.header-info { padding-right:15px; position:relative;}
.header-info .sitemap-link:before { content:"\f0e8"; font-family:"FontAwesome"; font-size:18px; width:auto; text-align:center;  line-height:65px; color:#fff;}
.no-touch .header-info .sitemap-link:hover:before { color:#333333; }
.header-info a.sitemap-link { text-align:center; margin-left:22px;float:left; width:65px; height:65px; background:#ffd140;margin-top:-45px;  }

.phone-email-holder { float:left;padding-top:45px; }
.phone-email-holder li { float:left; }
.phone-email-holder li a { color:#231f20; }
.no-touch .phone-email-holder li a:hover { color:#ffd140; }
.phone-email-holder li:first-child { padding-right:35px;}
.phone-email-holder .icon-phone:before { content:"\f10b"; font-family:"FontAwesome"; font-size:24px;  margin-right:10px; width:auto; text-align:center; float:left; line-height:24px;}
.phone-email-holder .icon-email:before { content:"\f0e0"; font-family:"FontAwesome"; font-size:16px; margin-right:10px; width:auto; text-align:center; float:left;  line-height:24px;}

#wrap-menu-sticky       { width:100%; top:0; left:0; z-index:1002; background:#ffffff;   }
#wrap-menu-sticky.sticky{ position:fixed; top:0; box-shadow:0 0 6px 2px rgba(0,0,0,0.5); border-bottom:none; }

#wrap-header        			{ border-bottom:5px solid #ffd140; }
#wrap-menu .top-menu        { text-align:left;margin-bottom:-5px;}
#wrap-menu .top-menu > ul   { line-height:0; }
#wrap-menu .top-menu > ul > li     { display:inline-block; position:relative; padding:0  22px;  }
#wrap-menu .top-menu > ul > li:first-child    { padding-left:0px;  }
#wrap-menu .top-menu > ul > li:last-child    { padding-right:0px;  }
#wrap-menu .top-menu > ul > li > a { position:relative; color:#231f20; display:block; line-height:54px;text-transform:uppercase; overflow:hidden; text-transform:uppercase; font-weight:bold;}
#wrap-menu .top-menu > ul > li > a::after { background: #fff ; bottom: -5px;  content: ""; height: 5px;  left: 0;  position: absolute; width: 100%;}
#wrap-menu .top-menu > ul > li > a:hover::after, 
#wrap-menu .top-menu > ul > li.active > a::after { bottom: 0;}
#wrap-menu .top-menu > ul > li > ul  { box-shadow: 0 5px 5px -2px rgba(0,0,0,0.4); border:1px solid #E5E5E5; background:#ffffff; display:none; position:absolute; top:100%; min-width:100%; left:0; z-index:1001; }
#wrap-menu .top-menu > ul > li > ul.visible  { display:block; }


#wrap-menu .top-menu > ul > li > ul > li { display:block;  }
#wrap-menu .top-menu > ul > li > ul > li > a { border-bottom:1px solid #E5E5E5; display:block; white-space:nowrap; text-transform:uppercase; padding:10px 15px; line-height:30px; }
.no-touch #wrap-menu .top-menu > ul > li > ul > li > a:hover { background:#f5f5f5; }
#wrap-menu .top-menu > ul > li > ul > li:last-child > a { border-bottom:none; }
#wrap-menu .top-menu > ul > li > a > i            { display:none; position:absolute; width:30px; height:100%;   bottom:-4px; right:0; content:""; }
#wrap-menu .top-menu > ul > li.active > a > i,
.no-touch #wrap-menu .top-menu > ul > li > a:hover > i { bottom:0; }

#wrap-menu .burger-menu { display:none; }

#mini-account { font-size:86%; line-height:20px; color:#333; padding-top:15px; position:absolute;right:80px;}
#mini-account a { padding:0 5px; color:#333; }
.title-account {text-align:center; font-weight:bold; font-size:28px; margin:30px 0px;}
.first-banner h2, .second-banner h2 {font-size:25px;}
/*========================================================================================
    3. Header Modules
========================================================================================*/

/*========================================================================================
        3.1 Newsletter
========================================================================================*/

#newsletter                             { margin:9px 0 9px 0px; float:right; }
#newsletter .newsletter-btn             { width:40px; height:40px; float:right; text-align:center;  border:none; color:#ffffff; }
#newsletter .newsletter-btn:before      {  content:"\f0e0"; font-family:"FontAwesome"; font-size:128.5%; }
.no-touch #newsletter .newsletter-btn:hover { background-color: #333333; }
#newsletter #mandatory-email-Email { border-right:0; min-width:160px; color:#999999; max-width:160px; display:inline; }

/*========================================================================================
        3.2 Home Slider
========================================================================================*/
.wrap-slider { overflow:hidden; }
.wrap-slider li img { width:100%; }
.wrap-slider li .slider-caption { position: absolute; left: 0; top:0; bottom:0; right:0;  text-align: center;  color:#ffffff; text-align:left;  }
.wrap-slider li .slider-caption .slider-text h2 {  display:block;   font-size:48px; text-shadow: 0px 2px 2px rgba(0,0,0,0.26);line-height:normal; font-weight:bold; line-height:57px; margin-bottom:45px; text-align:left;}
.wrap-slider li .slider-caption .slider-text { font-size:36px; line-height:40px; display:block;text-shadow: 0px 2px 2px rgba(0,0,0,0.26);}
.wrap-slider li .slider-caption .slider-text img { margin-top:55px;}

#homeslider-slider .bx-wrapper .bx-next {right:0;}
#homeslider-slider .bx-wrapper .bx-prev {left:0;}
#homeslider-slider .bx-wrapper .bx-controls-direction a     {top:55%; z-index:99;} 
#homeslider-slider .bx-controls-direction  .bx-prev:before {  width: 26px; height: 26px; display: block; border-top: 2px solid #161616; border-left: 2px solid #161616;  -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg);  transform: rotate(315deg);  position: absolute; content:""; left:10px;}
#homeslider-slider .bx-controls-direction  .bx-prev:after {background:#ffffff; position:absolute; height:80px; width:40px;content:"";left:0; top:-28px; z-index:-1;}
#homeslider-slider .bx-controls-direction  .bx-next:before {  width: 26px; height: 26px; display: block; border-bottom: 2px solid #161616; border-right: 2px solid #161616;  -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg);  transform: rotate(315deg);position: absolute; content:""; }
#homeslider-slider .bx-controls-direction  .bx-next:after {background:#ffffff; position:absolute; height:80px; width:40px;content:"";right:0; top:-28px; z-index:-1;}
.no-touch #homeslider-slider .bx-wrapper .bx-prev:hover:after, .no-touch #homeslider-slider .bx-wrapper .bx-next:hover:after{ background:#ffd140; }  

/*========================================================================================
    4. Content elements
========================================================================================*/

.wrap-h1 {padding:20px 0; text-align:center; }
.box { padding:20px 30px; border:1px solid #e5e5e5; border-bottom:3px solid #e5e5e5; }
.box h2 { margin-bottom:20px; }

/*========================================================================================
        4.1 Lists
========================================================================================*/
.list                   { }
.list li                { padding:10px 0; list-style-type:none; }
.list li:before         { content:url(../photo/ckeditor/paw.png); margin-right:10px;  }

.btns-list  { margin:15px 0; }
.btns-list li { display:inline-block; margin:10px; }

/*========================================================================================
        4.2 Pagination
========================================================================================*/
.pagination             { clear: both; float: left; display: table; width: 100%; line-height: 25px; text-align: center; margin:15px 0; border-top:1px solid #E5E5E5; padding-top:15px; }
.pagination li          { display:inline-block; margin:0 1px; }

.pagination li.pagination-prev { margin: 0 1px 0 0; }
.pagination li.pagination-next { margin:0 0 0 1px; }

.pagination li i        { font-size:130%; }
.pagination span        { display: block; overflow: hidden; padding: 5px 15px; border-width: 1px; border-style: solid; text-decoration: none; background: #333333; color: #ffffff; border-color: #333333; }

.pagination a { display: block; overflow: hidden; padding: 5px 15px; border-width: 1px; border-style: solid; text-decoration: none; background: transparent; color: #333333; border-color: transparent; }

.pagination-next a,
.pagination-prev a { background: #333333; color: #ffffff; border-color: #333333; }

.no-touch .pagination a:hover     { color: #ffffff;  }
.pagination li.active * { color: #ffffff; font-weight:bold;}
.pagination .disabled   { background: #ffffff; color: #E5E5E5; border-color: #E5E5E5; }


/*========================================================================================
        4.3 Breadcrumbs + tree sitemap + no results container "empty-bdd"
========================================================================================*/

.breadcrumb             { margin: 20px 0; }
.breadcrumb li          { list-style-type: none; float:left;  position:relative; }
.breadcrumb li span     { background:#e5e5e5; position: relative; float:left;  line-height: 30px; white-space:nowrap; }
.breadcrumb li span a   { display:block; position: relative; line-height: 30px; text-align:center; padding:0 5px 0 25px;}
.breadcrumb li span a:hover { background: #333333; color:#ffffff; }
.breadcrumb li span a:hover:after   { border-left-color: #333333; }

.breadcrumb li span.home    { padding:0; }
.breadcrumb li span.home a  {   padding: 0px 5px 0 10px; color: #ffffff;  }
.breadcrumb li.last span    { padding:0 5px 0 25px;}

.breadcrumb li a:after, .breadcrumb li a:before,
.breadcrumb li.last span:after, .breadcrumb li.last span:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  z-index:1;
}

.breadcrumb li a:after, .breadcrumb li.last span:after {
	border-color: rgba(26, 157, 211, 0);
	border-left-color: #e5e5e5;
	border-width: 15px;
	margin-top: -15px;
}
.breadcrumb li.first a:after {
  border-left-color: #1A9DD3;
}

.breadcrumb li a:before, .breadcrumb li.last span:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 18px;
	margin-top: -18px;
}


.empty-bdd { padding:100px 0; text-align: center; }

.sitemap 	{ border-width:0 0 0 1px; border-style: solid; display:table; margin:0 auto; }
.sitemap li a 	{ text-align: left; margin:5px 0; }
.sitemap li    { display:block; padding-left:30px; position:relative; }
.sitemap li:before { position:absolute;  width:28px; height:1px; left:0; top:22px;  content:""; }
.sitemap li ul { border-width:0 0 0 1px; border-style: solid; }
.sitemap li ul li { padding-left:30px;  }

/*========================================================================================
        4.4 Filters
========================================================================================*/

.filters { padding:50px 0; background:#E5E5E5; }


/*========================================================================================
        4.5 Loaders , separators , highlight, alerts
========================================================================================*/
.loading-full           { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; }
.loading-elem           { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; }

.s1                     { height: 1px; margin: 10px 0; background: #333333; }

.highlight              { color: #CC0000; }

.alert { padding:15px 15px 15px 50px; margin:15px 0; border:1px solid; position:relative; }
.alert:before { font-size:150%; font-family:"FontAwesome"; position:absolute; left:5px; top:0; width:40px; height:40px; bottom:0; text-align:center; line-height:40px; margin: auto; }

.alert-success { color:#1E9E74; background: #b7ecdb; border-color:#97d4c0; }
.alert-success:before { content:"\f00c"; color:#1E9E74; }

.alert-error { color:#e7a808; background: #fff9ea; border-color:#f0dcaa; }
.alert-error:before { content:"\f071"; color:#e7a808; }

.alert.alert-label { background:transparent; border:none; padding: 0 0 0 30px; font-weight:bold;}
.alert.alert-label:before { font-size:100%; height:23px; line-height:23px; text-align:left; width:auto; font-weight:normal; }

.tooltip-holder { background:#ffffff; box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.2); margin-top:-15px; padding:20px 0; border:1px solid #c0c0c0; }
.tooltip-holder .tooltip-title { border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:15px; font-size:136%; font-weight:700; text-transform:uppercase; }
.tooltip-holder > div { min-width:400px; max-width:400px; max-height:350px; overflow:auto; padding:15px 25px; background:#ffffff;   }
.tooltip-holder:after, .tooltip-holder:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.tooltip-holder:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; }
.tooltip-holder:before { border-color: rgba(229, 229, 229, 0); border-top-color: #c0c0c0; border-width: 11px; margin-left: -11px; }

.tooltip-holder.arrow-left:after, .tooltip-holder.arrow-left:before { left:10%; }
.tooltip-holder.arrow-right:after, .tooltip-holder.arrow-right:before { left: auto; right:10%; }

/*========================================================================================
    5. Footer elements
========================================================================================*/
#wrap-footer 										{position:relative;z-index:10; }
#made-by 											{float:right;padding-top:10px;}
#made-by a 										{background:url(../images/logo-in.png) no-repeat; display: block; height: 16px;margin: 0 auto;  width: 44px;}
#made-by a:hover 								{background:url(../images/logo-in-hover.png) no-repeat;}
.burger-menu-footer 							{display:none;}

/*========================================================================================
        5.1 Footer menu
========================================================================================*/
.menu       						{ text-align:center; padding:22px 80px 22px 30px; background:#231f20; }
.menu .bottom-menu       { float:left;}
.menu li    						{display:inline-block; padding:0 20px; line-height:30px;}
.menu li a  						{ color:#fff; font-size:14px; text-transform:uppercase;}
.no-touch .menu li a:hover,
.menu li.active a				{color:#ffd140; }
/*========================================================================================
        5.2 Google map
========================================================================================*/
.wrap-map 			{ position:relative; }
.wrap-map #info 	{ position:absolute; width:100%; height:100%; background: rgb(0,0,0); background: rgba(0,0,0,0.6); left:0; top:0; z-index:10; color:#ffffff; text-align: center; }
.wrap-map #info h3  { margin-bottom:10px; font-size:24px; font-weight:700; text-align: center; }

.wrap-map #info .plan-icons { text-align:center; margin: 0 auto; width: auto; display: table; position:relative; }
.wrap-map #info .plan-icons:after{ position:absolute; border-bottom:1px dashed #fff; width:230px; top:-20px; left:0; right:0; margin:0 auto; height:1px; margin-bottom:30px; content:"";}

.wrap-map #info .plan-icons li { float:left; margin:0 5px; }
.wrap-map #info .plan-icons li a { display:block; width:50px; height:50px; background: rgba(255, 255, 255, 0.10); color:#ffffff; text-align:center; line-height:50px; font-size:30px; }
.no-touch .wrap-map #info .plan-icons li a:hover { background: rgb(255, 255, 255); color:#333;  }
.no-touch .wrap-map #info .plan-icons li i{ line-height:50px;display:block;font-size:20px;  }

.wrap-map #info .plan-icons li a.icon-mobile-phone i {  top:4px !important; font-size:30px; }
.wrap-map #info .plan-icons li a.icon-envelope { position:relative; }
.wrap-map #info .plan-icons li a.icon-envelope:after {content:"\f0e0"; font-family:"FontAwesome"; font-size:16px;  width:auto; line-height:50px; text-align:center; display:block; }
.wrap-map #info .plan-icons li a.icon-clock.active i:before { content:"\f015"; }

#address-holder { display: none;  }
#clock-holder { display: none; }
#address-holder.active { display: block;  }
.wrap-map #info .info-address,
.wrap-map #info .info-schedule { font-size:16px; padding:5px 0 30px 0; text-align: center;  position:relative; line-height:24px; }

.wrap-map .return-to-coordinates {  -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s;  display:none; position:absolute; width:40px; height:40px; color:#ffffff; text-align:center; line-height:40px; font-size:164%;  left:11px; bottom:75px; z-index:1000;  }
.no-touch .wrap-map .return-to-coordinates:hover { background:#333333; color:#ffffff;}
/*========================================================================================
    6 Modules
========================================================================================*/

/*========================================================================================
            6.1 Comments
========================================================================================*/

.comment { margin:0 0 15px 0; border-bottom:1px solid #E0E0E0; padding-bottom:15px;}
.comment h3 { margin:10px 0; }
.comment .date-comment { font-style:italic; color:#999999;}
.comment:last-child { border:none; }
.comments-holder { margin:15px 0; }

/*========================================================================================
        6.2 News
========================================================================================*/

/*========================================================================================
            6.2.1 News homepage
========================================================================================*/
.content-management .paragraph.paragraph-45   {padding:55px 0px 45px 0px;}
#news                           { clear: both; margin-top:50px;}
#news .news-title               { font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:15px; padding-top:15px; color:#333333; font-weight: 700; width: 80%; float: left; }
#news .news-date                { font-style:italic; margin:15px 0; }
#news .news-photo               { float: left; }
#news .news-photo img               { max-width:635px!important; }
#news .news-text                { text-align: left; margin-bottom:15px; height:96px; overflow:hidden; position:relative; line-height:24px; color: #333;clear: both;}
#news .news-btn                 { margin-top:30px; }
#news .news-btn:hover                 { background:#222222; color:#fff;}
#news .news-counter:before  	{ content:""; background: #231f20; width: 30px; height: 3px; position: absolute; left:0px; bottom: 4px; }
#news .news-counter 				{ color:#ffd140; padding-left: 42px; font-size: 40px; font-weight: bold;display:block; position:relative;line-height:40px;}
#news .news-holder { background: #ffffff; margin-bottom:20px; margin-top:60px; float:left; margin-left:-58px; padding:45px 50px 55px 90px;  text-align:left !important; width:635px;
-webkit-box-shadow: 3px 6px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow:  3px 6px 8px 0px rgba(0,0,0,0.15);
box-shadow: 3px 6px 8px 0px rgba(0,0,0,0.15);}

#news .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { top:215px; }
#news .bx-wrapper .bx-pager.bx-default-pager a {background-color:#dedede; box-shadow:none; height:15px; width:15px;}
#news .bx-wrapper .bx-pager.bx-default-pager a.active,#news .bx-wrapper .bx-pager.bx-default-pager a:hover {background-color:#231f20; }
#news .bx-wrapper .bx-pager { width:30px; }
#news .bx-wrapper .bx-pager, #news .bx-wrapper .bx-controls-auto { left: 50%;margin-left: -30px; }
#news .bx-pager-item { margin-bottom:14px; }

/*========================================================================================
            6.1.2 News list
========================================================================================*/
#news-list .news                			{ margin: 0 0 10px 0;}
#news-list .news-inner               	{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc;}
#news-list .news.well .news-inner  {border:none;margin-top:0px;padding-top:0px;}
#news-list .news.well           			{ margin: 0 0 25px 0; padding-bottom:25px; position:relative;}

#news-list .news-title h2       		{ margin: 0px 0px 10px 0px;font-weight: bold; font-size:17px; text-transform:uppercase; text-align:left;font-family:"Open Sans"; }
#news-list .news-photo          		{ float: left; margin: 0 30px 30px 0;  }
#news-list .news-text           		{ text-align: justify; margin:0 0 15px 0; }
#news-list .news-date           		{ font-style:italic; }


/*========================================================================================
        6.3 Content management
========================================================================================*/

.content-management                         			{ }
.content-management .paragraph              	{ padding:45px 0;  }
.content-management .paragraph-text         	{ text-align:justify;}
.content-management h2 								{text-align:center; margin-bottom:20px;}
.content-management .paragraph-text h2 span	{color:#ffd140;}

/*Paragraph 100%*/
.content-management .paragraph-simple-holder { padding:0;  }

/*Paragraph Images*/
.content-management .paragraph-images-holder { padding:0;  }
.content-management .paragraph-images-holder ul li { width:25%; float:left; }

/*Image fond paragraph */
.content-management .paragraph.paragraph-image-fond-holder{ padding:0;  color:#ffffff; }
.content-management .paragraph.paragraph-image-fond-holder .paragraph-container .table-cell-holder { padding:100px 0 80px 0px; background:rgba(0,0,0,0.5); }
.content-management .paragraph.paragraph-image-fond-holder .paragraph-text { text-align:center; font-size:18px; line-height:22px;}
.page-2 .content-management .paragraph.paragraph-image-fond-holder .paragraph-container .table-cell-holder  {background:none;}
.content-management .paragraph.paragraph-image-fond-holder.paragraph-4 .paragraph-container .table-cell-holder  {background:none; padding:180px 0px 250px 0px;}
.content-management .paragraph.paragraph-image-fond-holder.paragraph-41 .paragraph-container .table-cell-holder  {background:none; padding:60px 0px;}

/*Image left & Image right paragraph */
.paragraph.paragraph-images-left-holder .paragraph-images    { float: left;  text-align:left;}
.paragraph.paragraph-images-left-holder .paragraph-text,
.paragraph.paragraph-images-right-holder .paragraph-text  { text-align:center; }
.paragraph.paragraph-images-right-holder .paragraph-text  h2 { text-align:center; }
.paragraph.paragraph-images-right-holder .paragraph-images   { float: right;  text-align:right;}
.paragraph-images-left-holder .container,
.paragraph-images-right-holder .container {padding:0px;}

/*Image left & Image right bordered paragraph */
.container-small { margin: 0 auto;  width: 1500px;}
.paragraph.paragraph-images-left-holder.border .paragraph-images    { float: left; margin: 0 0 15px 0; text-align:left; position: relative;}
.paragraph.paragraph-images-left-holder.border .paragraph-title,
.paragraph.paragraph-images-right-holder.border .paragraph-title{ padding-bottom:5px;}
.paragraph.paragraph-images-left-holder.border .paragraph-title h2  { text-align:left; position:relative;}
.paragraph.paragraph-images-left-holder.border .paragraph-text  { padding-left:60px;position:relative;text-align:justify;}
.paragraph.paragraph-images-right-holder.border .paragraph-images   { float: right; margin: 0 0 15px 0; text-align:right; position: relative;}
.paragraph.paragraph-images-right-holder.border .paragraph-title h2  { text-align:right; position:relative; margin-bottom:10px;}
.paragraph.paragraph-images-right-holder.border .paragraph-text  { padding-right:60px;position:relative;text-align:justify;}
.paragraph.paragraph-images-right-holder.border .paragraph-images a::after       {  height:0;position: absolute; border: 12px solid; border-color: rgba(255,209,64,0.5); top: 3%; width: 110%; content: "";  left:-5%; z-index:-1;}
.paragraph.paragraph-images-left-holder.border .paragraph-images a::after       {  height:0; position: absolute; border: 12px solid; border-color: rgba(55,209,64,0.5); top: 3%; width: 110%; content: ""; right: -5%;z-index:-1; }
.paragraph.paragraph-images-right-holder.border .paragraph-images a.changed::after       {  height:106%;-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease; }
.paragraph.paragraph-images-left-holder.border .paragraph-images a.changed::after       {  height:106%;-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease; }
.paragraph.paragraph-images-right-holder.border .paragraph-images img,
.paragraph.paragraph-images-left-holder.border .paragraph-images img {width:100%!important; height:auto!important;}
.paragraph.paragraph-images-right-holder.border,
.paragraph.paragraph-images-left-holder.border {padding-bottom:80px;overflow:hidden;}
.paragraph.paragraph-images-right-holder.border a,
.paragraph.paragraph-images-left-holder .bordera {position:relative;}


/*Others*/
.combined-paragraph {text-align:left; padding:20px 0px 30px 0px;}
.combined-paragraph .btn {margin-top:30px; padding:12px 25px;font-size:18px; margin-bottom:20px;}
.combined-paragraph h4 {position:relative; padding-bottom:25px; margin-bottom:5px;  }
.combined-paragraph h4:after  { content:"";background:#ffd140; height:4px; width:100px; bottom:0; left:0;right:auto; position:absolute; }


.paragraph-46 .columns-paragraph {margin-top:-170px;margin-bottom:15px;}
.columns-paragraph.circle .col-33 > div img  {width:60%!important;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; border:1px solid #e9e8e8;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.2s; }
.columns-paragraph.circle .col-33 > div img:hover {-webkit-border-radius: 5%;-moz-border-radius: 5%;border-radius: 5%;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.columns-paragraph.circle .description {min-height:100%;}
.columns-paragraph.circle .col-33 > div  {box-shadow:none;}
.columns-paragraph .col-33 > div{box-shadow:0 2px 5px 0px rgba(0,0,0,0.1);}
.columns-paragraph .description {padding:30px; background:#fff; text-align:center;min-height:395px; line-height:22px;}
.columns-paragraph .description .title {font-size:25px;color:#333333; line-height:normal; border-bottom:1px solid #e9e8e8; display:block; margin-bottom:25px;padding:0px 10px 15px 10px;position:relative;}
.columns-paragraph .description .title:after {position:absolute; content:"";background:#fff url(../photo/ckeditor/paw.png) no-repeat center center; bottom:-10px;left:0;right:0; margin:0 auto;width:27px; height:21px;}
.no-touch .columns-paragraph .description a.title:hover {color:#eab611;}
.columns-paragraph .description a.title:hover:after {background:#fff url(../photo/ckeditor/paw-black.png) no-repeat center center;}


.special-paragraph img{display:block;}
.no-touch .special-paragraph a.hover-image:hover:before { opacity:0.4; filter:alpha(opacity=40);}
.special-paragraph .border {position:relative;padding:0px 35px 0px 45px; float:left;margin-top:60px;} 
.special-paragraph .border:after {border:10px solid rgba(255,255,255,0.5); content:"";position:absolute; height:85%;width:105%; left:0;top:0;z-index:2;} 
.special-paragraph .block-first, 
.special-paragraph .block-second{float:left;position:relative;margin-top:50px;z-index:3;}
.special-paragraph .block-first{margin-right:-55px;z-index:4;margin-top:-60px;}
.special-paragraph .block-first img,
.special-paragraph .block-second img{-webkit-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow:  8px 8px 8px 0px rgba(0,0,0,0.15);
box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.15);}
.special-paragraph .block-last{ float:right;position:relative;z-index:0;}


.double-background {display:inline-block;  position:relative;font-size:25px; font-weight:bold; margin-top:20px;line-height:normal;}
.double-background .black{padding:8px 25px; background:#231f20;float:left; color:#fff;}
.double-background .white{padding:8px 25px; background:#fff;color:#231f20;float:left;}
.double-background .middle {background:#ffd140; font-size:18px;color:#231f20; width:32px; height:32px;float:left;margin-left:-16px; margin-right:-16px; position:relative; margin-top:10px;line-height:29px; border-radius:50%;text-align:center;}


.paw-after {position:relative;padding-bottom:30px; margin-bottom:35px;margin-top:15px;}
.paw-after::after {position:absolute; content:"";background:url(../photo/ckeditor/paw-gris.jpg) no-repeat center center; bottom:-10px;left:0;right:0; margin:0 auto;width:100%;height:21px;}
.paw-after::before {position:absolute; content:"";background:#e2e2e2; bottom:0px;left:0;right:0; margin:0 auto;width:300px; height:1px;width:300px; height:1px;}


.mix-holder {background:#231f20; color:#fff;}
.mix-holder img{display:block; width:100%!important; height:auto!important;}
.mix-holder .text {padding:35px; text-align:left;}
.mix-holder .text h2 {font-weight:normal;}
.mix-holder .btn { border:1px solid #ffd140; float:right; background:#231f20; color:#ffd140;}
.no-touch .mix-holder .btn:hover {background:#ffd140; color:#231f20;}


.ribbon-top {position:relative;}
.ribbon-top h2 {position:absolute; color:#ffd140; font-style:italic; bottom:15%; font-size:25px; background:rgba(0,0,0,0.5); padding:20px 50px;}


.paragraph-custom {text-align:center;}
.paragraph-custom h2 {line-height:45px;}

/*========================================================================================
        6.4 Web directory
========================================================================================*/

#web-directory-desc             { width: 100%; margin: 10px auto; }
#web-directory-desc p           { padding: 10px 0; text-align: center; }

table#web-directory             { width: 100%; margin: 0 auto; }
table#web-directory td          { padding: 0 10px 0 0; vertical-align: top; }
table#web-directory img         { float: left; margin: 3px 5px; }


/*========================================================================================
        6.5 User
========================================================================================*/

#account-home-nav                       { overflow: hidden; border:none; margin-bottom:-1px !important; z-index:99; }
#recover-pass                           { display: none; }

/*========================================================================================
        6.6 Gallerylist
========================================================================================*/
.category-menu 											{margin-bottom:30px; background:#f8f8f8;}
.category-menu h2 										{overflow:hidden; text-align:center;}
.category-menu h2 a 									{font-size:25px; padding-bottom:25px;margin-bottom:15px; margin-top:0px;}
.category-menu a 										{color:#231f20; display:block;}
.category-menu ul a 										{font-weight:bold;}
.category-menu .treeview .hitarea					{margin:9px 0px;}
.no-touch .category-menu a:hover	 			{color:#ffd140;}
.container-content .btn									{padding:8px 20px;}
.gallery-price,.gallery-categories						{background:#f8f8f8; padding:10px 20px;margin:10px 0px;}
.gallery-price													{background:#ffd140;}
#gallery-detail .gallery-title                  			{ color:#ffd140;margin:0 0 15px 0; }
#gallery-detail .gallery-title h2                 		{ font-size:25px; }
#gallery-detail .gallery-text                   			{ text-align:justify;}
#gallery-detail .bx-wrapper .bx-controls-direction a { color:#333333; }
#gallery-detail .bx-wrapper .bx-controls-direction a:hover { color:#666666; }
#gallery-detail .bx-wrapper .bx-controls-direction .bx-prev { left:-40px; }
#gallery-detail .bx-wrapper .bx-controls-direction .bx-next { right:-40px; }
#gallery-detail .gallery-thumbnails-holder { margin:10px auto; max-width:85%; }
#gallery-detail .gallery-thumbnails-holder a:hover img{ margin:10px auto;}

/*========================================================================================
        6.7 Scheduler
========================================================================================*/
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    color: #333 !important;
}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    color: #333 !important;
}

.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .active a,
.ui-tabs-nav .active a span {
    color: #333 !important;
    text-shadow: none;
        background: #ffd140;
}

.ui-tabs-nav .ui-tabs-disabled a:active {

    color: #fff !important;
}



.ui-tabs-nav a:active,
.ui-tabs-nav .active a,
.ui-tabs-nav .active a span {
    color: #333 !important;

}

.ui-tabs-nav li {
  border: 1px solid #E5E5E5;
  border-bottom: 0;

}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    color: #333 !important;

}
.ui-tabs .ui-tabs-panel {padding:20px;}
.account-box table thead {background:#f8f8f8;border: 1px solid #e5e5e5;}
.account-box table thead th {padding:10px;}
.wrap-schedule { padding:0px;}
.wrap-schedule .title {padding:70px 0px; background:url(../photo/ckeditor/yellow-background.jpg) no-repeat center center; background-size:cover; text-align:center; margin-bottom:30px;margin-top:-5px;}
.wrap-schedule .title h2 {color:#fff;text-shadow: 0px 2px 2px rgba(0,0,0,0.26); }
.wrap-schedule .wrap-steps select{width:100%;height:35px;line-height:35px; margin-top:20px;}
.wrap-schedule .wrap-steps {padding:20px; background:#f8f8f8;}
.wrap-schedule .wrap-steps .center{text-align:center;}
.wrap-schedule .wrap-steps .double-background{font-size:19px; margin-bottom:20px;}
.wrap-schedule .wrap-steps .double-background .middle{margin-top:6px;}
.wrap-schedule .wrap-steps i {font-size:12px; color:#ffd140; margin-right:5px;}
.wrap-schedule .wrap-steps i.red{color:#cd0909;}
.wrap-schedule .wrap-steps .legend{padding:15px; background:#fff;margin-top:15px;}
.wrap-schedule .wrap-steps .legend h4{font-size:16px;font-weight:bold;margin-bottom:5px;}
.wrap-schedule .schedule {width:100%; margin:0px auto;padding:30px 0px; }
.wrap-schedule .schedule .fc-view-container .fc-scroller { overflow-x:scroll!important; max-height:265px;}
.wrap-schedule .schedule .fc-view-container .fc-scroller .fc-list-empty { background:#231f20; font-size:18px; font-weight:bold; color:#ffd140;}
.wrap-schedule .schedule .fc-toolbar h2{ font-size:25px;}
.wrap-schedule .schedule .fc-event{color:#333;background:#ffd140; border-color:#ffd140;padding:10px 0px; text-align:center;}
.wrap-schedule .schedule .participants {display:none;}
.page-confirmation h2 {margin-bottom:30px; }
.page-confirmation {padding:70px 0px;text-align:center; background:#f8f8f8;}
.page-confirmation .btn {margin-bottom:20px;}
span.number { font-size:20px;font-weight:bold; margin-right:15px; display:inline-block; width:30px;border-radius:10%; text-align:center;}
#calendar {background:#f8f8f8;padding:20px;}
#order_detail h2 { margin-bottom:15px}

.hover-end{padding:0;margin:0;font-size:75%;text-align:center;position:absolute;bottom:0;width:100%;opacity:.8}