/***********************************************
  1. Background Color
***********************************************/
::-moz-selection {
 background: #497bb8;
 color: #fff;
}
::selection {
    background: #497bb8;
    color: #fff;
}

.is-sticky #header-search input.s,
.service-style-one,
.social-media li a,
#testi-slider .owl-controls .owl-page.active span,
#testi-slider .owl-controls .owl-page span:hover,
a.btn-style-one,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nany-tooltip + .tooltip > .tooltip-inner,
.join-us-icon,
.entry-content .promo-style-1 .promo-heading h3,
.viewnow, .viewnow:hover,
a.btn-style-four.read-more:hover,
.breadcrumbs,
.nany-portfolio li:hover .port-title,
.social-share li a,
.page-numbers li span.current,
.page-numbers li a:hover,
.next.page-numbers,
.prev.page-numbers,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.woocommerce-pagination .page-numbers span.current,
.woocommerce-pagination .page-numbers a:hover,
.sidebar ul li:hover.cat-item .badge,
.woocommerce th,
.woocommerce-message:before,
.woocommerce-info:before,
.wc-edit, .wc-edit:hover,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
#woo-slider .owl-controls .owl-buttons div,
.img-wrap:hover .product-inner,
.woocommerce a.add_to_cart_button.button,
.woocommerce a.product_type_variable.button,
.woocommerce a.product_type_grouped.button,
#woo-slider .owl-controls .owl-buttons div,
.woocommerce a.add_to_cart_button.button:hover,
.woocommerce a.product_type_variable.button:hover,
.woocommerce a.product_type_grouped.button:hover,
#woo-slider .owl-controls .owl-buttons div:hover,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart,
.woocommerce .link-like .zilla-likes:hover .zilla-likes-count,
.woocommerce-page .link-like .zilla-likes:hover .zilla-likes-count,
.woocommerce .link-like .zilla-likes.active,
.woocommerce-page .link-like .zilla-likes.active,
.quantity .plus, .quantity .minus,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,
.widget-ajax-cart i,
[id^=tab]:checked + label,
a:hover.btn-style-one,
table tfoot, table tfoot a,
button, html input[type="button"], input[type="reset"],
input[type="submit"], input#submit, input.wpcf7-submit,
#yith-wcwl-popup-message {
    background: #497bb8;
}

.woocommerce .widget_layered_nav ul li.chosen a,
.woocommerce-page .widget_layered_nav ul li.chosen a,
.woocommerce .widget_layered_nav_filters ul li a,
.woocommerce-page .widget_layered_nav_filters ul li a {
  background-color: #497bb8;
}


/***********************************************
  2. Text Color
***********************************************/
a,
#main-nav .current,
.nav > ul > li > a:hover, .nav > ul > li > a:focus,
.testi-company,
.panel-default > .panel-heading a,
.comments-reply i,
#footer .nany-recent-widget .recent-date-full,
.sidebar ul li:hover.cat-item,
.sidebar ul li:hover.cat-item:before,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a,
.woocommerce div.product span.price,
.woocommerce div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce #content div.product p.price,
.woocommerce-page div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce div.product .stock,
.woocommerce #content div.product .stock,
.woocommerce-page div.product .stock,
.woocommerce-page #content div.product .stock,
.woocommerce .img-wrap:hover a.add_to_cart_button.button,
.woocommerce .img-wrap:hover .link-like .zilla-likes:hover .zilla-likes-count,
.woocommerce-page .img-wrap:hover .link-like .zilla-likes:hover .zilla-likes-count,
.woocommerce .img-wrap:hover .link-like .zilla-likes:hover .zilla-likes-count em,
.woocommerce-page .img-wrap:hover .link-like .zilla-likes:hover .zilla-likes-count em,
.woocommerce .img-wrap:hover .link-like li a,
.woocommerce-page .img-wrap:hover .link-like li a,
.yith-wcwl-add-to-wishlist .show a:hover,
.yith-wcwl-add-to-wishlist .show a:hover:before,
.nany-product-details:hover,
.nany-product-details:hover:before,
.woocommerce .cart-collaterals .cart_totals .discount td,
.woocommerce-page .cart-collaterals .cart_totals .discount td,
.woocommerce ul.digital-downloads li a:hover,
.woocommerce-page ul.digital-downloads li a:hover,
.widget-ajax-cart a:hover {
    color: #497bb8;
}

