body{font-family: 'Montserrat', sans-serif; font-size: 15px;}

a{
	color:#666;
	}
h1, .h1 {
    font-size: 32px;
}
h2, .h2 {
    font-size: 26px;
}
img {
    max-width: 100%;
}
p{line-height: 24px; margin-bottom: 15px;}

a:hover{text-decoration: none;}

.wrapper{overflow: hidden;}


.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color:inherit;
  color:#FC4E19;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:inherit;
    border-color: #428BCA;
	color:#FC4E19;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color:rgba(252,78,25,0.1);
}
.highlight-section {
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 1px solid #D1D1D1;
    color: #333333;
    padding: 18px 0;
}

.topHeaderSection{position: absolute; width: 100%; background-color: rgba(255,255,255,1); z-index: 5;}
.navbar-logo{float: left; margin: 7px 0;}
.topHeader{float: right; width: 72%; margin-top: 10px;}
.topHeader ul{list-style: none; padding: 0; margin:5px 0 0; float: right;}
.topHeader ul li{display: inline-block; padding: 0 6px;}
.topHeader ul li a{color: #442a13;}

.topHeaderSection .navbar-nav{margin-top: 15px;}
.topHeaderSection .navbar-nav li a{color: #2a2a2a; padding: 10px 15px; border-radius: 4px;}
.topHeaderSection .navbar-nav li.active a, .topHeaderSection .navbar-nav li a:hover{background: #8e623d; color: #fff;}
.topHeaderSection .navbar-nav li.active ul a{background: #fff; color: #2a2a2a;}


.topHeader .requestBtn{background: #442a13; color: #fff; float: right; margin-left: 15px; padding: 5px 15px; border-radius: 4px;}


.banner-section {
    background: none repeat scroll 0 0 #E5E5E5;
    padding: 0;
    position: relative;
    z-index: 1;
}
.banner-section .bannerCaption{position: absolute; width: 100%; top: 25%;}
.banner-section .bannerCaption .homeBannerCont{display: inline-block; /*background: rgba(255,255,255,0.5);*/ max-width: 600px;}

/*input.form-control::placeholder {color: #000;}*/
/*select.form-control::placeholder{color:#000;}*/

input.form-control::placeholder {color: #fff;}
select.form-control::placeholder{color:#fff;}

form.request_app_form input.form-control::placeholder {color: #000;}
form.request_app_form select.form-control {color: #000;}


.bannerCaption h2{ color: #fff; font-weight: 600; font-size: 40px;}
.bannerCaption h3{color: #fff; font-weight: 600; font-size: 20px; margin-bottom: 20px; text-transform: uppercase;}
.bannerCaption .form-control{background-color: transparent; border: 1px solid #fff; font-size: 16px; height: 42px; border-radius: 25px; padding: 6px 15px; color: #fff;}

.bannerCaption .request_app_form .form-control{ color: #000;}

.bannerCaption ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.bannerCaption :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.submitBtnSec{padding-left: 15px;}
.submitBtnSec .btn{background: #442a13; color: #fff; padding: 10px 30px; font-size: 18px; text-transform: uppercase; border-radius: 25px;}



.banner-bg{
	width:100%;
	/*height:320px;*/
	overflow:hidden;
	}
.banner-bg img{
	width:100%;
	height:auto;
	}
.service-block {
    margin: 18px 0;
    padding: 38px 0;
}
.service-block i {
    color: #00B8FF;
    float: left;
    font-size: 6em;
    padding: 14px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
	width:110px;
}
.services{
	padding:25px 0;
	border-top:1px solid #CCC;
	}
.navbar-toggle span {
    background: none repeat scroll 0 0 #FF0000;
    border-color: #FF0000;
}





/**/
.parallaxBg {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
}
.topDivider, .bottomDivider {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-repeat-y: no-repeat;
}
.topDivider{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxNzBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
background-size: 100% 170px;
top: 0;
height: 170px;
z-index: 1;
transform: rotateY(180deg) rotateX(180deg);
}

.bottomDivider{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 137px;
    bottom: 0;
    height: 137px;
    z-index: 1;
}


/* search start  */

.search-inline {
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    top: 0;
    height: 10%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color: #efefef;
    z-index: 9;
    transition: all .5s ease-in-out;
}

.search-inline.search-visible {
    opacity: 1;
    visibility: visible;
    animation: fadeInDown 0.4s ease-in-out;
}

.search-inline button[type="submit"] {
    position: absolute;
    right: 52px;
    top: 0;
    background-color: transparent;
    border: 0px;
    top: 0;
    right: 80px;
    padding: 0px;
    cursor: pointer;
    width: 80px;
    height: 99%;
    background: #222;
    color: #fff;
}

.search-inline .form-control {
    border: 0px;
    padding-left: 0;
    font-size: 2rem;
    position: absolute;
    left: 1%;
    top: 0;
    height: 100%;
    width: 99%;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    outline: none;
}

.search-inline .search-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #616161;
    width: 80px;
    height: 100%;
    text-align: center;
    display: table;
    background: #efefef;
    text-decoration: none;
}

.search-inline .search-close i {
    display: table-cell;
    vertical-align: middle;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #efefef;
    background-clip: padding-box;
    border: 1px solid #efefef;
    border-radius: .25rem;
    transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.moreBtn{background: #442a13; display: inline-block; padding: 9px 20px; color: #fff; border-radius: 4px; font-size: 15px;}
.moreBtn:hover{color: #fff; text-decoration: none;}

.homeSection1{position: relative; width: 100%; display: inline-block; background: #f3f3f3; float: left;}
.homeSection1 .timeList{position: absolute; width: 100%; z-index: 10; margin-top: -110px;}
.homeSection1 .timeList .openingTime{background: #442a13; color: #fff; padding: 20px;}
.timeList .openingTime h3{color: #fff; font-size: 25px; margin-top: 0;}
.openingTime .openingRow{	 width: 100%; display: inline-block; vertical-align: top;}
.openingTime .openingRow .openingCol{order: 1;	flex-basis:49%;	padding: 0 10px; width: 49%; display: inline-block; vertical-align: top;}
.openingTime .openingRow .openingCol2{order: 2;	flex-basis:49%;	padding: 0 10px; width: 49%; display: inline-block; vertical-align: top;}
.openingTime .openingRow .rcols{width: 100%; font-size: 16px;}
.openingTime .openingRow .rcols .timeCol1{width: 40%; display: inline-block; font-weight: bold; padding: 5px 0;}
.openingTime .openingRow .rcols .timeCol2{width: 40%; display: inline-block; padding: 5px 0;}



.homeSection1 .welcomeSec{width: 100%; position: relative; display: inline-block; float: left;}
.homeSection1 .welcomeSec .welcomeCol1{width: 50%; float: left;}
.homeSection1 .welcomeSec .welcomeCol1 img{width: 100%; float: left;}
.homeSection1 .welcomeSec .welcomeCol2{width: 50%; float: left; padding:110px 40px 10px;}
.homeSection1 .welcomeSec .welcomeCol2 h2{font-size: 40px; color: #442a13; font-weight: 500;}
.homeSection1 .welcomeSec .welcomeCol2 p{font-size: 15px; color: #444444;}



.servicesSection{display: inline-block; width: 100%; padding: 50px 0; float: left; background: #8e623d;}
.servicesSection h2{text-align: center; font-size: 42px; /*color: #442a13;*/ color: #fff; margin: 0 0 50px;}

.servicesSection article{text-align: center; display: inline-block; vertical-align: top; background: #fff; box-shadow: 0 0 15px rgba(74,74,74,0.3); border-radius: 4px; height: 365px; padding:20px 15px; margin-bottom: 15px;}
.servicesSection article .serviceIcon{margin-bottom: 15px; display: inline-block;}
.servicesSection article .servicesText h3{font-size: 15px; color: #442a13; font-weight: 600; text-transform: uppercase; margin-bottom: 15px;}
.servicesSection article .servicesText p{font-size: 15px; color: #4a4a4a; margin-bottom: 15px;}


.promotionalSection{display: inline-block; /*background: #65503d;*/ background: #65503d; width: 100%; padding: 50px 0; float: left;}
.promotionalSection h2{text-align: center; font-size: 42px; color: #fff; margin: 0 0 50px;}

.promotionalSection .item{text-align: center; display: inline-block; vertical-align: top; background: #fff; box-shadow: 0 0 15px rgba(74,74,74,0.3); border-radius: 4px; padding:50px 20px;}
.promotionalSection .item .promotionalPic{ display: inline-block; width: 200px; height: 200px; border-radius: 50%;}

.promotionalSection .promotionalCont{display: inline-block;}
.promotionalSection .promotionalCont h3{font-size: 20px;color: #222222; font-size: 600; height: 50px;}
.promotionalSection .promotionalCont p{font-size: 20px;color: #3d3d3d; font-size: 600; height: 50px;}
.promotionalSection .promotionalCont p span{font-weight: bold; color: #8e623d;}


.promotionalSection .owl-nav .owl-prev{position: absolute; left: -25px; top: 37%; font-size: 20px; color: #fff;}
.promotionalSection .owl-nav .owl-next{position: absolute; right: -25px; top: 37%; font-size: 20px; color: #fff;}
.promotionalSection .owl-nav span{font-size: 50px; color: #fff;}

.bookSection{text-align: center;}
.bookSection .bookBtn{background: #442a13; display: inline-block; padding: 10px 25px; font-size: 16px; color: #fff;border-radius: 4px;}
.bookSection .bookBtn:hover{color: #fff; text-decoration: none; }



.chooseSection{display: inline-block; width: 100%; background-image: url(../images/bg1.jpg); background-repeat: no-repeat; background-position: left center; background-size: cover; padding: 60px 0; float: left;}
.whychooseText{display: inline-block; width: 100%;}
.whychooseText h2{font-size: 40px; color: #442a13; font-weight: 600; margin-bottom: 20px;}
.whychooseText p{font-size: 18px; margin-bottom: 20px;}
.whychooseText ul{list-style: none; padding: 0; margin: 0;}
.whychooseText ul li{font-size: 16px; color: #1a1a1a; margin-bottom: 10px; background-image: url(../images/libg.png); background-repeat: no-repeat;background-position: left top; padding-left: 55px; min-height: 50px;}



.clientSection{display: inline-block; width: 100%; background: #fff; text-align: center; float: left; padding: 60px 0 120px;}
.clientSection h2{font-size: 40px; color: #442a13; font-weight: 600; margin-bottom:50px; margin-top: 0;}
.clientSection p{font-size: 18px;}
.clientSection .carousel-indicators{bottom: -60px;}

.clientSection .item{background-image: url(../images/icon5.png); background-position: top center; background-repeat: no-repeat; padding-top: 70px;}

.clientSection .carousel-indicators li{border-color:#442a13; }
.clientSection .carousel-indicators .active{background: #442a13;}




.teamSection{float: left; width: 100%; background: #8e623d;  text-align: center; padding: 60px 0;}
.teamSection h2{text-align: center; font-size: 40px; color: #fff; margin: 0 0 50px;}
.teamSection .teamCont{display: inline-block; width: 100%; vertical-align: top; background: #fff; box-shadow: 0 0 15px rgba(74,74,74,0.3); border-radius: 4px; padding: 20px; min-height: 370px;}
.teamSection .teamCont .teamPic{display: inline-block; width: 180px; height: 180px; border-radius: 50%; margin-bottom: 20px;}
.teamSection .teamCont h3{font-size: 25px; color: #442a13;}
.teamSection .teamCont p{color: #442a13;}


.mapSection{float: left; width: 100%;}
.mapSection iframe{float: left;}

.addressSection{float: left; width: 100%; background: #e7e7e7;  text-align: center; padding: 40px 0;}
.addressSection .addressCont{padding: 15px 40px;}
.addressSection .addressIcon{margin-bottom: 20px;}


/* header-top-css */
#top-header{
    background: #c66e32;
    padding: 5px;
}

.top-banner p{
    color: #fcfcfc;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    text-align: center;
}




/*============================================Footer Section======================================*/

.footerSection{float: left; width: 100%; background: #d8d8d8; background-image: url(../images/footer-bg.jpg); background-repeat: no-repeat; padding: 60px 0;}

.footerSection .footerMenu{width: 100%;}
.footerSection .footerMenu h3{margin-top: 0; font-size: 18px; color: #3a3a3a; font-weight: bold; margin-bottom: 20px;}
.footerSection .footerMenu ul{list-style: none; padding: 0; margin: 0;}
.footerSection .footerMenu ul li{margin-bottom: 10px;}
.footerSection .footerMenu ul li a{color: #3a3a3a;}


.footerSocial{text-align: center;}
.footerSocial ul{list-style: none; padding: 0; margin: 0 0 15px 0;}
.footerSocial ul li{display: inline-block; margin: 0 5px; font-size: 20px;}


.footerSection .requestBtn{background: #442a13; color: #fff; display: inline-block; margin-bottom: 15px; padding: 5px 15px; border-radius: 4px; }
.footerSection .requestBtn:hover{color: #fff;}


/*=========================================About us page==========================================*/

.innerBanner .banner-bg{height: 350px;}
.innerBanner .banner-bg img{height: 100%; width: 100%; object-fit: cover;}


.innerBanner .bannerCaption{top: auto; bottom: 40px;}
.innerBanner h1{font-size: 40px; color: #442a13; font-weight: 600;}
.innerBanner h2 {font-size: 40px; color: #442a13 !important; font-weight: 600;}
.innerBanner .breadcrumb{background-color: transparent; padding-left: 0;}
.innerBanner .breadcrumb li:before{color: #424242;}
.innerBanner .breadcrumb li, .innerBanner .breadcrumb li a{color: #424242;}


.aboutSection1 .welcomeSec .welcomeCol2{padding-top: 70px;}

.aboutSection2{float: left; width: 100%;}

.aboutSection2 .aboutContainer{
    width: 100%;
    display: -webkit-flex; /* Safari */
  display: flex;
    
}
.aboutSection2 .aboutContainer .aboutCol1{
    width: 50%;
    order: 1;	flex-basis:50%;	padding: 50px 40px;
}
.aboutSection2 h2{font-size: 40px; margin-top: 0;}


.aboutSection2 .aboutContainer .aboutCol2{
    width: 50%; 
    background-color: #8e623d;
    order: 2;	flex-basis:50%;	padding: 50px 40px;
}

.aboutClientSec h2{color: #fff; margin-bottom: 25px;}
.aboutClientSec .item{background-image: url(../images/icon5.png); background-position: top left; background-repeat: no-repeat; padding-top: 70px;}

.aboutClientSec .item p{color: #fff; font-size: 18px; margin-bottom: 25px;}

.aboutClientSec .carousel-indicators {
    bottom: -30px;
    left: 0;
    margin: 0;
    text-align: left;
}


.aboutTeamSection{background: #fff;}




/*================================Services page===============================*/

.servicePageSection{float: left; width: 100%; padding: 50px 0; background: #efefef;}
.servicePageSection ul{list-style: none; padding: 0; margin: 0;}
.servicePageSection ul li{float: left; width: 23%; margin: 12px 1%;}

.serviceCont{display: inline-block; width: 100%; background: #dfc9a1; text-align: center; transition: all 0.3s ease-in-out;}
.serviceCont:hover{box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.serviceCont a{display: block;  padding:45px 30px; height: 250px;}
.serviceCont .servicePic{text-align: center; display: inline-block; height: 70px; width: 100%;}
.serviceCont .servicePic img{max-height: 100%;}
.serviceCont .serviceDetails{display: inline-block; width: 80%;}
.serviceCont .serviceDetails h3{font-size: 16px; color: #232323; text-transform: uppercase;}


.servicePageSection ul li:nth-child(even) .serviceCont{background: #d9cfc6}



/*====================================Service details==================================*/
.serviceDetailsSection{float: left; width: 100%; padding: 50px 0; background: #efefef;}
.serviceDetailsSection h2{font-size: 24px; color: #232323; font-weight: bold; margin: 0 0 20px; text-transform: uppercase;}
.serviceDetailsSection h1 {font-size: 24px; color: #232323; font-weight: bold; margin: 0 0 20px; text-transform: uppercase;}
.serviceDetailsSection p{color: #444444; font-size: 16px;}

.serviceDetailsSection .servicePicture{width: 100%;}
.serviceDetailsSection .servicePicture ul{list-style: none; padding: 0; margin: 0;}
.serviceDetailsSection .servicePicture ul li{display: inline-block; vertical-align: top; border: 1px solid #c8c8c8; margin:6px 10px 6px 0; padding: 5px;}


.serviceDetailsSection-right-img{ float: right; max-width: 400px;    width: 100%; margin-left: 15px; margin-bottom: 15px;}



/*=============================================promotions page=========================================*/

.promotionSect{display: inline-block; width: 100%;}
.promotionSect ul{list-style: none; padding: 0; margin: 0; text-align: center;}
.promotionSect ul li{display: inline-block; vertical-align: top; width: 33%; text-align: center; padding:20px 25px;}

.promotionSect ul li .promotionPic{width: 230px; height: 230px; overflow: hidden; border-radius: 50%; display: inline-block;}

.promotionSect ul li .promotionCont{display: inline-block; width: 100%;}
.promotionSect ul li .promotionCont h3{font-size: 20px; color: #222222; margin-bottom: 15px;}
.promotionSect ul li .promotionCont p{font-size: 15px; color: #737373;}



/*===============================================Contact us page==================================================*/
.contactPageSection1{float: left; width: 100%; background: #eaebed; padding:0 0 50px 0; text-align: center;}
.contactPageSection1 .addressSection{background: #eaebed;}

.signupNewsletter{display: inline-block; width: 50%;}
.signupNewsletter h2{font-size: 40px; color: #442a13; margin: 0 0 30px;}

.signupNewsletter .formRow{display: inline-block; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); width: 100%; float: left;}
.formRow .formCol1{float: left; width: 80%; border-right: 1px solid rgba(0,0,0,0.2);}
.formRow .formCol1 .form-control{background: #fff; box-shadow: 0 0 0 rgba(0,0,0,0); font-size: 16px; border: none; padding: 10px 15px; height: 50px;}
.formRow .formCol2{float: left; width: 19%;}
.formRow .formCol2 .btn{font-size: 16px; color: #4f4f4f; background: #fff; padding: 12px 15px; height: 50px; border: none; width: 100%;}


.contactSection3{float: left; width: 100%; background-image: url(../images/contact-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 0 0 80px 0;}

.contactSecRow{
    width: 100%;
    display: -webkit-flex; /* Safari */
  display: flex;
    background: #fff;
    margin-top: -80px;
    padding: 40px; 
}

.contactSecRow .contactSecCol1{
    width: 40%;
    order: 1;	flex-basis:40%;	padding: 20px;
    background: #442a13;
}
.contactSecRow .contactSecCol1 h2{color: #fff; font-size: 30px; margin: 10px 0 30px; text-align: center;}
.contactSecRow .contactSecCol2{
    width: 60%;
    order: 2;	flex-basis:60%;	padding:0 40px;
}
.contactSecRow .openingRow{width: 100%;}
.contactSecRow .openingRow .rcols{
    width: 100%;
    display: -webkit-flex; /* Safari */
  display: flex;
    color: #fff;
}
.contactSecRow .openingRow .rcols .timeCol1{
    width: 50%;
    order: 1;	flex-basis:50%;
    padding: 6px;
}
.contactSecRow .openingRow .rcols .timeCol2{
    width: 50%;
    order: 2;	flex-basis:50%;
    padding: 6px;
}

.contactSecRow .contactHeader{width: 100%; text-align: center; display: inline-block; margin-bottom: 15px;}
.contactSecRow .contactHeader h2{margin: 0 0 15px 0; font-size: 40px; color: #442a13; font-weight: 600;}
.contactSecRow .contactHeader p{font-size: 15px; color: #4d4d4d;}


.contactSecRow .form-control{background: #f6f6f6; border: 1px solid #dbdbdb; box-shadow: 0 0 0 rgba(0,0,0,0); font-size: 15px; border-radius: 25px; height: 48px; padding: 8px 15px;}



.contactSecRow ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000 !important;
}
.contactSecRow ::-moz-placeholder { /* Firefox 19+ */
  color: #000 !important;
}
.contactSecRow :-ms-input-placeholder { /* IE 10+ */
  color: #000 !important;
}
.contactSecRow :-moz-placeholder { /* Firefox 18- */
  color: #000 !important;
}


.contactSecRow textarea.form-control{height: 120px;}
.contactSecRow .btn{background: #442a13; color: #fff; text-transform: uppercase; padding: 10px 15px; min-width: 200px; font-size: 18px; border-radius: 25px;}



/*====================================Blog===================================*/
.blogListing{
    -js-display:flex;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
    display: flex;
    flex-flow: row wrap;
	justify-content: center;
	/*align-items: flex-start;*/
	/*flex-direction: column;*/
	/*text-align:center;*/
    width: 100%;
    border-bottom: 2px solid #c8c8c8;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.blogPic{
    order: 1;
	flex-basis:40%;
	padding: 0 15px 0 0;
    width: 40%;
}
.blogContent{
    order: 2;
	flex-basis:60%;
    width: 60%;
	padding: 0 0px 30px 10px;
    position: relative;
}
.blogListing .postTime{font-size: 16px; color: #8c6239; font-weight: 300; margin-bottom: 10px;}
.blogListing h3{font-size: 24px; color: #252525; font-weight: 500;}
.blogListing h3 a{font-size: 24px; color: #252525; font-weight: 500;}
.blogListing h3 span{font-weight: 300;}
.blogListing .blogRead{position: absolute; bottom: 0; text-decoration: underline; font-size: 16px; color: #442a13;}




.blogDetailsSection{width: 100%; margin-bottom: 30px;}
.blogDetailsSection .blogContentTitle{margin-bottom: 20px;}
.blogDetailsSection .blogContentTitle .postTime{font-size: 16px; color: #8c6239; font-weight: 300; margin-bottom: 10px;}
.blogDetailsSection .blogContentTitle h3{font-size: 28px; color: #252525; font-weight: 500;}
.blogDetailsSection .blogContentTitle h3 a{font-size: 24px; color: #252525; font-weight: 500;}
.blogDetailsSection .blogContentTitle h3 span{font-weight: 300;}
.blogDetailsSection .blogDetailsPic{margin-bottom: 30px;}
.blogDetailsSection .blogDetailsPic img{width: 100%;}

.blogDetailsSection h4{font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #252525;}
.blogDetailsSection p{font-size: 16px; font-weight: 300; margin-bottom: 20px; color: #252525;}
.blogDetailsSection em{color: #8c6239; font-weight: 400;}
.blogDetailsSection ul{padding-left: 30px; margin-bottom: 10px;}
.blogDetailsSection ul li{font-size: 18px; font-weight: 300; margin-bottom: 15px; color: #252525;}
.blogDetailsSection ul li strong{color: #8c6239; font-weight: 500;}
.blogDetailsSection ol{padding-left: 30px; margin-bottom: 10px;}
.blogDetailsSection ol li{font-size: 18px; font-weight: 300; margin-bottom: 15px; color: #252525;}
.blogDetailsSection ol li strong{color: #8c6239; font-weight: 500;}







@media only screen and (min-width:320px) and (max-width:767px){
    .topHeaderSection{background-color: rgba(255,255,255,1);}
    .topHeaderSection .navbar-toggle{margin-top: 20px;}
        
    .topHeaderSection .navbar-collapse{background: #fff;}
    .topHeaderSection .navbar-collapse .navbar-nav{margin: 0;}
    
    .topHeaderSection .topHeader{display: none;}
    .navbar-logo{max-width: 150px;}
    .homeSection1 .timeList{margin-top: 20px;}
    
    .banner-section .bannerCaption{position: relative; padding: 30px 0;}
    
    .banner-section .bannerCaption .homeBannerCont{width: 100%;}
    .banner-section .banner-bg{height: 250px;}
    .banner-section .banner-bg img{height: 100%; object-fit: cover;}
    
    .bannerCaption h2{font-size: 25px; margin-top: 0; color: #442a13;}
    .bannerCaption h3{font-size: 16px; margin-top: 0; color: #442a13;}
    .bannerCaption .form-control{background-color: #fff; color: #1f170f;}
    .bannerCaption ::-webkit-input-placeholder { /* Edge */
          color: #1f170f;
        }

        .bannerCaption :-ms-input-placeholder { /* Internet Explorer 10-11 */
          color: #1f170f;
        }

        .bannerCaption ::placeholder {
          color: #1f170f;
        }
    
    .homeSection1 .timeList .openingTime{margin-bottom: 20px;}
    .homeSection1 .timeList{position: relative;}
    .timeList .openingTime h3{text-align: center; margin-bottom: 15px;}
    .openingTime .openingRow .openingCol{width: 100%; margin: 0px; padding: 0; vertical-align: top;}
    .openingTime .openingRow .openingCol2{width: 100%; margin: 0px; padding: 0; vertical-align: top;}
    .openingTime .openingRow .rcols .timeCol1{vertical-align: top;}
    .openingTime .openingRow .rcols .timeCol2{width: 58%;}
    
    .homeSection1 .welcomeSec .welcomeCol1{width: 100%;}
    .homeSection1 .welcomeSec .welcomeCol2{width: 100%; padding: 15px 15px 30px;}
    .homeSection1 .welcomeSec .welcomeCol2 h2{font-size: 30px; margin-bottom: 20px;}
    
    .servicesSection{padding: 30px 0 35px;}
    .servicesSection h2{font-size: 30px; margin-bottom: 30px;}
    .servicesSection article{height: auto;}
    
    .promotionalSection{padding: 40px 0;}
    .promotionalSection h2{font-size: 30px; margin-bottom: 30px;}
    .promotionalSection .owl-carousel{width: 90%; margin-left: 5%;}
    
    .chooseSection{background-position: center center; padding: 40px 0;}
    .whychooseText h2{font-size: 30px; margin-top: 0;}
    .clientSection{padding: 40px 0 100px;}
    .clientSection h2{font-size: 30px; margin-bottom: 30px;}
    .teamSection{padding: 40px 0 20px;}
    .teamSection h2{font-size: 30px; margin-bottom: 30px;}
    .teamSection .teamCont{margin-bottom: 25px;}
    .footerSection{background-size: cover; padding: 30px 0 20px;}
    .footerLogo{display: inline-block; margin-bottom: 25px; text-align: center; width: 100%;}
    .footerSection .footerMenu{margin-bottom: 25px; text-align: center;}
    
    .innerBanner .bannerCaption {
        top: auto;
        bottom: 10px;
        position: absolute;
        padding: 0;
    }
    .aboutSection2 .aboutContainer{flex-flow: row wrap;	justify-content: center;}
    .aboutSection2 .aboutContainer .aboutCol1 {
        width: 100%;
        order: 1;
        flex-basis: 100%;
        padding:30px 20px;
    }
    .aboutSection2 .aboutContainer .aboutCol2 {
        width: 100%;
        background-color: 
        #8e623d;
        order: 2;
        flex-basis: 100%;
        padding:30px 20px 50px;
    }
    .aboutSection2 h2{font-size: 30px;}
    
    .contactPageSection1{padding:0 0 40px 0;}
    .signupNewsletter{width: 100%;}
    .signupNewsletter h2{font-size: 28px;}
    .formRow .formCol1{width: 70%;}
    .formRow .formCol2{width: 29%;}
    .contactSecRow .openingRow .rcols{font-size: 14px;}
    
    .contactSecRow{padding: 20px 15px; flex-flow: row wrap;	}
    .contactSecRow .contactSecCol1{width: 100%; flex-basis: 100%; margin-bottom: 25px; padding: 15px 10px;}
    .contactSecRow .contactHeader h2{font-size: 30px;}
    .contactSecRow .contactSecCol2{width: 100%; flex-basis: 100%; padding: 0;}
    .contactSecRow .btn{width: 100%;}
    
    .promotionSect ul li{width: 100%;}
    
    .servicePageSection ul li{width: 48%;}
    
    .serviceDetailsSection .servicePicture ul li{width: 46%; margin: 10px 1.5%;}
    
    .servicePageSection{padding: 30px 0;}
    
    .blogPic{
        order: 1;
        flex-basis:100%;
        padding: 0 15px 0 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .blogContent{
        order: 2;
        flex-basis:100%;
        width: 100%;
        padding: 0 0px 30px 0px;
        position: relative;
    }
    
    .serviceDetailsSection{padding: 30px 0;}
    
    
    
    
}


@media only screen and (min-width:320px) and (max-width:480px){
    .servicePageSection ul li{width: 100%; margin: 10px 0;}
    .serviceDetailsSection .servicePicture ul li{width: 100%; margin: 10px 0;}
    .serviceDetailsSection .servicePicture ul li img{width: 100%; height: auto;}
    
    
    
}




