@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&display=swap');

/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Open Sans', sans-serif; font-weight:normal; padding:0; color:#333; font-weight:normal; padding-right:0!important;
font-size:13px;
line-height:1.5;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--dark:#000; --yellow:#aa824a; --blue:#2b2d80; --gray:#333435;}

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:var(--yellow); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--blue);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; color:var(--yellow);}


.popupArea{position:fixed; z-index:999999; background:rgba(0,0,0,0.8); left:0; right:0; top:0; bottom:0;}
.popupArea .popupContent{display:block; margin:auto; width:550px; max-width:95%; padding:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.popupArea .popupContent > div{max-width:100%; margin:0 auto; color:#fff; position:relative;}
.popupArea .popupContent .closeBtn{position:absolute; top:10px; right:10px;}
.popupArea .popupContent .closeBtn img{width:30px;filter: invert(1);}


.header{background:#fff; padding:0; display:block;}
.header .container > ul{display:block; clear:both; text-align:right; font-weight:600; margin:0; padding:0; list-style-type:none; font-size:24px; font-weight:700; font-family:'Cinzel';}
.header .container > ul li{margin:0; padding:0; display:inline-block; vertical-align:middle; margin-left:30px;}
.header .container > ul li h3{font-size: 30px;letter-spacing: 9px;position: relative;top: 45px; color: var(--yellow);  font-weight: 300; margin:0;}
.header .container > ul li a{color:var(--yellow);}

.header .facebookLink a{ overflow:hidden; padding:0; background:transparent url('../images/FacebookLogo.png'); width:120px; height:40px; text-indent:-1111px;}

.project-slider .carousel-control-prev, .project-slider .carousel-control-next{background:rgba(0,0,0,0.6); top:calc(50% - 20px); left:50px; bottom:auto; width:auto; width:40px; height:40px; text-align:center; opacity:0; border-radius:50%; font-size:24px;}
.project-slider .carousel-control-next{left:auto; right:50px;}
.project-slider:hover .carousel-control-prev, .project-slider:hover .carousel-control-next{opacity:1;}
.project-slider .carousel-control-prev:hover, .project-slider .carousel-control-next:hover{background:rgba(0,0,0,1);}


.bookingArea{background:var(--yellow); color:#fff; padding:20px 0; text-align:center;}
.bookingArea form{display:block;}
.bookingArea form span{font-size:26px; margin-right:15px; display:inline-block; position:relative; top:3px;}
.bookingArea form div{position:relative; display:inline-block; background:#fff; width:220px;}
.bookingArea form div i{color:#222; position:absolute; right:10px; top:10px; font-size:16px;}
.bookingArea form input{padding:7px 10px; font-weight:600; font-size:14px; border:none; display:block; width:100%; background:none!important; position:relative; z-index:3;}
.bookingArea form input::placeholder {color:#666;}
.bookingArea form button{padding:5px 20px; color:#fff; background:none; border:none; border-bottom:4px rgba(0,0,0,0.3) solid; border-radius:5px; margin-left:10px; cursor:pointer;}
.bookingArea form button:hover{background:rgba(0,0,0,0.3);}


main{display:block; overflow:hidden; padding:30px 0;}
main .container, .header .container{max-width:1250px;}
main > div > h1{margin-bottom:40px; font-size:17px; text-align:center;}
main h2{font-size:26px; margin-bottom:15px; font-weight:300;}
main h4{font-size:18px;}
main ul h3{font-size:16px; font-weight:300;}
.highlightTxt{font-size:20px; font-weight:300; font-weight:600;}

.exceptionalArea [class^="col-"]{margin-bottom:30px;}
.exceptionalArea [class^="col-"] > div h3{ font-size:16px; line-height:28px;}
.exceptionalArea [class^="col-"] > div h3 + a > img{ height:250px;}
.exceptionalArea [class^="col-"] > div p{display:block; padding:10px; min-height:40px;}

footer{background:var(--gray); text-align:center; padding:50px 0; color:#fff;}
footer [class^="col-"] > div > a{display:block; padding:1px 0;}
footer [class^="col-"] > div > a:hover{color:#fff;}
footer [class^="col-"] ul{ margin:0; padding:0; list-style-type:none;}
footer [class^="col-"] ul li a:hover{ color:#fff;}
footer [class^="col-"] > div h4{color:#fff; font-weight:300;}
footer [class^="col-"] > img{ display:block; margin-bottom:40px;}
footer [class^="col-"] > a{margin:0 25px; display:inline-block;}
.copywrightarea{color:#fff; background:var(--dark); padding:20px 0;}

.innerPage{ font-size:15px;}
.innerPage h1{ text-align:left; font-size:40px; line-height:1.5; margin-bottom:20px; font-weight:300;}
.innerPage h3{ font-weight:300; font-size:26px;}
.innerPage ul{ margin-bottom:30px;}

.accommodationList [class^="col-"] h4{ font-size:16px; color:#222; display:inline-block; font-weight:600; margin-bottom:8px;}
.accommodationList [class^="col-"] p{ font-size:13px!important;}
.accommodationList [class^="col-"] a{ margin-left:5px; font-size:13px;}

.has-text-align-center, .aligncenter{ text-align:center!important; width:100%;}
.has-text-align-center{color:#0000ff!important; font-size:20px;}
h2.has-text-align-center{ font-size:36px;}
.blueHead h3{color:#0000ff!important; text-align:center; padding:25px 0 10px;}
.blueHead p strong{ font-size:22px;}
.has-text-align-center ~ h3{color:#0000ff!important; padding-top:15px; display:block;}
.has-text-align-center ~ h4{ font-size:26px; color:#444; font-weight:normal;}


.murderArea h2{color: #222!important; margin-bottom:50px;}
.murderArea p, .murderArea li{font-size:22px;}
.murderArea a, .murderArea strong{ color:#A80104; font-weight:normal;}
.murderArea .row .col-sm-4{ text-align:center!important;}
.murderArea .row .col-sm-4 img{ height:200px;}
.murderArea h3{
	box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    line-height: 1.3em;
    color: rgb(135, 20, 20)!important;
    margin:  0 0 20px;
    font-size: 34px;
    padding: 0px;
    text-shadow: rgb(135 20 20) 0px 0px 22px;
}

.conferencesArea, .blueMounts{ font-size:13px;}
.blueMounts h1{ font-size:36px; line-height:1.2;}
.conferencesArea span{ font-size:16px; padding:15px 0 0; display:block;}
.conferencesArea span img{ width:25px; position:relative; top:-2px; margin-right:3px;}

#glsr-modal{ display:none!important; opacity:0; height:0; visibility:hidden;}

.imgTextBox{display:block; padding:15px; margin:0 auto; width:600px; max-width:100%; text-align:center}
.imgTextBox img{display:block; width:100%; margin-bottom:10px;}
.imgTextBox a.btnGold{padding:10px 20px; font-size:18px; text-transform:uppercase; display:block; background:var(--yellow); color:#fff; border:none; border-radius:5px; cursor:pointer;}
.imgTextBox a:hover{background:var(--dark);}

.btnGoldmenu{padding:10px 20px; font-size:18px; text-transform:uppercase; display:inline-block; clear:both; margin:15px 0; background:var(--yellow); color:#fff; border:none; border-radius:5px; cursor:pointer;}
.btnGoldmenu:hover{background:var(--dark); color:#fff;}

#google_translate_element .skiptranslate.goog-te-gadget > span{display:none!important;}
.translater{ display:block;margin-top:20px; }
.goog-te-gadget .goog-te-combo{margin: 0!important; background:var(--yellow); color: #fff; border: 1px #ddd solid; padding: 8px; border-radius: 5px;width: 200px;}

.skiptranslate.goog-te-gadget > div{position: relative;  top: 15px;  z-index: 100;  margin-top: -15px;}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1024px){
}

@media (max-width: 991px){
.header{padding:5px 0 10px;}
.header .container > ul{text-align:center; margin-bottom:5px;}
.header .container > ul li{margin-left:0px;}
.header .container > ul li h3 {font-size: 20px; letter-spacing: 0; top: 0px;}

}

@media (max-width: 767px){
}

@media (max-width: 500px){
.bookingArea{color:#fff; padding:10px 0;}
.bookingArea form div{display:block; clear:both; margin:5px auto;}
.bookingArea form button{width:220px; margin:0 0 15px;}
.exceptionalArea [class^="col-"] > div h3 + a > img{ height:auto;}

.murderArea{ text-align:center;}
.murderArea p, .murderArea li{font-size:16px;}
.murderArea h3{ font-size:24px;}

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}