.preloader{
position:fixed;
display:none;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
background-color:#ffffff8a;
}
.loading{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
font:14px arial;
}
.panel{
margin-top:20px;
}
@media (max-width:767px){
.resisearch{
display:none;
}
}
.cityul{
position:absolute;
background:#FBF9ED;
z-index:999;
padding:10px 0;
}
.cityli{
padding:5px 10px;
cursor:pointer;
color:#666;
}
.fullwidthselect{
width:-webkit-fill-available !important;
}
.form_input{
order-radius:4px;
border:1px solid #888;
}
ul.timeline{
list-style-type:none;
position:relative;
margin:0;
}
ul.timeline:before{
content:' ';
background:#d4d9df;
display:inline-block;
position:absolute;
left:9px;
width:2px;
height:100%;
z-index:400;
}
ul.timeline > li{
margin:20px 0;
}
ul.timeline > li:before{
content:' ';
background:white;
display:inline-block;
position:absolute;
border-radius:50%;
border:3px solid #22c0e8;
left:0;
width:20px;
height:20px;
z-index:400;
margin-top:4px;
}
@font-face{
font-family:'ElegantIcons';
src:url("font/ElegantIcons.ttf");
font-weight:normal;
font-style:normal;
font-display:swap;
}
html,body{
height:100%;
}
body{
background:#fff;
font-size:1rem;
font-family:"Poppins",Helvetica,sans-serif;
color:#444;
display:flex; 
flex-direction:column;
}
h1,
h2,
h3,
h4,
h5,
h6{
color:#222;
font-weight:500;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.h1,h1{
font-size:1.75rem;
}
.title_small{
font-size:21px;
font-size:1.3125rem;
font-weight:600;
}
p{
margin-bottom:20px;
}
strong{
font-weight:500;
}
label{
font-weight:500;
margin-bottom:3px;
}
hr{
margin-top:25px;
margin-bottom:25px;
border-color:#ededed;
}
a{
color:#e54750;
text-decoration:none;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
outline:none;
}
a:hover,a:focus{
color:#111;
text-decoration:none;
outline:none;
}
@media (min-width:1410px){
.container{
max-width:1320px;
}
}
@media (max-width:1200px){
.container{
max-width:90%;
}
}
@media (max-width:560px){
.container{
max-width:100%;
}
}
.small-gutters{
margin-right:-5px !important;
margin-left:-5px !important;
}
.small-gutters > [class*="col-"]{
padding-right:5px !important;
padding-left:5px !important;
}
header{
position:fixed;
left:0;
top:0;
width:100%;
padding:15px 0;
z-index:99999;
border-bottom:1px solid rgba(255,255,255,0);
}
@media (max-width:767px){
header.header{
padding:10px 15px;
}
}
header.header .logo_sticky{
display:none;
}
header.header.sticky{
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
border-bottom:1px solid #ededed;
background-color:#fff;
}
@media (max-width:767px){
header.header.sticky{
padding:10px 15px;
}
}
header.header.sticky .logo_normal{
display:none;
}
header.header.sticky .logo_sticky{
display:inline-block;
}
header.header_in{
padding:20px 0;
background-color:#fff;
position:relative;
border-bottom:1px solid #ededed;
}
header.header_in.is_sticky{
position:fixed;
left:0;
top:0;
width:100%;
}
header.header_in ul#top_menu li a{
color:#444;
}
@media (max-width:767px){
header.header_in #logo a{
z-index:9;
position:relative;
}
}
header a.open_close{
position:absolute;
right:20px;
top:5px;
z-index:999;
color:#fff;
font-size:42px;
font-size:2.6rem;
display:none;
width:25px;
height:25px;
margin-right:5px;
}
@media (max-width:767px){
header a.open_close{
display:block;
}
}
header a.open_close span{
display:none;
}
header a.open_close:hover{
opacity:0.8;
}
header.black_nav a{
color:#222;
}
header.black_nav a:hover{
opacity:1;
color:#e54750 !important;
}
header.sticky a.open_close,
.header_in a.open_close{
color:#222;
}
header.sticky a.open_close:hover,
.header_in a.open_close:hover{
opacity:1;
color:#e54750;
}
#logo{
float:left;
}
#logo img{
width:auto;
height:50px;
}
@media (max-width:767px){
/*#logo{
float:none;
width:100%;
text-align:center;
}*/
#logo img{
width:auto;
height:40px;
}
}
.main-menu{
position:relative;
z-index:9;
top:10px;
float:right;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.main-menu ul,.main-menu ul li{
position:relative;
margin:0;
padding:0;
}
.main-menu ul a,.main-menu ul li a{
position:relative;
margin:0;
padding:0;
display:block;
padding:10px;
}
.main-menu > ul > li > a{
color:#fff;
padding:0 0 15px 30px;
font-size:1rem;
font-weight:500;
}
.main-menu > ul > li.black > ul > li > a{
color:#444;
}
.main-menu > ul > li:hover > a{
color:#e54750;
}
header.sticky .main-menu > ul > li > a,header.header_in .main-menu > ul > li > a,header.black_nav .main-menu > ul > li > a{
color:#222;
}
header.sticky .main-menu > ul > li:hover > a,header.header_in .main-menu > ul > li:hover > a,header.black_nav .main-menu > ul > li:hover > a{
opacity:1;
color:#e54750;
}
#close_in,#header_menu{
display:none;
}
@media only screen and (min-width:768px){
.main-menu{
width:auto;
}
.main-menu a{
white-space:nowrap;
}
.main-menu ul li{
display:inline-block;
}
.main-menu ul li.submenu:hover > a:before,
.main-menu ul li.submenu:hover > a:after{
bottom:-10px;
opacity:0;
}
.main-menu ul ul{
position:absolute;
border-top:2px solid #e54750;
z-index:1;
visibility:hidden;
left:3px;
top:100%;
margin:0;
display:block;
padding:0;
background:#fff;
min-width:210px;
-webkit-box-shadow:0px 6px 12px 0px rgba(0,0,0,0.175);
-moz-box-shadow:0px 6px 12px 0px rgba(0,0,0,0.175);
box-shadow:0px 6px 12px 0px rgba(0,0,0,0.175);
transform:scale(0.4);
transform-origin:10% top;
-webkit-transition:all 0.6s cubic-bezier(0.77,0,0.175,1);
-moz-transition:all 0.6s cubic-bezier(0.77,0,0.175,1);
transition:all 0.6s cubic-bezier(0.77,0,0.175,1);
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
opacity:0;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.main-menu ul ul:before{
bottom:100%;
left:12%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-bottom-color:#e54750;
border-width:7px;
margin-left:-7px;
}
.main-menu ul li:hover > ul{
padding:0;
visibility:visible;
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition-delay:0.2s;
transition-delay:0.2s;
-webkit-transition-duration:0s,0.2s,0.2s;
transition-duration:0s,0.2s,0.2s;
}
.main-menu ul ul li{
display:block;
height:auto;
padding:0;
}
.main-menu ul ul li a{
font-size:13px;
font-size:0.8125rem;
color:#444;
display:block;
padding:12px 15px;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.main-menu ul ul li:last-child a{
border-bottom:none;
}
.main-menu ul ul li:first-child a:hover{
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
-ms-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.main-menu ul ul li:last-child a{
border-bottom:none;
}
.main-menu ul ul li:last-child a:hover{
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
-ms-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
}
.main-menu ul ul li:hover > a{
background-color:#f9f9f9;
color:#e54750;
padding-left:18px;
}
.main-menu ul ul li.third-level > a{
font-weight:normal !important;
}
.main-menu ul ul li.third-level > a:hover{
background-color:#f9f9f9;
color:#e54750;
padding-left:18px;
opacity:1;
}
.main-menu ul ul li.third-level > a:after{
font-family:'ElegantIcons';
content:"\35";
float:right;
font-size:16px;
font-size:1rem;
margin-top:-2px;
}
.main-menu ul ul ul{
position:absolute;
border-top:0;
z-index:1;
height:auto;
left:100%;
top:0;
margin:0;
padding:0;
background:#fff;
min-width:190px;
-webkit-box-shadow:0px 6px 12px 0px rgba(0,0,0,0.175);
-moz-box-shadow:0px 6px 12px 0px rgba(0,0,0,0.175);
box-shadow:0px 6px 12px 0px rgba(0,0,0,0.175);
}
.main-menu ul ul ul:before{
border-width:0;
margin-left:0;
}
}
@media only screen and (max-width:767px){
.main-menu ul,.main-menu ul li{
display:inline-block;
}
/*#header_menu{
display:block;
position:relative;
padding:15px;
}
#header_menu a.open_close{
position:absolute;
right:15px;
top:0;
left:inherit;
color:#666 !important;
margin-right:10px;
}
.main-menu ul li a:hover,
a.show-submenu:hover{
color:#e54750 !important;
background-color:#f9f9f9;
opacity:1 !important;
}
.main-menu ul li{
border-top:none;
border-bottom:1px solid #ededed;
color:#fff;
}
.main-menu ul li a{
padding:15px !important;
}
.main-menu li,
.main-menu a{
display:block;
color:#333 !important;
}
.main-menu li{
position:relative;
}
.main-menu ul > li{
padding-bottom:0;
}
.main-menu ul > li i{
float:right;
}
.main-menu ul li.submenu ul{
border-left:1px solid #ededed;
margin:0 0 10px 25px;
}
.main-menu ul li.submenu ul li{
border:0;
font-size:13px;
font-size:0.8125rem;
}
.main-menu ul li.submenu ul ul{
border-left:none;
margin:0 0 0 15px;
}
.main-menu{
transform:translateX(100%);
top:0;
right:0;
bottom:0;
width:75%;
max-width:300px;
height:100%;
position:fixed;
z-index:999;
background-color:#FBF9ED;
-webkit-transition:all 0.6s cubic-bezier(0.77,0,0.175,1);
-moz-transition:all 0.6s cubic-bezier(0.77,0,0.175,1);
transition:all 0.6s cubic-bezier(0.77,0,0.175,1);
}
.main-menu.show{
transform:translateX(0);
}
.main-menu .show-submenu + ul{
display:none;
visibility:hidden;
}
.main-menu a.show-submenu + ul.show_normal{
display:block;
visibility:visible;
}*/
}
ul#top_menu{
float:right;
margin:0 0 0 10px;
padding:0;
list-style:none;
font-size:13px;
font-size:0.8125rem;
}
@media (max-width:767px){
ul#top_menu{
position:absolute;
top:12px;
right:15px;
float:none;
margin:-2px 0 0 10px;
}
}
ul#top_menu li{
float:left;
margin:0;
line-height:1;
margin-right:15px;
}
ul#top_menu li:last-child{
margin-right:0;
position:relative;
top:0;
}
@media (max-width:767px){
ul#top_menu li{
margin:2px 0 0 10px;
}
}
ul#top_menu li a{
color:#fff;
}
ul#top_menu li a:hover{
color:#fff;
opacity:0.7;
}
ul#top_menu li a.login,ul#top_menu li a.cart_bt,ul#top_menu li a.wishlist_bt_top{
display:block;
width:22px;
height:23px;
position:relative;
top:8px;
-moz-transition:opacity 0.5s ease;
-o-transition:opacity 0.5s ease;
-webkit-transition:opacity 0.5s ease;
-ms-transition:opacity 0.5s ease;
transition:opacity 0.5s ease;
}
@media (max-width:767px){
ul#top_menu li a.login,ul#top_menu li a.cart_bt,ul#top_menu li a.wishlist_bt_top{
top:2px;
}
}
ul#top_menu li a.login:before,ul#top_menu li a.cart_bt:before,ul#top_menu li a.wishlist_bt_top:before{
font-family:'Glyphter';
font-size:21px;
font-size:1.3125rem;
text-indent:0;
position:absolute;
left:0;
top:0;
font-weight:normal;
line-height:1;
}
.sticky ul#top_menu li a.login:before,.sticky ul#top_menu li a.cart_bt:before,.sticky ul#top_menu li a.wishlist_bt_top:before{
color:#444;
}
ul#top_menu li a.cart_bt{
top:5px;
text-indent:-9999px;
}
@media (max-width:767px){
ul#top_menu li a.cart_bt{
top:-1px;
}
}
ul#top_menu li a.cart_bt:before{
content:'\0041';
font-size:24px;
font-size:1.5rem;
}
ul#top_menu li a.cart_bt strong{
font-size:10px;
font-size:0.625rem;
font-weight:700;
width:16px;
height:16px;
text-indent:0;
display:block;
text-align:center;
position:absolute;
bottom:-5px;
right:-4px;
line-height:17px !important;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
background-color:#e54750;
color:#fff !important;
}
@media (max-width:767px){
ul#top_menu li a.cart_bt strong{
bottom:-3px;
}
}
ul#top_menu li a.wishlist_bt_top{
text-indent:-9999px;
}
ul#top_menu li a.wishlist_bt_top:before{
content:'\0043';
}
ul#top_menu li a.login{
text-indent:-9999px;
}
ul#top_menu li a.login:before{
content:'\0042';
}
.hero_single{
width:100%;
position:relative;
margin:0;
color:#fff;
}
.hero_single .opacity-mask{
display:flex;
flex-direction:column;
justify-content:center;
}
.hero_single .opacity-mask h1,
.hero_single .opacity-mask h3{
color:#fff;
line-height:1;
font-size:42px;
font-size:2.625rem;
margin:0;
font-weight:600;
}
@media (max-width:767px){
.hero_single .opacity-mask h1,
.hero_single .opacity-mask h3{
font-size:36px;
font-size:2.25rem;
}
}
.hero_single .opacity-mask p{
font-size:28px;
font-size:1.75rem;
font-weight:300;
}
@media (max-width:767px){
.hero_single .opacity-mask p{
font-size:21px;
font-size:1.3125rem;
}
}
.hero_single .search_trends{
color:#555;
}
.hero_single .search_trends h5{
display:inline-block;
color:#555;
}
.hero_single .search_trends ul{
list-style:none;
display:inline-block;
margin:15px 0 0 0;
padding:0;
}
.hero_single .search_trends ul li{
display:inline-block;
}
.hero_single .search_trends ul li:after{
content:",";
}
.hero_single .search_trends ul li:last-child:after{
content:" ";
}
.hero_single .search_trends ul li a{
color:#555;
}
.hero_single .search_trends ul li a:hover{
text-decoration:underline;
}
.hero_single.version_1{
height:620px;
background:#faf3cc url(../img/hero_5.svg) center top no-repeat;
}
@media (max-width:767px){
.hero_single.version_1{
background:#faf3cc url(../img/hero_5_mobile.svg) center top no-repeat;
}
}
@media (max-width:767px){
.hero_single.version_1 .opacity-mask{
text-align:center !important;
}
}
.hero_single.version_1 .opacity-mask h1,
.hero_single.version_1 .opacity-mask h3{
color:#222;
}
.hero_single.version_1 .opacity-mask p{
color:#444;
}
.hero_single.version_2{
height:620px;
background:#faf3cc url(../img/home_section_2.jpg) center center no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
.hero_single.version_2 .opacity-mask{
text-align:left;
}
@media (max-width:767px){
.hero_single.version_2 .opacity-mask{
text-align:center !important;
}
}
.hero_single.version_2 .opacity-mask h1,
.hero_single.version_2 .opacity-mask h3{
color:#fff;
}
.hero_single.version_2 .opacity-mask p{
color:#fff;
}
.hero_single.version_2 .search_trends{
color:#fff;
}
.hero_single.version_2 .search_trends h5{
color:#fff;
}
.hero_single.version_2 .search_trends ul li a{
color:#fff;
}
.hero_single.inner_pages{
height:620px;
background-position:center center;
background-repeat:no-repeat;
background-color:#ededed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
text-align:center;
}
.hero_single.inner_pages h1{
margin-top:-30px;
}
.custom-search-input{
background-color:#fff;
padding:5px 5px 5px 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
margin-top:10px;
-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
}
@media (max-width:767px){
.custom-search-input{
background:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
}
.custom-search-input input{
border:0;
height:50px;
padding:12px 10px 10px 20px;
font-weight:500;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0;
font-size:15px;
font-size:0.9375rem;
}
.custom-search-input input.no_border_r{
border:none;
}
@media (max-width:767px){
.custom-search-input input{
border:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
height:60px;
-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
}
}
.custom-search-input input:focus{
box-shadow:none;
}
@media (max-width:767px){
.custom-search-input input:focus{
border-right:none;
-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
}
}
.custom-search-input select{
display:none;
}
.custom-search-input .form-group{
margin:0;
}
@media (max-width:767px){
.custom-search-input .form-group{
margin-bottom:5px;
}
}
.custom-search-input i{
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
font-size:18px;
font-size:1.125rem;
position:absolute;
background-color:#fff;
line-height:50px;
top:0;
right:1px;
padding-right:15px;
display:block;
width:20px;
box-sizing:content-box;
height:48px;
z-index:9;
color:#999;
}
@media (max-width:767px){
.custom-search-input i{
padding-right:10px;
}
}
.custom-search-input button[type='submit']{
padding:0 25px;
height:50px;
width:100%;
margin-right:-1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
font-weight:600;
}
@media (max-width:767px){
.custom-search-input button[type='submit']{
margin:15px 0 0 0;
}
}
.search_trends{
color:#555;
}
.search_trends h5{
display:inline-block;
color:#555;
}
.search_trends ul{
list-style:none;
display:inline-block;
margin:15px 0 0 0;
padding:0;
}
.search_trends ul li{
display:inline-block;
}
.search_trends ul li:after{
content:",";
}
.search_trends ul li:last-child:after{
content:" ";
}
.search_trends ul li a{
color:#555;
}
.search_trends ul li a:hover{
color:#444;
text-decoration:underline;
}
.hero_in.detail_page{
width:100%;
height:450px;
position:relative;
overflow:hidden;
color:#fff;
text-align:left;
background-position:center center;
background-repeat:no-repeat;
background-color:#ededed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
@media (max-width:767px){
.hero_in.detail_page{
height:400px;
}
}
.hero_in.detail_page .container{
position:relative;
height:100%;
}
.hero_in.detail_page .wrapper .buttons{
position:absolute;
bottom:0;
right:20px;
}
@media (max-width:767px){
.hero_in.detail_page .wrapper .buttons{
margin-top:10px;
position:static;
}
}
.hero_in.detail_page .wrapper .buttons a.btn_hero{
background-color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);
line-height:1;
padding:10px 15px;
color:#444 !important;
font-weight:500;
color:#444;
text-decoration:none !important;
display:inline-block;
}
.hero_in.detail_page .wrapper .buttons a.btn_hero i{
margin-right:8px;
}
.hero_in.detail_page .wrapper .buttons a.btn_hero:hover{
color:#e54750 !important;
}
.hero_in.detail_page .wrapper .buttons a.btn_hero.liked{
color:#FF5A5F !important;
}
.hero_in.detail_page .wrapper .main_info{
width:100%;
position:absolute;
left:0;
bottom:0;
z-index:999;
padding:0 10px 40px 10px;
font-weight:500;
}
.hero_in.detail_page .wrapper .main_info .head{
margin-bottom:10px;
}
.hero_in.detail_page .wrapper .main_info .head .score{
display:inline-block;
}
.hero_in.detail_page .wrapper .main_info .head .score span{
float:right;
text-align:left;
margin:-2px 0 0 8px;
}
.hero_in.detail_page .wrapper .main_info .head .score span em{
display:block;
font-weight:normal;
font-size:11px;
font-size:0.6875rem;
}
.hero_in.detail_page .wrapper .main_info .head .score strong{
background-color:#66cc66;
-webkit-border-radius:5px 5px 5px 0;
-moz-border-radius:5px 5px 5px 0;
-ms-border-radius:5px 5px 5px 0;
border-radius:5px 5px 5px 0;
font-size:15px;
font-size:0.9375rem;
padding:8px;
line-height:1.1;
}
.hero_in.detail_page .wrapper .main_info .head .score strong:before{
color:#fff;
}
.hero_in.detail_page .wrapper .main_info h1{
color:#fff;
margin:0;
text-transform:none;
font-size:36px;
font-size:2.25rem;
font-weight:600;
}
@media (max-width:767px){
.hero_in.detail_page .wrapper .main_info h1{
font-size:32px;
font-size:2rem;
}
}
.hero_in.detail_page .wrapper .main_info h3{
color:#fff;
margin:0;
font-size:26px;
font-size:1.625rem;
font-weight:400;
}
@media (max-width:767px){
.hero_in.detail_page .wrapper .main_info h3{
margin-top:10px;
font-size:21px;
font-size:1.3125rem;
}
}
.hero_in.detail_page .wrapper .main_info a{
color:#fff;
text-decoration:underline;
}
.page_header{
padding:20px 0 20px 0;
background-color:#f4f4f4;
}
@media (max-width:767px){
.page_header{
padding:15px 0;
}
}
.page_header h1{
font-size:16px;
font-size:1rem;
margin:0;
}
@media (max-width:767px){
.page_header h1{
font-size:16px;
font-size:1rem;
}
}
@media (max-width:767px){
.page_header.sticky{
background-color:#e54750;
width:100%;
position:fixed;
left:0;
top:0;
z-index:999999;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:smoothScroll;
animation-name:smoothScroll;
-webkit-animation-duration:0.5s;
animation-duration:0.5s;
}
}
@keyframes smoothScroll{
0%{
transform:translateY(-200px);
}
100%{
transform:translateY(0px);
}
}
.search_bar_list{
position:relative;
}
.search_bar_list input[type='text']{
border:0;
height:40px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
padding-left:15px;
-webkit-box-shadow:0 0 0 0.15rem rgba(0,0,0,0.05);
-moz-box-shadow:0 0 0 0.15rem rgba(0,0,0,0.05);
box-shadow:0 0 0 0.15rem rgba(0,0,0,0.05);
}
.search_bar_list input[type='text']:focus{
-webkit-box-shadow:0 0 0 0.15rem rgba(0,0,0,0.08);
-moz-box-shadow:0 0 0 0.15rem rgba(0,0,0,0.08);
box-shadow:0 0 0 0.15rem rgba(0,0,0,0.08);
}
.search_bar_list button[type='submit']{
background-color:#fff;
position:absolute;
color:#999;
top:2px;
right:10px;
border:0;
height:38px;
cursor:pointer;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
font-size:18px;
font-size:1.125rem;
outline:none;
}
.search_bar_list button[type='submit']:hover{
color:#e54750;
}
.search_bar_list button[type='submit']:focus{
box-shadow:none;
}
.dropdown-cart .dropdown-menu,
.dropdown.user .dropdown-menu{
margin-top:11px;
margin-left:-205px;
border:none;
min-width:0;
padding:15px;
width:260px;
top:100%;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.175);
-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.175);
box-shadow:0px 5px 10px 0px rgba(0,0,0,0.175);
font-size:13px;
font-size:0.8125rem;
border-top:2px solid #e54750;
}
.dropdown-cart .dropdown-menu:before,
.dropdown.user .dropdown-menu:before{
bottom:100%;
right:12%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-bottom-color:#e54750;
border-width:7px;
margin-left:-7px;
}
.dropdown-cart .dropdown-menu .total_drop,
.dropdown.user .dropdown-menu .total_drop{
font-size:16px;
font-size:1rem;
}
.dropdown-cart .dropdown-menu .total_drop strong,
.dropdown.user .dropdown-menu .total_drop strong{
float:left;
}
.dropdown-cart .dropdown-menu .total_drop span,
.dropdown.user .dropdown-menu .total_drop span{
float:right;
font-weight:600;
}
.dropdown-cart .dropdown-menu .total_drop .btn_1,
.dropdown.user .dropdown-menu .total_drop .btn_1{
margin-top:5px;
display:block;
}
.dropdown-cart .dropdown-menu .total_drop .btn_1.outline,
.dropdown.user .dropdown-menu .total_drop .btn_1.outline{
color:#333 !important;
}
.dropdown-cart .dropdown-menu ul,
.dropdown.user .dropdown-menu ul{
padding:0;
list-style:none;
}
.dropdown-cart .dropdown-menu ul li,
.dropdown.user .dropdown-menu ul li{
margin:0 0 5px 0 !important;
padding:0 15px 0 60px;
display:block;
min-height:60px;
position:relative;
float:none !important;
}
.dropdown-cart .dropdown-menu ul li figure,
.dropdown.user .dropdown-menu ul li figure{
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
width:50px;
height:50px;
overflow:hidden;
position:absolute;
margin:0;
left:0;
top:0;
}
.dropdown-cart .dropdown-menu ul li figure img,
.dropdown.user .dropdown-menu ul li figure img{
width:auto;
height:50px;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%) scale(1.1);
-moz-transform:translate(-50%,-50%) scale(1.1);
-ms-transform:translate(-50%,-50%) scale(1.1);
-o-transform:translate(-50%,-50%) scale(1.1);
transform:translate(-50%,-50%) scale(1.1);
}
.dropdown-cart .dropdown-menu ul li a.action,
.dropdown.user .dropdown-menu ul li a.action{
color:#999;
position:absolute;
right:0;
top:0;
width:15px;
height:15px;
}
.dropdown-cart .dropdown-menu ul li a.action i,
.dropdown.user .dropdown-menu ul li a.action i{
font-size:16px;
font-weight:normal;
color:#777;
}
.dropdown-cart .dropdown-menu ul li a.action i:hover,
.dropdown.user .dropdown-menu ul li a.action i:hover{
color:#1a1a1a;
}
.dropdown-cart .dropdown-menu ul li strong,
.dropdown.user .dropdown-menu ul li strong{
color:#444;
margin-top:5px;
display:inline-block;
color:#333;
font-weight:600;
}
.dropdown-cart .dropdown-menu ul li strong span,
.dropdown.user .dropdown-menu ul li strong span{
display:block;
font-weight:normal;
margin-bottom:5px;
}
.dropdown-cart .dropdown-menu a.btn_1,
.dropdown.user .dropdown-menu a.btn_1{
height:auto;
line-height:1.4;
opacity:1 !important;
}
.dropdown-cart .dropdown-menu a.btn_1.outline,
.dropdown.user .dropdown-menu a.btn_1.outline{
background-color:transparent;
}
.dropdown-cart .dropdown-menu a.btn_1.outline:hover,
.dropdown.user .dropdown-menu a.btn_1.outline:hover{
opacity:1 !important;
color:#fff !important;
}
.dropdown-cart .dropdown-menu a.btn_1:hover,
.dropdown.user .dropdown-menu a.btn_1:hover{
color:#fff !important;
background:#e54750 !important;
}
@media (max-width:767px){
.dropdown-cart .dropdown-menu{
display:none;
}
}
header.black_nav ul#top_menu li > a,
header.black_nav ul#top_menu li .dropdown-cart > a,
header.black_nav .dropdown.user > a{
color:#333 !important;
}
.dropdown.user{
padding:0;
border:0;
margin-bottom:0;
}
.dropdown.user > a{
float:left;
padding:14px 0 5px 40px !important;
line-height:1;
color:#fff;
font-weight:500;
display:block;
position:relative;
}
@media (max-width:767px){
.dropdown.user > a{
padding:0;
}
}
@media (max-width:767px){
.dropdown.user > a span{
display:none;
}
}
.dropdown.user > a figure{
width:34px;
height:34px;
overflow:hidden;
position:absolute;
left:0;
top:2px;
display:inline-block;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
border:2px solid #ededed;
}
.dropdown.user > a figure img{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
width:100%;
}
.dropdown.user > a:after{
font-family:'ElegantIcons';
content:'\33';
font-size:18px;
font-size:1.125rem;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
position:relative;
top:0;
margin:0;
line-height:1;
margin-top:-2px;
margin-left:5px;
float:right;
}
@media (max-width:767px){
.dropdown.user > a:after{
display:none;
}
}
.dropdown.user.show a:after{
transform:rotate(180deg);
}
.dropdown.user .dropdown-menu{
padding:0;
width:auto;
right:-15px !important;
margin:5px 0 0 0;
min-width:135px;
width:auto;
}
@media (max-width:767px){
.dropdown.user .dropdown-menu{
margin:23px 5px 0 0;
}
}
header.black_nav .dropdown.user a{
color:#333 !important;
}
header.black_nav .dropdown.user a:hover{
opacity:1 !important;
}
.dropdown.user .dropdown-menu ul{
list-style:none;
padding:0;
margin:0;
}
.dropdown.user .dropdown-menu ul li{
min-height:inherit;
padding:0;
margin:0 !important;
}
.dropdown.user .dropdown-menu ul li a{
padding:12px 15px;
display:block;
font-size:13px;
font-size:0.8125rem;
}
.dropdown.user .dropdown-menu ul li a i{
margin-right:8px;
}
.dropdown.user .dropdown-menu ul li a:hover{
background-color:#f9f9f9;
color:#e54750 !important;
opacity:1;
}
.header_in .dropdown.user > a:after{
margin-left:15px;
}
@media (max-width:767px){
ul#top_menu.drop_user{
top:6px;
right:10px;
}
}
@media (max-width:767px){
.header_in ul#top_menu.drop_user{
right:0;
}
}


