html{ height: 100%}
body{font-family: 'Open Sans', sans-serif; overflow-x: hidden; background: #f5f5f5; position: relative; height: 100%;}
a, .btn, li {outline: none; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; text-decoration: none !important}
.transition{-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.img-responsive{ max-width: 100%;}
.form-absolute{position: relative;}
::-moz-selection { color: #fff; background: #2E3138;}
::selection {color: #fff; background: #2E3138;}

/*-----------------------------------------------------------------------------------*/
/*  LOADER
/*-----------------------------------------------------------------------------------*/
@keyframes pulsate {
    0% {transform:scale(.1);opacity: 0.0}
    50% {opacity:1}
    100% {transform:scale(1.2);opacity:0}
}
@-webkit-keyframes pulsate {
    0% {transform:scale(.1);opacity: 0.0}
    50% {opacity:1}
    100% {transform:scale(1.2);opacity:0}
}
.loader{ width: 100%; height: 100%; position: fixed; background: #333D40; z-index: 9999}
.loader:before{ content: ''; width: 60px; height: 60px; left: 50%; top: 50%; margin:-30px 0 0 -30px; position:absolute; border:4px solid #fff;border-radius:30px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count:infinite; animation: pulsate 1s ease-out; animation-iteration-count:infinite}

/*-----------------------------------------------------------------------------------*/
/*  TOP
/*-----------------------------------------------------------------------------------*/
.top2{ position: relative; background: #fff; box-shadow: 0 2px 1px #eee; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.08); box-shadow: 0 1px 3px rgba(0,0,0,.08);}
.top2 .infos-top{ background: #656A74; padding: 8px 0;}
.top2 .content-top{ padding: 30px 0;}
.top2 .content-top .logo{ display: block; margin: 0 auto; height: 80px;}
.top2 .content-top .logo img{ margin: 15px 30px;}
/*NAV AFTER*/
.top2 .navbar-after{ border:none; border-radius: 0; z-index: 100; margin: 0}
.top2 .navbar-after img{ height: 35px; position: absolute; left: 10px; top: 0; margin-top: -16px; opacity: 0;}
.top2 .navbar-after .navbar-header{ display: none}
.top2 .navbar-after .navbar-header .navbar-brand{ padding: 20px; color: #fff; font-size: 12px;}
.top2 .navbar-after .navbar-header .navbar-toggle{ margin-right: 0; cursor: pointer; color: #DBDBDB}
.top2 .navbar-after .navbar-header .navbar-toggle:after{ font-family: 'FontAwesome'; content: "\f0c9"; background: rgba(0,0,0,0.2); border-radius: 0; padding: 15px 15px;}
.top2 .navbar-after .navbar-header .navbar-toggle:not(.collapsed):after{content: "\f00d";}
.top2 .navbar-after .navbar-header button i{ color: #fff}
.top2 .navbar-after .nav{ display: inline-block; float: none; vertical-align: top;}
.top2 .navbar-after .nav li{ position: relative;}
.top2 .navbar-after .nav li:hover:before{ top: 0; opacity: 1}
.top2 .navbar-after .nav li:hover:after{ bottom: 0; opacity: 1}
.top2 .navbar-after .nav li a{ padding: 30px; text-transform: uppercase; font-size: 14px; color: #666666; background: none; font-weight: 700; overflow: hidden; position: relative}
.top2 .navbar-after .nav li a span{ position: relative; z-index: 20}
.top2 .navbar-after .nav li a:before{ position: absolute; width: 100%; height: 100%; background: #ED3237; color: #fff ; content: ''; left: 0; top: -100%;}
.top2 .navbar-after .nav li a:before,
.top2 .navbar-after .nav li a:focus{ background: #ED3237; color: #fff;}
.top2 .navbar-after .nav li a:hover{ color: #fff}

.top2 .navbar-after .nav li a:hover:before{ top: 0; color: #fff}
.top2 .navbar-after .nav li ul{ min-width: 270px; padding: 0; border:none; box-shadow: none !important;}
.top2 .navbar-after .nav li ul li{ width: 100%; text-align: left}
.top2 .navbar-after .nav li ul li a{ padding: 15px; padding-left: 50px; font-size: 12px; background: #f9f9f9 ; }
.top2 .navbar-after .nav li ul li a:before{ background: none;}
.top2 .navbar-after .nav li ul li a:hover{ color: #999}
.top2 .navbar-after .nav li ul:after{content: '';position: absolute; bottom: 0; left: 27px; width: 1px; background: #ccc; height: 100%; display: block}
.top2 .navbar-after .nav li ul li:before{  background: #ccc; bottom: auto; content: ""; height: 8px; left: 23px; margin-top: 20px; position: absolute; right: auto; width: 8px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.top2 .navbar-after .nav li.dropdown > a{ padding-right: 40px;}
.top2 .navbar-after .nav li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f078"; position: absolute; right: 20px; top: 50%; margin-top: -10px;}
.top2 .navbar-after .nav li.dropdown.open > a:after{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.top2 .navbar-after.scroll-fix{ border: none;}
.top2 .navbar-after.scroll-fix .nav li a{ padding: 25px 45px;}
.top2 .navbar-after.scroll-fix .nav li a:hover{ color: #fff}
.top2 .navbar-after.scroll-fix .nav li ul li a{ padding: 15px; padding-left: 50px; font-size: 12px;}
.top2 .navbar-after.scroll-fix .nav li ul li a:hover{ color: #999}


.top2 .infos-top .infos{ display: inline; margin-bottom: 5px}
.top2 .infos-top .infos{color: #fff; margin-right: 10px; font-size: 12px; text-transform: uppercase; line-height: 28px}
.top2 .infos-top .infos strong{ color: #fff}
.top2 .infos-top .infos i{ padding: 10px; width: 36px; font-size: 16px; background: #ED3237; text-align: center; color: #fff; margin-right: 5px;}
.top2 .infos-top .infos.user-info{ cursor: pointer; position: relative; margin: 0; padding: 0 5px;}
.top2 .infos-top .infos.user-info:before{ font-family: 'FontAwesome'; content: "\f101"; color: #fff}
.top2 .infos-top .infos.user-info a{ color: #fff;}
.top2 .infos-top .infos.user-info a:hover{ color: #CD3336;}
.top2 .infos-top .social .infos{ display: inline; margin: 0;}
.top2 .infos-top .social .infos i{ margin: 0}
.top2 .infos-top .social .infos i.fa-facebook{ background: #3C5792}
.top2 .infos-top .social .infos i.fa-twitter{ background: #32CDFD}
.top2 .infos-top .social .infos i.fa-google-plus{ background: #DA4835}


.top{ position: relative; background: #333}
/*LOGO*/
.top .header{ background: #4A4F5B; position: relative; top: 0; left: 0; z-index: 999; width: 100%; padding: 12px 0; box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1); -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1); -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1); border-bottom: 1px solid rgba(0,0,0, 0.2);}
.top .header .logo img{ max-width: 100%;}
.top .header .infos{ display: block; margin-bottom: 5px}
.top .header .infos{color: #999; margin-right: 10px; font-size: 12px; text-transform: uppercase; line-height: 28px}
.top .header .infos strong{ color: #fff}
.top .header .infos i{ padding: 10px; width: 36px; font-size: 16px; background: #B13336; text-align: center; color: #fff; margin-right: 5px;}
.top .header .infos.user-info{ cursor: pointer; position: relative; margin: 0; padding: 0 5px;}
.top .header .infos.user-info:before{ font-family: 'FontAwesome'; content: "\f101"; color: #fff}
.top .header .infos.user-info a{ color: #999;}
.top .header .infos.user-info a:hover{ color: #CD3336;}
.top .header .social{ margin-top: 20px}
.top .header .social .infos{ display: inline; margin: 0;}
.top .header .social .infos i{ margin: 0}
.top .header .social .infos i.fa-facebook{ background: #3C5792}
.top .header .social .infos i.fa-twitter{ background: #32CDFD}
.top .header .social .infos i.fa-google-plus{ background: #DA4835}
/*NAV BEFORE*/
.top .navbar-before{ margin-bottom: 0; text-align: center; display: none}
.top .navbar-before .navbar-header{ display: none}
.top .navbar-before .navbar-header .navbar-brand{ padding: 20px; color: #fff; font-size: 12px;}
.top .navbar-before .navbar-header .navbar-toggle{ margin-right: 0; cursor: pointer; color: #DBDBDB}
.top .navbar-before .navbar-header .navbar-toggle:after{ font-family: 'FontAwesome'; content: "\f0c9"; background: rgba(0,0,0,0.2); border-radius: 0; padding: 15px 15px;}
.top .navbar-before .navbar-header .navbar-toggle:not(.collapsed):after{content: "\f00d";}
.top .navbar-before .navbar-header button i{ color: #fff}
.top .navbar-before .nav{ display: block; width: 100%; margin: 10px 0; margin-bottom: 0}
.top .navbar-before .nav li{ position: relative; margin-right: 5px; width: 15%;}
.top .navbar-before .nav li:last-child{ margin-top: 0;}
.top .navbar-before .nav li a{ text-transform: uppercase; background: #24272C; box-shadow: inset 0 -3px 0 #CD3336; -webkit-box-shadow: inset 0 -3px 0 #CD3336; -moz-box-shadow: inset 0 -3px 0 #CD3336; border-bottom: 1px solid #701E14; color: #999;}
.top .navbar-before .nav li a:hover,
.top .navbar-before .nav li a:focus,
.top .navbar-before .nav li a:active{ color: #B13336}
.top .navbar-before .nav li ul{ min-width: 250px; padding: 0; border:none;}
.top .navbar-before .nav li ul li{ width: 100%; text-align: left;}
.top .navbar-before .nav li ul li a{ padding: 15px; padding-left: 50px; font-size: 12px; background: #24272C ;  box-shadow: none; border-color: #2b2e33}
.top .navbar-before .nav li ul:after{content: '';position: absolute; bottom: 0; left: 27px; width: 1px; background: #2b2e33; height: 100%; display: block}
.top .navbar-before .nav li ul li:before{  background: #2b2e33; bottom: auto; content: ""; height: 8px; left: 23px; margin-top: 21px; position: absolute; right: auto; width: 8px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
/*-----------------------------------------------------------------------------------*/
/*  CONTENT
/*-----------------------------------------------------------------------------------*/
/*TITLE*/
.title-page{ background: url(../../../images/titlebg.jpg) no-repeat bottom; background-size: cover; position: relative; padding: 50px 0}
.title-page:before{  content: ''; background: rgba(46,49,56, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.title-page h1{ color: #BFC1CA; font-weight: 700; text-transform: uppercase; font-size: 40px}
.title-page h1 span{ font-weight: 300; font-size: 12px; color: #999; display: block; margin-top: 10px; color: #A9ADBA; position: relative; overflow: hidden}
.title-page h1 span:before,
.title-page h1 span:after{ content: ''; display: inline-block; width: 80px; height: 1px; vertical-align: middle; background: rgba(255,255,255,.5); margin: 0 10px; margin-top: -4px}
/*SLIDER*/
.content .slider .camera_prev{ left: 10px}
.content .slider .camera_next{ right: 10px}
.content .slider .camera_prev,
.content .slider .camera_next{ background: rgba(31, 31, 44, 0.5);  width: 60px; height: 60px;  text-align: center; opacity: 0; margin-top: -30px;}
.content .slider .camera_prev > span,
.content .slider .camera_next > span{ background: none; width: 60px; height: 60px;}
.content .slider .camera_prev > span:before,
.content .slider .camera_next > span:before{font-family: 'FontAwesome'; content: ''; font-size: 50px; line-height: 60px; color: #DBDBDB; position: relative;}
.content .slider .camera_prev > span:before{ content: "\f104"; right: 4px;}
.content .slider .camera_next > span:before{ content: "\f105"; left: 4px;}
/*NAV AFTER*/
.content .navbar-after{ background: #4A4F5B; text-align: center; box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1); -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1); -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1); border-bottom: 1px solid rgba(0,0,0, 0.2); border-top: none; border-radius: 0; z-index: 100}
.content .navbar-after img{ height: 35px; position: absolute; left: 10px; top: 0; margin-top: -16px; opacity: 0;}
.content .navbar-after .navbar-header{ display: none}
.content .navbar-after .navbar-header .navbar-brand{ padding: 20px; color: #fff; font-size: 12px;}
.content .navbar-after .navbar-header .navbar-toggle{ margin-right: 0; cursor: pointer; color: #DBDBDB}
.content .navbar-after .navbar-header .navbar-toggle:after{ font-family: 'FontAwesome'; content: "\f0c9"; background: rgba(0,0,0,0.2); border-radius: 0; padding: 15px 15px;}
.content .navbar-after .navbar-header .navbar-toggle:not(.collapsed):after{content: "\f00d";}
.content .navbar-after .navbar-header button i{ color: #fff}
.content .navbar-after{ margin: 0;}
.content .navbar-after .nav{ display: inline-block; float: none; vertical-align: top;}
.content .navbar-after .nav li{ position: relative;}
.content .navbar-after .nav li:hover:before{ top: 0; opacity: 1}
.content .navbar-after .nav li:hover:after{ bottom: 0; opacity: 1}
.content .navbar-after .nav li a{ padding: 45px 60px; text-transform: uppercase; font-size: 14px; color: #DBDBDB; background: none; font-weight: 700; overflow: hidden; position: relative}
.content .navbar-after .nav li a span{ position: relative; z-index: 20}
.content .navbar-after .nav li a:before{ position: absolute; width: 100%; height: 100%; background: #B03235; color: #fff; content: ''; left: 0; top: -100%;}
.content .navbar-after .nav li a:before,
.content .navbar-after .nav li a:focus{ background: #B03235; color: #fff; box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1); -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1); -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.1);}

.content .navbar-after .nav li a:hover:before{ top: 0;}
.content .navbar-after .nav li ul{ min-width: 270px; padding: 0; border:none;}
.content .navbar-after .nav li ul li{ width: 100%; text-align: left}
.content .navbar-after .nav li ul li a{ padding: 15px; padding-left: 50px; font-size: 12px; background: #424651 ; }
.content .navbar-after .nav li ul li a:before{ background: none; box-shadow: none;}
.content .navbar-after .nav li ul:after{content: '';position: absolute; bottom: 0; left: 27px; width: 1px; background: #343741; height: 100%; display: block}
.content .navbar-after .nav li ul li:before{  background: #343741; bottom: auto; content: ""; height: 8px; left: 23px; margin-top: 21px; position: absolute; right: auto; width: 8px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.content .navbar-after .nav li ul li:hover:before{ background: #B13336}
.content .navbar-after .nav li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f078"; position: absolute; right: 20px; top: 50%; margin-top: -10px;}
.content .navbar-after .nav li.dropdown.open > a:after{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.content .navbar-after.scroll-fix{ background: rgba(46,49,56, 0.9)}
.content .navbar-after.scroll-fix .nav li a{ padding: 25px 45px;}
.content .navbar-after.scroll-fix .nav li ul li a{ padding: 15px; padding-left: 50px; font-size: 12px; background: #24242B ; }
/*SEARCH*/
.content .form-search{ position: relative; background: #fff;  border-bottom: 1px solid #eee; padding: 15px 0;}
.content .form-search span{ text-transform: uppercase; font-weight: bold; font-size: 26px; color: #CD3336; height: 56px; line-height: 56px; display: block}
.content .form-search .form-ui{ position: relative; border: 1px solid #ececec;}
.content .form-search .separator{ position: absolute; left: 30.6%; top: 5px; width: 1px; height: 36px; background: #ccc;}
.content .form-search .form-group{ margin: 0; border: 5px solid #f5f5f5; display: table; width: 100%;}
.content .form-search .form-control{ border: none; background: #fff}
.content .form-search select{ width: 30%; float: left;}
.content .form-search input{ width: 70%; float: left; border-left: 1px solid #000; padding-right: 140px;}
.content .form-search button{ position: absolute; right: 0; top: 0; height: 46px; line-height: 46px;}
.content .form-search button i{height: 46px; line-height: 46px;}
/*CONTENS*/
.contents{ padding: 25px; color: #2E3138;  overflow: hidden}
.contents .title-content{text-align: center; margin-bottom: 20px; position: relative}
.contents .title-content h5{ display: inline-block; background: #CD3336; margin: 0; padding: 12px 35px; text-transform: uppercase; font-weight: 700; font-size: 18px; color: #fff; position: relative}
.contents .title-content h5:before,
.contents .title-content h5:after{content: ''; height: 100%; width: 25px; background: #AA2B2E; position: absolute; top: 0; -webkit-transform: rotate(360deg) scale(1.003) skew(-30deg) translate(0px); -moz-transform: rotate(360deg) scale(1.003) skew(-30deg) translate(0px); transform: rotate(360deg) scale(1.003) skew(-30deg) translate(0px);}
.contents .title-content h5:before{ left: -12px;}
.contents .title-content h5:after{ right: -12px;}
.contents .title-content a{ position: absolute; right:1px; top: 3px; font-weight: 700}
.contents h2{ overflow: hidden; margin: 0; }
.contents h2:after{ content: '';  position: relative; left: 18px; display: inline-block; width: 200%; height: .75em; margin: 0 -200% 0 0;}
.contents .cms-home{ padding-top: 10px;}
/*CMS*/
.cms{ padding: 50px;}
.cms .title-cms{ margin: 0; text-align: center; position: relative}
.cms .title-cms{ font-size: 18px; font-weight: 300; text-transform: uppercase; margin-bottom: 25px; color: #666; text-align: center; background: url(../../../images/pattern-main.png) repeat-x}
.cms .content-cms{ width: 100%; display: table;}
.cms .content-cms img{ max-width: 100%;}
.cms .title-cms span{ padding: 5px 25px; background: #fff; display: inline-block;}
.location-store{ margin: 40px 0; margin-bottom: 0;}
.location-store .col-centered{ width: 350px; cursor: pointer; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none}
.location-store .box-location{ background: #2E3138; border: 5px solid #292C32; display: table; width: 100%;}
.location-store .box-location i{ font-size: 60px; text-align: center; color: #fff; float: left; padding: 20px 30px;}
.location-store .box-location strong{ color: #fff; margin: 10px; margin-left: 0; display: block; text-transform: uppercase;}
.location-store .box-location p{ color: #fff; font-size: 16px; display: table; margin: 0 10px; font-weight: 100; text-transform: uppercase;}

/*POSTS*/
.posts-main { overflow: hidden}
.posts-main div .post{ margin-top: 50px; float: right; width: 100%; min-height: 400px; position: relative;}
.posts-main div .post:before{font-family: FontAwesome; width: 64px; height: 64px; border-radius: 50%; line-height: 64px; font-size: 22px; background: #2E3138; color: #fff; content: "\f040";text-align: center; position: absolute; top: -32px; left: 50%; margin-left: -32px;}
.posts-main div .post figure{ position: relative; overflow: hidden; margin: 10px;}
.posts-main div .post figure img{ width: 100%;}
.posts-main div .post .title-post{ color: #333; line-height: 26px; min-height: 125px; padding-bottom: 20px; padding-top: 50px; margin: 0 15px; font-size: 16px; text-transform: uppercase; text-align: center; display: block;}
.posts-main div .post .content-post{ padding: 30px; min-height: 180px; margin: 0; font-size: 12px; color: #333; -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1); line-height: 24px; text-align: center}
.posts-main div .post .infos-post{ font-size: 12px; font-weight: 300; text-transform: uppercase; margin: 0 10px; margin-bottom: 15px; color: #999}
.posts-main div .post .infos-post span{ margin-right: 15px;}
.posts-main div .post .infos-post span i{ margin-right: 3px;}
.posts-main div .post  .social-shared{ display: block; width: 100%; border-top: 1px solid #f5f5f5; margin: 0; margin-top: 20px; padding: 10px;}
.posts-main div .post  .social-shared li{ margin: 0;}
.posts-main div .post  .social-shared li a{ background: none; font-size: 18px;}
.posts-main div .post  .social-shared li a i{color: #ccc !important}
.posts-main div .post  .social-shared li a i:hover{ color: #CD3336 !important}
.posts-main div .post:hover:before{ background: #CD3336}

figure.figure-hover:before{position: absolute; font-family: 'FontAwesome'; content: "\f06e"; width: 50px; height: 50px; line-height: 50px; top: 60%; left: 50%; margin-top: -25px; margin-left: -25px; text-align: center; z-index: 11; color: #fff; font-size: 30px; opacity: 0;}
figure.figure-hover:after{ content: ''; background: rgba(0,0,0, 0.5); width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0; opacity: 0;}
figure.figure-hover:hover:before{ opacity: 1; top: 50%;}
figure.figure-hover:hover:after{ opacity: 1}
figure.figure-hover:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.content-post{ padding: 50px;}
.content-post img.img-main{ width: 100%;}
.content-post .title-post{ text-align: center; margin: 30px 0; margin-top: 15px; line-height: 150%; font-weight: bold; text-transform: uppercase; font-size: 30px; color: #2E3138}
.content-post h3{ line-height: 140%; font-size: 20px;}
.content-post p{ line-height: 180%;}

.content-post .content-box{ margin-top: 40px;}
.content-post .infos-post{ font-size: 14px; font-weight: 300; text-transform: uppercase; margin-bottom: 25px; color: #666; text-align: center; background: url(../../../images/pattern-main.png) repeat-x}
.content-post .infos-post span{ padding: 3px 25px; background: #fff; display: inline-block; margin: 0 -2px;}
.content-post .infos-post span i{ margin-right: 3px;}
.content-post .infos-post span i:last-child{ margin-left: 15px;}
.last-posts{ padding: 10px; padding-bottom: 5px; margin: 0;}
.last-posts li{ display: block; background: #f5f5f5; margin: 10px 0}
.last-posts li figure{ position: relative; overflow: hidden; display: none}
.last-posts li:first-child figure{ display: block;}
.last-posts li img{ width: 100%;}
.last-posts li h5{ color: #333; font-weight: 700; line-height: 26px; margin: 0; padding: 10px; padding-bottom: 5px; font-size: 14px; text-transform: uppercase; display: block;}
.last-posts li h5 a{ color: #333;}
.last-posts li span{ margin: 10px; margin-top: 0; display: inline-block; color: #999; font-size: 12px; font-weight: 300; text-transform: uppercase;}
.last-posts li:hover a{ color: #CD3336}

/*WIDGET*/
.widget{ margin-bottom: 30px;}
.widget h4{ margin: 0; padding: 15px; border-left: 3px solid #CD3336; text-transform: uppercase;}

/*STORES*/
.stores-main h1{ margin: 100px 0}
.stores-main .row-stores{ overflow: hidden}
.stores-main .owl-carousel .item{margin: 0 0;}
.stores-main .item{ padding: 0; margin: 15px 0; position: relative; overflow: hidden}
.stores-main .item .thumbnail{ border: none; margin-bottom: 0; padding: 5px; position: relative; overflow: hidden;}
.stores-main .item .thumbnail .hover{ content: ''; background: rgba(0,0,0, 0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%;  z-index: 19}
.stores-main .item .thumbnail .hover:before{position: absolute; font-family: 'FontAwesome'; content: "\f002"; background: #CD3336; width: 50px; height: 50px; line-height: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; text-align: center; border-radius:100%; color: #fff; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0;}
.stores-main .item .thumbnail img{ width: 100%;}
.stores-main .item .thumbnail,
.stores-main .item .name-store{ width: 100%; float: left;}
.stores-main .item .name-store{ padding: 20px 10px; text-transform: uppercase; text-align: center;}
.stores-main .item .name-store h2{font-size: 14px; margin: 5px; color: #333; line-height: 26px;}
.stores-main .item .caption{ padding: 0; margin: 0; width: 100%; z-index: 20;}
.stores-main .item .caption li{ font-weight: 400; display: block; padding: 5px; text-align: left; text-transform: uppercase; border-bottom: 1px dashed #eee; color: #333; font-size: 12px; line-height: 140%;}
.stores-main .item .caption li i{ width: 30px; height: 30px; line-height: 30px; margin-right: 10px; border: 1px solid #ccc; border-radius: 50%; color: #666; text-align: center;}
.stores-main .item .caption li a{ color: #333}
.stores-main .item .caption li:last-child{ border: none;}
.stores-main .item .caption h4{ text-transform: uppercase; color: #fff; text-align: center; font-weight: 300; margin: 0; font-size: 14px}
.stores-main .item:hover .caption{ bottom: 0; opacity: 1}
.stores-main .item:hover .thumbnail img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.stores-main .item:hover .thumbnail .hover:before{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1}
.stores-main .item .thumbnail .hover:hover{background: rgba(0,0,0, 0);}
.stores-main .item .btn-details{ position:absolute; bottom: 10px; right: 10px;}
.content-store{ padding: 30px;}
.content-store .title-store{ font-weight: 300; text-transform: uppercase; margin: 0; padding: 10px 0; position: relative; border-bottom: 1px solid #eee;}
.content-store .infos-store .social-shared{ margin: 10px 0}
.content-store .infos-store .social-shared h3{ margin: 10px 0; font-weight: 700; font-size: 14px;}
.content-store .infos-store .social-shared h3 span{ font-weight: 300}
.content-store .infos-store .social-shared li{ margin: 0; margin-right: 5px;}
.content-store .infos-store .social-shared li a{ width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
.content-store .infos-store .social-shared li a.facebook{ background: #3C5792}
.content-store .infos-store .social-shared li a.twitter{ background: #32CDFD}
.content-store .infos-store .social-shared li a.google-plus{ background: #DA4835}
.content-store .infos-store .contact-store{ padding: 0; margin: 5px 0; float: left; width: 100%;}
.content-store .infos-store .contact-store li{ display: block; margin: 8px 0; padding: 15px; background: #f9f9f9; border-left: 5px solid #CD3336; text-transform: uppercase;}
.content-store .infos-store .contact-store li a{ color: #CD3336}
.content-store .infos-store .text-store{ margin: 10px 0; border-top: 1px solid #eee; padding-top: 10px;}
.btn-user{ margin: 10px;}
/**CAROUSEL**/
.stores-main .owl-carousel .item{ margin: 0 10px}
.stores-main.carousel .owl-navs span{ background: #E5E5E5; border-radius: 100%; width: 50px; height: 50px; font-family: 'FontAwesome'; color: #9c9c9c; float: left; text-align: center; cursor: pointer; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); position: absolute; z-index: 30; top: 40%; opacity: 0;}
.stores-main.carousel .owl-navs span.prev{left: 0;}
.stores-main.carousel .owl-navs span.next{right: 0;}
.stores-main.carousel .owl-navs span.prev:before,
.stores-main.carousel .owl-navs span.next:before{ line-height: 50px;}
.stores-main.carousel .owl-navs span.prev:before{ content: "\f053"; }
.stores-main.carousel .owl-navs span.next:before{ content: "\f054";}
.stores-main.carousel .owl-navs span:hover{ background: #CD3336; color: #fff; border-color: #fff}
.stores-main.carousel:hover .owl-navs span{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
.boxs .carousel{ position: relative;}
.boxs .carousel img{ width: 100%;}
.boxs .carousel .carousel-options{ position: absolute; z-index: 100; width: 60px; height: 60px; line-height: 60px; text-align: center; background: rgba(66,73,79,0.8); bottom: 0px; color: #f1f1f1; font-size: 22px; cursor: pointer; opacity: 0}
.boxs .carousel .full-screen{ top: -15%;}
.boxs .carousel .prev{ left: -10%;}
.boxs .carousel .next{right: -10%;}
.boxs .carousel .carousel-options:before{font-family: 'FontAwesome';}
.boxs .carousel .full-screen:before{ content: "\f0b2"}
.boxs .carousel .prev:before{ content: "\f053"}
.boxs .carousel .next:before{ content: "\f054"}
.boxs .carousel .carousel-options:hover{ background: #CD3336}
.boxs .carousel:hover .carousel-options{ opacity: 1}
.boxs .carousel:hover .full-screen{ top: 0;}
.boxs .carousel:hover .prev{ left: 0;}
.boxs .carousel:hover .next{ right: 0;}

.list-store{ background: #2E3138; float: left; width: 100%; position: relative;}
.list-store .left,
.list-store .right{ padding: 0;}
.list-store .left{ padding-top: 5%;}
.list-store .left .infos{ margin-left: 20px;}
.list-store .left .infos h4{ color: #fff; font-weight: 700; font-size: 26px; text-transform: uppercase}
.list-store .right .owl-carousel .item{ margin: 0; position: relative} 
.list-store .right .owl-navs span{ top: 30%;}
.list-store .right .item .caption{ position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100%;}
/**NEWSLETTER**/
.newsletter{ background: url(../../../images/subscribebg.jpg); background-size: cover; padding: 70px 0; position: relative}
.newsletter:before{ content: ''; background-color: rgba(255,255,255,0.6); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.newsletter p{ font-size: 12px; color: #333; text-transform: uppercase; margin-bottom: 15px;}
.newsletter form .form-group{ margin: 0; display: table; width: 100%; padding: 5px; background: #F5F5F5}
.newsletter form .form-group input{ width: 100%; float: left; border:none; height: 41px; background: #fff; padding-right: 180px}
.newsletter form .form-group button{ position: absolute; right: 0; top: 0;}
/**FOOTER**/
.footer{ background: #fff; min-height: 350px; padding-top: 15px; overflow: hidden}
.footer .box{ float: left; margin: 15px 0; width: 100%;}
.footer .box h4{ color: #333; text-transform: uppercase; font-weight: 700; position: relative; margin-bottom: 30px;}
.footer .box h4:after{ width: 60px; height: 5px; background: #CD3336; content: ''; position: absolute; bottom: -10px; left: 0}
.footer .box p{ color: #fcfcfc; font-size: 12px; line-height: 24px}
.footer .box.contact{ color: #333}
.footer .box.contact address{ font-size: 13px; line-height: 24px; margin-bottom: 5px;}
.footer .box.contact address strong{ font-size: 14px; text-transform: uppercase;}
.footer .box.contact i,
.footer .box.contact a{ color: #333}
.footer .box.contact span{ color: #fcfcfc;}
.footer .box.contact .social-shared li{ padding: 0; margin: 2px; margin-left: 0; }
.footer .box.contact .social-shared li a{ background: rgba(0,0,0, 0.4); width: 40px; height: 40px; line-height: 40px; }
.footer .box.contact .social-shared li a.facebook:hover{ background: #44619D}
.footer .box.contact .social-shared li a.twitter:hover{ background: #1AB2E8}
.footer .box.contact .social-shared li a.instragram:hover{ background: #B13336}
.footer .box.contact .social-shared li a.google-plus:hover{ background: #DA4835}
.footer .box.open ul{ padding: 0; margin: 0;}
.footer .box.open ul .box-open{ margin-bottom: 20px; float: left; width: 100%;}
.footer .box.open ul h5{color: #fff; font-weight: 700; text-transform: uppercase; margin: 0; margin-bottom: 5px;}
.footer .box.open ul li{ display: block;}
.footer .box.open ul li p{ color: #BFC1CA; width: 25%; background: rgba(0,0,0, 0.4); line-height: 40px; text-align: center; float: left; font-size: 14px; margin-bottom: 3px;}
.footer .box.open ul li p:first-child{ margin-right: 10px;  width: 47%;}
.footer .box.open ul li p:nth-child(3n+2){ position: relative;}
.footer .box.open ul li p:nth-child(3n+2):before{position: absolute; font-family: 'FontAwesome'; content: "\f0da"; right: 0;}
.footer .box .maps{ width: 100%; height: 220px;}
.footer .copy{ background: rgba(0,0,0, 0.4); padding: 10px 0;}
.footer .copy p{ margin: 0; color: #333}
.footer .copy p a{ color: #DA4835}
.footer .logo-footer{ margin-top: 40px;}

/*SOCIAL*/
.social-shared{ float: left; margin: 0}
.social-shared li{ padding: 0;margin: 0 5px; }
.social-shared li a{ width: 35px; height: 35px; line-height: 35px; background: #CD3336; text-align: center; float: left}
.social-shared li i{ color: #fff !important}
/*CUSTOM BUTTON*/
.btn-icon{ padding-right: 56px; padding-top: 0; padding-bottom: 0; height: 41px; line-height: 41px; font-size: 10px; font-weight: 300; text-transform: uppercase; text-align: left;}
.btn-icon i{ background: #CD3336; position: absolute; right: 0; top: 0; height: 41px; width: 41px; line-height: 41px; text-align: center; font-size: 12px; }

/*CONTACT*/
.contact-page .map{ min-height: 400px;}
.contact-page .container{ padding: 50px 15px; padding-top: 30px;}
.contact-page .container h3{ text-transform: uppercase; margin-bottom: 30px;}
.contact-page .container form .form-group .form-control{ margin-bottom: 20px; resize: none}
.contact-page .infos-contact .box{ border-bottom: 1px dashed #eee; color: #A3A3A3}
.contact-page .infos-contact .box:last-child{ border:none}
.contact-page .infos-contact .box h4{ text-transform: uppercase; font-weight: 700; color: #3A3F47; font-size: 16px;}
.contact-page .infos-contact .box p{ font-size: 12px; text-transform: uppercase;}
.contact-page .infos-contact .box strong{ color: #CD3336; margin-right: 5px;}
.contact-page .infos-contact .box a{ color: #A3A3A3}

/*MAPS*/
#cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 10px; opacity: .7; background-color: #B13336; text-align: center; line-height: 32px; color: #fff; font-family: 'FontAwesome'; font-size: 14px; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;}
#cd-zoom-in { margin-top: 10px; margin-bottom: 1px;}
#cd-zoom-in:before{content: "\f067";}
#cd-zoom-out:before{content: "\f068";}

/*BOXS*/
.boxs{ background: #fff; box-shadow: 0px 0px 2px 0px #eee; margin-bottom: 10px;}

/*-----------------------------------------------------------------------------------*/
/*  TRANSITION
/*-----------------------------------------------------------------------------------*/
.content .slider .camera_next,

.content .navbar-after.scroll-fix,

.top2 .navbar-after img,
.top2 .navbar-after .nav li.dropdown > a:after,
.top2 .navbar-after .nav li ul li:before,
.top2 .navbar-after .nav li a:before,

.posts-main div .post:before,
.posts-main div .post .social-shared li a i,
.carousel .carousel-options,
.figure-hover:before,
.figure-hover:after,
.figure-hover img,
.figure-hover span,

.stores-main .item .caption,
.stores .right ul li figure img,

.stores-main .owl-navs span,
.stores-main .item .thumbnail img,
.stores-main .item .thumbnail .hover,
.stores-main .item .thumbnail .hover:before{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}


/*-----------------------------------------------------------------------------------*/
/*  MEDIAS
/*-----------------------------------------------------------------------------------*/

@media (max-width: 992px) {
    .top .header .top-infos{ display: none;}
    .top .header .logo{ max-width: 300px; float: none; display: block; margin: 0 auto;}
    .top2 .navbar-after.fixed img{ opacity: 0;}
    .top2 .navbar-after.scroll-fix .nav li a{ padding: 23px 35px;}
    .top2 .navbar-after .nav li a{ font-size: 14px; padding: 23px 35px;}
    .contents .title-content a{ display: none}
    .footer .box{ border-bottom: 1px solid rgba(0,0,0, 0.2); padding-bottom: 15px;}
    
}
@media (min-width: 768px) and (max-width: 992px) {

}
@media (max-width: 768px){
    .top .navbar-before{background: #24272C; text-align: left; margin-top: 10px}
    .top .navbar-before .navbar-header{ display: block;} 
    .top .navbar-before .nav li{ width: 100%;}
    .top .navbar-before .nav li a{ font-size: 14px; padding: 20px 25px; box-shadow: none;}
    .top .navbar-before .nav li ul{ position: relative}

    .top2 .navbar-after { text-align: left}
    .top2 .navbar-after .navbar-header{ display: block;} 
    .top2 .navbar-after .nav{ display:block; margin-top: 0; margin-bottom: 0;}
    .top2 .navbar-after .nav li{ border-top: 1px solid #eee}
    .top2 .navbar-after .nav li ul{ position: relative}
    .top2 .navbar-after .nav li a{ padding: 25px 40px;}

}
@media (max-width: 440px){

}

/*-----------------------------------------------------------------------------------*/
/*  EFFECTS
/*-----------------------------------------------------------------------------------*/
@-webkit-keyframes 
clickeffect { from{width:0; height:0; margin-left:0; margin-top:0; opacity:.7} 
              to{width:300px; height:300px; margin-left:-150px; margin-top:-150px; opacity:0}}
              @keyframes 
              clickeffect { from{width:0; height:0; margin-left:0; margin-top:0; opacity:.7} 
                            to{width:300px; height:300px; margin-left:-150px; margin-top:-150px; opacity:0}}
                            .waves{border-radius:100%; position:absolute; z-index:100; background:rgba(255,255,255,0.2); pointer-events:none; animation:clickeffect 1s ease-in-out; -webkit-animation:clickeffect 1s ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards}