/**Troya- RUS***/

/*Header*/
#header2 ul.menu li { font-size: 142%;}
.has-sub i.opensub { margin-left: 5px; margin-right: 0;}
#header2 ul.menu li.social-mobile { direction: rtl;}

#header2 .header-top-right a.lang { font-size: 100%; }

/*****Home Page*****/
/*Side Form*/
#side-contact-form .button-holder i { font-size: 285%;}
#side-contact-form .button-holder {  top: 30px; left: -12%;}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle span { font-size: 90%;}
#DynamicFormObject input { font-size: 121%;}
.normal-form .must:before { left: 26px; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.must:before { font-size: 114%; }
#DynamicFormObject .dynamicFormEndText { font-size: 134%; line-height: 1.3;}
#DynamicFormObject input[type=submit] { font-size: 144%;}
.normal-form textarea, .normal-form input { max-width: 100%;}
 


/*About Section*/
.section-title h1:after { margin: 30px auto 0;}
.section-title h1, .section-title h2 { font-size: 386%;}
.makeHistory .grid-text .grid-text-content { font-size: 149%;}
.grid-text p { text-align: center !important;}
.grid-box-title {background: none;}

/*Gallery Section*/
.letsMakeHistory .section-title h2, .needLove .section-title h2 { font-size: 360%;}
.grid-rows .grid-row-text h2 {font-size: 429%;}
.grid-rows .grid-row-text p { font-size: 139%;}
.grid-rows .grid-row-text a.grid-row-button { padding: 6px 2px; font-size: 157%; width: 230px;}
.grid-text .sec-button { width: 240px; font-size: 142%; padding: 10px 2px;}
.grid-rows .grid-row-text h2:after { margin: 19px auto 0;}

/*****About Page*****/
#text1, #text2, #headline { text-align: left;}
#text1 h3 { font-size: 168%;}
#headline { font-size: 393%;}
#text1 p, #lobbyText p {font-size: 132%; text-align: left !important;}

/*****Tastes Page*****/
.categories-strip ul { font-size: 128%;}

/*****Events Page*****/
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle {font-size: 180%;}
.normal-form textarea { padding: 6px 20px; font-size: 121%;}

/*****Weedings Page*****/
#text1 h3 { direction: ltr; text-align: left !important;}
#text1 ul li {  text-align: left !important;}

/*****Private Events*****/
.private-events .wpb_wrapper ul > li:nth-child(2) { font-size: 126%;}
.private-events .wpb_wrapper ul { padding-top: 20px;}

/*****Business Events*****/
.wpb_wrapper { text-align: left !important;}

/*****Gallery page*****/
.GridBottomGallery { padding-top: 0;}

/*****Recommendation Page*****/
.faq-headline {font-size: 157%;}
.faq-body p { font-size: 132%; }
#GridContent { direction: ltr;}

/*****Contact Page*****/
#contactDetails { font-size: 138%;}
#contactform.normal-form input {font-size: 121%;}
#contactform .contact-container .must:before {right: auto; left: 18px;}
#contactform .contact-form-comment { font-size: 120%;}
#contactform input.submit.form-submit { font-size: 144%;}

/*Footer*/
#SiteFooter #partners-section p {font-size: 135%;}
a.AccessabilityLink span { font-size: 143%; color: #4a4d52; margin-left: 3px;}
#SiteFooter #partners-section { padding-top: 25px;}

@media(min-width: 1025px) {
    #GridPromo.affix, #GridPromo { width: 210px;}
    #header2 ul.menu > li > a:after { left: auto; right: -23px;}
    #header2 ul.menu > li.has-sub > a:after { left: auto; right: -37px;}
    #header2 ul.menu > li:after { margin-top: 3px;}
    #header2 ul.menu > li:before { margin-bottom: 3px;}
    #header2 .has-sub i.opensub { font-size: 80%;}
    #header2 .header-top .address {font-size: 142%; display: inline-block; vertical-align: top;}
    #header2 .header-top-left svg { vertical-align: baseline; margin-top: 4px;}
    #header2 .header-top .address .bottomAddress { padding: 0 0 0 30px;}
    #header2 .header-top-left { margin: 0 0 0 20px;}
    #header2 ul.menu .menu-sub li { font-size: 95%; margin-right: 0;}
    #player-controls { font-size: 143%;}
    .top-caption {font-size: 543%; white-space: nowrap;}
}

@media(min-width: 1170px) and (max-width: 1440px) {
    .grid-rows .grid-row-text { margin: 0% auto auto; width: 80%;}
    .grid-rows .grid-row-text h2 { font-size: 357%;}
    .grid-rows .grid-row-text p { font-size: 130%;}
    .grid-rows .grid-row-text a.grid-row-button {width: 210px; font-size: 143%; padding: 4px 2px; margin-top: 15px;}
    .grid-text .sec-button { padding: 4px 2px;}
    #headline { font-size: 372%;}
}

@media(min-width:1440px) and (max-width:1680px) {
    #header2 #header-left { width: 12.666667%;}
    #header2 .menu-nav { width: 83%;}
    #header2 .header-top { width: 17%;}
    #header2 .header-top .address .bottomAddress { padding: 0;}
}


@media(min-width: 1170px) and (max-width: 1280px) {
    #header2 {padding: 10px 20px;}
    #header2 .header-top {width: 12%; margin-top: 0;}
    #header2 .menu-nav {width:88%;}
    #header2 #header-left { width: 14.666667%;}
    #header2 ul.menu li { font-size: 125%; }
    #header2 .header-top .address .bottomAddress { padding: 0;}
    #header2 .header-top-left {margin: 10px 0 0 15px;}
}

@media(min-width: 768px) and (max-width: 1024px) {
    #header2 .menu-nav > span,  #header2 .menu-nav .opened {font-size: 172%;}
}

@media(max-width: 1024px) {
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 3px;}
    #header2 ul.menu, #header2 .menu-sub { text-align: center;}
    #header2 ul.menu li { padding: 5px 0;}
    #header2 ul.menu li a {position: relative;}
    #header2 ul.menu li.has-sub.active ul.menu-sub li.active > a:before, #header2 ul.menu li.has-sub.active ul.menu-sub li.active > a:after {top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    #header2 ul.menu > li.active > a:before, #header2 ul.menu > li.active > a:after { top: 50%;}
    #header2 .has-sub i.opensub { font-size: 126%;}
    #header2 ul.menu li.active > a:before { margin-left: -25px;}
    #header2 ul.menu li.active > a:after, #header2 ul.menu li.has-sub.active ul.menu-sub a:after { margin-left: 20px;}
    #header2 ul.menu li.has-sub.active a:after { margin-left: 40px;}
    #header2 ul.menu .menu-sub li {margin: 8px 0 0; font-size: 76%;}
    #header2 ul.menu .social-links a { font-size: 164%;}
    #header2 ul.menu .social-links a svg { width: 33px; height: 32px; margin-bottom: 5px;}

    /*Home page*/
    .section-title h1, .section-title h2, .letsMakeHistory .section-title h2, .needLove .section-title h2 { font-size: 308%;}
    .grid-rows .grid-row-text h2 {font-size: 321%;}
    .grid-rows .grid-row-text p { font-size: 126%;}
    .grid-rows .grid-row-text a.grid-row-button { font-size: 144%; width: 210px; margin-top: 15px;}
    
    .normal-form .must:before { right: auto;}
    #GridPromo:not(.form-container-wide) #DynamicFormObject .dynamicFormObjectField { float: left;}
    
}

@media(min-width: 960px) and (max-width: 1024px) {
    .normal-form .must:before {left: 28px;}
}

@media(max-width: 959px) {
    .lobby-grid #GridPage .max-width { padding: 0;}
}

@media(min-width: 768px) and (max-width: 959px) {
    .grid-rows .grid-row-text h2 { font-size: 268%;}
    .grid-rows .grid-row-text p { font-size: 116%;}
    .grid-rows .grid-row-text a.grid-row-button { font-size: 130%; width: 200px; margin-top: 10px;}
    .grid-rows .grid-row-text h2:after { margin: 8px auto 7px;}
    .normal-form .must:before { left: 20px;}
    #header2 #header-left { padding: 0 15px 0 0;}
}

@media(max-width: 767px) {
    #header2 ul.menu li.social-mobile a { width: 36px; height: 34px;}
    #header2 ul.menu .social-links a svg { width: 23px; height: 23px;}
    #header2 .phone-icon {right: -75%;}

    /*Changes 16/6/19*/
    #header2 .languages { left: auto; right: -260%;}

    /*****Home Page*****/
    .homepage-grid #DynamicFormObject .dynamicFormObjectField { width: 100%; margin-right: 0;}
    .homepage-grid #DynamicFormObject .dynamicFormObjectField .must:before { right: auto; left: 28px;}
    .layout-2sides-right #side-contact-form { right: 0;}
    .section-title h1, .section-title h2, .letsMakeHistory .section-title h2, .needLove .section-title h2 { font-size: 195%;}
    .makeHistory .grid-text .grid-text-content {font-size: 129%;}
    .grid-rows .grid-row-text h2 { font-size: 194%;}
    .grid-rows .grid-row-text h2:after { margin: 13px auto 7px;}
    .grid-rows .grid-row-text a.grid-row-button { font-size: 131%; width: 180px;}
    .grid-text .sec-button { font-size: 130%; padding: 6px 2px;}
    .grid-boxes .section-animation-item { margin-right: 0;}

    #headline h1 { font-size: 60%;}
    #headline h1:after {margin-left: 2px;}
    #text1 h3 { font-size: 143%;}
    #text1 p, #lobbyText p { font-size: 129%;}
    #DynamicFormObject .dynamicFormObjectField .must:before { right: auto; left: 15px;}
    .galleryPage #GridTop:before { background-color: transparent;}
    .galleryPage #GridPage { padding-top: 0;}
    .galleryPage #GridContent { margin-bottom: 15px;}
    .faq-headline span { display: inline-block; width: 290px;}
    .strip-item a { font-size: 79%;} 
    .private-events .wpb_wrapper ul { padding-top: 15px;}
    #contactDetails .contactDetailsText1 { font-size: 100%;}

    #SiteFooter { padding-bottom: 50px;}
    a.AccessabilityLink span {font-size: 115%;}
    #SiteFooter #partners-section p { font-size: 122%;}
    #SiteFooter #partners-section { padding: 10px;}
    
    /*****Recommendation Page*****/
    .faq-headline, .faq-body p { font-size: 100%;}
}

@media(min-width: 321px) and (max-width: 360px) {
    .faq-headline span {width: 275px;}
}

@media(max-width: 320px) {
    .faq-headline span { width: 240px;}
}