/*--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
body a { transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }
ul { padding: 0; margin: 0; }
/*----*/
h3.future, h3.future-in { color: #333333; font-size: 1.5em; padding: 2em 3em; font-weight: 700; }
h3.future:after, h3.future-in:before { content: ""; background: #ccc; width: 95%; height: 2px; display: inline-block; vertical-align: middle; }
h3.future-in:before { width: 91%; }
.content-grid { /*padding: 3em 0 0;*/
}
/*----*/
.men-grid { /*background:#f5f6f7;*/
position: relative; margin: 0 4% 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.men-grid a { cursor: pointer; }
.value-in p { float: left; color: #aa9b77; font-size: 1.3em; font-weight: 600; text-transform: uppercase; }
.value-in span { float: right; color: #333; font-size: 1.3em; font-weight: 600; text-transform: uppercase; }
.men-grid img { margin: 0 auto; }
.men-grid:hover { -ms-transform: translate(0, -5px); -webkit-transform: translate(0, -5px); transform: translate(0, -5px); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.men-grid:hover .pro-cat { color: #000 !important; }
.drop-down { outline: none; border: none; background: none; width: 23%; font-weight: 700; color: #333; font-size: 1.2em; position: absolute; top: 7%; left: 8%; }
.value-in { padding: 4em 0 0; }
#flexiselDemo1, #flexiselDemo2 { display: none; }
.nbs-flexisel-container { position: relative; max-width: 100%; padding: 2em 0 0; }
.nbs-flexisel-ul { position: relative; width: 9999px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { overflow: hidden; width: 90%; margin: 0 auto; }
.nbs-flexisel-item { float: left; position: relative; line-height: 0px; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; }
/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 23px; height: 45px; position: absolute; cursor: pointer; z-index: 100; top: 50% !important; }
.nbs-flexisel-nav-left { left: 2%; background: url(../images/carousel-left.png); }
.nbs-flexisel-nav-right { right: 2%; background: url(../images/carousel-left.png); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); }
p.five { float: right; color: #aa9b77; font-size: 1.4em; font-weight: 600; margin-right: 7.5%; }
/*--product--*/
h3.future-men, h3.future-women { color: #333333; font-size: 1.5em; padding: 3em 1em; font-weight: 700; }
h3.future-men:after, h3.future-women:before { content: ""; background: #ccc; width: 95%; height: 2px; display: inline-block; vertical-align: middle; }
h3.future-women:before { width: 91%; }
.content-product { padding: 0 3em; }
/*----*/
/*--four--*/
.four { text-align: center; padding: 8em 0em 10em; min-height: 440px; }
.four h1 { font-size: 8em; color: #aa9b77; font-weight: 600; }
.four p { font-size: 1.5em; color: #333; padding: 0.7em 0 2em; }
/*--single--*/
.grid { float: left; width: 37%; }
.span1_of_1_des { float: right; width: 58%; margin-left: 3.333%; }
/* start desc1 */
.desc1 h3 { color: #aa9b77; font-size: 2em; margin-bottom: 10px; font-weight: 700; line-height: 1.8em; }
.desc1 h5 { margin-top: 2%; font-size: 1.6em; color: #aa9b77; font-weight: 700; }
.desc1 h5 a { margin-left: 5px; color: #333; font-size: 0.7em; text-decoration: underline; }
.desc1 h5 a:hover { text-decoration: none; }
.desc1 p { font-size: 1em; color: #333; line-height: 1.8em; }
/* start available */
.available { margin-top: 10px; padding: 2em 0; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.available h4 { font-size: 1.3em; color: #aa9b77; margin-bottom: 20px; text-transform: uppercase; font-weight: 700; }
.available li { display: inline; font-size: 1em; padding: 1.5% 2%; color: #333; }
.available li select { outline: none; display: inline; font-size: 1em; color: #555555; margin-left: 10px; padding: 4px; border: 1px solid rgb(224, 224, 224); }
/* start share-des */
.share-desc { padding: 20px 0; }
.share h4 { font-size: 1.1em; color: #aa9b77; margin-bottom: 10px; text-transform: uppercase; text-shadow: 0 1px 0 #ffffff; font-weight: 700; }
.share_nav { float: left; }
.share_nav li { display: inline-block; margin: 5px 6px; }
.share_nav li a { background: #aa9b77; padding: 10px; display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; }
.share_nav li a:hover { background: #333; }
.share li img { vertical-align: middle; }
/*----*/
.form-in { margin-top: 2em; }
ul.place { margin: 6px 0; width: 100%; }
ul.place li { display: inline-block; padding: 6px; }
ul.place li { font-size: 1em; color: #aa9b77; text-decoration: none; cursor: pointer; font-weight: 700; }
.possible-single p { color: #727272; font-size: 1em; line-height: 1.5em; }
.possible-single h4 { font-size: 1.7em; font-weight: 700; color: #2f3234; text-transform: uppercase; padding: 0 0 1em; }
/*--responsive--*/
@media(max-width:1440px) {
i.round { left: 24.5%; }
}
@media(max-width:1366px) {
i.round { left: 24.5%; }
}
@media(max-width:1280px) {
.icon1 ul { right: -53px; }
i.round { left: 21%; }
}
@media(max-width:1024px) {
.content-top-grid { width: 50%; }
h3.future:after { width: 94%; }
h3.future-in:before { width: 89%; }
i.round { left: 14.5%; }
a.down { padding: 4em 0 0; }
.value-in p, .value-in span { font-size: 1em; }
h3.men:after { width: 94%; }
h3.future-women:before { width: 89%; }
.drop-down { width: 33%; }
.top-about p { height: 135px; overflow: hidden; }
.left-sit { width: 75%; }
.left-sit h6 { font-size: 1.1em; }
.left-sit p { height: 50px; overflow: hidden; }
.span1_of_1_des { width: 48%; }
.desc1 h3 { font-size: 1.4em; }
.sky-form h4 { font-size: 12px; }
.nbs-flexisel-nav-left { left: 1%; }
.nbs-flexisel-nav-right { right: 1%; }
}
@media(max-width:768px) {
.icon1 ul { right: -30px; }
i.round { left: 2.2%; top: 19%; }
.content-top-grid { width: 63%; }
h3.future:after { width: 92%; }
h3.future-in:before { width: 85%; }
h3.future, h3.future-in { padding: 0.5em 2em; }
h3.future-men:after { width: 92%; }
h3.future-women:before { width: 85%; }
.in-profile { padding: 0; }
.contact-map { padding: 2em 0em 0; }
.contact-right { padding: 0; }
.contact-form { padding: 1em 0 0; }
.col-md-3 { padding: 1em 0 0; }
.col-md-9 { padding: 0; }
.top-about { padding: 0; }
.top-about p { margin: 1em 0 1em; }
.content-top-grid { width: 62%; }
.sed { width: 65%; }
}
@media(max-width:640px) {
i.round { display: none; }
.news-letter { font-size: 0.75em; }
.hvr-shutter-in-horizontal { padding: 0.5em 1em; }
h3.future:after { width: 89%; }
h3.future-in:before { width: 82%; }
.men-grid { margin: 0 0% 0; }
h3.future-men:after { width: 88%; }
h3.future-women:before { width: 80%; }
.value-in p, .value-in span { font-size: 0.9em; }
h3.future-men, h3.future-women { padding: 2em 1em; }
.grid { width: 100%; }
.span1_of_1_des { width: 100%; margin-left: 0%; }
.content-top-at { padding: 0 3em; }
.ring-in { width: 22%; }
.sed { display: none; }
.nbs-flexisel-nav-left { left: -1%; }
.nbs-flexisel-nav-right { right: -1%; }
}
@media(max-width:480px) {
span.menu { display: block; text-align: right; cursor: pointer; position: relative; }
.top-nav ul { display: none; position: absolute; width: 100%; z-index: 9999; left: 0%; margin: 1em 0em; background: #0E4D6F; border: 0; }
.top-nav span.menu { display: block; width: 100%; text-align: right; cursor: pointer; }
.top-nav ul li { display: block; float: none; padding: 0.3em; text-align: center; }
.top-nav ul li a { color: #fff; display: block; margin: 0; background: none; border: none; padding: 0.4em; }
.top-nav ul li a:hover { color: #9e82ae; }
.top-nav ul li a i { display: none; }
.top-nav { margin-top: 0.7em; }
.header-top, .content-top-at, a.theme, .footer-bottom-at, .content-product { padding: 0 0em; }
a.down { padding: 2.5em 0 0; }
.hvr-shutter-in-horizontal { font-size: 1em; }
.news-letter:nth-child(3) { display: none; }
h3.future:after { width: 85%; }
h3.future, h3.future-in { padding: 0.5em 0em; }
h3.future-in:before { width: 79%; }
.col-d { width: 100%; padding: 1em 0; }
h3.future-women:before { width: 77%; }
.four { padding: 5em 0em 7em; min-height: 395px; }
.four h1 { font-size: 7em; }
.privacy-bottom h5 a { font-size: 1.3em; }
.privacy-bottom { padding: 1em 0 0; }
.privacy-top { padding: 3em; }
.privacy-top { padding: 3em 0em; }
.privacy-top h3, .contact h2 { font-size: 2em; }
.privacy-bottom p { height: 77px; overflow: hidden; }
.top-about h5 { height: 56px; overflow: hidden; }
.in-profile h4 { font-size: 1.5em; padding: 0.5em 0; }
.name-in { width: 100%; margin-right: 0%; }
.nbs-flexisel-nav-left { right: 10%; }
h3.future-men, h3.future-women { padding: 1.5em 0em; }
.top-contact { padding: 2em 0 0; }
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 15px; height: 29px; background-size: contain; }
.nbs-flexisel-nav-left { left: -1%; }
.nbs-flexisel-nav-right { right: -1%; }
}
@media(max-width:320px) {
a.down { padding: 1em 0 0; }
.news-letter:nth-child(2) { display: none; }
.content-top-grid { width: 37%; margin-top: 0; }
.checkbox i { width: 28px; height: 28px; }
.hvr-shutter-in-horizontal { font-size: 0.9em; }
h3.future, h3.future-in, h3.future-men, h3.future-women { font-size: 1.2em; }
h3.future-in:before { width: 74%; }
a.theme { font-size: 0.9em; }
h3.future-men:after { width: 86%; }
h3.future-men, h3.future-women { padding: 1em 0em 0.5em; }
h3.future-women:before { width: 74%; }
.men-grid { padding: 3em 1em 1em; }
.value-in { padding: 2em 0 0; }
.four h1 { font-size: 5em; }
.four p { font-size: 1.2em; padding: 0.7em 0 1em; }
.four { padding: 3em 0em 4em; min-height: 243px; }
.privacy-bottom h5 { height: 39px; overflow: hidden; }
.privacy-top { padding: 2em 0em; }
.about-top h3 { font-size: 1.3em; }
.top-about h5 { height: 50px; overflow: hidden; font-size: 1.1em; }
.top-about p { height: 67px; font-size: 1em; margin: 0em 0 0.5em; }
.about-bottom { padding: 1em 0 0; }
.in-profile h4 { font-size: 1.2em; }
span.in-sed { font-size: 1.4em; width: 38px; height: 38px; }
.team-top:nth-child(3) { display: none; }
.team-top { width: 41%; }
.team-top:nth-child(2) { margin-right: 0; }
.team-top { width: 45%; }
.nbs-flexisel-nav-left { right: 12%; }
.team-top h6 { font-size: 1.1em; }
.team-top p { font-size: 1em; line-height: 1.5em; }
.desc1 h3 { font-size: 1.2em; margin-bottom: 5px; }
.desc1 p { height: 50px; overflow: hidden; }
.available h4 { font-size: 1.1em; }
.possible-single h4 { font-size: 1.4em; padding: 0 0 0.5em; }
ul#etalage { width: 250px !important; }
li.etalage_small_thumbs { width: 250px !important; }
}