/*
* Nemex HTML v 1.0
* Copyright 2014, manuelvega
* DATE : 09/25/2014
* URL : http://themeforest.net/user/manuelvega
*/
/* Table of Contents
==================================================
  

  1. GENERAL STYLES
  2. HEADER 
  3. ABOUT
  4. SERVICES
  5. PARALLAX
  6. TEAM
  7. PORTFOLIO
  8. TWITTER
  9. PRICING
 10. PROCESS
 11. BLOG, POST & BREADCRUM
 12. FOOTER
 13. AJAX
 14. SWITCHER
 15. RESPONSIVE NAV
 16. CONTACT
 17. MEDIA QUERYS



/* 1 - GENERAL STYLES
================================================== */
@import url("css/colors/orange.css");

a {
    color: #8d8d8d;
}

a:hover {
    text-decoration: none;
}

body {
    width: 100%;
    height: 100%;
    background: #fff;
    font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.body {
    width: 100%;
    overflow: hidden;
}

html {
    width: 100%;
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: "Roboto";
    color: #323232;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
    letter-spacing: 0;
}

h6 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    color: #4d4d4d;
}

p {
    margin: 0 0 25px;
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: 30px;
    color: #444;
}

ul {
    list-style: none;
    padding: 0;
}

#preloader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
    position: fixed;
    background-image: url(img/preloader.gif);
}

.clear {
    clear: both;
}

.line-nav {
    background-color: #999999;
    height: 1px;
}

.section {
    padding-top: 50px;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* 2 - HEADER
================================================== */

header {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

section#home {
}

#main-nav {
    background-color: #ffb049;
}

.nav {
    padding-bottom: 10px;
}

.navigation ul {
    float: right;
    margin: 40px 50px 0 0;
}

.navigation ul li {
    display: inline;
    padding-left: 32px;
}

.navigation ul li a {
    font-family: 'Roboto';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}

.navigation ul li.active a {
    padding: 7px 25px;
    color: #fff;
}

.logo {
    margin: 10px 0 0 30px;
}

.logo #logo-mobile {
    display: none;
}

a.btn-custom {
    color: #fff;
}

a.butn-custom:hover {
    color: #fff;
}

.video_wrap {
    height: 950px;
}

.footer-name-orange {
    color: #ffb049;;
    font-weight: 600;
}

.footer-name-white {
    color: #fff;
}

/* 3 - ABOUT
================================================== */

section.about {
    background: url(img/onas2.jpg);
    height: 1166px;
    text-align: center;
}

p.number {
    font-size: 60px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    float: left;
}

.offices {
    background: url(img/onas.jpg) no-repeat;
    height: 470px;
    margin-top: 20px;
}

.offices img {
    margin-left: 37%;
    margin-top: 23%;
}

.welcome {
}

.welcome h2 {
    margin-top: 150px;
    font-weight: bold;
    font-size: 40px;
}

.welcome p {
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    padding-right: 100px;
    line-height: 35px;
}

.heading h2 {
    color: #fff;
    padding-top: 130px;
}

.heading {
    margin-top: 20px;
    margin-bottom: 100px;
    text-align: center;
}

.heading.dark h2, .heading.dark p.number {
    color: #353535;
}

span.big-text {
    font-size: 50px;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: "Roboto";
    color: #323232;
    line-height: 60px;
    font-weight: 700;
    display: block;
}

.heading.dark p.number {
}

.page_title {
    margin: 130px 0 80px 0;
    text-align: center;
}

.page_title span {
    font-size: 150px;
    font-weight: 100;
    margin-right: 30px;
}

.title.white-color {
    color: #fff;
}

.title {
    font-size: 35px;
    margin-bottom: 60px;
    text-align: center;
    text-transform: uppercase;
    line-height: 45px;
    vertical-align: top;
    border-bottom: 3px solid #ffb049;
    margin: 0 0 20px;
    padding: 0 0 20px;
    display: inline-block;
}

.how-we-work h3 {
    margin-bottom: 50px;
}

.how-we-work p {
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: 30px;
    margin-bottom: 50px;
}

.fun-facts {
    margin-top: 130px;
}

.fun-facts p.fact {
    font-size: 80px;
    font-weight: 100;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 30px;
}

.fun-facts p {
    font-size: 15px;
    text-transform: uppercase;
}

.know-more {
    margin-top: 50px;
}

.know-more p {
    font-size: 20px;
    color: #fff;
    font-family: 'Arial';
}

button.btn-normal {
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 10px 30px;
}

section#welcome .col-lg-4 {
    padding: 0;
    margin-top: -20px;
}

/* 4 - SERVICES
================================================== */

section.services p.number, section.contact p.number {
    color: #353535;
    margin: 0;
}

section.services .heading, section.contact .heading {
    text-align: left;
    margin-left: 80px;
    margin-top: 100px;
}

section.contact .heading {
    margin-top: 30px;
}

section.services .heading h1, section.contact .heading h1 {
    font-weight: 700;
}

section.services .heading h5, section.contact .heading h5 {
    text-transform: none;
    color: #444;
    margin-bottom: 60px;
}

.service {
    float: left;
    width: 33%;
    text-align: center;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 60px;
    -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;
}

.service p.process {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 700;
    color: #212121;
    text-transform: uppercase;
    margin: 20px 0;
    text-align: center;
}

.service p {
    font-size: 14px;
    padding: 0 50px;
    margin: 0px;
    text-align: left;
}

.service:hover {
    background-color: #212121;
}

.service:hover p {
    color: #fff;
}

@media screen and (max-width: 1400px) {
    .service p {
        padding: 0 20px;
    }
}

/* 5 - PARALLAX
================================================== */

span.rooms--title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    padding: 20px 0;
    font-weight: 500;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
    font-size: 25px !important;
    line-height: 40px;
}

span.rooms--title a {
    color: #ffb049;
    text-transform: uppercase;
}

h1.new-title {
    position: relative !important;
    margin: 0 0 35px !important;
    text-transform: uppercase !important;
    font-family: "Roboto" !important;
    background: none !important;
    color: #323232 !important;
    font-size: 36px !important;
    border-bottom: 3px solid #ffb049 !important;
    display: inline-block !important;
}

.parallax {
    text-align: center;
}

.parallax h1 {
    color: #fff;
    font-weight: 800;
}

.parallax span {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: "Roboto";;
    display: block
}

.parallax .line {
    height: 5px;
    width: 50px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 50px;
}

