/* 
Theme Name: QBC_2017
Theme URI: https://asiathemes.com/esol-details/
Author: asiathemes
Author URI: https://asiathemes.com/
Created by: Asiathemes

Description: Esol is a responsive and fully customizable template for Business and Multipurpose theme.The Theme has You can use it for your business, portfolio, blogging or any type of site.Custom menus to choose the menu in Primary Location that is in Header area of the site. which is ideal for creating a corporate / business website.Esol is Retina ready.We focused on usability across various devices, starting with smartphones.Esol is a Cross-Browser Compatible theme that works on All leading web browsers.In header area and footer of the theme offers Social Media Links to add your Social Links here.translation ready and many more.

Version:  2.3

Tags: grid-layout, footer-widgets, blog, sticky-post, news, photography, portfolio, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl.html

Text Domain: esol
*/

/*------Additional Css by  Aaron Lambert --------*/

/* SSL styling */
span#siteseal {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    }

.wrapper{ margin:0 auto;margin:0;padding:0;font-family: 'KarlaRegular'; }





h1, .h1, .typo_heading_section h1 {


	font-size: 28px;


	line-height: 40px;


	font-family: 'KarlaBold';


}


h2, .h2, .typo_heading_section h2 {


	font-size:30px; 


	line-height:40px;


	font-family: 'KarlaBold';


}


h3, .h3, .typo_heading_section h3 { 


	font-size:26px;


	line-height:35px;


	font-family: 'KarlaBold';


}


h4, .h4, .typo_heading_section h4 { 


	font-size:22px;


	line-height:30px;


	font-family: 'KarlaBold';


}


h5, .h5, .typo_heading_section h5 { 


	font-size:18px;


	line-height:28px;


}


h6, .h6, .typo_heading_section h6 { 


	font-size:14px; 


	line-height:22px;


}


p {


	font-size:14px;


	line-height:26px;


	color:#818387;


	font-family: 'KarlaRegular';


	word-wrap: break-word;


}


body{font-family: 'KarlaRegular'; font-size:14px;}


p {font-size:16px;font-family: 'KarlaRegular';}


.white{color:#fff !important;}


.testi-title{padding:60px 0px 0px !important;}


ul,ol{


 list-style:none;
 
 padding: 0;


}


.main-title{padding-bottom:30px;}


.main-title  h2{


 font-family: 'KarlaBold';


  word-wrap: break-word;


  text-transform:uppercase;


  margin:0 auto;


  text-align:center;


  font-size:40px;


 }


.seperator{


  margin:11px auto 0;


  height:3px;


  width:75px;


}


.panel-default > .panel-heading {


    color: #fff;


    padding:6px 15px !important ;


    background-color: #d19d33 !important;


    border-color: #d19d33 !important;


}


.panel-title > a {


    color:#fff !important;


    font-size: 18px!important ;


    font-weight: bold !important;


}


.carousel-indicators li {


    width: 12px !important;


    height: 12px !important;


    border: 2px solid #fff !important;


    background-color:#d19d33 !important;


    border-radius:50px !important;


}	


.carousel-indicators .active {


     width: 12px !important;


    height: 12px !important;


	margin: 1px !important;


    border: 2px solid #d19d33 !important;


    background-color:#d19d33 !important;


}


/*-----Header-----------*/


 header .affix {


    position: fixed;


    top: 0 !important;


    width: 100%;


    z-index:10;


	  border-radius:0;


	  z-index: 1000000000;


}


.affix {


    position: fixed;


    top:0 !important;


    -webkit-transform: translate3d(0, 0, 0);


    -o-transform: translate3d(0, 0, 0);


    transform: translate3d(0, 0, 0);


}


.header-top {


    border-bottom: 1px solid #000;


    background: #202020;


}


.head-contact-info {


	margin: 0px;


	padding: 0px;


	display: block;


	float: left;


}


.head-contact-info li {


	display: inline-block;


	margin-right: 0px;


	font-size: 16px;


    padding:10px 15px;


	font-family: 'KarlaRegular';


	color:#fff;


	line-height:26px;


	border-left: 1px solid #101010;
	
	border-right: 1px solid #101010;


}

.head-contact-info li a {
	
	color: #fff;
	
	}


.head-contact-info i {


	font-size: 16px;


	color:#fff;


	padding-right: 10px;


}


.head-contact-social {


    float: right;


    margin: 0;


    padding: 0;


}


.padding-top30{padding-top:30px;}


.head-contact-social li:last-child {


    border-right: 1px solid #101010;


}


.head-contact-social li {


    border-radius: 0;


    cursor: pointer;


	border-left: 1px solid #101010;


    display: inline-block;


    height:46px;


    margin-bottom: 0px;


	color:#fff;


    margin-right: 0px;


    margin-top: 0px;


    padding: 0px;


    text-align: center;


    transition: background 0.1s ease-in-out 0s;


    /* width:44px; */


}


.head-contact-social li > a > i {


    font-size: 18px;


    height:48px;


    line-height: 3;


	color:#fff;


	transition: all 0.3s ease 0s;


    transition: color 0.3s ease-in-out 0s;


    width:48px;


}


.head-contact-social li:hover {


	border-left: 1px solid #d19d33;


}	


.head-contact-social li > a > i:hover {


	background: #d19d33; 


	color:#fff;


}





/*-----Menu------------ */


.header {


    width: 100%;


    position: relative;


    z-index: 999;


	padding: 0; /* top padding 20 removed, cuts off hearder in editor but ok live */


    background-color: #FFFFFF;
	
	border-bottom: 1px solid #ccc;


    /*box-shadow: 1px 0px 10px rgba(0,0,0,0.1);*/


}





.header .navbar {


    border-radius: 0;


	margin: 0;


}


.header .navbar-default {


  background: none;


  border: 0;    


}

@media (min-width: 768px) {
	
	/* Menu style positioning */
	.header .navbar-default .container:first-child {
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
		
	.navbar-default .navbar-collapse {
		flex-basis: 100%;
		}
	
}	
	

.site-logo {}


.site-logo .logo-title {


    font-size: 30px;


	color: #191a1e;


    line-height:40px;


	font-weight:bold;


	margin:0;


}


.site-logo  img {


    position: relative;


    z-index: 2;


}


@media screen and (max-width: 768px) {
	
	.navbar-header {
		display: flex;
		padding: 10px 0;
		text-align: left;
		}
		
	.navbar .navbar-header > button,
	.navbar .navbar-header > div.site-logo {
		display: inline;
		}
		
	.navbar .navbar-header button {
		margin: 0 20px;
		}
		
	.navbar .navbar-header > div.site-logo {
		display: none;
		}
	
	.container.text-centered {
		position: absolute;
		top: 10px;
		left: 60px;
		padding: 0;
		}
	
	}
	

.navbar-default .navbar-nav > li > a {


    color: #000;


}


.navbar-default .navbar-nav > li > a {


  color: #0F0F0F;


  font-size:16px !important;


   padding: 10px 18px;


   margin-right: 4px;


  font-family: 'KarlaBold';


  font-weight:600;


  text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);


  text-decoration: none;
  
border-radius:2px;


}


.navbar-default .navbar-nav > .active > a , .current_page_item a{


    color: #fff !important;


    background: #d19d33 !important;


    text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);


	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2), 0 4px 6px 0 rgba(0,0,0,.12);


}


.navbar-default .navbar-nav > li > a:hover,


.navbar-default .navbar-nav > li > a:focus, .current_page_item a:hover,


.current_page_item a,.navbar-default .navbar-nav > .active > a:hover {


	color: #fff !important;


    background: #d19d33 !important;


   text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);


   box-shadow: 0 2px 4px 0 rgba(0,0,0,.2), 0 4px 6px 0 rgba(0,0,0,.12);


}


.widget-content .current_page_item a,


.widget-content .current_page_item{


  color:#d19d33 !important;


  background: transparent !important;


}

.price_slider{ 
    margin-bottom: 1em;
}
.price_slider_amount {
    text-align: right;
    line-height: 2.4em;
    font-size: 0.8751em;
}
.price_slider_amount .button {
    font-size:1.15em;
}
.price_slider_amount .button {
    float: left;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.9em;
    height: 0.9em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    cursor: pointer;
    background: #e7e7e7;
    background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7));
    background: -webkit-linear-gradient(#FEFEFE,#e7e7e7);
    background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
    background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
    outline: none;
    top: -.3em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
}
.ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size:.7em;
    display: block;
    border: 0;
    background: none repeat scroll 0 0 #d19d33;
    box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
.price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: #1e1e1e;
    background: -webkit-gradient(linear,left top,left bottom,from(#1e1e1e),to(#6a6a6a));
    background: -webkit-linear-gradient(#1e1e1e,#6a6a6a);
    background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
    background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
}
.ui-slider-horizontal {
    height:.5em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}


.navbar-default .navbar-nav > li > a:hover{


   	color: #fff !important;


    background: #d19d33 !important;


}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {


	color: #fff !important;


    background: #d19d33 !important;


}


.navbar-default .navbar-toggle {


	color:#fff !important;


}


.icon-bar span {


 color:#fff !important;


}


 .uthor-image{


    width: 86px;


    height: 86px;


    border-radius: 2px;


	  border: 2px solid #ddd;


    padding: 2px;


}	


/*---------Dropdown Menus & Sub Menu----------------------------*/


/*Dropdown Menus */


.dropdown-menu {


    padding: 0;


	 min-width: 250px;


	 background:#0C3951!important;


}


.dropdown-menu>li>a {


  font-family: 'KarlaRegular';


  font-size: 16px;


  clear: both;


  background: #0F2C3E !important;


  color: #fff !important;


  border-bottom: 1px solid #0A212F;


  display: block;


  text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);


  text-decoration:none;


  font-weight: 600;


  line-height: 1.42857;


  line-height: 20px;


  padding: 10px 18px !important;


  white-space: nowrap;


  -moz-transition: all 0.3s ease-in-out 0s;


}


.dropdown-menu>li>a:hover {


	color:#fff !important;


	background:#d19d33 !important;


}


.dropdown-menu > li > a:last-chlid {


	border-bottom: 0px;


}


/*dropdown-submenu Menus */


.dropdown-submenu{


    position:relative;


}


.dropdown-submenu > .dropdown-menu{


    top:0;


    left:100% !important;


    margin-top:-2px;


    margin-left:-1px;


    -webkit-border-radius:0px 0px 0px 0px;


    -moz-border-radius:0px 0px 0px 0px;


    border-radius:0px 0px 0px 0px;


}


.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {


    color:#d19d33;


	background-color:#fff;


}


.dropdown-menu > li > a:hover {


    color:#d19d33;


	background-color:#fff;


}


.dropdown-submenu:hover > .dropdown-menu{


     display:block;


	 color:#d19d33;


	 background-color:#fff;


}


.dropdown-submenu i {


	font-size: 14px;


	line-height: 1.5;


	position: absolute; right: 10px;


}


.dropdown-submenu .pull-left{


    float:none;


}


.dropdown-submenu.pull-left > .dropdown-menu{


    left:-100%;


    margin-left:10px;


    -webkit-border-radius:0px;


    -moz-border-radius:0px;


    border-radius:0px;


}


.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {


    padding: 10px 15px 10px 25px;


}


.navbar-right .dropdown-menu {


    left: 0;


    right:auto !important;


	border-radius: 0px;


	padding:0 !important;


}


.navbar-nav > li > a > i {


    font-size: 18px;


    line-height: 20px;


    margin-left: 5px;


    padding-top: 0;


}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {


    margin-left: 0px;


}


/*----------main Carousel----------------*/


#main-slider img{


width:100%;


}