/***********************************************
  3. Border Color
***********************************************/
.timeline-top-line,
.timeline-top-line:before,
.nany-portfolio li:hover .port-title,
.shop-template .product-inner, .woocommerce .product-inner,
.woocommerce-message,
.woocommerce-info,
#yith-wcwl-popup-message,
.woocommerce .link-like .zilla-likes.active,
.woocommerce-page .link-like .zilla-likes.active,
.woocommerce div.product form.cart div.quantity,
.woocommerce-page div.product form.cart div.quantity,
.quantity,
.woocommerce ul.digital-downloads li a:hover,
.woocommerce-page ul.digital-downloads li a:hover,
.woocommerce .widget_layered_nav ul li.chosen a,
.woocommerce-page .widget_layered_nav ul li.chosen a,
.woocommerce .widget_layered_nav_filters ul li a,
.woocommerce-page .widget_layered_nav_filters ul li a,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,
a.btn-style-four {
  border-color:#497bb8;
}
.nany-tooltip + .tooltip > .tooltip-arrow {border-top-color:#497bb8;}
.is-sticky #header-search:before {
  border-color: transparent transparent #497bb8 transparent;
  border-color:rgba(255,255,255,0)  rgba(255,255,255,0) #497bb8 rgba(255,255,255,0);
}
.wpb_tabs .wpb_tabs_nav li.ui-tabs-active.ui-state-active,
.wpb_tabs .wpb_tabs_nav li.ui-tabs-active.ui-state-focus,
.wpb_tabs .wpb_tabs_nav li.ui-tabs-active.ui-state-hover,
.testi-content {border-top-color:#497bb8;}

.wpb_tour .wpb_tabs_nav li.ui-tabs-active {border-left-color:#497bb8 !important;}
.port-title {border-bottom-color:#497bb8;}

.table-style-four table tr:hover {
  background-color: rgba(73,123,184, 0.2);
}
.blog-style-1:hover .blog-style-content {
  background: rgba(73,123,184, 0.8);
}



/***********************************************
    Headings - Text Color
***********************************************/
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2,
.entry-content h3, .entry-content h4,
.entry-content h5, .entry-content h6,
.post-title, .author-name h3,
.comment-wrapper h3, .comment-wrapper h3 {color: #020202;}

.widget-title {color: #444444;}

.footer-widget-title, #footer h2 {color: #ffffff;}

/***********************************************
    Typography
***********************************************/
body {
font-family:Duru Sans, sans-serif !important;font-weight:bolder !important;letter-spacing: !important;text-transform: !important;color:#020202 !important;font-size:18px !important;}

input[type='submit']{
  font-family:Duru Sans, sans-serif;
}

.navbar-default .navbar-nav > li > a, .navbar-nav > ul > li > span.dropdown-toggle a, .navbar-default .navbar-nav > li > a, .dropdown-menu > li > a {
font-family:, sans-serif !important;font-weight: !important;letter-spacing: !important;text-transform: !important;font-size: !important;}

.page-title {
font-family:Poiret One, sans-serif !important;font-weight: !important;letter-spacing: !important;text-transform: !important;color: !important;font-size: !important;}

h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2,
.entry-content h3, .entry-content h4,
.entry-content h5, .entry-content h6,
.post-title, .author-name h3,
.comment-wrapper h3, .comment-wrapper h3,
.footer-menu ul li a,
.copyright-text {
  font-family:, sans-serif !important;font-weight: !important;letter-spacing: !important;text-transform: !important;font-size: !important;}

.custom-font{
  font-family:Poiret One, sans-serif;font-weight:;letter-spacing:;color: !important;text-transform:;}

.breadcrumbs-nub {
  background: url('https://preprod.utinam.fr/wp-content/uploads/2015/02/nany-blue.png') no-repeat top center;
}
.breadcrumbs {
  background: #000000;
}



/* 404 Page */

/***********************************************
    Custom CSS
***********************************************/
@media screen and (min-width: 767px){
    .suppa-sticky-holder {
        min-width: 735px !important;
    }
}

.navbar-default { background: #fff !important; padding-bottom:0;}
.navbar-logo.default-logo img{
    width:100%;
}

.navbar-logo {
    padding-bottom: 0;
}

.header-lang{float: right;}
.header-lang a{color:#000;font-size:12px;}

.header-menu{clear:both;float:left}

.suppa-sticky-holder{margin-left:9px;}

.navbar-header {
    line-height: 30px !important;
}

.post-3418 .maps .wpb_raw_code{margin:0;}

.wpb_single_image img {
    height: auto;
    width: 100%;
}
.blog-style-1:hover .blog-style-content, .blog-style-1:hover .blog-style-content .post-excerpt {
    color: #FFF !important;
}
.main-menu .suppa_top_level_link .suppa_item_title {
    text-transform: uppercase;
}

.wpb_image_grid .wpb_image_grid_ul .isotope-item img {
    max-width: 100% !important;
}

.main-menu .suppa_rwd_text {
    color: #000 !important;
}

.main-menu .suppa_menu .suppa_top_level_link.suppa_top_links_has_arrow {
    padding-right: 7px !important;
}



.header-subtitle, .header-subtitle2{display:inline-block;font-family: Duru Sans,sans-serif;font-weight:400;font-style:normal;color:#000}
.header-subtitle{font-size: 20px; letter-spacing: 10px; margin-top: 15px;}
.header-subtitle2{font-size:11px; letter-spacing: 5px;display:block;}

.navbar-default {
    padding-top:0;
}

.suppa-sticky-holder {
    clear:both;
}

.is-sticky .suppa-sticky-holder{margin-top:10px;}
#fixed-navbar{display: block !important;}

.search-toggle {
    right: 33px;
    top: 15px;
    z-index: 2147483647;
}

#header-search {
    height: 52px;
    bottom: -45px;
    right: 15px;
    z-index: 2147483647;
}

.navbar-default {
    box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
    -moz-box-shadow:inherit !important;
}

p {
    font-size: 18px;
    line-height: 25px;
}

.blanc {background:#fff}
.beige {background:#fcfcfc}
.beige1 {background:#d3d1cf}
.gris  {background:#eae9e8}
.gris1 {background:#b2afaa;}
.gris2{background:#E5E1DE;}
.vert  {background:#eaf1f1}
.prune {background:#ece9ed}

.design > div {
   background:#DAE1E1;
}

.design .wpb_text_column {
    margin-top: 25px;
}

.meteor .vc_images_carousel, .carousel_align_center .vc_images_carousel{margin:0 auto;}

.vc_row .equal-height{vertical-align:middle;}

.wpb_single_image.wpb_content_element{margin-bottom:0;}

.padding-lr-15{padding-left:15%;padding-right:15%;}
.padding-lr-5{padding-left:5% !important;padding-right:5% !important;}

/*.equal-height .wpb_text_column{margin-bottom:80px;}*/

@media screen and (max-width:972px){
    .header-menu{float:none !important}
}

@media screen and (max-width:767px){
    .wpb_column{clear:both;}
    .header-subtitle, .header-subtitle2{text-align:center;width:100%}
    .header-subtitle{font-size:20px;letter-spacing:5px;}
    .header-subtitle2{font-size:13px;letter-spacing:2px;}
    
    .map-change {margin: 4px 10px !important;}
    
    .dettaillant .inner h2{font-size:36px !important;}
   
}

@media screen and (min-width:767px){
     .dettaillants-titre section .vc_col-sm-6 {
        padding: 0;
    }
    
    .suppa-sticky-holder{min-width:767px;}
}

.lala img{
    max-height: 1933px;
    width:auto;
}

.popup img {
    max-height: 1985px;
    width:auto;
}

.page-id-3639 .popup img {
    max-height: 1926px;
}

.hortence img {
    max-height: 2020px;
    width: auto;
}



.borderleft{border-left:1px solid #000;}
.borderright{border-right:1px solid #000;}

.clear{clear:both;}

.width100 a{width:100%;}
.width100 a.btn:hover{background:#ccc;color:#000;}

.rev_slider_wrapper{clear:both;}

a.btn-style-four{border-width:1px;}

.wpb_gallery.vc_clearfix {
    clear: both;
}

.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle {
    -webkit-transform: translate(0, -50%);
}

.blog-style-1:hover .blog-style-content {
    background: rgba(161, 161, 162, 0.9);
}

#menu-item-3270 a, #menu-item-3873 a, #menu-item-3912 a {
    background: url("https://utinam.fr/wp-content/uploads/2015/02/facebook2912.png") no-repeat;
    height: 32px;
    display: block;
    width: 32px;
    text-indent: -9999px;
    float:left;
    margin-right:10px;
}


#menu-item-3873 a {
    background: url("https://utinam.fr/wp-content/uploads/2015/04/twitter.png") no-repeat;
}

#menu-item-3912 a {
    background: url("https://utinam.fr/wp-content/uploads/2015/04/gplus.png") no-repeat;
}



#form-wysija-2 .wysija-input, #form-wysija-3 .wysija-input {
    height: 35px;
    font-size: 12px;
    padding: 5px;
    width: 115px;
    margin: 0px 5px 0px 0px;
    float: left;
    
}

#form-wysija-2 .wysija-submit, #form-wysija-3 .wysija-submit {
    height: 35px;
    padding: 8px;
    width: 40px;
}

area{display:inline-block !important;}

.target-container.maps{display:none;}
.target-container.maps.default{display:block;}

.map-change, .country-change {
    display: inline-block;
    padding: 10px;
    background: #b2afaa;
    width: 95%;
    margin: 30px 10px;
    text-align: center;
    color: #000;
    font-size: 24px;
    transition:none;
}

.map-change:hover, .country-change:hover, .map-change:active, .country-change:active{background:#ccc !important;}

.page-id-4119 .wpb_raw_code, .page-id-3956 .wpb_raw_code {
    margin-bottom: 0; 
}

.column-zero-space .wpb_column.title-custom, .column-zero-space .wpb_column.content-custom{
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.post-3519 .vc_hidden-xs .wpb_raw_code, .post-3519 .title-custom .wpb_raw_code, .post-3653 .vc_hidden-xs .wpb_raw_code, .post-3653 .title-custom .wpb_raw_code  {
    margin-bottom: 0;
}

.post-3519 .wpcf7, .post-3653 .wpcf7 {
    padding: 10%;
}

.post-3519 .wpcf7-submit, .post-3653 .wpcf7-submit {
    background: #D3D1CF;
}

.page-id-3175 .wpcf7-form input, .page-id-3774 .wpcf7-form input{font-size: 13px !important;margin: 4px 0px !important;padding: 6.9px !important;}

.detaillant h2 {
    font-size: 19px;
    margin-bottom: 50px;
}

.detaillant .horaires {
    font-style: italic;
    font-size: 13px;
}

.detaillant .contact, .detaillant a {
    color: #872f48;
    float: none;
}


.container-img img, .container-b-img img{display:none;}
.container-img img.default{display:block;}

.container-img span{
    text-align: center;
    display: block;
    padding:5px 0;
}

.detaillants select{margin:50px 0;display:none;background: #fff;}

.detaillant {display:none;}
.detaillant.default{display:block;}

.detaillants-container{
    transition: all 800ms ease-out 0s;
}

.plus span {
    font-size: 12em;
    font-family: "Poiret One";
    font-weight: initial;
    line-height: 0.5em;
    margin-left: 75px;
}

.plus p {
    margin-left: 120px;
}

@media (max-width: 768px) { 
    .container-b-img img{margin:25px 0 50px;}
}


.container-b-img {display:none;}

@media (min-width: 768px) { 
    .container-b-img > div > .wpb_wrapper{
        min-height: 400px;
        background: #231f20;
        margin: auto;
        padding:15px;
    }
    
    .container-b-img img{
        display: block;
        margin: 0 auto;
    }
    
    .container-b-img .les-montres, 
    .container-b-img .objectif-horlogerie,
    .container-b-img .doux{
        padding-top: 100px;
    }
    
}
@media (min-width: 992px) { 
    .detaillants-container{
        transition: all 800ms ease-out 0s;
        padding-top: 18%;
    }
}

a.maps-link{color:#000;}

a.maps-link:before {
  content: url(http://utinam.fr/wp-content/uploads/2015/04/maps-icon.jpg);
  padding-right: 20px;
  top: 14px;
  display: block;
  float: left;
}

.page-id-4119 .wpcf7, .page-id-3956 .wpcf7{
    width: 60%;
    padding: 50px;
    background: none repeat scroll 0% 0% #FFF;
    margin: auto;
}

.country-change.active{background:#ccc !important;}
.detaillants-container select.active{display:block;}

.widget_wysija_cont .updated, .widget_wysija_cont .login .message {
    background-color: #fff;
    border-color: #E6DB55;
    color: #000 !important;
}

.widget_wysija_cont .updated li {
    color: #000 !important;
}

.wpb_animate_when_almost_visible {
    opacity: 1 !important;
    filter: alpha(opacity=1) !important;
}


.dptable > div{
    display: table;
    height: 100%;
}
.dptable > div > .wpb_wrapper{
    display: table-cell;
    vertical-align: middle;
    padding:80px 0;
}

@media screen and (max-width: 768px ) {
    .entry-content h2, .entry-content h3{
        font-size: 30px !important;
        margin-bottom: 30px !important;
        padding-bottom: 20px !important;
    }
    
    .entry-content p{
        font-size: 13px !important;
    }
    
    .dptable > div, .column-zero-space .wpb_column.petillante{
        padding: 10% !important;
    }
    
    .dptable > div > .wpb_wrapper{
        padding:30px 0;
    }
    
    div.ppt {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 384px ) {
    .wpb_image_grid .wpb_image_grid_ul .isotope-item {
        max-width: 48% !important;
        float: left !important;
    }
    
    .full .wpb_image_grid .wpb_image_grid_ul .isotope-item {
        max-width: 100% !important;
    }
    
    div.ppt {
        font-size: 10px !important;
    }
    
    .page-id-4119 .wpcf7, .page-id-3956 .wpcf7 {
        width: 100%;
        padding: 10px;
    }
}