@charset "utf-8";

/* CSS Document */

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 300;

  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 300;

  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXExNcqx07xvyppV96iFRdwiM.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

html, body {

    height: 100%;

	width:100%;

    font-size: 16px;

    color: #f5f5f5;

    font-family: "Roboto", sans-serif;

    vertical-align: baseline;

	padding:0;

	margin:0;

	overflow: auto;

	-webkit-text-size-adjust: auto;

}

::-webkit-scrollbar {width: 5px;}

::-webkit-scrollbar-track {

    background-color: #ebebeb;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: #222; 

}

ul,label{

	margin:0;

	padding:0;

}

body a {

	text-decoration:none;

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

a:active,a:hover,a:focus {outline: none; text-decoration: none;}

.container-fluid{

	width:100%;

	padding-left:0px;

	padding-right:0px;

	margin-left:0px;

	margin-right:0px;

}

button:focus {outline: none;}

:before,

:after {

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



/***********============================================== hedaer =====================================================***********/

@media only screen and (max-width: 600px) {.navigation{padding:0px 0px;} .navigation header{padding:10px 0px;} .navigation .logo img{width: 80%; height: 80%;}}

@media only screen and (min-width: 600px) {.navigation{padding:0px 0px;} .navigation header{padding:10px 0px;} .navigation .logo img{width: 80%; height: 80%;}}

@media only screen and (min-width: 768px) {.navigation{padding:0px 0px;} .navigation header{padding:20px 0px;} .navigation .logo img{width: 90%; height: 90%;}} 

@media only screen and (min-width: 992px) {.navigation{padding:0px 20px;} .navigation header{padding:15px 20px;} .navigation .logo img{width: 90%; height: 90%;}} 

@media only screen and (min-width: 1200px) {.navigation{padding:0px 70px;} .navigation header{padding:15px 20px;} .navigation .logo img{width: 90%; height: 90%;}}

@media only screen and (min-width: 1500px) {.navigation{padding:0px 130px;} .navigation header{padding:15px 20px;} .navigation .logo img{width: 90%; height: 90%;}}

.navigation{background-color: rgba(0,0,0,0); position:relative; z-index:9;}

.navigation .logo{

    padding: 15px 0px;

    margin-left: 0px;

    line-height: 0px !important;

	margin-top:0px;

}

.navigation .logo img{text-align:center; margin:0 auto; padding:0px; border-radius:0px 0px 15px 15px;}



.navigation{position:relative; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;}

header{position:relative; width:100%; font-size:16px; font-weight:400; font-family: 'Manrope', serif;}

nav{position:relative;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#cssmenu:after,#cssmenu > ul:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}

#cssmenu > ul > li.active > a{font-family: 'Manrope', serif; color:#fff !important; font-weight:500; padding:17px 17px;font-size:16px;}

#cssmenu > ul > li{float:left;z-index:1000;}

#cssmenu > ul > li > a{padding:17px 17px;font-size:15px; display:block; text-decoration:none; text-transform:uppercase;font-weight:600; color:#fff; font-family: 'Manrope', serif;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{

	-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a{padding-right:30px}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}

#cssmenu ul ul{position:absolute;left:-9999px; border-radius:5px; background:#fff !important;}

#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;

background: #222}

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto}

#cssmenu li:hover > ul > li{height:auto}

#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 10px;width:200px;font-size:14px;text-decoration:none;color:#fff;font-weight:500;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#bce4ed color:#fff;}

#cssmenu ul ul ul li.active a{border-left:1px solid #0269ac}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #0269ac}



@media screen and (max-width:1000px){

header{background:#b59328; font-family: 'Manrope', serif; padding-top:0px; padding-bottom:0px; margin-top:10px;}

nav{width:100%; background:#b59328;}

#cssmenu{width:100%;}

#cssmenu ul{width:100%;display:none; background:#b59328; margin-top:30px; padding-left:0px;}

#cssmenu ul li{width:100%;border-top:1px solid #ccc; background:#b59328;}

#cssmenu > ul > li.active > a{padding:17px;font-size:15px; color:#222 !important;}

#cssmenu > ul > li > a{padding:17px;font-size:15px; display:block; text-decoration:none; text-transform:uppercase;font-weight:500; color:#222; font-family: 'Manrope', serif;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#222}

#cssmenu ul li:hover{background:#ccc;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;background:#fff;}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li{background: #fff;  /* fallback for old browsers */}

#cssmenu ul ul li:hover{background:#fff!important; color:#222;}

#cssmenu ul ul ul li a{padding-left:35px; font-size:10px;}

#cssmenu ul ul li a{color:#222;background:none}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#222}

#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:15px;font-weight:700}

.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; margin-top:0px; background:#b59328;}

.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}

.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}

.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}

#cssmenu .submenu-button.submenu-opened{background:#262626}

#cssmenu ul ul .submenu-button{height:34px;width:34px}

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#222;content:''}

#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

#cssmenu .submenu-button.submenu-opened:after{background:#fff}

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#222;content:''}

#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

}