/* Direction Nav */


.carou-direction-nav {


	list-style-type: none;


	margin: 0px;


}


.carou-direction-nav a {


    background: rgba(0, 0, 0, 1);


    color: #ffffff;


    border-radius: 4%;


    text-decoration: none;


    display: block;


    width: 44px;


    height: 65px;


    margin: -20px 0 0;


    position: absolute;


    top: 50%;


    z-index: 10;


    overflow: hidden;


    opacity: 0;


    cursor: pointer;


    text-align: center;


    -webkit-transition: all .3s ease;


    -moz-transition: all .3s ease;


    transition: all .3s ease;


}


.carou-direction-nav .carou-prev {


    left: 15px;


	color: #ffffff;


	opacity:0.7;


}


.carou-direction-nav .carou-next {


    right: 15px;


	color: #ffffff;


	text-align: center;


	opacity: 0.7;


}


.carou-direction-nav .carou-prev:hover  {


	opacity: 1;


    left: 30px;


	background:#d19d33;


	color:#fff;


}


.carou-direction-nav .carou-next:hover {


	opacity: 1;


    right: 30px;


	background:#d19d33;


	color:#fff;


	


}


.carou-direction-nav a:before {


    font-family: "FontAwesome";


    font-size: 35px;


    line-height:65px;


    display: inline-block;


    content: '\f104';


}


.carou-direction-nav a.carou-next:before {


    content: '\f105';


}			


/* Carousel Header Styles */


.header-text {


    position: absolute;


    top: 20%;


    left: 1.8%;


    right: auto;


    color: #fff;


}


.header-text h2 {


  font-size: 52px;


  font-family: 'KarlaBold';


  line-height: 60px;


  margin:0;


  color:#fff;


}


.header-text p{


 font-size:28px;


 color:#fff;


 font-family: 'KarlaRegular';


 line-height:40px;


 margin:0;


}


.slide-btn{margin-top:30px;}


.solid-btn{


    color: #fff !important;


    background-color: #d19d33 !important;


    border-color: #d19d33 !important;


}


.solid-btn:hover{


  opacity:0.9;


}


.main-btn {


	padding:6px 20px;


	margin-right:22px;


	font-size: 20px !important;


	color: #fff;


	border: 2px solid #fff;


	border-radius:2px !important;


	-moz-border-radius: 2px;


	-webkit-border-radius:2px;


	text-decoration: none;


	font-family: 'KarlaRegular';


	background:transparent;


	display: inline-table;


	-webkit-transition: all 0.4s ease;


	-moz-transition: all 0.4s ease;


	-ms-transition: all 0.4s ease;


	-o-transition: all 0.4s ease;


	transition: all 0.4s ease;


}





/*------Service Section--------*/


.padding-top60{padding-top:60px;}


.home_services_section {padding:76px 0 40px;}


.main-title span {font-family: 'KarlaRegular'; font-weight:normal; } 


.cdns-service-container {


    margin: 0 0 50px;


	text-align:left !important;


}


.cdns-theme-feature-icon {


    margin-right: 15px;


    width: 80px;


    height: 80px;


    line-height: 80px;


    font-size: 24px;


    color: #242424;


    border: solid 5px #e6e6e6;


    border-radius: 100%;


    text-align: center;


    vertical-align: middle;


    float: left;


    transition: all 0.3s ease-out 0s;


}


.cdns-theme-feature-icon i {


    color: #3498db;


    font-size:40px;


    line-height:75px;


	transition: all 0.3s ease-out 0s;


}


.cdns-service-container:hover .cdns-theme-feature-icon{


	border:solid 5px #3498db;


	background:#3498db;


	color:#fff;


}


.cdns-service-container:hover .cdns-theme-feature-icon i{


	color:#fff;


}


.cdns-service-container h3{


 margin:0;


 font-family: 'KarlaBold';


}


.cdns-service-container p{


 padding:0 !important;


 text-align:left !important;


 font-family: 'KarlaRegular';


}





/*-------Home Gallery Section------------------------*/





.gallery-section {


    width: 100%;


    padding:30px 0;


    background-color: #f7f7f7;


}


.home-gallery-section {


    width: 100%;


    padding:60px 0px 30px;


    background-color: #f7f7f7;


}


.gallery-col{


	margin-bottom:50px;


	overflow:hidden;


}


.home-gallery-showcase {


	position: relative;


	width: 100%;


	overflow: hidden;


	box-shadow: 0 0 3px rgba(0,0,0,0.3);


}


.home-gallery-showcase:hover .home-gallery-showcase-title a {


    text-decoration: underline;


}


.gallery-image{


    width: 100%;


    display: block;


	height: auto;


}


.home-gallery-showcase-overlay {


    visibility: hidden;


    position: absolute;


    width: 100%;


    height: 100%;


    top: -80%;


    left: 0;


	background:rgba(0,0,0,0.7);


	-webkit-transition: all .25s linear;


    -moz-transition: all .25s linear;


    -o-transition: all .25s linear;


    transition: all .25s linear;


}


.home-gallery-showcase img{


	-webkit-transition: all .45s ease-in;


    -moz-transition: all .45s ease-in;


    -o-transition: all .45s ease-in;


    transition: all .45s ease-in;


}


.home-gallery-showcase-overlay-inner {


	text-align: center;


    position: absolute;


    bottom:-110%;


    left: 0;


    width: 100%;


    overflow: hidden;


    visibility: hidden;


	 -webkit-transition: all .25s ease-in;


    -moz-transition: all .25s ease-in;


    -o-transition: all .25s ease-in;


    transition: all .25s ease-in;


}


.home-gallery-showcase .home-gallery-showcas-icons {


    margin-top: 10px;


    text-align: center;


    width: 100%;


}


.home-gallery-showcase .home-gallery-showcase-icons a {


    font-size: 1.3em;


    line-height: 1em;


    text-align:center;


    display: inline-block;


    margin-left: 2px;


    opacity:0.9;


	border-radius:50px;


	font-family: 'KarlaRegular';


	text-decoration: none;


	margin-right:5px;


    width: 45px;


    height: 45px;


    background-color: #fff;


    border: 1px solid #fff;


    color:#101010;


	transition: all 0.3s ease 0s;


}


.project-caption {


    background-color: #f4f4f4;


    color: #ffffff;


    transition: all 0.3s ease 0s;


    border-radius: 0;


    text-align: center;


    padding: 15px;


    transition: all 180ms ease-in-out 0s;


    cursor: pointer;


    word-wrap: break-word;


    overflow: auto;


    border-radius: 0px 0px 2px 2px;


}


.project-caption h4 a{


    color: #101010;


	font-family: 'KarlaBold';


	font-weight:600;


    transition: all 0.3s ease 0s;


}


.project-caption h4 a:hover{


    color:#d19d33;


    transition: all 0.3s ease 0s;


}


.home-gallery-showcase .home-gallery-showcase-icons a i{


    font-size:22px;


	line-height:45px;


	text-align:center;


}


.home-gallery-showcase-icons a:hover {


    background:#d19d33;


	border: 1px solid #d19d33;


	color:#fff;


}


.home-gallery-showcase:hover .home-gallery-showcase-overlay {


    visibility: visible;


	top: 0;


}


.home-gallery-showcase:hover img{


	-webkit-transform: scale(1.3) rotate(15deg);


	-moz-transform: scale(1.3) rotate(15deg);


	-ms-transform: scale(1.3) rotate(15deg);


}


.home-gallery-showcase:hover .home-gallery-showcase-overlay-inner {


    visibility: visible;


    bottom:40%;


    left: 0;


}


.home-gallery-showcase-fade {


    opacity: 0.8;


}


.home-gallery-showcase-fade:hover .home-gallery-showcase-overlay {


    display: none !important;


}





/*---------Testimonial Section--------------*/


.testimonial-section{


 width:100%;


 background: url(images/callout3.jpg) no-repeat center top fixed;


}


.solid-callout{


 background: rgba(0,0,0,0.7);


}





#quote-carousel {


  text-align:center;


  padding-bottom: 36px;


}


.testi-img img{


  width:125px;


  height:125px;


  margin:15px 0;


}


#quote-carousel p{


	font-family: 'KarlaItalic';


	font-size:20px;


	line-height:26px;


	color:#fff; 


	letter-spacing:1px;


	padding:10px 15px;


}


#quote-carousel small{


  padding: 8px;


  font-family: 'KarlaBold';


  margin-bottom: 10px;


  color:#ccc;


  font-size:16px;


  font-weight:400;


}


