﻿/**Troya**/


body{color:#4a4d52;    /*background-image: url(../../../warehouse/temp/troya/bg.jpg);*/ background:url(../../../warehouse/temp/troya/bg_R.jpg) right center,url(../../../warehouse/temp/troya/bg_L.jpg) left center;background-repeat-y: repeat; background-repeat-x: no-repeat;}
#header2{background:transparent;}
#header2 .max-width {max-width: 100%;}
#header2 ul.menu li{font-size: 125%;}

#header2 ul.menu li.active {color: inherit;}
#header2 ul.menu li a:focus {opacity: 1;border: 0px;}
#header2 ul.menu>li:before {margin-bottom:0px;}
#header2 ul.menu li:hover {color:  inherit;}
#header2 #header-left img{max-width: 162px;}
#header2 .header-top-left a {background: #c39e4f;width: 28px;height:  28px;text-align: center;border-radius: 4px;}
#header2 .header-top-left svg {fill: #323943;}


button#mute-player:after, button#unmute-player:after        { font-size: 110%; }
button#stop-player:after                                    { font-size: 80%; }
.must:before                                                { top: 5px; right: 24px; font-size: 80%; }

.top-caption                    { font-family: 'PetitFormalScript-Regular',reformanarrowwebfont; font-size: 380%; }

.TopVideo iframe                { height: 140vh; width: 125vw; top: -18vh; }

#text1 li                       { line-height: 1.3;margin-bottom: 10px; }

@media(min-width: 1025px){
    #header2{transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;padding: 10px 50px;}
    #header2.bg{background: #2d333b;}
    #header2 ul.menu>li:after{border-top: 1px solid #fff;content: "";display: block;width: 100%;margin-bottom: 3px;}
    #header2 ul.menu>li.active:before,#header2 ul.menu>li:hover:before{border-color:#c39e4e}
    #header2 ul.menu>li.active:after, #header2 ul.menu>li:hover:after{border-color:#c39e4e}
    #header2 ul.menu > li > a{position:relative;}
    #header2 ul.menu > li > a:after{content:"";position:  absolute;width: 8px;height:  8px;border-radius:  50%;background: #c39e4e;top: 9px;left: -23px;}
    #header2 ul.menu > li.last-item > a:after{display: none;}
    #header2 ul.menu > li.has-sub > a:after{left: -45px;}
    #header2 .menu-sub {background-color: #323943;padding: 0;line-height: 70%;padding: 5px 0;}
    #header2 ul.menu .menu-sub li{color: #fff;padding: 5px 15px;}
    #header2 ul.menu .menu-sub li:hover{color:#fff;background: rgba(255,255,255, 0.15);}
    #header2 ul.menu li.last-item {margin-left: 0px;}
    #header2 .header-top .address .topAddress {display:  none;}
    #header2 .header-top .address .bottomAddress {padding-right:  30px;}
    #header2 .header-top-left {}
    #header2 .menu-nav                      {width: 80%;}
    #header2 .header-top                    {margin-top: 1%;padding-top: 0;display: inline-block;width: 20%;padding-bottom: 0;padding-top: 3px;}
    #header2 .header-top .address {font-size: 125%;line-height: 1.3;position:  relative;}
    #header2 ul.menu li.last-item {    margin-left:  0px;}
    #header2 ul.menu {text-align: center;}
    #header2 .has-sub i.opensub {font-size: 70%;}
}
@media(max-width:1024px){
    #header2{ background-color: #3a4049;position:fixed;}
    .header-right-section {background:transparent;}
    #header2 ul.menu{background-color: #2d333b;height: 100vh !important;position:  fixed;width: 100vw;opacity: 0;transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;padding: 60px 0px 0px 0px !important;margin:  0px !important;overflow:  auto;}
    #header2.open ul.menu {opacity: 1;}
    #header2 ul.menu li.active{background:transparent;color: #fff;transform: translateY(0px);padding-top: 0;}
    #header2 ul.menu li a{display:  inline-block;font-size: 180%;}
    #header2 ul.menu li.active > a:before,
    #header2 ul.menu li.active > a:after{content:"";background-color: #c39e4f;position:  absolute;width: 9px;height:  9px;border-radius: 50%;top: 40%;}
    #header2 ul.menu li.active > a:before{margin-right: -25px;}
    #header2 ul.menu li.active > a:after{margin-right: 20px;}
    #header2 ul.menu li.has-sub.active > a:before, #header2 ul.menu li.has-sub.active > a:after { top: 40px; }
    #header2 ul.menu li.has-sub.active a:after{margin-right: 40px;}
    #header2 ul.menu>li:not(.social-mobile):after{content: "";display: block;width: 84px;border-bottom: 2px solid #c39e4f;margin: 0px auto 0;position:  relative;top: 5px;}
    #header2 ul.menu .menu-sub li:hover{    color: inherit;}
    #header2 #header-left{position: relative;}
    #header2.open #header-left{z-index:-2}
    #header2{color: fff;}
    #header2 .menu-sub {background: transparent;}
    #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{background:#fff;}
    #header2 ul.menu li:hover{color:#fff;}
    #header2 ul.menu li.social-mobile a {background: #c39e4f;padding: 0 7px;border-radius: 4px;margin: 10px 4px 0 4px;width:46px;}
    #header2 ul.menu .social-links a svg {fill: #323943;width: 29px;height: 24px;}
    #GridPromoZone { display: none; }
    #header2 .has-sub i.opensub { font-size:100%; }
}
@media(max-width:1024px) and (min-width:768px){
    #header2 #header-left { width: 30%;}
    #header2 .mobile-middle-kdm {width: 55%;}
    #header2 ul.menu .social-links a svg{width: 3.5vw;height: 3vw;}
    #header2 ul.menu{padding-top:  12vh !important;}
    #header2 .has-sub i.opensub{vertical-align: 0.5vw;}
    #header2 .menu-nav > span {font-size: 123%;}
    #header2 .header-right-section { padding: 10px 15px;}

}

@media(max-width:991px) and (min-width:767px){
    #header2 ul.menu li a{font-size: 240%; }
    #header2 ul.menu li .menu-sub a { font-size: 160%; }
    #header2 ul.menu .menu-sub li:first-child { margin-top: 15px; }
    #header2 ul.menu li.social-mobile { margin-top: 55px; }
    #home-gallery .gallery-caption      { top: 47%; }
        .form-container-wide #DynamicFormObject input   { margin-bottom:-5px;font-size:100%; }
    .form-container-wide .must:before    { right:16px; }
    #GridPromo:not(.form-container-wide) #DynamicFormObject input { font-size: 100%; }
#GridPromo:not(.form-container-wide) #DynamicFormObject .must:before { right: 16px; }
#GridPromo:not(.form-container-wide) #DynamicFormObject .dynamicFormObjectSubmit { padding-right: 5px; padding-left: 5px; }
}

@media(max-width:991px){
    #GridPromoZone { display: none; }
    #GridPromo #DynamicFormObject .dynamicFormObjectField { width: 33.33%; padding-right: 5px; padding-left: 5px; }
    #DynamicFormObject .dynamicFormObjectSubmit { width: 33.33%; margin: auto; float: none; display: inline-block; margin-top: 10px;  margin-bottom: 10px; }
    #GridPromo.hasPromoZone                     { margin-bottom: 35px; margin-top: 0; }
    #GridPromo #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
    .normal-form textarea { max-width: 100%;  padding-right: 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { margin-bottom: 10px; }
    .dynamicFormEndText {  padding-bottom: 15px; }

}



@media(max-width:767px){
    #header2 #header-left img{width:119px;}
    #header2 .phone-icon a {color: #fff;vertical-align: -6px;}
    #header2 .has-sub i.opensub             { vertical-align: baseline;}
    #header2 .header-right-section          { width: 46px;padding-right:0;  }
    #home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { width:40px; }
    body { background-size:contain; }
}

#home-gallery:before {content:  "";height: 255px;background-image: linear-gradient(to bottom, rgba(47, 50, 58, 0.8), rgba(47, 50, 58, 0));width: 100%;position:  absolute;z-index:  3;pointer-events:  none;}
/*#home-gallery .iconBox a {pointer-events: none;}*/
@media(min-width:1250px){
    #home-gallery .gallery-logo{width:100%}
}

@media (min-width:1024px){
    #side-contact-form #DynamicFormObject {width: 210px;}
    #side-contact-form .button-holder.LeftVer{right: 0;top: 37px;}
}
@media(max-width:767px){
    #home-gallery .gallery-logo{width:70vw;}
}

/*GenerelHomePage*/
.section {padding: 95px 0 40px;}
.section-title {margin-bottom: 40px;}
.section-title h1, .section-title h2 {font-size: 350%;color: #2d333b;}
.section-title h1:after{content: "";background-image: url(../../../warehouse/temp/troya/deco.svg);width: 160px;height: 41px;display: block;margin: 10px auto 0;background-size: cover;}

.grid-boxes .grid-box-image {padding-bottom: 75%;margin-bottom:  0;}
.grid-boxes .grid-box-image:after {content: "";position:  absolute;top: 5px;right: 5px;bottom:  5px;left: 5px;z-index: 5;border: 1px solid #fff;pointer-events:  none;}
#lobbyview .grid-boxes .grid-box-image{margin-bottom: 0;}
.grid-box-title {position:  absolute;top: 50%;left: 50%;transform:  translateX(-50%);background: rgba(45, 51, 59, 0.8);width: 200px;height: 50px;pointer-events: none;margin-top: -25px;}
.grid-box-fulltext {display: none;}
.grid-boxes .grid-box-title h3 a {line-height: 50px;color: #fff;}

.grid-rows .grid-row {background: #e6e9ed;color: #2d333b;}
.grid-rows .grid-row-text {text-align:  center;}
.grid-rows .grid-row-text h2 {font-size: 300%;}
.grid-rows .grid-row-text h2:after {content: "";background-image: url(../../../warehouse/temp/troya/line.svg);width: 100px;height: 24px;display: block;margin: 10px auto 0;background-size: cover;}
.grid-rows .grid-row-text p {font-size: 110%;}
.grid-rows .grid-row-text a.grid-row-button {background: #2d333b;color: #fff;padding: 2px;font-size: 130%;width: 180px;}

.grid-row .grid-row-cell.grid-row-cell-text:before {content: "";position:  absolute;border: 1px solid #c39e4f;top: 12px;left: 24px;bottom: 24px;right: 9px;pointer-events:  none;}
.grid-row .grid-row-cell.grid-row-cell-text:after {content: "";position:  absolute;border: 1px solid #c39e4f;top: 24px;left: 9px;bottom: 11px;right: 24px;pointer-events:  none;}
.grid-rows .grid-row-text a.grid-row-button:hover,.grid-rows .grid-row-text a.grid-row-button:focus { background: #C39E4F; color: #4a4d52; border-color: transparent; }


.gallery-cubes>div {padding: 11px;}
.gallery-cubes {padding: 0 4%;}

.grid-text .sec-button {background: #2d333b;color: #fff;padding: 2px;font-size: 130%;width: 180px;line-height: 1.5;}
.grid-rows .grid-row-text a.grid-row-button:hover,.grid-rows .grid-row-text a.grid-row-button:focus,.grid-text .sec-button:hover,.grid-text .sec-button:focus { background: #C39E4F; color: #4a4d52; border-color: transparent; }

.grid-text-section {padding-top: 0;margin-bottom: 60px;}

@media(max-width:1024px) and (min-width:991px){
    .grid-rows .grid-row-text{margin-top:0px;}
}

@media(min-width:992px){
    .grid-row li.slider-item {padding-bottom: 72%;}
}

@media(max-width:991px) and (min-width:768px){
    .grid-box-title {width: 60%;font-size: 90%;height:  40px;margin-top: -20px;}
    .grid-boxes .grid-box-title h3 a {line-height:  40px;}
    .grid-rows .grid-row-text h2 {font-size: 200%;margin-bottom: 5px;}
    .grid-rows .grid-row-text h2:after { width: 60px; height: 14px; margin-top: 0; margin-bottom: 15px; }
    .grid-rows .grid-row-text p {font-size: 100%; line-height: 1.2; max-width: 95%; margin-right: auto; margin-left: auto; }
    .grid-rows .grid-row-text {width: 85%;margin-top: 0;}
    .grid-rows .grid-row-text a.grid-row-button,
    .grid-text .sec-button {margin-top: 10px;font-size: 110%;width: 150px;}
    .grid-content-section {margin-bottom: 0;}
    #home-gallery .gallery-logo { width: 100%; }
    #header2 .max-width         { width: 100%; }
    #header2 #header-left       { padding-left: 15px; }
    .grid-row .grid-row-cell.grid-row-cell-text:after { top: 24px; left: 13px; bottom: 12px; right: 20px; }
}

@media(max-width:1024px) {
    #home-gallery .flex-control-paging li a {  background: #ffffff; }
    #home-gallery .flex-control-paging li a.flex-active { background: #C39E4F; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 10%; }
    .gallery-cubes>div { float: right; width: 33.33%; }
    }

@media(max-width:767px){
    .section-title h1, .section-title h2 {font-size: 260%; line-height: 1;}
    .grid-boxes .grid-box .grid-box-title h3 {margin-top: 0;}
    .grid-rows .grid-row-text{padding-bottom:60px;}
    .grid-row .grid-row-cell.grid-row-cell-text:before {left: 16px;right: 6px;top: 9px;bottom: 17px;}
    .grid-row .grid-row-cell.grid-row-cell-text:after {right: 16px;left: 6px;top: 17px;bottom: 9px;}
    .gallery-cubes>div {padding: 6px;}
    #home-gallery ol.flex-control-nav.flex-control-paging   { bottom:22%; }
    #SiteFooter .mobile-seperator                           { background: #3A4049; }
}

/*SectionsHomePage*/

.makeHistory {padding-bottom:20px;margin-bottom:0px;padding-top: 80px;}
.makeHistory .grid-text .grid-text-content {max-width: 850px;margin: 0 auto;font-size: 130%;}

.letsMakeHistory .section-title h2,
.needLove .section-title h2 {font-family: 'PetitFormalScript-Regular';color: #c6a358;font-size: 250%;background: #fff;display: inline-block;position:  relative;z-index: 1;padding: 0 35px;}
.letsMakeHistory .section-title:after,
.needLove .section-title:after {content:  "";background-color: #2d333b;height:  1px;width: 90%;position:  absolute;right: 5%;bottom: 26px;}
.letsMakeHistory {padding-top:  35px;padding-bottom:  20px;}
.letsMakeHistory .section-title,
.needLove .section-title {position:  relative;}
.letsMakeHistory .section-title {margin-bottom: 110px;}

.needLove {padding-top:  0;padding-bottom: 0;margin-bottom: 50px;}
.needLove .section-title {margin-bottom: 90px;}

@media (max-width:991px) and (min-width:768px){
    .letsMakeHistory .section-title h2, .needLove .section-title h2{font-size: 200%;padding: 0 10px;}
    .letsMakeHistory .section-title:after, .needLove .section-title:after{width: 96%;right: 2%;}
    .letsMakeHistory .section-title {margin-bottom: 80px;}
}

@media(max-width:767px){
    .needLove .section-title {margin-bottom: 10px;}
    .letsMakeHistory {margin-bottom: 20px;padding-top: 10px;}
    .letsMakeHistory .section-title { margin-bottom: 20px;}
    .sections .grid-content-section {margin-bottom:  0;padding-bottom: 0px;}
}

footer {padding-top: 0;}
#SiteFooter {margin-top: 0px;padding-top: 0;}
#SiteFooter img {max-width: 280px;}
#SiteFooter #partners-section {color: #fff;padding-bottom: 40px;padding-top: 40px;background: #293038;position:  relative;overflow:  hidden;}
#SiteFooter #partners-section p {font-size: 120%;padding-top: 30px;}
#SiteFooter #partners-section a, #SiteFooter .footer-text .menu-nav a {padding: 0;}
#SiteFooter .footer-address {display:  none;}
#partners-section:before {content: "";background: url(../../../warehouse/temp/troya/deco-white.svg);position:  absolute;width: 110%;height: 105%;right: -5%;top: -6%;background-repeat: no-repeat;background-position:  center;opacity: 0.05;z-index: -1;background-size: cover;}
.footer-text p{font-family: 'Bellefair', serif;text-transform: uppercase;font-size: 300%;letter-spacing: -2.6px;line-height: 1;background-color: #f5f5f5;display:  inline-block;position: relative;padding: 0 45px;}
.footer-text:before{content:"";position:absolute;width:100%;height:2px;background-color: #c39e4e;right:0;bottom: 33px;}
.site-credit.alternative {background: #c39e4f;padding: 10px 0;}
#SiteFooter #partners-section a:hover,#SiteFooter #partners-section a:focus { color: inherit; text-decoration: underline; }


/*InnerPages*/

#headline {font-size:  350%;text-align:  right;max-width:  90%;margin-right: 5%;color: #2d333b;}
#headline h1:after {width: 123px;height: 4px;content: "";display:  block;background:  #c6a358;margin-top: 20px;}
#GridTop:before {content:  "";position:  absolute;top: 0;left: 0;width: 100%;height:  100%;background-color: rgba(26, 26, 26, 0.2);}
.categories-strip ul li.active {background: #C39E4F;color: #4a4d52; }
.categories-strip {background: #2d333b;}
#text1, #text2 {text-align: right;}
#text1 h3 {font-size: 150%;}
#text1 p,#lobbyText p {font-size:105%;}
#text1 p a { background: #2d333b;color: #fff; padding: 4px; width: 180px; border-radius: 5px; display: block; text-align: center; transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
#text1 p a:hover,#text1 p a:focus { background: #C39E4F; color: #4a4d52; }

#lobbyText              { max-width: 850px; }
#lobbyview #headline    { margin-right: auto; margin-left: auto; }


.faq-headline.open                { background-color: #C39E4F; }

#GridPromo.affix {width: 220px;top:100px;}

#promoZone img {max-width: 100%;height:  auto;}
#promoZone {padding:  0;}
#promoZone a {margin-bottom: 20px;display:  block;}
#GridPromoZone {padding: 0;}

#contactview #headline, 
.galleryPage #headline {text-align: center;margin:auto;}
#contactview #headline h1:after,
.galleryPage #headline h1:after{margin: 20px auto 0;}

#map-section .map-cover {background: rgba(45, 51, 59, 0.9);padding: 40px 80px; }
#map-section .map-cover .open-map {background: #c39e4f;}
#map-section .map-cover:after {border-color: #c39e4f;}
#map-section #map-holder .overlay { background: rgba(45, 51, 59, 0.5); }
#map-section .map-cover h4        { margin-top: 0; }
#ContactModule #map-section #map-holder { margin-bottom:0; }

#contactDetails .contactDetailsText1 { font-size: 115%;margin-bottom:10px; }
#contactDetails .contactDetailsText1 p { font-size: inherit; margin-bottom: 0px; }
#contactDetails .contactDetailsPhone2 { margin-bottom:  0px; }
form#contact-form h4 { font-size: 150%; margin-top: 0; margin-bottom: 25px; color: #C39E4F; }
#contactform h3 { margin-bottom: 5px; }
#contactform .contact-container .row > div          { padding-right: 5px;  padding-left: 5px; }
#contactform.normal-form input                      { margin-bottom: 0px; }
#contactform .contact-form-submit                   { margin-bottom: 10px; }
#contactform .contact-container .must:before        { color: #ffffff;right: 12px; }
#contactform textarea                               { margin-top: 0; }
#contactform .contact-container .row > div.textareaWrapper { margin-top: 15px; position: relative; }
#contactform .contact-container .row > div.textareaWrapper:before { top: 2px; }




#DynamicFormObject {background: rgba(45, 51, 59, 0.9);border: 0px;color: #fff;padding: 18px 4px 21px 4px;}
#DynamicFormObject:after {border-radius: 5px;border-color: #c39e4f;}
#DynamicFormObject input[type=submit]{background-color: #c39e4f;color: #323943;height: 37px;border: 1px solid #c39e4f;font-size: 130%;}
#DynamicFormObject input[type=submit]:hover{border-color: #c39e4f;color: #c39e4f;background:  transparent;}
#DynamicFormObject input[type=submit]:hover,#DynamicFormObject input[type=submit]:focus { background-color: #ffffff;border-color: transparent; }

#DynamicFormObject .dynamicFormObjectTitleAndText {font-size:inherit}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle {font-size: 250%;}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle span {display:  block;font-size: 60%;color: #c39e4f;}

#DynamicFormObject input{height: 34px;margin-bottom: 10px;font-size: 85%;padding-right: 20px;}
#DynamicFormObject .dynamicFormEndText {font-size: 110%;line-height: 1;}
#DynamicFormObject .dynamicFormObjectFields {margin-bottom: 0px;}

#DynamicFormObject .scn-reader-only {border-color: #32353b;}
 #contactform {background: #2d333b;border: 0px;max-width: 850px; margin: auto;margin-bottom:50px;  }
 .normal-form:after{border-color: #c39e4f;    border-radius: 5px;}

 .form-container-wide #DynamicFormObject    { background: #2d333b; }


 .contact-form-comment{color:#fff;}
 #contactform h3 {color: #fff;font-size:  250%;}
 #contactform h3 span{display: block;font-size: 60%;color: #c39e4f;}
 #contactform .contact-container {  width: 85%; }
.textareaWrapper.must textarea {padding-right:15px;}

 .normal-form textarea              { padding-right: 20px; }


 #text1, #text2,#headline        { max-width: 850px; margin-right: 0; margin-left: 0; }


#FormResultPage                { padding-bottom: 50px; }
#FormResultPage #headline       { text-align: center; max-width: 100%; }
#FormResultPage #headline h1:after              { margin-right: auto;margin-left: auto; }
#FormResultPage #text1          { margin-right: auto; margin-left: auto; font-size: 120%; }
#FormResultPage a               { padding: .5% 7%; border: 1px solid #000; color: #000;border-radius: 5px; font-size: 110%; background: 0 0; margin-top: 25px; background: #2d333b; color: #fff; padding: 2px;/* font-size: 130%; */ width: 180px; transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
#FormResultPage a:hover,#FormResultPage a:focus         { background: #C39E4F; color: #4a4d52; border-color: transparent; }


#accessability                  { padding-bottom: 50px; }
#accessability p a              { display: inline-block; width: auto; background: transparent; color: inherit; }
#accessability p a:hover,#accessability p a:focus        { background: transparent;text-decoration:none; }

.hvr-float:active, .hvr-float:focus, .hvr-float:hover           { -webkit-transform: translateY(0px);transform: translateY(0px); }
.grid-text .sec-button  { transition:all 350ms ease-in-out; -webkit-transition:all 350ms ease-in-out; }

#GridTop.noTopImage.longer              { height: 80px; }

body.galleryPage .gallery-cubes             { opacity: 1;  margin-top: 0; }

@media(min-width:992px){
    #side-contact-form {max-width: 200px;direction:  ltr;}
    #GridPromo {width: 220px;padding: 0;    margin-top: 20px;}
    
    
}

@media(min-width:768px){
    #DynamicFormObject .dynamicFormEndText a {pointer-events: none;cursor: auto;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {display:  none;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText {width: 60%;display:  block;padding:  0px;margin:  0 auto;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields {width: 60%;display:  block;padding: 0;margin:  20px auto;}
    .form-container-wide #DynamicFormObject .dynamicFormEndText {width: 60%;display:  block;margin:  0 auto;}
    .form-container-wide #DynamicFormObject input {height:  40px;width: 100%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectField {width: 33.33%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField {width: 100%;margin-top: 20px;}
    .form-container-wide textarea {width: 100%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {width: 33.33%;margin:  0 auto;float: none;clear: both;padding: 0;}
    .form-container-wide #DynamicFormObject {width: 100%;padding: 2%;}
    .form-container-wide form {margin:  0 -15px;}
}

@media(max-width:991px) and (min-width:767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,.form-container-wide #DynamicFormObject .dynamicFormObjectFields,.form-container-wide #DynamicFormObject .dynamicFormEndText {width: 100%;}
    #contact-form .contact-container > .row > div:not(.textareaWrapper) {width: 33.33%;}
     #GridPromo:not(.form-container-wide) #DynamicFormObject .dynamicFormObjectField       { width: 50%; float: right; }
    #GridPromo:not(.form-container-wide) #DynamicFormObject .dynamicFormObjectSubmit { width: 50%; margin-top: 0; }
    #GridPromo:not(.form-container-wide) #DynamicFormObject input { height: 40px; margin-bottom: 20px; }
    #GridPromo:not(.form-container-wide) #DynamicFormObject input[type=submit] { height: 40px; }

}
@media(max-width:991px){
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 210%; margin-top: 15px; margin-bottom: 25px; }
    #text1 p, #text2 p, #lobbyText p  { line-height: 1.3; }
    fieldset           { max-width: 85%;margin-right: auto; margin-left: auto; }
    .top-caption    { font-size:320%; }
    #contactform .contact-container             {  width: 100%; }

}

@media(max-width:767px){
    #DynamicFormObject  { background:#2d333b; }
     /*.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormEndText  { width:85%; }*/
     #DynamicFormObject .dynamicFormObjectFields { width: 85%; margin-right: auto; margin-left: auto; }
     #DynamicFormObject .dynamicFormObjectField .must:before { right: 20px; }
    .home-page #DynamicFormObject .dynamicFormObjectField .must:before { right: 29px;}
    #GridPromo{padding:0px;}
    #side-contact-form.mobile-form{width:100%}
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle{ font-size: 190%; max-width: 75%; margin-right: auto; margin-left: auto; }
    #DynamicFormObject input,#DynamicFormObject input[type=submit],.normal-form input[type=submit],.normal-form input  { height:40px;    font-size: 120% !important; }
    .normal-form textarea { font-size: 120% !important; }
    #FormResultPage #headline h1:after              { margin-right: auto;margin-left: auto; }
    #DynamicFormObject fieldset                     { max-width: 100%; }

    #DynamicFormObject .dynamicFormEndText {font-size: 145%;}
    #contactform input, #contactform textarea{margin-bottom:0px}
    #contactform .contact-container > .row > div{margin-bottom:10px;}
    #SiteFooter img {max-width: 190px;}
    #side-contact-form.mobile-form              { margin-top: 0; }
    #DynamicFormObject                          { max-width: 100% !important; padding: 8px 4px 10px 4px; }
    #DynamicFormObject .dynamicFormObjectField  { width: 90%;  margin-right: 5%; }
    #DynamicFormObject .dynamicFormObjectSubmit { width: 60%; }
    .section-title h1:after                     { width: 100px; height: 25px;}
    .grid-text-section .section-title           { margin-bottom:10px; }
     .letsMakeHistory .section-title h2, .needLove .section-title h2 { font-size:160%;line-height:1.4; }
     .grid-rows .grid-row-text h2   { font-size:260%; }
     .grid-rows .grid-row-text h2:after { width: 80px;height: 19px;margin: 5px auto 15px; }
     .grid-rows .grid-row-text a.grid-row-button,.grid-text .sec-button { padding: 4px 0px; }
     section.grid-text-section.buttonSection { margin-bottom: 10px; }
     a.AccessabilityLink                    { float: right;margin: 0; }
    #SiteFooter .site-credit.alternative p { float: left; }
    .site-credit.alternative { padding: 12px 0; }
    #SiteFooter { padding-bottom: 48px; }
    #SiteFooter #partners-section p:last-child { max-width: 310px; margin: auto; }
    #SiteFooter #partners-section a, #SiteFooter .footer-text .menu-nav a { display: inline-table;  max-width: 100%;margin:0; }
    span.sep.hideMobile { display: none; }
    #SiteFooter #partners-section { padding: 10px; }
    #SiteFooter #partners-section p { padding-top: 15px; }
    #SiteFooter img { max-width: 150px; }
    #text1 p a  { padding:7px; }
    .gallery-cubes>div { width: 50%; }   
    #text1 h3           { font-size: 135%; }
    #header2 ul.menu li a   { font-size:160%; }
    #header2 .social-links { margin-top: 10%;}
    #ContactModule #map-section #map-holder { margin-bottom: 0;}
    #header2 ul.menu li .menu-sub a { font-size: 130%;}
    #headline { margin-right: 2%; }
    .page-4285 #headline { margin-right: 0px;}
    .page-4285 #headline h1:after {margin-right: 2px;}
    #headline h1:after { margin-right: 3px;}
    #headline h1 { font-size: 80%;}
    #GridPage {padding-top: 25px;}
    .makeHistory { padding-top: 55px;}
    #header2 ul.menu li.last-item::after { content: none;}
    #header2 ul.menu .social-links a svg { width: 21px;height: 21px; display: inline-block; vertical-align: text-top; margin-top: 2px; }
    #header2 ul.menu-sub li:first-child { margin-top: 15px;}
    #header2 ul.menu li.social-mobile a { margin: 5px 4px 0 4px; width: 34px; height: 34px; }
    #header2 ul.menu li.has-sub.active > a:before, #header2 ul.menu li.has-sub.active > a:after {  TOP: 20PX; }
    #lobbyview .grid-box { width: 100%; }
    #text1 p, #lobbyText p { font-size: 115%; }
    #GridPromo #DynamicFormObject .dynamicFormObjectField { width: 100%; margin-right: auto; }
    #headline h1:after { margin-top: 10px;  width: 100px; }
    .top-caption { font-size: 260%; }
    .panel-group { font-size: 110%; }
    #map-section .map-cover { padding: 30px 50px; }
    .normal-form input[type=submit] { font-size: 140% !important; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle span    { font-size:70%; }
    #map-section .map-cover .open-map           { padding: 1% 20px; }
    #contactview #headline h1:after, .galleryPage #headline h1:after    { margin: 10px auto 0; }
    #contactform .contact-container .must:before { right: 17px;}
    .textareaWrapper.must textarea {padding-right:18px;}

    /*Changes 16/6/19 */
    #header2 .phone-icon { top: 10%;}
    #header2 .languages { left: -230%;} 
}

.normal-form input, .normal-form textarea {background: rgba(255,255,255, 0.1);border: 0px;color: #fff;border-radius: 0px;}
.normal-form input::-webkit-input-placeholder,
.internal-form textarea::-webkit-input-placeholder,
.normal-form textarea::-webkit-input-placeholder { color:#fff;font-size:100%;}
.normal-form input[type=submit] { background-color: #c39e4e;color: #2f323a;border-radius:5px; }


/*Changes 6/8/18*/

#GridContent #ContactModule #contactview #text1 { margin: auto; padding: 2% 0;}

/*Changes 17/9/18*/

@media(min-width: 1170px) and (max-width: 1280px) {
    #header2 .header-top .address .bottomAddress { padding-right: 0;}
}

#home-gallery .iconBox img { max-width: 90px;}

@media(max-width: 767px) {
    .iconsBoxLeft, .iconsBoxRight { bottom: 7%;}
    #SiteFooter .mobile-seperator a { padding: 10px 0;}
}