.parallax p {
    color: #fff;
    margin-top: 50px;
}

.parallax.twitter {
    text-align: center;
}

button.button-white {
    background-color: #fff;
    border: none;
    padding: 20px 120px;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #303030;
}

.overlay {
    text-align: left;
    height: 268px;
    background: #46d2fc;
    padding: 100px 0 0 0px;
    opacity: 0.8;
    background: -moz-linear-gradient(359deg, rgba(81, 197, 211, 1) 0%, rgba(153, 86, 146, 1) 56%, rgba(153, 86, 146, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(81, 197, 211, 1)), color-stop(56%, rgba(153, 86, 146, 1)), color-stop(100%, rgba(153, 86, 146, 1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(359deg, rgba(81, 197, 211, 1) 0%, rgba(153, 86, 146, 1) 56%, rgba(153, 86, 146, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(359deg, rgba(81, 197, 211, 1) 0%, rgba(153, 86, 146, 1) 56%, rgba(153, 86, 146, 1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(359deg, rgba(81, 197, 211, 1) 0%, rgba(153, 86, 146, 1) 56%, rgba(153, 86, 146, 1) 100%); /* ie10+ */
    background: linear-gradient(91deg, rgba(81, 197, 211, 1) 0%, rgba(153, 86, 146, 1) 56%, rgba(153, 86, 146, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51c5d3', endColorstr='#995692', GradientType=1); /* ie6-9 */
}

.banner-bg {
    background-image: url(http://placehold.it/1920x400);
    height: 268px;
    margin-top: -37px;
}

.overlay h2 {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
    padding-left: 50px;
}

.overlay h5 {
    text-transform: none;
    color: #fff;
    float: left;
    padding-left: 50px;
}

button.btn-default {
    float: right;
    border: 1px solid #fff;
    background: transparent;
    padding: 15px 25px;
    font-family: 'Roboto';
    font-size: 16px;
    color: #fff;
    margin-top: -35px;
}

button.btn-default:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

/* 6 - TEAM
================================================== */

.info-slogan-education {
    margin-top: 120px;
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;
}

.info-slogan-education strong {
    color: #FFB049;
    font-weight: 300;
}

.image_container {
    min-height: 600px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
    width: 25%;
    float: left;
}

.main_team_image {
    min-height: 600px;
    background-position: center;
    background-size: cover;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.main_team_image:hover {
    opacity: 0;
}

.image_container img {
    opacity: 1;
}

.team_item .caption h5 {
    font-family: 'Roboto';
    text-transform: uppercase;
    margin-bottom: 10px;
    background-color: #212121;
    padding: 5px 10px;
    display: inline-block;
}

.team_item .caption h1 {
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    margin-bottom: 10px;
}

.team_item .caption {
    background-size: cover;
}

.team_details {
    background-color: #252629;
    padding: 10px;
}

.team_details.white {
    background-color: #eeeeee;
}

.team_details.white .team_name, .team_details.white .job {
    color: #232527
}

.team_item .caption {
    position: absolute;
    bottom: 0px;
    left: 20px;
}

.team_name, .job {
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

.job {
    font-size: 11px;
}

.team_item i {
    color: #fff;
    margin-right: 10px;
    margin-top: 10px;
}

/* 7 . PORTFOLIO
================================================== */

#options {
    margin: 0 auto;
}

#filters {
    text-align: center;
    margin-bottom: 60px;
}

#filters li {
    display: inline;
    margin-right: 15px;
}

#filters li a {
    font-family: 'Roboto';
    text-transform: uppercase;
    background-color: #363636;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 11px;
    behavior: url(css/PIE.htc);
    color: #fff;
    padding: 8px;
    font-weight: bold;
}

#filters li.active a, #filters li a:hover, #colums_triggers li a:hover {
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

#slout-controls ul {
    display: table;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.portfolio_item {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.portfolio_item {
    width: 24.9%;
}

#portfolioAjaxControlls {
    float: right;
    margin-bottom: 30px;
    height: 80px;
    position: relative;
}

#portfolioData {
    margin-bottom: 50px;
}

#portfolioAjaxControlls .inner {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 31px;
    height: 31px;
    margin-left: -10px;
    margin-top: -10px;
    background: #535353 url('images/icons/controlls_ajax.png') 0px -13px;
    border-radius: 20px;
    z-index: 5;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.item-data h3 {
    margin: 0;
}

.grid {
    overflow: hidden;
}

#portfolioAjaxControlls .outer {
    display: block;
    position: absolute;
    margin-top: -25px;
    margin-left: -25px;
    width: 61px;
    height: 61px;
    border-radius: 40px;
    background: rgba(153, 153, 153, 0.1);
}

.ie8 .inner {
    behavior: url(css/PIE.htc);
}

#ajax_close {
    position: absolute;
    top: 55px;
    right: 30px;
}

#portfoliod {
    display: none;
}

/* 8 - TWITTER
================================================== */

.twitter h6 {
    text-transform: none;
    color: #fff;
    font-weight: normal;
    margin-top: 30px;
    font-size: 20px;
}

.twitter img {
    margin-bottom: 50px;
}

.tweet img {
    display: none;
}

.tweet ul li {
    font-family: 'Roboto';
    font-size: 23px;
    color: #fff;
    line-height: 35px;
}

.twitteter_data {
    display: inline-block;
    margin-top: -30px;
}

.data p {
    padding: 10px 21px;
    border: 1px solid #9e9d9d;
    float: left;
    color: #9e9d9d;
}

/* 9 - PRICING
================================================== */

.pricing-table {
    border: 1px solid #e9e9e9
}

.pricing-table .pricing_header {
    background-color: white;
}

.pricing-table .pricing_sub_header {
    background-color: #f7f9fc;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.pricing-table .pricing_header h1 {
    margin-bottom: 0;
    margin-top: 0;
    color: black;
    padding: 20px 0px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

.pricing-table .pricing_sub_header h1 {
    color: #000000;
    text-align: center;
    margin: 0;
    padding: 25px 0px 15px 0px;
    font-size: 22px;
}

.pricing-table .pricing_sub_header span {
    font-size: 13px;
    font-weight: lighter;
    color: #a4a4a4;
    margin-left: 5px;
}

.pricing-table .features li {
    padding: 15px;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    color: #a4a4a4;
    font-size: 13px;
}

.pricing-table ul {
    border-bottom: 0;
    margin-bottom: 0;
}

.pricing_footer {
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    background-color: #f9fbfc;
    border-top: 0;
    padding: 30px 0px;
    text-align: center;
}

.pricing_footer h3 {
    margin: 0;
    color: white;
    text-align: center;
}

.pricing_footer h3 a {
    color: #a4a4a4;
}

.pricing_button {
    background: #3fd7ee;
    display: inline;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 12px;
    color: white;
    font-weight: bold;
}

.pricing_button:hover {
    color: white;
    background-color: #00CCEB;
}

/* 10 - PROCESS
================================================== */

.process {
    margin-bottom: 50px;
}

.process i {
    float: left;
    padding: 7px;
    margin-right: 20px;
    color: #fff;
    border-radius: 5px;
    background: #ffb049;
}

.process i:hover, .process h5:hover {
    cursor: pointer;
}

.faq--item span {
    display: none;
}

.process h5 {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    color: #212121;
    text-transform: uppercase;
}

.process p {
    font-size: 14px;
}

.process p i {
    background: none;
    color: #eea236;
    margin-right: 10px;
}

/* 11 - BLOG, POST & BREADCRUM
================================================== */

.blog {
    margin-bottom: 80px;
}

.blog-desc h4 {
    text-transform: none;
    margin-top: 20px;
}

.meta .author {
    float: left;
    margin-right: 20px;
}

.meta p {
    float: left;
    margin-top: 15px;
}

.comments i {
    margin: 5px 10px 0 30px;
    padding-top: 20px;
}

.blog-entry {
    margin-bottom: 100px;
}

.comment article {
    margin-bottom: 5px;
}

.blogpost-title {
    margin: 20px 0;
}

.comment {
    margin-bottom: 25px;
    border: 1px solid #e5e5e5;
    background-color: #FFF;
}

.comment-body {
    padding: 10px;
}

.comment .replybutton {
    float: right;
    margin-top: 0px;
    background-color: #F7F7F7;
    margin-right: 0px;
    font-size: 11px;
    color: #999;
    padding: 8px;
}

.post-info {
    position: relative;
    padding: 9px 9px 9px 69px;
    margin-bottom: 15px;
    border: 1px solid #EEE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    line-height: 50px;
    vertical-align: middle;
    color: #999;
    background-color: #F7F7F7;
    -webkit-background-clip: border;
    behavior: url(css/PIE.htc);
    border-top: none;
}

.post-info .post-avatar {
    position: absolute;
    top: 10px;
    display: inline-block;
    left: 10px;
    width: 50px;
    height: 50px;
    background-position: center;
}

.post-author {
    font-size: 14px;
    margin-right: 10px;
    margin: 0px 5px;
    margin-right: 10px;
}

.post-info .post-author {
    font-weight: bold;
    color: #232527;
}

.comment .ago {
    float: right;
    font-size: 11px;
}

.comment.reply {
    margin-left: 50px;
}

.label_comment {
    display: initial;
}

.reply-input div {
    margin-bottom: 25px;
}

.the-author-img {
    position: absolute;
    right: 15px;
    bottom: -25px;
    border-radius: 50px;
    z-index: 10;
    behavior: url(css/PIE.htc);
}

#comments {
    margin-top: 100px;
    text-align: left;
}

#response {
    margin-top: 100px;
}

#response form {
    margin-bottom: 100px;
}

.logonofade {
    margin-top: 5px;
}

.the-title h3 a {
    font-size: 35px;
    color: #565656;
    text-transform: none;
}

.the-author i {
    padding-right: 5px;
}

.read_more_small img {
    margin-top: 5px;
}

.read_more_small {
    background: #9da0a4;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    padding: 0px 7px;
    margin-top: 4px;
    float: right;
}

.read_more_small i {
    color: white;
}

.icon.gray {
    background: url(img/icons-gray.png) no-repeat;
    border: none;
}

.icon.calendar {
    background-position: -171px -138px;
    width: 20px;
    height: 20px;
    padding-right: 25px;
}

.icon.user {
    background-position: -103px 0;
    width: 20px;
    height: 20px;
    padding-right: 25px;
}

.icon.comments {
    background-position: -307px -1028px;
    width: 20px;
    height: 15px;
    padding-right: 25px;
}

.tp-caption a:hover {
    color: #fff;
}

#sidebar .tags a {
    border-radius: 2px 2px 2px 2px;
    background-color: #222222;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin: 5px 5px 0 0;
    padding: 7px 10px;
    position: relative;
    text-transform: capitalize;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: 1.1s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#sidebar .tags a:hover {
}

#comments input, #comments textarea {
    outline: none;
    padding: 14px 10px;
    border: 1px solid #d0d0d0;
    color: #ABADB7;
    background-color: #fff;
    width: 98%;
    margin: 0;
    border-radius: 5px;
    box-shadow: none;
}

