/* Popular HTML5 Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Montserrat
3. Roboto
4. Main Header 
5. Main Slider 
6. About Us
7. Reservation
9. Main Footer 
10. Faq Item
11. Reservation Style 
12. About Style
13. Gallery  Item
14. Blog Classic 
15. Sidebar
16. Sidebar Widgets
17. Blog Single 
18. Comments 
19. Comment Form
 

**********************************************/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700');


@import url('font-awesome.css');
@import url('flaticon.css');
@import url('component.css');
@import url('owl.css');
@import url('animate.css');
@import url(../revolution/css/settings.css);
@import url('hover.css');


/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/*** 

====================================================================
	Global Settings
====================================================================

 ***/

/* width */
::-webkit-scrollbar {
  width: 14px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #B28E3A; 
  border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a58436;
    
}

/* width */
::-moz-scrollbar {
  width: 14px;
}

/* Track */
::-moz-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-moz-scrollbar-thumb {
  background: #B28E3A; 
  border-radius: 7px;
}

/* Handle on hover */
::-moz-scrollbar-thumb:hover {
  background: #a58436;
    
}



body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #a58436;
    line-height: 1.8em;
    font-weight: 400;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #009ed4;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    margin: 0px;
    color: #3c3328;
    background: none;
}

input,
button,
select,
textarea {
    font-family: 'Montserrat', sans-serif;
}

p {
    position: relative;
    line-height: 1.6em;
    font-family: 'Roboto',sans-serif;
}

.strike-through {
    text-decoration: line-through;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    margin: 0 auto;
    min-width: 300px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

@media (min-width: 1200px) {
    .container {
        padding: 0
    }
    .container-fluid {padding: 0;}
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/resources/preloader.gif);
}
.pd-0{padding: 0px;}
#html5-watermark div {
  display: none;
  background: none;
  opacity: 0;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    color: #a58436;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #a58436;
    line-height: 34px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #a58436;
    border: 1px solid #a58436;
}


/*** 

====================================================================
	Main Header style
====================================================================
/* Fixed-Header */

.fixed-header .main-menu-area,
.fixed-header.header-style-four .header-lower {
    background: #ffffff none repeat scroll 0 0;
    margin-top: -132px;
    position: fixed;
    z-index: 9999;
    box-shadow: 2px 2px 2px 0px #ddd;
}




/* Start Header-Top Styles */

.header-top {
  background: none repeat scroll 0 0 #3c3328;
  margin: 0;
  padding: 0;
}
.header-top p {
  color: #dfcf90;
  font-family: 'Montserrat',sans-serif;
  font-size: 10px;
    font-weight: bold;
  line-height: 24px;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 7px;
   
}
.header-top .header-social-media p{
    
    text-align: right;
    font-size: 20px;
    color: #dfcf90;
    
    
}

.header-top .header-social-media p a{
    
    color: #dfcf90;
  
    
    
}

.header-top .header-social-media p a:hover{
    
    color: #9F9467;
    transition: all 100ms ease 0s;
    
    
}
/* End Header-Top Styles */

/* Start Header-Bottom Styles */
.header-bottom{
    background: #3c3328;
}
.header-bottom .header-bot {
  border-bottom: 1px solid #ebebeb;
  display: block;
  overflow: hidden;
  padding-bottom: 25px;
  padding-top: 26px;
}
.header-bottom .header-bot .header-item {
  float: left;
  width: 33.33%;
}
.header-bottom .header-bot .header-item i::before {
  float: left;
  margin-right: 11px;
  font-size: 35px;
  line-height: 35px;
  color: white;
}
.header-bottom .header-bot .header-item h4 {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.header-bottom .header-bot .header-item p {
  color: #F1C14F;
  font-family: 'Roboto',sans-serif;
  font-size: 12px;
  line-height: 22px;
  margin: 0;
}
.header-item.hea-left {
  padding-left: 34px;
}
.header-item-right a {
  background: #a58436 none repeat scroll 0 0;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  padding-top: 7px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out 0s;
  width: 186px;
}

.header-item-right a:hover{background: #3c3328;
        box-shadow: 0 0 0 10px rgba(186, 162, 94, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1);}
.header-top-right{
    float: right
}
.header-top-right .btn{
    background: none;
    border:none;
    color:#ffffff;
    float: right;
}
.header-top-right .btn:hover, .header-top-right .btn:focus, .header-top-right .btn:active {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  color: #ffffff;
}
.header-top-right {
  padding-top: 5px;
  position: relative;
}

.header-top-right > ul > li{
	position:relative;
	float:left;
	margin-left:32px;
	font-size:12px;
	line-height:20px;
}

.header-top-right > ul > li strong{
	font-weight:600;	
}

.header-top-right > ul > li.dropdown{
	top:-2px;
	padding-top:0px;
	color:#a5a5a5;	
}

.header-top-right .dropdown-menu{
	top:30px;
	border-top:2px solid #FEC53C;
	padding:0px;
	border-radius:0px;
}
.header-top-right .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: #3c3328;
  color: #ffffff;
  text-decoration: none;
}
.header-top-right .dropdown-menu > li{
	line-height:24px;
	text-transform:capitalize;
	border-bottom:1px solid #e7e7e7;	
}

.header-top-right .dropdown-menu > li a{
	display:block;
	font:11px !important;
	padding:7px 15px;
	font-size:12px;
}
.header-top-left {
  float: left;
}
/* End Header-Bottom Styles */

/* Start Menu-area styles */
.main-menu {
    float: right;
    margin-left: 0;
    position: relative;
}

.main-menu-area {
    left: 0;
    position: relative;
    right: 0;
    z-index: 1;
    background: #ffffff;
}
.main-menu-area .logo {
  padding-top: 17px;
  padding-bottom: 13px;
}

.main-menu .navbar-collapse {
    padding: 0px;
}


.main-menu .navigation li {
    float: left;
    padding: 0;
    position: relative;
    margin-right: 46px;
}

