@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Lato:400,700,900);
@import url('https://fonts.googleapis.com/css?family=Cardo:400,400i,700');


/*========================================================
                    Main layout styles
=========================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align:top }

body { overflow-x: hidden; font: normal 16px/1.42857143 'Lato', sans-serif; color: #000; background: #fffde8; font-variant-ligatures: none; font-feature-settings: "liga" 0;  }

a { font: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor:pointer; color:#333 }
a:focus, a:hover { text-decoration: none; }
a[href^="tel:"] { color: inherit; text-decoration: none; }

img { max-width: 100%; height: auto; }

/*====Headers font====*/
h1, .title1 { font: 400 60px/70px 'Cardo', serif; }
h2, .title2 { font: 400 30px/40px 'Cardo', serif;}
h3, .title3 { font: 400 25px/35px 'Cardo', serif; }
h4 { font-weight: 700; font-family: 'Cardo', serif; font-size: 21px; }


ol, ul { list-style: none; }

p:last-child { margin:0;}

.img-circle{ text-align: center;}
.inline-block {display:inline-block;}
em	{ font-style:italic;}
.z-index { z-index:2;}
.cl_both { clear:both;}

.container { padding: 0;}
.inner { margin: 0 auto !important; float: none !important;}

[class*="wrapper"]:after { clear:both; content: ""; display: table;} 

	@media (max-width: 991px) {
		h1, .title1 { font-size: 35px; line-height: 50px; }
		h2, .title2 { font-size: 26px; line-height: 36px; }
		h3, .title3 { font-size: 20px; line-height: 27px;  }
		
		.container {padding-left: 25px; padding-right: 25px}
	}


/* MARGINS/PADDING  */
.margint_5 { margin-top:5px;}
.margint_10 { margin-top:10px !important;}
.margint_40 { margin-top:40px;}

.marginb_5 { margin-bottom:5px !important;} 
.marginb_10 { margin-bottom:10px !important;} 
.marginb_20 { margin-bottom:20px !important;}
	
	@media (min-width: 768px) and (max-width: 991px) { 
		.tablet-marginbott_10 {margin-bottom: 10px !important; }
		.tablet-marginbott_20 {margin-bottom: 20px; }
		.tablet-marginbott_30 {margin-bottom: 30px; }
	}

	@media (max-width: 767px) { 
		.phone-marginbott_10 {margin-bottom: 10px !important; }
		.phone-marginbott_20 {margin-bottom: 20px !important; }
		.phone-marginbott_30 {margin-bottom: 30px !important; }
	}
	

/*================== HEADER ========================*/
header {position: relative;}
header .logo-caption {margin: 15px 0;}
header .logo-caption img {width: 245px}

