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

html, body {
    max-width: 100%;
    /*overflow-x: hidden;*/
}

body {
	font-family: 'Lato', Arial, Helvetica, sans-serif !important;
	font-size:16px;
	color:#36454F;
}


/*########Blank section remove when finished###########
#blank {
	height:500px;
}*/
/*######################No Gutter######################*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
/*######################No Padding######################*/
.no-padding {
   padding: 0 !important;
   margin: 0 !important;
}

.alignCenter {
	text-align:center;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	      Show grid for testing     */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	          Modal CSS             */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.modal {
    position: fixed;
    top: 86px;
    right: 0;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	       Breadcrumbs CSS          */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#breadcrumbs a {
	color:#1b2616;
}
#breadcrumbs a:hover {
	color:#f2f2f2;
}
#breadcrumbs a:visited {
	color:#2c4f47;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	  Ovride bootstrap navbar css   */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.header-logo {
	margin-top: 10px;
	font-family:"Peddana", Georgia, Times New Roma, Times, serif;
	font-size:34px;
	color:#e5e5e5;
}
@media all and (max-width: 767px) {
	.header-logo {
		margin-top: 0px;
	}	
}

ul#menu-main-menu {
	/*margin-top: 8px;*/
}

#nav-container {
	background-color:#fff;
}
@media all and (max-width: 767px) {
	#nav-container {
		border-bottom:#000 thin solid;
	}
}
.navbar-brand {
	padding: 0px;
	padding-top: 2px;
	padding-left: 15px;
}
.navbar-header {
	height: 55px;
}
@media all and (max-width: 768px) {
	img.fd-logo-header {
		margin-left: 15px;
	}
}
	

@media all and (max-width: 767px) {
	.navbar-header {
		height: auto;
	}
}

.navbar {
	/*height: 70px;
	border-bottom:#000 2px solid;*/
}

@media all and (max-width: 767px) {
	.navbar {
		height:70px;
	}
}

.navbar-inverse {
    /*background-color:#1B2616;
	background-color: #2B393A;
	border-color: #858A6C;
	background-image: url(images/bg-patterns/lightGreenPattern.png);
	background-repeat: repeat;
	background-color:#1b2616;
	background-color:#1d5845;*/
	background-color:#fff;
	/*border-bottom:#000 thin solid;*/
	z-index:10010;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
	/*border-bottom:#000 thin solid;*/
}

@media all and (min-width: 768px) {
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    	border-color: #101010;
		border-bottom: none;
	}
}

a:link {
	background-color:transparent;
}

/*#######NAVBAR LINKS CSS############*/
/*.navbar-inverse .navbar-nav > .active > a, {
	color: #fff;
    background-color: #888C64;
}*/

.navbar-inverse .navbar-nav > li > a {
	color:#9DAABB;
	/*font-family: "Droid Serif", Times New Roman, Times, serif;*/
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover {
	background-color:#36454F;
	color:#fff;
}

.navbar-inverse .navbar-brand {
    color:#FEFFFA;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	/*background-color:#ccc;*/
}

.navbar-inverse .navbar-nav > .active > a {
	/*background-color:#F2F2F2;
	color:#0A0D03;
	border-bottom: #000 2px solid;*/
}

.navbar-inverse .navbar-toggle {
    border-color: transparent;
	background-color:#9DAABB;
}	

.menu-button {
	box-shadow:none;
}
button:hover {
	box-shadow:none;
	background-color:transparent;
	border:none;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	/*background-color:transparent;*/
	border:none;
	outline: 0;
}

@media all and (min-width: 768px) {
	.navbar-inverse .navbar-nav > .active > a {
		background-color:transparent;
		border-bottom: #000 2px solid;
	}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		color:#8C8C8C;
		background-color: transparent;
		border-bottom:#000 2px solid;
		    
	}
	.navbar-inverse .navbar-nav > li > a {
    	color:#9DAABB;
	}
	.navbar-inverse .navbar-nav > li > a:hover {
		color:#8C8C8C;
		background-color:transparent;
		border-bottom:#000 2px solid;
		
	}

}

@media (min-width: 768px) {
	.navbar-nav > li > a {
   	 	padding-top: 10px;
    	padding-bottom: 10px;
	}
}



.connect-bar {
	height: 30px;
	z-index:10020;
}

/*------Social Navigation-------*/
.social-nav-bar {
	/*position:fixed;
	top: 71px;
	left:0px;*/
	z-index:10002;
	width:100%;
}

.social-box-contact {
	color:#f2f2f2;
	font-family:"Archivo Black", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-right: 20px;
}

ul#menu-social-menu {
	padding:0px;
	margin: 0px;
	margin-top: 32px;
	background-color:#f2f2f2;
}

