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

    Template Name: Bizz One Page Business Template 
    Template URI: http://rockstheme.com
    Description: This is html5 template
    Author: Selfdesign_theme
    Author URI: http://rockstheme.com
    Version: 1.0

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

/*-----------------------------------------------------------------------------------  
     CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
	2. Header Area
	   2.1 Stick menu Area
	3. About Area
    4.Counter Area
    5.Services Area
    6.Portfolio Area
    7.FAQ Area
    8.Team Area
    9.Skill Area
    10.Pricing Area
    11. Testimonials area
    12. Blog Area
    13. Client area
    14. Contact area
    15.Footer Area
    16.Home Page-2 Area
    17.Blog CSS
    18.Blog Details CSS
    19.Modal CSS
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  Google Fonts
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900');


/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom: 15px;
}
.aligncenter {
	display:block;
	margin:0 auto 15px;
}
a:focus {
	outline:0px solid;
}
img {max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
	margin:0 0 15px;
    color: #444;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
	margin: 0 0 15px;
	color: #444;
    font-weight: 500;
}
h1{
	font-size: 48px;
	line-height: 50px;
		
}
h2{
	font-size: 38px;
	line-height: 40px;
		
}
h3{
	font-size: 30px;
	line-height: 32px;
		
}
h4{
	font-size: 24px;
	line-height: 26px;
		
}
h5{
	font-size: 20px;
	line-height: 22px;
		
}
h6{
	font-size: 16px;
	line-height: 20px;
		
}
a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:hover {
  color: #d2b980;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
body {
	background: #fff none repeat scroll 0 0;
	color: #444;
    font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: left;
	overflow-x: hidden;
	line-height: 22px;
}
#scrollUp {
  background: #000 none repeat scroll 0 0;
  bottom: 80px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 20px;
  height: 34px;
  line-height: 30px;
  opacity: 0.6;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 34px;
}
#scrollUp:hover {
    background: #d2b980;
    opacity: 1;
}
.clear{
	clear:both;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"]{
	-moz-appearance: none;
	box-shadow: none !important;
}
input:focus{
  outline: none ;
}
div#preloader { 
	position: fixed;
	left: 0; 
	top: 0; 
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url('img/logo/preloader.gif') no-repeat center center;
}

::-moz-selection {
    background: #d2b980;
    text-shadow: none;
}
::selection {
    background: #d2b980;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.area-padding{
	padding: 70px 0px;
}
.area-padding-2{
    padding: 70px 0px 50px;
}
.padding-2{
    padding-bottom: 90px;
}
.section-headline {
    margin-bottom: 40px;
}
.section-headline h2,
.section-2 h2{
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 20px;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.section-headline h2::after,
.section-2 h2::after{
    border: 2px solid #d2b980;
	bottom:0px;
	content: "";
	left: 0;
	margin: 0 auto;
	position: absolute;
	width: 80px;
}
.section-headline.head-2 h2::after {
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 80px;
    right: 0;
}
.section-headline.white-headline h2{
  color:#fff;
}
.section-headline.white-headline h2::after {
    border: 2px solid #d2b980;
    bottom: -3px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 80px;
}
hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}
.sec-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.section-2 p {
    margin-top: 20px;
    margin-bottom: 0;
}
/*--------------------------------*/
/*  2. Header top Area
/*--------------------------------*/
.header-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background:rgba(0,0,0,0.50);
    z-index: 9;
}
.navbar-header a.navbar-brand {
	display: inline-block;
	height: 70px;
	padding: 15px 0;
}
.main-menu ul.navbar-nav li {
	display: inline-block;
	padding: 0px 13px;
}
.main-menu ul.navbar-nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 24px 0px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}
.main-menu ul.navbar-nav li.active a:hover {
	background: none;
    color:#fff; 
}
.main-menu ul.navbar-nav li.active a:focus {
    color: #fff;
}
.main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #d2b980;
	position: relative;
}
.main-menu ul.navbar-nav li a:hover {
    color:#d2b980;
}
.navbar {
	border: medium none;
	margin-bottom: 0;
}
.navbar-default {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: none;
    color:#d2b980;
}
.navbar-default .navbar-toggle {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	padding: 25px 0px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
    color: #d2b980;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	width: 30px;
	height: 2px;
}
.top-right.text-right {
    float: right;
    position: relative;
    top: 24px;
    margin-left: 20px;
    z-index: 9;
}
.top-right.text-right > li {
	float: right;
	margin: 0px 8px;
}
.top-right.text-right li a {
    color: #fff;
    cursor: pointer;
}
.top-right.text-right li a:hover {
    color: #d2b980;
}
/*--------------------------------*/
/* 2.1. Stick menu
/*--------------------------------*/
.header-area.stick {
	background-color:rgba(0,0,0,0.60);
	height: 70px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}
