body, html{margin:0;padding:0;height:100%}
body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, summary, time, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
input:focus, select:focus{outline:0}
li, ul, ol{list-style-type:none;float:left;width:100%}
span, p, h1, h2, h3, h4, h5{cursor:default}
article, aside, details, figcaption, figure, footer, header, menu, nav, section{display:block}
blockquote::before, blockquote:after, q::before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a, a *{cursor:pointer;outline:none;text-decoration:none;color:#000}
a:focus, a:hover{text-decoration:none;outline:0 none;cursor:pointer;color:#000}
input, label, select, button, textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;outline:none}
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
input[type=checkbox], input[type=radio]{width:15px;height:15px}
input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}
textarea{vertical-align:top;overflow:auto}
::-webkit-search-decoration{display:none}
button, input[type="reset"], input[type="button"], input[type="submit"]{overflow:visible;width:auto}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, input.success, input:-internal-autofill-selected{}
html{position:relative}
body{background:#fff;min-height:100%;max-width:2500px;font:15px/24px "Quicksand", "Open Sans", sans-serif;margin:0;padding:0;height:100%;display:flex;flex-direction:column;color:#000;text-align:center}

input, select, textarea{float:left;display:inline-block;border:1px solid #b8c6d9;color:#333;-webkit-text-fill-color:#000;text-align:left;font:16px/16px "Quicksand", "Open Sans", sans-serif;padding:10px 15px;height:38px;border-radius:20px}
select{-webkit-appearance:none;-moz-appearance:none;text-overflow:'';text-indent:1px;position:relative;cursor:pointer;white-space:nowrap;background:url(/media/bikinifanatics/assets_new/images/icons/caret_down.svg) no-repeat calc(100% - 10px) 16px;background-size:14px;padding:0 35px 0 15px;font:16px/36px "Quicksand", "Open Sans", sans-serif}
textarea{font:16px/24px "Quicksand", "Open Sans", sans-serif}
input:focus, select:focus ,textarea:focus{}
button.disabled{cursor:default!important;background:#819399!important;color:#fff!important;opacity:1!important}
button.disabled::before{opacity:0!important}

input.checkbox[type=checkbox]{height:0;width:0;visibility:hidden}
label.checkbox{float:left;cursor:pointer;width:40px;height:20px;background:#657786;border-radius:100px;position:relative;transition:all .1s ease-in-out}
label.checkbox:before{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .1s ease-in-out}
label.checkbox.active{background:#2196f3}
label.checkbox.active:before{left:calc(100% - 18px)}
label.checkbox:active:before{width:20px}
label.checkbox_label{float:left;cursor:pointer;width:auto;padding:0 0 0 10px;line-height:20px}
.clear{clear:both}

@-webkit-keyframes fadeLoading{0%{width:90%}
    50%{width:80%}
    100%{width:90%}
}
@-moz-keyframes fadeLoading{0%{width:90%}
    50%{width:80%}
    100%{width:90%}
}
@-o-keyframes fadeLoading{0%{width:90%}
    50%{width:80%}
    100%{width:90%}
}
@keyframes fadeLoading{0%{width:90%}
    50%{width:80%}
    100%{width:90%}
}

a.click_here{display:inline-block;margin:20px auto 50px;font:22px/50px "Quicksand", "Open Sans Regular", sans-serif;border-radius:20px;padding:0 20px;letter-spacing:-1px;background:#ff4081;color:#fff;box-shadow:0 12px 18px 2px rgba(34,0,51,.04),0 6px 22px 4px rgba(7,48,114,.12),0 6px 10px -4px rgba(14,13,26,.12);transition:all .3s ease-in-out}
a.click_here:hover{opacity:.8}

/* ===== Header Bar ===== */
.inner{float:none;display:inline-block;width:96%;max-width:1024px;margin:50px auto 0;text-align:center}
a.logo{float:none;display:inline-block;width:80%;max-width:340px;margin:0 auto 20px}
a.logo img{float:left;display:inline-block;width:100%}
h1{float:left;display:inline-block;width:100%;margin:0 0 60px;font:40px/40px "Quicksand", "Open Sans Regular", sans-serif;text-align:center;letter-spacing:-1px}
h2{float:left;display:inline-block;width:100%;font:30px/35px "Quicksand", "Open Sans Regular", sans-serif;margin:0;letter-spacing:-1px;text-align:center}
h3{float:none;display:inline-block;width:90%;margin:50px 5% 0;font:22px/30px "Quicksand", "Open Sans Regular", sans-serif;text-align:center}

.block{float:left;display:inline-block;width:48%}
.block_right{float:right;background-size:cover;background-position:50%;overflow:hidden;position:relative;border-radius:8px;}
.block_right:before{content:'';float:left;display:inline-block;width:100%;padding-bottom:calc(180% + 50px)}

.block_banner{float:left;display:inline-block;position:absolute;left:0;bottom:0;padding:40px 20px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );}
.block_banner h1{float:left;display:inline-block;width:100%;font:35px/50px "Quicksand", "Open Sans Regular", sans-serif;color:#fff;letter-spacing:-1px;margin:0}
.block_banner h2{float:left;display:inline-block;width:100%;font:20px/26px "Quicksand", "Open Sans", sans-serif;padding:10px 0;color:#fff;letter-spacing:0}
.block_banner h3{float:none;display:inline-block;width:auto;font:17px/45px "Quicksand", "Open Sans Regular", sans-serif;padding:0 15px;background:rgba(0,0,0,.5);color:#fff;border-radius:20px;margin:10px 5px}
.block_banner a.click_here{margin:0}

ul{float:left;display:inline-block;width:100%;margin:15px 0 30px}
ul li{float:left;display:inline-block;width:25%;text-align:center;color:#000}
ul li .icons{float:none;display:inline-block;width:70px;height:70px;padding:15px;background:#ff4081;text-align:center;border-radius:50%;margin:0 0 10px}
ul li .icons img{float:none;display:inline-block;margin:0;width:100%}
ul li .icons.galleries{padding:16px}
ul li .icons.videos{padding:17px 15px 13px}
ul li .icons.models{padding:14px 17px 15px 13px}
ul li span{float:left;display:inline-block;width:100%;text-align:center;font:16px/20px "Quicksand", "Open Sans", sans-serif}

.images{float:left;display:inline-block;width:100%;border-radius:8px;overflow:hidden}
.images a{float:left;display:inline-block;width:calc(50% - 2px);margin:1px;overflow:hidden;position:relative;background-size:cover;background-position:50%}
.images a::before{content:'';float:left;display:inline-block;padding-bottom:100%}
.images a::after{content:"";display:inline-block;height:100%;left:-100%;position:absolute;top:0;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255, 0.3) 100%);transform:skewX(-25deg);width:50%;z-index:2}
.images a:hover::after{-webkit-animation:post_item_fx 0.45s;animation:post_item_fx 0.45s}
@-webkit-keyframes post_item_fx {
    100% {left: 125%;}
}
@keyframes post_item_fx {
    100% {left: 125%;}
}
.images_25 a{width:calc(25% - 2px)}

@media all and (max-width: 680px){
    .inner{margin:40px auto 0}
    h1{font:32px/32px "Quicksand", "Open Sans Regular", sans-serif;letter-spacing:-2px}
    h1 br{display:none}
    h2{font:28px/35px "Quicksand", "Open Sans Regular", sans-serif}
    .block{width:100%}
    .block_right{margin:40px 0 0}
    .block_right:before{padding-bottom:100%}
    .block_banner h2{font:20px/24px "Quicksand", "Open Sans", sans-serif;padding:20px 0;margin:0 5%;width:90%}
    h3{font:20px/28px "Quicksand", "Open Sans Regular", sans-serif}
    h3 br{display:inline-block}
    .images_25 a{width:calc(50% - 2px)}
}