.main-menu .navigation li a {
  color: #3c3328;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  opacity: 1;
  padding-left: 2px;
  padding-right: 2px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.main-menu .navigation li a:hover{color:#a58436}
.main-menu .navigation > li:last-child{margin: 0}
.navbar-collapse.collapse.clearfix {
  padding-top: 40px;
}
.main-menu .navigation > li > ul {
  background: none repeat scroll 0 0 #a58436;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 140%;
  transition: all 1000ms ease 0s;
  visibility: hidden;
  width: 180px;
  z-index: 100;
  margin-top: 41px;
}

.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main-menu .navigation > li > ul > li {
    border-bottom: 1px solid rgba(255,255,255,.03);
    float: none;
    margin: 0;
    position: relative;
    width: 100%;
}

.main-menu .navigation > li > ul > li:last-child {
    border: none;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/resources/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
}

.main-menu .navigation > li > ul > li > a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 8px 0 8px 20px;
    position: relative;
    transition: all 500ms ease 0s;
}

.main-menu .navigation > li > ul > li > a:hover {
    color: #3c3328;
    background: none;
    border: none;
}

.main-menu .navigation .current i {
  color: #a58436;
  float: left;
  font-size: 15px;
  margin-left: -14px;
  padding-top: 4px;
}
/* End Menu-area styles */

/* Stast rev_slider styles */


.rev_slider .text h4 {
  background: #a58436 none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  line-height: 28px;
  padding-left: 12px !important;
  padding-right: 12px !important;
  text-transform: uppercase;
    border-radius: 20px;
}
.rev_slider .text h2 {
  color: #ffffff;
  display: block;
  font-size: 60px !important;
  font-weight: 700 !important;
  padding-top: 20px !important;
  position: relative;
 
}

.rev_slider .text h2 mark{
    color: white;
    background-color: rgba(0, 0, 0, .30);
    padding: 0px;
    line-height: 1.23em;
    padding-left: .5em;
    padding-right: .5em;
  
    
   
    
}

}
.rev_slider .text h2::before {
  background: rgba(0, 0, 0, 0) url("../images/resources/4.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 390px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
}
.rev_slider .text a {
  background: #3c3328 none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 14px !important;
  font-weight: 700 !important;
  height: 55px;
  padding-top: 14px !important;
  text-align: center;
  text-transform: uppercase;
  width: 200px;
  transition: all 1000ms ease 0s;
    border-radius: 45px;
}
.rev_slider .text a:hover{
    background: #a58436 none repeat scroll 0 0;
    color: #3c3328;
}
.rev_slider .text a i {
  margin-left: 30px !important;
}
/* End rev_slider styles */
/* Start section-title styles */

.section-title h2 {
  color: #3c3328;
  font-size: 30px;
  font-weight: bold;
  line-height: 58px;
  position: relative;
  text-shadow: 0 8px #f5f5f5;
  text-transform: uppercase;
}
.section-title h2 span{color:#a58436}

.section-title h2::before {
  content: "";
  display: block;
  height: 100%;
  left: 282px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
}
.text-center{text-align: center;}
/* End section-title styles */


/* Start welcome-seciton styles */

.welcome-seciton {
    padding-bottom: 100px;
    padding-top: 92px;
}
.welcome-seciton .img-holder {
  border: 4px solid #ffffff;
  margin-left: 20px;
  margin-right: 48px;
  position: relative;
  transition: all 500ms ease 0s;
}
.welcome-item .img-holder::after {
  background: url("../images/resources/1.jpg") no-repeat ;
  content: "";
  height: 100%;
  left: -19px;
  position: absolute;
  top: -19px;
  width: 100%;
  z-index: -1;
}

.welcome-item .text-item p {
  color: #3c3328;
  float: left;
  font-size: 16px;
  padding-right: 160px;
  padding-top: 27px;
  padding-bottom: 38px;
}
.welcome-item .text a {
  border: 1px solid #e3e4e9;
  color: #3c3328;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 51px;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
  width: 162px;
  float: left;
  position: relative;
}
.welcome-item .owl-item.active {
  width: 162px !important;
}
.welcome-item .sercarosule-box {
  margin-left: 26px;
  margin-right: 26px;
}
.welcome-item .text  a:hover{
    color:#ffffff;
    border: 1px solid #a58436;
    background: #a58436;
}
.welcome-item .owl-theme .owl-controls .owl-nav .owl-prev[class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 3px;
  color: #afb4b9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  left: -40px;
  margin: 5px;
  padding: 7px 7px;
  position: absolute;
  top: 0;
}
.welcome-item .owl-theme .owl-controls .owl-nav .owl-prev:hover{color:#000}
.welcome-item .owl-theme .owl-controls .owl-nav .owl-next:hover[class*="owl-"]{color:#000}
.welcome-item .owl-theme .owl-controls .owl-nav .owl-next[class*="owl-"] {
  border-radius: 3px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 5px;
  padding: 7px 7px;
  position: absolute;
  top: 0;
  right: -35px;
  background: none;
  color: #AFB4B9;
}
.welcome-item .text a i{
    c
    margin-right: 10px}

.welcome-item .flaticon-roof::before {
  content: "";
  font-size: 40px;
  left: 23px;
  line-height: 50px;
  position: absolute;
  top: 0;
}
/* Start Service-seciton Styles */
.service-seciton {
    padding-bottom: 97px;
    padding-top: 98px;
}
.service-seciton .single-item {
  position: relative;
}
.service-seciton .single-item .img-holder {
  overflow: hidden;
  position: relative;
}
.service-seciton .single-item .img-holder img {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 2.5s ease 0s;
    transition: all 2.5s ease 0s;
    width: 100%;
}
.service-seciton .single-item:hover .img-holder img {
  -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.service-seciton .single-item .img-holder .text {
  background: rgba(186, 162, 94, 0.5) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 39px;
  padding-left: 40px;
  position: absolute;
  top: 170px;
  transition: all 1000ms ease 0s;
}
.service-seciton .single-item:hover .text {
  background: rgba(186, 162, 94, 0.75) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 39px;
  padding-left: 40px;
  position: absolute;
  top:0px;
  transition: all 1000ms ease 0s;
    padding-top: 15px;
}
.service-seciton .single-item .img-holder img {
  width: 100%;
}
.service-seciton .single-item .text i::before {
  color: #F1C14F;
  float: left;
  font-size: 40px;
  margin-right: 15px;
  padding-top: 26px;
}
.service-seciton .single-item .text h4 a {
  border: medium none;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  padding-bottom: 20px;
  padding-top: 31px;
  text-transform: none;
}
.service-seciton .single-item .text p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  padding-right: 115px;
  padding-top: 0;
}
.service-seciton .accordion-box {
  margin-bottom: -40px;
  margin-top: 80px;
  position: relative;
}

.service-seciton .single-item .text a {
  border-bottom: 1px solid;
  color: #F1C14F;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding-top: 7px;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.service-seciton .single-item .text h4 a:hover{color:#a58436}
.service-seciton .single-item .text a:hover{color:#ffffff}
/* End Service-seciton Styles */

/* Start About-seciton Styles */
.about-seciton .about-left .text p {
  color: #3c3328;
  font-size: 16px;
  letter-spacing: 0.6px;
  line-height: 26px;
  margin: 0;
  padding-right: 81px;
  padding-top: 25px;
}
.about-seciton .about-left .icon-tem .item i::before {
  background: #F1C14F none repeat scroll 0 0;
  border: 4px solid #e4e9f6;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  font-size: 37px;
  height: 85px;
  margin: 0 30px;
  padding-top: 27px;
  text-align: center;
  width: 85px;
  transition: all 0.4s ease-in-out 0s;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.about-seciton .about-left .icon-tem .item:hover i::before{background: #F1C14F;
 box-shadow: 0 0 0 20px rgba(54, 87, 165, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1);   
 color:#fff;
 border: 4px solid #F1C14F;
}
.about-seciton .about-left .icon-tem .item h4 {
  color: #3c3328;
  font-size: 17px;
  font-weight: bold;
  padding-top: 10px;
}
.about-seciton .about-left .icon-tem .item {
  float: left;
  width: 33.33%;
}

.about-seciton .about-left .item.safe i::before {
  margin: 0 10px;
}
.about-seciton .about-left .icon-tem {
  margin-right: 214px;
  margin-top: 35px;
}
.about-seciton .about-right {
  background: rgba(0, 0, 0, 0) url("../images/service/5.jpg") no-repeat scroll 0 0;
  position: relative;
  margin-top: 25px;
}
.about-right .img-right img {
  margin-top: -65px;
}
.about-seciton {
  padding-top: 80px;
}
.about-seciton .section-title h2::before {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 240px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
}
/* End About-seciton Styles */

/* == Start Team-seciton Style == */
.team-seciton {
  padding-bottom: 95px;
  padding-top: 100px;
}
.team-seciton .single-item{transition: all 500ms ease 0s;}
.team-seciton .single-item .img-holder{
	position:relative;
	width:100%;
	overflow:hidden;
}
.team-seciton .single-item .img-holder img{
	position:relative;
	display:block;
	width:100%;
}


.team-seciton .single-item .img-holder img {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team-seciton .single-item:hover .img-holder img {
  -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.team-seciton .overlay {
  background: rgba(0, 0, 0, 0) url("../images/team/5.jpg") repeat-x scroll 0 0;
  display: block;
  min-height: 16px;
  transition: all 500ms ease 0s;
  width: 100%;
}

.team-seciton .overlay .text {
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  height: 100%;
  padding-bottom: 30px;
  padding-left: 26px;
  transition: all 500ms ease 0s;
  width: 100%;
  position: relative;
}
.team-seciton .overlay .text i{margin-right: 12px;}
.team-seciton .overlay .text h4 {
  color: #3c3328;
  font-size: 20px;
  font-weight: 600;
  padding-top: 50px;
  text-shadow: 0 8px rgba(0, 0, 0, 0.04);
}
.team-seciton .overlay .text p {
  color: #a58436;
  font-size: 16px;
  line-height: 26px;
  padding-top: 8px;
  transition: all 500ms ease 0s;
}
.team-seciton .overlay .text .para {
  color: #747474 !important;
  opacity: 0;
  padding-right: 20px;
  padding-top: 6px !important;
  position: absolute;
  top: -20px;
  transition: all 2000ms ease 0s;
}
.team-seciton .single-item:hover .overlay .text .para {
  color: #747474 !important;
  opacity: 1;
  padding-right: 20px;
  padding-top: 6px !important;
  position: relative;
  top:0px;
}
.team-seciton .overlay .text h5 {
  color: #3c3328;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  transition: all 500ms ease 0s;
}
/* == End Team-seciton Style == */
/* Start News-seciton styles */
.news-seciton{position: relative}
.news-seciton::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(6, 34, 62, .3);
}

.news-seciton .news-text h2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top:100px;
}
.news-seciton .news-btn i {
  margin-left: 14px;
}
.news-seciton .news-text p {
  color: #ffffff;
  font-size: 18px;
  font-weight: lighter;
  margin: 0;
  padding-bottom: 100px;
  padding-top: 35px;
}
.news-seciton::after {
  background: rgba(0, 0, 0, 0) url("../images/blog/1.png") repeat-x scroll 0 0;
  content: "";
  height: 45px;
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.news-btn {
  backface-visibility: hidden;
  background: #0B2258 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  color: #3c3328;
    border-radius: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 54px;
  padding-top: 15px;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: uppercase;
  top: 45%;
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: color;
  vertical-align: middle;
  width: 213px;
  font-family: 'Poppins', sans-serif;
}

.news-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F1C967;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -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;
     border-radius: 10px;
}
.news-btn:hover,
.news-btn:focus,
.news-btn:active {
  color: white;
}
.news-btn:hover:before,
.news-btn:focus:before,
.news-btn:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
/* End News-seciton Styles */
/* == Star Faq-section  == */

.faq-section {
    padding-bottom: 90px;
    padding-top: 86px;
}
.faq-section .section-title h2::before {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 103px;
  margin: 0 auto;
  position: absolute;
  top: 15px;
  width: 100%;
}
.faq-section .section-title h2::after {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 66%;
  margin: 0 auto;
  position: absolute;
  top: 15px;
  width: 100%;
}
.faq-section .faq-trstimonial .item {
  padding-left: 66px;
  position: relative;
  padding-top: 30px;
}
.faq-section .faq-trstimonial .item i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 23px;
  color: #a58436;
}
.faq-section .faq-trstimonial .item p {
  color: #3c3328;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 26px;
  padding-right: 18px;
}
.faq-section .faq-trstimonial .item .img-holder img {
  float: left;
  margin-right: 11px;
}
.faq-section .faq-trstimonial .item .img-holder h4 {
  color: #3c3328;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  padding-top: 23px;
}
.owl-carousel .owl-item img {
  display: block;
  width: auto;
}
.faq-section .owl-nav {
  margin-top: 5px;
  position: absolute;
  right: 0;
}
.faq-section .owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #3c3328;
  border-radius: 0;
  color: #fdc236;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  margin: 5px;
  padding: 4px 7px;
  width: 35px;
  font-size: 20px;
}
.faq-section .owl-theme .owl-controls .owl-nav .owl-prev:hover{
    background:#3c3328;
    border: 1px solid#3c3328;
    color:#ffffff;
}
.faq-section .owl-theme .owl-controls .owl-nav .owl-next:hover{
    background:#3c3328;
    border: 1px solid#3c3328;
    color:#ffffff;
}
.faq-section .faq-trstimonial .item .img-holder p {
  color: #3c3328;
  font-size: 15px;
  font-style: italic;
}
.faq-section .faq-trstimonial .item .img-holder {
  margin-top: 31px;
}
.faq-section .faq-trstimonial {
  margin-top: 110px;
}
.accordion-box {
  margin-top: 110px;
  position: relative;
}

.accordion-box p {
    margin: 0;
    padding-bottom: 44px;
}

.accordion-box .content-title {
    position: relative;
}

.accordion {
    border: 1px solid #D2D6E0;
    position: relative;
    margin-bottom: 20px;
}




.accordion .acc-btn.active .left-icon {
    color: #fff;
}

.accordion .acc-btn p {
    color: #3c3328;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    margin: 0;
    padding-bottom: 13px;
    padding-left: 85px;
    padding-top: 13px;
}

.accordion .acc-btn .toggle-icon {
  background: #3c3328 none repeat scroll 0 0;
  cursor: pointer;
  display: block;
  font-weight: 200;
  height: 51px;
  left: -1px;
  padding: 10px;
  position: absolute;
  top: -1px;
  width: 70px;
}
.accordion .acc-btn .toggle-icon i {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  color: #3c3328;
  display: block;
  height: 16px;
  line-height: 18px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 28%;
  width: 16px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon {
  background: #ffffff none repeat scroll 0 0;
  cursor: pointer;
  display: block;
  font-weight: 200;
  height: 51px;
  left: 0px;
  padding: 10px;
  position: absolute;
  top: 0px;
  width: 70px;
}
.accordion .acc-btn .toggle-icon .fa-angle-up {
  background: #3c3328 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  height: 16px;
  line-height: 14px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: -25%;
  width: 16px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-down {
    opacity: 1;
}

.accordion-box .accordion .acc-btn .toggle-icon .fa-angle-up {
    opacity: 0;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-down {
    opacity: 0;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-up {
    opacity: 1;
}

.accordion-box .accordion .acc-btn.active p{
    color: #a58436;
}

.accordion-box .accordion .acc-content {
    color: #222222;
    display: none;
    font-size: 15px;
    line-height: 24px;
}

.accordion-box .accordion .acc-content.collapsed {
    display: block;
}

.accordion-box .accordion .acc-content p {
  color: #3c3328;
  font-family: "Roboto",sans-serif;
  font-size: 15px;
  margin: 0;
  max-width: 900px;
  padding: 0 0 15px 88px;
}


/* == End Faq-section  == */
/* == Start Gallery-section Style  == */
.gallery-section .section-title h2::before {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 146px;
  margin: 0 auto;
  position: absolute;
  top: 15px;
  width: 100%;
}
.gallery-section .section-title h2::after {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 63%;
  margin: 0 auto;
  position: absolute;
  top: 15px;
  width: 100%;
}
.gallery-section {
    position: relative;
    padding-bottom: 95px;
}

.gallery-section .filters {
  margin-bottom: 12px;
  margin-top: 60px;
  position: relative;
  text-align: center;
}

.gallery-section .filters li {
  color: #3c3328;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 17px;
  position: relative;
  text-transform: uppercase;
  transition: all 300ms ease 0s;
}
.gallery-section .filters li .txt {
  color: #3c3328;
  display: inline-block;
  font-size: 18px;
  padding-left: 23px;
  position: relative;
  z-index: 1;
  text-transform: none;
  transition: all 500ms ease 0s;
}


.gallery-section .filters li:hover,
.gallery-section .filters li.active{
    color: #a58436;
}
.gallery-section .filters li .txt:hover,
.gallery-section .filters li.active .txt {
    color: #a58436;
}

.gallery-section .gallery-item {
    margin-top: 30px;
    text-align: center;
}
.gallery-section .img-holder {
  position: relative;
  transition: all 500ms ease 0s;
}
.gallery-section .img-holder img{width:100%}

.gallery-section .gallery-item .img-holder .link-icon{
	display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.gallery-section .gallery-item .img-holder .link-icon .link{
	display: table-cell;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.gallery-section .gallery-item .img-holder .link-icon .link a:hover{background: #3c3328 none repeat scroll 0 0;}
.gallery-section .gallery-item .img-holder .overlay {
  background: rgba(186, 162, 94, 0.7) none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  vertical-align: middle;
  width: 100%;
  top: -250px;
  transition: all 500ms ease 0s;
}
.gallery-section .gallery-item:hover .overlay{
	top:0px;

}
.gallery-section .gallery-item .overlay:hover .link-icon .link a {
	left:0px;
}
.gallery-section .gallery-item .img-holder .link-icon .link a {
  background: #a58436 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  height: 56px;
  left: -250px;
  padding-top: 15px;
  position: relative;
  width: 56px;
  transition: all 600ms ease 0s;
}
.gallery-section .gallery-item .img-holder {
  overflow: hidden;
  position: relative;
  transition: all 500ms ease 0s;
}

.gallery-section .gallery-item .img-holder img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.gallery-section .gallery-item:hover .img-holder img {
  -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.page-list {
  margin-top: 55px;
  text-align: center;
}
.page-list li {
  display: inline-block;
}

.page-list .next {
  background: #3c3328 none repeat scroll 0 0;
  color: #fff;
  height: 54px;
  text-transform: uppercase;
  width: 156px;
  padding-top: 15px;
  display: block;
 border-radius: 3px;
  
}
.page-list .next:hover{
    background: #a58436 none repeat scroll 0 0;
    color: white;
    transition: all 300ms ease 0s;

}
/* == End Gallery-section Style  == */

/* == Start Counter-section Style == */
.counter-section {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.counter-section::before {
  background: rgba(40, 53, 60, 1) none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}
.counter-section .title {
  padding-top: 75px;
  padding-left: 45px;
}
.counter-section .counter-left {
    padding-left: 45px;
}
.counter-section .title i::before {
  color: #FFF2CD;
  float: left;
  font-size: 65px;
  line-height: 65px;
  margin-right: 29px;
  position: relative;
  padding-top: 5px;
}
.counter-section .title h2 {
  color: #FFF2CD;
  font-size: 34px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: bold;
}
.counter-section .title h2 span {
  color: #dfcf90;
  font-size: 34px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: bold;
}
.counter-text .text i {
  color: #a58436;
  float: left;
  font-size: 35px;
  margin-bottom: 14px;
  position: absolute;
  top: -38px;
}
.counter-section .counter-text .text{position: relative}
.counter-section .counter-text.counter-center .text i {
  color: #a58436;
  font-size: 35px;
  left: 20px;
  margin-bottom: 14px;
  position: absolute;
  text-align: left;
  top: -38px;
}
.counter-text {
  padding-bottom: 78px;
  padding-top: 80px;
}
.counter-section .counter-text .text h2 {
  color: #FFF2CD;
  font-size: 52px;
  font-weight: bold;
}
.counter-section .counter-text .text span {
  color: #FFF2CD;
  font-weight: bold;
  text-align: left;
}
.counter-text.counter-center {
  text-align: center;
}

.counter-text.counter-right .text {
  float: right;
  padding-right: 35px;
}
.counter-text.counter-center .text {
  width: 130px;
  margin: 0 auto;
}

/* == End Counter-section Style == */

/* Start blog-seciton styles */
.blog-seciton {
  padding-bottom: 65px;
  padding-top: 78px;
}
.blog-seciton .blog-item .text .nov {
  color: #002e5b;
  font-size: 14px;
  margin: 0;
  padding-top: 26px;
  padding-bottom: 0;
}
.blog-seciton .blog-item .text {
  border: 1px solid #dddddd;
  display: block;
  overflow: hidden;
  padding-left: 30px;
  padding-bottom: 33px;
  margin-bottom: 2px;
}
.blog-seciton .blog-item .text h4 a {
  color: #3c3328;
  display: inline-block;
  float: none;
  font-family: "Montserrat",sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
  padding-top: 7px;
  transition: all 500ms ease 0s;
  text-transform: none;
  padding-bottom: 16px;
}
.blog-seciton .blog-item {
  margin-top: 50px;
}
.blog-seciton .blog-item .img-holder {
  position: relative;
  overflow: hidden;
}
.blog-seciton .blog-item .img-holder img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.blog-seciton .blog-item:hover .img-holder img {
  -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.blog-seciton .blog-item .text a:hover{color:#a58436}
.blog-seciton .blog-item .text h5 span{color:#f55c23}
.blog-seciton .blog-item .text h5 i {
  margin-right: 7px;
  color: #9C9C9C;
  position: relative;
}
.blog-seciton .blog-item .text h5 i::after {
  color: #ffffff;
  content: "";
  display: block;
  font-size: 6px;
  margin-left: 4px;
  position: absolute;
  top: 5px;
}
.blog-seciton .blog-item .text h5 {
  color: #3c3328;
  font-size: 14px;
  font-weight: 600;
  display: inline;
}
.blog-seciton .blog-item .text p {
  color: #3c3328;
  font-family: "Arimo",sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 24px;
  padding-right: 25px;
}
.blog-seciton .blog-item .text a {
  color: #3c3328;
  float: left;
  font-size: 14px;
  font-weight: 600;
  margin-right: 93px;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.blog-seciton .owl-theme .owl-controls .owl-nav .owl-prev {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #fdc236;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  height: 35px;
  width: 35px;
  border: 1px solid#3c3328;
}
.blog-seciton .owl-theme .owl-controls .owl-nav .owl-next {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #fdc236;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  height: 35px;
  width: 35px;
  border: 1px solid#3c3328;
}
.blog-seciton .owl-theme .owl-controls .owl-nav .owl-next:hover{
    color:#ffffff;
    background:#3c3328;
    border: 1px solid#3c3328;
}
.blog-seciton .owl-theme .owl-controls .owl-nav .owl-prev:hover{
    color:#ffffff;
    background:#3c3328;
    border: 1px solid#3c3328;
}
.blog-seciton .owl-theme .owl-controls .owl-nav {
  position: absolute;
  right: 0;
  top: -55px;
}
/* End blog-seciton styles */


/* Start Brand-seciton styles */
.brand-seciton .brand-carousel .single-item a img {
  position: relative;
  opacity: 0.3;
  transition: all 500ms ease 0s;
}
.brand-seciton .brand-carousel .single-item  a img:hover{
 opacity:1;
 
}

.brand-seciton .brand-carousel.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #3c3328;
  border-radius: 0;
  color: #fdc236;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  margin: 5px;
  padding: 4px 7px;
  width: 35px;
  font-size: 20px;
}
.brand-seciton .brand-carousel.owl-theme .owl-controls .owl-nav .owl-prev:hover{
    background:#3c3328;
    border: 1px solid#3c3328;
    color:#ffffff;
}
.brand-seciton .brand-carousel.owl-theme .owl-controls .owl-nav .owl-next:hover{
    background:#3c3328;
    border: 1px solid#3c3328;
    color:#ffffff;
}
.brand-carousel.owl-theme.owl-carousel.owl-loaded {
  padding-bottom: 82px;
  padding-top: 70px;
  position: relative;
}
.brand-carousel.owl-theme.owl-carousel.owl-loaded .owl-nav {
  margin-top: 40px;
  position: absolute;
  right: -3px;
}
.brand-carousel-right .brand-carousel-2 {
  padding-left: 50px;
  position: relative;
}
.brand-carousel-right .brand-carousel-2 .owl-nav {
  margin-top: -75px;
}
.brand-carousel-right .brand-carousel-2 .owl-nav .owl-next:hover{
  background: none;
  color: #3c3328;}
.brand-carousel-right .brand-carousel-2 .owl-nav .owl-prev:hover{
  background: none;
  color: #3c3328;}
.brand-carousel-right .brand-carousel-2 .owl-nav .owl-next {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #3c3328;
  position: absolute;
  right: 0;
}
.brand-carousel-right .brand-carousel-2 .owl-nav .owl-prev {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #3c3328;
  left: -12px;
  position: absolute;
}
.brand-carousel-right .section-title p {
  color: #3c3328;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 26px;
  padding-top: 26px;
}
.brand-seciton .brand-carousel-right .section-title h2::before {
  background: rgba(0, 0, 0, 0) url("") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 345px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 16px;
  width: 100%;
}
.brand-seciton .section-title h2::before {
  background: rgba(0, 0, 0, 0) url("") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 285px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 16px;
  width: 100%;
}
.brand-seciton {
  padding-bottom: 95px;
}
/* End Brand-seciton styles */




/* == Start Footer-section Style == */
.footer-section::after {
  background: rgba(0, 0, 0, 0) url("../images/blog/bg3.jpg") repeat-x scroll 0 0;
  content: "";
  height: 18px;
  position: absolute;
  width: 100%;
  top: 0;
}
.footer-section {
  background: none repeat scroll 0 0 #3c3328;
  border-top: 1px solid #bdc4cc;
  padding-top: 107px;
  position: relative;
}
.footer-section .widget {
  margin-left: -60px;
}
.footer-section .news-widget {
  margin-left: 47px;
  margin-right: -47px;
}
.footer-section .link-widget {
  margin-left: 55px;
}
.footer-logo a img {
  margin-bottom: 23px;
  margin-top: 7px;
}
.footer-logo p {
  color: #F1C14F;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0;
}
.footer-logo p span {
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
}
.footer-item{padding-bottom: 100px}
.footer-item h2 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 29px;
}
.news-widget .recent .img-nolder {
  display: inline-block;
  float: left;
  height: 100%;
  width: 55px;
  margin-right: 18px;
   
}
.news-widget .recent .img-nolder img{
    border-radius: 5px;
}
.news-widget .recent .text {
  display: inline-block;
  float: left;
  height: 100%;
  max-width: 170px;
}
.news-widget .recent .text h4 a {
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  margin-top: 1px;
  display: block;
  transition: all 500ms ease 0s;
}
.news-widget .recent .text h4 a:hover{color:#a58436}
.news-widget .recent .text p {
  color: #a58436;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  padding-top: 4px;
}
.recent.mr-42 {
  margin-bottom: 36px;
  overflow: hidden;
}
.link-widget ul {
  margin-top: -13px;
}
.link-widget ul li a {
  color: #ffffff;
  font-size: 18px;
  line-height: 34px;
  transition: all 500ms ease 0s;
  display: inline-block;
}
.link-widget ul li a:hover{color:#a58436}
.newsletter input {
  background: #a58436 none repeat scroll 0 0;
  border-radius: 30px;
  color: #ffffff;
  border: none;
  height: 40px;
  padding-left: 23px;
}
.newsletter .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.newsletter input:focus {
    border-color:none;
    border:none;
    box-shadow:none;
}

.newsletter{position: relative}
.newsletter button {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  height: 50px;
  position: absolute;
  right: 0;
  top: -5px;
  width: 50px;
 transition: all 500ms ease 0s;
}
.newsletter > button i {
  font-size: 30px;
  color: #FEBB1C;  
  transition: all 500ms ease 0s;
}
.newsletter button:hover i{color:#3c3328}
.social-icon ul li a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #6c6a64;
  display: inline-block;
  float: left;
  font-size: 20px;
  height: 48px;
  line-height: 50px;
  margin-right: 11px;
  text-align: center;
  width: 48px;
    transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.social-icon ul li a:hover{-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
    background:#F1C14F;
    color:#ffffff;
}
.social-icon h2 {
  margin: 0;
  padding-bottom: 17px;
  padding-top: 43px;
}


.footer-bottom p {
  color: #7a7a7a;
  float: left;
  font-size: 18px;
  line-height: 24px;
}
.footer-bottom p span {
  color: #a58436;
}
.footer-bottom {
  background: #191919 none repeat scroll 0 0;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  margin-top: 65px;
  padding-bottom: 21px;
  padding-top: 28px;
  text-align: center;
}
.footer-bottom ul{float: right;}
.footer-bottom ul li{display: inline;}
.footer-bottom ul li a {
  font-size: 18px;
  line-height: 24px;
  padding-left: 25px;
  color:#7a7a7a;
}
/* == End Footer-section Style == */

/* ======================== Start About Style  ======================== */

/* == Start Slider-section Style == */
.slider {
  display: table;
  height: 100%;
  padding-bottom: 85px;
  padding-top: 85px;
  position: relative;
  width: 100%;
}
.slider .text {
    display: table-cell;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.slider .text h2 {
  color: #a58436;
  display: inline-block;
  font-size: 53px;
  font-weight: bold;
}
/* == End Slider-section Style == */
.client-section {padding: 80px 0px;}
.client-section .section-title h2::before {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
}
.client-section .section-title h2::after {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 70%;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
}
.client-section .single-item {
  margin-bottom: 15px;
  margin-top: 30px;
  position: relative;
}
.client-section .single-item .box-holder h2 {
  color: #031633;
  font-size: 30px;
  font-weight: bold;
  padding-top: 83px;
}
.client-section .single-item .box-holder h4 {
  color: #777777;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  font-style: italic;
  padding-top: 6px;
}
.client-section .single-item .box-holder .icon ul li {
  display: inline-block;
}
.client-section .single-item .box-holder .icon ul li i {
  color: #fab624;
  font-size: 20px;
  padding: 9px 3px;
  margin-bottom: 7px;
}
.client-section .single-item .box-holder p {
  color: #777777;
  display: block;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 68px;
  padding-left: 70px;
  padding-right: 70px;
}
.client-section .single-item img {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 58px;
  width: 90px;
  z-index: 111;
}
.client-section .single-item .overlay {
  bottom: 0;
  left: 0;
  line-height: 0;
  opacity: 1;
  overflow: hidden;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;
}
.client-section .single-item .overlay .box-holder {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;    
}
.client-section .single-item .overlay .box-holder:before,
.client-section .single-item .overlay .box-holder:after {
    content: '';
    position: absolute;    
    opacity: 0;    
    filter: alpha(opacity=0);
}
.client-section .single-item .overlay:hover .box-holder:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: skew(0deg);
        -ms-transform: skew(0deg);
            transform: skew(0deg);
}
.client-section .single-item .overlay:hover .box-holder:before {
    opacity: 1;
    filter: alpha(opacity=100);
}
.client-section .single-item .overlay .box-holder:after {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    border-top: 1px solid #FBB92C;
    border-bottom: 1px solid #FBB92C;
    -webkit-transform: skew(-100deg);
        -ms-transform: skew(-100deg);
            transform: skew(-100deg);
    -webkit-transition: all .5s ease;
            transition: all .5s ease;
}
.client-section .single-item .overlay .box-holder:before {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    border-left: 1px solid #FBB92C;
    border-right: 1px solid #FBB92C;
    -webkit-transition: all .5s ease .3s;
            transition: all .5s ease .3s;
}
.client-section .single-item .overlay .box-holder{border: 1px solid#E6E6E6;transition: all 500ms ease 0s;}
.client-section .single-item .overlay:hover .box-holder{border: 1px solid#ffffff; 0s;}

/* ======================== End About Style  ======================== */

/* ======================== Start Service Style  ======================== */

.service-seciton.service-page .single-item {
  margin-bottom: 64px;
}
.service-seciton.service-page .page-list ul li a {
  border-bottom: 1px solid #b6b6b6;
  color: #b6b6b6;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  margin: 0 5px;
  padding-top: 4px;
  text-align: center;
  transition: all 500ms ease 0s;
}
.service-seciton.service-page .page-list ul li a:hover{color:#3c3328}
.service-seciton.service-page .page-list ul li a i {
  border: 1px solid #d7d7d7;
  height: 42px;
  padding-top: 10px;
  text-align: center;
  width: 42px;
  transition: all 500ms ease 0s;
  font-size: 20px;
}
.service-seciton.service-page .page-list ul li .bor-1 {
  border-bottom: medium none;
}
.service-seciton.service-page .page-list ul li a i:hover{
  background:#a58436;
  color: #ffffff;
  border:1px solid#a58436
}
.service-seciton.service-page .page-list {
  margin-top: 0px;
  text-align: center; 
}
/* == Start Sidebar Style == */
.sidebar h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 45px;
}
.sidebar .category ul li a {
  border: 1px solid #d7d7d7;
  color: #3c3328;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 53px;
  margin-bottom: 7px;
  padding-left: 27px;
  padding-right: 25px;
  padding-top: 14px;
  width: 100%;
  transition: all 500ms ease 0s;
}
.sidebar .category ul li a:hover{border:1px solid transparent;color:#a58436;}
.sidebar .category ul li a i{float: right;}
.contact-bar {
  margin-top: 55px;
  padding-bottom: 13px;
  padding-right: 70px;
}
.sidebar .contact-bar p {
  color: #3c3328;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 15px;
}
.contact-bar p i {
  color: #a58436;
  margin-right: 19px;
  font-size: 25px;
  margin-bottom: 20px;
  float: left;
  line-height: 40px;
}
.contact-bar a {
  background: #a58436 none repeat scroll 0 0;
  border-bottom: 3px solid #cf9408;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 48px;
  margin-bottom: 14px;
  padding-left: 32px;
  padding-top: 9px;
  transition: all 500ms ease 0s;
}
.contact-bar a:hover{
    background: #3c3328 none repeat scroll 0 0;
    border-bottom: 3px solid #3c3328;
}
.contact-bar .char {
  background: none;
  border: 1px solid #C6C6C6;
  color: #3c3328;
  display: block;
  font-size: 18px;
  height: 48px;
  margin-bottom: 14px;
  padding-left: 32px;
  padding-top: 9px;
}
.contact-bar .char:hover{color:#ffffff;border: 1px solid #3c3328;} 
.contact-bar a i{margin-right: 16px}
.sidebar .contact-bar .bro {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 23px;
  margin-top: -20px;
}
.sidebar .category {
  margin-right: 47px;
}

/* == End Sidebar Style == */

.service-item p {
  color: #3c3328;
  font-size: 16px;
  line-height: 28px;
  padding-right: 90px;
  padding-top: 22px;
}
.service-item .section-title h2 {
  color: #3c3328;
  font-size: 30px;
  font-weight: bold;
  line-height: 37px;
  position: relative;
  text-shadow: 0 8px #f5f5f5;
  text-transform: uppercase;
}
.service-item h5 {
  color: #3c3328;
  font-size: 16px;
  line-height: 36px;
}
.service-item h5 i {
  color: #FEB60C;
  margin-right: 5px;
}
.service-item .adjust {
  margin-top: 31px;
  margin-bottom: 60px;
}
.service-item .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #DEA20F none repeat scroll 0 0;
  border-radius: 30px;
  display: block;
  height: 10px;
  margin: 5px 7px;
  transition: opacity 200ms ease 0s;
  width: 10px;
}
.service-item .owl-theme .owl-dots .owl-dot span {
  background: #d6d6d6 none repeat scroll 0 0;
  border-radius: 30px;
  display: block;
  height: 8px;
  margin: 5px 7px;
  transition: opacity 200ms ease 0s;
  width: 8px;
}
.service-item .owl-theme .owl-dots {
  margin-top: 32px;
}
/* ======================== End Service Style  ======================== */


/* ======================== Start pd-bott Style  ======================== */
.gallery-section.pro-page{padding-top:30px}
.gallery-section.pro-page .page-list ul li a {
  border-bottom: 1px solid #b6b6b6;
  color: #b6b6b6;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  margin: 0 5px;
  padding-top: 4px;
  text-align: center;
  transition: all 500ms ease 0s;
}
.gallery-section.pro-page .page-list ul li a:hover{color:#3c3328}
.gallery-section.pro-page .page-list ul li a i {
  border: 1px solid #d7d7d7;
  height: 42px;
  padding-top: 10px;
  text-align: center;
  width: 42px;
  transition: all 500ms ease 0s;
  font-size: 20px;
}
.gallery-section.pro-page .page-list ul li .bor-1 {
  border-bottom: medium none;
}
.gallery-section.pro-page .page-list ul li a i:hover{
  background:#a58436;
  color: #ffffff;
  border:1px solid#a58436
}
.gallery-section.pro-page .page-list {
  margin-top: 66px;
  text-align: center;
}
.pd-bott{padding-bottom: 45px;}
.about-left .icon-tem p {
  color: #3c3328;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  padding-top: 8px;
  font-family: 'Montserrat', sans-serif;
}
.about-seciton.pd-bott .about-left .icon-tem {
  margin-right: 190px;
  margin-top: 35px;
}
.video-preview {
  position: relative;
}
.video-preview::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(186, 162, 94, 0.8);
  content: "";
}
.video-preview .v-container a i {
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  color: #3c3328;
  display: inline-block;
  font-size: 25px;
  height: 42px;
  margin-bottom: 104px;
  margin-top: 104px;
  padding-left: 5px;
  padding-top: 9px;
  width: 42px;
  position: relative;
}
.pad-0{padding: 0px;}
.welcome-seciton.pad-0 {
  margin-bottom: 50px;
  margin-top: 133px;
}
.service-seciton.project-item.pad-0 {
  margin-bottom: 100px;
  position: relative;
}
.service-seciton.project-item.pad-0 .owl-nav {
  position: absolute;
  right: 12px;
}
.service-seciton.project-item.pad-0 .owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #A8ADBB;
  border-radius: 0;
  color: #A8ADBB;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  height: 35px;
  margin: 10px 5px 5px;
  padding: 4px 7px;
  width: 35px;
}
.service-seciton.project-item.pad-0 .owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #E8EAEF;
  border-radius: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  padding: 4px 7px;
  height: 35px ;
  width: 35px;
  display: inline-block;
  color: #E8EAEF;
}
.service-seciton.project-item.pad-0 .owl-theme .owl-controls .owl-nav .owl-prev:hover{
    background:#3c3328;
    border: 1px solid #3c3328;
    color:#Ffffff
}
.service-seciton.project-item.pad-0 .owl-theme .owl-controls .owl-nav .owl-next:hover{
    background:#3c3328;
    border: 1px solid #3c3328;
    color:#Ffffff
}
/* == Start markin-secitonr Style == */
.markin-seciton .markin-left .icon ul li {
  display: inline-block;
}
.markin-seciton .markin-left .icon ul li i{
  color:#FEC130;
}
.markin-seciton .markin-left p {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  padding-right: 120px;
  padding-top: 23px;
}
.markin-right {
  border: 1px solid #D7D7D7;
  text-align: center;
}
.markin-right p {
  border-bottom: 1px solid#E7E7E7;
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
  margin: 0;
  padding-bottom: 14px;
  padding-top: 10px;
}
.markin-right p i{margin-right: 5px;}
.markin-right p span{font-weight:normal;font-size: 15px;}
.markin-seciton {
  padding-bottom: 95px;
}
.gallery-section.padd-0 {
  padding-bottom: 68px;
  padding-top: 80px;
}
.gallery-section.padd-0 .gallery-item {
  margin-top: 70px;
  text-align: center;
}
.gallery-section.padd-0 .section-title h2:after {
  display: none;
}
.gallery-section.padd-0 .owl-nav {
  position: absolute;
  right: 12px;
  top: 0;
}
.gallery-section.padd-0 .section-title h2:before {
  background: url("../images/resources/1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 100%;
  left: 365px;
  margin: 0 auto;
  position: absolute;
  top: 15px;
  width: 100%;
}
.gallery-section.padd-0 .owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #E8EAEF;
  border-radius: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  padding: 4px 7px;
  height: 38px ;
  width: 38px;
  display: inline-block;
  color: #E8EAEF;
}
.gallery-section.padd-0 .owl-theme .owl-controls .owl-nav .owl-prev:hover{
    background:#3c3328;
    border: 1px solid #3c3328;
    color:#Ffffff
}
.gallery-section.padd-0 .owl-theme .owl-controls .owl-nav .owl-next:hover{
    background:#3c3328;
    border: 1px solid #3c3328;
    color:#Ffffff
}
/* == End markin-secitonr Style == */
/* ======================== End Project Style  ======================== */

/* ======================== Start Blog Style  ======================== */
.search-bar {
  margin-top: 98px;
}
.blog-list {
  margin-top: 55px;
  text-align: center;
}
.blog-list li {
  display: inline-block;
}

.blog-list ul li a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  padding: 5px;
  transition: all 500ms ease 0s;
}
.blog-list ul li a:hover{color:#a58436}

.side-search .search-bar input {
  border: 1px solid #c9c9c9;
  height: 39px;
  padding-left: 15px;
  width: 100%;
}
.category h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 43px;
  text-transform: uppercase;
}
.category ul li a {
  border-bottom: 1px solid #dfdfdf;
  color: #31363b;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 11px;
  padding-top: 13px;
  transition: all 500ms ease 0s;
}
.category ul li a span{float: right;}
.category ul li .last {border-bottom:none}
.category ul li a:hover {color:#a58436}
.category.arc ul li a:hover {color:#a58436}
.category.arc ul li a{color:#31363b;font-weight: normal;}
.category.arc h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 23px;
  padding-top: 48px;
  text-transform: uppercase;
}
.tags-box h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 33px;
  padding-top: 48px;
  text-transform: uppercase;
}
.tags-box {
  margin-right: -22px;
}
.tags-box ul li {
  display: inline-block;
  margin: 0 8px;
}
.tags-box ul li a {
  color: #555555;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  transition: all 500ms ease 0s;
}
.tags-box ul li a:hover{color:#a58436}
.tags-box ul li .baus{font-size: 24px;color:#a58436}
.tags-box ul li .web{font-size: 20px;color:#888888}
.tags-box ul li .desine{font-size: 24px;color:#212121}
.gallery-widget h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 30px;
  padding-top: 68px;
  text-transform: uppercase;
}
.gallery-widget .gallery {
  margin-right: -20px;
}
.recent-post h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 42px;
  padding-top: 43px;
  text-transform: uppercase;
}
.recent-post {
  overflow: hidden;
}
.recent-post .blog-item .img-holder {
  display: inline-block;
  float: left;
  height: 100%;
  margin-right: 20px;
  width: 70px;
}
.recent-post .blog-item .text {
  display: inline-block;
  float: right;
  height: 100%;
  margin-right: -15px;
  max-width: 190px;
}
.recent-post h4 a {
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 4px;
  padding-top: 10px;
  transition: all 500ms ease 0s;

}
.recent-post h4 a:hover{color:#a58436}
.recent-post p {
  color: #999999;
  font-size: 12px;
  padding-bottom: 20px;
}
.recent-post .blog-item {
  display: block;
  margin-bottom: 28px;
  overflow: hidden;
}
.gallery-widget .gallery li {
    display: inline-block;
    float: left;
    margin: 0 4px 8px;
}
.gallery-widget .gallery li .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
}

.gallery-widget .gallery li .img-holder img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.gallery-widget .gallery li .img-holder .overlay {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    -webkit-transition: background-color 0.4s ease 0s;
    transition: background-color 0.4s ease 0s;
}


.gallery-widget .gallery li:hover .img-holder .overlay {
    background-color: rgba(0, 0, 0, 0.35);
}

.gallery-widget .gallery li:hover .img-holder img {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
/* == Start Single-post Style == */
.single-post {
  border-bottom: 2px solid #e9edf0;
  margin-left: 18px;
  padding-bottom: 40px;
  margin-bottom: 32px;
}
.single-post .top-post {
  overflow: hidden;
  padding-bottom: 18px;
  padding-top: 88px;
}
.single-post .border-1 {
  border-bottom: 1px solid #efefef;
  overflow: hidden;
  margin-right: -70px;
}
.single-post .top-post h2 {
  color: #3c3328;
  font-size: 36px;
  font-weight: bold;
  line-height: 48px;
}
.single-post .top-post p {
  color: #3c3328;
  float: left;
  font-size: 16px;
  padding-top: 13px;
  padding-right: 48px;
}
.single-post .top-post p i{margin-right: 6px}
.single-post .post-text p {
  color: #3c3328;
  font-size: 16px;
  line-height: 26px;
  padding-right: 70px;
  padding-top: 23px;
  text-align: justify;
}
.single-post .post-text p span {
  float: left;
  font-size: 55px;
  line-height: 55px;
}
.single-post .post-text h4 {
  color: #3c3328;
  font-size: 24px;
  font-weight: bold;
  padding-top: 74px;
}
.single-post .post-text img {
  margin-bottom: -30px;
  margin-top: 55px;
}
.single-post .tage {
  float: left;
  margin-right: 208px;
  padding-top: 55px;
  width: 50%;
}
.single-post .tage h4 {
  color: #000;
  float: left;
  font-size: 16px;
  line-height: 24px;
  padding-top: 5px;
  margin-right: 40px;
}
.single-post .tage ul li {
  display: inline-block;
}
.single-post .tage ul li a {
  color: #a58436;
  display: inline-block;
  padding: 5px 20px;
  line-height: 24px;
  transition: all 500ms ease 0s;
}
.single-post .tage ul li a:hover{color:#ffffff;background:#3c3328}
.single-post .share h4 {
  color: #000;
  float: left;
  font-size: 16px;
  line-height: 24px;
  margin-right: 8px;
  padding-top: 5px;
}
.single-post .share ul li {
  display: inline-block;
}
.single-post .share {
  padding-top: 60px;
}
.single-post .share ul li a {
  color: #3c3328;
  font-size: 24px;
  line-height: 35px;
  padding: 0 4px;
  transition: all 500ms ease 0s;
}
.single-post .share ul li a:hover{color:#FEC847}
.comment-box .img-holder {
  float: left;
  margin-bottom: 50px;
  margin-right: 14px;
}
.comment-box .text h4 {
  color: #000;
  font-size: 18px;
}
.comment-box .text h4 span {
  color: #949494;
  font-size: 14px;
  margin-left: 19px;
  font-family: 'Roboto', sans-serif;
}
.comment-box .text p {
  color: #3c3328;
  font-size: 16px;
  line-height: 24px;
  padding-top: 14px;
}
.comment-box .text a {
  background: none repeat scroll 0 0 #3c3328;
  border: 1px solid #d0d0d0;
  color: #ffffff;
  display: inline-block;
  height: 32px;
  line-height: 24px;
  margin-top: 5px;
  padding-top: 2px;
  text-align: center;
  width: 96px;
  transition: all 500ms ease 0s;
}
.comment-box .text a:hover{background:#a58436;color:#3c3328}
.comment-box {
  padding-top: 32px;
}
.comment-box .comment-1{margin-left: 18px}
.comment-box .comment-2 {
  background: none repeat scroll 0 0 #f8f9f9;
  margin-left: 77px;
  margin-top: 29px;
  padding-left: 32px;
  padding-top: 32px;
  padding-bottom: 20px;
}
.comment-box .view-all a {
  color: #a58436;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  padding-top: 42px;
  position: relative;
  transition: all 500ms ease 0s;
}
.comment-box .view-all i {
  color: #a58436;
  display: block;
  font-size: 18px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  transition: all 500ms ease 0s;
}
.comment-box .view-all a:hover{color:#3c3328}
.comment-box .view-all {padding-bottom: 88px;}
/* == End Single-post Style == */
/* ======================== End Blog Style  ======================== */
/* ======================== Start Contact Style  ======================== */
.contact-seciton {
  padding-top: 82px;
  position: relative;
}
.google-map{
  width: 100%;
  height: 505px;
  position: relative;
}
.contact-form {
  background: rgba(186, 162, 94, 0.73) none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  right: 0;
  width: 50%;
  height: 505px;
}
.contact-seciton .section-title h2{
    color: #3c3328;
}
.contact-seciton .section-title h2::before {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 161px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
}
.contact-seciton .section-title h2::after {
  background: rgba(0, 0, 0, 0) url("../images/resources/1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 717px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
}
.contact-seciton .section-title p {
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 75px;
  padding-top: 50px;
  color: black;
  text-align: left;
}
.default-form.clearfix .form-group {
  float: left;
  margin: 15px 10px 0;
  width: 41%;
}
.default-form.clearfix .form-group input {
  color: #465a6f;
  font-size: 14px;
  font-style: italic;
  height: 50px;
  padding-left: 23px;
  width: 100%;
}
.default-form.clearfix{padding-left: 35px;padding-top: 40px;}
.default-form.clearfix .form-group.comments textarea {
  color: #465a6f;
  font-size: 14px;
  font-style: italic;
  height: 200px;
  padding-left: 23px;
  padding-top: 15px;
  width: 100%;
}
.default-form.clearfix .form-group.comments{width: 85%}
.contact-seciton .default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="number"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
    border-color: #F55C23;
}
.default-form .form-group input.error,
.default-form .form-group select.error,
.default-form .form-group textarea.error {
    border-color: #ff0000 !important;
}

.default-form .form-group label.error {
    display: block;
    padding: 10px 0px 0px;
    line-height: 24px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ff0000;
    font-weight: normal !important;
}
.default-form .form-group .btn.btn-1 {
  background: #a58436 none repeat scroll 0 0;
  border-radius: 0;
  color: #ffffff;
  font-size: 17px;
  height: 50px;
  position: relative;
  width: 200px;
  z-index: 111;
  margin-top: 12px;
  transition: all 500ms ease 0s;
}
.default-form .form-group .btn.btn-1 i{margin-right: 10px;}

.default-form .form-group .btn.btn-1:hover{background:#3c3328}

.contactus-seciton {
  padding-bottom: 80px;
  padding-top: 60px;
}
.contactus-seciton .single-item{text-align: center}
.contactus-seciton .single-item h4 a {
  color: #3c3328;
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  padding-top: 10px;
  display: block;
  transition: all 500ms ease 0s;
}
.contactus-seciton .single-item p {
  color: #888888;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding-left: 55px;
  padding-right: 55px;
  padding-top: 4px;
}
.contactus-seciton .single-item h5 a {
  color: #3c3328;
  font-size: 14px;
  font-weight: 600;
  line-height: 45px;
  display: block;
  transition: all 500ms ease 0s;
}
.contactus-seciton .single-item h5{
  color: #3c3328;
  font-size: 14px;
  font-weight: 600;
  line-height: 45px;
  display: block;
  transition: all 500ms ease 0s;
}
.contactus-seciton .single-item a:hover{color:#a58436}


.contactus-seciton .single-item i::before {
  background: #3c3328 none repeat scroll 0 0;
  border: 5px solid #E9EDF8;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  font-size: 37px;
  height: 118px;
  margin: 0 30px;
  padding-top:35px;
  text-align: center;
  width: 118px;
  transition: all 0.4s ease-in-out 0s;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.contactus-seciton .single-item:hover i::before{background:#3c3328;
 box-shadow: 0 0 0 20px rgba(186, 162, 94, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1);   
 color:#a58436;
 border: 5px solid #FEB914;
}
.hvr-float-shadow::before {
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
  content: "";
  height: 10px;
  left: 5%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 99%;
  transition-duration: 0.3s;
  transition-property: transform, opacity;
  width: 90%;
  z-index: -1;
}
.title-band .band{
    color: white;
    font-size: 10px;
    background: solid;
    background-color: rgba(33, 77, 253, 0.5);
    height: 4em;
    width: 100%;
    z-index: 1000;
}
.pages-label{
    margin-top: 50px;
    font-size: 40px;
    height: 3em;
    border-radius: 20px;
    margin-bottom: 50px;
}
.pages-label .label-text h2{
    text-align: center;
    color: white;
    line-height: 3em; 
   font-size: inherit;
    font-weight: 800;
    position: 50% 50%;
    
    
    
}
.content-description iframe{
    margin-bottom: 0px;
    width: 100%;
    height: 200px;
    border-radius: 50%;
    
}

.shop-item {
    
    padding-top: 10px;
    align-content: space-around;
    text-align: center;
    align-items: center;
}
.shop-item .row-tienda{
    align-content: center;
}
.shop-item img{
    width: 130px;
    align-content: center;
    border-radius: 4%;
    
}
.shop-item h2{
    
    color: white;
    font-size: 20px;
   text-align: center;
    font-weight: bold;
}


.shop-item p{
    font-size: 14px;
    line-height: 1em;
    color: skyblue;
    font-weight: 300;
    
}
.shop-item p span{
    font-style: italic;
    color: dodgerblue;
    font-weight: 700;        
}


    


.container-mapa{
    display: flex;
    align-content: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
    
}

.mapa-block, .contacto-block{
    flex-basis: 48%;
    
}

.container-mapa .mapa-block iframe{
    border-radius: 10px;
}
.container-mapa .contacto-block form{
    background-color: #a58436;
    padding: 15px;
    border-radius: 10px;
    height: 505px;
    display: flex;
    justify-content: space-around;
    align-content: space-around;
    flex-wrap: wrap;
}
.container-mapa .contacto-block form .form-group{
    
    flex: 100%;
}
.container-mapa .contacto-block form .form-group input{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    color: black;
}
.container-mapa .contacto-block form .form-group textarea{
    width: 100%;
    height: 100px;
    border-radius: 5px;
    
}
.container-mapa .contacto-block form .form-group input .button{
    background-color: aqua;
    
}

#submit{
    background-color: #3c3328; color: white;
    
}
#submit:hover{
    background-color: white;
    color: black;
    transition: all 500ms ease 0s;
       
}
@media only screen and (min-width: 1px) and (max-width: 460px){
    .header-top-left{
        text-align: center;
    }
}
.btn-mapa {
  background: #3c3328 none repeat scroll 0 0;
  color: #fff;
  height: 54px;
  text-transform: uppercase;
  width: 156px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 3px;
  transition: .5s;
}
.btn-mapa:hover {
  color: #fff;
  background: #B28E3A none repeat scroll 0 0;
  transition: .5s;
}
.links{
  height: 400px;
  overflow-y: scroll;
}
.links a{
  color: #fff;
}
.links a:hover{
  color: #F1C14F;
}
.social-bar {
            position: fixed;
            right: 0;
            top: 60%;
            font-size: 2.5rem;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            z-index: 100;
        }

        .icono {
            color: white;
            text-decoration: none;
            padding: .7rem;
            display: flex;
            transition: all .5s;
        }

        .icono-facebook {
            background: #3b5998;
        }

        .icono-twitter {
            background: rgb(37, 211, 102);
        }

        .icono-youtube {
            background: #E83028;
        }

        .icono-instagram {
            background: #b28e3a;
        }

        .icono:first-child {
            border-radius: 1rem 0 0 0;
        }

        .icono:last-child {
            border-radius: 0 0 0 1rem;
        }

        .icono:hover {
            padding-right: 3rem;
            border-radius: 1rem 0 0 1rem;
            box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
        }
/* Boton whatsapp  */
  .btn-whatsapp {
    display: block;
    width: 75px;
    height: 75px;
    color: #333;
    position: fixed;
    right: 1%;
    bottom: 1%;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    z-index: 999;
    font-size: 70px !important;
    background: rgba(38,212,102,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(38,212,102,1)), color-stop(100%, rgba(34,186,89,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
background: radial-gradient(ellipse at center, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26d466', endColorstr='#22ba59', GradientType=1 );
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    transition: ease .5s;
  }
  .btn-whatsapp i{
    color: #fff !important;
    transition: ease .5s;
    display: block;
    margin-top: 4%;
  }
  .btn-whatsapp:hover{
    background-color: #333;
    transform: rotate(360deg);
    transition: ease .5s;
  }
.btn-whatsapp span{
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    font-size: .3em;
    right: 2px;
    background-color: #de2f36;
    color: #fff;
    border-radius: 100px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    transition: .5s ease;
    animation: iconw 2s infinite ease-in-out;
  }
  .btn-whatsapp:hover span{
    display: none !important;
    transition: .5s ease;
  }
  @keyframes iconw {
    0% {
      transform: scale(.8);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(.8);
    }	  
}
 /* Boton whatsapp  */
/* Logo Doctorweb */
.doctorweb .doc1{
  width: 2%;
  animation: 10s doc infinite ease;
}
.doctorweb .doc2{
  width: 10%;
}
@keyframes doc {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  90% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.doctorweb .doc1{
  width: 2%;
}
.doctorweb .doc2{
  width: 10%;
}
.doctorweb {
  display: block;
}
.navbar{
  min-height: 90px;
}
}
.d-none{
  display: none;
}
/* Logo Doctorweb */
.shrink:hover
{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}