.stick .navbar-header a.navbar-brand {
	display: inline-block;
	height: 90px;
}
.stick .navbar-brand > img {
	display: none;
}
.stick .navbar-brand.sticky-logo > img {
	display: block;
}
.stick .main-menu ul.nav > li > a:hover {
	color:#fff;
}
.stick .main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #d2b980;
	position: relative;
}
.stick .mainmenu ul#nav >li:hover>a,.stick .mainmenu ul#nav li .mega-menu,.stick .mainmenu ul#nav li ul.sub-menu{
	background-color: #f5f5f5;
	color: #fff;
	outline: medium none;
}
.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover,.mainmenu ul#nav li .mega-menu span>a:hover,.stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover{
	color:#fff;
}
.stick .logo {
	height: 20px;
}
.stick .logo a{
	margin-top:0px;
}
.stick .navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	width: 30px;
	height: 2px;
}
.stick .navbar-default .navbar-toggle {
	padding: 10px 0px;
}
/*--------------------------------*/
/*  3.About Area
/*--------------------------------*/
.about-left,.about-middle{
    margin-top: 10px;
}
.about-well > a {
    display: block;
}
.about-well p {
    color: #444;
}
.about-list > li {
    border-bottom: 1px solid #ccc;
    float: left;
    margin-right: 10%;
    padding: 10px 0;
    width: 40%;
}
.about-list li a {
    color: #444;
}
.about-list li a:hover {
    color: #d2b980;
}
/*--------------------------------*/ 
/*  4. Counter Area
/*--------------------------------*/
.fun-fact-area {
    background: rgba(0,0,0,0.80);
    overflow: hidden;
    display: block;
    padding: 70px 0px;
}
.fun-bg {
    position: relative;
}
.fun_text > a {
    color: #fff;
    float: left;
    font-size: 40px;
    width: 30%;
    overflow: hidden;
    height: auto;
    position: relative;
    padding: 22px 0px;
}
.fun_text span {
    color: #fff;
    display: block;
    font-size: 40px;
    padding-bottom: 15px;
    line-height: 44px;
}
.fun-content {
    overflow: hidden;
    padding-left: 50px;
}
.fun-content > h4 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.fun_text > a::before {
    position: absolute;
    content: "";
    left: auto;
    right: 0px;
    height: 60px;
    width: 2px;
    background: #fff;
    top: 12px;
}
/*--------------------------------*/
/* 5.Services Area
/*--------------------------------*/
.services-details i {
    color: #444;
    display: inline-block;
    font-size: 50px;
    line-height: 36px;
    margin-bottom: 20px;
    line-height: 50px;
    text-align: center;
}
.section-headline.services-head > h2 {
	margin-bottom: 25px;
}
.services-contents {
    margin-top: -30px;
}
.services-details {
    transition: all 0.5s ease 0s;
    margin-top: 40px;
}
.services-details:nth-child(4n,5n,6) {
    padding-bottom: 20px;
    transition: all 0.5s ease 0s;
    margin-bottom: 40px;
}
.single-services {
    position: relative;
    padding-bottom: 5px;
}
.single-services::after {
    position: absolute;
    content: "";
    left:0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #d2b980;
    transition: 0.4s;
    
}