.pl{padding-left:0px;} .pr{padding-right:0px; }

/***********============================================== hedaer =====================================================***********/



/***********============================================== slider =====================================================***********/

@media only screen and (max-width: 600px) {

	.slider{margin-top:-2px;}

	.slider .mt40{margin-top:40px;}

}

@media only screen and (min-width: 600px) {

	.slider{margin-top:-2px;}

	.slider .mt40{margin-top:40px;}

}

@media only screen and (min-width: 768px) {

	.slider{margin-top:-160px;}

	.slider .mt40{margin-top:40px;}

} 

@media only screen and (min-width: 992px) {

	.slider{margin-top:-165px;}

	.slider .mt40{margin-top:40px;}

} 

@media only screen and (min-width: 1200px) {

	.slider{margin-top:-165px;}

	.slider .mt40{margin-top:40px;}

}

@media only screen and (min-width: 1500px) {

	.slider{margin-top:-185px;}

	.slider .mt40{margin-top:40px;}

}

.slider .carousel-caption{

	top:30%;

	position:absolute;

	right:0%;

	left:5%;

	text-align:left;

	margin:0 auto;

}	

.slider .carousel.carousel-fade .carousel-item {

    display: block;

    opacity: 0;

    transition: opacity ease-out 1.7s;

    left: 0;

    top: 0;

    position: absolute;

}

.slider .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}

.slider .carousel.carousel-fade .carousel-item:first-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.slider .carousel.carousel-fade .carousel-item:second-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.slider p{

	font-family: 'Manrope', serif;

	font-size:15px;

	font-weight:400;

	line-height:26px;

	color:#fff;

	margin-bottom:0px;

	text-transform:capitalize;

}

.slider h2{

	font-family: 'Satisfy', cursive;

	font-size:50px;

	color:#fff;

	text-shadow: 2px 2px #2b1b12;

	line-height:64px;

	margin:10px 0px;

	font-weight:300;

	text-transform:capitalize;

}

.slider h2 span{font-weight:600;}

.slider .carousel-caption .btn{

	font-family: 'Manrope', serif;

	padding: 13px 35px;

    border-radius: 30px;

	color: #fff;

	font-size:15px;

	font-weight:600;

	margin-top:20px;

    background-color: #b59328;

    text-transform: uppercase;

}

