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

/*========================================================================================
    1. Global settings
========================================================================================*/
@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('../plugins/pe7stroke/fonts/Pe-icon-7-stroke.eot?d7yf1v');
	src:url('../plugins/pe7stroke/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
		url('../plugins/pe7stroke/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
		url('../plugins/pe7stroke/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
		url('../plugins/pe7stroke/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}


@media screen {
    html,
    body        { width: 100%; }
    #wrap-bg    { position: relative; min-height: 100%; height: auto !important; height: 100%; overflow:auto; }
}

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

h1      { font-size: 143%; }
h2      { font-size: 136%; text-transform:uppercase; }
h3      { font-size: 128.5%; }
h4      { font-size: 121%; }
h5      { font-size: 114%; }
h6      { font-size: 107%; }

a:link, a:visited   { text-decoration: none; color:#415da7; }
.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; }
.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.3s; transition: 0.2s; }

.no-touch a:hover, a:active,
.phone-email-holder .icon-phone:before,
.phone-email-holder .icon-email:before,
#mini-account a:hover, #mini-account a span,
.list li:before,
.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:#0a205a; }

.menu li.active a,
.no-touch .menu li a:hover           { color: #415da7;}


#newsletter #mandatory-email-Email:focus        { color:#0a205a; font-size: 100%;}
#wrap-menu .top-menu > ul > li.active > a,
.no-touch #wrap-menu .top-menu li a:hover                    { color: #415da7;}
#wrap-menu .sitemap-link:before        { color: #ababab;}

.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:#0a205a; }

#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,
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:#0a205a; }
#newsletter .newsletter-btn         { background: #f8f8f8;}

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

a.btn, .btn { border:none; color:#ffffff; display:inline-block; padding:9px 20px; text-transform:uppercase; }
.no-touch a:hover.btn, .no-touch .btn:hover { background:#415da7; color:#ffffff; }
.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:#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); }


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-color: #fff; background-image: none; border: 1px solid #bbbbbb; 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-top: 7px; padding-bottom:7px; padding-left: 11px; padding-right: 11px; }
.form1 .required label              { font-weight: bold; }
.form1 .field textarea.form-control { height: 195px; 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 { }
.logo img { margin:0; }
.no-touch .logo:hover img { opacity:0.5;  filter: alpha(opacity=50);}

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

#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; height: 50px; padding: 13px 0; float: left;}
#wrap-menu .top-menu > ul > li > a { position:relative; color:#333; display:block; line-height:25px; padding:0 44px; text-transform:uppercase; font-size:128%; overflow:hidden; border-right: 1px solid #bbbbbb; font-weight: 700;}
#wrap-menu .top-menu > ul > li:last-child > a   { border-right: 0 none;}


#wrap-menu .burger-menu { display:none; }
#wrap-menu .sitemap-link        { }
#wrap-menu .sitemap-link:before { content:"\f0e8"; font-family:"FontAwesome"; width:auto; text-align:center; float:left; background-color: transparent !important;font-size: 16px; font-weight: normal;}
.no-touch #wrap-menu .sitemap-link:hover:before { color:#415da7; }
.header-info { padding-top:50px; font-size:114%; }


.phone-email-holder li  { float:left; }
.phone-email-holder li:last-child  { margin-top: -17px;}
.phone-email-holder li:first-child { padding-right:25px; height: 40px; line-height: 45px;}
.phone-email-holder li:first-child a     { font-size: 20px; color: #333;}
.phone-email-holder .icon-phone:hover    { color: #415da7;}
.phone-email-holder .icon-phone:before   { content:"\f10b"; font-family:"FontAwesome"; font-size:28px;  margin-right:15px; width:auto; text-align:center; float:left; line-height:45px;}
.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;}

#mini-account   { font-size:86%; line-height:20px; color:#ffffff; padding-right:15px;}
#mini-account a { padding:0 5px;  }

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

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

#newsletter                             { display: inline-block; margin-top: 3px; border: 1px solid rgb(187, 187, 187);}
#newsletter:hover                       { border-color: #16327e;}
#newsletter .newsletter-btn             { width:40px; height:40px; float:right; text-align:center; color:#ffffff; border: 0 none;}
#newsletter .newsletter-btn:before      { content:"\f0e0"; font-family:"FontAwesome"; font-size:18px; color:#0a205a;}
.no-touch #newsletter .newsletter-btn:hover { background-color: #0a205a; }
.no-touch #newsletter .newsletter-btn:hover:before  { color: #fff;}
#newsletter #mandatory-email-Email { border-right:0; min-width:190px; color:#333; max-width:190px; display:inline; font-size: 12px; border: 0 none; background: #f8f8f8;}


/*========================================================================================
        3.2 Home Slider
========================================================================================*/
.wrap-slider { overflow:hidden; }
.wrap-slider li img { width:100%; }
.wrap-slider li .slider-caption { position: absolute; left: 15%; top:0; bottom:0; text-align: left;  color:#ffffff;  }
.wrap-slider li .slider-caption .slider-title   { font-weight:bold; text-transform:uppercase; display:block; font-size:39px; width: 35%; text-align: left;}
.wrap-slider li:nth-child(2) .slider-caption .slider-title   { width: 43%;}
.wrap-slider li:nth-child(4) .slider-caption .slider-title   { width: 40%;}
.wrap-slider li .slider-caption .slider-button  { margin:90px 20px 0 0; display:inline-block; font-size:16px; }
.wrap-slider li .slider-caption .slider-button2 { margin:90px 0 0; display:inline-block; font-size:16px; }
.wrap-slider li .slider-caption .slider-button a         { padding: 12px 26px; border: 1px solid; border-color: transparent;}
.wrap-slider li .slider-caption .slider-button a:hover   { background: transparent; border-color: #fff;}
.wrap-slider li .slider-caption .slider-button2 a        { background: transparent; padding: 12px 26px;border: 1px solid #fff;}
.wrap-slider li .slider-caption .slider-button2 a:hover  { background: #0a205a; border-color: transparent;}
.wrap-slider li .slider-caption .slider-text    { display:block; padding-top:10px;  font-size:24px; text-transform: uppercase;}
.wrap-slider li .slider-caption .slider-text a  { color:#ffffff; }
#homeslider-slider .bx-controls .bx-pager-link  { background: url(../images/empty-dot.png) no-repeat 50% 50%; box-shadow: none;}
#homeslider-slider .bx-controls .bx-pager-link.active   { background: url(../images/fill-dot.png) no-repeat 50% 50%; }
#homeslider-slider .bx-controls .fa-angle-right:before  { content: "\e684"; font-family: "Pe-icon-7-stroke";}
#homeslider-slider .bx-controls .fa-angle-left:before   { content: "\e686"; font-family: "Pe-icon-7-stroke";}
#homeslider-slider .bx-wrapper .bx-controls-direction a { font-size: 80px; width: auto; height: auto;}
#homeslider-slider .bx-wrapper .bx-controls-direction a:hover { color: #415da7;}


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

.wrap-h1 { padding:25px 0; text-align:center; background: url(../images/patterns/bg-granit.jpg)left top;}
.box { padding:20px 30px; border:1px solid #e5e5e5; border-bottom:3px solid #e5e5e5; }
.box h2 { margin-bottom:20px; }

/*========================================================================================
        4.1 Lists
========================================================================================*/
.list                   { padding:30px 0 30px 15px; }
.list li                { padding:5px 0; list-style-type:none; }
.list li:before         { content:"\f14a"; font-family:"FontAwesome"; 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; }
.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: #fff; color:#ffffff; }
.wrap-copyright       { padding: 16px 0; }
#made-by              { text-align: center;}
#made-by a            { background: url(../images/in-leed.png)no-repeat 50% 50%; display: inline-block; width: 44px; height: 16px;}
#made-by a:hover      { background: url(../images/in-leed-over.png);}


/*========================================================================================
        5.1 Footer menu
========================================================================================*/
.menu       { text-align:center; padding:30px 0; background:#0a205a; }
.menu li    { text-transform:none; display:inline-block; padding:0 20px;  font-size:100%; }
.menu li a  { color:#fff; }
.burger-menu-footer     { display: none;}
/*========================================================================================
        5.2 Google map
========================================================================================*/
.wrap-map { position:relative; overflow: hidden;}
.wrap-map .info { position:absolute; height:100%; right:14%; top:0; z-index:10; color:#ffffff; }
.wrap-map #info .info-title { font-size:114%; padding-bottom:20px; font-weight:normal; background: #0a205a; padding-top: 20px;}
.wrap-map #info .cls-holder { position:relative; width:290px; margin:0 14% 0 auto; float: right; }
.wrap-map #info .cls-holder .first { text-align:center; float: left !important;}
.wrap-map #info .cls-holder .last  { text-align:center; float: left !important; background: #16327e; padding: 0 28px;}
.wrap-map #info .cls-holder .last img   { float: left; padding: 8px 10px;}


.wrap-map #info .icon-facebook     { position:absolute; top:0; right:0; width:40px; height:40px; background: #3c5899; color:#ffffff; z-index:1; text-align:center;  }
.wrap-map #info .icon-facebook i   { line-height:40px; font-size:171%; }
.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              { font-size:114%; font-weight:700; text-transform:uppercase; line-height:20px;}
.wrap-map #info .info-address   { font-size:100%; padding: 15px 0 15px 0; }
.wrap-map #info .info-fax       { padding-bottom: 20px;}
.wrap-map #info .info-tel       { font-weight:bold; font-size:100%; }
.wrap-map #info .info-tel a     { color: #fff;}
.wrap-map #info .info-tel a:hover     { color: #415da7 !important;}

.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: #0a205a; }

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

.wrap-map #info .cls-holder .blk1       { background: #0a205a;}
.wrap-map #info .cls-holder .blk2       { background: #415da7;}
.wrap-map .info-about                   { font-size: 16px; text-transform: uppercase;}
.wrap-map #info .blk2 h3                { font-size: 86%; font-weight: 700; padding: 15px 0 18px;}
.wrap-map #info .blk2 .info-address     { padding: 0; font-size: 12px; padding-bottom: 24px;}
.wrap-map #info .blk2 .special1         { font-weight: 700;}
.wrap-map #info .blk2 .special2         { font-style: italic;}

.icon-map{ width: 40px;height: 40px;background: #415da7;color: #fff;z-index: 1;text-align: center;float: right;position: absolute; left: -40px;top:0px; display: none; }
.icon-map i { line-height:50px; font-size:20px; margin-top: -5px; color: #ffffff;}
/*========================================================================================
    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; margin-top:50px;}
#news .news-title               { font-weight: bold;  font-size:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; padding-bottom:18px; padding-top:10px;}
#news .news-date                { font-style:italic; margin:15px 0; }
#news .news-photo               { float: left; }
#news .news-text                { text-align: justify; margin-bottom:15px; height:100px; overflow:hidden; position:relative; line-height:24px; color: #7d7d7d; font-size: 14px;}
#news .news-btn                 { margin-top:30px; font-weight:bold; font-size: 14px; padding: 9px 14px;}
#news .news-counter             { font-size:40px; color:#333333; font-weight:bold; font-family:"Open Sans";}
#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 { top:225px; }
#news .news-holder { background: #ffffff; border:1px solid #E0E0E0; -webkit-box-shadow: 6px 6px 8px -7px rgba(51,51,51,0.75);-moz-box-shadow: 4px 3px 9px -4px rgba(51,51,51,0.75);box-shadow: 4px 3px 9px -4px rgba(51,51,51,0.75); width:635px; margin-top:68px; float:left; margin-left:-100px; padding:35px 50px 50px 90px; margin-bottom:5px;}
#news .news-image-holder.left { width:635px; }
#news .bx-wrapper .bx-pager { width:30px; }
#news .bx-wrapper .bx-pager, #news .bx-wrapper .bx-controls-auto { left:550px; }
#news .bx-pager-item { margin-bottom:14px; }
#news .bx-wrapper .bx-pager.bx-default-pager a  { background: #dedede; box-shadow: none; width: 15px; height: 15px;}
#news .bx-wrapper .bx-pager.bx-default-pager a:hover,
#news .bx-wrapper .bx-pager.bx-default-pager a.active     { background: #0a205a;}
#news .announce-txt     { font-size: 14px;}


/*========================================================================================
            6.2.2 News list
========================================================================================*/
#news-list .news                { margin: 0 0 20px 0;  }
#news-list .news-title-h1       { margin: 0 0 20px 0; padding: 5px 0px 10px; border-bottom:1px solid #ececec; }
#news-list .news-title-h1 h1    { text-transform:none; font-size:121%;  }
#news-list .news-title h2       { font-size:114%; text-transform:none; margin: 10px 0; font-weight: 700;}
#news-list .news-title h1       { font-size:114%; text-transform:none; margin: 10px 0; font-weight: 700;}
#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:40px 0;  }
.content-management .paragraph-title        { padding: 0 0 30px 0; }
.content-management .paragraph-title h2     { text-transform:uppercase; font-size:214%; font-weight:700; text-align:center; }
.content-management .paragraph-text         { text-align:justify; padding:0; font-size:114%; }
.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; }
.paragraph.paragraph-images-left-holder .paragraph-images    { float: left; margin: 0 30px 15px 0; text-align:left;  }
.paragraph.paragraph-images-right-holder .paragraph-images   { float: right; margin: 0 0 15px 20px; text-align:right; padding-right: 0;}


.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; }
.content-management .paragraph.paragraph-image-fond-holder .paragraph-container .table-cell-holder { padding:30px 0; background:rgba(0,0,0,0.2); }
.content-management .paragraph.paragraph-image-fond-holder .paragraph-text { text-align:center; font-size:128.5%; }
.content-management .paragraph.paragraph-image-fond-holder a { color:#ffffff; }

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

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

.societe-nom                                        { font-weight: 700; color: #0a205a;}
.content-management .paragraph-54                                       { padding: 75px 0; }
.paragraph-54 .paragraph-text .title                { font-size: 40px; text-transform: uppercase; font-weight: 700; line-height: 46px; margin-bottom: 65px; position: relative; z-index: 5; margin-top: 15px;}
.paragraph-54 .paragraph-text .title span           { color: #0a205a; display: block; }
.paragraph-54 .paragraph-text .title:after          { content: ""; width: 265px; height: 145px; border: 8px solid #f1f1f1; position: absolute; left: 4%; top: -25%; z-index: -1;}
.paragraph-54 .paragraph-text .text                 { position: relative; font-size: 14px; line-height: 23px;}
.paragraph-54 .paragraph-text .text:after           { position: absolute; content: ""; width: 100px; height: 2px; background: #0a205a; bottom: -14%;}
.paragraph-54 .paragraph-images img                 { position: relative; z-index: 0;}
.paragraph-54 .paragraph-images a                   { position: relative; }
.paragraph-54 .paragraph-images a:after             { content: ""; position: absolute; height: 310px; width: 100%; bottom: 0; top: 34% ;opacity: 1; background: url(../images/pic-bg.png) repeat left bottom; padding: 0;}
.paragraph-54 .paragraph-text                       { position: relative;}
.paragraph-54 .paragraph-text:before                { position: absolute; content: ""; top: 43%; left: -24%; background: url(../images/before-text.png)no-repeat; width: 590px; height: 80px;}
.paragraph-54 .paragraph-text:after                 { position: absolute; content: ""; bottom: 0; right: -18%; background: url(../images/after-text.png)no-repeat; width: 657px; height: 80px; z-index: 19;}

.paragraph-55                                       { background-size: cover; background-position: 50% 50% !important; }
.paragraph-services                                 { display: inline-block; float: left;}
.paragraph-services .left-block                     { width: 45%; float: left; background: rgba(50,57,63,0.9); color: #fff; padding: 180px 210px 175px 140px; position: relative;}
.paragraph-services .right-block                    { width: 55%; float: left; background: url(../images/photo3.jpg)no-repeat; padding: 80px 110px 20px; margin-left: -125px; position: relative; margin-top: 80px;}
.paragraph-services .left-block .title              { font-size: 40px; text-transform: uppercase; font-weight: 700; line-height: 48px; margin-bottom: 65px; position: relative;}
.paragraph-services .left-block .title span         { display: block; color: #0a205a;}
.paragraph-services .left-block .title:after        { content: ""; width: 265px; height: 145px; border: 8px solid; position: absolute; left: 8%; top: -25%; border-color: rgba(255,255,255,0.05);}
.paragraph-services .left-block .text               { text-align: justify; width: 80%; position: relative; line-height: 24px;}
.paragraph-services .left-block .text a             { font-weight: 700; color: #fff;}
.paragraph-services .left-block .text a:hover       { color: #415da7;}
.paragraph-services .left-block .text:after         { position: absolute; content: ""; width: 100px; height: 2px; background: #0a205a; bottom: -22%;}
.paragraph-services .left-block:after               { position: absolute; content: ""; top: 49%; left: -3%; background: url(../images/after-services.png)no-repeat; width: 485px; height: 81px;}
.paragraph-services .right-block .square            { width: 50%; float: left; margin-bottom: 60px;}
.paragraph-services .right-block .square img        { margin-bottom: 22px;}
.paragraph-services .right-block .square .titre     { font-size: 18px; text-transform: uppercase; font-weight: 700; margin-bottom: 35px; position: relative;}
.paragraph-services .right-block .square .titre:after   { position: absolute; content: ""; background: #0a205a; height: 2px; width: 40px; left: 0; bottom: -55%;}
.paragraph-services .right-block .square .texte     { color: #7d7d7d; width: 76%; line-height: 24px;}
.paragraph-services .right-block .square.sqr4 .texte    { width: 75%;}
.paragraph-services .right-block .square.sqr2       { min-height:180px; }

.paragraph-45 .paragraph-title h2                   { font-size: 28px; font-weight: 700; position: relative; margin-bottom: 40px;}
.paragraph-45 .paragraph-title h2:after             { content: ""; position: absolute; background: url(../images/after-logo.png)no-repeat; top: 120%; left: 50%; margin-left: -100px; width: 216px; height: 53px;}
.paragraph-45 .paragraph-text .actualite            { font-size: 18px; margin-bottom: 50px;}

.content-management .paragraph-56                                   { padding: 20px; border-bottom: 1px solid #0a205a; border-top: 1px solid #0a205a;}
.content-management .paragraph-56 .paragraph-text          { position: relative; display: inline-block; width: 100%;}
.content-management .paragraph-56 .paragraph-text:before   { position: absolute; content: ""; background: rgba(10,32,90,0.2);width: 530px; height: 1px; right: 2.9%; bottom: 10%;}
.content-management .paragraph-56 .paragraph-text:after    { position: absolute; content: ""; background: url(../images/locker-logo.png)no-repeat 100% 50%; width: 100%; height: 60px;}
.partner-title                                  { float: left; font-weight: 700; font-size: 18px; color: #333; height: 58px; line-height: 58px;}
.partner-list                                   { float: left; position: relative;}
.partners-slider .partner                       { display: table; height: 58px; }
.partners-slider .partner-photo                 { display: table-cell; vertical-align: middle; text-align: center;}
.partners-slider .partner-photo img				{ display: inline-block; margin: 0 auto;}
.partners-slider .partner-photo a               { float: none !important; display: inline-block; width: 100%;}

/*.partner-list:after                             { position: absolute; content: ""; background: url(../images/locker-logo.png)no-repeat 100% 50%; width: 100%; height: 60px;}         */

.special-pgh .headline                         { margin-left: 35%; margin-bottom: 60px; width: 65%;}
.special-pgh .headline p                       { font-style: italic;}
.special-pgh .headline h2                      { font-weight: 700; text-transform: none; font-size: 171%; position: relative;}
.special-pgh .headline h2:after                { position: absolute; content: ""; width: 65px; height: 2px; top: 20%; left: -100px; background: #0a205a;}
.special-pgh .blocks-holder                    { display: inline-block; width: 90%; margin-left: 10%;}
.special-pgh .blocks-holder .blocks            { width: 33.3333%; float: left;}
.special-pgh .blocks-holder .blocks img        { float: left; margin-right: 30px;}
.special-pgh .blocks-holder .blocks h4         { line-height: 40px;}
.special-pgh .blocks-holder .blocks .block-content      { clear: both; padding-top: 20px;}
.special-pgh .blocks-holder .blocks .block-content a    { margin-top: 30px; display: inline-block; position: relative;}
.special-pgh .blocks-holder .blocks .block-content a:before  { position: absolute; content: ""; width: 60%; border-top: 2px solid; /*height: 2px; background: #0a205a; left: 0;*/ bottom: 120%; left: 0; transition: all 0.3s ease 0s;}
.special-pgh .blocks-holder .blocks .block-content a:after   { position: absolute; content: ""; border-top: 2px solid; bottom: 120%; left: 0; transition: all 0.5s ease 0s;}
.special-pgh .blocks-holder .blocks .block-content a:before,
.special-pgh .blocks-holder .blocks .block-content a:after   { border-top-color: #0a205a;}
.special-pgh .blocks-holder .blocks .block-content a:hover:after       { width: 60%; border-top-color: #415da7; }


.block-images-holder .paragraph-images .caption  { position: absolute; bottom: 0; left: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px 10px; background: rgba(22,50,126,0.5); color: #fff; width:100%; text-align: center;}
.wrap-image-pave        { margin-bottom: 30px; }
.block-images-holder .paragraph-images a         { display: block; position: relative;    box-shadow: 0 0 5px 0 rgba(65,93,167,0.4); width: 100%; height: 150px; overflow: hidden;}
.block-images-holder .paragraph-images a:hover            { box-shadow: 0 0 5px 0 rgba(65,93,167,1);}
.block-images-holder .paragraph-images a:hover .caption   { background: rgba(65,93,167,0.5);}
.block-images-holder .paragraph-images .block-image img   { padding:0 15px; margin-top: 15px; max-height: 135px; overflow: hidden;}

.paragraph.paragraph-fond-holder { padding: 0px;}

.wrap-image-fond            { position: relative; float: left; width: 100%;}
.wrap-image-fond img        { width: 100% !important;}
.caption-image-fond         { position: absolute; top: 44%; left: 19%; margin: 0 auto; display: table; padding: 30px; margin-top: -60px; color: #fff; }
.caption-image-fond .title  { font-size: 39px; font-weight: 700; text-transform: uppercase;}
.caption-image-fond .text   { font-size: 24px;}
.caption-image-fond .text span   { font-size: 20px; display: block; margin-top: 30px; padding: 9px 12px; background: #0a205a; width: 215px; text-transform: uppercase;}

#contact .form1 .field textarea.form-control                  {  height: 217px;}

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


.wrap-galerie-photo                                       { text-align: center; /*margin-bottom: 30px;*/ margin-top: 0px; background: url(../images/layout/motif1.jpg) repeat top left;}
.wrap-galerie-photo .bx-wrapper img                       { /*display: inline-block;*/ border: 1px solid rgba(65,93,167,0.6)}
.empty-bdd                                                {text-align: center; font-weight:bold; padding:150px 25px; font-size: 16px; }

.galerie-photo .gallery-photo                             {  display: inline-block; position:relative; text-decoration: none; text-align: center; float: left;}
.galerie-photo .gallery-caption                           { font-size:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; left:0; bottom:0; padding:15px; background:rgba(10,32,90,0.6); color:#ffffff; width:100%; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff') !important; border-top: none; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color:  rgba(255, 255, 255, 0.6); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.galerie-photo-thumbs .bx-wrapper .bx-next                { font-size: 35px; margin-top: -35px; right: -30px;}
.galerie-photo-thumbs .bx-wrapper .bx-prev                { left:-30px; font-size:35px; margin-top:-35px;}

.galerie-photo-thumbs .bx-viewport                        { padding-bottom:20px; display: table; }
.galerie-photo-thumbs .gallery-photo img                  { width:70px; height:70px; float:left; }
.galerie-photo-thumbs li.active img                       { border-color: #415da7; }
.wrap-galerie-photo .bx-wrapper .bx-controls-direction a   { color: #415da7;}
.wrap-galerie-photo .bx-wrapper .bx-controls-direction a:hover { color: #0a205a;}

.images-all-holder           { display: inline-block; position: relative;}
.link-btn                    { position: absolute; bottom: 0; right: 0%; width: 53px; height: 52px; background: rgba(255,255,255,0.3);}
.link-btn i                  { font-size: 30px; line-height: 50px; color: #fff;}
.link-btn:hover              { background: rgba(255,255,255,0.4);}
.link-btn:hover i            { color: #16327e;}


/*========================================================================================
        * Menu
========================================================================================*/
#wrap-prestations                       { background: url(../images/patterns/bg-granit.jpg)left top; border-bottom: 1px solid #0a205a;}
#sticky-menu-tab .category-short-title  { text-align:center; width:100%; background: #415da7;}
#sticky-menu-tab,#sticky-menu			{ left: 0; width: 100%;}
.categories-section.sticky-tab 			{ position: fixed;top: 51px;width: 100%; right:0; left:0;}
.gallerylist-prestations 				{ padding: 40px 0; }
.tab-category a 					    { font-size:22px; color:#ffffff !important; display:inline-block; height:40px; line-height:40px; text-align:center; padding:0px 15px; font-style: italic;}
.no-touch .tab-category a:hover 		{ background: #0a205a; }

.product 		{ border-bottom: 1px dashed #7d7d7d; padding: 15px 0; display:inline-block; width:100%;}
.product-title 	{ font-size:25px; text-align:left; color:#415da7; font-style: italic;}
.product-holder { width:80%; float:left;  }

.tarif-title  	{ text-align:justify; font-size:16px; color: #222; font-weight: 700;}
.tarif-desc  	{ text-align: justify; color:#7d7d7d; }
.tarif-price 	{ font-size:18px; font-weight:bold; float:right; }

.prices-section { width:100%; }
.prices-section .category-short-title a { color:#415da7; margin:0 7px; border-bottom: 3px solid #415da7; font-size:18px; text-transform:uppercase; display:inline-block; margin-bottom:10px; }
.prices-section .category-short-title a:hover { border-bottom:3px solid #0a205a; }
.prices-section .category-short-title {text-align:center; margin-bottom:15px; }

.anchor-title { font-size: 30px; text-transform:uppercase; margin-top:40px; text-align:center;}
 a.top                       { color: #fff !important; font-size: 22px;}
.top                        {
                            	background-color: #415da7;
                            	bottom: 5em;
                            	color: #fff;
                            	display: none;
                            	opacity:0.6;
                            	padding: 0.5em 1em;
                            	position: fixed;
                            	right: 1.5em;
                            	text-decoration: none;}
.top:hover                  {
                            	opacity:1;
                            	transition:1s; }