input, .gray textarea {
}

textarea {
    padding: 20px;
}

#comments input[type="submit"] {
    background-color: #212121;
    color: #fff;
}

textarea {
    width: 100%;
}

.label_comment {
    display: initial;
}

.reply-input div {
    margin-bottom: 25px;
}

.breadcrum {
    background: url(http://placehold.it/1920x400);
    padding: 100px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-top: 80px;
    margin-bottom: 100px;
}

.breadcrum h3 {
    color: #fff;
    letter-spacing: 4px;
    font-size: 30px;
    margin: 30px 0 20px 0;
}

.breadcrum p {
    text-transform: none;
    color: #fff;
    margin-top: 20px;
}

.breadcrum .line {
    height: 5px;
    background-color: #fff;
    width: 100px;
    margin: 0 auto;
}

a.post-avatar {
    background-image: url('img/author.png');
}

.bannercontainer {
}

/* 12 - FOOTER
================================================== */

footer {
    background-color: #1c1c1c;
    text-align: center;
    padding: 100px 0 10px 0;
}

.logo_footer p {
    font-size: 14px;
    font-family: 'Roboto';
    margin-top: 20px;
}

.newsletter p {
    font-size: 18px;
    font-family: 'Roboto';
    color: #fff;
    margin-top: 40px;
}

.newsletter input {
    width: 200px;
    font-family: 'Arial';
    font-style: italic;
    font-weight: normal;
    background-color: #252525;
    padding-left: 20px;
    margin-right: -5px;
}

.newsletter button {
    padding: 10px;
    background-color: #151515;
    border: none;
    color: #c0c0c0;
}

.newsletter .line, .fwline {
    height: 1px;
    background-color: #252525;
    margin: 40px 0;
}

.follow h5 {
    text-transform: none;
    font-size: 18px;
    color: #fff;
}

.follow ul {
    margin-bottom: 30px;
}

.follow ul li {
    display: inline;
    background-color: #222529;
    margin: 0 10px;
    padding: 8px 10px;
}

.follow ul li i {
    color: #fff;
}

.subfooter {
    text-align: left;
}

.subfooter p {
    font-size: 13px;
    color: #5d5d5d;
}

/* 13 - AJAX
================================================== */

#ajax {
    height: auto !important;
    border-top: 110px solid transparent;
    margin-top: -110px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

#ajax-content {
    position: relative;
}