.testi-img img{border:3px solid #eee;border-radius:4px;}


/*-------Client Section-------------*/


.client-section{


  width: 100%;


  margin: 140px 0 150px;


}


.client_title {


  text-align:center;


  font-family: 'KarlaBold';


  margin:0px auto;


  padding-bottom:25px;


}





.client_area  {


    margin-left:80px; 


}


.client_logo  {


    text-align: center;


	float:left;


	background-color:#eff3f7;


	border: 1px solid #d1dce7;


	position: relative;


	margin-left:15px;


	margin-right:15px;


}


.client_logo   img{


	text-align:center;


	height:80px;	


}





.corpo_our_client_nav {


	bottom: -67px;


	position: relative;


	right:0;


	z-index: 1;


}


.our_client_prev{


	background-position: center;


	background-repeat: no-repeat;


	cursor: pointer;


	display: block;


	float: left;


	height: 56px;


	transition: all 0.3s ease 0s;


	width: 29px;


	padding: 2px 0px 5px;


	text-align: center;


}


.our_client_next{


	background-position: center;


	background-repeat: no-repeat;


	cursor: pointer;


	display: block;


	float: right;


	height: 56px;


	transition: all 0.3s ease 0s;


	width: 29px;


	padding: 2px 0px 5px;


	text-align: center;


}


.our_client_prev i, .our_client_next i{


	font-size: 20px;


	line-height: 2.5em;


	text-align: center;


}


 


/*-----Add new Css--------------------------------------------------------------*/





.blog_text {

    padding: 0;

	/* padding: 0 20px 15px 20px;*/
	
	/*background-color: #fff;*/

    font-size: 16px;

    /* color: #989898; This color is too light for the theme */	

	color: #101010;	

	font-family: 'KarlaRegular';

    line-height: 26px;

    font-weight: 300;

}


.blog_text h3 {


   padding-bottom: 5px;


   margin: 0;

}

/* Helper Classes */

.text-centered {
	text-align: center;	
	}
	
.text-left {
	text-align: left;
	}

.text-right {
	text-align: right;
	}
	
.text-bold {
	font-weight: bold;	
	}
	
.text-italic {
	font-style: italic;	
	}
	

.content_headings_black a {


    color: #202020;


	transition: all 0.3s ease 0s;


}


.content_headings_black a:hover {


    color:#d19d33;


}


.blog_text {



}


.read_more{}





.blog_round {


    text-align: center;


    width: 76px;


    height: 76px;


    background-color: #fff;


    border-radius: 50%;


    border: 6px solid #f1f1f1;


    position: absolute;


    bottom: 0;


    left: 25px;


    margin-bottom: -38px;


}


.blog_round p {


    font-size: 14px;


    color: #202020;


	font-family: 'KarlaRegular';


    text-transform: uppercase;


}


.blog_round p span {


    display: block;


    color: #d19d33;


	font-family: 'KarlaRegular';


     font-size: 20px;


    padding-top: 8px;


    font-weight: 700;


}





/*---------Blog page-------------------------------------------------*/


.blog-section {


	margin: 0 0 40px;


}


.blog-section .container:before, 
.blog-section .container:after {
	content:""; 
	visibility: visible;
	position: absolute; 
	top: 0; 
	width: 1px; 
	height: 45%;
	z-index: 9; /* laying left border on top of bg color. */
			
	/* Gradient Background */  
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+50,000000+50,000000+100&0+0,0.65+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}

.blog-section .container:before {left: 0;}
.blog-section .container:after {right: 0;}

.blog-section .home-blog-col img{


	max-height:400px;


}


/*---Sidebar Section Css----------*/


.sidebar-section {


	overflow: hidden;


    padding: 0;


    margin-bottom: 20px;


}


.sidebar-widget {


    margin-top: 0;


    overflow: hidden;


    padding: 0px;


    background:#f7f7f7;


    border: 1px solid #f7f7f7;


    margin-bottom:20px;


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


}


.sidebar-widget:last-child {


    margin-bottom: 0px;


}


.sidebar-widget-title {


    margin-bottom: 5px;


}


.sidebar-widget-title h2 {

    color: #fff;


    font-size: 16px;


    letter-spacing: 0.4px;


    border-bottom: 4px solid #d19d33;


    font-family: 'KarlaBold';


    text-transform: uppercase;


    word-wrap: break-word;


    margin: 0 0 5px;


    padding:5px 15px;


    background: #040408;
	
	border-radius: 4px;


}


.widget-content{

	padding: 5px;

    overflow: hidden;

}

body.woocommerce table.variations tbody,
body.woocommerce table.variations td {
	border: none;
	}

.woocommerce table.variations td.label {
	display: block;
	vertical-align: middle;	
	font-size: 100%;
	}
	
.woocommerce table.variations td.label label {
	display: block;
	height: 40px;
	margin-bottom: 0;
	padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #ddd;
	font-weight: normal;
	}

.woocommerce .star-rating {
	/* Overright Boostrap stying */
	float: none;
	margin: 10px 0;
	}
	
.star-rating span {
	color: #428bca
	}

.form-row label input.input-checkbox + span {
	margin-left: 20px;
	}

	
/* woocommerce_before_shop_loop styling */
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
	position: relative;
    float: none;
	margin: 0;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    float: none;
}

.woocommerce .woocommerce-ordering select::-ms-expand {
     display: none;
}

/* Customized drop arrow for Category Select */
ul.post-content{

	position: relative;

    margin-bottom: 0px;

	list-style: none outside none;

}

.woocommerce .woocommerce-ordering:before ,
.widget-content ul.post-content:before {
	content: '\f078';
	color: #555;
	top: 18px;
	left: 8px;
	position: absolute;
	pointer-events: none;
	font: normal normal normal 14px/1 FontAwesome;
}
 
.woocommerce .woocommerce-ordering select,
ul.post-content select.dropdown_product_cat {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  height: 50px;
  margin: 5px 0px;
  padding: 0px 28px;
  font-size: 16px;
  line-height: 1.75;
  color: #000;
  background-image: none;
  border: 1px solid #ccc;
  -ms-word-break: normal;
  word-break: normal;
}


/*---- Full Search -------*/
	.search:not(body) {
		/* Search widget not search page */
		/*https://www.stockvault.net/blog/freebies/free-texture-friday-grey-grunge/*/
		background-image: url('images/free_texture_friday_340-1024x768.jpg');
	}
		
	.search .container {
		padding: 10px;
	}
	
/*---- Sidebar Search -------*/

.widget-content > .input-group > .form-control {


	padding: 6px 12px;


	height: 40px;


	border: 1px solid #ccc;


	-webkit-box-shadow: none;


	box-shadow: none;


    z-index: 2;


    float: left;


    border-left-top-radius: 5px;
	
	border-left-bottom-radius: 5px;


}


.widget-content > .input-group > .form-control:focus {


	border-color: #e9e9e9;


	outline: 0;


	-webkit-box-shadow: none;


	box-shadow: none;


}


 button.search-btn {


    background: #d19d33 !important;


    border: 1px solid #d19d33 !important;


    border-right-top-radius: 5px;
	
	border-right-bottom-radius: 5px;


    letter-spacing: 0.2px;


    color: #ffffff !important;


    font-size: 15px;


    font-weight: normal;


    line-height: 1;


    padding: 11px 15px;


    text-align: center;


    position: absolute;


}





/*Sidebar footer-widget*/


ul.post-content input,
ul.post-content button,
ul.post-content textarea {
	padding: 0;
	}


ul.post-content li {


	/* border-bottom: 1px dotted #c5d1dc; */


	display: block;


	font-size: 14px;


	line-height: 20px;


	font-weight: normal;


	letter-spacing: 0px;


	margin-right: 0px;


	padding-top: 10px;


	vertical-align: top;


	padding-bottom: 10px;


	/* margin: 0px -36px; throwing off text in cart widget */


}


.post-content .sub-menu{margin-left:25px !important;}


ul.post-content li:first-child {


	padding-top: 0px;


}


ul.post-content li a {


	color: #727272;


	font-family: 'KarlaRegular';


	transition: all 0.3s ease 0s;


}


ul.post-content li:hover a {


    color:#d19d33;


}


.widget-content ul.post-content >ul > li > a:before {

	display: none;

	content: "\f14a" !important;


	font-family: FontAwesome;


	margin-right: 10px;


	margin-left: 1px;


	font-size: 14px;


}


@media (max-width: 480px) {

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce-page[class*=columns-] ul.products li.product,
	.woocommerce[class*=columns-] ul.products li.product {
		width: 100%;
		}
		
	}
	

.sidebar-btn {


  margin:10px 5px;


  padding:8px 14px;


  border-radius:4px;


  background-color: #EF3F57;


  color:#fff;


}


.sidebar-btn i{


  margin-right:5px;


}


/*sidebar post*/


.sm-sidebar-post {


    margin-bottom: 17px;


    margin-top: 0 !important;


    padding-bottom: 17px;


    overflow: hidden;


	border-bottom:1px dotted #ddd;


}


.sm-sidebar-post-area {


    display: block;


    float: left;


    margin-left: 0;


    margin-right:15px;


    padding: 1px;


}


.sm-sidebar-post-area img {


    display: block;


    height: auto;


    max-width: 100%;


    transition: all 0.3s ease-in-out 0s;


    border-radius: 0px;


	    border: 4px solid #fff;


    -moz-box-shadow: 0px 0px 2px #ccc;


    -webkit-box-shadow: 0px 0px 2px #ccc;


    box-shadow: 0px 0px 2px #ccc;


}


.sm-sidebar-post h4 {


    display: block;


	font-weight:normal;


    line-height: 25px;


    margin-bottom: 10px;


    margin-top: -4px;


    word-wrap: break-word;


    letter-spacing: 0.5px;


}


.sm-sidebar-post h4 a {


	color: #303030;


	font-size: 16px;


	font-family: 'KarlaBold';


    transition: all 0.3s ease 0s;


}


.sm-sidebar-post h4 a:hover {


	color:#d19d33;


}


.sm-sidebar-post span a {


	font-size: 12px;


    color: #000;


    transition: all 0.3s ease 0s;


	margin-left:5px;


}


/*Sidebar Tags*/