.main_title{
position:relative;
margin-bottom:25px;
position:relative;
}
.main_title span{
width:120px;
height:2px;
background-color:#e1e1e1;
display:block;
}
.main_title span em{
width:60px;
height:2px;
background-color:#e54750;
display:block;
}
@media (max-width:767px){
.main_title{
margin-bottom:10px;
}
}
.main_title h2{
font-size:26px;
font-size:1.625rem;
max-width:600px;
margin:20px 0 0 0;
}
@media (max-width:767px){
.main_title h2{
font-size:22px;
font-size:1.375rem;
}
}
.main_title p{
max-width:600px;
font-size:18px;
font-size:1.125rem;
font-weight:300;
}
.main_title a{
position:absolute;
right:0;
bottom:0;
font-weight:500;
}
@media (max-width:767px){
.main_title a{
display:none;
}
}
.main_title.center{
text-align:center;
}
.main_title.center span{
margin:auto;
}
.main_title.center span em{
margin:auto;
}
.main_title.center h2{
max-width:inherit;
font-size:34px;
font-size:2.125rem;
}
@media (max-width:767px){
.main_title.center h2{
font-size:28px;
font-size:1.75rem;
}
}
.main_title.center p{
font-size:21px;
font-size:1.3125rem;
font-weight:300;
max-width:inherit;
}
.main_title.version_2 a{
right:0;
}
@media (max-width:767px){
.main_title.version_2 a{
display:none;
}
}
.intro_txt .main_title{
margin-bottom:15px;
}
.intro_txt .main_title h2{
font-size:32px;
font-size:2rem;
font-weight:600;
}