#slout-controls ul {
    display: none;
    padding: 0;
    margin: 0 auto 50px;
}

.s-controls-down {
    margin: 50px auto 0;
}

#slout-controls ul li {
    float: left;
    list-style: none;
    margin: 0 7px !important;
}

#slout-controls ul li a {
}

.close {
    width: 41px;
    height: 41px;
    opacity: 1 !important;
    margin-top: 0 !important;
}

#slout-controls ul li:hover, #slout-controls ul li a:hover, .close:hover {
    opacity: 1;
}

.project-single {
    width: 100% !important;
    padding-bottom: 70px;
}

.project-single h4 {
    color: #545454;
    text-transform: uppercase;
    font-size: 35px;
    text-align: center;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 15px;
}

.project-single h6 {
    font-size: 15px;
    color: #817e7e;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.project-single p {
    color: #a1a7a8;
    font-size: 16px;
    line-height: 27px;
}

.load-hidden {
    display: none;
}

.lmore {
    border: 8px solid #efefef;
    display: table;
    width: 100%;
    text-align: center;
    font-family: Oswald;
    text-transform: uppercase;
    color: #696969;
    font-size: 40px;
    padding: 25px 15px;
    cursor: pointer;
}

.lmore:hover {
    border-color: #36e9da;
    color: #36e9da;
}

/* 14 - SWITCHER
================================================== */

#switch {
    background: #FBFBFB;
    width: 123px;
    position: fixed;
    display: none;
    top: 126px;
    z-index: 9999;
    margin-left: -200px;
    border-radius: 0 0 4px 0;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);
    box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);
    behavior: url(css/PIE.htc);
}

#switch h4 {
    font-size: 14px;
    margin-bottom: 0px;
}

#switch ul li {
    text-transform: uppercase;
    margin-bottom: 10px;
}

#show {
    z-index: 99999;
    margin-left: 0px;
    position: fixed;
    left: 0;
    top: 20%;
    background: rgb(35, 35, 35);
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    margin-top: 10px;
    padding: 5px;
    cursor: pointer;
    behavior: url(css/PIE.htc);
    display: block;
}

#show h4, #hide {
    cursor: pointer;
    line-height: 13px;
    margin-bottom: 0px;
    font-size: 12px;
    margin-bottom: 0px;
}

#setting {
    height: 39px;
    background-image: url('img/setting.png');
    width: 53px;
}

.wrap_pattern, .switchlayout {
    margin-bottom: 10px;
}

.wrap_pattern h4 {
    margin-bottom: 5px !important;
}

.content-switcher {
    padding: 5px 16px 16px 16px;
    overflow: hidden;
}

.content-switcher h6 {
    margin-top: 20px;
}

.content-switcher .m-btn {
    padding: 5px 10px;
    font-size: 12px;
    min-width: 70px;
}

.button.small.color.switch {
    font-size: 12px;
    text-transform: none;
    width: 70px;
    margin: 5px 0px;
    font-weight: normal
}

ul.color {
    margin-top: -40px;
}

h5#hide {
    margin-top: 80px;
    font-weight: bold;
}

.button, .order_button, a.order_button:focus {
    position: relative;
    top: 40px;
    padding: 5px;
    border-radius: 5px;
}

#switch ul li a {
    color: #fff;
}

/* 15 - RESPONSIVE NAV
================================================== */

.responsive_container {
    width: 100%;
    position: fixed;
    z-index: 100;
}

.responsive_nav {
    margin-top: -1px;
    background-image: url(img/geometry.png);
    background-color: #212121;
}

.menu_trigger {
    float: right;
}

.menu_dark {
    background-color: #212121;
    padding: 10px 15px;
    margin-top: -5px;
}

.menu_trigger i:hover {
    color: white;
}

.menu_trigger i {
    color: white;
    position: relative;
    margin-top: 5px;
}

.menu_trigger, .mobileAreaMenu, .responsive_nav {
    display: none;
}

.responsive_nav {
    z-index: 0;
}

.mobileAreaMenu a {
    color: #565656;
    text-transform: uppercase;
    border: none;
    text-align: left;
    font-weight: bold;
}

.mobileAreaMenu li:hover a {
}

.mobileAreaMenu li {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    padding: 8px;
    cursor: pointer;
    margin: 15px auto;
    cursor: pointer;
    text-align: center;
}

.mobileAreaMenu li:hover {
}

/* 16 - CONTACT
================================================== */

#map {
    width: 100%;
    height: 1005px;
}

input, textarea {
    background-color: #d2d2d2;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px;
    font-size: 13px;
}

.submit_buttom {
    background-color: #31cddb;
    color: #fff;
    text-transform: uppercase;
}

/* 17 - MEDIA QUERYS
================================================== */

/* QUERIES FROM 1920px TO 1620px */

@media only screen and (min-width: 1620px) and (max-width: 1920px) {

}

/* QUERIES FROM 1620px TO 1200px
================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1620px) {

    #services .heading p.stext {
        display: none;
    }

    section.services .heading h1, section.contact .heading h1 {
        line-height: 60px;
    }

    section.services .heading h5, section.contact .heading h5 {
        line-height: 35px;
    }

    #services .heading {
        margin-top: 100px;
    }

    .navigation {
        margin-left: -100px;
    }

    .caption.slider_new {
        margin-left: 100px;
    }

    .caption.slider_new.top {
        margin-left: 300px;
    }

    .offices {
        margin-top: -53px;
    }

    .welcome h2 {
        margin-top: 70px;
    }

    .offices img {
        margin-top: 35%;
        margin-left: 25%;
    }

    section.services .heading, section.contact .heading {
        margin-top: 0px;
    }

    .portfolio_item {
        width: 33.3%;
    }

    #map {
        height: 1070px;
    }

    button.btn-default {
        margin-right: 100px;
    }
}

/* QUERIES FROM 1200px TO 960px */