.sidebar-widget-tags {


    margin: 0 0 10px;


    overflow: hidden;


    padding: 4px 0;


}


.sidebar-widget-tags a {


	background-color: #fcfcfc;


	border: 1px solid #dadada;


    color: #45494b;


	border-radius:50px;


    cursor: pointer;


    display: inline-block;


	font-family: 'KarlaRegular';


    font-size: 14px;


    line-height: 20px;


    margin: 0 5px 10px 0;


    padding: 6px 14px;


    transition: all 0.3s ease 0s;


    vertical-align: baseline;


    white-space: nowrap;


}


.sidebar-widget-tags a:hover {


    background-color: #d19d33;


	border: 1px solid #d19d33;


    color: #ffffff;


}


/*---Blog Pagination-----*/


.blog-pagination {


	/* background:#fff; */


	margin:30px 0;


	overflow: hidden;


	text-align:left;


}


.blog-pagination a {


	background-color: #eee;


	border: 1px solid #ddd;


	color: #202020;


	font-weight:bold;


	cursor: pointer;


	text-align:center;


	display: inline-block;


	transition: all 0.3s ease 0s;


	font-size:18px;


	line-height:40px;


	border-radius:50px;


	margin: 0 3px 13px;


	vertical-align: baseline;


	white-space: nowrap;


	width: 45px;


	font-family: 'KarlaRegular';


	height: 45px;


}


.blog-pagination a i {


	line-height:45px;


}


.blog-pagination a:hover, .blog-pagination a.active {


	background-color: #d19d33;


	border: 1px solid #d19d33;


	color: #FFFFFF;


}


.scroll-top {


    bottom: 0px;


    display: none;


    height:44px;


    width:50px;


    opacity: 1;


    position: fixed;


    border-radius: 1px;


    right: 20px;


    text-align: center;


    overflow: hidden;


    z-index: 9999;


	background: #d19d33;


}


.scroll-top i {


    font-size: 24px;


    line-height:50px;


	color:#fff;


}





.google_map{width:100%; margin-top:40px;}








/*------Footer Section-------------------------------------------*/


footer {


	width: 100%;


	float: left;


	padding:70px 0 30px 0;


	margin:0;


	color:#eee;


	font-family: 'KarlaRegular';


}


.footer-bg {


	background:url(images/footer-texture-1.jpg) repeat left top !important;


}