.menu-social-menu li a [class^="icon-"], a [class*=" icon-"] {
	color:#36454F;
	/*display:block;
	float:left;*/
	padding: 20px 0 20px 0;
}

.dropdown {
	/*width: 115px;*/
}


.open > .dropdown-social-menu {
    display: block;
}
.dropdown-social-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10005;
    display: none;
    /*float: right;
    min-width: 160px;*/ 
    padding: 10px 0;
    margin: 26px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-social-menu > li > a {
    display: block;
    padding: 3px 20px;
	margin-bottom: 8px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-social-menu > li > a:hover {
	color:#666;
}

.btn.btn-social {
	box-shadow:none;
	padding: 2px 6px;
}

.btn-social {
  color: #fff;
  background-color: #9DAABB;
  border: none;
}
.btn-social:focus,
.btn-social.focus {
  color: #fff;
  background-color: #95c5de;
  border-color: #1b6d85;
}
.btn-social:hover {
  color: #fff;
  background-color: #666;
  border-color: #fff;
}
.btn-social:active,
.btn-social.active,
.open > .dropdown-toggle.btn-social {
  color: #fff;
  background-color: #95c5de;
  border-color: #0a0d03;
}
.btn-social:active:hover,
.btn-social.active:hover,
.open > .dropdown-toggle.btn-social:hover,
.btn-social:active:focus,
.btn-social.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-social:active.focus,
.btn-social.active.focus,
.open > .dropdown-toggle.btn-social.focus {
  color: #fff;
  background-color: #95c5de;
  border-color: #fff;
}
.btn-social:active,
.btn-social.active,
.open > .dropdown-toggle.btn-social {
  background-image: none;
}
.btn-social.disabled,
.btn-social[disabled],
fieldset[disabled] .btn-social,
.btn-social.disabled:hover,
.btn-social[disabled]:hover,
fieldset[disabled] .btn-social:hover,
.btn-social.disabled:focus,
.btn-social[disabled]:focus,
fieldset[disabled] .btn-social:focus,
.btn-social.disabled.focus,
.btn-social[disabled].focus,
fieldset[disabled] .btn-social.focus,
.btn-social.disabled:active,
.btn-social[disabled]:active,
fieldset[disabled] .btn-social:active,
.btn-social.disabled.active,
.btn-social[disabled].active,
fieldset[disabled] .btn-social.active {
  background-color: #555931;
  border-color: #fff;
}
.btn-social .badge {
  color: #5bc0de;
  background-color: #fff;
}

/*.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
    background: #0099cc;
    color: #ffffff;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}
 
.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}*/


.dropdown-menu-lg {
    width: 600px;
    padding: 20px 0px;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/*  Add Padding on section for nav  */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.top-section {
	margin-top: 80px;
}

@media all and (max-width: 767px) {
	.top-section  {
		margin-top:95px;
	}
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/*     Introduction Section Css     */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/*Introductin section css is contained
	in the flexslider-custom.css    */


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	          Slogan Css            */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.slogan-overlay-hack{
	position: absolute;
	height: 0px;
	left: 50%;
	font-family:"Montserrat", Times New Roman, Times, serif;
		font-weight:500;
    	font-size: 24px;
    	line-height: 1em;
		text-transform:uppercase;
	-webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    animation-delay: 8s;
}


/*INTRO */
.slogan{
	width: 100%;
	text-align: center;
	position: relative;
	top: 160px;
	left: -50%;
	z-index: 100;
	margin: 0 auto;
}

@media all and ( max-width: 960px) and (min-width: 860px){
	.slogan {
		top: 120px;
	}
}
/*.slogan-overlay-hack {
	position: absolute;
	height: 0px;
	text-align:center;
	width:70%;
	margin-left:15%;
	margin-right:15%;
	font-family:"bitstream_vera_sansbold", Times New Roman, Times, serif;
		font-weight:500;
    	font-size: 24px;
    	line-height: 1em;
		text-transform:uppercase;
	-webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    animation-delay: 8s;
}


.slogan{
	width: 100%;
	text-align: center;
	position: relative;
	top: 100px;
	z-index: 4;
	margin: 0 auto;
	
}*/

.slogan-text {
	/*min-height: 322px;*/
}

.slogan h1 {
	color:#fff;
	text-shadow: 1px 1px 0 #313131, -1px -1px 0 #313131, 1px -1px 0 #313131, -1px 1px 0 #313131, 3px 3px 5px #333;
	
}

@media all and (min-width: 1600px) {
	.slogan h1 {
		font-size:42px;
	}
}

@media all and (max-width: 1600px) and (min-width: 860px) {
	.slogan h1 {
 	 	font-size: 42px;
	}
}
@media all and (max-width: 859px) and (min-width: 680px) {
	.slogan h1 {
 	 	font-size: 28px;
	}
}
@media all and (max-width: 679px) and (min-width: 540px) {
	.slogan {
 	 	top: 30px;
	}
	.slogan h1 {
 	 	font-size: 24px;
	}
}
@media all and (max-width: 539px) {
	.slogan {
 	 	top: 20px;
	}
	.slogan h1 {
 	 	font-size: 22px;
	}
}

@media all and (max-width: 539px) and (orientation: landscape) {
	.slogan {
 	 	top: 20px;
	}
	.slogan h1 {
 	 	font-size: 22px;
	}
}

.start-link-box {
	margin-top: 10px;
}
@media all and (max-width: 768px) {
	.start-link-box {
		display:none;
	}
}

.start-link-box a {
	color:#fff;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color:#95c5de;
	border:#fff thin solid;
	padding:5px 20px 5px 20px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	z-index: 10001;
}
.start-link-box a:hover {
	color:#f2f2f2;
	text-decoration:none;
}

a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

/*@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
		.welcome {
		position: absolute;
    	top: 25%;
    	left: 50%;
    	transform: translate(-50%,-50%);
		color:#fff;
    	font-family:"bitstream_vera_sansbold", Times New Roman, Times, serif;
    	font-size: 22px;
    	line-height: 1em;
		text-transform:uppercase;
    	text-align: center;
		text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000,
            -1px 1px 0 #000;
	}
}*/

/*.introduction {
    /* background-image: url(imgs/bg-imgs/bg-9-full.jpg); 
    background:url(images/bg-imgs/placeholder-image-frames.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    border-bottom: #000 thin solid;
    box-shadow: inset 0 0 1em #111;
	height:100vh;
}

@media all and (min-width: 1215px) {
	.introduction {
		background:url(images/bg-imgs/placeholder-image-frames.jpg);
    	background-repeat: no-repeat;
   		background-attachment: fixed;
    	background-position: center;
		background-size:cover;
	}
}

@media all and (min-width: 480px) and (max-width: 800px) {
	.introduction {
		background:url(images/bg-imgs/placeholder-image-frames1.jpg);
    	background-repeat: no-repeat;
   		background-attachment: fixed;
    	background-position: center;
		background-size:cover;
		height: 40vh;
	}
}*/

#video-section {
	border-bottom:#000 thin solid;
	background-color:#000;
	margin-top: 70px;
}
.fullscreen-bg {
    /*position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 100%;
    height: auto;
  }
}

/*@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: auto;
    height: 100%;
  }
}

@media screen and (max-width: 680px) {
	.fullscreen-bg__video {
    width: 100%;
    height: auto;
	}
}

@media (max-width: 768px),
@media (min-aspect-ratio: 16/9) {
	.fullscreen-bg__video {
		width: 100%;
    	height: auto;
	}
}*/

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	Various paras and headings Css  */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
h2.small-section-heading {
	font-family:"Titillium Web", Arial, Helvetica, sans-serif;
	
}
	

@media all and (max-width: 420px) {
	h2.small-section-heading {
		font-size:24px;
	}
}

h4.small-section-text {
	margin-top:30px;
	/*font-family:'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight:700;*/
}




/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	    FramingAbout Section        */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#framing-direct-about {
	min-height: 150px;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
	/*padding-top:10px;*/
}
.fd-about-text {
}





/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	        About Section           */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

.about {
	min-height: 300px;
	padding-top: 80px;
	padding-bottom: 80px;
	/*background-color:rgb(240, 247, 251);
	background-color:#95C5DE;*/
	background-color:#95c5de;
	/*background-image:url(images/bg-patterns/lightGreenPattern.png);
	background-repeat:repeat;
	box-shadow: inset 0 0 .5em #111;*/
}




img.about-imgs {
	margin-top: 20px;
	margin-bottom: 20px;
	border:#D2D7BD thick solid;
}

.animation-element {
  opacity: 0;
  position: relative;
}

p.about-intro {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
}

em#ps {
	text-align:center;
	font-size:14px;
	color:#fff;
	padding-top:15px;
	text-align:center;
}


.about-text {
	padding-top: 20px;
	padding-bottom: 20px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
	-ms-align-items: center;
}

/****** IE CSS change bg from fixed to scroll *******/
@media \0screen\,screen\9 {
	.about-text   {
	}
}
@media screen and (min-width:0\0) { 
    .about-text  {
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .about-text  {
		margin-top: 20px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width:768px) and (max-width: 991px) {
    .about-text  {
		margin-top: 0px;
	}
}
/* The following targets edge browser
@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}*/
/*****************************************************/
	

@media all and (min-width: 1200px) {
	.about-text {
		min-height:262px;
	}
}

@media all and (max-width: 1199px) and (min-width: 992px) {
	.about-text {
		min-height:260px;
	}
}

@media all and (max-width: 991px) and (min-width: 768px) {
	.about-text {
		min-height:206px;
	}
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	   Qualitydirect Section        */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

#quality-direct {
	min-height: 150px;
	border-top:#000 thin solid;
	/*border-bottom:#000 thin solid;
	padding-top:10px;
	margin-top: 70px;*/
}
.qd-text {
	color:#000;
}
.qd-text a:hover {
	border-bottom:#000 2px solid;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	  quality-direct-services       */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#quality-direct-services {
	min-height: 300px;
	padding-top: 80px;
	padding-bottom: 80px;
	/*background-color:#95C5DE;
	background-color:#E0EEFB;
	background-color:#0A0D03;
	background-image:url(images/bg-patterns/greenGrungePattern.png);
	background-repeat:repeat;*/
	border-bottom:#000 1px solid;
	border-top:#000 1px solid;
}

p.quality-direct-intro {
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	font-size:16px;
}

.qds-links {
}

a.qds-links:hover {
	text-decoration:underline;
	color: #000;
}

.service-icons {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	    Client Quotes Section       */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.client-quotes {
    min-height: 150px;
    border-bottom: #000 1px solid;
    /* padding-top: 10px; */
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	    Framed Quotes Section       */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
p.quotes-intro {
    font-family:"Roboto", Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
    font-size: 16px;
}
.framed-quotes {
	min-height: 300px;
	padding-top: 80px;
	padding-bottom: 80px;
	/*background-color:#95C5DE;*/
	border-bottom:#000 thin solid;
}

@media all and (max-width: 767px) {
	 .frame-img {
		 margin-bottom: 20px;
	 }
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	     Contact-section CSS        */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.make-contact-section {
	/*padding-top: 80px;
	padding-bottom: 80px;*/
	min-height:150px;
	overflow:auto;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	         Services CSS           */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.modal {
	z-index:10003;
}

#service-banner {
	min-height: 400px;
	background-image:url(images/bg-imgs/services-banner.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

@media all and (min-width: 480px) and (max-width: 859px) {
	#service-banner {
		min-height: 300px;
	}
}

@media all and (max-width: 479px) {
	#service-banner {
		min-height: 200px;
	}
}

#services {
}

.services-intro {
	min-height: 150px;
	border-bottom:#000 1px solid;
	/*padding-top:10px;*/
}

h1.services-intro {
	color:#2B393A;
	font-family:'Playfair Display', Arial, Helvetica, sans-serif;
	font-size:18px;
}

.service-information  {
	min-height: 450px;
    padding-top: 80px;
    padding-bottom: 80px;
    /*background-image: url(images/bg-patterns/lightGreenPattern.png);
    background-repeat: repeat;
    box-shadow: inset 0 0 .5em #111;*/
	background-color:#E0EEFB;
    border-bottom: #000 1px solid;
	border-top:#000 1px solid;
}

.services-intro-box {
	min-height:300px;
}

.s-info-para {
    /*font-family:"Roboto", Arial, Helvetica, sans-serif;*/
    color: #2B393A;
    font-size: 16px;
}

.showroom-img {
    border: 6px solid #FFFFFF;
    box-shadow: 0 3px 4px #666666;
    margin: 0px auto;
    padding: 1px;
    background-color: #eee;
}

.s-info-para {
	font-size:18px;
	/*font-family:'Oswald', Arial, Helvetica, sans-serif;*/
	margin-top: 50px;
	margin-bottom: 50px;
}

.content-box {
	height: 280px;
}
@media all and (min-width: 601px) {
	.content-box {
		height: 373px;
		margin: 0px auto;
		text-align:center;
	}
}
@media all and (max-width: 421px) {
	.content-box {
		height: 200px;
	}
}

@media all and (min-width: 601px) {
	.cbox1 {
		background-image:url(images/service-imgs/residental.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
}
@media all and (max-width: 600px) {
	.cbox1 {
		background-image:url(images/service-imgs/residental-sm.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
	}
}

@media all and (min-width: 601px) {
	.cbox2 {
		background-image:url(images/service-imgs/restoration.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
}
@media all and (max-width: 600px) {
	.cbox2 {
		background-image:url(images/service-imgs/restoration-sm.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
	}
}
@media all and (min-width: 601px) {
	.cbox3 {
		background-image:url(images/service-imgs/design-professional.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
}
@media all and (max-width: 600px) {
	.cbox3 {
		background-image:url(images/service-imgs/design-professional-sm.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
	}
}
@media all and (min-width: 601px) {
	.cbox4 {
		background-image:url(images/service-imgs/conservation.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
}
@media all and (max-width: 600px) {
	.cbox4 {
		background-image:url(images/service-imgs/conservation-sm.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
	}
}
@media all and (min-width: 601px) {
	.cbox5 {
		background-image:url(images/service-imgs/corporate.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
}
@media all and (max-width: 600px) {
	.cbox5 {
		background-image:url(images/service-imgs/corporate-sm.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
	}
}
@media all and (min-width: 601px) {
	.cbox6 {
		background-image:url(images/service-imgs/call-out-sm.jpg);
		background-repeat:no-repeat;
		background-size:contain;
	}
}
@media all and (max-width: 600px) {
	.cbox6 {
		background-image:url(images/service-imgs/call-out-sm.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
	}
}

.content-info {
	position:relative;
	top: 30%;
	text-align:center;
}

.cbox-heading {
	color: #fff;
    font-family: 'Archivo Black', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000,
 	-1px 1px 0 #000;
}

.content-btns {
	/*margin: 0px auto;*/
}

.btn-primary {
    color: #fff;
    background-color: #555931;
    border-color: #0a0d03;
	font-size:12px;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #0a0d03;
  background-color: #f2f2f2;
  border-color: #888c64;
}
.btn-primary:hover {
  color: #0a0d03;
  background-color: #f2f2f2;
  border-color: #888c64;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #0a0d03;
  background-color: #f2f2f2;
  border-color: ##888c64;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #0a0d03;
  background-color: #f2f2f2;
  border-color: #888c64;
}

/*.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #f2f2f2;
  border-color: #888c64;
}*/

/*.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus  {
	color: #555931;
    background-color: #f2f2f2;
    border-color: #888c64c;
}*/
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	   Framing Information CSS      */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

#framing-information {
	min-height: 400px;
	background-image:url(images/bg-imgs/information-banner.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

@media all and (min-width: 480px) and (max-width: 859px) {
	#framing-information {
		min-height: 300px;
	}
}

@media all and (max-width: 479px) {
	#framing-information {
		min-height: 200px;
	}
}

.info-container {
	
}

#info {
}

.info-headings {
	color:#fff;
	font-family:'Archivo Black', Arial, Helvetica, sans-serif;
}

.info-text {
	color:#CCC;
}

.info-imgs {
	margin-top: 20px;
}

.presentation {
    background-image: url(images/bg-patterns/lightGreenPattern.png);
    background-repeat: repeat;
    border-top: #000 thin solid;
	min-height: 310px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.preservation {
	background-color: #718586;
    border-top: #000 thin solid;
	min-height: 310px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.sun-light {
	background-image: url(images/bg-patterns/greenGrungePattern.png);
    background-repeat: repeat;
    border-top: #000 thin solid;
	min-height: 310px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.oilacrylic {
	background-image: url(images/bg-patterns/lightGreenPattern.png);
    background-repeat: repeat;
    border-top: #000 thin solid;
	min-height: 310px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.oilcanvas {
	background-color: #718586;
    border-top: #000 thin solid;
	min-height: 310px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.watercolours {
	background-image: url(images/bg-patterns/greenGrungePattern.png);
    background-repeat: repeat;
    border-top: #000 thin solid;
	min-height: 310px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	       Blog Pagge CSS           */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.blog-header {
    min-height: 400px;
    background-image: url(images/bg-imgs/blog.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	border-bottom:#000 thin solid;
}

@media (max-width: 479px) {
	.blog-header {
    	min-height: 200px;
	}
}

footer.entry-footer {
	min-height:auto;
	background-color:transparent !important;
	border-top:none;
}

.blog-section {
	border-top: #000 thin solid;
	padding-top: 20px;
	/*background-color:#718586;
	background-image: url(images/bg-patterns/lightGreenPattern.png);*/
	background-color:#95c5de;
    background-repeat: repeat;
}

.blog-thumbnail-img {
	border:#f2f2f2 medium solid;
}

.article-wrapper {
	margin-top: 20px;
	margin-bottom: 20px;
}

article #post-* {
	background-color:#555931;
}


/* ###### Blog links text fonts etc ###### */
h2.entry-title a {
	color:#1b2616;
	font-size: 20px;
	font-family:"Work Sans", Times New Roman, Times, serif;
	font-weight:600;
	text-transform:uppercase;
}

h1.entry-title.blog-heading-title {
	color:#1b2616;
	font-size:20px;
	font-family:"Work Sans", Times New Roman, Times, serif;
	font-weight:600;
	text-transform:uppercase;
}

h2.comments-title {
	color:#1b2616;
	font-size:20px;
	font-family:"Work Sans", Times New Roman, Times, serif;
	font-weight:600;
	text-transform:uppercase;
}

.entry-title a:hover {
	color:#555931;
}
h1.page-title {
	color: #1b2616;
    font-size: 24px;
    font-family: "Work Sans", Times New Roman, Times, serif;
    font-weight: 600;
    text-transform: uppercase;
}
/* -------------------- */


.cat-links a {
	color:#fff;
}

.cat-links a:hover {
	color:#1b2616;
}

.cat-links a:before {
    content: "\00a0";
}
.cat-links a:after {
    content: "\00a0";
}

/* -------------------- */

.comments-link a {
	color:#fff;
}

.comments-link a:hover {
	color:#1b2616;
}
.comments-link a:before {
    content: "\00a0";
}
.comments-link a:after {
    content: "\00a0";
}

/* -------------------- */

.author a {
	color:#fff;
}

.author a:hover {
	color:#1b2616;
}

.author a:before {
    content: "\00a0";
}
.author a:after {
    content: "\00a0";
}

/* -------------------- */

.posted-on a {
	color:#fff;
}

.posted-on a:hover {
	color:#1b2616;
}

.posted-on a:before {
    content: "\00a0";
}
.posted-on a:after {
    content: "\00a0";
}

/* -------------------- */

.tags-links a {
	color:#fff;
}

.tags-links a:hover {
	color:#1b2616;
}

.tags-links a:before {
    content: "\00a0";
}
.tags-links a:after {
    content: "\00a0";
}
/* -------------------- */
a.continue-reading-link {
	font-size:14px;
	color:#f2f2f2;
}

a.continue-reading-link:visited {
	color:#f2f2f2;
}

a.continue-reading-link:hover {
	color:#1b2616;
	font-weight:600;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	      Single-page CSS           */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.single-section {
	border-top: #000 thin solid;
	padding-top: 20px;
	background-color:#95c5de;
	/*background-image: url(images/bg-patterns/lightGreenPattern.png);
    background-repeat: repeat;*/
}

footer.comment-meta {
	min-height:auto;
	background-color:transparent !important;
	border-top:none;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	        Sidebar CSS             */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.sidebar-container {
	margin-top: 20px;
}

/*#search-2 {
	margin-top: 20px;
}*/

.widget-title {
	font-size:18px;
	font-family:"Work Sans", Times New Roman, Times, serif;
	font-weight:500;
	text-transform:uppercase;
}
/* -------------------- */
#recent-posts-2 ul {
	margin: 0 0 0 20px;
	padding: 0px;
	font-size:14px;
}

#recent-posts-2 ul a {
	color:#182945;
}

#recent-posts-2 ul a:hover {
	color:#E0EEFB;
}
/* -------------------- */
#recent-comments-2 ul {
	margin: 0 0 0 20px;
	padding: 0px;
	font-size:14px;
}

#recent-comments-2 ul a {
	color:#182945;
}

#recent-comments-2 ul a:hover {
	color:#E0EEFB;
}
/* -------------------- */
#archives-2 ul {
	margin: 0 0 0 20px;
	padding: 0px;
	font-size:14px;
}

#archives-2 ul a {
	color:#182945;
}

#archives-2 ul a:hover {
	color:#E0EEFB;
}
/* -------------------- */
#categories-2 ul {
	margin: 0 0 0 20px;
	padding: 0px;
	font-size:14px;
}

#categories-2 ul a {
	color:#182945;
}

#categories-2 ul a:hover {
	color:#E0EEFB;
}
/* -------------------- */
#meta-2 ul {
	margin: 0 0 0 20px;
	padding: 0px;
	font-size:14px;
}
/* -------------------- */

#comments {
	background: #E0EEFB;
	padding: 10px;
	margin-bottom: 20px;
	border:#fff thin solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	
h2.comments-title {
	color:#1b2616;
	/*font-size:18px;*/
	font-family:"Work Sans", Times New Roman, Times, serif;
}

#respond { 
	background: #E0EEFB;
	padding:0 5px 0 5px;
}

/* Highlight active form field */

#respond input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  display:inline-block;
}

#respond input[type=email], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

#respond input[type=url], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
 
#respond input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

#respond input[type=email]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

#respond input[type=url]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

#respond input[type=text],
#respond input[type=url],
#respond input[type=email] {
	width: 60%;
}

@media all and (max-width: 680px) {
	#respond input[type=text],
	#respond input[type=url],
	#respond input[type=email] {
		width: 100%;
	}
}

#submit {
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 4px;
margin-bottom: 5px;
text-decoration: none;
box-shadow: 0px 1px 3px #666666;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#95c5de), to(#E0EEFB));
background: -moz-linear-gradient(top, #95c5de, #E0EEFB);
} 

#submit:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0a0d03), to(#1b2616));
  background: -moz-linear-gradient(top, #0a0d03, #1b2616)
}
 
#reply-title { } 
#cancel-comment-reply-link { }
#commentform { } 
#author { } 
#email { } 
#url { } 
#comment 
#submit
.comment-notes { } 
.required { }
.comment-form-author { }
.comment-form-email { } 
.comment-form-url { }
.comment-form-comment { } 
.form-allowed-tags { } 
.form-submit { }

label[for=author],
label[for=comment],
label[for=email],
label[for=url] {
	display: block;
}

/* Form when logged in */

p .logged-in-as {
	color: #1b2616;
}

aside#secondary {
	margin-top: 20px;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	    Error 404 Page CSS          */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

h2.widgettitle {
	font-size: 18px;
    font-family: "Work Sans", Times New Roman, Times, serif;
    font-weight: 500;
    text-transform: uppercase;
}

.widget_recent_entries ul {
	padding: 0px;
	margin:0px;
}

.widget_recent_entries a {
	color:#1b2616;
}

.widget_recent_entries a:hover {
	color:#555931;
}
/* -------------------- */

	
.widget_categories ul {
	padding: 0px;
	margin:0px;
}

.widget_categories a {
	color:#1b2616;
}

.widget_categories a:hover {
	color:#555931;
}

.tagcloud a {
	color:#1b2616;
}
	
/* -------------------- */



/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	        Gallery CSS             */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

#gallery-home {
	min-height:400px;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/*       Custom Styles 
         for pagination        */
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/	

.pagination {
clear:both;
/*padding:20px 0;*/
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #1b2616;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #1b2616;
color:#fff;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	        Animation CSS           */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/*animation element sliding left*/

.small-section-text.fadeIn {
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.qd-text {
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	-webkit-animation-delay: .5s;
}

.qd-text2 {
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

@media all and (min-width: 768px) {
	.animateFirst {
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		-webkit-animation-duration: 1s;
		-moz-animation-delay: .5s;
		-ms-animation-delay: .5s;
		-o-animation-delay: .5s;
		-webkit-animation-delay: .5s;
	}
	.animateSecond {
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		-webkit-animation-duration: 1s;
		-moz-animation-delay: 1s;
		-ms-animation-delay: 1s;
		-o-animation-delay: 1s;
		-webkit-animation-delay: 1s;
	}
	.animateThird {
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		-webkit-animation-duration: 1s;
		-moz-animation-delay: 1.5s;
		-ms-animation-delay: 1.5s;
		-o-animation-delay: 1.5s;
		-webkit-animation-delay: 1.5s;
	}
	.animateFourth {
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		-webkit-animation-duration: 1s;
		-moz-animation-delay: 2s;
		-ms-animation-delay: 2s;
		-o-animation-delay: 2s;
		-webkit-animation-delay: 2s;
	}.animateFifth {
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		-webkit-animation-duration: 1s;
		-moz-animation-delay: 2.5s;
		-ms-animation-delay: 2.5s;
		-o-animation-delay: 2.5s;
		-webkit-animation-delay: 2.5s;
	}.animateSixth {
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		-webkit-animation-duration: 1s;
		-moz-animation-delay: 3;
		-ms-animation-delay: 3s;
		-o-animation-delay: 3s;
		-webkit-animation-delay: 3s;
	}
}

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	    Horizontal Rule Styles      */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  width:80%;
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}

hr.style19 {
border: 0;
height: 55px;
background-color:transparent !important;
background-image:url(images/hr/type_8green.png);
background-repeat: no-repeat;
margin-bottom: 20px;
margin-top: 20px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	       Blog Posts CSS           */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	    Widgets / Sidebar CSS       */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 

h1.widget-title { font-size: 1.5em; font-family:"liberation_serifregular", "New York", serif; color:#F60; }
 
/*##CSS used to control titles on the 404 page##
h2.widgettitle { font-size: 1.5em; font-family:"liberation_serifregular", "New York", serif; color:#F60;  }
h2.widget-title { font-size: 1.5em; font-family:"liberation_serifregular", "New York", serif; color:#F60;  }

.widget-area ul {
	padding-left: 0px;
	list-style:none;
	text-align:left;
}*/

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	     Contact-Page CSS           */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#contact {
	/*background-color:#718586;
	background-color: rgb(240, 247, 251); */
	background-color:#E0EEFB;
}

.contact-wrapper {
	margin-top: 70px;
	margin-bottom:70px;
}

.contact-container {
	/*border-style: ridge;
	border-color: #1B2616;
	border-width: 14px;
	border:#d2e3ed 18px;
	border-style: inset;
	border-style: ridge;
	border-color: #2C4F47 ;
	border-width: 15px;
	padding-top: 20px;
	padding-bottom: 20px;*/
	
}

.contact-text-wrap {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#333;
}

/*#######wpcf7 contact form CSS#########*/
.your-name > input[type="text"],
.your-email > input[type="email"],
.your-subject > input[type="text"] {
    width: 60%;
}


#contact-direct {
    min-height: 150px;
	border-top:#000 thin solid;
}

#contact-direct-contact {
    min-height: 150px;
	border-top:#000 thin solid;
	border-bottom:#000 thin solid;
}

h2.cd-text {
	font-family:"Archivo Black", Arial, Helvetica, sans-serif;
	font-family:"Anonymous Pro", Times New Roman, Georgia, Times, serif;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	   Contact-Section CSS         */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#contact-header {
	min-height: 400px;
	background-image:url(images/bg-imgs/contact-header.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

@media all and (min-width: 480px) and (max-width: 859px) {
	#contact-header {
		min-height: 300px;
	}
}

@media all and (max-width: 479px) {
	#contact-header {
		min-height: 200px;
	}
}

#contact-section {
	padding-top: 80px;
    padding-bottom: 80px;
    /*background-image: url(images/bg-patterns/lightGreenPattern.png);
    background-repeat: repeat;*/
	background-color:#E0EEFB;
	border-top: #000 thin solid;
}
/*## Used for contact section on contact page ## */
#contact-section-contact {
	padding-top: 40px;
    padding-bottom: 40px;
    /*background-image: url(images/bg-patterns/lightGreenPattern.png);
    background-repeat: repeat;
	border-top: #000 thin solid;*/
}

.maps-intro {
	margin-top:20px;
	/*font-family:'Montserrat', Arial, Helvetica, sans-serif;*/
}

.phone-email {
	margin-top: 42px;
	margin-bottom: 42px;
	display:block;
	width:100%;
	text-align:center;
	
}

.phone-us-text {
	/*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/
	font-size:14px;
	color:#f2f2f2;
}

.phone-us-text-contact {
	/*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/
	color:#555931;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	         Google Map             */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#map-outer{
	padding-left:12.5%;
	padding-right:12.5%;
}
#map-outer-contact {
}

#map {
	position: relative;
	padding-bottom: 40%;
	/*margin-left:12.5%;
	margin-right:12.5%;*/
	height: 0;
	overflow: hidden;
	margin: 0px auto;
	border:#2B393A 4px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 4px #666666;
}

#map-test {
        height: 300px;
		width: 300px;
      }

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	    Footer Contact Form CSS     */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#FSContact1 {
	padding: 10px;
	border:#f2f2f2 thin solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#f2f2f2;
	font-size:14px;
}

.mini-contact-col {
	color:#f2f2f2;
	text-align:center;
}

label[for="fscf_name1"],[for="fscf_email1"],[for="fscf_field1_2"],[for="fscf_field1_3"],[for="fscf_captcha_code1"] { 
	font-weight:500;
}

textarea[id="fscf_field1_3"] {
	height: 100px;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 	          Footer CSS            */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
small.fdcr {
	color:#f2f2f2;
}

.cp-info {
	text-align:center;
}

Footer {
	min-height: 300px;
	background-color:#2B393A;
	/*border-top:#fefefe thin solid;*/
}

.footer-info {
	border-top:#000 thin solid;
}
		

ul { list-style-type:none; }
ul.footer-post-pages {
	margin: 0px;
	padding: 0px;
	text-align:center;
}
.footer-post-pages li a { 
	font-family:"Lato", Arial, Helvetica, sans-serif; 
	font-size:14px;
	display:block; 
	color:#CCC; 
	text-decoration:none; 
	margin-bottom: 5px;
}
.footer-post-pages li a:hover { 
	font-family:"Lato", Arial, Helvetica, sans-serif; 
	font-size:14px;
	display:block; 
	color:#718586; 
	text-decoration:none; 
}
.footposts-header { 
	font-size: 20px;
    font-family: "Work Sans", Times New Roman, Times, serif;
    font-weight: 600;
    text-transform: uppercase;
	color:#888C64;
	text-align:center;
	margin-top: 50px;

	/*font-family:"Lato", Arial, Helvetica, sans-serif; 
	font-weight:600;
	display:block; 
	color:#b43e3a;
	margin-top:10px; 
	text-align:center; */
}

.sep {
	color:#fff;
	font-size:12px;
}

a.design-links {
	color:#888C64;
}

a.design-links:hover {
	color:#cc0;
}

a.design-links:visited {
	color:#718586;
}