@media only screen and (min-width: 960px) and (max-width: 1200px) {

    .offices {
        display: none;
    }

    .welcome {
        padding: 50px 30px;
    }

    .counters .col-lg-4 {
        width: 33%;
        float: left;
    }

    .image_container {
        width: 50%;
    }

    .welcome h2 {
        margin-top: 30px;
    }

    .caption.slider_new2 {
        margin-left: 200px;
    }

    .caption.slider_new.top {
        margin-left: 500px;
    }

    .menu_trigger i {
        margin-right: 30px;
        margin-top: 25px;
    }

    .responsive_nav {
        display: block;
    }

    .menu_trigger {
        display: block;
    }

    .navigation {
        display: none;
    }

    .portfolio_item {
        width: 49.9%;
    }

    #pricing {
        display: none;
    }

    /* .blog-desc p {padding-right: 270px;} */
    .blog-entry {
        text-align: center;
    }

    .blog-entry img {
        margin: 0 auto;
    }

    .author {
        margin-left: 100px;
    }

    #map {
        height: 500px;
    }

    .banner-bg {
        margin-top: 0px;
    }

    input, textarea {
        width: 80%;
    }

    .parallax h1 {
        line-height: 60px;
    }

    #sidebar {
        display: none;
    }

}

/* QUERIES FOR IPAD */

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .offices {
        display: none;
    }

    .welcome {
        padding: 50px 30px;
    }

    .welcome h2 {
        margin-top: 0;
    }

    .responsive_nav {
        display: block;
    }

    .menu_trigger {
        display: block;
    }

    .navigation {
        display: none;
    }

    .menu_trigger i {
        margin-right: 30px;
        margin-top: 25px;
    }

    .counters .col-lg-4 {
        width: 33%;
        float: left;
    }

    .fun-facts p.fact {
        font-size: 60px;
    }

    .image_container {
        width: 50%;
    }

    .portfolio_item {
        width: 50%;
    }

    #pricing {
        display: none;
    }

    .blog-entry {
        text-align: center;
    }

    .blog-entry img {
        margin: 0 auto;
    }

    .author {
        margin-left: 100px;
    }

    #map {
        height: 500px;
    }

    .banner-bg {
        margin-top: -20px;
    }

    input, textarea {
        width: 60%;
    }

    section.contact h5 {
        width: 500px;
    }

    #sidebar {
        display: none;
    }

    .blog-boddy {
        margin-left: 20px;
    }

}

/* 480PX*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .offices {
        display: none;
    }

    .welcome {
        padding: 50px 30px;
    }

    .welcome h2 {
        margin-top: 0;
    }

    .responsive_nav {
        display: block;
    }

    .menu_trigger {
        display: block;
    }

    .navigation {
        display: none;
    }

    .menu_trigger i {
        margin-right: 30px;
        margin-top: 25px;
    }

    .caption.slider_new2 {
        margin-left: 350px;
    }

    .welcome h2 {
        font-size: 40px;
    }

    .welcome p {
        font-size: 16px;
    }

    .caption.slider_new.top {
        display: none;
    }

    .counters .col-lg-4 {
        width: 33%;
        float: left;
    }

    .fun-facts p.fact {
        font-size: 40px;
    }

    .how-we-work p {
        font-size: 14px;
    }

    .page_title span {
        font-size: 100px;
    }

    .page_title {
        margin-top: 100px;
    }

    p.number {
        font-size: 100px;
    }

    section.services .heading, section.contact .heading {
        margin-top: 50px;
    }

    .service {
        width: 100%;
        border: none;
    }

    .image_container {
        width: 100%;
    }

    #pricing {
        display: none;
    }

    .portfolio_item {
        width: 100%;
    }

    #map {
        height: 400px;
    }

    input, textarea {
        width: 70%;
    }

    section.services .heading, section.contact .heading {
        margin-left: 20px;
    }

    ul#filters li {
        display: block;
        margin: 20px 0;
    }

    #sidebar {
        display: none;
    }

    .blog-boddy {
        margin-left: 20px;
    }

    .offer-container .offer-content {
        margin-top: 40px;
        padding: 0px 25px 60px !important;
    }

}

.city-select {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .column-game-info {
        display: inline-block;
        padding: 5px 15px 15px !important;
    }

    .info-game {
        display: none;
    }

    .column-game-info .container-city-select {
        display: none;
    }

    .column-game-info .flag-list {
        border-left: 0;
    }

    .column-game-info .flag-list a {
        margin-right: 10px;
    }

    .column-game-info .flag-list a:last-child {
        margin-right: 0;
    }

    .city-select {
        display: inline-block;
    }
}

.navigation a {
    color: #000;
}

/* 300PX*/

@media only screen and (max-width: 480px) {

    .logo {
        margin: 15px 0 0 0;
    }

    .logo #logo-mobile {
        display: block;
    }

    .logo #logo-desktop {
        display: none;
    }


    .responsive_nav {
        display: block;
    }

    .menu_trigger {
        display: block;
    }

    .navigation {
        display: none;
    }

    .menu_trigger i {
        margin-right: 30px;
        margin-top: 25px;
    }

    .caption.slider_new2 {
        margin-left: 350px;
        font-size: 25px !important;
    }

    .caption.slider_new.top {
        display: none;
    }

    .welcome h2 {
        font-size: 25px;
        margin: 0;
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .welcome p {
        font-size: 14px;
        margin-bottom: 50px;
        margin-left: 20px;
    }

    .offices {
        display: none;
    }

    .page_title span, p.number {
        display: none;
    }

    .page_title {
        margin-top: 50px;
    }

    section.services .heading, section.contact .heading {
        margin-left: 20px;
    }

    .fun-facts {
        display: none;
    }

    .service {
        border: none;
        width: 100%;
    }

    .image_container {
        width: 100%;
    }

    .pricing .parallax {
        background: none !important;
    }

    .pricing {
        margin-bottom: 1400px;
    }

    .portfolio_item {
        width: 100%;
    }

    ul#filters li {
        display: block;
        margin: 20px 0;
    }

    .data p {
        padding: 10px 10px;
    }

    button.button-white {
        display: none;
    }

    #map {
        height: 300px;
    }

    button.btn-default {
        display: none;
    }

    #sidebar {
        display: none;
    }

    .blog-boddy {
        margin-left: 20px;
    }

    .caption.slider3 {
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 800;
        position: absolute;
        top: 400px;
        left: 26%;
    }

    .caption.slider3.big {
        text-transform: uppercase;
        font-size: 30px;
        color: #fff;
        font-weight: 600;
        padding: 30px;
        border: 3px solid #fff;
        position: absolute;
        left: 5%;
        top: 450px;
        width: 300px;
    }

    .caption.slider3.italic {
        display: none;
    }

    .caption.slider3.button {
        position: absolute;
        left: 15%;
        top: 550px;
        font-size: 14px;
        width: 300px;
        background: none;
    }

    span.big-text {
        margin-top: 80px;
    }
}

