@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#555555; font-size:1.1em; line-height:1.75em;
}

@font-face{
	font-family:Linearicons;
	src:url(../fonts/linearicons/icomoon.eot);
	src:url(../fonts/linearicons/icomoon.eot?#iefix) format("embedded-opentype"),url(../fonts/linearicons/icomoon.woff) format("woff"),url(../fonts/linearicons/icomoon.ttf) format("truetype");
	font-weight:400;font-style:normal
}

* { box-sizing: border-box;}

h1, h2, h3, h4, h5 { font-family: 'Inter', sans-serif;}

section { margin:0; padding:0;}
p { margin-bottom:1.75em;}

a, a:visited { color:#4b4b4b;}
a:hover { color:#3781b5 !important; text-decoration:none;}

.clearing { clear:both;}

.img_right { float:right; padding:0 0 2em 2em;}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
	color:#707070;
}
.row {display:table-row;}
.cell {display:table-cell; padding:0.5em;}

ul.table { padding:0;}

.gridContainer img { max-width:100%; margin:0 auto;}
/*
.innerContainer { margin:0 auto; width:50%;}

.dt { margin-top: 50px; text-align: center; font-size: 2em; padding: 0 20px;}


.bottom-line-black { border-bottom:1px #000000 solid; width:5em; height:1px; margin:2em;}
.bottom-line-blue { border-bottom:1px #66CCFF solid; width:5em; height:1px; margin:2em;}*/
.line-divider { border-bottom:1px solid #e1e1e1;}

.mark { color:#F00; background:none;}
.error { color:#F00;}
.msg { /*color:#09F;*/}
.dispnon { display: none;}
.smallTxt { font-size:75%;}


.header { background:#0F3; margin-bottom:3em;}

#banner { position:relative; display:flex; padding:8em 0 6em 0; font-size:2em; min-height:17em;}
#banner::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; /*background-color: rgba(0,0,0,0.35);*/}
#home #banner { background: url(../img/banner-home.jpg) no-repeat; background-size:cover; background-position:center;}
#banner h1 { position: relative; color: #555555;  text-align: left; width:33%; padding-left:10%;}
#banner h1 span { font-size:1.15em; font-weight:700;}

.content { padding:4em 0;}
.content h1 { color:#000; text-align:left;}
.content h2 { margin:1em 0; font-size:1.8em;}

.topContent h1 { margin:1.5em 0 1em; color:#555;}

#home .content { text-align:center;}
#home .content h2 { color:#b0a77e; font-size:2.4em;}


.passportCat { background: #f9f9f9; padding-top: 2em;}
.passportCat h3 { font-weight: 600;}
#passportList { margin:2em 0; padding:0;}
#passportList li { margin:0 1em; padding:0; list-style:none; display:inline-block; color:#464646; font-size:1.3em;}
#passportList li img { max-height:180px; margin-bottom:1em;}

.maidSlider { margin:2em auto;}
.slick-slide { margin: 0px 10px;}
.slick-slide img { width: 100%;}
.slick-prev:before, .slick-next:before { color: #b1a87e;}

#homeListCont { margin-top: 4em;}
#homeListCont.content { padding: 0;}

#homeList { margin:0; padding:0; width: 100%;}
#homeList li { 
	margin:0 !important; padding:1em 0; list-style:none; display:inline-block; color:#b1a87e; font-size:1.6em; font-weight:300; text-transform:uppercase;
	background:#291849; width: 33%;
}
#homeList li img { margin-right:0.25em; max-height: 35px;}
#homeList li:nth-child(2) img { max-height:120px;}
#homeList li:nth-child(2) { 
	color:#fff; font-weight:600; padding:0; /*background:#b1a87e/*#9a2929*;*/background: url(../img/bg-gold.png) no-repeat transparent 0 center;
	background-size:100% 77%;
}

#homeIntro {padding-left:8%; padding-right:8%; line-height:2em; padding-top:5em;}
#homeIntro img { max-height:400px;}

#servicesList { margin:1em 0 0 0; padding:0;}
#servicesList li { clear:both; margin:0 0 2em 0; padding:0; list-style:none; line-height:1.5em;}
#servicesList li img { max-width:60px; float:left; display:inline-block; margin:0 2em 2em 0;}

.cbp-ntaccordion h3 { /*font-size:1.5em !important;*/ border-bottom: 1px solid #b19da8; color:#3781b5; font-weight:400;}
.cbp-ntaccordion .cbp-ntcontent p { font-weight:400;}
.cbp-ntaccordion .cbp-ntcontent .basicList { margin-bottom:1.5em; padding-left:1em;}
.cbp-ntaccordion > li > .cbp-nttrigger:before { font-family:Linearicons; content:"\e772"; color:#3781b5;}
.cbp-ntaccordion > li > .cbp-nttrigger:hover:before { content:"\e772";}
.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger { color:#b25a00;}
.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
	content:"\e773"; color:#b25a00;
}

#gfaq { background:#f7f8f2;}

#galleryContainer { text-align:center;}
#galleryList { margin:4em 0 2em; padding:0;}
#galleryList li { margin:0; padding:0 2%; width:45%; list-style:none; display:inline-block;}

#contactMain .container21 { background:#fcfcfd; padding:2em;}
#contactMain .container22 { padding:2em 0;}

#contactMain .container21 h3, #contactUs .container22 h3 { margin-bottom:1em; /*color:#000;*/}
#contactMain .container22 a { color:#3781b5;}
#contactMain .container22 a:hover { color:#b0a77e !important;}

#whatsappBox { background:#f0f0f0; text-align:center; margin:2em 0; padding:0.75em 1em; font-size:1.5em; font-weight:400;}
#whatsappBox img { max-height:70px; margin-right:1em;}

#addressBox { text-align:center;}

#mapContainer { background:#f4f5f6;}
.map-responsive{ overflow:hidden; padding-bottom:36.25%; position:relative; height:0;}
.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute;}

.mailform p { margin:0; margin-bottom:0.5em; padding-left:1.3em;}
.mailform span { background:none; font-size:0.75em;}
.mailform #formTbl { border-collapse:separate; /*border-spacing:0.15em;*/}
.mailform #formTbl .cell { padding:5px 0; vertical-align:top !important;}
.mailform #formTbl .cell:nth-child(odd) { width:15px; padding:0;}
.mailform input[type=text],.mailform input[type=tel],.mailform input[type=email], .mailform textarea, .mailform select { 
	width:95%; border:1px solid #c2c2c2; padding:5px 10px; color:#707070;
}
/*
.buttons { margin:7px 0 0 12px;}
.buttons .btn { 
	color:#c88d27; border:2px solid #c88d27; border-radius:0.5em; text-transform:uppercase; font-size:1em; padding:0.5em 1.2em; margin-right:0.5em;
}
.buttons .btn:hover { background:#c88d27; color:#fff;}
*/
.buttons .btn { 
	color:#fff; background:#a7a178; border-radius:0.25em; border:1px solid #a7a178; font-size:0.9em; padding:0.35em 3em; margin-right:0.5em;
}
.buttons .btn:hover { background:#fff; color:#a7a178;}

.footer { color:#707070;  width:100%; padding:3em 0 4em 0; background:#ece9e2; font-size:0.8em;}
.footer .container21 { width:50%; }
.footer .container21 h2 { float:left; margin-right:3em; color:#000; font-weight:600; font-size:1.6em;}

.footer .navBottom { margin:0; padding:0; float:left;}
.footer .navBottom li { margin:0; padding:0.35em 0; list-style:none; line-height:1.5em;}
.footer .navBottom li a { color:#4b4b4b;}

.footer .container22 { width:45%; text-align:right;}

#floatWhatsapp {
    width: 63px;
    height: 70px;
    text-indent: -9999px;
    background:url(../img/skyfu-maid.png) no-repeat;
	background-size:63px 70px;
    overflow: hidden;
    position: fixed;
    right: 15%;
    bottom: 20px;
}

#to-top {opacity: 0.3;border-radius: 50% 50% 50% 50%;}
#to-top {
    width: 40px;
    height: 40px;
    text-align: left;
    text-indent: -9999px;
    background: url(../img/sprite.png) no-repeat scroll -120px -50px transparent;
    overflow: hidden;
    display: none;
    position: fixed;
	right: 11.5%;/*
    right: 20px;*/
    bottom: 20px;
}

#to-top:hover {opacity: 1;}

@media only screen and ( max-width: 90em ) /* 1440 */
{
}

@media only screen and ( max-width: 86em ) /* 1376 */
{
#homeList li { /*margin:0 0.5em;*/}
}

@media only screen and ( max-width: 80em ) /* 1280 */
{
#banner { padding:6em 0 5em 0; min-height:15em;}

#homeList li {font-size:1.4em;}
/*
#homeList li:nth-child(2) { padding:0.9em 1em 1.05em 0.8em;}*/
#homeList li:nth-child(2) img { margin-right:0; max-height:110px;}

#homeIntro {padding-left:0; padding-right:0;}

#servicesList li { /*margin-bottom:2em;*/}

.footer .container21 { width:55%;}
.footer .container22 { width:40%;}
}

@media only screen and ( max-width: 64em ) /* 1024 */
{
.content { padding:2em 0;}

#banner h1 span { font-size:1em; font-weight:600;}

#home .content h2 { font-size:2em;}
#passportList li { margin:0 1em;}

#homeList li { /*margin:0 0.25em;*/ font-size:1.2em;}
#homeList li img { /*max-height:50px;*/}/*
#homeList li:nth-child(2) { padding:1em 0.5em 1.2em 0.4em;}*/
#homeList li:nth-child(2) img { max-height:100px;}

#homeIntro img { max-height:300px;}

.buttons .btn { min-width:150px; margin-bottom:0.5em;}

.footer .container21 { width:40%;}
.footer .container22 { width:55%;}

#to-top { right:10%;}

@media only screen and ( max-width: 62em ) /* 992 */
{
#passportList li { margin:0 0.5em;}

#homeList li {font-size:0.95em;}
/*
#homeList li:nth-child(2) { padding:1em 0.25em 1.2em 0.2em;}*/
#homeList li:nth-child(2) img { max-height:90px;}

#contactMain .container21 { margin-bottom:2em;}

#mapContainer { padding:3em 0;}
.map-responsive { padding-bottom:66.25%;}

.footer .container21 { float:left;}
.footer .container22 { float:right;}
.footer .container21 h2 { float:none; margin-right:0;}
.footer .navBottom { float:none; margin:2em 0;}
}

@media screen and (max-width: 56em) /* 896 */
{
#banner h1 span { font-size:0.85em;}

#passportList li { margin:0 2em;}
#passportList li img { max-height:150px;}

#homeList li img { /*max-height:40px;*/}
#homeList li:nth-child(2) img { max-height:88px;}

.footer .container21 { width:55%;}
.footer .container22 { width:40%;}
}

@media screen and (max-width: 51em) /* 816 */
{
#banner { padding:4em 0 3em 0; min-height:10em;}
#banner::before { background-color: rgba(255,255,255,0.5);}
#banner h1 { width:90%; margin:0 auto; padding:0; text-align:center; }
#banner h1 span { font-size:1em;}

#home .content h2 { line-height:normal;}

#homeList li { /*margin:1em 0; display:block; font-size:1.5em;*/ width: 100%;}
#homeList li img { /*max-height:60px;*/}/*
#homeList li:nth-child(2) { padding:0; display:block; background: url(../img/bg-gold.png) no-repeat transparent 0 0.4em; background-size:100% 75%;}
#homeList li:nth-child(2) img { max-height:80px;}*/

.buttons .btn { min-width:inherit; margin-bottom:0;}

#contactMain .container21 { padding:2em 1em; margin-bottom:2em;}

.map-responsive { padding-bottom:76.25%;}

.footer .container21, .footer .container22 { width:100%; padding:0; text-align:left;}
.footer .container21 h2 { float:none; margin-right:0;}
.footer .container22 { font-size:0.9em;}
.footer .navBottom { float:none; margin:2em 0;}

#floatWhatsapp { right:9%;}
#to-top { right:20px;}
}

@media screen and (max-width: 42em) /* 672 */
{
#passportList li { margin:0 1.15em;}
}

@media screen and (max-width: 40em) /* 640 */
{
.content { padding-top:1em;}
.topContent h1 { margin-top:1.5em;}

#passportList li img {margin-bottom:0.5em;}

.maidSlider { width:80%;}

.cbp-ntaccordion { padding:0 !important;}
.cbp-ntaccordion h3 { font-size:1.65em !important;}
.cbp-ntaccordion .cbp-ntcontent { font-size:1.25em;}
.cbp-ntaccordion .cbp-ntcontent .basicList { line-height:normal;}
	
#galleryList { margin:2em 0 0;}
#galleryList li { padding:1em 0; width:100%; display:block;}	

#contactMain .container22 { padding-bottom:0;}
#contactMain .container21 h3, #contactUs .container22 h3 { font-size:1.4em;}

#whatsappBox { font-size:1.25em;}
#whatsappBox img { max-height:60px; margin-right:0.5em;}

#addressBox { font-size:0.9em;}

#floatWhatsapp { right:17%;}
#to-top { right:20px;}
}

@media screen and (max-width: 35.5em) /* 568 */
{
#passportList li { margin:0 1em; font-size:1em;}
}

@media screen and (max-width: 30em) /* 480 */
{
#home .content h2 { font-size:1.9em; line-height:1.5em;}
/*
#homeList li:nth-child(2) { padding:0.85em 2.2em 1.05em 2em;}*/

#homeIntro img { float:none; padding:0;}

.buttons .btn { min-width:none; padding:0.35em 1.5em;}
}

@media screen and (max-width: 26em) /* 416 */
{
#passportList li { margin:0 0.5em; font-size:0.9em;}
}

@media screen and (max-width: 23.5em) /* 376 */
{
#banner { padding:3em 0 2em 0; min-height:8em;}
#banner h1 span { font-size:0.9em;}

#home .content h2 { font-size:1.75em; line-height:1.35em;}

#homeList li { font-size:1.25em;}
#homeList li img { /*max-height:50px;*/}

#floatWhatsapp { right:20%;}
}

@media screen and (max-width: 22.5em) /* 360 */
{
#passportList li { font-size:1.15em;}
#passportList li img { max-height:130px;}
}

@media screen and (max-width: 20em) /* 320 */
{
#banner h1 span { font-size:0.8em;}

#home .content h2 { font-size:1.5em;}

#homeList li { font-size:1.15em;}
#homeList li img { /*max-height:40px;*/}

#contactMain .container21 h3 { margin-left:0.5em; margin-right:0.5em; line-height:normal;}
.buttons .btn { width:95%; padding:0.35em auto; margin-bottom:0.5em;}

#whatsappBox { font-size:1em;}
#whatsappBox img { max-height:50px;}

#floatWhatsapp { right:22%;}
}