@font-face {
  font-family:'rodlo';
  src:url('/css/fonts/rodlo.eot?iu8nj1');
  src:url('/css/fonts/rodlo.eot?iu8nj1#iefix') format('embedded-opentype'),
	url('/css/fonts/rodlo.ttf?iu8nj1') format('truetype'),
	url('/css/fonts/rodlo.woff?iu8nj1') format('woff'),
	url('/css/fonts/rodlo.svg?iu8nj1#rodlo') format('svg');
	font-weight:normal;
	font-style:normal;
}


/* HEADER */
/* COMMON HEADER */
@media only screen and (min-width:0) {
  body > header .top-menu { top:0; left:0; width:100%; padding-left: 10px; background-color:#fff; }
  body > header .logo { position: relative; margin-top: 10px; margin-bottom: 10px; width: 260px; height: 100px; margin-left: auto; margin-right: auto;}
  body > header .logo a { display: block; width: 100%; height: 100%;}
  body > header .logo img { position: absolute; top:50%; left:50%;  max-width: 100%; max-height: 100%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
}

@media only screen and (min-width:0px) and (max-width:767px) {
  body > header { }
  body > header .container { position: relative; padding-top: 96px;}
  body > header .logo { width: 200px; height: 80px; margin-left: 0; margin-right: auto;}
  body > header .logo img { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  body.top-menu-open {overflow-y: hidden; max-height: 100%;}
  body > header .top-menu { position: absolute;  height: 96px;}
  body.top-menu-open > header .top-menu { position:fixed; z-index: 199; margin-left:0px;margin-right:0px;}
  body > header .mobile-menu { position: absolute; top:33px; right:10px; width:30px; height: 30px; }
  body > header .mobile-menu:before {  content:"\e90e"; font-size: 30px; color:#29364e; opacity: 1;   -webkit-transition: 0.5s;  transition: 0.5s;}
  body > header .mobile-menu:after {  content:"\e903"; font-size: 28px; margin-left: -30px; margin-top: 2px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s;}
  body.top-menu-open > header .mobile-menu:before { opacity: 0; }
  body.top-menu-open > header .mobile-menu:after { opacity: 1; }
}
@media only screen and (min-width:768px) {
  body > header .container { position: relative;}
  body > header .top-menu { padding-left: 0; }
}
@media only screen and (min-width:1000px){
}



/* NAV */
@media only screen and (min-width:0) {
  body > nav  {  text-align:center; -webkit-transition: 0.5s; transition: 0.5s;}
  body > nav > .container > ul > li { display:inline-block;-webkit-transition: 0.3s;transition: 0.3s;}
  body > nav > .container > ul > li a { font-family:'Poppins',Arial,sans-serif; font-weight:600; color:#29364e;  text-decoration:none; }
}

@media only screen and (min-width:0px) and (max-width:767px) {
  body > nav { position: fixed; top:96px; left:0px; width: 100%; height: calc(100% - 96px); max-height: 0px; overflow: hidden;  }
  body.top-menu-open > nav { z-index: 200; max-height: calc(100vh - 96px); background: #fff; border-bottom:1px solid #d8d8d8; border-top: 1px solid #d8d8d8;}
  body > nav > .container > ul {padding: 20px 0px;}
  body > nav > .container > ul > li { padding: 10px 0; margin: 5px 0; display: block; margin:0 14px; }
}
@media only screen and (min-width:768px){
  body > nav {  border-bottom: 1px solid #d8d8d8; }
  body > nav > .container > ul {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
  body > nav > .container > ul > li { margin:0 5px; }
  body > nav > .container > ul > li a {  height:50px; line-height:50px;  -webkit-transition: 0.3s;  transition: 0.3s;}
  body > nav > .container > ul > li a:hover {  color:#4f8bc9; }
}
@media only screen and (min-width:768px) and (max-width:999px) {

	body > nav > .container > ul > li a { font-size:15px; }
}
@media only screen and (min-width:1000px) {
	body > nav > .container > ul > li a { font-size:18px; }
}


/* HOME */
@media only screen and (min-width:0) {
  #page.home .banner-gig-cnt .banner-big a { display: block; height: 100%;}
  #page.home .banner-gig-cnt .banner-big img { height: 100%; }
  #page.home .banner-gig-cnt .slick-dots { text-align: center; margin-top: 10px;}
}

@media only screen and (min-width:0px) and (max-width:767px) {
  #page.home .banner-gig-cnt { margin-top: 10px; margin-bottom: 25px;}
  #page.home .banner-gig-cnt .banner-big { position: relative; height: 55vw;overflow: hidden;}
  #page.home .banner-gig-cnt .banner-big a { position: relative; overflow: hidden;}
  #page.home .banner-gig-cnt .banner-big img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); min-width: 100%; max-height: 100%; height: auto; width: auto;}
}
@media only screen and (min-width:768px){
  #page.home .banner-gig-cnt { margin-top: 15px; margin-bottom: 35px;}
  #page.home .banner-gig-cnt .banner-big { height: 460px;}
}
@media only screen and (min-width:768px) and (max-width:999px) {
  #page.home .banner-gig-cnt .banner-big { position: relative; height: 50vw;overflow: hidden;}
  #page.home .banner-gig-cnt .banner-big a { position: relative; overflow: hidden;}
  #page.home .banner-gig-cnt .banner-big img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  max-height: 100%; height: auto; width: auto;}
}


/* REVIEWS */
@media only screen and (min-width:0) {
  .reviews-list {  border-top: 2px solid #29364e;}
  .reviews-list li { padding: 15px 0; border-bottom: 1px solid #d8d8d8;}
  .reviews-list li .date { font-size: 12px; line-height: 14px;}
  .reviews-list li .head { padding-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
  .reviews-list li .head .title { margin-top: 4px;  margin-right: 35px;}
  .reviews-list li .content .title { font-size: 12px; line-height: 24px; text-transform: uppercase; font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e;}


}

@media only screen and (min-width:0px) and (max-width:767px) {
  .reviews-list li {padding-bottom: 25px;}
  .reviews-list li .head .title { margin-right: 35px;}
  .reviews-list li .content { padding-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
  .reviews-list li .content .title { margin-right: 20px;}
}
@media only screen and (min-width:768px){
  .reviews-list li { min-height: 120px;}
  .reviews-list li .date { float: left; width: 100%;}
  .reviews-list li .head { float: left;   width: calc(40% - 20px); margin-right: 20px; }


  .reviews-list li .content { float: left; width: calc(60%);}
}
@media only screen and (min-width:1000px) {
  .reviews-list li .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
  .reviews-list li .content .title { margin-right: 35px;}
  .reviews-list li .content .comment { }
}

/* SHOPS */
@media only screen and (min-width:0) {
  #page.shops .shop-list {margin-bottom: 60px;}
  #page.shops .shop-list .shop { margin-top: 40px; margin-bottom: 40px;}
  #page.shops .shop-list .shop .header h2 { margin-bottom: 0px; padding-bottom: 15px; border-bottom: 1px solid #d8d8d8;}
  #page.shops .shop-list .shop .header .message { text-align: center; padding:15px; border-bottom: 1px solid #d8d8d8; font-size: 16px; color:#29364e; font-family:'Poppins', Arial, sans-serif; font-style: italic; font-weight:400; }
  #page.shops .shop-list .shop .header { margin-bottom: 15px; }
  #page.shops .shop-list .shop .content .picture img { max-width: 100%; }

  #page.shops .shop-list .shop .content .details { text-align: center; -webkit-box-flex: 1;-ms-flex: 1;flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
  #page.shops .shop-list .shop .content .details .infos { -webkit-box-flex:1; -ms-flex:1; flex:1; display: inline-block; margin-left: auto; margin-right:auto; padding: 35px 0;}
  #page.shops .shop-list .shop .content .details .infos .info-line { position: relative; text-align: left; padding-left: 50px; margin-bottom: 35px; line-height: 18px;}
  #page.shops .shop-list .shop .content .details .infos a.info-line { display: block; text-decoration: none; color:#29364e; -webkit-transition: 0.3s; transition: 0.3s;}
  #page.shops .shop-list .shop .content .details .infos a.info-line:hover {  color:#4f8bc9; }
  #page.shops .shop-list .shop .content .details .infos a.info-line:hover:before {  color:#4f8bc9; }
  #page.shops .shop-list .shop .content .details .infos .info-line:before { position: absolute; color:#29364e; width: 30px; text-align: center; left: 0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s;}
  #page.shops .shop-list .shop .content .details .infos .phone { margin-bottom: 0;color:#29364e; font-family:'Poppins', Arial, sans-serif; font-weight:600;}
  #page.shops .shop-list .shop .content .details .infos .time:before { content:"\e91a"; font-size: 28px;}
  #page.shops .shop-list .shop .content .details .infos .address:before { content:"\e90d"; font-size: 28px;}
  #page.shops .shop-list .shop .content .details .infos .phone:before { content:"\e910"; font-size: 24px;}
  #page.shops .shop-list .shop .content .details .shop-rate { background: #fafafa; width: 100%; padding: 10px 10px 5px 10px;}
  #page.shops .shop-list .shop .content .details .shop-rate .title { font-size: 14px; color:#29364e; font-family:'Poppins', Arial, sans-serif; font-weight:600;}
  #page.shops .shop-list .shop .content .details .shop-rate .rate { display: inline-block;}
}

@media only screen and (min-width:0px) and (max-width:767px) {
  #page.shops .shop-list .shop .header .message { padding:10px; }
  #page.shops .shop-list .shop .content { text-align: center;}
  #page.shops .shop-list .shop .content .picture {display: inline-block;}
}
@media only screen and (min-width:768px){
  #page.shops .shop-list .shop .content { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #page.shops .shop-list .shop .content .picture { margin-right: 20px; max-width: 50%;}

}
@media only screen and (min-width:1000px) {
  #page.shops .shop-list .shop .content .picture { margin-right: 105px;}
}

/* SERVICES */
@media only screen and (min-width:0) {
  #page.services .service-list ul {  margin-left: -26px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #page.services .service-list ul .service { margin-left: 26px; border-top: 2px solid #29364e;}
}
@media only screen and (min-width:0px) and (max-width:529px) {
  #page.services .service-list ul .service h2 { font-size: 18px;}
  #page.services .service-list ul .service { padding-top: 25px; margin-bottom: 50px;}
}
@media only screen and (min-width:530px){
  #page.services .service-list ul .service { width: calc((100% / 2) - 26px); padding-top: 30px; margin-bottom: 70px;}
}
@media only screen and (min-width:1000px) {
  #page.services .service-list ul .service { width: calc((100% / 3) - 26px); padding-top: 30px; margin-bottom: 70px;}
}

/* BRANDS PAGE */
@media only screen and (min-width:0) {
  #page.content-page .content .alphabet-nav li a { padding: 0.2em 0.5em; opacity: 0.6; font-size: 20px;}
}
@media only screen and (min-width:0px) and (max-width:767px) {
  #page.content-page .content .brand-list-cnt h2 { font-size: 30px; line-height: 48px;}
}
@media only screen and (min-width:0px) and (max-width:360px) {
  #page.content-page .content .brand-list-cnt h2 { font-size: 28px; line-height: 34px; }
}
@media only screen and (min-width:768px){
  #page.content-page .content .brand-list-cnt h2 { font-size: 32px; line-height: 48px;}
}