@import url('font-awesome.min.css');
@import url('bootstrap.min.css');
@import url('owl.carousel.css');
@import url('animate.css');
@-ms-viewport { width: device-width!important; }
html{ overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar!important;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
button, html input, textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; }
:focus { outline: 0; }
ol, ul { margin: 20px 0 20px 16px; }
li { font-size: 1.6rem; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
.none { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
.clear { clear: both; }
img { max-width: 100%; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom: 1;
}
::selection { background: #923f22; color: #fff; }
::-moz-selection {
background: #f15a40;
color: #fff;
}
a { text-decoration: none; color: inherit;  cursor: pointer; }
h1 { color: #923f22; font-size: 3.0rem; margin-bottom: 20px; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400;letter-spacing: 14px; }
h2 { margin-bottom: 20px; color: #000057; font-size: 4.8rem; text-transform: uppercase; font-family: 'Playfair Display SC'; line-height: 1.2; }
h3 { margin-bottom: 20px; color: #000057; font-size: 3.0rem; text-transform: uppercase; font-family: 'Playfair Display SC'; line-height: 1.2; }
h4 { margin-bottom: 20px; color: #923f22; font-size: 2.4rem; }
h5 { margin-bottom: 20px; color: #923f22; font-size: 2.0rem; }
h6 { margin-bottom: 20px; color: #923f22; font-size: 1.8rem; }
p { font-size: 2.0rem; color: #797979; line-height: 1.5; font-family: 'Lato', sans-serif; font-weight: normal; }
a, input, textarea { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; outline: none !important }
a:hover, a:focus, input, input:focus { text-decoration: none; outline: none; }
a:hover, a:focus { color: #923f22; }
body { line-height: 1.55; margin: 0; padding: 0; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; font-size: 1.6rem; font-weight: 400; font-family: 'Lato', sans-serif; }
html { font-size: 62.5%; }
*:focus { outline: none; }
input[type=text], input[type=tel], input[type=email] {color: #fff; padding: 2px 6px; width: 100%; border-radius: 0; background-color: #f1e9e7; border: 1px solid transparent; font-size: 1.8rem; line-height: normal; font-weight: 400; }
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=email]:hover { background: #797979; color: #fff; opacity: 1; }

textarea { width: 100%; font-weight: 400; background: #f1e9e7; color: #0053a0; padding: 2px 6px; border: 1px solid transparent; max-height: 76px; resize: vertical; }
button, html input[type=button], input[type=submit] { font-size: 2.0rem; color: #923f22; line-height: 1; font-family: 'Lato', sans-serif;  font-weight: 700;  position: relative; padding-bottom: 8px; background: none; text-transform: uppercase; cursor: pointer; }
button:hover input[type=button]:hover, input[type=submit]:hover, button:focus input[type=button]:focus, input[type=submit]:focus, .btn:hover, 
.btn:focus { color: #923f22; }

@font-face {
    font-family: 'Playfair Display SC';
    src: url('../fonts/PlayfairDisplaySC-Regular.woff2') format('woff2'),
        url('../fonts/PlayfairDisplaySC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.btn-learn { font-size: 2.0rem; color: #923f22; line-height: 1; font-family: 'Lato', sans-serif; font-weight: 700; position: relative; padding-bottom: 10px; }
.btn-learn:after { content: ""; position: absolute; z-index: -1; left: 0;right: 100%; bottom: 0; background: #000057; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.read-more a { font-size: 2.0rem; color: #923f22; line-height: 1; font-family: 'Lato', sans-serif; font-weight: 700; position: relative; padding-bottom: 8px; text-transform: uppercase; }
.read-more a:before { content: ""; position: absolute; z-index: 1;left: 0; right: 100%; bottom: 0; background: #000057; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.btn-learn:hover:after { right: 0; }
.read-more a:hover:before { right: 0; }

@keyframes slideDown {
	0% { transform: translateY(-100%) }
	100% { transform: translateY(0%) }
}
@-webkit-keyframes slideDown {
	0% { -webkit-transform: translateY(-100%) }
	100% { -webkit-transform: translateY(0%) }
}
@-moz-keyframes slideDown {
	0% { -moz-transform: translateY(-100%) }
	100% { -moz-transform: translateY(0%) }
}

:focus::-webkit-input-placeholder {opacity: 1; color:#fff;}
:focus:-moz-placeholder { opacity: 1; color:#fff; }
:focus::-moz-placeholder { opacity: 1; color:#fff; }
:focus:-ms-input-placeholder { opacity: 1; color:#fff; }

:hover::-webkit-input-placeholder {opacity: 1; color:#fff;}
:hover:-moz-placeholder { opacity: 1; color:#fff; }
:-ms-input-placeholder  { background: #f2f2f9; opacity: 1; color: #797979; }
::-moz-placeholder { background: #f2f2f9; opacity: 1; color: #797979; }


/*************************** header style starts here ***************************/
.site-header { position: absolute; left: 0; right: 0; top: 0; background: rgba(255,255,255,0.4); z-index: 99; padding-bottom: 45px; }
.main-navigation ul { margin: 0; }
.enumenu_ul { display: block; }
.main-navigation ul > li { list-style: none; display: inline-block; vertical-align: middle; padding: 0px 11.9px 0px 6.9px; position: relative; line-height: 1; }
.main-navigation ul > li:last-child:after { display: none !important; }
.main-navigation ul > li:after { content: ""; border-right: 1px solid #923f22; position: absolute; right: 0; top: 3px; height: 18px; }
.main-navigation ul > li:nth-child(6):after { display: none; }
.main-navigation ul > li > a { color: #000067; font-size: 1.9rem; line-height: 1; font-family: 'Playfair Display SC'; cursor: pointer; position: relative; text-transform: uppercase;}
.main-navigation ul > li > a:after { content: ""; position: absolute; bottom: -21px;  height: 7px; width: 7px; background: #923f22; border-radius: 50%; left: 0px;  right: 0; margin: 0 auto; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s;  }
.main-navigation ul > li > a:hover:after { opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s;  }
.main-navigation ul > li:last-child > a { border-right: 0 }
.main-navigation ul > li:last-child:after { left: 60%; }
.main-navigation ul > li:hover:after, .header-main ul > li.active:after { opacity: 1; visibility: visible }
.main-navigation ul > li:hover > a, .header-main ul > li.active > a { color: #923f22; }
.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; position: fixed; right: 0; padding: 0; top: 24px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.header-main.sticky .menu-icon{top: 10px}
.menu-icon .menu-box { width: 45px; height: 38px; margin-right: 0; padding: 5px; /*position: absolute;*/ right: 11px; top: 4px;transition-timing-function: ease; transition-duration: .15s;  transition-property: transform; }
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom: 6px; background: #111162; display: block; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s;transition-timing-function: ease;  transition-duration: .15s; transition-property: transform; }
.menu-icon.active span:nth-child(2) { opacity: 1; }
.menu-icon.active span:nth-child(1) { transform: translateY(10px); opacity: 0; }
.menu-icon.active span:nth-child(3) { transform: translateY(-10px); }

.main-navigation ul > li.mobile { display: none !important; }
.main-logo { float: left; width: 254px; }
.main-logo a { display: inline-block; vertical-align: middle; }
.main-logo a img { display: block; width: 100% }
.header-main { position: relative; }
.header-main .container { position: relative; top: 0 }
.header-main ul li:first-child { padding-left: 0; }
.header-main ul li:last-child { padding-right: 0; border: 0 }
.enumenu_ul li ul { display: none; }
.enumenu_ul.desk li ul { position: absolute;background-color: #a34e21; width: 200px; z-index: 999; top: 61px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); padding:10px 0 13px; }
.sticky .enumenu_ul.desk li ul { top: 59px; }
.stickyHeader .header-main ul li ul { top: 58px; }
.main-navigation ul li ul li { display: block; margin: 15px 15px; padding: 0; text-align: center; border-right: 0 }
.main-navigation ul li ul li:after { display: none }
.main-navigation ul li ul li a { color: #fff; font-size: 1.8rem; text-transform: capitalize; text-align: center }
.main-navigation ul li ul li:hover  a { color: #000067; }
.main-navigation ul li ul li:hover a:after { display: none; }
.top-contact .call-icon em { color: #2f3192; font-size: 3.1rem; height: auto; top: 0px; position: relative; margin-right: 5px; }
.top-contact .call-icon span { font-size: 3.0rem; color: #29aae2; font-weight: 500 }
.top-contact a.call-icon:hover span { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; color: #2f3192; }
.header-main .header-right-info { text-align: right; padding-right: 0px; order: 0; padding-left: 0; margin-top: 0;  }
header.header-main.sticky { padding:10px 15px 10px 15px; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; outline: none !important }
.mobile-phone { margin-left: 0;  margin-top: 0; }
.mobile-phone a { font-size: 2.4rem; color: #923f22; font-weight: normal; font-family: 'Lora', serif; }
.mobile-phone a span { display: inline-block; width: 5px; height: 5px; background: #000067; border-radius: 50%; margin: 0 3px; cursor: pointer;   transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.mobile-phone a:hover { color: #000067; }
.mobile-phone a:hover span { background: #923f22; cursor: pointer; }
.compass-block {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    margin-top: -52px;
    margin-bottom: -52px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: calc(50% - 83px);
    display: inline-block;
    width: auto;
    z-index: -1;
    opacity: 0.8;
}
.compass-block img {width: 170px;}
[data-direction*="left"] .compass-block { transform: rotate(-10deg); transition: all 0.5s; -webkit-transition: all 0.5s; }
[data-direction*="right"] .compass-block { transform: rotate(10deg); transition: all 0.5s; -webkit-transition: all 0.5s; }

.header-main .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; 
-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.header-top { padding: 15px 0 9px; }
.header-top-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0 auto; }
.header-top-list li { list-style: none; padding: 0 19px; color: #111162; position: relative; }
.header-top-list li:after { content: ""; position: absolute; left: -3px; width: 7px; height: 7px; background: #923f22; border-radius: 50%;top:7px;}
.header-top-list li:first-of-type:after {  display: none; }
/*.header-top-list li:hover a { color: #923f22; }*/
.header-top-list li a { font-size: 1.8rem; color: #111162; line-height: 1;  font-weight: 400; text-transform: uppercase; letter-spacing: 3px; pointer-events: none;}
.header-main { background-color: #ffffff; padding: 13px 0 13px 0; }
.call-icon  { display: none; }

.stickyHeader .site-header { position: fixed; background: #fff; left: 0; right: 0; top: 0; animation: slideDown 0.5s linear 0s;-webkit-animation: slideDown 0.5s linear 0s;  -moz-animation: slideDown 0.5s linear 0s; -webkit-animation-duration: 0.5s;  animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 999; padding-bottom: 0; box-shadow: 0px 0px 3px #787878; }
.banner-light { height: 100%;  position: absolute; left: 0; right: 0; z-index: 9; width: 100%; }
.stickyHeader .header-top { display: none; }
.header-logo { width: 329px; text-align: center; position: relative; z-index: 1;}

/*.stickyHeader .header-main .header-logo img { width: 290px; }*/
.compass-block figure { margin-bottom: 0; }
/*.stickyHeader .compass-block figure img { width: 75px; height: 75px; }*/
.stickyHeader .compass-block { margin-bottom: 0; margin-top: 0; }
/*************************** header style ends here ***************************/
.stickyHeader[data-direction*="left"] .compass-block{transform:rotate(0deg) !important;}
.stickyHeader[data-direction*="right"] .compass-block{transform:rotate(0deg) !important;}

/*************************** banner style starts here ***************************/
.video-wrap {  min-height: 100%; background-size: cover; width: 100%; background-position: center top; overflow: hidden; height: 100vh;  }
.content-banner-sec .video-wrap { position: relative; z-index: 1; }
.content-banner-sec .video-wrap:after { content: ""; position: absolute; height: 100%;  width: 100%;  left: 0; right: 0;  bottom: 0; top: 0; z-index: -1;  background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,59,179,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,59,179,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,59,179,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(100, rgba(0,59,179,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,59,179,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(0,59,179,0.2) 100%); }

.video-wrap video{ display: inline-block; width: 100%; background-size: cover;object-fit: cover; background-position: center bottom; min-height:  100%;  }
.banner-caption { position: absolute; left: 0; margin: 0 auto; z-index: 1; top: 41.2%;  margin-top: 5px; width: 913px; text-align: center; right: 0; margin: 0 auto; } 
.banner-caption h2 span { font-size: 8.1rem; color: #ffffff; font-weight: normal; line-height: 1.2; margin-bottom: 10px;text-shadow: 0px 1px 2px rgba(1, 2, 16, 0.9);  font-family: 'Playfair Display SC'; } 
.banner-caption h2 { margin-bottom: 8px; }
.banner-caption ul {background: #000057; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 3px 15px 3px 15px; justify-content: center; }
.banner-caption ul li { list-style: none; font-size: 2.7rem; color: #fff; text-transform: uppercase;font-family: 'Lato', sans-serif;font-weight: 700;  padding:0  18px; position: relative; letter-spacing: 4.8px; }
.banner-caption ul li:after { content: ""; position: absolute; right: 0px; top: 20px; height: 6px; width: 6px; border-radius: 50%; background: #fff; }
.banner-caption ul li:first-of-type { padding-left: 7px; }
.banner-caption ul li:last-of-type { padding-right: 0; margin-left: 0; }
.banner-caption ul li:last-of-type:after { display: none; } 
.banner-caption ul li a{ pointer-events: none;} 
/*.banner-caption ul li:hover, .banner-text ul li:focus { color: #923f22; }*/
/*************************** banner style starts here ***************************/

/*----------------------------- COMMERCIAL CONSTRUCTION style starts here ----------------------------- */
.wrapper { overflow: hidden; }
.commercial-wrap  { padding: 94px 0 0 0; position: relative; }
.commercial-wrap.residential-wrap { padding: 94px 0 0 0; position: relative; }
.commercial-construction-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;  flex-wrap: wrap; }
.commercial-text-block { width: 50%; padding: 40px 0 0 32px; }
.commercial-text-block h2 { margin-bottom: 10px; color: #923f22; }
.btn-paragraph-wrap  { padding: 55px 9px 0 85px; width: 82%; }
.commercial-text-block:after { position: absolute; content: ''; left: 0; top: -180px; bottom: 0; margin: auto; height: 3px; width: 0px; background-color: #dbdbe7; transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; }
.onView .commercial-text-block:after { width: 23%; }

.image-block { width: 47.2%; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;     padding: 238px 0; }
.image-block figure { margin: 0; }
.image-block:before { background: #f9f5f4;  height: 365px; width: 301px; position: absolute; left: -286px; top: 50%;content: ""; z-index: -1;
transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.sub-nav-parent  { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  -o-flex-wrap: wrap; flex-wrap: wrap; }   
.sub-nav--child { width: 25%; background: #f2f2f9; height: 182px; display: -webkit-flex;  display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; position: relative; text-align: center; } 
.sub-nav--child:before { content: ""; background: #923f22; height: 8px; width: 8px; border-radius: 50%; position: absolute; right: -4px; z-index: 1; }
.sub-nav--child:last-of-type:before { display: none; }
.sub-nav--child:after { background: url(../images/compass.png) no-repeat center; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; height: 178px; position: absolute; width: 178px; transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; opacity: 0; }

.sub-nav--child h3 { margin-bottom: 0; position: relative; padding-bottom: 0px; }
.sub-nav--child h3:after { content: "";  position: absolute; z-index: 1; left: 0; right: 100%; bottom: -24px; background: #000057; height: 3px;
-webkit-transition-property: right; transition-property: right;-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out; }
.sub-nav--child:hover h3:after { right: 0; }
.sub-nav--child:hover h3 { color: #923f22; }
.sub-nav--child:hover:after { opacity: 0.07; top: 0; left: 0; right: 0;  margin: 0 auto; }
.sub-nav--child:nth-child(odd) { background: #f2f2f9; }
.sub-nav--child:nth-child(2) { background: #f4ebe8; }
.sub-nav--child:last-of-type { background: #e5e5f3; }
.responsive-div { display: none; }

.residential-text { order: 2; text-align: right; width: 48.1%; }
.commercial-text-block.residential-text:after { left: auto; right: 0; top: -180px; }
.onView .commercial-text-block.residential-text:after { width: 22%; }
.residential-image { order: 1;  position: relative; margin-left: 51px;  width: 46.7%; }
.image-block.residential-image:before { right: -286px; left: auto; background: #f2f2f6; }
.residential-text .btn-paragraph-wrap { padding: 55px 9px 0 85px; width: 90%; }
.btn-paragraph-wrap p { margin-bottom: 20px; }
/*----------------------------- COMMERCIAL CONSTRUCTION END starts here ----------------------------- */

/*----------------------------- testimonials-sec starts here ----------------------------- */
.testimonials-sec { background-size: cover; background-position: center center; position: relative; z-index: 1;  padding: 90px 0 90px; }
.testimonials-sec:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(17,17,98,0.79); z-index: -1; }
.testimonials-block { width: 50.8%; }
.testimonials-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.testimonial-col { text-align: center; padding-top: 50px; padding-left: 60px; position: relative; padding-right: 60px; }
.testimonials span { display: block; text-align: center; color: #fff; font-size: 3.0rem; font-family: 'Lato', sans-serif;
font-weight: 400; letter-spacing: 16px; margin-top: 33px; }
.testimonial-col p { color: #fff; font-size: 2.0rem; font-family: 'Lato', sans-serif; font-weight: 400; padding: 0 0px 0 0px; }  
/*
.testimonial-col:before { content: ""; background: url(../images/left-quote.png) no-repeat center; height: 32px; width: 44px;position: absolute; left: 29px; top: -45px; }
.testimonial-col:after { content: ""; background: url(../images/right-quote.png) no-repeat center; height: 32px; width: 44px;position: absolute; right: 40px; bottom: -53px; }
*/
.testimonials { padding-right: 50px;text-align: center; } 

.testimonial-col .owl-nav {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  margin-top: -19px; }
.testimonial-col .owl-nav .fa { font-size: 4.8rem; color: #fff; }
.testimonial-col .owl-nav .owl-prev { position: absolute; left: 0; top: 0; transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; }
.testimonial-col .owl-nav .owl-prev:hover .fa { color: #923f22; transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; }
.testimonial-col .owl-nav .owl-next { position: absolute; right: 0; top: 0; transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; }
.testimonial-col .owl-nav .owl-next:hover .fa { color: #923f22; transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; -webkit-transition: all 0.7s ease-in-out 0s; }

.welcome-blue-horizon {  background: #fff; padding: 45px 30px 45px 30px; width: 96.8%; text-align: center; margin-left: -5px;height: 100%; }
.welcome-blue-horizon h1 { letter-spacing: 16px;  margin-bottom: 0; word-spacing: 8px; margin-right: -15px; }
.welcome-blue-horizon h2 { color: #000057;  line-height: 0.9; padding-bottom: 20px; position: relative; margin: 0 auto 24px; display: table; }
.welcome-blue-horizon h2:after { content: ""; border-bottom: 3px solid #000057;  left: 19px; right: 0; bottom: -5px; width: 0%;  position: absolute; transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s;  -webkit-transition: all 0.7s ease-in-out 0s; }
.testimonials-sec.onView .welcome-blue-horizon h2:after { width: 248px; }
.welcome-blue-horizon p { padding: 0 25px; margin-bottom: 17px; }
.expand-text { display: none; }
.read-more a.active .expand-text { display: block }
/*----------------------------- testimonials-sec end here ----------------------------- */

/*----------------------------- content-sec style page css start here ----------------------------- */
.content-sec { padding: 50px 0; text-align: center;}
.image.left  { width: 48%;  float: left;  padding: 10px 40px 20px 10px; }
.image.right  { width: 48%;  float: right;  padding: 10px 10px 20px 40px; }
.content-sec p {padding-bottom: 20px; }
/*----------------------------- content-sec style page css start here ----------------------------- */

/*----------------------------- footer start here ----------------------------- */
footer { background: #fff; padding: 50px 0; }
.address-block { background: #f2f2f9; padding: 23px 30px 26px; text-align: center; margin: 45px 0 0 0; max-width: 483px;}
.address-wrap { padding-left: 0; }
.address-block .tel { font-size: 2.3rem; color: #923f22; display: table;  margin: 0 auto; padding-bottom: 9px; position: relative; font-family: 'Lora', serif; margin-bottom: 9px; }
.address-block .tel:after { content: ""; position: absolute;  z-index: 1;  left: 23px; right: 100%; bottom: 0; background: #000057; height: 3px;
-webkit-transition-property: right;transition-property: right; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; }
.address-block .tel:hover:after { right: 23px; }
.address-block .tel span {display: inline-block; margin: 0 2px; height: 4px; width: 4px; background: #000057;  border-radius: 50%; }
.address-block .tel:hover { color: #000057; }
.address-block .tel:hover span { background: #923f22; }
.address-block .address { font-size: 1.8rem; color: #000057; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; margin: 8px 0 0 0; display: table; letter-spacing: 3px; line-height: 1.4; margin: 0 auto; position: relative; pointer-events: none;}
/*.address-block .address:hover { color: #923f22; }*/
.footer-logo { padding-left: 0; padding-right: 0; }
.footer-logo a { display: inline-block; }

.get-in-touch { padding-right: 0; padding-left: 100px; }
#form829 ul { margin: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
#form829 h2 { padding: 0;  margin-bottom: 0; font-size: 3.0rem; margin-bottom: 18px; text-align: center; color: #923f22; }
.hide { display: none; }
.desc { display: none; }
.notranslate { width: 47.5%; display: inline-block; position: relative; }
.notranslate span.error { text-align: left; width: 300px; display: inline-block; position: absolute; left: 0;bottom: 4px;; font-size: 1.6rem; font-weight: 400; color: #dc1e1d; font-family: 'Lato', sans-serif;  }
.notranslate:nth-child(3) { margin-right: 3.7%; }
.notranslate:first-of-type { margin-right: 3.7%; }
.notranslate, .buttons { list-style: none;  text-align: center; }
.notranslate div { position: relative; }
.notranslate input { height: 60px; background: #f2f2f9; color: #797979; font-size: 1.9rem; border: 1px solid #f5f5fa; margin-bottom: 25px; font-family: 'Lato', sans-serif; font-weight: 400; outline: 0 !important; padding: 0 15px 0 16px; }
.notranslate input:hover { background: #797979; color: #fff;  opacity: 1; }
.buttons div:before { content: ""; position: absolute; z-index: 1; left: 0;right: 100%;   bottom: 0;  background: #000057; height: 3px;  -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.buttons { display: flex; align-items: center; justify-content: center;  width: 100%; }
.buttons div { display: table; margin: 0 auto;  position: relative; }
.buttons div:hover:before { right: 0; }
.buttons div:focus:before { right: 0; }
/*----------------------------- footer end here ----------------------------- */
.testimonials ul {width: 100%; text-align: center; margin-bottom: 20px; margin-left: 0; }
.testimonials ul li {width: auto; padding: 0 10px; display: inline-block; }
.testimonials img {max-width: 180px; margin: 0 auto;}

.social-icon .android-fb, .social-icon .ios-fb, .social-icon .android-twitter, .social-icon .ios-twitter, .social-icon .mo-insta, .social-icon .mo-twitter { display: none; }
.social-icon ul {
    margin: 0;
    position: relative;
    display: flex !important;
    align-items: center;
}
.social-icon ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}
.social-icon ul li a {
    font-size: 2.6rem;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: block;
    text-align: center;
    color: #fff;
    line-height: 45px;
    position: relative;
    background: #000067;
    text-align: center; 
}
.social-icon ul li a img {
    width: 23px;
    display: inline-block;
    vertical-align: top;
    margin: 11px auto;
}
.social-icon ul li a:hover {background: #923f22;}
.social-icon ul li:last-child {margin-right: 0;}

.footer-media {text-align: center; padding-top: 30px;}
.footer-media ul {width: 100%; justify-content: center;}

/****************************************************************************   INTERIOR   ***********************************************************************************************/

.interior .anchor {
        padding-top: 125px;
        margin-top: -125px;
}
.interior .video-wrap{
	height: 75vh;
}
.interior .banner-caption{
    top: 33.2%;
}
.interior footer{
			 padding-top: 60px;
			     box-shadow: 0px 0px 3px #787878;
		 }
		.interior .content-sec{
			padding-bottom: 35px;
}
.interior h1 span{
	    color: #000057;
    line-height: 0.9;
    padding-bottom: 20px;
    position: relative;
    margin: 0 auto 24px;
    display: table;
	    font-size: 4.8rem;
    text-transform: uppercase;
    font-family: 'Playfair Display SC';
}
.interior h1 span:after{
	content: "";
    border-bottom: 3px solid #000057;
    left: 19px;
    right: 0;
    bottom: -5px;
    width: 89%;
    position: absolute;
    transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
}
.interior .content-sec ul, .interior .content-sec li{
	font-size: 2.0rem;
    color: #797979;
    line-height: 1.5;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
	list-style: none;
}
.interior .content-sec h3{
	text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: #923f22;
	font-size: 2.4rem;
	margin-top: 5px;

}

@media (max-width: 767px){
.interior .content-sec li{
    font-size: 1.6rem;
}
	.interior .content-sec h3 {
    font-size: 1.9rem;

}
	.interior footer{
		    padding-top: 50px;
		padding-bottom: 50px;
	}
	.interior .video-wrap{
	height: 68vh;
}
	.interior .banner-caption{
    top: 36.8%;
}
	.interior .anchor {

        padding-top: 90px;
        margin-top: -90px;

}
	.interior footer{
			     box-shadow: none;
		 }

}

		 .c-link{
			 color:#923f22;
		 }
		 .c-link:hover{
			 color:#000057;
		 }


.gal-buttons{
	padding-bottom: 30px;
}
.gal-buttons a{
  color: white;
    text-transform: uppercase;
    font-weight: 600;
    background-color: rgb(0, 0, 87, 0.7);
	margin: auto;
    margin-top: 20px;
    padding: 30px;
    width: 350px;
    border: 2px solid #fff;
	margin-left: 20px;
	margin-right: 20px;
	box-sizing: border-box;
	display: inline-block;
		}
		.gal-buttons a:hover, .gal-buttons a:active{
			    background-color: rgb(146,63,34, 0.8);
			color: #fff;
		}
.gallery-sec .col-6.col-md-3{
	padding-bottom: 30px;
}
.gal-btn{
    display: block;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    background-color: rgb(0, 0, 87, 0.7);
    margin: auto;
    margin-top: 20px;
    padding: 20px;
    max-width: 400px;
    border: 2px solid #fff;
}
.gal-btn:hover{
        background-color: rgb(146,63,34, 0.8);
    color: #fff;
}
hr.divider{
        border: 0;
    border-top: 2px solid #923f22;
    width: 255px;
    margin: 10px auto 40px;
}

footer .get-in-touch {text-align: center;}
footer .get-in-touch h2 {
    padding: 0;
    margin-bottom: 0;
    font-size: 3.0rem;
    margin-bottom: 18px;
    text-align: center;
    color: #923f22;
}
footer .get-in-touch iframe {height: 280px !important;}

@media(max-width:767px) {
    .gal-buttons {
        padding-bottom: 0px;
    }

    .gallery-sec .col-6.col-md-3 {
        padding-bottom: 10px;
    }

    .gal-buttons h1 {
        margin-bottom: 30px;
    }

    .gal-buttons a {
        display: block;
        margin: auto;
        width: 100%;
    }

    .gal-buttons a:first-of-type {
        margin-bottom: 20px;
    }

    .gallery-sec .col-6 {
        padding: 0px;
        padding: 10px;
    }

    .gallery-sec .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    
} 
@media(max-width:397px) {
footer .get-in-touch iframe {
        height: 440px !important;
    }