@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Muli:400,300italic,300,400italic);
@import url(https://fonts.googleapis.com/css?family=Grand+Hotel&subset=latin-ext);
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { display: block; height: auto; max-width: 100%; }
* { outline:0px; padding:0px; margin:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
:before, :after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
ol, ul { padding:0; margin:0; }
strong, b { font-weight:500 }
a { text-decoration:none; transition: all 200ms ease 0s; }
a:hover { text-decoration:none; }
.clear-right { margin:0 !important; }
.clear { clear:both; }
.ft-left { float:left; }
.ft-right { float:right; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

h1, h2, h3, h4 { font-family:'Cinzel', Arial, Helvetica, sans-serif; font-weight:400; margin:0 0 10px; color:#332f28 }
h5, h6 { font-family:'Questrial', Arial, Helvetica, sans-serif; font-weight:400; margin:0 }
h1 { color:#986f0d }
p { font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; font-weight:400; margin:0 0 15px; color:#333; }
p a { color:#000; text-decoration:underline }
p a:hover { color:#21c8c7; text-decoration:underline }
p span { color:#986f0d }
body { margin:0px; background:url(../images/body2.jpg) repeat center center; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; font-weight:400; color:#333; }
.layout { width:100%; float:left; overflow:hidden; position:relative; }
.audio { height:0; }
/***********/
.top-bar { background: #f1f2f6; line-height: 1; padding:0px 0; }
.top-bar p { display: inline-block; margin: 0; }
.top-bar a:hover { color: #986f0d; }
.top-bar p { margin: 12px 0; }
.top-bar .social-media { float:right; margin:0; padding:20px 0; }
.top-bar .social-media a { width: 30px; height: 30px; line-height: 30px; font-size: 18px; display: inline-block; text-align: center; color:#555; border-radius:90%; margin:0 0 0 3px; }
.top-bar .social-media a.facebook:hover { background:#3b5998; color:#fff }
.top-bar .social-media a.twitter:hover { background:#1da1f2; color:#fff }
.top-bar .social-media a.linkedin:hover { background:#007ab9; color:#fff }
.top-bar .social-media a.youtube:hover { background:#da2723; color:#fff }
.top-bar .social-media a.google:hover { background:#f63e28; color:#fff }
.top-bar .social-media a.snapchat:hover { background:#ffc91b; color:#fff }
.top-bar .data-info { float:left; text-align:left; }
.top-bar a { color: #333; font-size:15px; vertical-align: middle; line-height:30px; }
/**********/

.header { float:left; width:100%; min-height:90px; margin:0; background:#000; position:relative; z-index:999; }
.header .logo { float:left; width:auto; padding:5px 0 0; }
.header .logo img { height:80px; }
.mobile-header{float:left; width:100%; min-height:70px; margin:0; background:#000; position:relative; z-index:999; display:none}
.mobile-header.sticky{position:fixed; top:0; left:0}

.sticky-wrapper { width:100%; float:left; }
.slider { background: url(../images/form-bg-3.jpg) no-repeat center center; padding:100px 0; width:100%; float:left; }
.slider .col-sm-8.pull-right{ text-align:center}
.slider .col-sm-8 img{display:inline}
.slider img.mobile-view{display:none}
.slider h3 { font-size:30px; line-height:36px; font-weight: 400; color: #fff; }
.slider hr { border-top: 1px dotted #363636; }
.slider .leftcol { float:left; width:100%; margin-top:5em; }
.slider .leftcol ul { list-style:none; padding:0; margin:0; }
.slider .leftcol ul li { font-size:20px; font-weight:300; color:#fff; margin:0 0 10px; }
.slider .leftcol ul li a { color:#fff; }
.slider .leftcol ul li a:hover { color:#986f0d }
.nav { padding:0px; width:auto; float:right; margin:0px; line-height:90px; padding:0; }
.nav ul { width: 100%; margin:0; padding:0; list-style: none }
.nav ul li { display:inline-block; position: relative; float:left; transition: all 200ms ease 0s; }
.nav ul a { font-size:15px; color:#b5af9d; display:block; font-weight:400; padding:0px 15px; transition:line-height 0.5s ease 0s; text-transform:uppercase; }
.nav ul li:last-child a { /*padding-right:0*/ }
.nav ul li:hover > a { background:#222; color: #b5af9d; }
.nav ul li.active > a { background:#111; color: #fff; }
.nav ul li:hover > ul { display: block; margin-top:0; transition: margin 200ms ease 0s; opacity:1; visibility:visible }
.nav ul ul { background:#222; list-style: none; margin-top:30px; padding:0px; position: absolute; top:100%; width:13em; left: 0; z-index: 99999; opacity:0; visibility:hidden }
.nav ul ul li { float: none; margin: 0; padding: 0; display: block; transition: all 200ms ease 0s; line-height:32px; border-bottom:1px solid #313131 }
.nav ul ul li:first-child a { }
.nav ul ul a { padding:10px; font-size:14px; color:#fff; width:auto; height: auto; line-height: 1; display: block; white-space: nowrap; float: none; text-transform: none; text-transform:capitalize; text-shadow: inherit; border-right:none; border-left:none; text-align:left; }
.nav ul ul li:last-child a { }
.nav ul ul a:hover { background:#333; color: #fff; }
.nav ul ul li.active a { font-weight:400; background:#000; color: #fff; }
.about-sai { float:left; width:100%; padding:3em 0; text-align:center }
.about-sai h1 { line-height:46px; margin:0 0 20px; }
.about-sai p { font-size:22px; line-height:35px; font-weight:300 }

/***********Inner Page*************/
.slider.inner-banner{padding:20px 0}
.inner-page { float: left; margin: 0; position: relative; width: 100%; padding:60px 0 40px; }
.inner-page .title { float:left; width:100%; padding:0 0 10px; margin:0 0 20px; border-bottom:1px solid #bfbfbf; }
.inner-page .col-sm-8.left { width:70% }
.inner-page .col-sm-4.right { width:30% }
.left-col { padding-left:0; }
.left-col .action { float:left; width:100% }
.left-col .action a { background:#0080bf; width:auto; padding:0 20px; line-height:46px; text-align:center; font-size:15px; color:#fff; text-transform:uppercase; }
.left-col .banner { width:100%; float:left; margin:0 0 20px;  }
.left-col .banner img { width:100%; float:left; background:#fff; padding:5px; border:1px solid #ccc; }
.left-col ul { padding-left:20px; }
.left-col ul li { font-size:15px; color:#000; }
.left-col ul li a { color:#000; text-decoration:underline }
.left-col ul li a:hover { color:#21c8c7; }
.left-col h3 a{}
.left-col h3 a:hover{ text-decoration:underline}
.left-col iframe{ width:100%; height:250px; margin:0 0 20px}

.action-button{ float:left; width:100%; text-align:center; margin:30px 0 0}
.action-button a{ display:inline-block; padding:8px 20px; background:#986f0d; border-radius:5px; color:#fff; margin:0 10px 10px;}
.action-button a:hover{ background:#333}


.col-sm-8.img-left{width:63%; margin-bottom:20px; float:left;}
.col-sm-4.img-right{ width:37%; margin-bottom:20px; float:left;}
/*****About*****/
/* Isotope */
.portfolio-content{ float:left; width:100%}
.image-block { z-index: 2; width: 33.33%; float:left; padding:2px; /*height:400px*/}
.image-block img { width:100% }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; transition: none; }
.element { overflow: hidden; position: relative; }
#html5-watermark, #html5-social { display:none !important; visibility:hidden; opacity:0 }

/*********/
.right-col { width:100%; max-width:315px; float:right }
.right-col .contact-form { background:#fff; float:right; width:100%; padding:25px 20px; border:2px solid #dedede; border-radius:3px; }
.right-col .contact-form h1 { font-family:'Cinzel', Arial, Helvetica, sans-serif; font-size:25px; text-align:center; font-weight:400; text-transform:uppercase; color:#000; margin:0 0 25px; position:relative; padding-bottom:18px; }
.right-col .contact-form h1:before { position:absolute; height:2px; width:190px; background:#000; content:""; left:50%; margin-left:-95px; bottom:0 }
.right-col .contact-form p { color:#fff; margin:0 }
.right-col .contact-form .form-row { float:left; width:100%; margin:0 0 10px; }
.right-col .contact-form .form-row input { float:left; width:100%; height:37px; background:#fff; border:1px solid #dedede; font-size:14px; color:#333; font-weight:300; padding:5px 8px }
.right-col .contact-form .form-row .select-box { position:relative; top:0; left:0; }
.right-col .contact-form .form-row .select-box select { padding:5px 5px; margin: 0; background: #fff; color:#333; border:1px solid #dedede; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; height:37px; width:100%; font-size:14px; font-weight:300;}
.right-col .contact-form .form-row .select-box label { position:relative; width:100%; font-size:16px; color:#868686; font-weight:400; margin:0; }
.right-col .contact-form .form-row .select-box label:before { content:''; right:1px; top:1px; width:35px; height:35px; background: url(../images/select_button.png) no-repeat; position:absolute; pointer-events:none; display:block; }
.right-col .contact-form .form-row textarea { float:left; width:100%; height:100px; background:#fff; border:1px solid #dedede; font-size:14px; color:#333;font-weight:300; padding:5px 8px }
.right-col .contact-form .button-row { float:left; width:100%; margin:0; }
.right-col .contact-form .button-row input { float:left; width:93px; height:36px; background:#000; border:none; font-size:17px; color:#fff; text-align:center; font-weight:400; text-transform:uppercase; padding:5px; transition: all 200ms ease 0s; }
.right-col .contact-form .button-row input:hover { background:#0080bf; }

.width50{width:50%; float:left; padding-right:1}


.imageGallery1 { overflow: hidden; margin:0px; }
.imageGallery1 > a { float: left; width: 33.3333%; padding: 1px; box-sizing: border-box; position: relative; }
.imageGallery1 > a:first-child { left: -1px; }
.imageGallery1 > a:last-child { right: -1px; }
.imageGallery1 > a > img { display: block; width: 100%; }
/*****Contact Page*******/
.contact-info { float:left; width:100% }
.contact-info .contact-detail { float:left; width:50%; background:#00c8c8; text-align:center; min-height:515px; position:relative }
.contact-info .contact-detail .remax-logo { float:left; width:100%; margin:0 0 20px; text-align:center }
.contact-info .contact-detail .remax-logo img { display:inline }
.contact-info .contact-detail .contactus { position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%) }
.contact-info .contact-detail p { font-size:20px; color:#000; margin:0 0 20px; }
.contact-info .contact-detail p a { font-size:20px; color:#000 }
.contact-info .contact-detail p a:hover { text-decoration:underline }
.contact-info .contact-detail h4 { font-size:20px; color:#000; position:relative; padding:10px 0 0 }
.contact-info .contact-detail h4:after { position:absolute; width:200px; height:1px; left:50%; top:0; margin-left:-100px; background:#000; content:""; }
.contact-info .contact-detail .social-media a { opacity:1 }
.contact-info .google-map { float:left; width:50%; position:relative }
.contact-info .google-map iframe { float:left; width:100% }
.greenarrow { position:absolute; height:44px; width:21px; left:0; top:50%; margin-top:-22px; }
/* ======================================================================================= */	
.testimonial-section {
    position: relative;
    color: #ffffff;
    background: url(../images/testimonial-bg.jpg) center center no-repeat;
	background-size:cover;
    background-attachment: fixed;
    padding: 60px 0 100px;
	float:left; width:100%;
}
.testimonial-section .icon-box {
    position: relative;
    width: 64px;
    height: 64px;
    line-height: 60px;
    font-size: 24px;
    color: #ffffff;
    border: 2px solid #ffffff;
    text-align: center;
    margin: 0 auto 40px;
    border-radius: 50%;
}
.testimonial-section .icon-box:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 100%;
    margin-top: 10px;
    border-right: 2px solid #ffffff;
    height: 40px;
}

.testimonial-section .oval-cut {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 64px;
    background: url(../images/curve-two.png) center top no-repeat;
    z-index: 2;
}

.testimonial-section .text-content{padding:30px 50px 10px; float:left; width:100%; position:relative}


.testimonial-section .text-content:before {
    font-family: 'FontAwesome';
    content: "\f10d";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    line-height: 1em;
    font-size: 44px;
    font-weight: normal;
    color: rgba(255,255,255,0.10);
}

.testimonial-section .text-content:after {
    font-family: 'FontAwesome';
    content: "\f10e";
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
    line-height: 1em;
    font-size: 44px;
    font-weight: normal;
    color: rgba(255,255,255,0.10);
}
.testimonial-section .section-title{margin-bottom:40px;}
.testimonial-section .section-title h2:before{background:url(../images/heading-white-brd.png) no-repeat center bottom;}
.testimonial-section h2 { color:#fff; }
.testimonial-section p { color:#fff; }
.testimonial-section .owl-carousel .owl-item { width:100%; float:left; text-align:center }
.testimonial-section .owl-carousel .owl-item p {font-weight:400; margin:0 0 10px; font-family: 'Droid Serif', Arial, Helvetica, sans-serif;font-style:italic }
.testimonial-section .clientphoto {width:50%; float:left; height:100px; padding-right:10px; margin-top:15px; display:none }
.testimonial-section .clientphoto img {width:90px;  border-radius:90%; display:inline; float:right; }
.testimonial-section .byclient{float:left; width:100%; padding-left:0px; text-align:center; margin-top:15px;}
.testimonial-section .owl-carousel .owl-item .byclient p{ font-family: 'Grand Hotel', Arial, Helvetica, sans-serif; font-size:30px; line-height:32px;  font-weight:400; color:#fff; font-style:normal; margin:15px 0 0}
.testimonial-section .owl-carousel .owl-item .byclient span{font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:500; font-size:16px; color:#fff; text-transform:uppercase}
.testimonial-section .owl-pagination { }
.testimonial-section .owl-theme .owl-controls { margin:60px 0 0; }
.testimonial-section .owl-theme .owl-controls .owl-page span{background:#fff; margin:3px;}
.testimonial-section .owl-theme .owl-controls .owl-buttons {display:none }
/****************************/
/*         Footer           */
/****************************/
footer { padding:0px 0 0; float:left; width:100%; background:#000; }
.footer-logo{float:left; width:100%; text-align:center; margin-bottom:30px;}
.footer-logo img{ display:inline; width:180px;}
footer p { color:#fff }
footer p.text-right { font-size:13px; }
footer form { text-align:center }
footer form input[type="text"], footer form input[type="email"] { float:left; width:100%; background:#111; border:1px solid #222; padding:0 5px; font-size:13px; color:#555; height:30px; margin-bottom:5px; text-align:left }
footer form textarea { float:left; width:100%; background:#111; border:1px solid #222; padding:0 5px; font-size:13px; color:#555; height:60px; margin-bottom:10px; text-align:left }
footer form input[type="submit"] { background:#111; border:1px solid #222; padding:3px 0; width:80px; font-size:13px; font-weight:500; color:#fff; text-transform:uppercase; }
footer form input[type="submit"]:hover { background:#333; }
.socialmedia { float:right; }
.social-media { list-style:none; padding:0; margin:0px 0 0 }
.social-media li { display:inline-block; padding-right:0; margin-right:1px; width:32px; height:32px; }
.social-media li a { text-decoration:none; font-size:16px; color:#b5af9d; width:32px; height:32px; line-height:30px; display:block; background:#000; border-radius:90%; text-align:center }
.social-media a.facebook:hover { background:#3b5998; color:#fff }
.social-media a.twitter:hover { background:#1da1f2; color:#fff }
.social-media a.linkedin:hover { background:#007ab9; color:#fff }
.social-media a.youtube:hover { background:#da2723; color:#fff }
.social-media a.google:hover { background:#f63e28; color:#fff }
.social-media a.snapchat:hover { background:#ffc91b; color:#fff }
.social-media a.instagram:hover { background:#6a453b; color:#fff }

.footer-container { background: #fafafa; border-top: 1px solid #d2d1d1; padding: 40px 0 32px; }
.footer {float:left; width:100%;  position:relative; font-size: 13px; }
.footer-cols-wrapper { position:relative; overflow:hidden; }
.footer h4 { border-bottom:double #222; font-size:20px; line-height:19px; color:#fff; text-transform:uppercase; position:relative; margin-bottom:12px; padding-bottom:10px; }
.footer h4 small { font-size:20px; color:#333; background:#fff; padding:0 5px 0 0; }
.footer ul li { padding:0 0 3px 0; display: block; }
.footer ul li a { display:inline-block; font-size: 13px; font-weight: 400; color:#f1f1f1; text-decoration:none; }
.footer ul li a:hover { color:#986f0d; }
.footer-container .bottom-container { text-align:center; }
.footer-col { float:left; margin-right:2.6%; width:23%; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.footer-col.last { margin-right:0; }
.footer-col .contactdetail { }
.footer-col .contactdetail h5 { font-family:'Cinzel', Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; color:#fff; margin-bottom:5px; }
.footer-col .contactdetail ol { list-style:none; padding:0; margin:0 }
.footer-col .contactdetail ol li { margin:0 0 8px; font-size: 13px; font-weight: 400; color:#f1f1f1; padding-left:25px; position:relative }
.footer-col .contactdetail ol li a { color:#f1f1f1; }
.footer-col .contactdetail ol li a:hover { color:#986f0d; }
.footer-col .contactdetail .fa { font-size:16px; position:absolute; left:0; top:3px; width:18px; text-align:center }

.footer-col .footer-col-content ul{}
.footer-col .footer-col-content ul li{ font-size:14px; color:#f1f1f1; text-transform:uppercase}
.footer-col .footer-col-content ul li .flag{float:left; width:24px; margin:0 5px 0 0}
.footerbottom { background:#000; padding:15px 0; margin:30px 0 0; border-top:1px solid #111; }
.footerbottom .copyright { font-size:12px; color:#f1f1f1; }
.footerbottom .cartlogo { float:right; }
/* ======================================================================================= */

.scrollToTop { bottom:50%; display: none; opacity: 0.8; position: fixed; right:0px; width: 30px; height:58px; margin-bottom:-29px; z-index:999; }
/*********/
#music_toggle { position:fixed; bottom:50px; right:50px; width:50px; height:50px; border-radius:25px; background:#404040; display:flex; justify-content:center; align-items:center; z-index:999;}
#music_toggle>div { display:flex; padding-bottom:3px; width:20px; height:21px; align-items:flex-end }
#music_toggle span { display:inline-flex; margin:0 1px; width:2px; height:7px; background:#fff }
#music_toggle.on span:nth-child(1) {
-moz-animation:music-bar 2s 1s ease-out alternate infinite;
-webkit-animation:music-bar 2s 1s ease-out alternate infinite;
animation:music-bar 2s 1s ease-out alternate infinite
}
#music_toggle.on span:nth-child(2) {
-moz-animation:music-bar 2s 0.5s ease-out alternate infinite;
-webkit-animation:music-bar 2s 0.5s ease-out alternate infinite;
animation:music-bar 2s 0.5s ease-out alternate infinite
}
#music_toggle.on span:nth-child(3) {
-moz-animation:music-bar 2s 1.5s ease-out alternate infinite;
-webkit-animation:music-bar 2s 1.5s ease-out alternate infinite;
animation:music-bar 2s 1.5s ease-out alternate infinite
}
#music_toggle.on span:nth-child(4) {
-moz-animation:music-bar 2s 0.25s ease-out alternate infinite;
-webkit-animation:music-bar 2s 0.25s ease-out alternate infinite;
animation:music-bar 2s 0.25s ease-out alternate infinite
}
#music_toggle.on span:nth-child(5) {
-moz-animation:music-bar 2s 0.75s ease-out alternate infinite;
-webkit-animation:music-bar 2s 0.75s ease-out alternate infinite;
animation:music-bar 2s 0.75s ease-out alternate infinite
}
#music_toggle.on.play span { display:inline-flex; margin:0 1px; width:2px; height:7px; background:#fff }
#music_toggle:hover, #music_toggle.on { background:#986f0d }
@-moz-keyframes music-bar { 0% {
height:6px
}
10% {
height:10px
}
20% {
height:6px
}
30% {
height:14px
}
40% {
height:18px
}
50% {
height:6px
}
60% {
height:16px
}
70% {
height:10px
}
80% {
height:12px
}
90% {
height:4px
}
100% {
height:18px
}
}
@-webkit-keyframes music-bar { 0% {
height:6px
}
10% {
height:10px
}
20% {
height:6px
}
30% {
height:14px
}
40% {
height:18px
}
50% {
height:6px
}
60% {
height:16px
}
70% {
height:10px
}
80% {
height:12px
}
90% {
height:4px
}
100% {
height:18px
}
}
@keyframes music-bar { 0% {
height:6px
}
10% {
height:10px
}
20% {
height:6px
}
30% {
height:14px
}
40% {
height:18px
}
50% {
height:6px
}
60% {
height:16px
}
70% {
height:10px
}
80% {
height:12px
}
90% {
height:4px
}
100% {
height:18px
}
}

label.error {
    color: red;
    font-size: 12px;
    font-weight: inherit;float:left;    width: 100%;
    text-align: left;
}