@charset "utf-8";
/* CSS Document */

body { margin: 0px; padding: 0px; background: #000000; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li { margin: 0px; padding: 0px; list-style: none; }
a { text-decoration: none; transition: all 0.7s ease 0s; }
.wrap { float: left; width: 100%; }
.center { max-width: 1000px; margin: 0 auto; position: relative; }
.header { float: left; width: 100%; background: #ba0000; }
.logo { float: left; width: 40%; margin: 0px; }
.logo img { max-width: 100%; width: 100%; }
.head-right { float: right; width: 58%; margin: 12px 0 0 0; }
.head-right p.call { float: right; width: 63%; text-align: right; font-size: 15px; font-weight: 400; line-height: 23px; margin: 0 0 45px; }
.head-right p.call span { float: left; font-weight: 700; width: 42%; font-size: 16px; color: #fff; }
.nav { float: right; width: auto; margin: 0px; padding: 0px; }
.nav ul { float: left; width: auto; margin: 0px; }
.nav ul li { float: left; width: auto; margin: 0px; }
.nav ul li a { float: left; width: auto; margin: 0px 0 0 45px; padding: 0 3px 6px; font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; border-bottom: 3px solid transparent; }
.nav ul li a:hover, .nav ul li a.active { border-bottom: 3px solid #fff; }
.main-body { float: left; width: 100%; background: url(../images/bg.jpg) right 0 no-repeat; background-attachment: fixed; background-size: 100%; padding: 50px 0 0 0; }
.welcome { float: left; width: 100%; margin: 0px 0 50px; }
.welcome-img { border: 1px solid #191919; float: right; width: 40%; }
.welcome-img img { width: 100%; display: block; }
.welcome-text { float: left; width: 55%; margin: 0px; padding: 0px; display: table; text-align: center; height: 448px; }
.welcome-text .text-inn { display: table-cell; height: 448px; vertical-align: middle; }
.welcome-text .text-inn h2 { float: left; width: 100%; font-size: 50px; font-weight: 800; color: #fff; margin: 0 0 26px; }
.welcome-text .text-inn h2 span { color: #db0000; font-weight: 600; }
.welcome-text .text-inn p { float: left; width: 100%; font-size: 14px; font-weight: 400; color: #fff; }
.girls-row { float: left; width: 100%; }
.girls-row h3 { float: left; width: 100%; font-size: 50px; font-weight: 800; color: #fff; text-align: center; margin: 0 0 30px; text-transform: uppercase; }
.girls-row ul { float: left; width: 97.8%; margin: 0px 20px; padding: 0px; }
.girls-row ul li { float: left; width: 100%; margin: 0px 0px 60px; padding: 0px; position: relative; }
.girls-row ul li .girl-img { float: left; width: 50%; border: 1px solid #191919; }
.girls-row ul li .girl-img img { max-width: 100%; width: 100%; display: block; }
.girls-row ul li .girl-text { background: #323232; padding: 40px 20px; text-align: center; position: absolute; right: 30px; top: 30px; width: 46%; }
.girls-row ul li .girl-text h1 { float: left; width: 100%; margin: 0px; font-size: 20px; color: #da2430; font-weight: 700; padding: 0 0 22px; }
.girls-row ul li .girl-text p { display: table; width: 97%; margin: 0 auto; font-size: 14px; color: #fff; font-weight: 400; padding: 0 0 10px; line-height: 22px; }
.girls-row ul li.even .girl-img { float: right; }
.girls-row ul li.even .girl-text { left: 30px; }
.contact-row { float: left; width: 100%; margin: 0 0 55px; }
.contact-row h3 { float: left; width: 100%; font-size: 50px; font-weight: 800; color: #fff; text-align: center; margin: 0 0 30px; text-transform: uppercase; }
.contact-row .map { float: left; width: 48%; margin: 0px 45px 0 0; }
.contact-row .map img { width: 100%; }
.contact-row .contact-info { float: left; width: 30%; margin: 35px 0 0 0; }
.contact-row .contact-info p { float: left; width: 100%; text-align: left; font-size: 16px; font-weight: 700; color: #fff; margin: 12px 0; }
.contact-row .contact-info p span { color: #ba0000; }
.footer { float: left; width: 100%; background: #0e0e0e; border-top: 5px solid #ca0000; padding: 35px 0; }
.footer p { float: left; width: 100%; text-align: center; font-size: 13px; color: #5c5c5c; }
/*------- responsive nav ---------*/
.nav-sec { display: none; }
.nav { display: block; }
.navigation { background: #900202; display: none; float: left; left: 0; list-style: outside none none; margin: 20px 0 0 0px; padding: 0; position: absolute; top: 25px; width: 100%; z-index: 10; border-bottom: 5px solid #660404; }
.nav-sec a.show-mobile { width: 22px; height: 22px; display: inline-block !important; background: url(../images/responsive-nav.png) no-repeat scroll 0 center; font-size: 0; margin: 10px 0 0 20px; float: left; }
.nav-sec { background: #900202; clear: left; float: left; height: 42px; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 1000; }
nav #nav { background: #284882; width: 100%; position: relative; margin-top: 15px; }
nav ol li:first-child::before { border-bottom: 10px solid #284882; border-left: 9px solid transparent; border-right: 9px solid transparent; content: ""; display: block; height: 0; position: absolute; right: 48%; top: -10px; width: 0; }
#nav li:hover { background: #181818 !important; color: #fff; }
#nav li { float: left; width: 100%; border-bottom: 1px solid #690606; }
#nav li:last-child { border-bottom: none; }
#nav li a { color: #fff; display: block; font-size: 14px; padding: 10px 20px; text-decoration: none; text-align: left; text-transform: uppercase; }
#nav li:first-child a { width: auto; background: none; }
/*------------------------- links ----------------------------*/

.links { float: left; width: 100%; margin: 0px; padding: 0px 0 60px; }
.links h2 { width: 100%; float: left; text-align: center; color: #fff; font-size: 50px; font-weight: 800; margin: 0 0 35px; }
.links p { width: 100%; float: left; text-align: center; color: #fff; font-size: 16px; font-weight: 600; margin: 0 0 35px; }
.links p span { color: #ba0000; }
.links-banner { margin: 0 auto; display: table; }
/*----------------- contact -------------------------*/

.contact-text .text-inn p { float: left; width: 100%; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; }
.contact-text .text-inn p span { color: #c60000; }
.contact-img { border: 1px solid #191919; float: right; width: 40%; }
.contact-img iframe { width: 100% !important; display: block; }

/*----------------- start responsive -------------------------*/

@media only screen and (max-width:1000px) {
.center { max-width: 768px; }
.head-right p.call { width: 84%; margin: 0 0 25px; }
.welcome-text .text-inn h2 { font-size: 38px; }
.welcome-text { height: 348px; }
.welcome-text .text-inn { height: 348px; }
.girls-row ul li .girl-text { padding: 10px; width: 50%; top: 14px; }
}

@media only screen and (max-width:768px) {
.center { max-width: 640px; }
.head-right p.call { width: 100%; margin: 0 0 12px; }
.nav ul li a { margin: 0 0 0 30px; font-size: 14px; font-weight: 700; }
.welcome-text { height: 288px; }
.welcome-text .text-inn { height: 288px; }
.welcome-text .text-inn h2 { margin: 0 0 12px; }
.girls-row ul li .girl-text p { font-size: 12px; line-height: 16px; }
.girls-row ul li .girl-text h1 { padding: 0 0 6px; }
.girls-row ul li .girl-text { top: 20px; }
.main-body { background: url(../images/bg.jpg) right 0 no-repeat; background-attachment: scroll; background-size: auto; }
.contact-img { width: 100%; }
.contact-text { height: auto; width: 100%; }
}

@media only screen and (max-width:640px) {
.center { width: 90%; }
.nav-sec { display: block; }
.nav { display: none; }
.logo { display: table; float: none; margin: 0 auto; width: 50%; }
.head-right p.call span { text-align: center; width: 100%; }
.head-right p.call { text-align: center; }
.head-right { position: fixed; top: -11px; right: 20px; width: auto; z-index: 10000; }
.head-right p.call span { display: none; }
.head-right p.call { font-size: 14px; line-height: 18px; }
.header { padding: 44px 0 0; }
.welcome-text { height: auto; width: 100%; }
.welcome-img { border: 1px solid #191919; display: table; float: none; margin: 0 auto; width: 70%; }
.girls-row ul { margin: 0; padding: 0; width: 100%; }
.girls-row ul li .girl-img { width: 100%; }
.girls-row ul li .girl-text { width: 93%; position: relative; float: left; left: 0px; }
.girls-row ul li.even .girl-text { width: 93%; position: relative; float: right; right: 0px; left: auto; }
}

@media only screen and (max-width:480px) {
.logo { width: 70%; }
.contact-row .map { float: left; margin: 0; width: 100%; }
.contact-row .contact-info { width: 100%; margin: 10px 0 0 0; }
.welcome-img { width: 100%; }
.links-banner { width: 100%; }
.links-banner img { width: 100%; }
.contact-img iframe { height: 200px !important; }
}