.owl-carousel{
display:none;
width:100%;
-webkit-tap-highlight-color:transparent;
position:relative;
z-index:1;
}
.owl-carousel .owl-stage{
position:relative;
-ms-touch-action:pan-Y;
touch-action:manipulation;
-moz-backface-visibility:hidden;
padding-left:0px !important;
}
.owl-carousel .owl-stage:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.owl-carousel .owl-stage-outer{
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0px,0px,0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
}
.owl-carousel .owl-item{
position:relative;
min-height:1px;
float:left;
-webkit-backface-visibility:hidden;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
}
.owl-carousel .owl-item img{
display:block;
width:100%;
height:auto;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled{
display:none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot{
cursor:pointer;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot{
background:none;
color:inherit;
border:none;
padding:0 !important;
font:inherit;
}
.owl-carousel.owl-loaded{
display:block;
}
.owl-carousel.owl-loading{
opacity:0;
display:block;
}
.owl-carousel.owl-hidden{
opacity:0;
}
.owl-carousel.owl-refresh .owl-item{
visibility:hidden;
}
.owl-carousel.owl-drag .owl-item{
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.owl-carousel.owl-grab{
cursor:move;
cursor:grab;
}
.owl-carousel .owl-item{
}
.owl-carousel .owl-item .owl-lazy{
opacity:1;
transition:all 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){
max-height:0;
}
.owl-carousel .owl-item img.owl-lazy{
transform-style:preserve-3d;
}

.owl-theme .owl-nav{
position:absolute;
z-index:999;
-webkit-tap-highlight-color:transparent;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
outline:none;
background-color:#fff;
}
.owl-theme .owl-nav [class*='owl-']{
color:#222 !important;
margin:5px 0;
padding:4px 7px;
display:inline-block;
cursor:pointer;
}
.owl-theme .owl-nav [class*='owl-']:hover{
color:#FFF;
text-decoration:none;
}
.owl-theme .owl-nav .disabled{
opacity:0.5;
cursor:default;
}
.owl-theme .owl-nav.disabled + .owl-dots{
margin-top:30px;
}
.owl-theme .owl-dots{
text-align:center;
-webkit-tap-highlight-color:transparent;
}
.owl-theme .owl-dots .owl-dot{
display:inline-block;
zoom:1;
*display:inline;
}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{
outline:none;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
background:transparent !important;
border:2px solid #e54750;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.owl-theme .owl-dots .owl-dot span{
position:relative;
margin:0 5px;
border-radius:50%;
width:16px !important;
height:16px !important;
background:transparent !important;
display:block;
-webkit-backface-visibility:visible;
transition:all .3s ease;
border:2px solid #ccc;
}
.owl-theme .owl-dots .owl-dot span::before{
content:'';
background-color:#e54750 !important;
display:block;
border-radius:50%;
width:8px;
height:8px;
position:absolute;
left:50%;
top:50%;
margin-top:-4px;
margin-left:-4px;
opacity:0;
visibility:hidden;
transform:scale(0);
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.owl-theme .owl-dots .owl-dot.active span::before{
transform:scale(1);
opacity:1;
visibility:visible;
}
.owl-theme .owl-nav{
position:absolute;
top:50%;
left:0;
width:100%;
margin:0 !important;
}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{
width:46px;
height:46px;
position:absolute;
top:0;
margin-top:-25px;
display:block !important;
background-color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
border:1px solid rgba(0,0,0,0.04);
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.08);
box-shadow:0 1px 4px rgba(0,0,0,0.08);
}
.owl-theme .owl-nav .owl-prev{
left:-24px;
}
.owl-theme .owl-nav .owl-next{
right:-24px;
}
.owl-theme .owl-nav .owl-prev i,
.owl-theme .owl-nav .owl-next i{
font-size:28px;
font-size:1.75rem;
line-height:48px !important;
color:#999;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.owl-theme .owl-nav .owl-prev i:hover,
.owl-theme .owl-nav .owl-next i:hover{
color:#e54750;
}
.owl-theme .owl-nav .owl-prev.disabled,
.owl-theme .owl-nav .owl-next.disabled{
opacity:0;
}
.strip{
position:relative;
margin-bottom:30px;
}
.strip figure{
margin-bottom:5px;
overflow:hidden;
position:relative;
height:190px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
background-color:#ededed;
}
.strip figure img{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%) scale(1);
-moz-transform:translate(-50%,-50%) scale(1);
-ms-transform:translate(-50%,-50%) scale(1);
-o-transform:translate(-50%,-50%) scale(1);
transform:translate(-50%,-50%) scale(1);
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
width:100%;
z-index:1;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.strip figure:hover img{
-webkit-transform:translate(-50%,-50%) scale(1.1);
-moz-transform:translate(-50%,-50%) scale(1.1);
-ms-transform:translate(-50%,-50%) scale(1.1);
-o-transform:translate(-50%,-50%) scale(1.1);
transform:translate(-50%,-50%) scale(1.1);
}
.strip figure a.strip_info{
position:absolute;
left:0;
bottom:0;
right:0;
height:100%;
width:100%;
z-index:5;
display:block;
}
.strip figure a.strip_info > small{
position:absolute;
background-color:white;
background-color:white;
left:15px;
top:15px;
color:#333;
font-weight:500;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
padding:6px 8px 4px 8px;
line-height:1;
font-size:12px;
font-size:0.75rem;
}
.strip figure .item_title{
width:100%;
position:absolute;
bottom:0;
left:0;
padding:65px 15px 10px 15px;
background:-moz-linear-gradient(top,transparent 5%,black 100%);
background:-webkit-linear-gradient(top,transparent 5%,black 100%);
background:linear-gradient(to bottom,transparent 5%,black 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
}
.strip figure .item_title h3{
font-size:16px;
font-size:1rem;
margin:0;
font-weight:500;
color:#fff;
margin:0;
padding:0;
line-height:1;
}
.strip figure .item_title small{
font-weight:500;
line-height:1;
font-size:13px;
font-size:0.8125rem;
color:rgba(255,255,255,0.8);
}
.strip ul{
padding:0;
margin:0;
}
.strip ul li{
display:inline-block;
padding-top:12px;
font-size:13px;
font-size:0.8125rem;
}
.strip ul li:last-child{
padding:0;
float:right;
}
.ribbon{
color:#fff;
display:inline-block;
position:absolute;
top:15px;
right:15px;
font-weight:500;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
padding:6px 8px 4px 23px;
line-height:1;
font-size:12px;
font-size:0.75rem;
z-index:9;
}
.ribbon.off{
background-color:#f3723b;
}
.ribbon.off:before{
font-family:'food';
content:'\0076';
position:absolute;
left:8px;
top:4px;
}
.score strong{
padding:10px 0 0 0;
display:inline-block;
font-size:13px;
font-size:0.8125rem;
font-weight:500;
}
.score strong:before{
font-family:'ElegantIcons';
content:"\e033";
margin:-4px 3px 0 0;
color:#66cc66;
}
.take,
.deliv{
font-size:12px;
font-size:0.75rem;
position:relative;
padding-left:20px;
margin-right:10px;
font-weight:500;
color:#444;
}
.take:before,
.deliv:before{
font-size:16px;
font-size:1rem;
font-family:"ElegantIcons";
content:"\e013";
position:absolute;
line-height:1;
font-weight:normal;
}
.take.no,
.deliv.no{
text-decoration:line-through;
color:#bbb;
}
.take:before{
content:"\e013";
left:0;
top:-1px;
}
.take.no{
text-decoration:line-through;
color:#bbb;
}
.deliv{
padding-left:30px;
margin-right:0;
}
.deliv:before{
font-size:24px;
font-size:1.5rem;
font-family:'food';
content:'\0074';
left:0;
top:-4px;
}


.box_info_1{
margin-bottom:20px;
}
.box_info_1 h3{
font-size:21px;
font-size:1.3125rem;
}
.box_info_1 .wrapper_img{
position:relative;
}
.box_info_1 .wrapper_img span{
display:inline-block;
width:100%;
height:100%;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
border:2px solid #ededed;
position:absolute;
left:15px;
top:15px;
z-index:1;
}
.box_info_1 .wrapper_img figure{
margin:0 0 35px 0;
-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.11);
-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.11);
box-shadow:5px 5px 5px 0px rgba(0,0,0,0.11);
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
width:auto;
height:220px;
overflow:hidden;
position:relative;
z-index:2;
}
.wave{
width:100%;
background-attachment:fixed;
position:absolute;
width:100%;
height:65px;
top:-65px;
left:0;
background:url("../img/wave_white.svg");
z-index:99;
animation:waves 20s linear infinite;
}
.wave:before,.wave:after{
content:'';
width:100%;
height:65px;
background:url("../img/wave_white.svg");
position:absolute;
top:0;
left:0;
}
.wave:before{
opacity:0.4;
animation:waves-reverse 20s linear infinite;
}
.wave:after{
opacity:0.6;
animation-delay:-5s;
animation:waves 30s linear infinite;
}
.wave.hero{
top:auto;
bottom:0;
}
.wave.footer{
transform:scale(-1,-1);
top:0;
}
.wave.gray{
background:url("../img/wave_gray.svg");
}
.wave.gray:before,.wave.gray:after{
background:url("../img/wave_gray.svg");
position:absolute;
}
@keyframes waves{
0%{
background-position:0;
}
100%{
background-position:1600px;
}
}
@keyframes waves-reverse{
0%{
background-position:1600px;
}
100%{
background-position:0;
}
}
.promo{
background:#e54750 url(../img/pattern.svg) center center repeat;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
margin-bottom:25px;
padding:20px 25px;
color:#fff;
position:relative;
}
.promo h3{
color:#fff;
margin-bottom:0;
font-size:24px;
font-size:1.5rem;
}
@media (max-width:767px){
.promo h3{
font-size:20px;
font-size:1.25rem;
}
}
.promo p{
margin:0;
}
.promo i{
position:absolute;
right:30px;
bottom:0;
font-size:62px;
font-size:3.875rem;
height:52px;
}
@media (max-width:767px){
.promo i{
display:none;
}
}
.promo.mb_30{
margin-bottom:30px;
}
.bg_gray{
background-color:#f9fafb;
}
.bg_gray.pattern{
background:#f4f4f4 url(../img/pattern_2.svg) repeat;
}
.bg_gray.waves_divider{
position:relative;
padding-bottom:25px;
margin-bottom:25px;
}
.bg_gray.waves_divider:before{
content:'';
background:url(../img/wave_gray.svg) repeat;
width:100%;
height:65px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
position:absolute;
left:0;
top:-65px;
}
.bg_gray.waves_divider:after{
transform:scale(-1,-1);
content:'';
background:url(../img/wave_gray.svg) repeat;
width:100%;
height:65px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
position:absolute;
left:0;
top:auto;
bottom:-65px;
}
.margin_60{
padding-top:60px;
padding-bottom:60px;
}
.margin_30_40{
padding-top:30px;
padding-bottom:40px;
}
.margin_30_20{
padding-top:30px;
padding-bottom:20px;
}
.margin_30_60{
padding-top:30px;
padding-bottom:60px;
}
.margin_60_40{
padding-top:60px;
padding-bottom:40px;
}
.margin_60_30{
padding-top:60px;
padding-bottom:30px;
}
.margin_60_20{
padding-top:60px;
padding-bottom:20px;
}
.margin_60_0{
padding-top:60px;
padding-bottom:0;
}
.margin_detail{
padding-top:40px;
padding-bottom:0;
}
@media (max-width:767px){
.margin_detail{
padding-top:10px;
padding-bottom:0;
}
}
.margin_detail_2{
padding-top:35px;
padding-bottom:30px;
}
.add_bottom_15{
padding-bottom:15px;
}
.add_bottom_25{
padding-bottom:25px;
}
.add_bottom_30{
margin-bottom:30px;
}
.add_bottom_45{
padding-bottom:45px;
}
.add_top_30{
margin-top:30px;
}
.mb_5{
margin-bottom:5px;
}
@media (max-width:767px){
.margin_mobile{
padding-top:30px;
padding-bottom:10px;
}
}
a.btn_1,
.btn_1{
border:none;
background-color:#e54750;
outline:none;
cursor:pointer;
display:inline-block;
text-decoration:none;
padding:8px 25px;
color:#fff;
font-weight:500;
text-align:center;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
line-height:normal;
}
a.btn_1:focus,
.btn_1:focus{
outline:none;
}
a.btn_1:hover,
.btn_1:hover,
a.btn_1:focus,
.btn_1:focus{
background-color:#f3723b;
border-color:#f3723b;
}
a.btn_1.full-width,
.btn_1.full-width{
display:block;
width:100%;
text-align:center;
}
a.btn_1.small,
.btn_1.small{
font-size:12px;
font-size:0.75rem;
padding:7px 15px;
}
a.btn_1.medium,
.btn_1.medium{
font-size:15px;
font-size:0.9375rem;
padding:12px 30px;
}
a.btn_1.outline,
.btn_1.outline{
border:2px solid #111;
color:#111;
padding:6px 15px;
background:none;
}
a.btn_1.outline:hover,
.btn_1.outline:hover{
border-color:#e54750;
color:#e54750 !important;
}
a.btn_1.outline:focus,
.btn_1.outline:focus{
outline:none;
}
a.btn_1.gray,
.btn_1.gray{
background:#f0f0f0;
color:#e54750;
}
a.btn_1.gray:hover,
.btn_1.gray:hover{
background-color:#e54750;
color:#fff !important;
}
a.btn_1.full-width,
.btn_1.full-width{
display:block;
width:100%;
text-align:center;
}
a.btn_1.plus_icon,
.btn_1.plus_icon{
padding-bottom:5px;
padding-right:10px;
}
a.btn_1.plus_icon i,
.btn_1.plus_icon i{
font-size:26px;
font-size:1.625rem;
float:right;
line-height:1;
}
a.btn_1.plus_icon.medium,
.btn_1.plus_icon.medium{
padding-bottom:10px;
padding-right:20px;
}
a.btn_1.gradient,
.btn_1.gradient{
background-size:100%;
background-image:-webkit-linear-gradient(right,#f3723b,#e54750);
background-image:linear-gradient(to right,#f3723b,#e54750);
position:relative;
z-index:1;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
a.btn_1.gradient:before,
.btn_1.gradient:before{
border-radius:inherit;
background-image:-webkit-linear-gradient(right,#e54750,#e54750);
background-image:linear-gradient(to right,#e54750,#e54750);
content:'';
display:block;
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
opacity:0;
z-index:-1;
-webkit-transition:opacity 0.45s ease-in-out;
transition:opacity 0.45s ease-in-out;
}
a.btn_1.gradient:hover:before,
.btn_1.gradient:hover:before{
opacity:1;
}
.pulse_bt{
box-shadow:0 0 0 rgba(229,71,80,0.4);
animation:pulseanime 3s infinite;
-webkit-animation:pulseanime 3s infinite;
}
@-webkit-keyframes pulseanime{
0%{
-webkit-box-shadow:0 0 0 0 rgba(229,71,80,0.4);
}
70%{
-webkit-box-shadow:0 0 0 10px rgba(229,71,80,0);
}
100%{
-webkit-box-shadow:0 0 0 0 rgba(229,71,80,0);
}
}
@keyframes pulseanime{
0%{
-moz-box-shadow:0 0 0 0 rgba(229,71,80,0.4);
box-shadow:0 0 0 0 rgba(229,71,80,0.4);
}
70%{
-moz-box-shadow:0 0 0 10px rgba(229,71,80,0);
box-shadow:0 0 0 10px rgba(229,71,80,0);
}
100%{
-moz-box-shadow:0 0 0 0 rgba(229,71,80,0);
box-shadow:0 0 0 0 rgba(229,71,80,0);
}
}
@media (min-width:768px){
.collapse.dont-collapse-sm{
display:block !important;
height:auto !important;
visibility:visible !important;
}
}
footer{
background-color:#f6f1d3;
padding:30px 0 0 0;
position:relative;
margin-top:auto;
}
@media (max-width:767px){
}
footer hr{
border-color:rgba(0,0,0,0.05);
margin-top:5px;
}
@media (max-width:767px){
footer hr{
border-color:transparent;
}
}
footer .contacts ul{
margin:0 0 25px 0;
padding:0;
list-style:none;
}
@media (max-width:767px){
footer .contacts ul{
margin-top:15px;
}
}
footer .contacts ul li{
padding-left:0;
position:relative;
margin-bottom:10px;
color:#333;
}
footer .contacts ul li a{
color:#333;
opacity:1;
}
footer .contacts ul li a:hover{
opacity:1;
}
footer .contacts ul li i{
font-size:18px;
font-size:1.125rem;
position:absolute;
top:0;
left:0;
color:#e54750;
line-height:1;
}
footer h3{
font-size:1rem;
margin-bottom:15px;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
text-transform:uppercase;
padding:15px 0 0 0;
}
@media (max-width:767px){
footer h3{
padding:15px 0 0 0;
}
}
footer .links ul{
margin:0 0 25px 0;
padding:0;
list-style:none;
}
@media (max-width:767px){
footer .links ul{
margin-top:15px;
}
}
footer .links ul li{
margin-bottom:15px;
line-height:1.2;
}
footer .links ul li a{
position:relative;
color:#333;
opacity:1;
display:inline-block;
}
footer .links ul li a:hover{
}
footer .links ul li a:hover:after{
opacity:1;
}
footer .links ul li a:after{
}
@-webkit-keyframes rotation{
from{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
to{
-webkit-transform:rotate(359deg);
-moz-transform:rotate(359deg);
-ms-transform:rotate(359deg);
-o-transform:rotate(359deg);
transform:rotate(359deg);
}
}
@media (max-width:767px){
#newsletter{
margin-top:20px;
}
}
#newsletter h6{
margin:15px 0 15px 0;
}
#newsletter input[type='email']{
border:0;
height:40px;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-ms-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
padding-left:15px;
background-color:#fcfcfc;
background-color:rgba(255,255,255,0.8);
color:#444;
}
#newsletter input[type='email']:focus{
border:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#newsletter button[type='submit']{
position:absolute;
right:0;
color:#fff;
font-size:24px;
font-size:1.5rem;
top:0;
border:0;
padding:0 10px;
height:40px;
line-height:44px;
cursor:pointer;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
-ms-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
background-color:#e54750;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
outline:none;
}
#newsletter button[type='submit']:hover{
-webkit-filter:brightness(115%);
filter:brightness(115%);
}
#message-newsletter #success_page{
color:#333;
}
.follow_us h5{
text-transform:uppercase;
margin:35px 0 10px 0;
text-transform:uppercase;
}
.follow_us ul{
margin:0;
padding:0;
list-style:none;
}
.follow_us ul li{
display:inline-block;
margin:0 10px 0 0;
}
.follow_us ul li a{
display:block;
}
.follow_us ul li a img{
width:30px;
height:30px;
}
.follow_us ul li a:hover{
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px);
}
ul.footer-selector{
margin:0;
padding:0;
list-style:none;
}
ul.footer-selector li{
float:left;
margin-right:10px;
}
@media (max-width:575px){
ul.footer-selector li:last-child{
padding-top:10px;
clear:both;
float:none;
display:block !important;
}
}
ul.additional_links{
margin:0;
padding:8px 0 0 0;
color:#444;
float:right;
}
@media (max-width:767px){
ul.additional_links{
float:none;
margin-top:20px;
}
}
ul.additional_links li{
display:inline-block;
margin-right:15px;
}
ul.additional_links li:first-child{
margin-right:20px;
}
ul.additional_links li:last-child{
margin-right:0;
}
ul.additional_links li:last-child:after{
content:"";
}
ul.additional_links li span{
color:#444;
}
ul.additional_links li a{
color:#444;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
ul.additional_links li a:hover{
color:#222;
}
ul.additional_links li:after{
content:"|";
font-weight:300;
position:relative;
left:10px;
}
.styled-select{
width:100%;
overflow:hidden;
height:35px;
line-height:32px;
border:none;
background-color:#f2f2f2;
background-color:rgba(255,255,255,0);
border:1px solid #999;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
padding-right:35px;
position:relative;
color:#444;
cursor:pointer;
}
.styled-select:after{
font-family:'ElegantIcons';
color:#222;
position:absolute;
right:10px;
top:0;
}
.styled-select.lang-selector:after{
content:"\e0e3";
}
.styled-select.currency-selector:after{
content:"\33";
}
.styled-select select{
background:transparent;
width:110%;
padding-left:10px;
border:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
height:25px;
color:#444;
font-size:12px;
font-size:0.75rem;
margin:0;
font-weight:500;
-moz-appearance:window;
-webkit-appearance:none;
cursor:pointer;
outline:none;
}
.styled-select select:focus{
color:#444;
outline:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.styled-select select::-ms-expand{
display:none;
}

.opacity-mask{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:2;
}
.layer{
position:fixed;
top:0;
left:0;
width:100%;
min-width:100%;
min-height:100%;
z-index:999;
background-color:rgba(0,0,0,0.35);
-moz-transition:all 0.1s ease;
-o-transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-ms-transition:all 0.1s ease;
transition:all 0.1s ease;
opacity:0;
visibility:hidden;
}
.layer-is-visible{
opacity:1;
visibility:visible;
}
.rotate-x{
animation-duration:.5s;
animation-name:rotate-x;
}
@keyframes rotate-x{
from{
transform:rotateY(0deg);
}
to{
transform:rotateY(360deg);
}
}
.container_check{
display:block;
position:relative;
padding-left:30px;
line-height:1.7;
margin-bottom:8px;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
font-weight:400;
}
.container_check input{
position:absolute;
opacity:0;
cursor:pointer;
}
.container_check input:checked ~ .checkmark{
background-color:#e54750;
border:2px solid transparent;
-webkit-box-shadow:0px 0px 0px 2px rgba(229,71,80,0.3);
-moz-box-shadow:0px 0px 0px 2px rgba(229,71,80,0.3);
box-shadow:0px 0px 0px 2px rgba(229,71,80,0.3);
}
.container_check .checkmark{
position:absolute;
top:0;
left:0;
height:20px;
width:20px;
border:2px solid #d2d8dd;
background-color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.container_check .checkmark:after{
content:"";
position:absolute;
display:none;
left:6px;
top:2px;
width:5px;
height:10px;
border:solid white;
border-width:0 2px 2px 0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.container_check:hover .checkmark{
border:2px solid #e54750;
}
.container_check input:checked ~ .checkmark:after{
display:block;
}
.container_radio{
display:block;
position:relative;
padding-left:30px;
line-height:1.6;
margin-bottom:8px;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
font-weight:400;
}
.container_radio input{
position:absolute;
opacity:0;
}
.container_radio input:checked ~ .checkmark{
border:2px solid #e54750;
-webkit-box-shadow:0px 0px 0px 2px rgba(229,71,80,0.3);
-moz-box-shadow:0px 0px 0px 2px rgba(229,71,80,0.3);
box-shadow:0px 0px 0px 2px rgba(229,71,80,0.3);
}
.container_radio input:checked ~ .checkmark:after{
opacity:1;
}
.container_radio .checkmark{
position:absolute;
top:0;
left:0;
height:20px;
width:20px;
border:2px solid #d2d8dd;
background-color:#fff;
border-radius:50%;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.container_radio .checkmark:after{
display:block;
content:"";
position:absolute;
opacity:0;
top:3px;
left:3px;
width:10px;
height:10px;
border-radius:50%;
background:#e54750;
}
.container_radio:hover .checkmark{
border:2px solid #e54750;
}
.form-control::placeholder{
color:#888;
opacity:1;
}
.form-control{
padding:15px;
height:50px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
border:1px solid #888;
}
.form-control:focus{
outline:0;
box-shadow:0 0 0 0.3rem rgba(246,241,211,1);
border-color:#888;
}
.form-group{
position:relative;
}
.error_message{
font-weight:500;
color:#e3464c;
}
.pagination_fg{
text-align:center;
margin-top:15px;
}
.pagination_fg a{
color:#333;
display:inline-block;
padding:8px 16px;
text-decoration:none;
transition:background-color .3s;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
margin:0 2px;
}
.pagination_fg a:hover{
background-color:#f0f0f0;
}
.pagination_fg a.active{
background-color:#333;
color:white;
}
#toTop{
position:fixed;
right:0;
opacity:0;
visibility:hidden;
bottom:20px;
margin:0 20px 0 0;
z-index:999;
transition:0.35s;
transform:scale(0.7);
width:40px;
height:40px;
background-color:rgba(0,0,0,0.6);
opacity:1;
transition:all 0.3s;
border-radius:50%;
text-align:center;
font-size:36px;
font-size:2.25rem;
color:#fff;
cursor:pointer;
}
@media (max-width:767px){
#toTop.detail_page{
bottom:70px;
margin:0 15px 0 0;
}
}
#toTop.visible{
opacity:1;
visibility:visible;
transform:scale(1);
}
#toTop:after{
font-family:'ElegantIcons';
content:"\32";
position:relative;
display:block;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
#toTop:hover{
background-color:#e54750;
}
.my-toggle{
background:transparent;
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
color:#888;
cursor:pointer;
font-size:10px;
font-size:10px;
font-size:0.625rem;
font-weight:bold;
margin-right:5px;
height:30px;
line-height:30px;
padding:0 10px;
text-transform:uppercase;
-moz-appearance:none;
-webkit-appearance:none;
background-color:#fff;
z-index:10;
position:relative;
}
.my-toggle:hover,.my-toggle:focus{
background-color:#eee;
color:#555;
outline:transparent;
}
.hideShowPassword-wrapper{
width:100% !important;
}

.mfp-bg{
top:0;
left:0;
width:100%;
height:100%;
z-index:999999;
overflow:hidden;
position:fixed;
background:#000;
opacity:0.96;
}
.mfp-wrap{
top:-10px;
left:0;
width:100%;
height:100%;
z-index:999999;
position:fixed;
outline:none !important;
-webkit-backface-visibility:hidden;
}
.mfp-container{
height:100%;
text-align:center;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
padding:0 18px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow-x:hidden;
overflow-y:auto;
}
.mfp-container:before{
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
}
.mfp-align-top .mfp-container:before{
display:none;
}
.mfp-content{
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 auto;
text-align:left;
z-index:505;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content{
width:100%;
cursor:auto;
}
.mfp-ajax-cur{
cursor:progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
cursor:-moz-zoom-out;
cursor:-webkit-zoom-out;
cursor:zoom-out;
}
.mfp-zoom{
cursor:pointer;
cursor:-webkit-zoom-in;
cursor:-moz-zoom-in;
cursor:zoom-in;
}
.mfp-auto-cursor .mfp-content{
cursor:auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.mfp-loading.mfp-figure{
display:none;
}
.mfp-hide{
display:none !important;
}
.mfp-preloader{
color:#aaa;
position:absolute;
top:50%;
width:auto;
text-align:center;
margin-top:-0.8em;
left:8px;
right:8px;
z-index:504;
}
.mfp-preloader a{
color:#cccccc;
}
.mfp-preloader a:hover{
color:#fff;
}
.mfp-s-ready .mfp-preloader{
display:none;
}
.mfp-s-error .mfp-content{
display:none;
}
.mfp-s-loading .mfp-arrow{
display:none;
}
button.mfp-close,
button.mfp-arrow{
overflow:visible;
cursor:pointer;
border:0;
-webkit-appearance:none;
display:block;
padding:0;
z-index:506;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close{
right:0px;
top:-40px;
}
button.mfp-close{
position:absolute;
width:45px;
height:45px;
top:-20px;
display:block;
right:-12px;
cursor:pointer !important;
z-index:9999;
color:#fff;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
border-radius:50%;
margin:0px;
background-color:transparent;
outline:none;
transform:translate3d(0,0,0);
}
.mfp-gallery .mfp-content .mfp-close{
display:none;
}
.mfp-counter{
position:absolute;
top:0;
right:0;
color:#aaa;
font-size:13px;
line-height:18px;
}
.mfp-arrow{
opacity:1;
margin:0 20px;
top:50%;
transform:translateY(-50%);
z-index:9999;
color:#fff;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
cursor:pointer;
width:50px;
height:50px;
position:absolute;
display:block;
z-index:100;
overflow:hidden;
background:rgba(255,255,255,0.15);
border-radius:50%;
outline:none !important;
}
.mfp-arrow:hover{
background:#66676b;
color:#fff;
}
.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right{
font-family:'ElegantIcons';
font-size:38px;
line-height:1;
}
.mfp-arrow.mfp-arrow-right{
right:15px;
}
.mfp-arrow.mfp-arrow-left:before,.mfp-arrow.mfp-arrow-right:before{
content:"\34";
left:-1px;
top:-1px;
position:relative;
}
.mfp-arrow.mfp-arrow-right:before{
content:"\35";
}
.mfp-content:hover .mfp-arrow{
opacity:1;
}
.mfp-iframe-holder{
padding-top:40px;
padding-bottom:40px;
}
.mfp-iframe-holder .mfp-content{
line-height:0;
width:100%;
max-width:1180px;
}
.mfp-iframe-scaler{
width:100%;
height:0;
overflow:hidden;
padding-top:54%;
}
.mfp-iframe-scaler iframe{
position:absolute;
display:block;
top:0;
left:0;
width:100%;
height:100%;
box-shadow:0 0 8px rgba(0,0,0,0.6);
background:black;
}
.my-mfp-zoom-in .zoom-anim-dialog{
opacity:0;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
opacity:0;
}
.my-mfp-zoom-in.mfp-bg{
opacity:0.001;
-webkit-transition:opacity 0.3s ease-out;
-moz-transition:opacity 0.3s ease-out;
-o-transition:opacity 0.3s ease-out;
transition:opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg{
opacity:0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg{
opacity:0;
}
img.mfp-img{
width:auto;
max-width:100%;
height:auto;
display:block;
line-height:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:40px auto;
border-radius:4px;
}
.mfp-figure:after{
content:'';
position:absolute;
left:0;
top:40px;
bottom:40px;
display:block;
right:0;
width:auto;
height:auto;
z-index:-1;
box-shadow:0 0 18px rgba(11,11,11,0.6);
}
.mfp-figure{
line-height:0;
}
.mfp-bottom-bar{
position:absolute;
top:102%;
left:0;
width:100%;
cursor:auto;
}
.mfp-title{
text-align:left;
line-height:18px;
color:#f3f3f3;
word-break:break-word;
padding-right:36px;
}
.mfp-figure small{
color:#bdbdbd;
display:block;
font-size:12px;
line-height:14px;
}
.mfp-image-holder .mfp-content{
max-width:100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure{
cursor:pointer;
}
.mfp-zoom-in{

}
.mfp-zoom-in .mfp-with-anim{
opacity:0;
transition:all 0.2s ease-in-out;
transform:scale(0.8);
}
.mfp-zoom-in.mfp-bg{
opacity:0;
transition:all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim{
opacity:1;
transform:scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg{
opacity:0.9;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim{
transform:scale(0.8);
opacity:0;
}
.mfp-zoom-in.mfp-removing.mfp-bg{
opacity:0;
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
.mfp-img-mobile .mfp-image-holder{
padding-left:0;
padding-right:0;
}
.mfp-img-mobile img.mfp-img{
padding:0;
}
.mfp-img-mobile .mfp-figure:after{
top:0;
bottom:0;
}
.mfp-img-mobile .mfp-bottom-bar{
background:rgba(0,0,0,0.6);
bottom:0;
margin:0;
top:auto;
padding:3px 5px;
position:fixed;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty{
padding:0;
}
.mfp-img-mobile .mfp-counter{
right:5px;
top:3px;
}
.mfp-img-mobile .mfp-close{
top:0;
right:0;
width:35px;
height:35px;
line-height:35px;
background:rgba(0,0,0,0.6);
position:fixed;
text-align:center;
padding:0;
}
.mfp-img-mobile .mfp-figure small{
display:inline;
margin-left:5px;
}
}
.mfp-fade.mfp-bg{
opacity:0;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready{
opacity:0.92;
background-color:#111;
}
.mfp-fade.mfp-bg.mfp-removing{
opacity:0;
}
.mfp-fade.mfp-wrap .mfp-content{
opacity:0;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
opacity:1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
opacity:0;
}
#sign-in-dialog{
background:#fff;
padding:30px;
padding-top:0;
text-align:left;
max-width:400px;
margin:40px auto;
position:relative;
box-sizing:border-box;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
}
#sign-in-dialog .mfp-close,
#modal-dialog .mfp-close{
color:#666;
background-color:#e4e4e4;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
top:12px;
right:20px;
width:32px;
height:32px;
line-height:32px;
}
#sign-in-dialog .mfp-close:before,
#modal-dialog .mfp-close:before{
font-size:24px;
font-family:'ElegantIcons';
content:"\4d";
}
#sign-in-dialog .mfp-close:hover,
#modal-dialog .mfp-close:hover{
color:#fff;
background-color:#66676b;
}
.modal_header{
font-size:18px;
width:calc(100% + 60px);
position:relative;
left:-30px;
top:0;
-webkit-border-radius:4px 4px;
-moz-border-radius:4px 4px;
-ms-border-radius:4px 4px;
border-radius:4px 4px;
display:inline-block;
background-color:#f6f6f6;
padding:18px 20px 15px 20px;
margin-bottom:30px;
}
.modal_header h3{
padding:0;
margin:0;
font-size:18px;
font-size:1.125rem;
font-weight:500;
}
#sign-in-dialog .form-group input.form-control{
padding-left:40px;
}
#sign-in-dialog .form-group > i{
font-size:18px;
font-size:1.125rem;
position:absolute;
left:12px;
top:33px;
color:#ccc;
width:25px;
height:25px;
display:block;
font-weight:400 !important;
}
#sign-in-dialog .form-group > i.icon_lock_alt{
top:35px;
}
.checkboxes label,
a#forgot{
color:#999;
font-size:13px;
font-size:0.8125rem;
}
#forgot_pw{
background-color:#fff;
position:absolute;
left:0;
top:0;
width:100%;
z-index:99;
min-height:430px;
display:none;
}
#forgot_pw label{
font-weight:500;
}
.sign-in-wrapper{
position:relative;
height:100%;
}
a.social_bt{
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
text-align:center;
color:#fff;
min-width:200px;
margin-bottom:15px;
display:block;
padding:12px;
line-height:1;
position:relative;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
cursor:pointer;
}
a.social_bt:hover{
-webkit-filter:brightness(110%);
filter:brightness(110%);
}
a.social_bt.facebook{
background:#3B5998 url(../img/Facebook__logo.svg) 10px center no-repeat;
}
a.social_bt.google{
background:#444 url(../img/Google__G__Logo.svg) 10px center no-repeat;
}
.divider{
text-align:center;
height:1px;
margin:20px 0 20px 0;
background-color:#ededed;
}
.divider span{
position:relative;
top:-20px;
background-color:#fff;
display:inline-block;
padding:10px;
font-style:italic;
}
.mfp-bottom-bar{
padding:0 10px !important;
}
.mfp-counter{
right:10px !important;
color:#fff !important;
}
.mfp-bg{
opacity:0.8 !important;
}
#modal-dialog{
background:#fff;
padding:0;
max-width:500px;
margin:40px auto;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
}
#modal-dialog .small-dialog-header{
font-size:18px;
width:100%;
position:relative;
left:0;
top:0;
-webkit-border-radius:4px 4px;
-moz-border-radius:4px 4px;
-ms-border-radius:4px 4px;
border-radius:4px 4px;
display:inline-block;
background-color:#f6f6f6;
padding:18px 20px 15px 20px;
}
#modal-dialog .small-dialog-header h3{
padding:0;
margin:0;
font-size:18px;
font-size:1.125rem;
font-weight:500;
}
#modal-dialog .content{
padding:20px;
}
a.box_topic,
.box_topic{
text-align:center;
background:#fff;
padding:40px 30px 15px 30px;
display:block;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
color:#444;
margin-bottom:30px;
overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}
@media (max-width:767px){
a.box_topic,
.box_topic{
padding:20px 20px 0 20px;
}
}
a.box_topic:hover,
.box_topic:hover{
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px);
}
a.box_topic i,
.box_topic i{
font-size:60px;
font-size:3.75rem;
background:#f3723b;
background:-webkit-linear-gradient(top,#f3723b,#e54750);
background:linear-gradient(to bottom,#f3723b,#e54750);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
display:block;
margin:0 auto 15px;
}
a.box_topic h3,
.box_topic h3{
font-size:18px;
font-size:1.125rem;
}
a.box_topic.submit:hover,
.box_topic.submit:hover{
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}
a.box_topic.submit h3,
.box_topic.submit h3{
color:#e54750;
}
#cookie-bar{
background:rgba(0,0,0,0.8);
height:auto;
line-height:24px;
color:#eeeeee;
text-align:center;
padding:15px 0;
font-weight:400;
font-size:13px;
font-size:0.8125rem;
font-weight:500;
}
#cookie-bar p{
margin:0;
padding:0;
}
#cookie-bar a{
color:#fff;
display:inline-block;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
text-decoration:none;
padding:2px 10px;
margin-left:8px;
}
@media (max-width:767px){
#cookie-bar a{
display:block;
max-width:150px;
margin:auto;
margin-bottom:5px;
}
}
#cookie-bar .cb-enable{
background:#b3bac4;
}
#cookie-bar .cb-enable:hover{
background:#fff;
color:#f3723b;
}
#cookie-bar .cb-disable{
background:#990000;
}
#cookie-bar .cb-disable:hover{
background:#bb0000;
}
#cookie-bar .cb-policy{
background:#e54750;
}
#cookie-bar .cb-policy:hover{
background:#fff;
color:#f3723b;
}
#cookie-bar.fixed{
position:fixed;
top:0;
left:0;
width:100%;
z-index:999999;
}
#cookie-bar.fixed.bottom{
bottom:0;
top:auto;
}
@media (max-width:767px){
#cookie-bar{
padding:5px 0;
}
}
.accordion_2 .card{
border:0;
margin-bottom:5px;
-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}
.accordion_2 .card .card-header{
background-color:#fff;
border-bottom:1px solid #ededed;
padding:20px;
}
.accordion_2 .card-body{
padding:20px 20px 0 20px;
}
.accordion_2 .card-header h5{
font-size:16px;
font-size:1rem;
margin:0;
}
.accordion_2 .card-header h5 a{
display:block;
color:#999;
}
.accordion_2 .card-header h5 a i.indicator{
font-size:18px;
font-size:1.125rem;
font-weight:normal;
float:right;
color:#e54750;
}
.card{
border-radius:0;
border:0;
margin-bottom:5px;
}
.panel-title{
font-size:1rem;
}
.btnsubmit1{
height:50px;
margin-top:47px;
display:initial !important;
}
.btnsubmit2{
height:50px;
}
@media (max-width:767px){
.btnsubmit2{
margin-top:47px;
}
}
.section{
margin:20px 0 0 0;
border:1px solid #22c0e8;
border-radius:3px;
padding:15px;
}
.logokurir{
width:100px;
}
.span1{
width:60px;
display:inline-block;
}
.span2{
width:33%;
max-width:250px;
display:inline-block;
}
.divcekongkir{
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #ddd;
max-width:750px;
}
.aresi{
margin:10px 0;
border:1px solid #22c0e8;
border-radius:3px;
padding:10px;
width:100%;
color:#444;
display:inline-block;
}
.aresi_close{
position:absolute;
right:15px;
}
.aresi_close:after{
font-family:'ElegantIcons';
content:"\4d";
color:#666;
font-size:30px;
}
.clear{
position:absolute;
top:20px;
right:15px;
background:#ddd;
border-radius:3px;
padding:5px;
color:#444;
}
.hidden{
display:none !important;
}
.relative{
position:relative;
}
.icon_menu,.icon_close{
font-family:'ElegantIcons';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
}
.icon_menu::before{
content:"\61";
}
.icon_close::before{
content:"\4d";
}
@media only screen and (max-width:622px){
#logo{
float:none;
width:100%;
text-align:center;
}
.main-menu{
float:none;
text-align:center;
margin:15px 0;
}
.main-menu > ul > li > a{
padding:10px;
border:1px solid #E54750;
border-radius:3px;
}
}