.footer-bg.one {


	background:url(https://quartzbychris.com/wp-content/themes/QBC_2017/images/footer-texture-2.jpg) repeat center top;


}


.footer-bg-color {


	background:#161616;


	padding: 65px 0 20px 0;


}


.footer-bg-color.whitebg {


	background:#fff;


	padding: 65px 0 20px 0;


}


.title-line {


	background-color:#d19d33;


	height: 2px;


	margin: 0 auto 25px 0;


	padding: 0;


	width: 36px;


}


.title-line.wide50 {


	height: 2px;


	width: 50px;


}


.title-line.color {


	background-color: #009ff0;


}


.title-line.white {


	background-color: #fff;


}


ul.address-info {


	margin:0;


	padding:0;


}


ul.address-info.map {


	background:url(https://quartzbychris.com/wp-content/themes/QBC_2017/images/map.png) no-repeat center bottom;


	padding-bottom:20px;


}


ul.address-info li {


	margin-bottom:15px;


}


ul.address-info i {


	font-size:20px;


	margin-right:10px;


}


ul.address-info.one li {


	margin-bottom:40px;


}


ul.list-info , .list-info ul{


	margin:0;


	padding:0;


}





ul.list-info li {


	margin-bottom:15px;


}


ul.list-info li a, footer a {


	color:#eee;


}


.m-bottom3{color:#eee;}


ul.list-info li a:hover, footer a:hover {


	color:#fff;


}


ul.list-info.one li a:hover, .c-post-content a:hover {


	color:#d19d33;


}


.c-post {


	border-bottom:solid 1px #3d3d3d;


	margin-bottom:25px;


}


.c-post.one {


	border-bottom:solid 1px #dddddd;


	margin-top:25px;


	padding-bottom:10px;


}


.whitebg .col-md-3 .c-post {


	border-bottom:solid 1px #d8d8d8;


}


.c-post.c-post-last, .whitebg .col-md-3 .c-post.c-post-last {


	border-bottom:solid 0px #3d3d3d;


}


.c-post-img {


	float: left;


	height: 72px;


	position: relative;


	width: 68px;


}


.c-post-content {


	padding-left:80px;


}


.c-post-content p span {


	font-size:12px;


}


.post-info {


	border-bottom: 1px solid #e4e4e4;


	border-top: 1px solid #e4e4e4;


	float: left;


	margin: 0 0 20px;


	padding: 10px 0;


	width: 100%;


}


.comment-list {


	margin-bottom:25px;


}


.tags-b {


	border: 1px solid #505050;


    border-radius: 6px;


    color: #727272;


    display: inline-block;


    margin: 0 5px 10px 0;


    padding: 8px 14px;


}


.tags-s {


	border:solid 1px #505050;


	border-radius:4px;


	color:#727272;


	padding:8px 14px;


	margin: 0 5px 5px 0;


	display: inline-block;


}


.tags-s:hover {


	border:solid 1px #000;


	background:#000;


	border-radius:4px;


	color:#fff;


	padding:8px 15px;


	margin: 0 5px 5px 0;


	display: inline-block;


}


.con-icons {


	width:18%;


	float:left;


}


.con-info {


	float:right;


	width:78%;


}


.con-info h3 {


	margin-top:0;


	color:#222222;


}


.content-container {


	background: rgba(255, 0, 0, 0.1) none repeat scroll 0 0;


	margin-top: 10px;


	text-align: center;


	width: 100%;


	border:0;


}


iframe {


	border:0;


}


.panel-group.fullwide {


	width:100%;


}





/* flickr widget */


.flickr-widget img {


	border: 0 solid #999 !important;


	height:58px;


	margin-bottom: 6px;


	margin-right: 6px;


	transition-duration: 0.3s;


	transition-property: background-color, color;


	transition-timing-function: ease-out;


	width: 58px;


}


.owl-next i, .owl-prev i{


  line-height:30px;


  text-align:center;


}


/* copyrights */


.copyrights {


	width:100%;


	float:left;


	background: #131617;


	margin: 0;


	padding:15px 0;


}


.copyrights p {


   color:#eee;


   font-family: 'KarlaRegular';


}


.copyrights .social-icons li i {


    line-height: 30px;


}


.copyrights .social-icons li a:hover {background-color: #fff;}


.copyrights .social-icons li a:hover i {color: #202020;}


.copyrights.one {


	background:#000000;


}


.flinks a{


	color:#888989;


}


.flinks a:hover{


	color:#fff;


}


.flinks span{


	padding:0 10px;


}


.footer-bg {


  background: #181c1d;


  color: #eee;


}


.flickr-img {


    float: left;


    width: 100%;


}


.flickr-img > a img {


    float: left;


    max-width: 80px;


    opacity: 0.62;


    margin: 0 5px 5px 0;


}


.c-post-title{font-size:18px;margin:0;}


.nopadding {


    padding: 0 !important;


}





/*-----home Blog--------------------------*/


.padding60{padding:60px 0;}


.blog_area{


 background:#f7f7f7;


 padding:60px 0;


}


.blog-post-info {


    padding: 10px 0;


    text-align: left;


}


.blog-post-info ul {


    padding: 0;


}


.blog-post-info ul li {


    display: inline;


    margin-right: 8px;


    letter-spacing: 0.5px;


}


.blog-post-info li i {


    font-size: 14px;


    color: #0FABEA;


    margin-right: 5px;


    margin-top: 0px;


}


.blog-post-info ul li a {


    color: #202020;


	font-family: 'KarlaRegular';


    letter-spacing: 0.5px !important;


    font-size: 16px;


    transition: 0.5s all;


    -webkit-transition: 0.5s all;


    -moz-transition: 0.5s all;


}


.blog-post-info ul li a:hover {


    color:#d19d33;


}


.home-blog-area{margin:40px 20px 15px 0px;}


.blog-area .blog_text{ /* background: #f7f7f7; */ }


.blog-area{margin:0px 0px 25px 0px;}


.blog-area h1,
.blog_text h1 {
	margin-top: 0;
	}


/*-----Page title-----------------------------------------*/


/* .page-heading-section {


	background: url("images/callout3.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0);


	margin: 0 0 0px;


	overflow: hidden;


	padding: 0;


	width: 100%;


	margin-top: 0px !important;


} */


.page-heading-section .overlay {


	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);


	padding: 20px 0;


	position: relative;


	width: 100%;


}


.woocommerce .blog-section .page-title {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.4px;
    border-bottom: 4px solid #d19d33;
    font-family: 'KarlaBold';
    text-transform: uppercase;
    word-wrap: break-word;
    margin: 0 0 5px;
    padding: 5px 15px;
    background: #040408;
    border-radius: 4px;
}


.page-title h1,
.page-title span {


	color: #ffffff;


	font-family: 'KarlaBold';


	font-size: 28px;


	letter-spacing: 1px;


	margin: 0 0 0px;


	word-wrap: break-word;


  	text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);


}


.page-breadcrumb {


	list-style: none outside none;


	margin-bottom: 2.25px;


	padding: 0;


	text-align: right;


	font-size: 15px;


	line-height: 20px;


}


.page-breadcrumb > li { display: inline-block; }


.page-breadcrumb > li + li:before {


	color: #ffffff;


	content: "| ";


	padding: 0 5px;


}


.page-breadcrumb > li.active a {


	color: #d19d33;


  text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);


}


.page-breadcrumb > li a { color: #ffffff;font-family: 'KarlaRegular'; }


.page-seperator { height: 70px; width: 100%; overflow: hidden;}


.margin-top { margin-top: 0px; } .margin-bottom { margin-bottom: 0px; }


/*------About page---------------------------------------------*/


.section-lg {


    width: 100%;


    padding:75px 0;


}


.team-section{


 background:#f7f7f7;


}





.our-team{


    float:left;


    width:100%;


    margin-bottom:-30px;


}


.team-member {


    float:left;


    margin-bottom:30px;


    overflow:hidden;


    padding-left:20%;


	font-family: 'KarlaBold';


    position:relative;


    width:100%;


}


.team-img {


    float:left;


    position:relative;


    width:100%;


}


.team-img img{width:100%;}


.team-hover {


    height:100%;


    opacity:0;


    text-align:center;


    position:absolute;


    right:0;


    top:0;


    width:100%;


    -webkit-transform:scale(0.8);


    -moz-transform:scale(0.8);


    -ms-transform:scale(0.8);


    -o-transform:scale(0.8);


    transform:scale(0.8);


}


.team-member:hover .team-hover {


    opacity:1;


    -webkit-transform:scale(1);


    -moz-transform:scale(1);


    -ms-transform:scale(1);


    -o-transform:scale(1);


    transform:scale(1);


}


.team-hover:before {


    background:#000000 none repeat scroll 0 0;


    content:"";


    height:100%;


    opacity:0.9;


    position:absolute;


    left:0;


    top:0;


    width:100%;


}


.team-hover p {


    color:#ffffff;


    font-size:14px;


    font-weight:400;


    margin:-130px 0 0;


	font-family: 'KarlaRegular';


    opacity:0;


    padding:50px;


    position:absolute;


    top:50%;


    -webkit-transform:scaleX(0);


    -moz-transform:scaleX(0);


    -ms-transform:scaleX(0);


    -o-transform:scaleX(0);


    transform:scaleX(0);


}


.team-member:hover .team-hover > p {


    opacity:1;


    -webkit-transform:scaleX(1);


    -moz-transform:scaleX(1);


    -ms-transform:scaleX(1);


    -o-transform:scaleX(1);


    transform:scaleX(1);


}


.social-media {


    left:0;


    list-style:outside none none;


    margin:0;


    padding:0;


    position:absolute;


    width:20%;


}


.social-media > li {


    float:left;


    margin-bottom:10px;


    text-align:center;


    width:100%;


}


.social-media li > a {


    background:#fff none repeat scroll 0 0;


    color:#202020;


    display:inline-block;


	font-family: 'KarlaRegular';


    font-size:16px;


    height:42px;


    line-height:42px;


    text-align:center;


    width:42px;


}


.social-media li > a >i {


    line-height:42px;


}


.social-media li > a:hover {


    background:#d19d33 none repeat scroll 0 0;


    color:#fff;


}	


.social-media > li:hover > a {color:#ffffff;}


.team-name {


    background:#ffffff none repeat scroll 0 0;


    bottom:0;


    left:15px;


    padding:30px 0;


    position:absolute;


    text-align:center;


    width:80%;


}


.team-name > span {


    font-family:arimo;


    font-size:11px;


    font-weight:400;


    letter-spacing:0.3px;


    line-height:20px;


}


.team-name > h5 {


    font-size:16px;


    font-weight:bold;


    line-height:30px;


    margin:0;


    text-transform:uppercase;


}


.team-name > h5 > a {color:#3e3e3e;}





/*-----Callout Section---------------------------*/


.bg-parallax {


    background: url("images/callout3.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0);


    overflow: hidden;


    padding: 0;


    width: 100%;


}


.bg-parallax .overlay {


    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);


    padding: 74px 0 83px;


    position: relative;


    width: 100%;


}


.bg-parallax h1 {


    color: #ffffff;


    letter-spacing: 0px;


	padding: 0 90px;


    margin: 0 0 17px;


	text-align: center;


}


.bg-parallax p {


	color: #ffffff;


    font-size: 16px;


    letter-spacing: 0.2px;


    line-height: 25px;


    margin: 0;


	text-align: center;


	padding: 0 90px;


}


/*-----Protfolio Tabs---------*/


.protfolio-tabs-section{


  text-align:center;


  margin: 30px 0;


}


.isotope-hidden.isotope-item {


    pointer-events: none;


    z-index: 1;


}


.isotope, .isotope .isotope-item {


    transition-duration: 0.8s;


}


.isotope {


    transition-property: height, width;


}


.isotope .isotope-item {


    transition-property: transform, opacity;


}


.protfolio-filter {


    margin: 60px 0 0;


    padding: 0;


}


.protfolio-filter ul {


    list-style: outside none none;


    margin: 0;


    padding: 0;


}


.protfolio-filter li {


    display: inline-block;


    margin: 0 5px 0 0;


    padding: 0;


}


.protfolio-filter li a {


   color: #fff;


    background: #0F2C3E none repeat scroll 0 0;


    border-radius: 50px;


    display: inline-block;


    font-size: 16px !important;


    font-weight: 500;


    margin: 0;


    padding: 8px 22px;


    text-transform: capitalize;


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


}


.protfolio-filter li a:hover {


    color: #fff;


	background:#0078ff;


    transition: all 0.3s ease-in-out 0s;


}


.protfolio-filter li a.active {


    color: #fff;


	background:#0078ff;


    transition: all 0.3s ease-in-out 0s;


}


.portfolio-section {


    margin: 60px 0 0;


    padding: 0;


}


.portfolio-section img {


    width: 100%;


}


.protfolio-filter .current {


	background:#0169df;


}


/*------Carousel Style-------------------------*/


.





/*---------Contact Form----------------------------*/


.input-box{ margin-bottom: 15px;}


.input-box .form-control {


  background-color: #f2f2f2 !important;


  border: none;


  height: 42px;


  padding-left: 15px;


  font-size: 14px;


  outline: none;


  font-family: 'KarlaRegular';


    border-radius: 0px !important;


    background: #F2F2F2 !important;


    border: none !important;


    margin-bottom: 15px;


    height: 40px;


}


.contact-form textarea {


  margin-bottom: 30px;


  outline: none;


  padding-left: 15px;


  padding-top: 10px;


  border: none;


  overflow: hidden;


  background-color: #f2f2f2;


  height: 140px;


  max-height: 190px;


  width: 100%;


  max-width: 100%;


  border-radius: 3px;


  margin-right: 15px;


  display: inline-block;


  font-family: 'KarlaRegular';


  font-size: 13px;


}


.contact-form .btn {


  text-align: center;


}


.contact-form button , .accent-button a{


  font-family: 'KarlaRegular';


  font-size: 18px;


  font-weight: 700;


  color:#fff;


  padding:10px 20px;


  font-family: 'KarlaBold';


  background-color:#d19d33;


  border-radius:4px;


}


@media (max-width: 991px) {


  section.contact-info .contact-item {


    margin-bottom: 30px;


  }


}


section.contact-info {


  background-color:#d19d33;


}


@media (max-width: 991px) {


  section.contact-info .contact-item {


    margin-bottom: 30px;


  }


}


section.contact-info .contact-item i {


  font-size: 28px;


  color: #d19d33;


  background-color: #ffffff;


  width: 80px;


  height: 80px;


  display: inline-block;


  line-height: 80px;


  text-align: center;


  border-radius: 50%;


  float: left;


  margin-right: 20px;


}


@media (max-width: 991px) {


  section.contact-info .contact-item i {


    font-size: 22px;


    width: 60px;


    height: 60px;


    line-height: 60px;


  }


}


section.contact-info .contact-item span {


  line-height: 30px;


  display: inline-block;


  padding-top: 10px;


  color:#fff;


  font-size: 16px;


  font-weight: 400;


  letter-spacing: 0.5px;


}


@media (max-width: 991px) {


  section.contact-info .contact-item span {


    padding-top: 0px;


  }


}


/*-----Blog Details----------------------------------------------------*/


.single-blog-page .blog-post .blog-item {


  margin-top: 0px;


}


/* .single-blog-page .blog-post .blog-item img {


  width: 100%;


  overflow: hidden;


} */


.single-blog-page .blog-post .blog-item .text-content {


  border-bottom: 1px solid #eeeeee;


  padding-bottom: 20px;


}


.single-blog-page .blog-post .blog-item .text-content h4 {


  font-size:24px;


  font-weight: 700;


  color:#202020;


  text-transform: uppercase;


  letter-spacing: 0.5px;


  margin-top: 20px;


  margin-bottom: 0px;


}


.single-blog-page .blog-post .blog-item .text-content span {


  display: block;


  margin-top: 5px;


  margin-bottom: 20px;


  font-family: 'KarlaRegular';


  font-size: 12px;


  color: #7a7a7a;


  font-style: italic;


}


.single-blog-page .blog-post .blog-item .text-content p {


  font-size: 14px;


  line-height: 25px;


}


.single-blog-page .blog-post .blog-item .text-content blockquote {


  margin: 25px 10px;


  border: 3px solid #eeeeee;


  font-family: 'KarlaRegular';


  font-size: 15px;


  color: #121212;


  font-style: italic;


  line-height: 27px;


}


.single-blog-page .blog-post .blog-item .direction {


  text-align: center;


  margin-top: 45px;


}


.single-blog-page .blog-post .blog-item .direction ul {


  padding: 0;


  margin: 0;


  list-style: none;


}


.single-blog-page .blog-post .blog-item .direction ul li {


  display: inline-block;


}


.single-blog-page .blog-post .blog-item .direction ul li ul.social-icons {


  padding: 0;


  margin-top: -10px;


  text-align: center;


  list-style: none;


}


@media (max-width: 991px) {


  .single-blog-page .blog-post .blog-item .direction ul li ul.social-icons {


    margin-top: 40px;


  }


}


.single-blog-page .blog-post .blog-item .direction ul li ul.social-icons li {


  display: inline-block;


  margin-right: 4px;


}


.single-blog-page .blog-post .blog-item .direction ul li ul.social-icons li a {


  width: 36px;


  height: 36px;


  background-color: #f2f2f2;


  display: inline-block;


  text-align: center;


  line-height: 36px;


  color: #6a6a6a;


  border-radius: 50%;


}


.single-blog-page .blog-post .blog-item .direction ul li ul.social-icons li a:hover {


  background-color: #d19d33;


  color: #ffffff;


  transition: all 0.5s;


}


.single-blog-page .blog-post .blog-item .direction ul li:first-child {


  float: left;


}


.single-blog-page .blog-post .blog-item .direction ul li:last-child {


  float: right;


}


@media (max-width: 991px) {


  .single-blog-page .blog-post .blog-item .direction ul .accent-button {


    float: right;


    margin-top: -95px;


  }


}


.single-blog-page .blog-post .comments {


  border-top: 1px solid #eeeeee;


  margin-top: 30px;


  border-bottom: 1px solid #eeeeee;


}





@media (max-width: 991px) {


  .single-blog-page .blog-post .leave-comment {


    margin-bottom: 25px;


  }


}





.single-blog-page .blog-post .leave-comment input, .leave-comment input {


  width: 100%;


  background-color: #f2f2f2;


  border: none;


  height: 42px;


  padding-left: 15px;


  font-size: 16px;


  outline: none;


  margin-bottom: 30px;


  font-family: 'KarlaRegular';


  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);


}


.form-submit input{


 border-radius:2px !important;


}


.single-blog-page .blog-post .leave-comment textarea , .leave-comment textarea {


  margin-bottom: 30px;


  width: 100%;


  max-width: 100%;


  background-color: #f2f2f2;


  border: none;


  height: 180px;


  max-height: 220px;


  padding-top: 14px;


  padding-left: 15px;


  font-size: 16px;


  outline: none;


  font-family: 'KarlaRegular';


  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);


}


.contact-section section{padding:60px 0;}


/* social medai iocns */


.fa-social-icons {


	text-align:center;


	font-size:45px;


	padding:20px 0;


	transition: all 0.3s ease-out 0s;


}


.fa-social-icons a, .fa-social-icons a:hover {color:#FFF;}


.facebook-icon {background:#1852a9;}


.twitter-icon {background:#26d3f9;}


.google-icon {background:#da4835;}


.linkedin-icon {background:#007ab9;}


.instagram-icon {background:#4878a0;}


.vimeo-icon {background:#0a9cc1;}


.facebook-icon:hover, .twitter-icon:hover, .google-icon:hover, .linkedin-icon:hover, .instagram-icon:hover, .vimeo-icon:hover {background:#222222;}


ul.social-icons {margin:20px 0 0 0;padding: 0;float:left;}


ul.social-icons li {float: left;margin: 0 8px 0 0;padding: 0;}


ul.social-icons li i {color: #202002;line-height: 36px;}


ul.social-icons li a {


	background-color: #595959;


	border-radius: 100%;


	color: #919191;


	float: left;


	font-size: 14px;


	height: 36px;


	line-height: 36px;


	margin: 0;


	padding: 0;


	text-align: center;


	width: 36px;


}


ul.social-icons li a:hover {background-color: #fff;}


ul.social-icons li a:hover i {color: #fff;}


ul.social-icons.style-two {


	margin:0px 0 0 0;


	padding: 0;


	float:left;


}


.blog-navi a{


 font-family: 'KarlaBold';


 color:#202020;


 font-size:18px;


}


ul.social-icons.style-two li a {


	background-color:transparent;


	width:auto;


	padding-right:5px;


	margin-right:10px;


}


ul.social-icons.style-three {margin:0;float:right;}


ul.social-icons.style-three li a {height: 30px;line-height: 30px;width: 30px;}


ul.social-icons.style-four {float:none;}


ul.social-icons.style-four li {float:none;display:inline-block}


ul.social-icons.style-five {float:right;display:inline-block;margin-top:14px;}


ul.social-icons.style-five.one {float:left;}


ul.social-icons.style-five li {margin-left:5px;margin-right:0px;}


ul.social-icons.style-five li a, ul.social-icons.style-five li i {border-radius:0;color:#FFF;}


ul.social-icons.style-five.one.circle li a {border-radius:100%;}


ul.social-icons.style-five li.facebook a {background:#3c599b;}


ul.social-icons.style-five li.twitter a {background:#00abf0;}


ul.social-icons.style-five li.linkedin a {background:#007bb6;}


ul.social-icons.style-five li.google-plus a {background:#dd4c39;}


ul.social-icons.style-five li.pinterest a {background:#ef1438;}


ul.social-icons.style-five li.skype a {background:#13caff;}


ul.social-icons.style-five li.dribbble a {background:#f5699a;}


ul.social-icons.style-five li.wordpress a {background:#2472a2;}


ul.social-icons.style-five li.android a {background:#8ec429;}


ul.social-icons.style-five li.windows a {background:#23c5f1;}


ul.social-icons.style-five li.renren a {background:#025dac;}


ul.social-icons.style-five li.apple a {background:#a6a8a7;}


ul.social-icons.style-five li.faqq a {background:#1f1f1f;}


ul.social-icons.style-five li.weixin a {background:#1a1a1a;}


ul.social-icons.style-five li.youtube a {background:#cb3235;}


ul.social-icons.style-five li.rss a {background:#ffa336;}


ul.social-icons.style-five li.flickr a {background:#ee1a89;}


ul.social-icons.style-five li.whatsapp a {background:#1f9e11;}


ul.social-icons.style-five li a:hover {background:#fff;}


ul.social-icons.style-five.style-five.one li a:hover {background:#000;}


ul.social-icons.style-five.style-five.one li a i {color:#FFF}


ul.social-icons.style-five.ltside {float:left;}


.fa-social-icons.sty-six {


	text-align:center;


	font-size:45px;


	padding:20px 0;


	transition: all 0.3s ease-out 0s;


}


.fa-social-icons.sty-six li a, .fa-social-icons.sty-six li a:hover {color:#FFF;background:#000000;}


ul.social-icons.sty-six {


	margin:20px 0 0 0;


	padding: 0;


	float:left;


}


ul.social-icons.sty-six li {


	float: left;


	margin: 0 8px 0 0;


	padding: 0;


}


ul.social-icons.sty-six li i {


	color: #919191;


}


ul.social-icons.sty-six li a {


	background-color: #595959;


	border-radius:0;


	color: #919191;


	float: left;


	font-size: 14px;


	height: 36px;


	line-height: 36px;


	margin: 0;


	padding: 0;


	text-align: center;


	width: 36px;


}


ul.social-icons.sty-six li a:hover {


	background-color: #000;


}


ul.social-icons.sty-six li a:hover i {


	color: #fff;


}


ul.social-icons.sty-six.circle li a {


	background-color: #009ff0;


	border-radius:100%;


	color: #fff;


	float: left;


	font-size: 14px;


	height: 36px;


	line-height: 36px;


	margin: 0;


	padding: 0;


	text-align: center;


	width: 36px;


}


ul.social-icons.sty-six.circle li a:hover {background-color: #000;}


ul.social-icons.sty-six.circle li a i {color: #fff;}


ul.social-icons.sty-six.circle li a:hover i {color: #fff;}


ul.social-icons.sty-six.boxed li a {


	background-color: #fff;


	border:solid 1px #d3d3d3;


	border-radius:0;


	color: #919191;


	float: left;


	font-family: 'KarlaRegular';


	font-size: 14px;


	height: 36px;


	line-height: 36px;


	margin: 0;


	padding: 0;


	text-align: center;


	width: 36px;


}


ul.social-icons.sty-six.boxed li a:hover {background-color: #000;}


ul.social-icons.sty-six.boxed li a i {color: #595959;}


ul.social-icons.sty-six.boxed li a:hover i {color: #fff;}


ul.social-icons.sty-six.border li a {


	background-color: #fff;


	border:solid 1px #d3d3d3;


	border-radius:100%;


	color: #919191;


	font-family: 'KarlaRegular';


	float: left;


	font-size: 14px;


	height: 36px;


	line-height: 36px;


	margin: 0;


	padding: 0;


	text-align: center;


	width: 36px;


}


ul.social-icons.sty-six.border li a:hover {background-color: #000;border:solid 1px #000;}


ul.social-icons.sty-six.border li a i {color: #595959;}


ul.social-icons.sty-six.border li a:hover i {color: #fff;}





/*------Owl Carousel Navigation------------*/


.owl-theme .owl-controls{


	margin-top: 10px;


	text-align: center;


}


.owl-theme .owl-controls .owl-buttons div{


   color: #FFF;


    display: inline-block;


    zoom: 1;


    margin: 5px;


    width: 40px;


    height: 30px;


    font-size: 24px;


    -webkit-border-radius: 30px;


    -moz-border-radius: 30px;


    border-radius: 30px;


    background: #0F2C3E none repeat scroll 0 0;


	vertical-align:middle;


}





.owl-prev i,.owl-prev i{


     line-height: 30px;


}


.owl-theme .owl-controls.clickable .owl-buttons div:hover{


	filter: Alpha(Opacity=100);/*IE7 fix*/


	opacity: 1;


	text-decoration: none;


	background:#3498db none repeat scroll 0 0;


}





/* Styling Pagination*/





.owl-theme .owl-controls .owl-page{


	display: inline-block;


	zoom: 1;


	*display: inline;/*IE7 life-saver */


}


.owl-theme .owl-controls .owl-page span{


	display: block;


	width: 12px;


	height: 12px;


	margin: 5px 4px;


	filter: Alpha(Opacity=50);/*IE7 fix*/


	-webkit-border-radius:50px;


	-moz-border-radius: 50px;


	border-radius: 50px;


	background: #d19d33;


	border:2px solid #fff;


}


.owl-theme .owl-controls .owl-page.active span,


.owl-theme .owl-controls.clickable .owl-page:hover span{


	filter: Alpha(Opacity=100);/*IE7 fix*/


	background: #d19d33;


	border:2px solid #d19d33;


}


/*----comments section------------------------*/


.comment-title{padding: 30px 0;}


.comments i{margin-right:5px;}


.comment-col { margin: 0 !important; padding: 0; position: relative; }


.pull-left-comment { float: left; margin-right:15px; }


.comment-img { border-radius: 100%; height:85px; margin: 2px 0 20px; width:85px; }


.comment-detail { 


    margin-bottom: 40px; 


	margin-left: 0; 


	padding: 15px;


    border: 1px solid #c5d1dc; 


	border-radius:4px;


}


.comment-detail-title { 


	letter-spacing: 0.8px;


    font-size: 16px;


    line-height: 20px;


    margin: 0 0 15px;


	font-family: 'KarlaBold';


}


.comment-date {


	float: right;


    font-size: 16px;


	letter-spacing: 0.8px;


    line-height: 20px;


    margin: 0;


	color:#d19d33;


    padding-left: 7px;


    vertical-align: middle;


}


.comment-detail p {


	font-size: 16px;


	line-height: 25px;


	letter-spacing: 0.8px;


	margin: 0 0 15px;


	font-family: 'KarlaRegular';


	text-align: justify;


}


.reply a {


	border-radius: 2px;


	display: inline-block;


	font-family: 'KarlaRegular';


	letter-spacing: 0.8px;


	font-size: 14px;


	color:#d19d33;


	line-height: 20px;


	padding: 3px 15px;


}


.hc_scrollup {


    bottom: 0px;


    padding: 7px;


    display: none;


    height: 50px;


    width: 54px;


    opacity: 1;


    position: fixed;


    border-radius: 1px;


    right: 20px;


    text-align: center;


    overflow: hidden;


    z-index: 9999;


    background:#d19d33;


}


.hc_scrollup i {


    font-size: 22px;


	color:#fff;


    line-height: 40px;


}





.blog_img {


    text-align: center;


    position: relative;


    line-height: 0px;


    font-size: 0px;


    transition: all 200ms ease-out;


    -webkit-transition: all 200ms ease-out;


    width: 100%;


    height: 100%;


    border-radius: 0;


}


.blog_img img{


 width:100%;


}





.blog-showcase-overlay{


    background: rgba(0, 0, 0, 0.8);


    visibility: hidden;


    opacity: 0;


    -wekbit-transition: all 0.7s;


    -moz-transition: all 0.7s;


    -o-transition: all 0.7s;


    transition: all 0.7s;


    position: absolute;


    z-index: 10000;


    width: 100%;


    height: 100%;


    border-radius: 0;


    top: 0;


    left: 0;


    bottom: 0;


    right: 0;


}


.blog-showcase-overlay-inner{


    position: absolute;


    top: 50%;


    left: 0;


    width: 100%;


    height: auto;


    transform: translateY(-50%);


    z-index: 0;


    padding: 10px;


}


.blog_img .blog-showcase-icons {


    margin-top: 0px;


    text-align: center;


    width: 100%;


}


.blog_img:hover .blog-showcase-overlay{


    visibility: visible;


    opacity: 0.9;


}


.blog_img .blog-showcase-icons a i {


    -wekbit-transition: all 0.4s;


    -moz-transition: all 0.4s;


    -o-transition: all 0.4s;


    transition: all 0.4s;


    -wekbit-transform: translateY(30px);


    -moz-transform: translateY(30px);


    -o-transform: translateY(30px);


    -ms-transform: translateY(30px);


    transform: translateY(30px);


}


.blog_img:hover .blog-showcase-icons a i {


    -wekbit-transform: translateY(0);


    -moz-transform: translateY(0);


    -o-transform: translateY(0);


    -ms-transform: translateY(0);


    transform: translateY(0);


}


.blog_img .blog-showcase-icons a i {


    font-size: 24px;


    line-height:45px;


    color: #d19d33;


    border-radius:2px;


    height:45px;


    width:45px;


    background: #fff;


      -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);


    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);


    box-shadow: 0 0 5px rgba(0,0,0,0.5);


}


.blog_img .blog-showcase-icons a i:hover {


    color: #fff;


    background:#d19d33;


	opacity:1;


}


.tagcloud a {


    background-color: #fcfcfc;


    border: 1px solid #dadada;


    color: #45494b;


    border-radius: 50px;


    cursor: pointer;


    display: inline-block;


    font-family: 'KarlaRegular';


    font-size: 14px !important;


    line-height: 20px;


    margin: 0 5px 10px 0;


    padding: 6px 14px;


    transition: all 0.3s ease 0s;


    vertical-align: baseline;


    white-space: nowrap;


}


.tagcloud  a:hover {


    background-color: #d19d33;


	border: 1px solid #d19d33;


    color: #ffffff;


}


/*------ Calendar ------------------------*/


div#calendar_wrap table>caption{


    padding-top: 8px;


    padding-bottom: 8px;


    color: #333 !important;


    text-align: left;


}


div#calendar_wrap table>thead>tr>th ,.list-info > .calendar_wrap > table > thead > tr > th {


	color: #fff !important;


	background: #d19d33 !important;


    border: 1px solid #d19d33 !important;


	font-family: 'KarlaRegular';


	font-size: 15px;


	font-weight: 600;


	line-height: 20px;


	margin: 0;


	padding: 10px;


	text-align: center;


}





.widget div#calendar_wrap table>tfoot>tr>td


{


	border: 1px solid #e9e9e9;


	font-size: 20px;


	margin: 0;


	padding: 2px;


	text-align: center;


}


d.widget iv#calendar_wrap table>caption ,tbody ,td, th {


    border: 1px solid #ccc;


    padding: 6px 8px;


    color: #333 !important;


}


#calendar_wrap a


{


	font-family: 'Open Sans';


	font-size: 14px;


	font-weight: 600;


	letter-spacing: 0;


	line-height: 20px;


	color: #d19d33;


}


#calendar_wrap a:hover


{


color: #fff;


}





.widget div#calendar_wrap table>tbody>tr>td


{


	color: #727272;


	font-family: 'Open Sans';


	font-size: 14px;


	font-weight: 600;


	margin: 0;


	padding: 8px 10px;


	text-align: center;


}


td,th


{


	border: 1px solid #ccc;


	padding: 6px 8px;


	color:#fff;


}


div#calendar_wrap table>caption {


    padding-top: 8px;


    padding-bottom: 8px;


    color: #333 !important;


    text-align: left;


}


.widget-content > .calendar_wrap > table > caption ,tbody ,td, th {


    border: 1px solid #ccc;


    padding: 6px 8px;


    color: #202020 !important;


}


.list-info > .calendar_wrap  > table > caption ,tbody ,td, th {


    border: 1px solid #ccc;


    padding: 6px 8px;


    color: #eee;


}


.list-info >.calendar_wrap  > table > tbody > tr > td{


    color: #eee !important;


}


.form-submit > input {    /* font-family: 'KarlaRegular' !important; */


    font-size: 18px !important;


    font-weight: 700 !important;


    color: #fff !important;


    /* padding: 10px 20px !important; */


    font-family: 'KarlaBold' !important;


    background-color: #d19d33 !important;


    border-radius: 4px !important;


	width:25% !important;}


.navbar-header h1 a{ 


	font-family: cursive !important;


    font-weight: 900; }	


.site-logo, .site-branding h1 a { margin-top: -30px !important; }

	@media screen and (max-width: 768px) {
		.site-logo, .site-branding h1 a { margin-top: -50px !important; }
	}

.site-branding h1{margin: 15px 0px 0px !important;}


.site-branding  p { font-family: cursive !important; margin:0px !important;}


.site-branding a img { 
	height: auto;
	max-height: 100%;
	max-width: 100%;
	margin-top: 40px !important;
	}

@media screen and (max-width: 768px) {
	.site-branding a img { 
		max-width: 40%;
		}
	}

/* Header image style */


	.site-branding, .site-header-menu, .header-image {
	
		margin-top: 1.75em;
	
	
		margin-bottom: 1.75em;	
	
	}



@media screen and (min-width: 44.375em) {


.header-image {


    margin: 1.3125em 0;


	}

}


.header-image.container {


    clear: both;
	margin: 0px;
    width: 100%;
	background: #000000;


}


.header-image ul.slides a.pricing-deal {
    display: block;
	width: 90%;
	position: absolute;
	bottom: 10px;
	right: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 18px;
	text-align: center;
}

@media screen and (max-width: 620px) {
	/* Screens smaller than 620px */
	.header-image ul.slides a.pricing-deal {
		position: relative;
		left: 0;
		transform: none;
	}
}

.header-image a img {


    height: auto;


    max-width: 100%;


    vertical-align: middle;


}

/* This theme is removing custom css on pages other than the front page */
/* START: FlexSlider Necessary Styles
*********************************/
.flexslider {
    position: relative;
    padding: 0;
    margin: auto;
}
.flexslider {
    max-width: 950px;
}
/* *********************************
END: FlexSlider Necessary Styles */

.flexslider a.vtprd-store-deal-msg-area {
	position: absolute;
	top: 20px;
	right: 20px;
	margin: auto;
	color: #fff;
	font-size: 1.25em;
	font-family: inherit;
	}

.pricing-deal {
	text-align: right;
	color: #fff;
	}

.pricing-deal i {
	font-size: 13px;
	}
	
a.vtprd-store-deal-msg-area {
	margin-top: -27px /* height of div */;
	margin-right: 20px;
	float: right;
	color: #d19d33;
    font-size: 15px;
	text-align: right;
	border-bottom: 1px solid transparent;
	}
	
	@media screen and (max-width: 768px) {
		a.vtprd-store-deal-msg-area {
		display: inline-block;
		float: none;
		margin: auto;
		text-align: center;
		}
	}
	
a.vtprd-store-deal-msg-area:hover {
	border-color: #d19d33;
	}	
	
.summary .vtprd-store-deal-msg-area {
	color: #000;
	}
	
a.pricing-deal-link {
	display: inline-block;
    font-size: 15px;
	margin-left: 5px;
	color: #fff;
	border-bottom: 1px solid transparent;
	}
	
a.pricing-deal-link:hover {
	border-color: #fff;
	}

@media screen and (max-width: 560px) { 
	
	.vtprd-store-deal-msg-area { 
		text-align: center;
		}
		
	.pricing-deal {
		text-align: center;
		margin-bottom: 2.25px;
		}

	}

.blog-pagination span{ 


	    background-color: #d19d33;


    border: 1px solid #ddd;


    color: #fff;


    font-weight: bold;


    cursor: pointer;


    text-align: center;


    display: inline-block;


    transition: all 0.3s ease 0s;


    font-size: 18px;


    line-height: 45px;


    border-radius: 50px;


    margin: 0 3px 0px;


    vertical-align: baseline;


    white-space: nowrap;


    width: 45px;


    font-family: 'KarlaRegular';


    height: 45px;


}


.dropdown-submenu > a:after {


    display: block;


    content: "\f0da";


    float: right;


    font-family: FontAwesome;


}





/* Theme Default style */





.alignnone


{


	margin: 5px 20px 20px 0;


}


.aligncenter,div.aligncenter


{


	display: block;


	margin: 5px auto 5px auto;


}


.alignright


{


	float: right;


	margin: 5px 0 20px 20px;


}


.alignleft


{


	float: left;


	margin: 5px 20px 20px 0;


}


a img.alignright


{


	float: right;


	margin: 5px 0 20px 20px;


}


a img.alignnone


{


	margin: 5px 20px 20px 0;


}


a img.alignleft


{


	float: left;


	margin: 5px 20px 20px 0;


}


a img.aligncenter


{


	display: block;


	margin-left: auto;


	margin-right: auto;


}


.wp-caption


{


	background: #fff;


	border: 1px solid #f0f0f0;


	max-width: 96%;


	padding: 5px 3px 10px;


	text-align: center;


}


.wp-caption.alignnone


{


	margin: 5px 20px 20px 0;


}


.wp-caption.alignleft


{


	margin: 5px 20px 20px 0;


}


.wp-caption.alignright


{


	margin: 5px 0 20px 20px;


}


.wp-caption img


{


	border: 0 none;


	height: auto;


	margin: 0;


	max-width: 98.5%;


	padding: 0;


	width: auto;


}


.wp-caption p.wp-caption-text


{


	font-size: 14px;


	line-height: 17px;


	margin: 0;


	padding: 7px 4px 5px;


}


.wp-caption-text


{


	font: 14px;


	text-align: center;


}


.gallery-caption


{


	font: 14px;


}


.bypostauthor


{


	font: 14px;


}


.alignright


{


	display: inline;


	float: right;


	font: 14px;


	text-align: right;


}


.alignleft


{


	display: inline;


	float: left;


	margin-right: 1.5em;


}


.aligncenter


{


	font: 14px;


	text-align: center;


}


.wp-caption


{


	border: 1px solid #ccc;


	font: 14px;


	margin-bottom: 1.5em;


	max-width: 100%;


}


.wp-caption img[class*="wp-image-"]


{


	display: block;


	margin: 1.2% auto 0;


	max-width: 98%;


}


.wp-caption .wp-caption-text


{


	margin: .8075em 0;


}


.screen-reader-text


{


	clip: rect(1px,1px,1px,1px);


	height: 1px;


	overflow: hidden;


	position: absolute!important;


	width: 1px;


}


.screen-reader-text:focus


{


	background-color: #f1f1f1;


	border-radius: 3px;


	box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);


	clip: auto!important;


	color: #21759b;


	display: block;


	font-size: .875rem;


	font-size: 14px;


	font-weight: bold;


	height: auto;


	left: 5px;


	line-height: normal;


	padding: 15px 23px 14px;


	text-decoration: none;


	top: 5px;


	width: auto;


	z-index: 100000;


}


cite


{


	font-style: italic!important;


}


.sticky{}


code


{


	color: #d19d33!important;


}


.blog-content,.featured-image .alignnone,.wp-caption img


{


	display: block;


	height: auto;


	max-width: 100%;


}


img.aligncenter,img.alignleft,img.alignnone,img.alignright,img.attachment-medium,img.attachment-large,img.attachment-thumbnail,img.size-full,img.size-medium,img.size-thumbnail


{


	height: auto;


	max-width: 100%;


	width: inherit;


}


.blog-content .alignnone,.wp-caption img


{


	display: block;


	height: auto!important;


	max-width: 100%!important;


}


img.size-full,img.size-large,img.header-image,img.wp-post-image


{


	height: auto;


	max-width: 100%;


}


img.aligncenter,img.alignleft,img.alignnone,img.alignright,img.attachment-medium,img.attachment-large,img.attachment-thumbnail,img.size-full,img.size-medium,img.size-thumbnail


{


	height: auto;


	max-width: 100%;


	width: inherit;


}


.wp-caption img


{


	display: block;


	height: auto;


	max-width: 100%;


}


.alignleft


{


	display: inline;


	float: left;


	margin-right: 1.625em;


}


blockquote


{


	border-left: 5px solid #d19d33!important;


}


.qua_blockquote_section blockquote,blockquote


{


	background-color: #eee;


	border-left: 5px solid #f8504b;


}


table {


    border-collapse: separate;


    border-radius: 4px;


    width: 100%;


}


/* Instagram widget styling */

.jr-insta-thumb {
	padding: 20px 0;
	}


/* Monster Widget Default CSS */


.textwidget select { max-width:100% !important; }


.textwidget img { max-width:100%; }


#wp-calendar tbody tr td a{ color:#d19d33; font-size:15px; }


#wp-calendar tfoot tr td a{ color:#d19d33; }


/*-------404 page css-------------------------------------*/


.error-content-1 h1 {


    font-size: 200px;


	line-height: 200px;


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


    font-weight: 700;


    color: #353535;


	text-shadow:0px 1px 6px rgba(0,0,0,0.2);


}


.error-content-1 span {


    color:#d19d33;


}





.error-content-1 h5 {


    font-size: 30px;


	line-height: 60px;


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


    font-weight: 700;


    color: #727272;


    text-transform: uppercase;


}


.error-content-1 p {


    font-size: 16px;


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


    font-weight: 400;


    color: #727272;


}


.error-reply-info-field {


    width: 80%;


    height: 50px !important;


    padding: 6px 12px;


	border-radius:0px !important;


    font-size: 14px;


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


    color: #b7b5b5;


    background-color: rgba(58, 58, 58, 0.7);


    border: 1px rgba(58, 58, 58, 0.7);


    border-radius: 2px;


    box-shadow: none;


    margin-top: 25px;


}


.error-submit_btn {


    padding: 15px 34px !important;


    font-size: 16px;


    font-weight: 700;


    color: #fff;


    font-family: 'KarlaBold';


    background-color: #d19d33;


	border-color: #d19d33;


    border-radius: 2px;


    text-transform: uppercase;


}


.bottom-shadow {


    padding-bottom: 45px;


    margin: 0 0 0px;


	background: url(images/breadcrumbs-shadow.png) no-repeat center top #fff;


}


.bottom-shadow1{


   background: url(images/el-shadow.png) no-repeat top center;


    position: absolute;


    top: 100%;


    left: 0;


    right: 0;


    height: 20px;


    z-index: 99;


    width: 100%;


}


.single-recent-blog{


	display:block;


	position:relative;


	margin:0 0 40px 0;


}





.single-recent-blog .img-wrapper{


	position:relative;


	padding:0;


}





.single-recent-blog .srb-content{


	position:relative;


	display:block;


	width:90%;


	background-color:#fff;


	padding:20px 40px;


	margin-left:5%;


	margin-top:-60px;


	z-index: 1000000;


	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1), 0 2px 4px 0 rgba(0,0,0,.1);


}





.single-recent-thumbnail .srb-content{


	text-align:center;


	background-color:#fff;


	padding:5px 5px 5px 5px;


}





.single-recent-blog .srb-content h4,


.single-recent-thumbnail h5{


	font-weight:300;


}





.single-recent-thumbnail h5{


	font-size:14px;


	margin:0;


}





.single-recent-blog .srb-content h4 a,


.single-recent-blog .srb-content h5 a,


.single-recent-thumbnail h5 a{


	color:#000;


	 -wekbit-transition: all 0.4s;


    -moz-transition: all 0.4s;


    -o-transition: all 0.4s;


    transition: all 0.4s;


}


.single-recent-blog .srb-content h4 a:hover,


.single-recent-blog .srb-content h5 a:hover, ul.post-meta li a:hover{


	color:#d19d33;


}





.full-recent-post{


	float:left;


	width:100%;


	padding:80px 0 0 0;


	margin:0;


}





.recent-post-column{


	float:left;


	width:50%;


}





.recent-post-column .img-wrapper,


.recent-post-column .post-column-content{


	float:left;


	width:50%;


}





.recent-post-column .post-column-content{


	padding:30px;


}





.recent-post-column .post-column-content h5 a{


	color:#2e2e35;


}


ul.post-meta {


    display: block;


    margin: 0 0 5px 0;


    padding: 0;


    font-size: 14px;


}


ul.post-meta li {


    display: inline-block;


    list-style: none;


    margin: 0;


    padding: 0 10px 0 0;


}


ul.post-meta li a {


    color: #202020;


}


ul.post-meta li a i{


    color: #d19d33;


	margin-right: 5px;


}


.gray-container {


    background: #f6f8fb !important;


}


/* Sweep To Bottom */


.hvr-s-b{


  display: inline-block;


  vertical-align: middle;


  -webkit-transform: perspective(1px) translateZ(0);


  transform: perspective(1px) translateZ(0);


  box-shadow: 0 0 1px transparent;


  position: relative;


  -webkit-transition-property: color;


  transition-property: color;


  -webkit-transition-duration: 0.3s;


  transition-duration: 0.3s;


}


.hvr-s-b:before {


  content: "";


  position: absolute;


  z-index: -1;


  top: 0;


  left: 0;


  right: 0;


  bottom: 0;


   background: #1a87d0;


  -webkit-transform: scaleY(0);


  transform: scaleY(0);


  -webkit-transform-origin: 50% 0;


  transform-origin: 50% 0;


  -webkit-transition-property: transform;


  transition-property: transform;


  -webkit-transition-duration: 0.3s;


  transition-duration: 0.3s;


  -webkit-transition-timing-function: ease-out;


  transition-timing-function: ease-out;


}


.hvr-s-b:hover, .hvr-s-b:focus, .hvr-s-b:active {


  color: white;


}


.hvr-s-b:hover:before, .hvr-s-b:focus:before, .hvr-s-b:active:before {


  -webkit-transform: scaleY(1);


  transform: scaleY(1);


}


.hvr-s-b:hover, .owl-prev:hover, .hvr-s-b:focus, .hvr-s-b:active {


  color:#fff;


}