@import url('https://fonts.googleapis.com/css?family=Open+Sans:600|Raleway:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800');
body {
    color: #333;
    font-family: 'Montserrat';
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    background: #fff;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    line-height: 1.2;
}
.fix {overflow: hidden}
.wrapper{overflow:hidden;}
.block {display: block}
.container { width: 1200px}
.img{
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}
a:focus,
a:hover {
    text-decoration: none;
	color: #313091;
}
a,
button,
input {
    outline: medium none;
}
.uppercase { 
    text-transform: uppercase
}
.capitalize { 
    text-transform: capitalize
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway';
    margin: 0px;
    color: #311910;
	font-weight: 700
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
    color: inherit 
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
    margin: 0px;
    padding: 0px;
}
li { list-style: none }
p {margin-bottom: 15px; 
    line-height: 1.2;}
label {
    font-size: 14px;
    font-weight: 400;
}
*::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
span.tooltip-content {
    color: #00a9da;
    cursor: help;
    font-weight: 600;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
::-webkit-input-placeholder { /* Chrome */
  color: red;
}
:-ms-input-placeholder { /* IE 10+ */
  color: red;
}
::-moz-placeholder { /* Firefox 19+ */
  color: red;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: red;
  opacity: 1;
}
/*img {width: 100%}*/
.container, .row, .col-md-12, .col-md-10, .col-md-9, .col-md-8, .col-md-6, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .as-mainwrapper, .header-logo-menu, header {
    transition: all 0.3s ease 0s;
}

/*--------Header Css------------*/
.header-top {
	color: #000;
    background-color: #e0e8f6;
    font-weight: 400;
    font-size: 14px;
}
.tophed{
    padding-left: 70px;
}
.topico {
    color: #000;
}
.topico:hover {
    color: #b42300;
}
.header-login-register a {color: #ccc; display: inline-block;}
.header-login-register a:hover, .header-login-register a:hover {color: #fff;}
.header-top-info .fa-phone{
    font-size: 15px;
}
.header-top-info {display: inline-block; float: left; line-height: 35px;}
.header-top-info span {display: inline-block;}
.header-top-info:last-child {margin-left: 30px;}
.header-top-info > img {position: relative; top: -1px;}
.login, .register {
	display: inline-block;
	line-height: 53px;
	margin-left: 30px;
	position: relative
}
.header-login-register h4 {
	color: #282828;
	font-weight:400;
	font-size: 14px;
	margin-bottom: 22px;
}
.register-form > span {display: block;}
.banner-content .form-box {height: 38px; margin-bottom: 10px; position: relative;}
.header-top .button-box span {
    color: #656565;
    float: left;
    font-weight:300;
    font-size: 12px;
    margin-right: 8px;
}
.header-top .button-box input {float: left; margin-right: 6px; width: 12px;}
.header-top .button-box input:focus {outline: none}
.input-box {border: 1px solid #e1e1e1; height: 30px; line-height: 28px;}
.input-box i {color: #656565; font-size: 12px; padding-left: 12px;}
.input-box input {
	background: #ffffff none repeat scroll 0 0;
	border: 0 none;
	color: #656565;
	height: 100%;
	padding-left: 7px;
	width: 84%;
}
.register-form > form {margin-top: 11px;}
.button-box > span {padding-left: 8px;}
.register-btn, .login-btn {
	font-size: 12px;
	line-height: 30px;
	padding: 0 24px;
	text-transform: capitalize;
	margin-top: 9px
}
.header-login-register {display: inline-block;}
.search-btn {
	cursor: pointer;
	display: inline-block;
	margin-left: 35px;
	position: relative;
}
.search {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	margin-top: 10px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 40px;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 228px;
	z-index: 9999;
}
#search-form > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
	height: 38px;
	border-radius:0;
}
#search-form > button {
    font-size: 15px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    width: 43px;
	top: 0;
	line-height:38px;
	border-radius:0;
}
.padding-small .search {top: 92px;}
.search-menu {
    display: inline-block;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: auto;
}
.open .search {display: block;}
.open .search {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
	z-index: 9999999;
}
.header-right {position: relative}
.add-property-btn.button {
	bottom: -35px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	color: #fefefe;
	font-weight: 600;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 125px;
	background: #313091 none repeat scroll 0 0
}
.add-property-btn:hover {background: #311910}

/*-------------Menu Style--------- */
.header-area{z-index: 10; position: relative;}
nav#primary-menu {
	display: inline-block;
    float: right;
    margin-top: 17px;
    margin-bottom: 0;
}
.main-menu > li > a {
	color: #fff;
	display: block;
	font-weight:600;
	font-size: 15px;
	line-height: 16px;
	padding: 15px 10px;
	text-transform: uppercase;
}
.main-menu > li > a:hover{
	background-color: #eee0;
}
.main-menu.text-white > li > a {color: #ffffff;}
.main-menu > li {display: inline-block; padding-left: 0px; position: relative;}
.main-menu > li:first-child {padding: 0}

/*--------Dropdown Style---------*/
.dropdown, .mega-menu-area, ul.dropdown > li > ul.inside-menu, .login-form{
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 1px 21px 0 rgba(48, 48, 48, 0.2);
	left: 0;
	padding: 4px 0;
	position: absolute;
	text-align: left;
	top: 125%;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 203px;
	z-index: -999;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-bottom: 1px solid #e1e1e1
}
.login-form {
	padding: 32px 20px;
	right: -115px;
	width: 230px;
	left: auto;
	top: 106%
}
.dropdown li, .single-mega-item li{display: block;}
.dropdown li a, .single-mega-item li a {
	border-bottom: 1px solid #e1e1e1;
	color: #303030;
	display: block;
	font-size: 12px;
	line-height: 18px;
	padding: 11px 22px;
	text-transform: uppercase;
}
.single-mega-item li a {padding: 11px 3px;}
.dropdown li a:hover, .single-mega-item li a:hover, .dropdown > li:hover > a{color: #313091}
.dropdown > li:last-child > a, .single-mega-item > li:last-child a, .inside-menu > li:last-child > a {
	border: 0 none;
}
.main-menu li:hover .dropdown, .main-menu li:hover .mega-menu-area, ul.dropdown > li > ul.inside-menu, ul.login li:hover .login-form{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	top: 100%;
	visibility: visible;
	z-index: 9999;
}
ul.login li:hover .login-form{top: 81%}
.main-menu li > ul.dropdown i {
	float: right;
	font-size: 17px;
	position: relative;
	top: -1px;
}
ul.dropdown > li > ul.inside-menu {
	left: 203px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	top: 0;
	-webkit-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	width: 203px;
	visibility: hidden
}
ul.dropdown > li:hover > ul.inside-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 9999;
	visibility: visible
}
.mega-menu-area {
	left: 0;
	padding: 16px 8px 14px;
	width: 100%;
}
.main-menu li.mega-parent {position: static;}
.single-mega-item li.block {
	color: #2d3e50;
	font-weight: 400;
	font-size: 14px;
	margin: 0 3px;
	padding-bottom: 12px;
	position: relative;
	text-transform: uppercase;
}
.single-mega-item li.block:after {
	background: #909090 none repeat scroll 0 0;
	bottom: 7px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 58%;
}
.single-mega-item {float: left; padding: 0 15px; width: 25%;}
.fixed {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99999;
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}

/*-------------Sticky Menu*--------*/
.sticky {
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeindown;
	        animation: 300ms ease-in-out 0s normal none 1 running fadeindown;
	background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
	box-shadow: 0 1px 3px rgba(50, 50, 50, 0.8);
	left: 0;
	margin: auto;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}
.logo {
	overflow: hidden;
	padding: 22px 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.white-logo{
    display: none !important;
}
.color-logo{
    display: block !important;
    width: 160px;
    height: 20px;
}
.sticky .white-logo{
    display: block !important;
    width: 160px;
    height: 36px;
}
.sticky .color-logo{
    display: none !important;
}
.logo > a {display: inline-block;}
.logo img{
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sticky .logo img {

	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sticky .logo {
    padding: 13px 0;
}
.sticky nav#primary-menu.height-large ul.main-menu > li > a {padding: 26px 0;}
.main-menu > li:hover > a, .main-menu > li > a.active{ color: #b42300;background:#eee0;}
/* .sticky .logo img {width: 140px} */
.sticky nav#primary-menu {margin-top: 8px;}
.fixed nav#primary-menu {margin-top: 22px;}
.fixed .sticky nav#primary-menu {margin-top: 5px;}
.logo.padding {padding: 38px 0 12px;}
.pull_right.text-center {float: none !important; text-align: center;}
.text-center nav#primary-menu {float: none;}

/*------------Mobile Menu-----------*/
.mobile-menu-area, .sticky .logo.text-center, .mean-container .mean-bar:after {display: none}
.mean-container .mean-nav ul li a:hover, .mean-container a.meanmenu-reveal span {background: #fff;}
.mean-container .mean-nav ul li a {
	background: #ffffff none repeat scroll 0 0;
	color: #311910;
	display: block;
	font-weight:400;
}
.mean-container .mean-nav ul li a.mean-expand {background: none; top: -4px;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none}
.mean-container .mean-nav ul li li a {
    color: #311910;
    opacity: .90;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    border-top: 0;
}
.mean-container .mean-nav ul li li{background: #fff;}
.mean-container a.meanmenu-reveal {color: #fff;}
.mean-container a.meanmenu-reveal:hover span {background: #000;}
.mean-last {margin-bottom: 20px}
.mobile-menu {position: relative}
.mean-container .mean-bar:before {
    color: #ffffff;
/*    content: "MENU";*/
    content: "";
    font-size: 18px;
    font-weight: 600;
    left: 0;
    position: absolute;
    top: 0px;
    background-image: url(../images/logo.png);
    height: 45px;
    width: 170px;
    background-repeat: no-repeat;
    background-size: contain;
}
nav#primary-menu.height-large {margin: 0;}
nav#primary-menu.height-large ul.main-menu > li > a {padding: 38px 0;}
nav#primary-menu.height-medium {margin-top: 0;}
nav#primary-menu.height-medium .main-menu > li > a {padding: 25px 0}
.header-top-two {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #333333;
	position: relative;
	border-top: 3px solid transparent;
}
.fixed .sticky .main-menu.text-white > li > a {color: #20233F;}
.fixed .text-color.main-menu > li:hover > a {color: #311910}
.main-menu.text-white > li:hover > a, .fixed.sticky .main-menu.text-white > li > a, .mean-container .mean-nav ul li a:hover{
	color: #313091;
}
.mobile-menu-area, .mean-container .mean-nav{
	background: #313091 none repeat scroll 0 0
}

/*-- Menu css --*/

a.meanmenu-reveal{display:none}
.mean-container .mean-bar {
  background: transparent none repeat scroll 0 0;
  float: left;
  min-height: 42px;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 99;
}
.mean-container a.meanmenu-reveal {
    color: #000;
    cursor: pointer;
    display: block;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 13px 0 11px;
    right: 0;
    text-decoration: none;
    text-indent: -9999em;
    top: 0;
    width: 22px;
}
.mean-container a.meanmenu-reveal span{display:block;background:#000;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {
  background: #f0f0f0 none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid #f0f0f0;
}
.mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #666666;
  display: block;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 1em 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  font-weight: 600;
}
.mobile-menu-area {
/*  background: #262626;*/
  background: #fff;
}
.mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  padding: 1em 10%;
  text-shadow: none !important;
  visibility: visible;
  width: 80%;
  font-weight: normal;
  text-transform: capitalize;
  color: #444;
}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #F47E1E;
}
.mean-container .mean-nav ul li a.mean-expand{
	width:26px;
	height: 15px;
    margin-top: 1px;
    padding: 12px !important;
	text-align:center;
	position:absolute;
	right:0;top:0;
	z-index:2;
	font-weight:700;
	background:rgba(255,255,255,.1);
	border:0!important;
	background: #F8F8F8;
	}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #f8f8f8;
}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after {
  color: #ffffff;
  content: "MENU";
  font-size: 21px;
  left: 5%;
  position: absolute;
  top: 12px;
}
#sticky-header.sticky .main-menu > li > a {
    color: #000000;
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    padding: 15px 10px;
    text-transform: uppercase;
}

/*-------- End Header Css------------*/


/*-------- Slider Css------------*/

.preview-2 .nivo-directionNav {display: none;}
.slider-area, .background-area {position: relative;top: -101px; margin-bottom: -101px;}
.background-area {overflow: hidden}
.slider-area img, .background-area img {width: 100%}
.bg-overlay:before, .bg-overlay-light:before, .bg-overlay-dark:before, .bg-overlay-dark-2:before, .bg-overlay-dark-3:before, .bg-overlay-pattern:before {
    background: rgb(0 0 0 / 25%);
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}

.bg-overlay-dark:before {background: rgba(0, 0, 0, 0.75);}
.bg-overlay-pattern:before{background: rgba(0, 0, 0, 0) url("../images/bg/pattern.png") repeat scroll 0 0;}
.bg-overlay-dark-2:before {background: rgba(31, 34, 62, 0.45);}
.bg-overlay-dark-3:before {background: rgba(0, 0, 0, 0.45);}
.nivo-caption {z-index: 9; padding: 0}
.background-area, .banner-content, .banner-content .container, .banner-content .row, .banner-content .col-md-12, .banner-content .col-md-8, .banner-content .col-md-4.right, .banner-content .text-content-wrapper, .banner-content .text-content, .banner-content .display-table, .banner-content .display-table-cell {
    /*height: 100%;
    margin: auto;*/
}
.banner-content .text-content-wrapper, .banner-content .display-table {display: table;}
.banner-content .text-content-wrapper.text-left {float: left}
.banner-content .text-content, .banner-content .display-table-cell {display: table-cell; vertical-align: middle;padding-top: 220px;}
h3.title-small{font-size: 15px; font-weight: 600}
h1.title1 {font-size: 50px; font-weight: 700;}
p.sub-title {
	font-size: 16px;
	line-height: 12px;
	padding: 0;
	font-weight:400;
}
.text-white{
    margin-bottom: 15px;
}
.banner-readmore {clear: both; display: inline-block; line-height: 50px;}
.button.slider-btn {
	border: 1px solid #ffffff;
	border-radius: 4px;
	font-weight:400;
	font-size: 14px;
	padding: 9px 20px;
	color: #fff;
	line-height: 28px;
}
.button.slider-btn:hover {color: #fff; border-color: #313091 }
.background-area .button.slider-btn {line-height: 20px;}
.background-area .button-default {display: inline}
.banner-content.static-text {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9;
}
.banner-content .text-content-wrapper.full-width {
	float: none;
	margin: auto;
	position: relative;
	z-index: 9;
}
.banner-content .form-box {
	margin-left: 0;
	padding: 0;
	width: 50%;
	margin-right: 0;
	margin-bottom: 30px;
}
.banner-content .select {width: 100%;}
.banner-form {
	background: rgba(72, 51, 43, 0.7) none repeat scroll 0 0;
    border-bottom: 4px solid #313091;
	overflow: hidden;
	padding: 0 20px;
}
.banner-form .section-title h2 span {display: block; font-size: 30px; font-weight: 700;}
.banner-form .section-title h2 {font-weight: 600; line-height: 28px;}
.banner-form .select select {
	background: rgba(0, 0, 0, 0) url("../images/icons/arrow2.png") no-repeat scroll 92% 50%;
	color: #a8a8a8;
	padding: 0 10px;
}
.banner-content .form-box:nth-child(2n+1) {padding-right: 9px;}
.banner-content .form-box:nth-child(2n) {padding-left: 9px;}
.banner-form option {color: #333333; font-size: 12px; background: #fff}
.banner-form .price_filter {width: 100%;}
.banner-form .form-box.large {height: auto; width: 78%;}
.banner-form .slider-range {background: #606060 none repeat scroll 0 0;}
.banner-form .price_filter span, .banner-form .price_filter input{color: #a8a8a8}
.banner-form .button {width: 197px;}
.banner-form .button:hover {background: #fff; color: #fff}
.google-map-area {position: relative}
.custom-container {
	bottom: 0;
	float: left;
	left: 0;
	margin: auto 6.7% 0;
	position: absolute;
	top: 0;
	width: 370px;
}
.custom-container .banner-form {background: rgba(72, 51, 43, 0.9) none repeat scroll 0 0;}
.animation-1 h3.title-small {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
          animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
}
.animation-1 h1.title1 {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running bounceInUp;
          animation: 1000ms ease-in-out 0s normal none 1 running bounceInUp;
}
.animation-1 p.sub-title {
  -webkit-animation: 2000ms ease-in-out 0s normal none 1 running bounceInUp;
          animation: 2000ms ease-in-out 0s normal none 1 running bounceInUp;
}
.animation-1 .banner-readmore {
  -webkit-animation: 2500ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 2500ms ease-in-out 0s normal none 1 running bounceInDown;
}
.button.slider-btn:hover, #search-form > button, .banner-form .price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
	background: #313091 none repeat scroll 0 0
}
.nivo-controlNav a.active, .nivo-controlNav a:hover {
	background: #1bb6ab none repeat scroll 0 0
}
.banner-form .ui-slider-range.ui-widget-header.ui-corner-all {
  background: #313091 none repeat scroll 0 0 !important;
}

/*-------- End Slider Css------------*/

/***************************
    transtion
****************************/
a.button:after,
a.button-small:after,
button:after {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.share ul,
.share:hover ul {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
a.button-border span,
a.button-border-white span,
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
img {
  height: auto;
  max-width: 100%;
}
.pull_left{float: left}
.pull_right{float: right}
/*************************
  02. Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
    Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-1 { margin-top: 1px }
.mt-2 { margin-top: 2px }
.mt-3 { margin-top: 3px }
.mt-4 { margin-top: 4px }
.mt-5 { margin-top: 5px }
.mt-6 { margin-top: 6px }
.mt-7 { margin-top: 7px }
.mt-8 { margin-top: 8px }
.mt-9 { margin-top: 9px }
.mt-10 { margin-top: 10px }
.mt-11 { margin-top: 11px }
.mt-12 { margin-top: 12px }
.mt-13 { margin-top: 13px }
.mt-14 { margin-top: 14px }
.mt-15 { margin-top: 15px }
.mt-16 { margin-top: 16px }
.mt-17 { margin-top: 17px }
.mt-18 { margin-top: 18px }
.mt-19 { margin-top: 19px }
.mt-20 { margin-top: 20px }
.mt-21 { margin-top: 21px }
.mt-22 { margin-top: 22px }
.mt-23 { margin-top: 23px }
.mt-24 { margin-top: 24px }
.mt-25 { margin-top: 25px }
.mt-26 { margin-top: 26px }
.mt-27 { margin-top: 27px }
.mt-28 { margin-top: 28px }
.mt-29 { margin-top: 29px }
.mt-30 { margin-top: 30px }
.mt-31 { margin-top: 31px }
.mt-32 { margin-top: 32px }
.mt-33 { margin-top: 33px }
.mt-34 { margin-top: 34px }
.mt-35 { margin-top: 35px }
.mt-36 { margin-top: 36px }
.mt-37 { margin-top: 37px }
.mt-38 { margin-top: 38px }
.mt-39 { margin-top: 39px }
.mt-40 { margin-top: 40px }
.mt-41 { margin-top: 41px }
.mt-42 { margin-top: 42px }
.mt-43 { margin-top: 43px }
.mt-44 { margin-top: 44px }
.mt-45 { margin-top: 45px }
.mt-46 { margin-top: 46px }
.mt-47 { margin-top: 47px }
.mt-48 { margin-top: 48px }
.mt-49 { margin-top: 49px }
.mt-50 { margin-top: 50px }
.mt-51 { margin-top: 51px }
.mt-52 { margin-top: 52px }
.mt-53 { margin-top: 53px }
.mt-54 { margin-top: 54px }
.mt-55 { margin-top: 55px }
.mt-56 { margin-top: 56px }
.mt-57 { margin-top: 57px }
.mt-58 { margin-top: 58px }
.mt-59 { margin-top: 59px }
.mt-60 { margin-top: 60px }
.mt-61 { margin-top: 61px }
.mt-62 { margin-top: 62px }
.mt-63 { margin-top: 63px }
.mt-64 { margin-top: 64px }
.mt-65 { margin-top: 65px }
.mt-66 { margin-top: 66px }
.mt-67 { margin-top: 67px }
.mt-68 { margin-top: 68px }
.mt-69 { margin-top: 69px }
.mt-70 { margin-top: 70px }
.mt-71 { margin-top: 71px }
.mt-72 { margin-top: 72px }
.mt-73 { margin-top: 73px }
.mt-74 { margin-top: 74px }
.mt-75 { margin-top: 75px }
.mt-76 { margin-top: 76px }
.mt-77 { margin-top: 77px }
.mt-78 { margin-top: 78px }
.mt-79 { margin-top: 79px }
.mt-80 { margin-top: 80px }
.mt-81 { margin-top: 81px }
.mt-82 { margin-top: 82px }
.mt-83 { margin-top: 83px }
.mt-84 { margin-top: 84px }
.mt-85 { margin-top: 85px }
.mt-86 { margin-top: 86px }
.mt-87 { margin-top: 87px }
.mt-88 { margin-top: 88px }
.mt-89 { margin-top: 89px }
.mt-90 { margin-top: 90px }
.mt-91 { margin-top: 91px }
.mt-92 { margin-top: 92px }
.mt-93 { margin-top: 93px }
.mt-94 { margin-top: 94px }
.mt-95 { margin-top: 95px }
.mt-96 { margin-top: 96px }
.mt-97 { margin-top: 97px }
.mt-98 { margin-top: 98px }
.mt-99 { margin-top: 99px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-1 { margin-right: 1px }
.mr-2 { margin-right: 2px }
.mr-3 { margin-right: 3px }
.mr-4 { margin-right: 4px }
.mr-5 { margin-right: 5px }
.mr-6 { margin-right: 6px }
.mr-7 { margin-right: 7px }
.mr-8 { margin-right: 8px }
.mr-9 { margin-right: 9px }
.mr-10 { margin-right: 10px }
.mr-12 { margin-right: 12px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-23 { margin-right: 23px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-45 { margin-right: 45px }
.mr-50 { margin-right: 50px }
.mr-55 { margin-right: 55px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-1 { margin-bottom: 1px }
.mb-2 { margin-bottom: 2px }
.mb-3 { margin-bottom: 3px }
.mb-4 { margin-bottom: 4px }
.mb-5 { margin-bottom: 5px }
.mb-6 { margin-bottom: 6px }
.mb-7 { margin-bottom: 7px }
.mb-8 { margin-bottom: 8px }
.mb-9 { margin-bottom: 9px }
.mb-10 { margin-bottom: 10px }
.mb-11 { margin-bottom: 11px }
.mb-12 { margin-bottom: 12px }
.mb-13 { margin-bottom: 13px }
.mb-14 { margin-bottom: 14px }
.mb-15 { margin-bottom: 15px }
.mb-16 { margin-bottom: 16px }
.mb-17 { margin-bottom: 17px }
.mb-18 { margin-bottom: 18px }
.mb-19 { margin-bottom: 19px }
.mb-20 { margin-bottom: 20px }
.mb-21 { margin-bottom: 21px }
.mb-22 { margin-bottom: 22px }
.mb-23 { margin-bottom: 23px }
.mb-24 { margin-bottom: 24px }
.mb-25 { margin-bottom: 25px }
.mb-26 { margin-bottom: 26px }
.mb-27 { margin-bottom: 27px }
.mb-28 { margin-bottom: 28px }
.mb-29 { margin-bottom: 29px }
.mb-30 { margin-bottom: 30px }
.mb-31 { margin-bottom: 31px }
.mb-32 { margin-bottom: 32px }
.mb-33 { margin-bottom: 33px }
.mb-34 { margin-bottom: 34px }
.mb-35 { margin-bottom: 35px }
.mb-36 { margin-bottom: 36px }
.mb-37 { margin-bottom: 37px }
.mb-38 { margin-bottom: 38px }
.mb-39 { margin-bottom: 39px }
.mb-40 { margin-bottom: 40px }
.mb-41 { margin-bottom: 41px }
.mb-42 { margin-bottom: 42px }
.mb-43 { margin-bottom: 43px }
.mb-44 { margin-bottom: 44px }
.mb-45 { margin-bottom: 45px }
.mb-46 { margin-bottom: 46px }
.mb-47 { margin-bottom: 47px }
.mb-48 { margin-bottom: 48px }
.mb-49 { margin-bottom: 49px }
.mb-50 { margin-bottom: 50px }
.mb-51 { margin-bottom: 51px }
.mb-52 { margin-bottom: 52px }
.mb-53 { margin-bottom: 53px }
.mb-54 { margin-bottom: 54px }
.mb-55 { margin-bottom: 55px }
.mb-56 { margin-bottom: 56px }
.mb-57 { margin-bottom: 57px }
.mb-58 { margin-bottom: 58px }
.mb-59 { margin-bottom: 59px }
.mb-60 { margin-bottom: 60px }
.mb-61 { margin-bottom: 61px }
.mb-62 { margin-bottom: 62px }
.mb-63 { margin-bottom: 63px }
.mb-64 { margin-bottom: 64px }
.mb-65 { margin-bottom: 65px }
.mb-66 { margin-bottom: 66px }
.mb-67 { margin-bottom: 67px }
.mb-68 { margin-bottom: 68px }
.mb-69 { margin-bottom: 69px }
.mb-70 { margin-bottom: 70px }
.mb-71 { margin-bottom: 71px }
.mb-72 { margin-bottom: 72px }
.mb-73 { margin-bottom: 73px }
.mb-74 { margin-bottom: 74px }
.mb-75 { margin-bottom: 75px }
.mb-76 { margin-bottom: 76px }
.mb-77 { margin-bottom: 77px }
.mb-78 { margin-bottom: 78px }
.mb-79 { margin-bottom: 79px }
.mb-80 { margin-bottom: 80px }
.mb-81 { margin-bottom: 81px }
.mb-82 { margin-bottom: 82px }
.mb-83 { margin-bottom: 83px }
.mb-84 { margin-bottom: 84px }
.mb-85 { margin-bottom: 85px }
.mb-86 { margin-bottom: 86px }
.mb-87 { margin-bottom: 87px }
.mb-88 { margin-bottom: 88px }
.mb-89 { margin-bottom: 89px }
.mb-90 { margin-bottom: 90px }
.mb-91 { margin-bottom: 91px }
.mb-92 { margin-bottom: 92px }
.mb-93 { margin-bottom: 93px }
.mb-94 { margin-bottom: 94px }
.mb-95 { margin-bottom: 95px }
.mb-96 { margin-bottom: 96px }
.mb-97 { margin-bottom: 97px }
.mb-98 { margin-bottom: 98px }
.mb-99 { margin-bottom: 99px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-1 { margin-left: 1px }
.ml-2 { margin-left: 2px }
.ml-3 { margin-left: 3px }
.ml-4 { margin-left: 4px }
.ml-5 { margin-left: 5px }
.ml-6 { margin-left: 6px }
.ml-7 { margin-left: 7px }
.ml-8 { margin-left: 8px }
.ml-9 { margin-left: 9px }
.ml-10 { margin-left: 10px }
.ml-12 { margin-left: 12px }
.ml-15 { margin-left: 15px }
.ml-17 { margin-left: 17px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
.ml-160 { margin-left: 160px }
/***************************
    Top Bottom margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-11 { margin: 11px 0 }
.mtb-12 { margin: 12px 0 }
.mtb-13 { margin: 13px 0 }
.mtb-14 { margin: 14px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-16 { margin: 16px 0 }
.mtb-17 { margin: 17px 0 }
.mtb-18 { margin: 18px 0 }
.mtb-19 { margin: 19px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-35 { margin: 35px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-1 { padding-top: 1px }
.pt-2 { padding-top: 2px }
.pt-3 { padding-top: 3px }
.pt-4 { padding-top: 4px }
.pt-5 { padding-top: 5px }
.pt-6 { padding-top: 6px }
.pt-7 { padding-top: 7px }
.pt-8 { padding-top: 8px }
.pt-9 { padding-top: 9px }
.pt-10 { padding-top: 10px }
.pt-11 { padding-top: 11px }
.pt-12 { padding-top: 12px }
.pt-13 { padding-top: 13px }
.pt-14 { padding-top: 14px }
.pt-15 { padding-top: 15px }
.pt-16 { padding-top: 16px }
.pt-17 { padding-top: 17px }
.pt-18 { padding-top: 18px }
.pt-19 { padding-top: 19px }
.pt-20 { padding-top: 20px }
.pt-21 { padding-top: 21px }
.pt-22 { padding-top: 22px }
.pt-23 { padding-top: 23px }
.pt-24 { padding-top: 24px }
.pt-25 { padding-top: 25px }
.pt-26 { padding-top: 26px }
.pt-27 { padding-top: 27px }
.pt-28 { padding-top: 28px }
.pt-29 { padding-top: 29px }
.pt-30 { padding-top: 30px }
.pt-31 { padding-top: 31px }
.pt-32 { padding-top: 32px }
.pt-33 { padding-top: 33px }
.pt-34 { padding-top: 34px }
.pt-35 { padding-top: 35px }
.pt-36 { padding-top: 36px }
.pt-37 { padding-top: 37px }
.pt-38 { padding-top: 38px }
.pt-39 { padding-top: 39px }
.pt-40 { padding-top: 40px }
.pt-41 { padding-top: 41px }
.pt-42 { padding-top: 42px }
.pt-43 { padding-top: 43px }
.pt-44 { padding-top: 44px }
.pt-45 { padding-top: 45px }
.pt-46 { padding-top: 46px }
.pt-47 { padding-top: 47px }
.pt-48 { padding-top: 48px }
.pt-49 { padding-top: 49px }
.pt-50 { padding-top: 50px }
.pt-51 { padding-top: 51px }
.pt-52 { padding-top: 52px }
.pt-53 { padding-top: 53px }
.pt-54 { padding-top: 54px }
.pt-55 { padding-top: 55px }
.pt-56 { padding-top: 56px }
.pt-57 { padding-top: 57px }
.pt-58 { padding-top: 58px }
.pt-59 { padding-top: 59px }
.pt-60 { padding-top: 60px }

.pt-61 { padding-top: 61px }
.pt-62 { padding-top: 62px }
.pt-63 { padding-top: 63px }
.pt-64 { padding-top: 64px }
.pt-65 { padding-top: 65px }
.pt-66 { padding-top: 66px }
.pt-67 { padding-top: 67px }
.pt-68 { padding-top: 68px }
.pt-69 { padding-top: 69px }
.pt-70 { padding-top: 70px }
.pt-71 { padding-top: 71px }
.pt-72 { padding-top: 72px }
.pt-73 { padding-top: 73px }
.pt-74 { padding-top: 74px }
.pt-75 { padding-top: 75px }
.pt-76 { padding-top: 76px }
.pt-77 { padding-top: 77px }
.pt-78 { padding-top: 78px }
.pt-79 { padding-top: 79px }
.pt-80 { padding-top: 80px }
.pt-81 { padding-top: 81px }
.pt-82 { padding-top: 82px }
.pt-83 { padding-top: 83px }
.pt-84 { padding-top: 84px }
.pt-85 { padding-top: 85px }
.pt-86 { padding-top: 86px }
.pt-87 { padding-top: 87px }
.pt-88 { padding-top: 88px }
.pt-89 { padding-top: 89px }
.pt-90 { padding-top: 90px }
.pt-91 { padding-top: 91px }
.pt-92 { padding-top: 92px }
.pt-93 { padding-top: 93px }
.pt-94 { padding-top: 94px }
.pt-95 { padding-top: 95px }
.pt-96 { padding-top: 96px }
.pt-97 { padding-top: 97px }
.pt-98 { padding-top: 98px }
.pt-99 { padding-top: 99px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-155 { padding-top: 155px }
.pt-160 { padding-top: 160px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-1 { padding-right: 1px }
.pr-2 { padding-right: 2px }
.pr-3 { padding-right: 3px }
.pr-4 { padding-right: 4px }
.pr-5 { padding-right: 5px }
.pr-6 { padding-right: 6px }
.pr-7 { padding-right: 7px }
.pr-8 { padding-right: 8px }
.pr-9 { padding-right: 9px }
.pr-10 { padding-right: 10px }
.pr-12 { padding-right: 12px }
.pr-15 { padding-right: 15px }
.pr-18 { padding-right: 18px }
.pr-20 { padding-right: 20px }
.pr-25 { padding-right: 25px }
.pr-30 { padding-right: 30px }
.pr-35 { padding-right: 35px }
.pr-40 { padding-right: 40px }
.pr-48 { padding-right: 48px }
.pr-50 { padding-right: 50px }
.pr-55 { padding-right: 55px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-125 { padding-right: 125px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-1 { padding-bottom: 1px }
.pb-2 { padding-bottom: 2px }
.pb-3 { padding-bottom: 3px }
.pb-4 { padding-bottom: 4px }
.pb-5 { padding-bottom: 5px }
.pb-6 { padding-bottom: 6px }
.pb-7 { padding-bottom: 7px }
.pb-8 { padding-bottom: 8px }
.pb-9 { padding-bottom: 9px }
.pb-10 { padding-bottom: 10px }
.pb-11 { padding-bottom: 11px }
.pb-12 { padding-bottom: 12px }
.pb-13 { padding-bottom: 13px }
.pb-14 { padding-bottom: 14px }
.pb-15 { padding-bottom: 15px }
.pb-16 { padding-bottom: 16px }
.pb-17 { padding-bottom: 17px }
.pb-18 { padding-bottom: 18px }
.pb-19 { padding-bottom: 19px }
.pb-20 { padding-bottom: 20px }
.pb-21 { padding-bottom: 21px }
.pb-22 { padding-bottom: 22px }
.pb-23 { padding-bottom: 23px }
.pb-24 { padding-bottom: 24px }
.pb-25 { padding-bottom: 25px }
.pb-26 { padding-bottom: 26px }
.pb-27 { padding-bottom: 27px }
.pb-28 { padding-bottom: 28px }
.pb-29 { padding-bottom: 29px }
.pb-30 { padding-bottom: 30px }
.pb-31 { padding-bottom: 31px }
.pb-32 { padding-bottom: 32px }
.pb-33 { padding-bottom: 33px }
.pb-34 { padding-bottom: 34px }
.pb-35 { padding-bottom: 35px }
.pb-36 { padding-bottom: 36px }
.pb-37 { padding-bottom: 37px }
.pb-38 { padding-bottom: 38px }
.pb-39 { padding-bottom: 39px }
.pb-40 { padding-bottom: 40px }
.pb-41 { padding-bottom: 41px }
.pb-42 { padding-bottom: 42px }
.pb-43 { padding-bottom: 43px }
.pb-44 { padding-bottom: 44px }
.pb-45 { padding-bottom: 45px }
.pb-46 { padding-bottom: 46px }
.pb-47 { padding-bottom: 47px }
.pb-48 { padding-bottom: 48px }
.pb-49 { padding-bottom: 49px }
.pb-50 { padding-bottom: 50px }
.pb-51 { padding-bottom: 51px }
.pb-52 { padding-bottom: 52px }
.pb-53 { padding-bottom: 53px }
.pb-54 { padding-bottom: 54px }
.pb-55 { padding-bottom: 55px }
.pb-56 { padding-bottom: 56px }
.pb-57 { padding-bottom: 57px }
.pb-58 { padding-bottom: 58px }
.pb-59 { padding-bottom: 59px }
.pb-60 { padding-bottom: 60px }
.pb-61 { padding-bottom: 61px }
.pb-62 { padding-bottom: 62px }
.pb-63 { padding-bottom: 63px }
.pb-64 { padding-bottom: 64px }
.pb-65 { padding-bottom: 65px }
.pb-66 { padding-bottom: 66px }
.pb-67 { padding-bottom: 67px }
.pb-68 { padding-bottom: 68px }
.pb-69 { padding-bottom: 69px }
.pb-70 { padding-bottom: 70px }
.pb-71 { padding-bottom: 71px }
.pb-72 { padding-bottom: 72px }
.pb-73 { padding-bottom: 73px }
.pb-74 { padding-bottom: 74px }
.pb-75 { padding-bottom: 75px }
.pb-76 { padding-bottom: 76px }
.pb-77 { padding-bottom: 77px }
.pb-78 { padding-bottom: 78px }
.pb-79 { padding-bottom: 79px }
.pb-80 { padding-bottom: 80px }
.pb-81 { padding-bottom: 81px }
.pb-82 { padding-bottom: 82px }
.pb-83 { padding-bottom: 83px }
.pb-84 { padding-bottom: 84px }
.pb-85 { padding-bottom: 85px }
.pb-86 { padding-bottom: 86px }
.pb-87 { padding-bottom: 87px }
.pb-88 { padding-bottom: 88px }
.pb-89 { padding-bottom: 89px }
.pb-90 { padding-bottom: 90px }
.pb-91 { padding-bottom: 91px }
.pb-92 { padding-bottom: 92px }
.pb-93 { padding-bottom: 93px }
.pb-94 { padding-bottom: 94px }
.pb-95 { padding-bottom: 95px }
.pb-96 { padding-bottom: 96px }
.pb-97 { padding-bottom: 97px }
.pb-98 { padding-bottom: 98px }
.pb-99 { padding-bottom: 99px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
.pb-167 { padding-bottom: 167px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-1 { padding-left: 1px }
.pl-2 { padding-left: 2px }
.pl-3 { padding-left: 3px }
.pl-4 { padding-left: 4px }
.pl-5 { padding-left: 5px }
.pl-6 { padding-left: 6px }
.pl-7 { padding-left: 7px }
.pl-8 { padding-left: 8px }
.pl-9 { padding-left: 9px }
.pl-10 { padding-left: 10px }
.pl-12 { padding-left: 12px }
.pl-15 { padding-left: 15px }
.pl-18 { padding-left: 18px }
.pl-20 { padding-left: 20px }
.pl-25 { padding-left: 25px }
.pl-27 { padding-left: 27px }
.pl-30 { padding-left: 30px }
.pl-35 { padding-left: 35px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-55 { padding-left: 55px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-125 { padding-left: 125px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }

/***************************
    Top and Bottom padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding-top: 10px; padding-bottom: 10px; }
.ptb-20 { padding-top: 20px; padding-bottom: 20px; }
.ptb-30 { padding-top: 30px; padding-bottom: 30px; }
.ptb-40 { padding-top: 40px; padding-bottom: 40px; }
.ptb-50 { padding-top: 50px; padding-bottom: 50px; }
.ptb-60 { padding-top: 60px; padding-bottom: 60px; }
.ptb-70 { padding-top: 70px; padding-bottom: 70px; }
.ptb-80 { padding-top: 80px; padding-bottom: 80px; }
.ptb-90 { padding-top: 90px; padding-bottom: 90px; }
.ptb-100 { padding-top: 100px; padding-bottom: 100px; }
.ptb-110 { padding-top: 110px; padding-bottom: 110px; }
.ptb-115 { padding-top: 115px; padding-bottom: 115px; }
.ptb-120 { padding-top: 120px; padding-bottom: 120px; }
.ptb-130 { padding-top: 130px; padding-bottom: 130px; }
.ptb-140 { padding-top: 140px; padding-bottom: 140px; }
.ptb-150 { padding-top: 150px; padding-bottom: 150px; }
.ptb-165 { padding-top: 150px; padding-bottom: 165px; }
/*************************
    03. Section title
***********************/
section {position: relative;}
.section-title {position: relative;}
/* .section-title h2 {
	font-size: 44px;
    line-height: 1.2;
    position: relative;
    z-index: 2;
} */
.section-title p {margin-bottom: 0px; font-size: 16px;line-height: 1.2;}
.opacity-text {
	color: #f4f4f4;
	font-weight:600;
	font-size: 60px;
	left: 0;
	letter-spacing: 2px;
	position: absolute;
	top: -35px;
	z-index: 1;
}
.bg-light .opacity-text {color: #f0f0f0;}
.opacity-text.center {left: 0; right: 0;}
/*************************
    04. button
*************************/
a.button, button {
	border: 0 none;
	border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-weight:600;
	font-size: 14px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 27px;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
	transition: all 0.3s ease-out 0s
}
button.lemon{background: #313091 none repeat scroll 0 0}
button.lemon:hover {background: #311910}
a.button:hover:after{ width: 100% }
button.button-dark {
    background: #2d3e50 none repeat scroll 0 0;
    line-height: 42px;
    padding: 0 39px;
    color: #FFF
}
.button.button-large-box, .button.button-medium-box {
	border-radius: 0;
	line-height: 36px;
	padding: 0 49px;
}
.button.button-medium-box {padding: 0 33px}
/*************************
    05. button small
*************************/
a.button-small {
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    background-color: #4FC1F0;
    color: #fff;
    font-size: 15px;
}
a.button-small i {
    background: rgba(0, 0, 0, 0.09);
    display: block;
    float: left;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    width: 40px;
    text-align: center;
}
a.button-small span {
    display: block;
    float: left;
    position: relative;
    z-index: 2;
    padding: 8px 10px;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
}
a.button-small:after {
    background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0;
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
}
a.button-small:hover:after { width: 100% }
a.lg-btn.button-large-box {font-size: 14px; padding: 0 34px}
button.button-style-two, a.button-style-two {
    font-size: 16px;
    line-height: 36px;
    padding: 0 35px;
    text-transform: capitalize;
    border-radius: 0;
	color: #fff
}
a.bg-white.button, button.bg-white {background: #fff;color: #525252}
button.border-button, a.border-button {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #a2a2a2;
	color: #525252;
	font-size: 16px;
	line-height: 34px;
	padding: 0 34px;
	text-transform: capitalize;
}
.account-form-container a.border-button{border-radius: 0; background: #fff !important}
/*************************
    06. button variations
*************************/
a.button.large {margin-right: 0px; }
a.button.large span { padding: 16px 80px; font-size: 18px;  }
a.button.large i { padding: 20px; width: 60px; font-size: 18px; }
a.button.medium span { padding: 14px 60px; font-size: 16px; }
a.button.medium i { padding: 17px; width: 50px; font-size: 16px; }
a.button.small span { padding: 12px 40px; }
a.button.small i { padding: 14px; width: 45px; }
a.button.small span { padding: 12px 40px; }
a.button.small i { padding: 15px; width: 45px; }
a.button.extra-small span { padding: 8px 20px; font-size: 13px; }
a.button.extra-small i { padding: 11px; width: 38px; font-size: 13px; }
/*************************
    07. Text color
*************************/
.text-white { color: #fff ;}
.text-dark {color: #311910;}
/*************************
    08. Input
*************************/
::-webkit-input-placeholder {color: #606060;}
:-moz-placeholder {color:#606060;}
::-moz-placeholder {color: #606060;}
:-ms-input-placeholder {  color: #606060;}
input {
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    box-shadow: none;
    padding-left: 10px;
    font-size: 14px;
    color: #626262;
    width: 100%;
}
select {
    width: 100%;
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    padding-left: 10px;
    box-shadow: none;
    font-size: 14px;
    color: #626262;
}
option {
    background: #fff;
    border: 0px solid #626262;
    padding-left: 10px;
    font-size: 14px;
}
input:focus {
    background: transparent;
    border: 2px solid #4FC1F0;
}
textarea {
    resize: vertical;
    background: #eceff8;
    border: 2px solid #eceff8;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
textarea:focus {
    background: transparent;
    outline: none;
}
::-moz-placeholder {
    color: #444;
    font-size: 13px;
}
.input-group.divcenter.input-group .form-control { padding-left: 0px }
/*************************
    09. back-to-top
*************************/
#scrollUp {
	background: #ddd;
	bottom: 66px;
	color: #333;
	cursor: pointer;
	display: none;
	height: 36px;
	position: fixed;
	right: 20px;
	text-align: center;
	transition: all 0.6s ease 0s;
	width: 36px;
	z-index: 9999;
	transform: rotate(45deg);
	border-radius: 4px;
}
#scrollUp:after {
    font-family: fontawesome;
    content: "\f106";
    position: absolute;
    top: 0;
    line-height: normal;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	transform: rotate(-45deg);
    font-size: 24px;
}
#scrollUp:hover {background: #b42300;color: #fff;}
/*************************
    10. Border Radius
*************************/
.radius-1 {border-radius: 1px}
.radius-2 {border-radius: 2px}
.radius-3 {border-radius: 3px}
.radius-4 {border-radius: 4px}
.radius-5 {border-radius: 5px}
/*************************
    11. Custom cloumn
*************************/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 { float: left;}
.col-1{width: 10%;}
.col-2{width: 20%;}
.col-3{ width: 30%;}
.col-4{width: 40%;}
.col-5{width: 50%;}
.col-6{width: 60%;}
.col-7{width: 70%;}
.col-8{width: 80%;}
.col-9{width: 90%;}
.col-10{width: 100%;}
/*************************************
    12. Background variation set 
**************************************/
/*colored background*/
.bg-white { background: #fff; }
.bg-light { background: #FAFAFA; }
.bg-gray { background: #F5F5F5; }
.bg-violet{ background: #311910; }
.bg-light-violet{ background: #2E3552; }
.transparent-bg { background: transparent; }
.bg-lemon {background: #313091 none repeat scroll 0 0}
.button.lemon {background: #313091 none repeat scroll 0 0; border-color: #313091}
.button.lemon:hover {
    background: #311910;
    border-color: #311910
}

/*image background*/
.bg-1, .bg-2, .bg-3, .bg-4, .bg-5{
    background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0;
}
.bg-1 { background: url("../images/bgimg1.jpg") repeat scroll 0 0 / cover;}
.bg-2 { background: url("../images/top_banner.jpg") repeat scroll 0 0 / cover;}
.bg-overlay-1 { position: relative}
.bg-overlay-1:before, .bg-overlay-2:before { 
	background: url(../images/bg1.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.bg-overlay-2:before{background: rgba(0, 0, 0, 0.65)}
.bg-overlay-light:before {background: rgba(149, 196, 31, 0.3);}
.banner-1 {
	background: rgba(0, 0, 0, 0) url("../images/banner1.jpg") no-repeat scroll 7% 55%;
	background-size: 42.5%;
}
.banner-2 {
	background: rgba(0, 0, 0, 0) url("../images/banner2.jpg") no-repeat scroll 106% 48%;
}
.banner-3 {
	background: rgba(0, 0, 0, 0) url("../images/banner3.png") no-repeat scroll 0% 48%;
}
/*pattern background*/
.pattern-bg { 
	background:url(../images/pattern-bg.png) repeat; background-position: top right; background-color: rgba(236, 239, 247, 1); 
}
/*************************
    13. Additional CSS
*************************/
.text-area p {line-height: 30px;}
.fixed-bg {background-attachment: fixed}
.shortcode-area .section-title h2 {
    border-bottom: 1px solid #d1d1d1;
    color: #444444;
    display: inline-block;
    font-size: 21px;
    line-height: 30px;
    padding-bottom: 8px;
}
.shortcode-area h3 {
    border: 1px dashed #86bc42;
    float: left;
    font-size: 32px;
    width: 70%;
}
/*************************
    14. Carousel style
*************************/
/*carousel style one*/
.carousel-style-one.owl-theme .owl-controls .owl-nav div, .carousel-style-two.owl-theme .owl-controls .owl-nav div {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    height: 30px;
    left: 25.9%;
    line-height: 41px;
    margin: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 0;
    position: absolute;
    text-align: center;
    top: 16.5%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
}
.carousel-style-one.owl-theme .owl-controls .owl-nav div i { font-size: 26px; }
.carousel-style-one.owl-theme .owl-controls .owl-nav div.owl-next {left: auto; right: 25.9%;}
.carousel-style-one.owl-theme .owl-controls .owl-nav div:hover {background: #fff;}
/*carousel style two*/
.carousel-style-two.owl-theme .owl-controls .owl-nav div {
    border: 0 none;
    height: 52px;
    left: -1%;
    line-height: 44px;
    margin-top: -26px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.carousel-style-two.owl-theme .owl-controls .owl-nav div i { font-size: 55px; }
.carousel-style-two.owl-theme .owl-controls .owl-nav div.owl-next {left: auto; right: -1%;}
.carousel-style-two.owl-theme:hover .owl-controls .owl-nav div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.owl-carousel.carousel-none .owl-controls{display: none}
/*************************
    15. Pagination
*************************/
.pagination-content .pagination li a {
	background: #f5f5f5 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 50%;
	color: #606060;
	display: inline-block;
	font-weight:400;
	font-size: 14px;
	height: 40px;
	line-height: 42px;
	margin: 0 10px;
	padding: 0;
	text-align: center;
	width: 40px;
}
.pagination-content .pagination li a i {font-size: 18px}
.pagination-content .pagination li a:hover, .pagination-content .pagination li.active a {
	color: #ffffff;
	background: #313091 none repeat scroll 0 0
}
/*************************
    16. Hover effect
*************************/
.white-hover {position: relative;}
.white-hover::before {
    background: #311910;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(0);
    transition: all 300ms ease 0s;
	opacity: 0.5;
	z-index: 1
}
.hover-effect-one:hover .white-hover:before {transform: scale(1);}
.dark-hover::after {
	background: rgb(224 232 246 / 20%) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease-in-out 0s;
    width: 100%;
}
.hover-effect-two:hover .dark-hover:after{opacity: 1;}
/*************************
    17. customizer
*************************/
.boxed-layout.wrapper, .box-layout.wrapper {
	background-color: #fff;
	box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
	margin: auto;
	position: relative;
	max-width: 1200px;
	width: 100%;
}
.boxed-layout .sticky, .box-layout .sticky {
  width: 1200px;
}
/*Background Patterns*/
.pattern-1 {
    background-image: url("../images/pattern1.png");
}
.pattern-2 {
    background-image: url("../images/pattern2.png");
}
.pattern-3 {
    background-image: url("../images/pattern3.png");
}
.pattern-4 {
    background-image: url("../images/pattern4.png");
}
.pattern-5 {
    background-image: url("../images/pattern5.png");
}
.pattern-6 {
    background-image: url("../images/pattern6.png");
}
.pattern-7 {
    background-image: url("../images/pattern7.png");
}
.pattern-8 {
    background-image: url("../images/pattern8.png");
}
/*Background Images*/
.main-bg-1,.main-bg-2,.main-bg-3,.main-bg-4,.main-bg-5,.main-bg-6,.main-bg-7,.main-bg-8 {
    background-image: url("../images/bodybg1.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.main-bg-2 {
    background-image: url("../images/bodybg2.jpg");
}
.main-bg-3 {
    background-image: url("../images/bodybg3.jpg");
}
.main-bg-4 {
    background-image: url("../images/bodybg4.jpg");
}
.main-bg-5 {
    background-image: url("../images/bodybg5.jpg");
}
.main-bg-6 {
    background-image: url("../images/bodybg6.jpg");
}
.main-bg-7 {
    background-image: url("../images/bodybg7.jpg");
}
.main-bg-8 {
    background-image: url("../images/bodybg8.jpg");
}

.form-box {
	position: relative;
	width: 25%;
	z-index: 9;
	float: left;
}
.form-box.large {width: 50%}
.select {
	border: 1px solid #e1e1e1;
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 98%;
}
.select select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #ffffff url("../images/icons/arrow.png") no-repeat scroll 92% 50%;
	border: medium none;
	color: #555454;
	cursor: pointer;
	font-size: 13px;
	height: 38px;
	padding: 0 16px;
	width: 100%;
	border-radius:2px;
}
.single-info label {
    color: #525252;
    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    width: 160px;
}
.single-info input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dedede;
    color: #a2a2a2;
    font-weight:300;
    font-size: 12px;
    height: 36px;
}
.price_filter {width: 57.5%; float: left;}
.slider-range {
	background: #bbbbbb none repeat scroll 0 0;
	border: 0 none;
	height: 8px;
	border-radius: 0;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
	background: #311910 none repeat scroll 0 0;
	border: medium none;
	height: 8px;
	margin-top: 0;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
	background: #311910 none repeat scroll 0 0;
	border: medium none;
	border-radius: 50%;
	height: 22px;
	margin-top: -3px;
	width: 22px;
}
.slider-values {margin: 5px 0 10px; overflow: hidden;}
.slider-values > span {
	float: left;
	padding-right: 5px;
	text-align: right;
	width: 42%;
}
.price_filter input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #606060;
	float: left;
	font-size: 14px;
	height: 15px;
	line-height: 15px;
	margin: 0;
	min-width: 55px;
	padding: 0;
	text-align: left;
	width: 53%;
}
.price_filter button.search_price {
    border-top: 1px solid #dcdcdc;
    display: block;
    margin: 15px 0 10px;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
/*----------------------------------------*/
/*  2.  About Area
/*----------------------------------------*/
.about-area .col-md-6:last-child {padding-left: 15px;}
span.text-dark{font-weight:400;}
.about-area .link {font-size: 16px; font-family: "raleway"; font-weight: 500;}
.about-area .col-md-6 img {margin-top: -10px;}
.link > a {position: relative; color: #313091;}
.link > a:hover {color: #311910;}
.link > a:before, .link > a:after {
	bottom: -4px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	background: #313091 none repeat scroll 0 0
}
.link > a:after {background: #c6e088 none repeat scroll 0 0; bottom: -5px;}
.link > a:hover:before {background: #311910 none repeat scroll 0 0;}
.link > a:hover:after {background: #3b4176 none repeat scroll 0 0;}
/*----------------------------------------*/
/*  3.  Service Area
/*----------------------------------------*/
.single-service-text h4 {
    font-weight:500;
    font-size: 18px;
}
.single-service-text p {margin-bottom: 0}
/*----------------------------------------*/
/*  4.  Property Area
/*----------------------------------------*/
.single-property {position: relative;}
.property-title h4 {
    color: #fafafa;
    font-weight:400;
    font-size: 16px;
}
.property-title h3 {font-weight:400; font-size: 20px; color: #313091;}
.single-property .title-left span {color: #898989;}
.property-title span img {
	float: left;
	max-width: 11px;
	position: relative;
	top: -2px;
}
.property-image {position: relative;}
.property-image > a> img {width: 100%;}
.hover-container {
	background: rgba(0,0,0,.35);
    bottom: 100px;
    height: auto;
    left: 100px;
    position: absolute;
    right: 0;
    width: 35%;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}
.hover-item, .property-content .list-item {display: inline-block;}
.hover-item > span {color: #fafafa; line-height: 20px;}
.owl-carousel .owl-item .hover-item > img, .hover-item > img, .property-content .list-item > img {float: left; width: auto;}
.hover-item:nth-child(1) {width: 35%;}
.hover-item:nth-child(2) {width: 26%;}
.hover-item:nth-child(3) {width: 23%;}
.property-image a{position: relative}
.property-image a span.img-button {
	border: 1px solid #ffffff;
	color: #ffffff;
	display: inline-block;
	font-weight:400;
	left: 0;
	line-height: 38px;
	margin: -20px auto 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	right: 0;
	text-align: center;
	top: 41%;
	-webkit-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all 200ms ease-in 0s;
	transition: all 200ms ease-in 0s;
	width: 130px;
	z-index: 1;
}
.property-image a span.img-button:hover {background: #fff; color: #311910}
.single-property:hover .property-image a span.img-button {
	opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	transform: scale(1);
}
.property-image span.p-tag {
	color: #ffffff;
	font-weight: 600;
	font-weight: 500;
	height: 28px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 93px;
	z-index: 1;
	line-height: 28px;
}
 .owl-dots {
	text-align: center;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin-top: 40px;
}
.owl-dot {
	background: #dbdbdb none repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    height: 3px;
    margin-left: 5px;
    margin-right: 5px;
    width: 15px;
    -webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.owl-dot.active {
	height: 3px;
    width: 30px;
    top: 0px;
    position: relative;
    background: #b42300 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  5.  Advertise Area
/*----------------------------------------*/
.advertise-area h1 {font-size: 32px; font-weight: 800;}
.advertise-area h2 {font-weight: 600; font-size: 32px;}
/*----------------------------------------*/
/*  6.  Feature Area
/*----------------------------------------*/
.single-feature {float: left; width: 33.333%;}
.single-feature-title > h4 {
    color: #303030;
    font-weight:400;
    font-size: 16px;
}
.single-feature-title > img {position: absolute;}
.single-feature-title {position: relative;}
/*----------------------------------------*/
/*  7.  Fun Factor Area
/*----------------------------------------*/
.text-icon > h2 {
	color: #ffffff;
	display: inline-block;
	font-weight:400;
	line-height: 28px;
	position: relative;
	vertical-align: middle;
}
.single-fun-factor h4 {
    color: #e0e0e0;
    font-weight:400;
    font-size: 15px;
}
.text-icon i {color: #fff;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
}
.text-dark .text-icon i{color: #313091;}
.text-dark .text-icon > h2, .single-fun-factor.text-dark h4 {color: #311910;}
.fun-factor h2{font-size: 28px}
.fun-factor-area .single-fun-factor {text-align: center;}
/*----------------------------------------*/
/*  8.  Team Area
/*----------------------------------------*/
.member-text > h3 {
    color: #ffffff;
    font-weight:400;
    font-size: 16px;
}
.member-text > span {color: #bcbcbc}
.member-image {position: relative; text-align: center}
.member-image:after {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-team-member:hover .member-image:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.link-effect {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 198px;
	z-index: 1
}
.link-effect li, .agent-link li {
	background: #ffffff none repeat scroll 0 0;
	float: left;
	height: 33px;
	text-align: center;
	width: 36px;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	position: absolute;
}
.agent-link li:hover{background: #313091 none repeat scroll 0 0}
.link-effect li:hover{background: #313091 none repeat scroll 0 0}
.link-effect li a, .agent-link li a {
	display: block;
	height: 100%;
	padding: 6px 0;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s
}
.link-effect li a img, .header-search li img, .agent-link li a img{
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s
}
.link-effect ul li .s-img, .link-effect ul li:hover .p-img, .agent-link ul li .s-img, .agent-link ul li:hover .p-img, .header-search li .s-img, .header-search li:hover .p-img {
    display: none;
}
.link-effect ul li:hover .s-img, .agent-link ul li:hover .s-img {display: block;}
.header-search li:hover .s-img {display: inline-block;}
.link-effect ul li:nth-child(1) {bottom: -43px; left: 0;}
.link-effect ul li:nth-child(2) {
    bottom: -53px;
	left: 54px;
	-webkit-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s
}
.link-effect ul li:nth-child(3) {
    bottom: -63px;
	left: 108px;
	-webkit-transition: all 0.9s ease 0s;
	transition: all 0.9s ease 0s
}
.link-effect ul li:nth-child(4) {
    bottom: -73px;
	right: 0;
	-webkit-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s
}
.single-team-member:hover .link-effect ul li:nth-child(1), .single-team-member:hover .link-effect ul li:nth-child(2), .single-team-member:hover .link-effect ul li:nth-child(3), .single-team-member:hover .link-effect ul li:nth-child(4) {
    bottom: 0;
}
.member-text {z-index: 1; position: relative;}
/*----------------------------------------*/
/*  9.  Testimonial Area
/*----------------------------------------*/
.testimonial-area {position: relative;padding: 0 0 50px;}
.testimonial-image-slider {margin-top: 5px;}
.slick-list {margin: 0 5px;}
.sin-testiImage {display: inline-block; margin-bottom: 0; outline: medium none;}
.sin-testiImage img {
	cursor: pointer;
    display: inline-block;
    border-radius: 50%;
    height: 102px;
    width: 102px;
    border: 3px solid #d3e3fd;
    margin-top: 0;
    outline: 0 none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sin-testiText {outline: medium none;}
.sin-testiText p {margin-bottom: 10px; margin-top: 37px;}
.slick-current .sin-testiText p {margin-bottom: 13px; margin-top: 48px;}
.sin-testiText span {
    color: #311910;
    font-weight:400;
}
.sin-div {
	margin: 0 20px;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.sin-div.slick-current{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.slick-slider {z-index: 9;}
.slick-dots li button {
	background: #dbdbdb none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 3px;
    line-height: 0;
    outline: medium none;
    padding: 0;
    width: 15px;
}
.slick-dots > li {display: inline-block; height: 17px; margin: 10px 5px;}
.slick-dots li.slick-active button {
	height: 3px;
    position: relative;
    top: 0px;
    width: 30px;
    background: #313091 none repeat scroll 0 0;
}
.slick-dots {height: 22px; margin: 30px auto 0;}
.sin-testiText h4 {
    font-weight:400;
    font-size: 14px;
}
.sin-testiText h4 span {color: #606060; font-weight:300;}
.slick-current .sin-testiText {position: relative;}
.slick-current .sin-testiText:after {
    background: rgba(0, 0, 0, 0) url("../images/icons/coma.png") repeat scroll 0 0;
    content: "";
    height: 47px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -23px;
    width: 57px;
}
/*----------------------------------------*/
/*  10.  Blog Area
/*----------------------------------------*/
.blog-image {position: relative;}
.blog-image a img {width: 100%;}
.blog-image span.blog-text {
    bottom: 0;
    color: #fafafa;
    font-weight: 600;
    font-size: 20px;
    height: 46px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 55px;
    z-index: 2;
	line-height: normal;
}
.blog-image span.blog-text span {
    font-weight:400;
    font-size: 14px;
}
.blog-post-info span i {font-size: 16px;}
.blog-post-info {color: #f4f4f4;}
.single-blog-text h5 {font-weight:400;}
.single-blog .single-blog-text h5:hover{color: #313091;}
.single-blog-text > a.button {
    color: #311910;
    height: auto;
    line-height: 18px;
    padding: 8px 15px;
    text-transform: capitalize;
    display: inline-block;
    border: 1px solid #311910;
}
.single-blog-text a.button:hover{color: #313091;border-color: #313091;}
/*----------------------------------------*/
/*  11.  Client Area
/*----------------------------------------*/
.single-client a {
	border: 1px solid #ebebeb;
	display: inline-table;
	height: 110px;
	width: 210px;
}
.single-client:hover a {
    background: #fafafa none repeat scroll 0 0;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.34);
}
.single-client span {display: table-cell; vertical-align: middle;}
.owl-carousel .single-client img {width: auto; margin: auto}
/*----------------------------------------*/
/*  12.  About Page
/*----------------------------------------*/
.banner-title h1 {font-size: 36px; line-height: 29px;}
.b-image img, .b-s-image img, .b-s-image-2 img, .b-s-image-3 img {
	box-shadow: 1px 0 6px rgba(0, 0, 0, 0.58);
	margin: 0;
	position: relative;
	right: -49px;
	top: -46px;
	width: 100%;
}
.b-image, .b-s-image, .b-s-image-2, .b-s-image-3 {
	background: #311910 none repeat scroll 0 0;
	box-shadow: 1px 0 6px rgba(0, 0, 0, 0.58);
	display: inline-block;
	margin-right: 49px;
	margin-top: 46px;
}
.s-title {
	color: #311910;
	font-weight:400;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 13px;
}
.cloumn-left, .cloumn-right {float: left; position: relative; width: 50%;}
.cloumn-left span, .cloumn-right span {
    border-radius: 0 30px 30px 0;
    color: #ffffff;
    font-size: 18px;
    height: 39px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 118px;
	z-index: 9
}
.cloumn-left span {border-radius: 30px 0 0 30px; left: auto; right: 0;}
.about-text h4 {
    color: #311910;
    font-weight:400;
    font-size: 18px;
    line-height: 15px;
}
.b-s-image > img {left: 34px; right: auto;}
.regular{font-weight: 400;}
.b-s-image-2, .b-s-image-3 {margin: 0;}
.b-s-image-2 > img {right: 41px; top: 41px;}
.b-s-image-3 > img {left: 41px; top: 41px; z-index: 2;}
/*----------------------------------------*/
/*  13.  Property Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  13.1  Sidebar (Property Page)
/*----------------------------------------*/
.single-sidebar-widget .form-box {height: auto; margin-bottom: 18px; width: 50%;}
.single-sidebar-widget .select {width: 100%; border-color: #ccc}
.sidebar-widget-title > h5 {
    font-weight:400;
    padding-bottom: 12px;
    position: relative;
}
.sidebar-widget-title > h5:after {
    background: #9ac438 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}
.single-sidebar-widget .form-box.large{width: 100%}
.single-sidebar-widget .price_filter {width: 75%;}
.single-sidebar-widget .button {
    float: left;
    height: 45px;
    line-height: 45px;
    width: 270px;
    z-index: 9;
}
.single-sidebar-widget .property-title h4, .single-sidebar-widget .property-title h3 {font-size: 14px;}
.property-image a span.img-button {
	font-size: 12px;
	line-height: 30px;
	margin-top: -5px;
	width: 105px;
}
.sidebar-agent h5 {
    font-weight:300;
    font-size: 12px;
    text-align: center;
}
.sidebar-agent a img {width: 100%;}
.sidebar-agent a.border {border: 1px solid #ececec;}
.agent-hover:hover h5{color: #9AC438}
.single-sidebar-widget .tags li a {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #303030;
	float: left;
	padding: 7px 13px;
}
.single-sidebar-widget .tags li a:hover{color: #fff; background: #313091 none repeat scroll 0 0}
/*----------------------------------------*/
/*  14.  Property List Page
/*----------------------------------------*/
.property-container {float: left; width: 40%;}
.property-content .property-title h3 {font-size: 24px;}
.property-content p {font-weight:400; line-height: 24px;}
.property-content p span {color: #311910;font-size: 16px;}
.list-item span {color: #311910;line-height: 20px;}
/*----------------------------------------*/
/*  15.  Property Details Page
/*----------------------------------------*/
.property-image > img {width: 100%;}
.property-desc > p span{font-weight: 600;}
.details-title, .author-info h5, .comment-text .reply, .package-list span.dark{
    color: #303030;
    font-weight:600;
    font-size: 18px;
}
.details-title.text-medium{font-size: 16px}
.details-title.text-small{font-size: 14px}
.left-column .desc-info:nth-child(2n+1) {float: left; width: 59%;}
.left-column .desc-info:nth-child(2n) {float: left; width: 41%;}
.left-column .desc-info:last-child{width: 100%}
.desc-info:last-child img{top: -2px; position: relative}
.desc-info .price{font-size: 16px; font-weight: 600;}
.desc-info .location{font-size: 15px}
.right-column .desc-info:nth-child(2n+1) {float: left; width: 66%;}
.right-column .desc-info:nth-child(2n) {float: left; width: 34%;}
.desc-info i{font-size: 18px; top: 2px; position: relative}
.author-image {border: 1px solid #ebebeb;}
.author-info h5 {font-size: 14px; line-height: 12px;}
.author-info span {font-size: 12px;}
.comment-text > p {color: #565656;}
.comment-form input, .comment-form textarea, .single-post-area input, .single-post-area textarea, .single-post-area input{
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
    height: 36px;
    padding: 0 15px;
	background: #FBFBFB;
	border-radius:2px;
}
.comment-form textarea, .single-post-area textarea {height: 200px; resize: none;padding: 12px 15px}
iframe {width: 100%; border: 0}
/*----------------------------------------*/
/*  16.  Blog Page Sidebar
/*----------------------------------------*/
.search-form-box > input {
	background: #ffffff none repeat scroll 0 0;
	border: 0 none;
	color: #606060;
	font-size: 18px;
	height: 100%;
	padding-left: 15px;
}
.search-form-box {
    border: 1px solid #cccccc;
    height: 43px;
    position: relative;
}
.search-form-box > button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #606060;
	font-size: 15px;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	width: 48px;
}
.search-form-box > button:hover{color: #313091;}
.categories li a {color: #606060;}
.categories a:hover{color: #313091;}
.post-img {display: inline-block; float: left;}
.post-img img{max-width: 95px;}
.post-texts {overflow: hidden;}
.post-texts > h5 {
    color: #303030;
    font-weight:600;
    font-size: 14px;
    line-height: 18px;
}
.single-sidebar-widget p a:hover {color: #20233f;}
.post-small img{width: 100%}
.custom .col-md-4 {padding-left: 4px; padding-right: 4px;}
.row.custom {margin-left: -4px; margin-right: -4px;}
/*----------------------------------------*/
/*  17.  Blog Details Page
/*----------------------------------------*/
.blog-details .blog-image span.blog-text {font-size: 28px; width: 75px;height: 63px;}
.blog-details img {width: 100%;}
.blog-details .blog-image span.blog-text span {font-size: 20px;}
.blog-details .single-blog-text h5 {font-size: 22px;}
.blog-details .bold {
    color: #303030;
    font-weight:400;
    font-size: 16px;
}
.tags-and-links span {
    color: #303030;
	font-weight:400;
	font-size: 16px
}
.tags > li, .tags, .social-links-small {display: inline-block;}
.tags > li a {color: #565656; padding: 0 1px;}
.tags > li a:hover {color: #9AC438;}
.tags-and-links .social-links-small a {
	border: 0 none;
	color: #606060;
	height: auto;
	margin: 0 0 0 31px;
	padding: 0;
	width: auto;
}
.tags-and-links .social-links-small a:nth-child(2){margin: 0}
.tags-and-links .social-links-small a i {font-size: 14px; line-height: 17px;}
.tags-and-links .social-links-small a:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.comment-text .reply{font-size: 13px}
/*----------------------------------------*/
/*  18.  Agent Details Page
/*----------------------------------------*/
.agent-contact > img {position: absolute;}
.agent-contact {position: relative;}
.agent-contact span {line-height: 17px;}
.agent-link li {background: #f5f5f5 none repeat scroll 0 0; position: inherit;}
.agent-details-content p.text-large {font-size: 15px;}
.agent-details-content span.text-dark {font-weight:300;}
.agent-details-content .single-fun-factor h4 {font-size: 14px;}
.agent-details-content .single-fun-factor h2 {font-size: 26px;}
.agent-experience i {font-size: 22px;}
/*----------------------------------------*/
/*  19.  Create Agency Page
/*----------------------------------------*/
.create-agency-area textarea, .create-agency-area input {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
}
.create-agency-area textarea{height: 132px}
.property-package .row{margin-left: -12px;margin-right: -12px}
.package-title h4 {
	font-weight:400;
	font-size: 22px;
	line-height: 18px;
}
.package-list {background: #f5f5f5 none repeat scroll 0 0;}
.package-list button {
    background: #311910 none repeat scroll 0 0;
    line-height: 34px;
    padding: 0 36px;
}
.single-package:hover button{background: #313091 none repeat scroll 0 0}
/*----------------------------------------*/
/*  20.  Single Post Page
/*----------------------------------------*/
h4.sub-title {
    font-weight:400;
    position: relative;
}
h4.sub-title:after {
    bottom: -8px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 75px;
	background: #313091 none repeat scroll 0 0
}
.single-post-area textarea {height: 260px}
.single-post-area input {height: 43px}
.single-post-area .select {border: 0; width: 100%}
.single-post-area .select select {
	background: #fbfbfb url("images/icons/arrow.png") no-repeat scroll 96% 50%;
	border: 1px solid #ebebeb;
	color: #606060;
	height: 43px;
	padding: 0 0 0 11px;
}
.upload {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    height: 96px;
    position: relative;
    width: 100%;
}
.single-post-area .upload input {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.action {
    display: inline-block;
    font-weight:400;
    height: 45px;
    line-height: 43px;
    margin-top: 24px;
    width: 186px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #313091 none repeat scroll 0 0
}
.upload:hover .action{background: #311910}
.action i {font-size: 18px; top: 2px; position: relative}
.property-feature .desc-info:nth-child(2n+1) {float: left; width: 49%;}
.property-feature .desc-info:nth-child(2n) {float: left; width: 51%;}
.single-post-area button {line-height: 44px; padding: 0 32px;}
/*----------------------------------------*/
/*  21.  Contact Page
/*----------------------------------------*/
.contact-form-area input, .contact-form-area textarea {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    color: #606060;
    height: 36px;
    padding: 0 12px;
}
.contact-form-area textarea {height: 132px; padding: 10px 12px; resize: none;}
.contact-form-area button.button {padding: 0 32px;}
.contact-information {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.2);
    margin: 0;
    overflow: hidden;
    padding: 40px 40px;
    position: relative;
    z-index: 1;
    border-radius: 4px;
}
.address-area .contact-information{margin-top: 0}
.single-contact-info {}
.single-contact-info .contents {position: relative;margin-bottom: 20px;}
.single-contact-info img {left: 0; position: absolute; top: 1px;}
.single-contact-info .info-text{
	padding-left: 35px;
}
/*----------------------------------------*/
/*  22.  Error Page
/*----------------------------------------*/
.error-text > h3, .error-text h2 {
    color: #303030;
    font-size: 40px;
    font-weight: 500;
}
.error-text h2 {font-family: "Open Sans"; font-size: 30px; font-weight: 600;}
.error-text > p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
}
.error-text a {
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    padding: 12px 20px;
	background: #313091 none repeat scroll 0 0
}
.error-text a:hover {background: #20233f none repeat scroll 0 0; color: #fff}
/*----------------------------------------*/
/*  23.  Modal
/*----------------------------------------*/
.modal-header {border: 0 none; padding: 0;}
.modal-header h4.sub-title {margin-bottom: 30px;}
.modal-content {padding: 40px 30px;}
.modal-content .single-post-area input {height: 32px; margin-bottom: 10px;}
.modal-content .single-post-area textarea {height: 75px;}
button.close {
    border-radius: 50%;
    color: #ffffff;
    height: 26px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 10px;
    top: 13px;
    width: 25px;
	background: #20233f none repeat scroll 0 0;
}
button.close:hover {
    background: #311910 none repeat scroll 0 0;
    color: #ffffff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*----------------------------------------*/
/*  24.  Additional Page CSS
/*----------------------------------------*/
.fixed-bg-1 {background: rgba(0, 0, 0, 0) url("../images/slider1.jpg") no-repeat fixed center top / cover ;}
.fixed-bg-2 {background: rgba(0, 0, 0, 0) url("../images/slider1.jpg") no-repeat fixed center top / cover ;}
.banner-content h1.border-none::after {display: none;}
.video-wrapper, .video-banner {
    height: 570px;
    overflow: hidden;
    position: relative;
}
.gallery-img, .gallery-img img {width: 100%;}
.gallery-img {overflow: hidden; position: relative;}
.gallery-img img {display: block; position: relative;}
.gallery-img .hover-effect {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s linear 0s;
    width: 100%;
}
.gallery-img h2 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #ffffff;
	font-size: 21px;
	line-height: 28px;
	margin: 94px auto 5px;
	opacity: 0;
	padding: 9px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.5s linear 0s;
}
.gallery-img p {
    color: #ffffff;
    margin: 0 30px;
    opacity: 0;
    text-align: center;
    transition: all 0.5s linear 0s;
}
.gallery-img:hover .hover-effect {opacity: 1;}
.gallery-img:hover h2, .gallery-img:hover p {opacity: 1;}
.gallery-img, .gallery-img .hover-effect {background: rgba(31, 34, 62, 0.90) none repeat scroll 0 0;}
.video-gallery {display: block; height: 215px; overflow: hidden;}
.video-gallery .mbYTP_wrapper {height: 215px;}
.video-post {display: block; height: 335px; overflow: hidden;}
.video-post .mbYTP_wrapper {height: 335px;}
.video-post .mb_YTPlayer, .video-gallery .mb_YTPlayer {height: 100%;}
.mb_YTPBar span.mb_OnlyYT {left: auto; right: 68px;}
.mb_YTPUrl.ytpicon {display: none;}
.banner-content .text-content-wrapper.full-width {
	float: none;
	margin: auto;
	position: relative;
	z-index: 9;
}
.shortcode .row {margin-left: -15px; margin-right: -15px;}


.properties-slider.owl-theme .owl-controls .owl-nav div {
  background: #fff none repeat scroll 0 0;
  font-size: 25px;
  height: 40px;
  left: 10px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 40px;
  line-height: 40px;
}

.properties-slider.owl-theme .owl-controls .owl-nav div.owl-next {
  left: auto;
  right: 10px;
}
.properties-slider.owl-theme:hover .owl-controls .owl-nav div {
  opacity: 1;
  visibility: visible;
}
.properties-slider.owl-theme .owl-controls .owl-nav div:hover {
  background: #464646 none repeat scroll 0 0;
  color: #fff;
}



.properties-tab-slider .item a img {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f1f1f1;
  border-radius: 0;
  display: block;
  padding: 0;
  transition: all 0.3s ease 0s;
  max-width: 100%;
}
.properties-tab-slider.owl-theme .owl-controls .owl-nav div {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  font-size: 20px;
  height: 30px;
  left: 0;
  line-height: 30px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 30px;
}

.properties-tab-slider.owl-theme .owl-controls .owl-nav div.owl-next {
  left: auto;
  right: 0px;
}
.properties-tab-slider.owl-theme:hover .owl-controls .owl-nav div {
  opacity: 1;
  visibility: visible;
}
.properties-tab-slider.owl-theme .owl-controls .owl-nav div:hover {
  background: #464646 none repeat scroll 0 0;
  color: #fff;
}

/* ------- Footer Css -------*/

.footer-widget-area{background: #5f4a42;}
.single-footer-widget {color: #c7c7c7}
.single-footer-widget > h3 {
	  font-size: 16px;
	  font-weight: 500;
}
.single-footer-widget p {font-size: 14px;}
.single-footer-widget > span i {font-size: 18px; width: 30px;}
.footer-list a:hover {color: #fff;}
.footer-list a {
	color: #c7c7c7;
	font-size: 12px;
	line-height: 33px;
}
.footer-logo {margin-top: -56px; text-align: center;}
.footer-logo > a {display: inline-block;}
.social-links > a {
    border: 1px solid #b9b9b9;
    color: #c7c7c7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    margin: 0 5px;
    text-align: center;
    width: 32px;
    border-radius: 50%;
}
.social-links {text-align: center;}
.social-links > a:hover {color: #ffffff; background: #313091 none repeat scroll 0 0}
.subscribe-form > input {
    background: #eee;
    border: 1px solid #eee;
    color: #555;
    font-size: 13px;
    padding-left: 12px;
	border-radius:2px;
}
.subscribe-form > input:focus {border: 1px solid #eee;}
.subscribe-form {
    height: 45px;
    position: relative;
}
.subscribe-form > button {
	background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
	color: #666;
	font-size: 18px;
	height: 100%;
	padding: 0 17px;
	position: absolute;
	right: 0;
	top: 0;
}
.footer-widget-content > h5 {
    color: #dadada;
    font-weight:400;
    font-size: 14px;
}
.footer-widget-content > span {font-size: 12px; line-height: 24px;}
.footer-contact-info > span {display:inline-block;vertical-align:middle;}
.footer-contact-info > i {display:inline-block;vertical-align:middle;font-size: 20px;}
.footer-contact-info {position: relative; font-size: 12px;}
.footer-text {
	font-weight: 500;
    line-height: 1.2;
    color: #b9b9b9;
    font-size: 16px;
}
.footer-text a{
	color: #313091;
    font-size: 18px;
    padding: 0 10px;
    font-weight: 500;
}
.footer-text a:hover {border-bottom: 1px solid transparent;}
.border-top{border-top: 1px solid #484848}
.border-top-light{border-top: 1px solid #ebebeb}
.footer-style-2 .single-footer-widget {color: #fff}
.footer-style-2 .single-footer-widget > h3 {font-size: 18px;}
.footer-style-2 .single-footer-widget p {font-size: 15px;}
.footer-style-2 .subscribe-form {border-color: #fdfdfd}
.footer-style-2 .subscribe-form > button, .footer-two .footer-text a{color: #fff}
.footer-style-2 .subscribe-form > button:hover{color: #311910}
.footer-style-2 .single-footer-widget .footer-list a:hover {color: #21243F}
.footer-style-2 .footer-widget-content > h5 {color: #ffffff; font-size: 16px;}
.footer-style-2 .footer-widget-content > span {font-size: 14px;}
.footer-style-2 .footer-list a, .footer-two .footer-text, .footer-style-2 .subscribe-form > input {
    color: #ffffff;
    font-size: 14px;
}
.footer-two .footer-text a:hover {border-color: #20233D; color: #20233D}
.footer-style-2 .footer-contact-info > span {font-size: 14px;}
.footer-style-2 .social-links > a{color: #fff; border-color: #fff}
.footer-style-2 .social-links > a:hover{border-color: #20233D; background: #20233D;}
.footer-logo-three > a {display: inline-block; margin-bottom: 23px;}
.footer-info-container {border-bottom: 1px solid #e1e1e1;}
.single-footer-widget > h4 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 22px;
    text-transform: uppercase;
}
.footer-widget-list li a {color: #ffffff; font-weight: 400; line-height: 36px;}
.subscribe-container {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    padding: 44px 40px 50px;
}
.subscribe-container > p {
    color: #2d3e50;
    font-weight: 400;
    margin-bottom: 33px;
    text-align: center;
}
.subscribe-container input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    font-weight: 400;
    height: 100%;
    opacity: 1;
    padding-left: 14px;
    width: 100%;
}
.subscribe-container button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    float: right;
    font-size: 14px;
    height: 100%;
    padding-right: 14px;
    position: absolute;
    right: 0;
    top: 0;
}
.subscribe-container button:hover::after {display: none;}
.subscribe-form-three {
    background: #d9d9d9 none repeat scroll 0 0;
    display: block;
    height: 48px;
    line-height: 46px;
    position: relative;
}
.footer-container {border-top: 1px solid #e1e1e1; padding: 25px 0 28px;}
.footer-container .social-links-three {float: right; overflow: hidden;}
.footer-container .social-links-three > a {
    color: #ffffff;
    line-height: 16px;
    margin-left: 21px;
    margin-right: 0;
}
.footer-container span {color: #ffffff; font-weight: 400;}
.footer-container span a {color: #ffffff; position: relative;}
.footer-container span a:hover {border-bottom: 1px solid transparent;}
.footer-container span a:hover::after {opacity: 1;}
.newsletter-area.newsletter-four::before, .newsletter-area.newsletter-four::after {display: none;}
.footer-info > span {color: #f5f5f5; margin: 0 8px;}
.footer-info > span i {margin-right: 7px;}
.footer-info {margin-top: 30px;}
.single-sidebar-widget p a, .tags-and-links .social-links-small a:hover, h4.sub-title, .subscribe-form > button:hover, .footer-text a:hover, .text-color .fixed, .text-color.main-menu > li > a, .footer-widget-list li a:hover, .footer-container .social-links-three > a:hover, .footer-container span a:hover {
  color: #313091;
}
.single-sidebar-widget .tags li a:hover, .social-links > a:hover, .footer-text a:hover, .header-top-two, .footer-container span a:hover {
	border-color: #313091
}

/* ------- End Footer Css -------*/

.about-img{
	position: relative;
    z-index: 1;
    text-align: center;
    /*padding: clamp(2rem, -.13rem + 4.437vw, 3.75rem);
    max-width: 580px;*/
}

.about-img img{
	max-width: 460px;
    width: 100%;
    margin: 0 auto;
}
.about-img:before, .about-img:after {
    /*position: absolute;
    content: "";
    width: clamp(6.25rem, .858rem + 20.349vw, 10.625rem);
    height: 100%;
    background: #313091;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
    z-index: -1;
    opacity: .2;*/
}
.about-img:after {
    /*left: auto;
    right: 0;*/
}

.about-section{}
.about-section .sub-title-about{
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background .3s ease-in-out;
    background: linear-gradient(90deg, #F69220 .04%, #F68E20 28.67%, #F48421 54.05%, #F37221 78.11%, #F05A22 100.04%);
    background-clip: text;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
}

/* .about-section.section-title h2 {
    font-size: 44px;
    line-height: 1.2;
    position: relative;
    z-index: 2;
    color: black;
} */
.service-area{
	padding: 50px 0;
}
.service-area .section-title{
	width: 650px;
    margin: 0 auto 30px;
}
.secoheding{
    font-size: 25px;
    color: #1bb6ab;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.service-area .section-title span{
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background .3s ease-in-out;
    background: linear-gradient(90deg, #F69220 .04%, #F68E20 28.67%, #F48421 54.05%, #F37221 78.11%, #F05A22 100.04%);
    background-clip: text;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
}
.para-new{
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}
.section-title{
	/* width: 650px; */
    /* margin: 0 auto 15px; */
}
.section-title span{
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background .3s ease-in-out;
    background: linear-gradient(90deg, #F69220 .04%, #F68E20 28.67%, #F48421 54.05%, #F37221 78.11%, #F05A22 100.04%);
    background-clip: text;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
}
/* .service-area .section-title h2{}
.service-area .section-title p{} */
.service-box {
    --space: 30px;
    position: relative;
    margin-bottom: 100px;
}
.service-box_img {
    position: relative;
    overflow: hidden;
}
.service-box_img:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4 ease-in-out;
    transition: all 0.4 ease-in-out;
}
.service-box_img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service-box_content {
    background-color: #1bb6ab;
    position: absolute;
    top: auto;
    bottom: -100px;
    left: 30px;
    right: 30px;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.08);
    border-radius: 0px;
    padding: 40px 20px 32px 20px;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.service-box_content:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.service-box_icon {
    position: absolute;
    right: 40px;
    top: -50px;
    color: #b42300;
    width: 100px;
    height: 100px;
    line-height: 80px;
    border-radius: 50%;
    background-color: #b42300;
    padding: 10px;
    margin: 0 auto 15px auto;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service-box_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.service-box_title {
    font-size: 20px;
    font-weight: 600;
    color: #060606;
    margin: -5px 0 8px 0;
}
.service-box_title a {
    color: inherit;
}
.service-box_text {
    max-width: 270px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #6f6e76;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.line-btn { 
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    line-height: 26px;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: -1px;
    text-transform: uppercase;
    color: #1035ad;
} 
.line-btn:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 85%;
    height: 1px;
    background-color: #1238b3;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.line-btn i {
    margin-left: 5px;
    font-size: 13px;
}
.service-box:hover .service-box_img:before {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.service-box:hover .service-box_icon {
    background-color: #8ef5ee;
}
.service-box:hover .service-box_content:before {
    height: 0;
}
.service-box:hover .service-box_title, .service-box:hover .service-box_text {
    color: #ffffff;
}
.service-box:hover .service-box_icon img {
    transform: rotateY(180deg);
}

.footer-area{
/*	background-color: #c1c1c1;*/
    padding: 120px 0 0px;
    background-image: linear-gradient(#ff000000, #d3e3fd);
}
.footer-area .footer-text{
	text-align: center;
}
.footer-area .footer-text span{
	color: #fff;
    font-size: 16px;
}
.contact-map-cus{
	position: relative;
}
.contact-map-cus .address-area{
	position: absolute;
    z-index: 1;
    bottom: 0rem;
    left: 1rem;
    width: 400px;
    top: 10px;
}
.contact-information h4{
	font-size: 22px;
    margin-bottom: 30px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
    position: absolute;
    left: 5%;
    top: 50%;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    right: 5%;
    top: 50%;
}
.owl-carousel .owl-controls .owl-nav .owl-next .angle-right img {
    width: 25px;
    height: auto;
/*    filter: opacity(0.5);*/
}
.owl-carousel .owl-controls .owl-nav .owl-next .angle-right {}

.owl-carousel .owl-controls .owl-nav .owl-prev .angle-left img {
    width: 25px;
    height: auto;
/*    filter: opacity(0.5);*/
}
.owl-carousel .owl-controls .owl-nav .owl-prev .angle-left {}
.featured-pro-slider-text-main{
	text-align: start;
}
.featured-pro-slider-text-main .address-featured-pro{}
.featured-pro-slider-text-main .address-featured-pro h2{
	color: #fff;
    font-size: 28px;
    font-weight: 500;
    text-shadow: 0 0 6px #000;
}
.featured-pro-slider-text-main .address-featured-pro p{
	color: #fff;
    font-size: 1.3rem;
    text-shadow: -1px 1px 1px #000;
}
.featured-pro-slider-text-main address {
    color: #fff;
    display: flex; 
    font-size: 16px;
    font-style: normal;
    gap: 12px;
    line-height: 1.27;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.address-single{}
.address-single b{
	font-weight: 700;
}
.footer-social-media-icons {
	display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.footer-social-media-icons .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px;
}
.footer-social-media-icons .social li {
    padding: 0 5px;
    transition: all .3s;
}
.fab-container {
    bottom: 5rem;
    position: absolute;
    right: 10rem;
    transform-origin: 0 0; 
}
.fab-container .shadow {
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0,0,0,.12), 0 6px 6px rgba(0,0,0,.24), 0 0 12px rgba(0,0,0,.12), 0 12px 12px rgba(0,0,0,.238);
    content: "";
    height: 56px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
}
.footer-social-media-icons a:hover i{
    color: #1bb6ab;
}
.fab-container .fab {
    cursor: pointer;
    height: 78px;
    position: relative;
    transform-origin: center center;
    width: 78px;
    transition: all .25s ease-in-out 0s;
}
.fab-container .list {
    background: rgba(0, 0, 0, .35);
    border-radius: 4px;
    bottom: 80px;
    color: #fff;
    display: none;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    right: 8px;
    text-shadow: 0 0 6px #000;
    width: -moz-max-content;
    width: max-content;
    flex-direction: column;
}
.fab-container .list a {
    padding: 12px 1.5rem;
    justify-content: flex-end;
    align-items: center;
   	display: flex;
   	cursor: pointer;
}

.fab-container .list a span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.fab-container .list a .share-icon {
    height: 20px;
    width: 20px;
    margin-left: 10px;
}
.fab-container .list a .icon{
	margin-left: 10px;
	width: 20px;
	height: 20px;
}
svg {
    height: 100%;
    width: 100%;
}
.fab-container.active .fab {
    transform: rotate(225deg);
}
.fab-container.active .list {
    display: flex;
}
.fab-container .list a .icon svg path, .fab-container .list a .share-icon svg g path {
    fill: #fff;
}
#properties{}
#properties .property-image{
	height: 100vh;
}
#properties .property-image img{
	height: 100vh;
}
.about-area{
	padding: 50px 0 0;
}
.property-area{
	padding: 0px 0 15px;
}
.blog-area{
	padding: 0px 0 50px;
}
.footer-social-media-icons {
    margin: 0 0 15px 0;
}
.footer-social-media-icons a {
    color: #6a6a8e;
    font-size: 26px;
    border-radius: 4px;
    margin: 0 20px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
}
.footer-copyright {}
.footer-copyright p {
    font-size: 16px;
}
.footer-copyright .footer-note {
    margin-top: 10px;
    font-size: 13px; 
}
.footermail{
    color: #b42300;
    font-weight: 600;
}
.callus{
    color: #494949;
}
.callus:hover{
    color: #b42300;
}