.game-info-status {
    position: absolute;
    bottom: 0;
    left: 0;
}

.page-content {
    margin-top: 100px;
    padding: 100px 25px 25px 40px;
}

.page-question-gift {
    text-align: center;
    padding: 0 0 40px 0;
    font-size: 20px;
}

.btn-gift {
    background: #eea236;
    margin-top: 20px;
    color: #fff;
    font-weight: 600;
}

.btn-orange {
    background: #eea236;
    color: #fff;
}

.iframe-calendar {
    width: 100%;
    margin: -30px 0 0 0;
    border: 0;
    overflow: hidden;
    padding: 0 10px;
}

@media screen and (max-width: 700px) {
    .iframe-calendar {
        height: 1200px;
    }
    .page_title {
        margin: 0;
    }
}

/**
 * SOCIALS
**/

.socials {
    display: inline-block;
    margin: 10px 0 20px;
}

.column-game-socials {
    padding-left: 20px;
    position: relative;
}

.column-game-socials .container-city-select {
    position: absolute;
    top: 0;
    right: 10px;
}

.container-cityselect-mobile .current-city,
.container-city-select .current-city {
    font-size: 20px;
    margin-bottom: 30px;
    display: block;
}

.container-cityselect-mobile .current-city span,
.container-city-select .current-city span {
    color: #ffb049;
    font-weight: 600;
}

.column-game-info {
    padding-right: 20px;
    padding-top: 15px;
    color: #000;
}

.column-game-info a {
    color: #000;
}

.column-game-info strong {
    color: #eea236;
}

header {
    background: #fff;
}

.top-info div {
    padding: 0 5px !important;
    margin: 10px 0 20px !important;
}

.header-info {
    width: 100%;
}

.socials .social {
    color: #383838;
    display: inline-block;
}

.socials .social:hover {
    color: #ffffff;
}

.fa-border-icon {
    border-width: 1px;
    border-style: solid;
    border-color: #383838;
    border-image: initial;
    border-radius: 30%;
    padding: 7px;
}

.fab.fat {
    padding-left: 9px;
    padding-right:9px;
}

.fa-border-icon:hover {
    background: #ffb049;
    border-color: #ffb049;
}

.socials .old-icon {
    width: 29px;
    height:28px;
}

.socials .social.facebook:hover {
    background: url(/assets/social/fb_hover.png) no-repeat;
}

.socials .social.twitter {
    background: url(/assets/social/twitter.png) no-repeat;
}

.socials .twitter:hover {
    background: url(/assets/social/twitter_hover.png) no-repeat;
}

.socials .social.google {
    background: url(/assets/social/gmail.png) no-repeat;
}

.socials .social.google:hover {
    background: url(/assets/social/gmail_hover.png) no-repeat;
}

.box-bottom {
    padding-top: 25px !important;
}

@media screen and (max-width: 800px) {
    .column-game-info {
        display: inline-block;
    }

    .page-content {
        margin-top: 230px;
        padding: 0;
    }

    .logo_scroll > div {
        margin-bottom: -25px !important;
    }

    .socials .social {
        font-size: 10px;
    }
    .fa-border-icon {
        padding: 5px;
    }
    .fa-border-icon.fat {
        padding-left: 7px;
        padding-right: 7px;
    }

    .btn-select-city {
        font-size: 10px;
    }


    .top-info div {
        margin: 10px 0 !important;
    }
}

@media screen and (min-height: 800px) {
    #info {
    }
}

.banner-home .btns-room {
    position: absolute;
    right: 5%;
    z-index: 16;
    font-size: 14px;
}


