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

/*========================================================================================
    1. Global settings
========================================================================================*/

@media screen {
    html,
    body        { width: 100%;background: #333; color: #fff; }
    #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: 1.6; }
html, body, input, select, textarea, th, td { font-family: 'Open sans', Arial, sans-serif; }

h1      { font-size: 137.5%; }
h2      { font-size: 200%; text-transform:uppercase; }
h3      { font-size: 125%; }
h4      { font-size: 118.5%; }
h5      { font-size: 112.5%; }
h6      { font-size: 106%; }

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

* { -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; }
/*.home-news-holder .container          { width:1000px;  margin:0 auto; padding:0 15px; }*/
.container-content  { padding:30px 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; }

.no-touch a:hover, a:active,
.no-touch #wrap-social-lang .social-links li a:hover,
.phone-email-holder .icon-phone:before,
.phone-email-holder .icon-email: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:#f16623; }
.phone-email-holder .sitemap-link:before    { color: #8f8f8f;}
.no-touch #wrap-menu .top-menu li a:hover,
.no-touch #wrap-menu .top-menu li a.open,
.no-touch #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     { background: #212121;}

 .pagination li.active *, .no-touch .pagination a:hover,
.form1 .field .captcha1.focused,
.sitemap, .sitemap li ul, .custom-select > .custom-select-selected.open, .custom-select.filtered > .custom-select-selected { border-color:#f16623; }
.form1 .field .input1:focus,
.form-control:focus     { border-color: #fff; font-style: italic; background: rgba(30,30,30,0.4);}

#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:#f16623; }


a.hover-image { position:relative; display:block; }
a.hover-image:before { position:absolute;
position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(253,187,100,0) 0%, rgba(253,187,100,.3) 100%);
	background: linear-gradient(to right, rgba(253,187,100,0) 0%, rgba(253,187,100,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);          }
a.hover-image:after{ color:#ffffff;
position:absolute;
 top:0;
left:0;
 bottom:0;
right:0;
background: rgba(0,0,0,0.2);
width: 100%;
height: 100%;
 opacity:0;
content:'';
 }


.no-touch a.hover-image:hover:before { -webkit-animation: shine .75s;
	animation: shine .75s;}
.no-touch a.hover-image:hover:after     { transition: all 1.5s; opacity: 1;}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

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

/*========================================================================================
        1.3 Buttons, select, images, thumbnails
========================================================================================*/

a.btn, .btn { border:none; color:#ffffff; display:inline-block; padding:6px 25px; text-transform:lowercase; border: 1px solid transparent;}

a.btn.thanks{ text-transform:none;}

.no-touch a:hover.btn, .no-touch .btn:hover { background:transparent; color:#ffffff; border-color: #f16623;}
.btn.btn-block { display:block; padding-left:15px; padding-right:15px; text-align:center; width:100%; }

.custom-select { position:relative; display:block; }
.custom-select > .custom-select-selected { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:transparent; 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); }


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

.thumbnails                      { }
.thumbnails .thumbnail           { text-align: center; margin-bottom: 30px; }
.thumbnails .thumbnail-holder    { border:1px solid #e5e5e5; border-bottom:3px solid #e5e5e5; background:#ffffff; padding:0 0 20px 0; }
.no-touch .thumbnails .hovered .thumbnail-holder    { box-shadow:0 2px 5px 2px rgba(0,0,0,0.15); border-color:#bbb; }
.thumbnails .thumbnail-title     { padding:0 15px 10px;}
.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     { margin:-1px -1px 15px; display:block; position:relative; overflow:hidden; }
.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: rgba(255,255,255,0.3); background-image: none; border: 1px solid #8c8c8c; color: #fff; display: block; font-size: 87.5%; height: 45px; line-height: 1.42857; padding: 6px 25px; width: 100%; }

.form-control::-webkit-input-placeholder {
    color: #fff !important;
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
    color: #fff !important; opacity: 1;
}
.form-control:-moz-placeholder {  /* Firefox under 19+ */
    color: #fff !important; opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #fff !important;
}
#contact textarea.form-control  { padding: 25px;}

.form1                              { margin-top:30px; margin-bottom:30px; }
.form1 .field                       { margin-top:10px; margin-bottom:10px; }
.form1 .field label                 { padding-top: 7px; padding-bottom:7px;  }
.form1 .required label              { font-weight: bold; }
.form1 .field textarea.form-control { height: 195px; resize:vertical;}
.second-banner .form1 .field textarea.form-control { height: 108px;}

.field .captcha-holder       { position:relative; }
.field .captcha1             { position:absolute; right:1px; top:0; border-left:1px solid #8c8c8c; bottom: 0; margin: auto;}
.field .captcha1.focused     { border-color: #fff !important; }
.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;font-size:12px; }
#contact .form1 .buttons            { display: inline-block; width: 100%; margin: 25px 0 0;}

.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:285px; }

.btn-default-contact        { float: right; margin-right: 15px; padding: 9px 54px; background: transparent; border: 1px solid #f16623; text-transform: lowercase; font-weight: 700;}
.btn-default-contact:hover  { background: #f16623 !important;}
.small-note                 { float: left; margin-left: 15px; color: #fff;}
.small-note small           { font-size: 14px;}
.infos a                    { display: inline-block;}
.infos a:hover              { color:#8f8f8f;}
.form1 h2                   { font-family: "Montserrat"; font-size: 125%;}
.spacer                     { height: 45px; display: block;}
#acc-information .form1 .required label    { color: #fff; font-weight: normal; font-size: 87.5%;}
#acc-information .form1 .required label .star  { display: none;}

/*========================================================================================
    3. Header
========================================================================================*/
#wrap-top       {
     background: #000;
}

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

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

#wrap-menu .top-menu        { text-align:left; }
#wrap-menu .top-menu > ul   { line-height:0; }
#wrap-menu .top-menu > ul > li       { display:inline-block; position:relative; border-right: 1px solid #000;}
#wrap-menu .top-menu > ul > li:first-child  { border-left: 1px solid #000; }
#wrap-menu .top-menu > ul > li.is-parent a::after           { content: "\f107"; font-family: "FontAwesome"; color: #fff; position: absolute; right: 10px; top: 0; font-weight: normal; font-size:112.5%;}
#wrap-menu .top-menu > ul > li > a   { position:relative; color:#fff; display:block; line-height:60px; padding:0 29px; text-transform:uppercase; font-size:112.5%; overflow:hidden; font-family: "Montserrat";}
#wrap-menu .top-menu > ul > li.item1 > a   { background: url(../images/bg-home.png) no-repeat center center !important;text-indent:-99em;width:60px; }
#wrap-menu .top-menu > ul > li.item1 > a:hover { background:#212121 url(../images/bg-home.png) no-repeat center center !important; }
#wrap-menu .top-menu > ul > li.item1.active > a { background:#212121 url(../images/bg-home.png) no-repeat center center !important; }




#wrap-menu .top-menu > ul > li > ul  { box-shadow: 0 5px 5px -2px rgba(0,0,0,0.4);  background:#212121; display:none; position:absolute; top:100%; min-width:100%; left:0; z-index:1001; }
#wrap-menu .top-menu > ul > li.is-parent > ul.visible > li a::after  { display: none !important; }
#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;border-color: rgba(143,143,143,0.3) ;display:block; white-space:nowrap; text-transform:uppercase; padding:10px 37px; line-height:30px; color: #fff;font-size:100%;font-family: "Montserrat"; }
.no-touch #wrap-menu .top-menu > ul > li > ul > li > a:hover { color:#f16623; }
#wrap-menu .top-menu > ul > li > ul > li:last-child > a { border-bottom:none; }
#wrap-menu .top-menu > ul > li > ul > li.active > a     { color:#f16623; }

#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; }


.header-info { padding-top:20px; }


.phone-email-holder li,
.phone-email-holder a.sitemap-link { float:left; }
.phone-email-holder li a                    { font-family: "Montserrat"; color: #8f8f8f;}
.phone-email-holder li span                 { padding: 0 5px; color: #8f8f8f; }
.phone-email-holder a.sitemap-link          { text-align:right; margin-left:20px; border-left: 1px solid; border-color: rgba(197,197,197,0.3); padding-left: 20px; }
.phone-email-holder li:first-child          { padding-right:0;}
.phone-email-holder .icon-phone:before      { content:"\f10b"; font-family:"FontAwesome"; font-size:150%;  margin-right:10px; width:auto; text-align:center; float:left; line-height:20px;}
.phone-email-holder .icon-email:before      { content:"\f0e0"; font-family:"FontAwesome"; font-size:128.5%; margin-right:10px; width:auto; text-align:center; float:left;  line-height:20px;}
.phone-email-holder .sitemap-link:before    { content:"\f0e8"; font-family:"FontAwesome"; font-size:112.5%; width:auto; text-align:center; float:left;  line-height:20px;}
.no-touch .phone-email-holder .sitemap-link:hover:before { color:#f16623; }

#mini-account { font-size:86%; line-height:20px; color:#8f8f8f; padding:10px;margin-top: 20px;}
#mini-account a { padding:0 5px; color:#8f8f8f; }
#mini-account a span    { color: #fff;}
.ui-tabs-nav .active    { background: #252525 !important;}
.ui-tabs-nav a   { background: none !important;}
.ui-tabs .ui-tabs-panel     { background: #252525; border: 0 none; padding-top: 1px;}
.ui-tabs-nav li             { border: 0 none;}
.ui-tabs .ui-tabs-nav li a  { font-style: italic;}
.ui-tabs .ui-tabs-nav li.active a      { font-style: normal;}

.bg-financial-title {background:#191919}
.bg-financial-title .h1-center{text-align:center}
.bg-financial-title .h1-center h1{border-bottom: 1px solid #f16623;display: inline-block;font-size: 200%;text-align: center;text-transform: uppercase;margin-top:30px;}


/*========================================================================================
    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;  }
.wrap-slider li .slider-caption .slider-title  { font-weight:bold; text-transform:uppercase; display:none;   font-size:300%;  }
.wrap-slider li .slider-caption .slider-button { margin:50px 0 0; display:block; font-size:160%;text-align:left; }
.wrap-slider li .slider-caption .slider-text   { display:block; padding-top:0px;  font-size:214%;text-align:left; }
.wrap-slider li .slider-caption .slider-text a { color:#ffffff; }
#homeslider-slider .bx-wrapper .bx-controls-direction a    { font-size: 100px; width: 50px; height: 60px;}
#homeslider-slider .fa-angle-left::before      { border-left:1px solid #858585; border-top:1px solid #858585; transform: rotate(315deg);-ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); width: 40px; height: 40px; content: ""; display: block; position: absolute; left: 25px; top: 5px;}
#homeslider-slider .fa-angle-right::before     { border-right:1px solid; border-top:1px solid; border-color: rgba(255,255,255,0.7); transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 40px; height: 40px; content: ""; display: block; position: absolute; right: 25px; top:5px;}
#homeslider-slider .bx-controls-direction a.fa-angle-left:hover::before,
#homeslider-slider .bx-controls-direction a.fa-angle-right:hover::before      { border-color: #fff;}
#homeslider-slider  { position: relative;}
#homeslider-slider .bx-wrapper .bx-next    { right: 20px;}
#homeslider-slider .bx-wrapper .bx-prev    { left: 20px;}
/*========================================================================================
    4. Content elements
========================================================================================*/

.wrap-h1    { background : #252525; padding:25px 0; text-align:center; border-top: 1px solid #444444; color: #fff; }
.box        { padding:20px 30px; background: #252525;}
.box h2     { margin-bottom:20px; }

/*========================================================================================
        4.1 Lists
========================================================================================*/
.list                   { padding:30px 0 30px 15px; }
.list li                { padding:5px 0; list-style-type:none; background: url(../images/bulletlist.png) no-repeat left 12px; padding-left: 30px; line-height: 1.3;}


.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; }
.pagination li          { display:inline; }
.pagination a:link,
.pagination a:visited,
.pagination span        { display: inline-block; overflow: hidden; margin: 0 5px 0 0; padding: 5px 15px; border-width: 1px; border-style: solid; text-decoration: none;
                          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    { background: #000; color:#ffffff; border-top:2px solid #f16623; float: left; width: 100%; padding: 25px 0;}
.wrap-copyright { font-size: 13px; color: #757575; float: left; margin-right: 20px;}
.wrap-copyright .site-name  { color: #f16623;}

/*========================================================================================
        5.1 Footer menu
========================================================================================*/
.menu           { text-align:left; float: left; line-height: 18px;}
.menu li        { text-transform:capitalize; display:inline-block; padding:0 20px;  font-size:13px; border-left: 1px solid #757575;  }
.menu li a      { color:#757575; }
.made-holder    { float: right; font-size: 13px; color: #757575;}
.made-holder span    { float: left;}
.made-by        { float: left;}
.made-by a      { background: url(../images/inovad-logo.png) no-repeat center; width: 57px; height: 22px; display: inline-block; margin-left: 3px; float: left;}
.made-holder .fb_iframe_widget      { margin-left: 20px; float: right; margin-top: 2px;}
/*========================================================================================
        5.2 Google map
========================================================================================*/
.wrap-map { position:relative; }
.wrap-map #info { position:absolute; width:100%; height:100%; background: rgb(26,157,211); background: rgba(26,157,211,0.85); left:0; top:0; z-index:10; color:#ffffff; }
.wrap-map #info .info-title { font-size:200%; padding-bottom:20px; font-weight:normal; border-bottom:1px solid #ffffff; }
.wrap-map #info .cls-holder { position:relative; width:570px; margin:0 auto 50px auto; }
.wrap-map #info .cls-holder .first { padding:0 45px 0 0; text-align:right; }
.wrap-map #info .cls-holder .last { padding:0 0 0 45px; border-left:1px solid #FFFFFF; text-align:left; }
.wrap-map #info .icon-facebook{ position:absolute; left:0; top:0; bottom:0; right:0; width:50px; height:50px; background: transparent; border:1px solid #ffffff; color:#ffffff; z-index:1; margin:auto auto -50px auto; text-align:center;  }
.wrap-map #info .icon-facebook i { line-height:50px; font-size:192.85%; }
.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:10px; top:10px; z-index:1000;  }
.no-touch .wrap-map .return-to-coordinates:hover { background:#333333; color:#ffffff;}

.wrap-map #info h3              { margin-bottom:20px; font-size:123%; font-weight:700; text-transform:uppercase; line-height:20px;}
.wrap-map #info .info-address,
.wrap-map #info .info-fax       { font-size:90%; padding:5px 0 20px 0; }
.wrap-map #info .info-tel       { font-weight:bold; font-size:128.5%; padding:0px 0 4px 0; }

.no-touch .wrap-map #info a:hover { color:#ffffff; }

.btn.btn-outline { background:transparent; border:1px solid #ffffff; padding:15px 15px; }
.no-touch .btn.btn-outline:hover,
.no-touch .wrap-map #info .icon-facebook:hover { background: rgba(255,255,255,0.2); }

.wrap-map #info .btn-outline    { margin-top:35px; }

/*========================================================================================
    6 Modules
========================================================================================*/

/*========================================================================================
        6.1 Product catalog
========================================================================================*/

.category-list .thumbnail-title{ margin-top: 15px; }

.product-filters-burger { display:none !important; }
.product-filters .field,
.category-menu                 { margin-bottom:15px; }


.product-filters-holder { display:block; }

.product-details .product-title-h1       { margin: 0 0 20px 0; padding: 5px 0px 10px; border-bottom:1px solid #ececec; }
.product-details .product-title-h1 h1    { text-transform:none; font-size:121%;  }
.product-details .product-title h2       { font-size:190%; margin-bottom:5px; }
.product-details .product-ref            { font-size:110%; text-transform:uppercase;  font-weight:200; color:#999999; margin-bottom:15px;}
.product-details .product-text           { margin-bottom:15px;}
.product-details .product-info-line      { margin:10px 0; }

.product-details .product-large_photo   { margin-bottom:10px; overflow:hidden; }

.product-details .product-prices        { overflow: hidden; margin:10px 0; text-align:left; vertical-align:text-bottom; }

.product-details .price-holder,
.product-details .reduced_price-holder  { font-size:182.85%; display:inline; }
.product-details .reduced_price-holder  { font-weight:700; }

.product-details .price-holder.old      { font-size:126%; padding-left:10px; color:#999999; }
.product-details .price-holder.old .price { text-decoration: line-through; display:inline; }

.product-details .message_price         { padding: 5px 10px; }

.product-details .product-availability  { float: left; overflow: hidden; width: 300px; height: 56px; margin: 10px 0; padding: 10px; border: 1px solid #333333; }


.product-details table.attributes  { margin:15px 0; }
.product-details table.attributes  td:first-child  { font-weight:700; border-left:none; }
.product-details table.attributes  td:last-child   {  border-right:none; }
.product-details table.attributes  td   { vertical-align:middle; }

.product-small_photos { max-width:85%; margin:10px auto; }

.product-details .bx-wrapper .bx-controls-direction a { color:#333333; }
.product-details .bx-wrapper .bx-controls-direction a:hover { color:#666666; }
.product-details .bx-wrapper .bx-controls-direction .bx-next { right:-40px; }
.product-details .bx-wrapper .bx-controls-direction .bx-prev { left:-40px; }

/*========================================================================================
            6.1.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
========================================================================================*/
#news                           { clear: both; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; width: 540px; height: 240px; background: rgba(0,0,0,0.8); z-index: 51; ;}
#news .news .holder             { padding: 40px 35px; display: inline-block; width: 100%; color: #fff;}
#news .news-title               { font-weight: bold;  font-size:125%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family: "Montserrat"; text-transform: uppercase;}
#news .news-date                { font-style:italic; margin:10px 0; font-style: italic; color: #fff; font-size: 14px;}
#news .news-photo               { float: left; margin: 0 30px 0 0; }
#news .news-text                { text-align: justify; position: relative;}
#news .news-text::after         { position: absolute; left: 0; bottom: -32px; width: 72%; height: 1px; background: #f16623; content:""; }
#news .news-btn                 { margin-top:10px; background: transparent; text-transform: lowercase; font-family: "Montserrat"; position: relative; padding-right: 0; padding-left: 0; border: 0 none;}
#news .news-btn:hover           { color: #f16623;}
#news .news-counter             { margin-top:16px; padding: 0 45px; height:50px; line-height:50px;}
#news .bx-wrapper .bx-prev      { right: 80px; left: auto; bottom:0; top:auto; margin:0;}
#news .bx-wrapper .bx-next      { right: 0; left: auto;  bottom:0;  top:auto; margin:0;}
#news .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:-20px; }
.home-news-holder .container               { position: absolute; right: 0; left: 0; bottom: 0; top: 0;}
/*========================================================================================
            6.2.2 News list
========================================================================================*/
#news-list .news                { margin: 30px 0 40px 0; color: #fff; padding-bottom: 40px; }
#news-list .well                { border-bottom: 1px dashed #666; }
#news-list .news-title          { text-align: left;  }
#news-list .news-title-h1       { margin: 0 0 20px 0; padding: 5px 0px 0; border-bottom:1px solid #f16623; display: inline-block; width: 100%; }
#news-list .news-title-h1 h1    { text-transform:none; font-size:121%;  }
#news-list .news-title h2,
#news-list .news-title h1       { font-size:114%; text-transform:none; border-bottom: 1px solid #f16623; font-weight: 700;}
#news-list .news-photo          { float: left; margin: 0 30px 30px 0; overflow: hidden; }
#news-list .news-text           { text-align: justify; margin:0 0 15px 0;}
#news-list .news-date           { font-style:italic; }
#news-list .news-btn,
#news-list .btn-return          { padding: 6px 30px; text-transform: lowercase;}
.news-bg                        { background: #252525;}
#news-list .news-title-h1 .news-title h2,
#news-list .news-title-h1 .news-title h1    { padding: 0; border: 0 none; margin-bottom: 0; }
/*========================================================================================
        6.3 Content management
========================================================================================*/

.content-management                         { }
.content-management .paragraph              { padding:40px 0;  }
.content-management .paragraph-title        { padding: 0 0 70px 0; font-family: "Montserrat"; text-align: center; }
.content-management .paragraph-title h2     { text-transform:uppercase; font-size:200%; text-align:center; display: inline-block; border-bottom: 1px solid #f16623;  }
.page-29 h2.financial     { text-transform:uppercase; font-size:200%; text-align:center; display: inline-block; border-bottom: 1px solid #f16623;  }
.page-41 h1     { text-transform:uppercase; font-size:200%; text-align:center; display: inline-block; border-bottom: 1px solid #f16623;  }
.content-management .paragraph-title h2 span    { color: #f16623;}
.content-management .paragraph-text         { text-align:justify; padding:0; font-size:100%;  }
.content-management .paragraph.images li a img  { border:1px solid #d1d1d1;}
.content-management .paragraph-images .paragraph-images-holder  { width:auto; }


.paragraph .paragraph-images a       { display:block; overflow: hidden;}
.paragraph.paragraph-images-left-holder .paragraph-images    { float: none; margin: 0 30px 0 0; text-align:left; display: table-cell; padding-left: 0; padding-right: 30px; }
.paragraph.paragraph-images-right-holder .paragraph-images   { float: none; margin: 0 0 0 30px; text-align:right; display: table-cell; padding-right: 0; padding-left: 30px;}
.paragraph.paragraph-images-left-holder .paragraph-text,
.paragraph.paragraph-images-right-holder .paragraph-text      { display: table; width: 100%;}
.paragraph.paragraph-images-left-holder .paragraph-text .align-holder,
.paragraph.paragraph-images-right-holder .paragraph-text .align-holder      { width: 50%; display: table-cell; vertical-align: middle;}

.paragraph.paragraph-images-left-holder .gallery-paragraph-holder-left    {float:left;margin-right:20px;  }
.paragraph.paragraph-images-right-holder .gallery-paragraph-holder-right   {float:right;margin-left:20px; }
.content-management .paragraph.images .bx-next { top:-28px; right:0; }
.content-management .paragraph.images .bx-prev { top:-28px; right:25px; left:auto; }


.content-management .paragraph.paragraph-image-fond-holder                              { padding:0;  color:#ffffff;position:relative; }
.content-management .paragraph.paragraph-image-fond-holder .paragraph-container         { position: absolute; width: 100%; height: 100%;top:0; }
.content-management .paragraph.paragraph-image-fond-holder .table-holder    { position: relative;}
.content-management .paragraph.paragraph-image-fond-holder .table-cell-holder { padding:80px 0; background:rgba(0,0,0,0.7); }
.content-management .paragraph.paragraph-image-fond-holder .paragraph-title     { padding: 0 0 20px 0; }
.content-management .paragraph.paragraph-image-fond-holder .paragraph-title h2  { border: 0 none;}
.content-management .paragraph.paragraph-image-fond-holder .paragraph-text { text-align:center; font-size:112.5%; font-style: italic; width: 85%; margin: 0 auto; }
.content-management .paragraph.paragraph-image-fond-holder a { color:#ffffff; }

.content-management .paragraph-simple-holder { padding:0;  }

.content-management .paragraph-images-holder { padding:0;  }
.content-management .paragraph-images-holder ul li { width:20%; float:left; }

.content-management .paragraph.paragraph-75     { padding-bottom: 30px;}
.societe-nom                            { color: #f16623; font-weight: 700;}
.buton-read                             { float: right; padding: 8px 26px; background: #f16623; font-family: "Montserrat"; font-weight: 700; color: #fff !important; border: 1px solid #f16623; margin-top:0;}
.buton-read:hover                       { background: transparent;}
.paragraph-76                           { background-size: cover !important; background-position: center !important; }
.paragraph-76 .paragraph-title          { padding-bottom: 15px;}
.paragraph-76 .paragraph-title h2       { border: 0 none;}
.page-17 .paragraph-76 .mask                          { background: rgba(15,15,15,0.2); padding: 100px 0 90px;}

.content-management .paragraph.paragraph-79.paragraph-image-fond-holder .table-cell-holder    { padding:80px 0; background:rgba(0,0,0,0.6);}

.page-31 .for-contact-page              { background: url(../images/contact-img.jpg)no-repeat center; background-attachment: scroll; background-size: cover; padding: 50px 0; color: #fff;}

.first-banner            { background: #191919;}
.second-banner           { background: #252525;}
.map-iframe iframe       { width:100%; pointer-events: none; float: left;}

/* COOKIES */
.wrap-cookie                                                                        { background: rgba(40,40,40,0.2);}
.wrap-cookie .cookie-holder                                                         { padding: 10px 0; text-align: center;}
.wrap-cookie .cookie-holder p                                                       { color: #fff; font-size: 100%; display: inline-block; }
.wrap-cookie .cookie-holder a                                                       { color: #fff; text-transform: none; font-style: italic; padding: 3px 7px; display: inline-block; border-radius:4px; margin: 0 10px;}
.wrap-cookie .cookie-holder .ck-accept                                              { background: #000000;}
.wrap-cookie .cookie-holder .ck-deny                                                { background: #000;}
.wrap-cookie .cookie-holder .ck-accept:hover                                        { background: #444444;}
.wrap-cookie .cookie-holder .ck-deny:hover                                          { background: #444444;}
.wrap-cookie .cookie-holder .legal-notice                                                { background: #000;}
.wrap-cookie .cookie-holder .legal-notice:hover                                        { background: #444444;}

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

#gallery-detail                     { margin-bottom:30px; }
#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-title      { margin:0 0 15px 0; }
.gallery-title-h1                   { margin: 0 0 20px 0; padding: 5px 0px 10px; border-bottom:1px solid #ececec; }
.gallery-title-h1 h1                { text-transform:none; font-size:121%;  }
.gallery-title-h1 .gallery-date     { font-style:italic; }