.navbar {margin-bottom: 0; border-radius: 0; border: none; background-color: #fffde8;}

header ul.contactdetails { overflow:hidden; text-align:right; margin-top: 56px; margin-bottom: 20px; font-family:'Cardo', serif; }
header ul.contactdetails li { margin-bottom: 0; font-size: 23px; font-weight: 400}
header ul.contactdetails li a:hover { color: #666666;}
li.telno:before { content:"\f095";}
li.email a:before { content: "\f0e0"; font-family: FontAwesome; padding-right: 10px; line-height: 20px; color: inherit; font-weight: 700}

ul.contactdetails .icon:before {
	font-family: FontAwesome; padding-right:10px; 
	font-size: 23px; 
	color:#000;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-weight: 700
}

	@media (max-width: 991px) {
		header ul.contactdetails { margin-top: 39px; }
	}

	@media (max-width: 767px) {
		header .logo-caption { float: none; text-align: center}
		.navbar-fixed-top {height:auto; position: relative;}
		header ul.contactdetails { text-align: center; margin-top: 20px; }
		header ul.contactdetails li { display: inline; padding: 0 15px; }
		header ul.contactdetails li span { display: none; }
	}

.header-image { position: relative; }
.header-image .header-image-img { background-position: center bottom; position: relative; background-repeat: no-repeat; }
header .header-image .header-image-img { height: 120px; background-size: 140%; background-image: url(../images/header-image.jpg); }
header .caption { text-align: center; position: relative; top: 0; background: #d8d5b4; padding: 10px 0;}
header .caption .title1 {font-size: 26px; line-height: 36px; }

	@media (min-width: 768px) {
		header .header-image .header-image-img { height:180px; background-size: 100%;}
		header .caption { top: 50%; transform: translate(0, -50%); position: absolute; width:100%; background: transparent; padding: 0}
	}

	@media (min-width: 1200px) {
		header .header-image .header-image-img { height:230px;}
		header .caption .title1 {font-size: 42px; line-height:52px; }
	}

	@media (min-width: 1400px) {
		header .header-image .header-image-img { height:330px;}
		header .caption .title1 {font-size: 47px; line-height:57px; }
	}

/*================== CONTENT ======================*/
#content .wrapper1 { margin: 20px 0 20px; }
#content .wrapper2 { margin: 10px 0 10px; }

	@media (min-width: 768px) {
		#content {margin-top:334px;}
		#content .wrapper1 { margin: 50px 0 50px; }
		#content .wrapper2 { margin: 30px 0 30px; }
	}

	@media (min-width: 1200px) {
		#content {margin-top:409px;}
	}

	@media (min-width: 1400px) {
		#content {margin-top:509px;}
	}

/* ========================================================*/
#content .heading_1 { margin-bottom: 30px; }
#content .heading_2 { margin-bottom: 50px; }

	@media (max-width: 991px) {
		#content .heading_2 { margin-bottom: 20px; }
	}

/* Quote Box */
#content blockquote { border-left: none;}
#content .quote { font-size: 122px; font-weight: 700; font-family: times; width: 80px; display: inline-block; margin-bottom: -30px; font-style: normal;}
#content .quote.start-quote { padding-right: 10px; line-height: 50px}
#content .quote.end-quote { padding-left: 10px; line-height: 100px; height: 25px}

#content .quote-box .wrapper1 { margin: 50px 0; }
#content .quote-box blockquote { font-weight: 400; font-size: 19px; font-family:'Cardo', serif; font-style: italic; }
#content .quote-box blockquote h4 { margin-top:20px; font-style: normal;}

.bx-wrapper {overflow: hidden; padding-top: 20px; margin: 20px auto 20px; position: static; background: transparent; border: none; box-shadow: none;}
.bx-viewport {overflow: visible !important;}
.bxslider-inner {vertical-align: middle; display: inline-block; float: none !important;}
.bx-wrapper .bx-controls-direction a { z-index: 2; text-indent: 0; background: none; }
.bx-wrapper .bx-prev {left:-30px;}
.bx-wrapper .bx-next {right:-30px;}

	@media (max-width: 767px) {	
		#content blockquote { border-left: none;}
		#content .quote { font-size: 60px; width: 40px;}
		#content .quote.start-quote { line-height: 45px}
		#content .quote.end-quote { line-height: 55px;}

		#content .quote-box .wrapper1 { margin: 20px 0; }
	}

	


/*================== FOOTER styles =======================*/
footer { color: #fff;}
footer .wrapper1 { margin: 30px 0 30px; }
footer li { display: inline-block;}
footer li a { color:#fff;}
footer li a:hover {color: #d8d5b4}

footer .social-media { text-align: center; margin-top: 7px }
footer .social-media .icon {font-size: 22px; width: 47px; height: 47px; line-height: 47px; color: #fff;}
footer .social-media li { margin-left: 5px; margin-right: 5px }
footer .social-media li a:hover { background: #d8d5b4; color: #333; }

footer .facebook { background-color: #5161c7; }
footer .twitter { background-color: #42ceec; }
footer .linkedin { background-color: #027db4;}
footer .instagram { background-color: #e91e63;}

footer .copyright { margin: 20px 0; font-size: 15px }
footer .copyright li { padding: 0 12px 0 0; margin: 0 11px 4px 0; border-right: #fff solid 1px; display: inline;}
footer .copyright li:nth-child(1) {padding: 0; margin: 0; border: none;}
footer .author li { float: right; font-size: 12px; line-height: 61px } 

	@media (max-width: 991px) {	
		footer { text-align:center; position: relative; }
		footer .wrapper2 { margin: 90px 0 0; }
		footer .social-media { position: absolute; bottom: 70px; transform: translate(-50%, -50%); left: 50%; }

		footer .author li { float: none; line-height: 1.42857143} 
	}


/*==================Widget styles ========================*/

/* UItoTop styles
========================================================*/
#toTop { 
	display: none; 
	text-decoration: none; 
	position: fixed; 
	bottom: 50px; 
	right: 30px; 
	overflow: hidden; 
	border: 4px solid #fff; 
	border-radius: 50%; 
	width: 60px; 
	height: 60px; 
	font-size: 35px; 
	line-height: 52px; 
	text-align: center; 
	color: #fff; 
	z-index: 20;  
	-webkit-transition: color 0.5s ease; 
	transition: color 0.5s ease; 
	opacity: 1;
	-webkit-animation-name: hvr-bob-float, hvr-bob;
  	animation-name: hvr-bob-float, hvr-bob;
  	-webkit-animation-duration: .3s, 1.5s;
  	animation-duration: .3s, 1.5s;
  	-webkit-animation-delay: 0s, .3s;
 	animation-delay: 0s, .3s;
  	-webkit-animation-timing-function: ease-out, ease-in-out;
  	animation-timing-function: ease-out, ease-in-out;
  	-webkit-animation-iteration-count: 1, infinite;
  	animation-iteration-count: 1, infinite;
  	-webkit-animation-fill-mode: forwards;
  	animation-fill-mode: forwards;
  	-webkit-animation-direction: normal, alternate;
  	animation-direction: normal, alternate; 
  }

#toTop:hover { opacity: .5 }

	@media only screen and (max-width: 1199px) {
	#toTop { display: none !important; }
	}

/* Colors */
.color_1 { color: #ffffff; }
.color_2 { color: #d8d5b4; }
.color_3 { color: #eceace; }
.color_4 { color: #333333; }

/* Backgrounds Colors */
.bg_1 { background: #ffffff; }
.bg_2 { background: #d8d5b4 !important; }
.bg_3 { background: #eceace; }
.bg_4 { background: #333333 !important; }
.bg_5 { background: #000000; }
.bg_6 { background: #fffde8; }