.btns-room .room-address {
    display: block;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.btns-room-left {
    left: 40px !important;
}

.btns-room a {
    color: red;
    display: block;
    width: 240px;
    min-height: 80px;
    font-size: 15px;
    font-weight: 500 !important;
    font-family: 'Roboto';
    padding-top: 24px;
    padding-left: 73px;
    color: #ffb049;
    text-transform: uppercase;
    z-index: 16;
    margin-bottom: 10px;
    background: url(/assets/img/button.png);
    background-position: middle;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative
}

.btns-room a img {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 61px;
    height: 64px;
    border-radius: 30px;
    -webkit-box-shadow: -9px -11px 15px -8px rgba(0, 0, 0, 1);
    -moz-box-shadow: -9px -11px 15px -8px rgba(0, 0, 0, 1);
    box-shadow: -9px -11px 15px -8px rgba(0, 0, 0, 1);
}

.btns-room .btn-stone {
    background: url(/assets/img/btn-stone.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    left: -5px;
}

.banner-home .voucher {
    width: 300px;
    height: 80px;
    background: url(/assets/img/btn-voucher.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 140px;
    left: 50px;
    display: block;
    z-index: 16;
}

.btns-room .btn-medical {
    background: url(/assets/img/btn-medical.png);
    background-size: contain;
}

.btns-room .btn-mine {
    background: url(/assets/img/btn-mine.png);
    background-size: cover;
}

.btns-room .btn-third {
    background: url(/assets/img/btn-dexter.png);
    background-size: cover;
}

.btns-room .btn-kadet {
    background: url(/assets/img/btn-kadet.png);
    background-size: cover;
}

.contact-details {

}

.container-reservation-choose {
    margin-top: 200px;
    margin-bottom: 50px;
    text-align: center;
}

.container-reservation-choose .col-xs-6 {
    border-right: 1px dashed #ccc;
}

.container-reservation-choose .col-xs-6:last-child {
    border-right: 0;
}

.container-reservation-choose .col-md-4 {
    background-color: #e7e7e7;
    border-radius: 10px;
    padding: 0;
    font-size: 15px;
    width: calc(33% - 10px);
    margin-left: 10px;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .container-reservation-choose .col-md-4 {
        width: 100% !important;
    }

    .container-reservation-choose .room-img {
        width: 100%;
        height: auto;
    }
}

.container-reservation-choose h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    padding: 20px 0;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
}

.container-reservation-choose h1 a {
    color: #ffb049;
}

.container-reservation-choose .room-img {
    max-width: 100%;
    height: 300px;
    margin-top: 20px;
}

.container-reservation-choose ul {
    margin: 0 10px;
}

.container-reservation-choose ul li:last-child {
    border-bottom: 0;
}

.container-reservation-choose ul li {
    text-align: left;
    margin: 5px 0;
    border-bottom: 1px solid #b5b5b5;
    color: #050708;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0 5px 15px;
    background: url('/assets/img/room-detail-arrow.png') no-repeat left;
    margin-left: 5px;
}

.container-reservation-choose ul li.story-item {
    cursor: pointer;
}

.container-reservation-choose ul li strong.story {
    font-size: 10px !important;
    font-weight: 300;
    margin: 0;
    padding: 15px 0;
    display: none;
}

.container-reservation-choose a {
    color: #000;
}

.banner-home {
    vertical-align: text-top;
    font-size: 0;
    position: relative;
}

.banner-home .bottom-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 16;
    padding-top: 500px;
    padding-bottom: 10px;
}

.banner-home .bottom-text * {
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.banner-home h1, .banner-home h2 {
    padding-bottom: 10px !important;
    font-family: 'Roboto';
}

.banner-home h1 {
    font-weight: 300 !important;
    font-size: 40px !important;
}

.banner-home h2 {
    font-weight: 600 !important;
    font-size: 40px;
}

.banner-home h3 {
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    color: #EEA236 !important;
}

/**
 * Offer container
*/
.offer-container {
    margin-top: 158px;
    font-size: 0;
}

.offer-container .offer-sidebar {
    display: inline-block;
    background: url('/assets/img/offer-sidebar-bg.png') no-repeat top left #ededed;
    width: 30%;
    font-size: 14px;
    padding: 60px 40px 60px 100px;
}

.offer-container .offer-sidebar .sidebar {
    background-color: #fff;
    color: #050708;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

.offer-container .offer-sidebar .sidebar h2 {
    color: #ffb049;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    background-color: #000;
    padding: 20px 0 15px 0;
}

.offer-container .offer-sidebar .sidebar .arrow-sidebar {
    margin-top: -100px;
    margin-left: 20px;
}

.offer-container .offer-sidebar .sidebar ul {
    margin: -10px 0 0 0;
    list-style: none;
    padding: 0 15px;
}

.offer-container .offer-sidebar .sidebar ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #b5b5b5;
}

.offer-container .offer-sidebar .sidebar ul li a {
    color: #050708;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-left: 25%;
    background: url('/assets/img/offer-sidebar-arrow-item.png') no-repeat left;
    padding-left: 15px;
    text-transform: uppercase;
}

.offer-container .offer-sidebar .sidebar ul li:last-child {
    border-bottom: none;
}

.offer-container .offer-content {
    width: 70%;
    display: inline-block;
    font-size: 15px;
    padding: 100px 25px;
    vertical-align: top;
}

.offer-container .offer-content img {
    max-width: 100%;
}

.offer-container .offer-content .attachment {
    width: 400px;
    float: left;
    margin-right: 30px;
}

.offer-container .offer-content .attachment-image {
    max-width: 100%;
}

.offer-container .offer-content .context {
    float: left;
    width: calc(100% - 400px);
    padding-left: 20px;
}

.offer-container .offer-content .context h4 {
    color: #101718;
    font-family: Roboto;
    font-size: 38px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.offer-content .room-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.offer-content .room-list li {
    margin: 0 0 120px 0;
    padding: 0;
    font-size: 0;
}

.offer-content .room-list li .info {
    width: 330px;
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
    background-color: #e7e7e7;
    border-radius: 10px;
}

.offer-content .room-list li .info h3 {
    background-color: #000;
    padding: 20px 0;
    color: #ffb049;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
}

.offer-content .room-list li .mobile-descr {
    display: none;
}

.offer-content .room-list li .info ul {
    margin: 20px 10px;
}

.offer-content .room-list li .info img {
    width: 100%;
}

.offer-content .room-list li .details {
    width: calc(100% - 330px);
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
}

@media screen and (max-width: 400px) {
    .offer-content .room-list li .details {
        display: none;
    }

    .offer-content .room-list li .mobile-descr {
        display: block;
        padding: 10px 10px 0 10px;
        font-size: 11px !important;
    }

    .offer-content .room-list li .mobile-descr p {
        margin: 0;
        padding: 0;
        font-size: 11px !important;
    }
}

.offer-content .room-list li .details:nth-child(even) {
    padding-left: 50px;
}

.offer-content .room-list li .details:nth-child(odd) {
    padding-right: 50px;
}

.offer-content .room-list li .details p {
    margin: 0;
    padding: 0;
}

.offer-content .room-list li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.offer-content .room-list li ul li {
    margin: 5px 0;
    border-bottom: 1px solid #b5b5b5;
}

.offer-content .room-list li ul li {
    color: #050708;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0 5px 15px;
    background: url('/assets/img/room-detail-arrow.png') no-repeat left;
    margin-left: 5px;
}

.offer-content .room-list .info .btn-reserve {
    padding: 15px 60px 15px 20px;
    background: url('/assets/img/btn-reserve-arrow.png') no-repeat 90% #ffb049;
    border-radius: 10px;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    margin-top: 40px;
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 25px;
}

.offer-content .room-list .info .btn-reserve:hover {
    background: url('/assets/img/btn-reserve-arrow.png') no-repeat 90% #ffd325;
}

.offer-content .room-list li ul li:last-child {
    border-bottom: none;
}

.offer-site-header {
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    border-bottom: 3px solid #ffb049;
    display: inline-block;
}

@media screen and (max-width: 1000px) {
    .offer-container .offer-sidebar {
        width: 100%;
        display: block;
        background: #333;
        font-size: 20px;
        padding: 0;
        margin: 0;
    }

    .offer-container .offer-sidebar .sidebar h2 {
        display: none;
    }

    .offer-container .offer-content {
        width: 100%;
    }

    .offer-container .offer-sidebar .sidebar ul {
        font-size: 0;
        background: #000;
        margin: 0 0 -40px 0;
        padding: 0;
        box-sizing: border-box;
    }

    .offer-container .offer-sidebar .sidebar ul li {
        display: inline-block;
        width: 50%;
        border: 0;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    .offer-container .offer-sidebar .sidebar ul li a {
        font-size: 20px;
        color: #999;
        background: none;
        text-align: center;
        display: block;
        font-weight: 600;
        margin: 0;
        box-sizing: border-box;
        padding: 20px 0;
    }

    .offer-container .offer-sidebar .sidebar ul li a:hover {
        background: #444;
    }

    .offer-container .offer-sidebar .sidebar ul li:nth-child(2n) a {
        border-left: 1px solid #353535;
    }
}

@media screen and (max-width: 800px) {
    .offer-container .offer-sidebar .sidebar ul {
        margin: 20px 0 0 0;
    }
}

header .flag-list img {
    width: 25px;
}

header .seperate {
    padding: 0 10px;
    border-left: 1px dashed #ccc;
}

header .info-game {
    padding-right: 10px;
}

.container-city-select {

}

.container-cityselect-mobile {
    background: #000;
    overflow: auto;
    height: 100%;
    z-index: 999999;
    position: relative;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    display: none;
    min-height: 100%;
}

.container-city-select .toggle {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    z-index: 256;
    padding-top: 20px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    display: none;
}

.container-cityselect-mobile .toggle .btn-close, 
.container-city-select .toggle .btn-close {
    text-align: right;
    display: block;
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    padding-right: 20px;
}

.container-cityselect-mobile .toggle .btn-close:before, 
.container-city-select .toggle .btn-close:before {
    content: "{";
    color: #ffb049;
}

.container-cityselect-mobile .toggle .btn-close:after, 
.container-city-select .toggle .btn-close:after {
    content: "}";
    color: #ffb049;
}

.container-cityselect-mobile .toggle h2,
.container-city-select .toggle h2 {
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.container-cityselect-mobile .toggle ul,
.container-city-select .toggle ul {
    margin: 0 0 30px 0;
    padding: 0;
}

.container-cityselect-mobile .toggle ul li,
.container-city-select .toggle ul li {
    display: block;
    padding: 7px 0;
}

.container-cityselect-mobile .toggle ul li:hover,
.container-city-select .toggle ul li:hover {
    background: #000;
}

.container-cityselect-mobile .toggle ul li:hover a,
.container-city-select .toggle ul li:hover a {
    color: #ffb049;
}

.container-cityselect-mobile .toggle ul li a,
.container-city-select .toggle ul li a {
    color: #fff;
    font-size: 16px;
}

.footer-seo {
    background: #fff;
    min-height: 780px;
    font-size: 0;
}

.footer-seo .image {
    width: 600px;
    min-height: 780px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    background: url(/assets/img/footer-seo.png);
}

.footer-seo .description {
    width: calc(100% - 660px);
    padding: 40px 30px;
    display: inline-block;
    vertical-align: top;
    color: #2b2b2b;
    font-size: 15px;
    font-family: 'Roboto';
}

.footer-seo .description .bold {
    font-weight: 600;
}

@media screen and (max-width: 1100px) {
    .footer-seo {
        display: none;
    }
}

.parallax span {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: "Roboto";
    display: block;
}

.offer-site-header {
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    border-bottom: 3px solid #ffb049;
    display: inline-block;
    font-size: 28px;
}

h1.new-title {
    position: relative !important;
    margin: 0 0 35px !important;
    text-transform: uppercase !important;
    font-family: "Roboto" !important;
    background: none !important;
    color: #323232 !important;
    font-size: 36px !important;
    border-bottom: 3px solid #ffb049 !important;
    display: inline-block !important;
}

span.rooms-titles {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    padding: 20px 0;
    font-weight: 500;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
    font-size: 25px !important;
    line-height: 40px;
}

span.rooms-titles a {
    color: #ffb049;
    text-transform: uppercase;
}

span.big-text {
    font-size: 50px;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: "Roboto";
    color: #323232;
    line-height: 60px;
    font-weight: 700;
    display: block;
}

.cookies {
    font-size: 15px;
    color: #323232;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    background: #fff;
    border: 1px solid #ffb049;
    position: fixed;
    padding: 12px;
    text-align: center;
    left: 50%;
    bottom: 20px;
    border-radius: 8px;
    z-index: 129;
    line-height: 22px;
    width: 70%;
    transform: translateX(-50%);
    display: none;
}

.cookies--text {
    display: inline-block;
}

.cookies--accepted {
    border: 1px solid #ffb049;
    padding: 10px;
    border-radius: 8px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 5px;
    transition: 500ms;
}

.cookies--accepted:hover {
    transition: 500ms;
    background: #ffb049;
    color: #fff;
    cursor: pointer;
}

span.cooperation a {
    color: #ffb049;
}

span.cooperation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    padding: 20px 0;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
}

.alert--information {
    color: red;
    font-weight: 600;
    font-size: 18px;
}

.payment--success {
    font-size: 22px !important;
    text-align: center;
    padding: 92px 30px 0 30px;
}

.form-control {
    background-color: #d2d2d2 !important;
    border: none !important;
    outline: none !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
}

.form-control:last-child {
    margin-top: 10px !important;
}

.captcha label {
    margin-right: 20px;
}

.form-group.half--width {
    width: calc(50% - 7px) !important;
    display: inline-block !important;
    vertical-align: top;
}

.form-group.half--width:nth-child(2n) {
    margin-left: 10px !important;
}

@media screen and (max-width: 768px) {
    .form-group.half--width {
        width: 100% !important;
        display: block !important;
    }

    .form-group.half--width:nth-child(2n) {
        margin-left: -15px !important;
    }

    .voucher--content {
        width: 100% !important;
    }

    .column-price {
        margin-left: 15px !important;
    }
}

input[type="checkbox"] {
    margin-top: 6px !important;
}

.players {
    padding: 0 10px !important;
}

.column-price {
    font-size: 18px;
    padding: 13px 0 0 0;
    font-weight: 700;
    color: #ff0000;
}

.voucher--send {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.payment.disabled {
    text-decoration: line-through !important;
    color: #808080;
    opacity: 0.6;
}

input[type=checkbox] {
    width: auto !important;
}

.payment {
    position: relative !important;
    right: -20px !important;
}

.pay--now {
    border-top: 2px solid #ffb049;
    border-bottom: 2px solid #ffb049;
    padding: 25px 0;
    text-align: center;
}

.payment--success {
    font-size: 22px !important;
    text-align: center;
    padding: 100px 30px 0 30px;
}