.main_banner_offer{
float:right;
margin:32px 148px 0 0;
width:200px;
height:74px;
font-size:22px;
padding:20px 24px 0 16px;
font-weight:bold;
text-align:center;
color:white;
text-decoration:none;
line-height:28px;
background:#652d92
}
.discount_banner{
float:right;
margin:34px 19px 0 0;
background:url(../../../design/default/css/images/mainpage/discount_banner.jpg) top right no-repeat;
width:845px;
height:82px;
font-weight:bold;
padding:22px 42px 0 0;
font-size:52px;
letter-spacing:-1px
}
.discount_banner a{
text-decoration:none
}
.discount_banner .blue{
color:#00baf3
}
.discount_banner .big{
font-size:93px;
margin:-32px 0 0 0;
display:inline-block
}
#main_banner{
float:right;
width:1440px;
position:relative;
margin:50px 0 0 0;
padding-bottom:39px;
border-bottom:7px solid #00aeef;
height:570px;
z-index:2;
overflow:hidden
}
#gallery_holder{
position:absolute;
top:0;
right:0;
width:500000px;
height:570px;
transition:all 0.75s ease
}
#gallery_holder .web_img{
float:right;
width:100%;
position:relative;
max-width:1440px;
height:100%
}
#gallery_holder .web_img img{
position:absolute;
top:0;
right:0;
width:100%;
max-width:1440px
}
.heading{
float:right;
height:fit-content;
margin:12px 0 12px 0;
width:100%;
color:#652d92;
text-align:center
}
.heading h1{
float:right;
margin:0 10%;
padding:0;
width:80%;
font-size:35px;
color:#652d92;
font-weight:normal
}
.most_sold{
float:right;
margin:11px 64px 0 0;
width:1308px;
height:416px
}
.most_sold .most_sold_title{
float:right;
height:52px;
font-size:33px;
margin:0 16px 0 0;
width:1294px;
color:#652d92;
font-weight:normal
}
.most_sold .most_sold_holder{
float:right;
position:relative;
overflow-x:hidden;
width:1310px;
height:322px;
margin:10px 0 0 0;
border-bottom:6px solid #00aeef
}
.most_sold .arrw_right{
position:absolute;
top:78px;
right:20px;
z-index:2;
display:block;
cursor:pointer
}
.most_sold .arrw_left{
position:absolute;
top:78px;
left:4px;
z-index:2;
display:block;
cursor:pointer
}
.most_sold #most_sold_slider_holder{
float:right;
width:100%;
height:100%;
margin:0 80px 0 0;
position:relative;
overflow:hidden
}
.most_sold #most_sold_slider_holder #most_sold_slider{
position:absolute;
top:0;
right:0;
width:5000000px;
transition:all 0.75s ease
}
.most_sold #most_sold_slider_holder #most_sold_slider .sold_img{
float:right;
width:244px
}
.most_sold #most_sold_slider_holder #most_sold_slider .item{
float:right;
margin:20px 0 0 40px;
width:204px;
text-align:center;
color:#35393c;
text-decoration:none
}
.most_sold #most_sold_slider_holder #most_sold_slider .item img{
max-width:200px
}
.most_sold #most_sold_slider_holder #most_sold_slider .item .prod_name{
float:right;
width:100%;
text-align:center;
margin:28px 0 0 0;
font-size:18px;
min-height:44px
}
.most_sold #most_sold_slider_holder #most_sold_slider .item .price{
float:right;
width:100%;
text-align:center;
color:#652d92;
font-size:30px
}
.dots {
position:absolute;
width:0;
height:14px;
bottom:12px;
right:0;
left:0;
margin:auto
}
.dots a {
border:2px #02aef0 solid;
border-radius:10px;
width:10px;
height:10px;
background:none;
float:right;
margin:0 2px
}
.dots a.active {
background:#02aef0
}
.med_banners{
float:right;
width:1305px;
margin:18px 64px 0 0;
height:284px;
text-align:center;
border-bottom:6px solid #00aeef
}
.med_banners a{
text-decoration:none;
display:inline-block
}
.diverse{
float:right;
margin:0;
width:100%;
height:498px
}
.diverse .diverse_title{
float:right;
width:210px !important;
margin:72px 80px 0 0 !important;
height:148px !important
}
.diverse .diverse_title h2{
font-size:42px !important;
font-weight:normal !important;
line-height:41px;
padding:0;
margin:0;
font-weight:normal
}
.diverse .diverse_title h3{
font-size:42px !important;
font-weight:normal !important;
line-height:41px;
margin:0;
padding:0
}
.diverse .diverse_title span{
font-size:42px !important;
font-weight:normal !important;
line-height:41px
}
.diverse .item{
float:right;
height:190px;
width:194px;
text-align:center;
margin:36px 80px 0 0
}
.diverse .item img{
}
.diverse .item span,
.diverse .item h3{
width:100%;
display:inline-block;
color:#363a3d;
text-decoration:none;
font-size:18px;
font-weight:normal;
margin:0;
padding:0
}
.bot_banners{
float:right;
width:100%;
margin:51px 0 0 0;
text-align:center;
height:264px
}
.bot_banners a{
text-decoration:none;
display:inline-block;
margin:0 24px
}
.ink_section{
float:right;
width:100%
}
.ink_section .ink_banner{
float:right;
margin:32px 143px 0 0
}
.ink_section .ink_search{
float:right;
margin:32px 45px 0 0;
width:437px;
height:266px;
background:#652D90;
position:relative
}
.ink_section .ink_search_title{
float:right;
margin:22px 138px 0 0;
text-align:center;
width:160px
}
.ink_section .ink_search_title .tear{
}
.ink_section .ink_search_title span{
float:right;
width:100%;
margin:20px 0 0 0;
font-size:24px;
font-weight:bold;
color:white
}
.ink_section .input{
float:right;
margin:21px 90px 0 0;
width:266px;
height:43px;
border-radius:2px
}
.ink_section .input input[type="text"]{
float:right;
margin:0;
padding:0 18px 0 0;
width:241px;
height:43px;
border:0;
font-size:20px
}
.ink_section .input .tuner .tuner_submit{
float:right;
margin:0;
padding:0
}
.ink_section .tuners_link{
float:right;
margin:18px 130px 0 0;
color:white;
font-weight:bold;
font-size:18px;
text-decoration:none
}
#search_results{
position:absolute;
top:198px;
right:40px;
background:white;
width:355px;
height:113px;
display:none;
overflow-x:hidden;
text-align:right;
padding:0;
margin:0
}
#search_results a{
float:right;
width:100%
}
.mp_footer_txt{
float:right;
width:80%;
margin:40px 10%;
padding:0
}
@media (max-width:1440px){
.main_banner_offer{
margin:20px 28px 0 0
}
.discount_banner{
margin:33px 20px 0 0;
width:665px;
background-size:100%;
padding:0 0 0 0
}
.discount_banner font{
font-size:42px !important
}
#main_banner{
width:980px;
margin:50px 0 0 0;
height:388px
}
#gallery_holder{
height:388px
}
#gallery_holder .web_img{
width:980px
}
.most_sold{
margin:11px 0 0 0;
width:980px
}
.most_sold .most_sold_title{
width:100%;
margin:0
}
.most_sold .most_sold_holder{
width:980px
}
.most_sold #most_sold_slider_holder{
margin:0
}
.med_banners{
width:980px;
margin:15px 0 0 0;
height:204px
}
.med_banners a{
width:980px
}
.med_banners a img{
max-width:100%
}
.diverse{
height:678px
}
.diverse .diverse_title{
margin:42px 0 0 0 !important
}
.diverse .item{
margin:36px 51px 0 0
}
.bot_banners{
height:204px
}
.bot_banners a{
width:194px
}
.bot_banners a img{
width:100%
}
.ink_section .ink_banner{
margin:62px 0 0 0;
width:498px
}
.ink_section .ink_banner img{
max-width:100%
}
}
@media all and (max-width:640px),(max-device-width:640px){
.main_banner_offer{
margin:28px 20px 0 0;
width:183px;
height:68px
}
.discount_banner{
margin:28px 11px 0 0;
width:322px;
height:89px;
background:url(../../../design/default/css/../../../design/default/css/images/mainpage/mobile_discount_banner.jpg) top right no-repeat;
padding:10px 18px 0 30px;
font-size:28px
}
.discount_banner .big{
margin:-5px 63px 0 3px;
font-size:42px
}
.discount_banner .blue{
float:right;
width:300px
}
.discount_banner .purple{
float:right;
margin:-8px 7px 0 0;
font-weight:normal;
font-size:29px;
letter-spacing:2px;
color:#652d92
}
.discount_banner font{
font-size:30px !important
}
#main_banner{
width:640px;
margin:0 0 0 0;
height:253px
}
#gallery_holder{
max-width:500000px;
height:253px
}
#gallery_holder .web_img{
width:640px
}
.most_sold{
margin:4px 0 0 0;
width:640px
}
.most_sold .most_sold_title{
margin:0 20px 0 0;
width:620px
}
.most_sold .most_sold_holder{
width:640px;
height:338px
}
.most_sold .arrw_left{
top:65px;
left:21px
}
.most_sold .arrw_right{
top:65px;
right:30px
}
.most_sold #most_sold_slider_holder{
width:500px;
margin:0 62px 0 0
}
.most_sold #most_sold_slider_holder #most_sold_slider{
max-width:5000000px
}
.med_banners{
margin:8px 0 0 0;
width:640px;
height:auto;
padding:0 0 8px 0
}
.med_banners a{
width:634px;
margin:0 0 8px 0
}
.diverse{
height:auto;
padding:0 0 36px 0;
border-bottom:6px solid #00aeef
}
.diverse .diverse_title{
margin:56px 57px 0 0 !important
}
.diverse .item{
margin:36px 92px 35px 0
}
.single_med_banner{
float:right;
margin:41px 37px 0 0
}
.bot_banners{
width:640px;
margin:41px 0 0 0;
height:auto;
border-bottom:6px solid #00aeef;
padding:0 0 2px 0
}
.bot_banners a{
margin:0 12px 35px
}
.ink_section .ink_banner{
margin:26px 20px 0 0;
width:620px
}
.ink_section .ink_banner img{
width:600px
}
.ink_section .ink_search{
margin:22px 24px 0 0;
width:595px;
height:360px
}
.ink_section .ink_search_title{
margin:31px 192px 0 0;
width:220px
}
.ink_section .ink_search_title .tear{
width:54px
}
.ink_section .ink_search_title span{
margin:27px 0 0 0;
font-size:33px
}
.ink_section .input{
margin:28px 58px 0 0;
width:478px;
height:64px
}
.ink_section .input input[type="text"]{
padding:0 18px 0 0;
width:460px;
height:62px;
font-size:27px
}
#search_results{
top:269px;
right:58px;
width:477px
}
.ink_section .tuners_link{
margin:25px 182px 0 0;
font-size:22px
}
}