.row.second-row {
	  margin-top: 40px;
}
.section-head > h2 {
    color: #333;
}
.single-services > h4 {
    color: #444;
    font-size: 24px;
    font-weight: 500;
}
.single-services > p {
	color: #333;
	font-size: 14px;
}
/*----------------------------------------
5.1.Video Area 
----------------------------------------*/
.video-area{
    background: #f6f6f6;
}
/*----------------------------------------
6.Work Area Css
----------------------------------------*/
.pst-content {
    padding-left: 10px;
}
.project-menu {
    margin: 20px 0px 40px;
    text-align: center;
}
.project-menu li {
    display: inline-block;
}
.project-menu li a {
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin: 0 10px;
    text-transform: ca;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}
.awesome-project-content .col-md-4{
    margin: 0;
    padding: 0;
}
.project-menu li a.active,.project-menu li a:hover{
    color: #d2b980;
    text-decoration: none;
}
.single-awesome-portfolio {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 25%;
    position: relative;
}
.single-awesome-project {
    overflow: hidden;
    cursor: pointer;
}
.first-item {
    margin-bottom: 30px;
}
.awesome-img{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.awesome-img > a {
    display: block;
    position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
    opacity: 1;
}
.single-awesome-project:hover .add-actions{
    opacity: 1;
    bottom: 0;
}
.single-awesome-project:hover .awesome-img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.awesome-img > a::after {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: 0.4s;
}
.add-actions {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 30px;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 10px 15px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.project-dec {
    display: block;
    height: 100%;
    width: 100%;
}
.project-dec a {
    display: block;
    height: 100%;
    width: 100%;
}
.project-dec h4 {
    margin-bottom: 5px;
}
.project-dec h4:hover {
    color: #fff;
}
.project-dec h4 {
    color: #ddd;
    font-size: 24px;
    margin-top: -70px;
    padding-top: 50%;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
}
.project-dec span {
    color: #ddd;
    font-size: 13px;
}
.project-action-btn {
    display: block;
    height: 100%;
    text-align: center;
    transition: all 1s ease 0s;
    width: 100%;
}
.project-action-btn li {
    display: block;
    height: 100%;
    width: 100%;
}
.project-action-btn li a{
    display: block;
    height: 100%;
    width: 100%;
}
/*----------------------------------------
  7.Faq Area 
----------------------------------------*/
.faq-area{
    background: #f6f6f6;
}
.features-accordion .panel-title a {
    display: block;
    position: relative;
    padding: 15px 10px 15px 25px;
    color: #444;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    font-weight: 500;
}
.features-accordion .panel-body {
    color: #222;
    padding: 20px 25px 30px;
}
.features-accordion .panel-title a.collapsed::after,
.features-accordion .panel-title a::after {
    border-left: 1px solid #d8d8d8;
    content: "\f107";
    font-family: fontawesome;
    font-size: 20px;
    line-height: 52px;
    padding-left: 20px;
    position: absolute;
    right: 19px;
    top: 0;
}
.features-accordion .panel-title a:after {
    content: "\f106 ";
}
.features-accordion .panel-heading {
    background: #fff none repeat scroll 0 0;
    padding: 0;
}
.panel-default .panel-heading a.collapsed {
    background: #fff none repeat scroll 0 0 !important;
}
.panel-heading a.active {
    color: #d2b980;
}
.panel-default .panel-heading a {
    background: #fff none repeat scroll 0 0 !important;
}
.features-accordion .panel-group .panel {
    border: 0 none;
    box-shadow: 0 4px 5px -1px #c8c8c8;
    margin-bottom: 20px;
}
.panel-default > .panel-heading {
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    color: #252525;
}
.features-accordion .panel-title a:focus {
    text-decoration: none
}
.features-accordion .panel-group .panel:last-child {
    margin-bottom: 0px;
}
.features-accordion .panel-group:last-child {
    margin-bottom: 0px;
}

/*----------------------------------------
 8. Team member
----------------------------------------*/
.team-area {
    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}
.team-hover ul li{
    display: inline-block;
}
.team-hover ul li a {
    color: #fff;
    border: 1px solid #fff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
}
.team-hover ul li a:hover {
    color: #fff;
    border: 1px solid #d2b980;
    background: #d2b980;
}
.team-hover {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: -70px !important;
    left: 0;
    margin: auto;
    opacity: 0 !important;
    padding: 15px 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.4s ease 0s;
}
.single-member:hover .team-hover{
    opacity: 1!important;
    bottom: 0 !important;
}
.single-member .team-img {
    display: block;
    position: relative;
    overflow: hidden;
}
.single-member .team-img a {
    display: block;
}
.team-content {
    padding: 10px 0px 0px;
}
.team-content h4 a:hover {
    color: #f3652a;
}
.team-content h4 a {
    color: #444;
}
.team-content p {
    margin-bottom: 0;
}
.team-content h4 {
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
}
/*----------------------------------------
9.Skill Area Css
----------------------------------------*/
.parallax-bg {
    position:relative;
    background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll center center / cover;
}
.well-bg {
    position: relative;
}
.test-overly {
    background: rgba(0,0,0,0.50);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.skill-bg {
    background: rgba(255,255,255,0.50);
    margin-top: 10px;
}
.our-skill-team {
    padding-top: 30px;
    padding-right: 30px;
    margin: 38px 30px;
}
.skill .progress .lead {
    top: -30px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    margin: 0;
    position: absolute;
    z-index: 99;
}
.skill .progress .lead span {
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}
.progress-bar {
    background-color: #d2b980;
}
.skill .progress {
    background-color: #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    height: 20px;
    margin-bottom: 50px;
    overflow: visible;
    position: relative;
}
.skill .progress:last-child {
    margin-bottom:0px;
}
.skill .progress-bar > span {
    background: #fff none repeat scroll 0 0;
    float: right;
    font-size: 11px;
    margin-right: -10px;
    margin-top: -26px;
    position: relative;
    padding: 0 5px;
    color: #444;
}
.skill .progress-bar > span:before,.skill .progress-bar > span:after{
    border: medium solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.skill .progress-bar > span:before{
    border-top-color: #fff;
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}
/*----------------------------------------*/
/* 10. Pricing Area
/*----------------------------------------*/
.pricing-area {
    background:transparent;
}
.pri_table_list {
    border: 1px solid #ccc;
    text-align: center;
    transition: all 0.4s ease 0s;
    background: #fff;
    margin-top: 10px;
}
.pri_table_list h3 span {
    font-size: 16px;
}
.pri_table_list ol li {
    border-bottom: 1px solid #ccc;
    color: #666;
    padding: 12px 15px;
    position: relative;
    text-align: center;
}
.pri_table_list li.check.cross::after {
    content: "\f00d";
    font-family: fontawesome;
    font-size: 14px;
    position: absolute;
    left: 25%;
    top: 12px;
    color: indianred;
}
.pri_table_list li.check::after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 14px;
    position: absolute;
    left: 25%;
    top: 12px;
    color: #d2b980;
}
.pri_table_list button {
    background: #444 none repeat scroll 0 0;
    border: 1px solid #444;
    color: #fff;
    margin-bottom: 25px;
    padding: 10px 35px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.pri_table_list > h3 {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    padding: 30px 0 20px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.pri_table_list ol {
    list-style: outside none none;
    margin: 0;
    padding: 0 0 25px;
}
.pri_table_list.active {
    transition: all 0.4s ease 0s;
    position: relative;
    overflow: hidden;
}
.saleon {
    background: #d2b980 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    left: -26px;
    padding: 2px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
.pri_table_list > button:hover {
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
}
.active > h3 {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #333;
    transition: all 0.4s ease 0s;
}
.active > button {
    background: #d2b980 none repeat scroll 0 0;
    border: 1px solid #d2b980;
    color: #fff;
    transition: 0.4s;
}
.active > button:hover {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    color: #fff;
    transition: 0.4s;
}
/*----------------------------------------
 11.Testimonial Area Css
----------------------------------------*/
.testimonials-area {
	background:#f9f9f9;
	height: auto;
	width: 100%;
}
.quate {
	border: 1px dotted #444;
	color: #444;
	display: inline-block;
	font-size: 24px;
	height: 70px;
	line-height: 70px;
	width: 70px;
}
.quate:hover {
    color: #d2b980;
}
.testi-img img {
	border: 1px dotted rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	height: 80px;
	margin: 0 auto;
	padding: 5px;
	transition: background 0.6s ease-out 0s;
	width: 80px !important;
}
.testi-text p {
	color: #444;
	font-size: 16px;
	line-height: 1.5em;
	margin: 20px 0;
	letter-spacing: 1px;
}
.testi-text h6 {
	color: #444;
	font-size: 20px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot > span {
	background: #444 none repeat scroll 0 0;
	display: inline-block;
	height: 8px;
	width: 8px;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
	transition:0.4s;
    border-radius: 50%;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
    bottom: -30px;
    display: block;
    left: 50%;
    margin-left: -20px;
    position: absolute;
}
.testimonial-content {
    margin-bottom: 30px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
    display: inline-block;
    margin: 0 3px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span{
	background: #d2b980;
}
.testi-text.text-center > h6 {
	color: #444;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.guest-rev {
    color: #ddd;
    font-size: 16px;
}
.guest-rev > a {
    color: #d2b980;
    font-size: 14px;
}
/*----------------------------------------*/
/*  12. Blog Area
/*----------------------------------------*/
.blog-grid {
    margin-top: 10px;
}
.image-blog{
    position: relative;
    display: block;
}
.single-blog a h4.sec-head {
    font-size: 18px;
    padding: 15px 0 10px;
    text-transform: uppercase;
}
.date-time {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #d0d0d0;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    height: 53px;
    left: 0px;
    line-height: 1.1;
    min-width: 53px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    bottom: 0;
}
.banner-box .date-time .days {display: block}
.banner-box .date-time .months {
    font-weight: normal;
}
.single-blog .blog-title {
    display: block;
}
.single-blog .blog-title span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.single-blog p.author {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.single-blog a.blog-btn:hover {
    color: #d2b980;
    padding-left: 5px;
}
.single-blog a.blog-btn {
    color: #333;
    display: inline-block;
    position: relative;
    transition: all 0.4s ease 0s;
    font-weight: 700;
}
/*------------------------------
  13. Clients area
--------------------------------*/
.brand-area {
  background: #d2b980 none repeat scroll 0 0;
}
.single-brand-item a{
    display: block;
}
/*----------------------------------------*/
/*  14.	Contact Us  CSS
/*----------------------------------------*/
.contact-content {
    margin-top: 10px;
}
.contact-icons {
    background-color: #d2b980;
    padding: 50px 20px;
}
.single-icon {
    margin-bottom: 30px;
}
.single-icon i {
    color: #fff;
    float: left;
    font-size: 40px;
    height: 50px;
    line-height: 46px;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: center;
    width: 50px;
}
.single-icon p {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
}
.contact-page-area {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 50px 0 70px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 44px;
    margin-bottom: 15px;
    padding-left: 20px;
    width: 100%;
}
.contact-form textarea#message {
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 171px;
    padding: 20px;
    width: 100%;
}
.contact-form input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #444;
    border-radius: 0;
    color: #444;
    font-size: 14px;
    font-weight: 700;
    margin-top: 16px;
    padding: 11px 24px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.contact-form input[type=submit]:hover{
    color:#fff;
    border: 1px solid #252525;
    background:#252525;
}
.add-btn.contact-btn {
    background: #d2b980;
    border: 1px solid #d2b980;
    color: #fff;
    display: block;
    font-size: 16px;
    margin-top: 5px;
    padding: 10px 20px;
    transition: 0.4s;
}
.add-btn.contact-btn:hover {
    background: rgba(62, 193, 213,0.70);
    border: 1px solid #d2b980;
    color: #fff;
    transition: 0.4s;
}
/*----------------------------------------*/
/*  15. Footer Area
/*----------------------------------------*/
.footer-area {
  padding: 40px 0;
  background: #f9f9f9;
}
.footer-head p {
  color: #444;
}
.footer-head h4 {
    color: #444;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.footer-img {
  padding-bottom: 20px;
}

.footer-icons ul li {
    display: inline-block;
}
.footer-icons ul li a {
    border: 1px solid #d2b980;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 34px;
    line-height: 32px;
    margin-right: 5px;
    text-align: center;
    width: 34px;
    background: #d2b980;
}
.footer-icons ul li a:hover{
    border: 1px solid #d2b980;
    color: #fff;
    background: rgba(62, 193, 213,0.70);
}
.flicker-img > a {
  float: left;
  padding: 1px;
  width: 33.33%;
}
.footer-icons {
  margin-top: 30px;
}
.footer-contacts p span {
  color: #d2b980;
  font-weight: 700;
}
.footer-content {
  display: block;
  overflow: hidden;
}
.suscribe-input input {
    background: #fff;
    border: medium none;
    color: #444;
    font-size: 15px;
    line-height: 24px;
    padding: 11px 15px;
    height: 42px;
    border-radius: 0;
    width: 100%;
    border: 1px solid #ddd;
}
.suscribe-input button {
    background: #d2b980;
    border: 1px solid #d2b980;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    -webket-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    margin-top: 15px;
}
.suscribe-input button:hover{
    background:rgba(62, 193, 213,0.70);
    color: #fff;
    -webket-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
}
.footer-area-bottom {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 15px 0;
}
.copyright-text a:hover{text-decoration: underline;color:#d2b980;}
.copyright-text a {
  color: #444;
}
.copyright > p {
  margin-bottom: 0;
  color: #444;
}
.copyright a {
  color: #d2b980;
}
/*----------------------------------------*/
/*  16.Home Page 2  CSS
/*----------------------------------------*/
.header-bg {
  background: url(img/slider/slider1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.header-bg.home-2{
    width: 100%;
    height: 100%;
    position: relative;
}
.home-overly {
    background: rgba(0,0,0,0.50);
    height: 100%;
    position: absolute;
    width: 100%;
}
.home-2 .layer-1-3,.home-3 .layer-1-3 {
    margin: 10px 0 0;
}
/*----------------------------------------*/
/*  17.Home Page 3  CSS
/*----------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-decoration: none !important;
    list-style: none !important;
    outline: none !important;
}
/*----------------------------------------
  17. Blog page
----------------------------------------*/
.page-area{
    position: relative;
}
.page-area {
    background: url(img/background/b.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.breadcrumb.text-center {
    padding: 100px 0px 20px;
    background-color: transparent;
}
.breadcrumb ul {
    text-align: left;
}
.breadcrumb ul li {
    display: inline-block;
    color: #fff;
    padding:0px 15px;
    position: relative;
    font-size: 16px;
}
.breadcrumb ul li.home-bread{
 padding-left: 0px;
}
.breadcrumb ul li.home-bread::after {
    position: absolute;
    content: "\f105";
    font-family: fontAwesome;
    right: -3px;
    top: 0;
}
.blog-page .banner-box {
  margin-bottom: 40px;
}

.search-option input {
    border: medium none;
    padding: 8px 15px;
    width: 80%;
}
.search-option {
    border: 1px solid #ccc;
    height: 42px;
    margin-bottom: 30px;
}
.search-option button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 20px;
    padding: 8px 23px;
}
.search-option button:hover {
    color: #d2b980;
}
.left-blog h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 15px 10px;
  text-transform: uppercase;
}
.left-blog {
    background: #f9f9f9 none repeat scroll 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
}
.left-blog li {
    border-bottom: 1px solid #ddd;
    display: block;
}
.left-blog ul li a:hover {}
.left-blog ul li a {
  color: #444;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-transform: capitalize;
}
.recent-single-post {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
    padding: 15px 0px;
}
.recent-single-post:last-child {
    border-bottom: none;
}
.ready-btn {
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    margin-top: 30px;
    padding: 12px 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
}
.ready-btn:hover{
    color: #fff;
    background: #d2b980;
    border: 1px solid #d2b980;
    text-decoration: none;
}
.post-img {
  display: inline-block;
  float: left;
  padding: 0 5px;
  width: 35%;
}
.pst-content {
    display: inline-block;
    float: left;
    width: 65%;
}
.pst-content p a:hover,.left-blog ul li a:hover {
	color: #d2b980;
}
.blog-page .single-blog {
  margin-bottom: 40px;
}
.pst-content p a {
  color: #444;
  font-size: 15px;
}
.header-bottom h1,.header-bottom h2 {
  color: #fff;
}
.blog-tags {
  padding: 1px 0;
}
.left-blog li:last-child {
  border-bottom: 0 ;
}
.popular-tag.left-blog ul li a:hover{
    color: #d2b980;
}
.popular-tag.left-side-tags.left-blog ul {
  padding: 0 10px;
}
.blog-1 .banner-box {
  margin-bottom: 30px;
}
.left-tags .left-side-tags ul li {
    border-bottom: 0;
    display: inline-block;
}
.left-tags .left-side-tags ul li a {
  padding: 3px 10px;
  width: auto;
}
.left-side-tags h4 {
  margin-bottom: 15px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0 0px;
    border-radius: 4px;
}
/*----------------------------------------*/
/*  18.	Blog Details css
/*----------------------------------------*/
.post-information h2 {
    color: #363636;
    font-size: 22px;
    text-transform: uppercase;
}
.post-information .entry-meta span a {
    color: #444;
    display: inline-block;
    padding: 10px 0;
}
.entry-meta span a:hover {
  color: #d2b980;
}
.post-information .entry-meta {
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
}
.post-information .entry-meta span i {
    padding: 0 10px;
}
.entry-content > p {
    color: #444;
}
.entry-meta > span {
  color: #444;
}
.entry-content blockquote {
  background: #fff none repeat scroll 0 0;
  border-left: 5px solid #d2b980;
  font-size: 17.5px;
  font-style: italic;
  margin: 0 0 20px 40px;
  padding: 22px 20px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #d2b980;
  border-color: #d2b980;
  color: #fff;
  cursor: default;
  z-index: 3;
}
.social-sharing {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: block;
    margin: 30px 0;
}
.social-sharing > h3 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 20px 10px;
}
.sharing-icon {
    display: inline-block;
    float: right;
    padding: 13px 10px;
}
.sharing-icon a {
    border: 1px solid #444;
    color: #444;
    display: block;
    float: left;
    font-size: 18px;
    height: 34px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    width: 34px;
}
.sharing-icon a:hover {
	color: #d2b980;
	border: 1px solid #d2b980;
}
.single-blog .author-avatar {
  float: left;
  margin-right: 10px;
}
.single-blog .author-description h2 {
  font-size: 18px;
  margin: 0;
  padding: 0 0 5px;
}
.author-info {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin: 30px 0;
  padding: 15px;
  width: 100%;
}
.single-post-comments {
  max-width: 650px;
}
.comments-heading h3, h3.comment-reply-title {
  border-bottom: 1px solid #e8e8e9;
  color: #444;
  font-size: 18px;
  margin: 0 0 20px;
  padding: 0 0 5px;
  text-transform: uppercase;
}
.comments-list ul li{margin-bottom: 25px;}
.comments-list-img{float: left;
margin-right: 15px;}
.comments-content-wrap {
  color: #42414f;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px 80px;
  padding: 10px;
  position: relative;
}
.author-avatar {
  display: inline-block;
  float: left;
  width: 10%;
}
.author-description h2 {
    color: #777;
    font-size: 20px;
    text-transform: uppercase;
}
.author-description h2 a {
    color: #000;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
  color: #909295;
  line-height: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}
li.threaded-comments{margin-left:50px}
.comment-respond {
  margin-top: 60px;
}
h3.comment-reply-title{}
span.email-notes{color: #42414f;
display: block;
font-size: 12px;
margin-bottom: 10px;}
.comment-respond p {
  color: #444;
  margin-bottom: 5px;
}
.comment-respond input[type=text],.comment-respond input[type=email]{
border: 1px solid #e5e5e5;
border-radius: 0;
height: 32px;
margin-bottom: 15px;
padding: 0 0 0 10px;
width: 100%;}
.comment-respond textarea#message-box{
border: 1px solid #e5e5e5;
border-radius: 0;
max-width: 100%;
padding: 10px;height: 130px;
width: 100%;
}
.comment-respond input[type="submit"] {
    background: #d2b980;
    border: 1px solid #d2b980;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 14px;
    margin-top: 20px;
    padding: 10px 15px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
}
.comments-content-wrap span a {
    color: #000;
}
.comments-content-wrap span a:hover {color: #d2b980;}

.comment-respond input[type=submit]:hover{
    border:1px solid #d2b980;
    color: #fff;
    background:rgba(62, 193, 213,0.70);
}
.single-blog .blog-pagination {
	border-top: 1px solid #e5e5e5;
	margin:0;
	padding-top:30px;
}

/*----------------------------------------
19.ModalCSS
----------------------------------------*/
.modal-content {
    background-clip: padding-box;
    background-image:url(img/background/g1.jpg);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}
.o-form{
    color: #444;
    font-weight: 700;
    margin-bottom: 0;
    padding: 20px 0;
    text-transform: uppercase;
}
.section-headline.white-head > h2 {
    color: #fff;
}
.suscribe-form {
    margin: 60px 30px 20px 0px;
}
.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999999;
}
.modal-body {
    position: relative;
    padding: 30px;
}
input.form-quote {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 15px;
    margin: 5px 0px;
    background: #fff;
}
textarea.form-quote.quote-message {
    border: 1px solid #ccc;
    width: 100%;
    height: 150px;
    margin: 5px 0px;
    padding: 10px 15px;
}
.quote-icon {
    display: inline-block;
}
.quote-icon i{
    font-size: 40px;
    color: #333;
    margin-bottom: 15px;
}
.quote-icon {
    width: 50%;
    float: left;
}
.call-icon p {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}
button.quote-btn {
    background: #d2b980;
    border: 1px solid #d2b980;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 600;
}

/*----------------------------------------
.End CSS
----------------------------------------*/

.navbar-brand>img {
    width: 100px;
    margin-top: -14px;
}

.header-area {
    background: #fff !important;
    height: 100px;
}
.header-area.stick {
    height: 100px;
}
.main-menu ul.navbar-nav li a,
.top-right.text-right li a {
    color: #777 !important;
}
.main-menu ul.navbar-nav li.active a {
    color: #d2b980 !important;
}
.navbar-right {
    margin-top: 15px;
}
.top-right.text-right {
    top: 38px;
}
.page-area {
    top: 40px;
    background: #777;
}

@media screen and (max-width:767px) {
    .navbar-brand>img {
        width: 40%;
        margin-top: -65px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background: #000 !important;
    }
    .header-area.stick {
        height: 60px;
    }
    .navbar-collapse {
        position: relative;
        top: -60px;
    }
}