.slider .carousel-caption .btn:hover{background:#222; color:#fff;}

.slider .carousel-item .img-fluid {margin: 0 auto;}

.slider .carousel-indicators {bottom: 0;}

.slider .carousel .item {

	min-height: 350px; 

	height: 100%;

	width:100%; 

}

.slider .carousel-caption h3:first-child {animation-delay: 1s;}

.slider .carousel-caption h3:nth-child(2) {animation-delay: 2s;}

.slider .carousel-caption h3:nth-child(3) {animation-delay: 3s;}

.slider .carousel-caption .btn1 {animation-delay: 3s;}

/***********============================================== slider =====================================================***********/



/***********============================================== section1 =====================================================***********/

@media only screen and (max-width: 600px) {.section1{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.section1{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.section1{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.section1{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.section1{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.section1{padding:50px 160px 80px 160px;}}

.section1 .mt30{margin-top:30px;}

.section1 .mt15{margin-top:15px;}

.section1 h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.section1 h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.section1 h2 span{font-weight:600; font-size:40px;}

.section1 h5{

    font-family: "Open Sans",sans-serif;

    font-weight: 600;

    font-size: 16px;

	text-align:left;

    line-height: 26px;

    color: #222;

	margin-top:30px;

	margin-bottom:0px;

}

.section1 p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #666;

}

.section1 h4{margin: -40px 15px 0px 0px; position:relative;}

.section1 .special-text{

	font-family: 'Satisfy', cursive;

    font-weight: 900;

	text-align: right;

    font-size: 54px;

    color: #cfbb7b;

	text-transform:capitalize;

	text-shadow: 5px 5px #fff;

    opacity: 1;

}

.section1 .btn{

	font-family: 'Manrope', serif;

	padding: 15px 42px;

    border-radius: 30px;

	color: #fff;

	font-size:14px;

	font-weight:600;

	margin-top:10px;

    background-color: #b59328;

    text-transform: uppercase;

}

.section1 .btn:hover{background:#222;}

/***********============================================== section1 =====================================================***********/



/***********============================================== section2 =====================================================***********/

@media only screen and (max-width: 600px) {.section2{padding:50px 20px 80px 20px;} .section2 .slogan{font-size: 80px; line-height: 100px;}}

@media only screen and (min-width: 600px) {.section2{padding:50px 20px 80px 20px;} .section2 .slogan{font-size: 80px; line-height: 100px;}}

@media only screen and (min-width: 768px) {.section2{padding:50px 20px 80px 20px;} .section2 .slogan{font-size: 100px; line-height: 140px;}} 

@media only screen and (min-width: 992px) {.section2{padding:50px 50px 80px 50px;} .section2 .slogan{font-size: 130px; line-height: 140px;}} 

@media only screen and (min-width: 1200px) {.section2{padding:50px 100px 80px 100px;} .section2 .slogan{font-size: 130px; line-height: 140px;}}

@media only screen and (min-width: 1500px) {.section2{padding:50px 160px 80px 160px;} .section2 .slogan{font-size: 130px; line-height: 140px;}}

.section2 .mt30{margin-top:30px;}

.section2 .mt15{margin-top:15px;}

.section2 .slogan {

    background-image: url(../images/section2back.jpg);

    background-position: 50% 46%;

    background-size: cover;

	font-family: 'Satisfy', cursive;

    text-align: center;

    padding: 0.11em 0.1em 0.36em 0em;

	font-weight:400;

	-webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

/***********============================================== section2 =====================================================***********/



/***********============================================== section3 =====================================================***********/

@media only screen and (max-width: 600px) {.section3{padding:50px 20px 80px 20px;} .section3 .sec3{margin-top:20px; padding:60px 15px;}}

@media only screen and (min-width: 600px) {.section3{padding:50px 20px 80px 20px;} .section3 .sec3{margin-top:20px; padding:60px 15px;}}

@media only screen and (min-width: 768px) {.section3{padding:50px 20px 80px 20px;} .section3 .sec3{margin-top:20px; padding:60px 15px;}} 

@media only screen and (min-width: 992px) {.section3{padding:50px 50px 80px 50px;} .section3 .sec3{margin-top:-70px; padding:60px 25px;}} 

@media only screen and (min-width: 1200px) {.section3{padding:50px 100px 80px 100px;} .section3 .sec3{margin-top:-70px; padding:60px 45px;}}

@media only screen and (min-width: 1500px) {.section3{padding:50px 160px 80px 160px;} .section3 .sec3{margin-top:-70px; padding:60px 45px;}}

.section3{background:url(../images/section3back.jpg) no-repeat top/cover; margin:40px 0px;}

.section3 .sec3{background:#222;}

.section3 .mt15{margin-top:15px;}

.section3 .mt30{margin-top:30px;}

.section3 h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.section3 h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#fff;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.section3 h2 span{font-weight:600; font-size:40px;}

.section3 h5{

    font-family: "Open Sans",sans-serif;

    font-weight: 600;

    font-size: 16px;

	text-align:left;

    line-height: 26px;

    color: #222;

	margin-top:30px;

}

.section3 p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #fff;

}

.section3 .flaticon{

	color:#b59328;

	font-size:44px;

	text-align:center;

}

.section3 h3{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    font-size: 20px;

	text-align:center;

    line-height: 26px;

    color: #fff;

	margin-top:0px;

	margin-bottom:0px;

}

.section3 .btn{

	font-family: 'Manrope', serif;

	padding: 15px 42px;

    border-radius: 30px;

	color: #fff;

	font-size:14px;

	font-weight:600;

	margin-top:40px;

    background-color: #b59328;

    text-transform: uppercase;

}

.section3 .btn:hover{background:#333;}

/***********============================================== section3 =====================================================***********/



/***********============================================== section4 =====================================================***********/

@media only screen and (max-width: 600px) {.section4{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.section4{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.section4{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.section4{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.section4{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.section4{padding:50px 160px 80px 160px;}}

.section4 .post-slide{margin:10px 15px 0px 15px;}

.section4 .mt15{margin-top:15px;}

.section4 .mt30{margin-top:30px;}

.section4 h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 10px 0px;

}

.section4 h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:0px 0px 20px 0px;

	font-weight:300;

}

.section4 h2 span{font-weight:600; font-size:40px;}

.section4 .block {position: relative;}

.section4 .block .img{position:relative;}

.section4 .block .img img{border-radius:5px 5px;}

.section4 .block .img:before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background:url(../images/overlay.png) no-repeat top/cover;

  border-radius:5px 5px;

}

.section4 .block .content{

    position: absolute;

    bottom: 2%;

	left:5%;

    width: 100%;

}

.section4 h5{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 14px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.section4 h5 a{color: #b59328;}

.section4 h3{

	font-family: 'Manrope', serif;

	font-size:24px;

	color:#fff;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 0px 0px;

	font-weight:600;

}

.section4 h3 span{font-weight:600; font-size:40px;}

/***********============================================== section4 =====================================================***********/



/***********============================================== section5 =====================================================***********/

@media only screen and (max-width: 600px) {.section5{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.section5{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.section5{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.section5{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.section5{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.section5{padding:50px 160px 80px 160px;}}

.section5 .mt15{margin-top:15px;}

.section5 .mt30{margin-top:30px;}

.section5 .sec5{ 

	background-image: url(../images/section5back.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

	background-attachment:fixed;

	padding:80px 40px;

}

.section5 h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.section5 h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#fff;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.section5 h2 span{font-weight:600; font-size:40px;}

.section5 p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #fff;

}

.section5 .btn{

	font-family: 'Manrope', serif;

	padding: 15px 42px;

    border-radius: 30px;

	color: #fff;

	font-size:14px;

	font-weight:600;

	margin-top:20px;

    background-color: #b59328;

    text-transform: uppercase;

}

.section5 .btn:hover{background:#222;}

/***********============================================== section5 =====================================================***********/



/***********============================================== section6 =====================================================***********/

@media only screen and (max-width: 600px) {.section6{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.section6{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.section6{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.section6{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.section6{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.section6{padding:50px 160px 80px 160px;}}

.section6 .post-slide{margin:0px 15px;}

.section6 .mt30{margin-top:30px;}

.section6 .mt15{margin-top:15px;}

.section6 h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 10px 0px;

}

.section6 h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:0px 0px 20px 0px;

	font-weight:300;

}

.section6 h2 span{font-weight:600; font-size:40px;}

.section6 img{border-radius:8px;}

.section6 .content{

	padding:20px 10px;

}

.section6 .date {

	font-family: 'Satisfy', cursive;

    position: absolute;

    font-size: 15px;

    font-weight: 600;

    color: #fff;

    display: inline-block;

    width: 80px;

    height: 40px;

	border-radius:5px;

    line-height: 23px;

    background: #222;

    text-align: center;

    top: 10px;

    left: 50px;

    padding: 9px 0;

    text-transform: uppercase;

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);

}

.section6 .post-meta {

	font-family: 'Manrope', serif;

    margin-bottom: 10px;

	text-align:left;

	text-transform:uppercase;

}

.section6 .post-meta li {

    position: relative;

    display: inline-block;

    padding-right: 15px;

    margin-right: 15px;

}

.section6 .post-meta li:last-child {margin-right: 0px; padding-right: 0px;}

.section6 .post-meta li:last-child:before {background:none; display:none;}

.section6 .post-meta li a {

	font-family: 'Manrope', serif;

    color: #777;

    font-weight: 400;

    font-size: 15px;

}

.section6 .flaticon{ padding-right:10px; font-size:16px; color:#3ec1c9; font-weight:600;}

.section6 h3{

	font-family: 'Manrope', serif;

	color: #222;

	font-size: 18px;

    font-weight: 500;

    min-height: 25px;

	text-transform:capitalize;

	margin-top:10px;

	line-height:28px;

    margin-bottom: 10px;

	text-align:left;

}

/***********============================================== section6 =====================================================***********/



/***********============================================== section7 =====================================================***********/

@media only screen and (max-width: 600px) {.section7{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.section7{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.section7{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.section7{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.section7{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.section7{padding:50px 160px 80px 160px;}}

.section7 .post-slide{margin:0px 15px;}

.section7 .mt30{margin-top:30px;}

.section7 .mt15{margin-top:15px;}

.section7 h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 10px 0px;

}

.section7 h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:0px 0px 20px 0px;

	font-weight:300;

}

.section7 h2 span{font-weight:600; font-size:40px;}

.section7 img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

  	filter: grayscale(100%);

  	opacity:0.6;

}

.section7 img:hover{

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

  	filter: grayscale(0%);

  	opacity:1;

 }

/***********============================================== section7 =====================================================***********/



/***********============================================== footer =====================================================***********/

@media only screen and (max-width: 600px) {.footer{padding:110px 20px 80px 20px;} .footer-copy {padding: 20px 10px 80px 10px;}}

@media only screen and (min-width: 600px) {.footer{padding:110px 20px 80px 20px;} .footer-copy {padding: 20px 10px 80px 10px;}}

@media only screen and (min-width: 768px) {.footer{padding:110px 20px 80px 20px;} .footer-copy {padding: 20px 10px 80px 10px;}} 

@media only screen and (min-width: 992px) {.footer{padding:50px 50px 70px 50px;} .footer-copy {padding: 20px 50px 40px 50px;}} 

@media only screen and (min-width: 1200px) {.footer{padding:50px 100px 70px 100px;} .footer-copy {padding: 20px 100px 45px 100px;}}

@media only screen and (min-width: 1500px) {.footer{padding:50px 160px 70px 160px;} .footer-copy {padding: 20px 150px 45px 150px;}}

.footer{background:url(../images/footerback.jpg) no-repeat top/cover;}

.footer .mt30{margin-top:30px;}

.footer .mt15{margin-top:15px;}

.footer h3{

	font-family: 'Manrope', serif;

	color: #fff;

    font-size: 22px;

	line-height:26px;

    font-weight: 600;

	margin-bottom:60px;

}

.footer h3::before {

    height: 3px;

    width: 50px;

    background: #b59328;

    content: "";

    position: absolute;

    left: 15px;

    top: 40px;

}

.footer p{

	font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 400;

	color: #eee;

	line-height:25px;

	margin-bottom:10px;

}

.footer .social{margin-top:10px;}

.footer .social li{

	display:inline-block;

	line-height:28px;

	padding:0 3px;

}

.footer .social li .fa{ 

	color: #fff;

    font-size: 18px;

    margin-right: 5px;

    margin-top: 20px;

    text-align: center;

    width: 40px;

    height: 40px;

    background:#b59328;

    border-radius: 50%;

    line-height: 40px;

	margin-bottom:20px;

}

.footer .cnct li{

	margin-bottom: 30px;

	list-style:none;

}

.footer .cnct li .icon{

	width: 40px;

    height: 40px;

	padding:10px;

	background:#b59328;

	border-radius: 50%;

}

.footer .cnct li .flaticon{

	color: #fff;

    font-size: 18px;

    margin-right: 5px;

    margin-top: 20px;

    text-align: center;

    line-height: 20px;

	margin-bottom:20px;

}

.footer .cnct li h4{

	font-family: 'Manrope', serif;

	letter-spacing:0.3px;

	font-size:17px;

	font-weight:400;

	margin-top:-10px;

	margin-bottom:10px;

	padding:0;

	color:#fff;

}

.footer .cnct li .city {

	font-family: 'Open Sans', sans-serif;

    margin-left: 0px;

	margin-bottom:5px;

	margin-top:0px;

	padding:0;

	color: #eee;

}

.footer .cnct li a{color: #eee;}

.footer .links li{

	font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 400;

	color: #ccc;

	line-height:25px;

	margin-bottom:10px;

	list-style:none;

	position: relative;

    padding-left: 0px;

}

.footer .links li a{color: #eee;}

.footer-copy {

    background: #000;

    font-family: 'Manrope', serif;

	font-size:17px;

	margin:0;

}

.footer-copy p {

    color: #fff;

    text-align: left;

}

.footer-copy p a {color: #fff;}

/***********============================================== footer =====================================================***********/



/***********============================================== banner =====================================================***********/

@media only screen and (max-width: 600px) {

	.banner{margin-top:-2px;}

	.banner .mt40{margin-top:40px;}

}

@media only screen and (min-width: 600px) {

	.banner{margin-top:-2px;}

	.banner .mt40{margin-top:40px;}

}

@media only screen and (min-width: 768px) {

	.banner{margin-top:-2px;}

	.banner .mt40{margin-top:40px;}

} 

@media only screen and (min-width: 992px) {

	.banner{margin-top:-155px;}

	.banner .mt40{margin-top:40px;}

} 

@media only screen and (min-width: 1200px) {

	.banner{margin-top:-155px;}

	.banner .mt40{margin-top:40px;}

}

@media only screen and (min-width: 1500px) {

	.banner{margin-top:-155px;}

	.banner .mt40{margin-top:40px;}

}

.banner .carousel-caption{

	top:35%;

	position:absolute;

	right:0%;

	left:5%;

	text-align:left;

	margin:0 auto;

}	

.banner .carousel.carousel-fade .carousel-item {

    display: block;

    opacity: 0;

    transition: opacity ease-out 1.7s;

    left: 0;

    top: 0;

    position: absolute;

}

.banner .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}

.banner .carousel.carousel-fade .carousel-item:first-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.banner .carousel.carousel-fade .carousel-item:second-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.banner h2{

	font-family: 'Satisfy', cursive;

	font-size:50px;

	color:#fff;

	text-shadow: 2px 2px #2b1b12;

	line-height:64px;

	margin:10px 0px;

	font-weight:300;

	text-transform:capitalize;

}

.banner h2 span{font-weight:600;}

.banner .carousel-item .img-fluid {margin: 0 auto;}

.banner .carousel-indicators {bottom: 0;}

.banner .carousel .item {

	min-height: 350px; 

	height: 100%;

	width:100%; 

}

.banner .carousel-caption h3:first-child {animation-delay: 1s;}

.banner .carousel-caption h3:nth-child(2) {animation-delay: 2s;}

.banner .carousel-caption h3:nth-child(3) {animation-delay: 3s;}

/***********============================================== banner =====================================================***********/



/***********============================================== about_page =====================================================***********/

@media only screen and (max-width: 600px) {.about_page{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.about_page{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.about_page{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.about_page{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.about_page{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.about_page{padding:50px 160px 80px 160px;}}

.about_page .mt30{margin-top:30px;}

.about_page .mt15{margin-top:15px;}

.about_page h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.about_page h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.about_page h2 span{font-weight:600; font-size:40px;}

.about_page p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #666;

}

.about_page h5{

    font-family: "Open Sans",sans-serif;

    font-weight: 600;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #222;

    margin-bottom: 20px;

}

.about_page ul{margin-bottom:15px;}

.about_page ul li{

	font-family: "Open Sans",sans-serif;

	position: relative;

    font-size: 15px;

    line-height: 28px;

    color: #666;

    font-weight: 500;

    padding: 5px 0px 5px 35px;

	list-style:none;

}

.about_page ul li:before{

	content: "\f192 ";

    position: absolute;

    left: 0;

    top: 10px;

    display: block;

    font-size: 18px;

    line-height: 26px;

    padding: 0px;

    color: #b59328;

    font-weight: 600;

    font-family: "Fontawesome";

}

/***********============================================== about_page =====================================================***********/



/***********============================================== product_page =====================================================***********/

@media only screen and (max-width: 600px) {.product_page{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.product_page{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.product_page{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.product_page{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.product_page{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.product_page{padding:50px 160px 80px 160px;}}

.product_page .mt30{margin-top:30px;}

.product_page .mt15{margin-top:15px;}

.product_page h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.product_page h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.product_page h2 span{font-weight:600; font-size:40px;}

.product_page p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #666;

}

.product_page .block{

    color: #222;

    background-color: #fff;

    font-family: 'Manrope', serif;

    text-align: center;

    padding: 0 25px 30px;

    position: relative;

    z-index: 1;

}

.product_page .block:before,

.product_page .block:after{

    content: ""; 

    background: #fff;

    border-radius: 15px 15px;

    box-shadow: 0 0 15px rgba(0,0,0,0.2);

    position: absolute;

    top: 10px;

    bottom: 10px;

    left: 10px;

    right: 10px;

    z-index: -1;

}

.product_page .block:after{

    background-color: #b59328;

    height: 50%;

    top: auto;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -2;

}

.product_page h3{

	font-family: 'Manrope', serif;

	font-size:18px;

	color:#222;

	text-transform:capitalize;

	line-height:30px;

	margin:10px 0px 0px 0px;

	font-weight:600;
	min-height: 35px;

}

.product_page .btn{

	font-family: 'Manrope', serif;

    font-weight: 600;

    text-transform:capitalize;

    font-size:16px;

    line-height: 19px;

    color: #b59328;

    padding: 0px 0px !important;

	margin: 5px 0px 5px 0px;

}

/***********============================================== product_page =====================================================***********/



/***********============================================== product_inner_page =====================================================***********/

@media only screen and (max-width: 600px) {.product_inner_page{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.product_inner_page{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.product_inner_page{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.product_inner_page{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.product_inner_page{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.product_inner_page{padding:50px 160px 80px 160px;}}

.product_inner_page .mt30{margin-top:30px;}

.product_inner_page .mt15{margin-top:15px;}

.product_inner_page h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.product_inner_page h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.product_inner_page h2 span{font-weight:600; font-size:40px;}

.product_inner_page p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #666;

}

.product_inner_page .block{

    color: #222;

    background-color: #fff;

    font-family: 'Manrope', serif;

    text-align: center;

    padding: 0 25px 30px;

    position: relative;

    z-index: 1;

}

.product_inner_page .block:before,

.product_inner_page .block:after{

    content: ""; 

    background: #fff;

    border-radius: 15px 15px;

    box-shadow: 0 0 15px rgba(0,0,0,0.2);

    position: absolute;

    top: 10px;

    bottom: 10px;

    left: 10px;

    right: 10px;

    z-index: -1;

}

.product_inner_page .block:after{

    background-color: #b59328;

    height: 50%;

    top: auto;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -2;

}

.product_inner_page h3{

	font-family: 'Manrope', serif;

	font-size:24px;

	color:#222;

	text-transform:capitalize;

	line-height:30px;

	margin:0px 0px 20px 0px;

	font-weight:700;

}

.product_inner_page table {

  border-collapse: collapse;

  width: 100%;

  border-radius: 8px;

  box-shadow: 0 0 .5em #999;

  font-weight: 100;

  font-size:16px;

  margin-top:30px;

  font-family: 'Manrope', serif;

}

.product_inner_page thead {

  font-weight: 100;

  text-transform:capitalize;

  font-family: 'Manrope', serif;

}

.product_inner_page th {

  /*background: linear-gradient(#c4d5e8, #c4d5e8);*/

  background: linear-gradient(#b59328, #b59328);

  padding:10px 20px;

  font-weight:600; 

  color:#fff;

  white-space: nowrap;

  font-size:18px;

  line-height:26px;  

  border-bottom: 1px solid #e1e1e1;

  font-family: 'Manrope', serif; 

}

.product_inner_page th span{

	font-size:15px; 

	font-weight:400;

}

.product_inner_page tr{

  overflow: hidden;

  padding:0px 20px;

}

.product_inner_page td{color:#666; padding:10px 20px; font-size:15px; font-weight:400; font-family: "Open Sans", sans-serif;}

.product_inner_page td strong{ font-weight:600; color:#666;}

.product_inner_page tr:nth-child(odd) {background: linear-gradient(#eee 1px, #f7f7f7 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}

.product_inner_page tr:nth-child(even) {background: linear-gradient(#eee 1px, #f5f5f5 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}

/***********============================================== product_inner_page =====================================================***********/

/***********============================================== product_inner_page =====================================================***********/



/***********============================================== quality_page =====================================================***********/

@media only screen and (max-width: 600px) {.quality_page{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 600px) {.quality_page{padding:50px 20px 80px 20px;}}

@media only screen and (min-width: 768px) {.quality_page{padding:50px 20px 80px 20px;}} 

@media only screen and (min-width: 992px) {.quality_page{padding:50px 50px 80px 50px;}} 

@media only screen and (min-width: 1200px) {.quality_page{padding:50px 100px 80px 100px;}}

@media only screen and (min-width: 1500px) {.quality_page{padding:50px 160px 80px 160px;}}

.quality_page .mt30{margin-top:30px;}

.quality_page .mt15{margin-top:15px;}

.quality_page h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.quality_page h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.quality_page h2 span{font-weight:600; font-size:40px;}

.quality_page p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #666;

}

.quality_page h5{

    font-family: "Open Sans",sans-serif;

    font-weight: 600;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #222;

    margin-bottom: 20px;

}

.quality_page ul{margin-bottom:15px;}

.quality_page ul li{

	font-family: "Open Sans",sans-serif;

	position: relative;

    font-size: 15px;

    line-height: 28px;

    color: #666;

    font-weight: 500;

    padding: 5px 0px 5px 35px;

	list-style:none;

}

.quality_page ul li:before{

	content: "\f192 ";

    position: absolute;

    left: 0;

    top: 10px;

    display: block;

    font-size: 18px;

    line-height: 26px;

    padding: 0px;

    color: #b59328;

    font-weight: 600;

    font-family: "Fontawesome";

}

.quality_page .post-slide{margin:0 15px;}

.quality_page img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

  	filter: grayscale(100%);

  	opacity:0.6;

}

.quality_page img:hover{

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

  	filter: grayscale(0%);

  	opacity:1;

 }

/***********============================================== quality_page =====================================================***********/



/***********============================================== enquiry_page =====================================================***********/

@media only screen and (max-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:left;}}

@media only screen and (min-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:left;}}

@media only screen and (min-width: 768px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:left;}} 

@media only screen and (min-width: 992px) {.enquiry_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.enquiry_page{padding:50px 100px 80px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.enquiry_page{padding:50px 160px 80px 160px; text-align:left;}}

.enquiry_page{background:url(../images/enquiryback.jpg) no-repeat top/cover;}

.enquiry_page .mt30{margin-top:30px;}

.enquiry_page .mt15{margin-top:15px;}

.enquiry_page h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.enquiry_page h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.enquiry_page h2 span{font-weight:600; font-size:40px;}

.enquiry_page p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #666;

}

.enquiry_page .form-control{background: rgba(255,255,255,0.9);}

.enquiry_page .form-horizontal .form-content{padding: 0px 5px;}

.enquiry_page .form-horizontal .form-control{

	font-family: 'Lato', sans-serif;

    padding: 12px 16px 12px 39px;

    height: 50px;

    font-size: 14px;

    color: #222;

    border: none;

    border: 2px solid #eee;

    border-radius: 10px;

    box-shadow: none;

    margin-bottom: 15px;

	background: #fff;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to left, #fff, #eee);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to left, #fff, #eee); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.enquiry_page .form-horizontal .form-control:focus{

    border-color: #ccc;

    box-shadow: none;

	outline: none;

}

.enquiry_page .form-horizontal .control-label{

    font-size: 17px;

    color: #ccc;

    position: absolute;

    top: 5px;

    left: 27px;

    text-align: center;

}

.enquiry_page .form-horizontal textarea.form-control{

    resize: vertical;

    height: 130px;

}

.enquiry_page .form-horizontal .form-group .fa{padding-top:10px;}

.enquiry_page .shape1{

    position: absolute;

    left: -35px;

    bottom: -15%;

    z-index: -1;

}

.enquiry_page .shape2 {

    position: absolute;

    right: 0px;

    top: 0;

    z-index: -1;

}

.enquiry_page .btn{

	font-family: 'Manrope', serif;

	padding: 15px 42px;

    border-radius: 30px;

	color: #fff;

	font-size:14px;

	font-weight:600;

	margin-top:10px;

    background-color: #b59328;

    text-transform: uppercase;

}

.enquiry_page .btn a{color:#fff;}

.enquiry_page .btn:hover{background:#222;}

/***********============================================== enquiry_page =====================================================***********/



/***********============================================== contact_page =====================================================***********/

@media only screen and (max-width: 600px) {.contact_page{padding:50px 20px 80px 20px; text-align:left;}}

@media only screen and (min-width: 600px) {.contact_page{padding:50px 20px 80px 20px; text-align:left;}}

@media only screen and (min-width: 768px) {.contact_page{padding:50px 20px 80px 20px; text-align:left;}} 

@media only screen and (min-width: 992px) {.contact_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.contact_page{padding:50px 100px 80px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.contact_page{padding:50px 160px 80px 160px; text-align:left;}}

.contact_page .mt30{margin-top:30px;}

.contact_page .mt15{margin-top:15px;}

.contact_page h6{

	font-family: 'Satisfy', cursive;

    font-weight: 600;

    text-transform:capitalize;

    font-size: 24px;

    line-height: 19px;

    color: #b59328;

	margin: 5px 0px 20px 0px;

}

.contact_page h2{

	font-family: 'Manrope', serif;

	font-size:34px;

	color:#222;

	text-transform:capitalize;

	line-height:54px;

	margin:10px 0px 20px 0px;

	font-weight:300;

}

.contact_page h2 span{font-weight:600; font-size:40px;}

.contact_page p{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:left;

    line-height: 26px;

    color: #666;

}

.contact_page .serviceBox{

    color: #222;

    background-color: #fff;

    font-family: 'Manrope', serif;

    text-align: center;

    padding: 0 25px 30px;

    position: relative;

    z-index: 1;
    min-height: 250px;

}

.contact_page .serviceBox:before,

.contact_page .serviceBox:after{

    content: ""; 

    background: #fff;

    border-radius: 15px 15px;

    box-shadow: 0 0 15px rgba(0,0,0,0.2);

    position: absolute;

    top: 10px;

    bottom: 10px;

    left: 10px;

    right: 10px;

    z-index: -1;

}

.contact_page .serviceBox:after{

    background-color: #b59328;

    height: 50%;

    top: auto;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -2;

}

.contact_page .serviceBox .service-icon{

    color:#fff;

    background: #b59328;

    font-size: 34px;

    width: 75%;

    margin: 0 auto 35px;

    border-radius:0 0 50px 50px;

    position: relative;

    padding: 10px 0px;

}

.contact_page .serviceBox .service-icon:before,

.contact_page .serviceBox .service-icon:after{

    content: "";

    background: linear-gradient(to top left, #b59328 49%, transparent 50%);

    width: 10px;

    height: 10px;

    position: absolute;

    top: 0;

    left: -10px;

}

.contact_page .serviceBox .service-icon:after{

    background: linear-gradient(to top right, #b59328 49%, transparent 50%);

    left: auto;

    right: -10px;

}

.contact_page .serviceBox .title{

	font-family: 'Manrope', serif;

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 0 0 10px;

}

.contact_page .serviceBox .description{

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    font-size: 15px;

	text-align:center;

    line-height: 26px;

    color: #666;

}

.contact_page .serviceBox .description a{color: #666;}

@media only screen and (max-width: 1199px){.contact_page .serviceBox{ margin: 0 0 40px; }}

.map{

  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

  filter: grayscale(100%);

  margin-top: 30px;

}

/***********============================================== contact_page =====================================================***********/