/*
	========================================
	ARILLO - REAL ESTATE TEMPLATE
	========================================
	
	@author			: @avriqq
	@version		: v1.1
	@date-create	: 07/14/2014
	@last-update	: 07/17/2014
	@file-name		: style

*/

/*
	========================================
	TABLE OF CONTENT
	========================================
	
	[1. GLOBAL STYLE]
	[2. NAVBAR]
	[3. HEADER]
	[4. SERVICE]
	[5. CONTENT]
	[5.1 ARTICLE]
	[5.2 TEAM]
	[5.3 SIDEBAR]
	[6. TESTIMONY]
	[7. NEWS]
	[8. SUBSCRIBE]
	[9. PARTNER]
	[10. FOOTER]
	[11. COPYRIGHT]

*/


/* 
	==================
	[1. GLOBAL STYLE]
	==================
*/

@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirRoman.otf);
}
body{
	margin: 0;
	padding: 0;
	padding-top: 70px;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #6b6e80;
    background: #fff;
    overflow-x: hidden;
	scrollbar-face-color: #333;
}

::-moz-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #3498db; 
}

::-webkit-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #3498db; 
}

::selection { 
	color: #fff; 
	text-shadow: none; 
	background: #3498db; 
}

::-webkit-scrollbar {
	width: 10px;
} 

::-webkit-scrollbar-track {
	background-color: #333;
} 

::-webkit-scrollbar-thumb {
	background-color: #666;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	     -o-border-radius: 2px;
			border-radius: 2px;
} 

::-webkit-scrollbar-button {
	display: none;
} 

::-webkit-scrollbar-corner {
	background-color: #000000;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
}

a{
	color: #ffce54;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

a:hover{
	color: #f6bb42;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	color: #333;
}

    select:focus,
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
        color: #ffce54;        
        border-color: #bbb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.btn,
.form-control{
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
}

.form-control:focus{
	color: #ffce54;
	border-color: #bbb;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		  	box-shadow: none;
}

.clear-marg{
	margin: 0 !important;
}
.upgrade-btn {
    background-color: #008025;
    border-color: #008025;
    color: #FFF;
    border-radius: 8px;
    text-transform:uppercase;
}
    .upgrade-btn:hover {
        color: #FFF;
    }
.paymentPopupClose {
    font-size: 27px !important;
    font-weight: normal !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    margin-top: 8px !important;
    margin-right: 15px !important;
    color: #FFF !important;
}
    .btn-success {
        background-color: #82b440;
        border-color: #7aa93c;
    }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.dropdown-toggle{
	background-color: #6f9a37;
	border-color: #6f9a37;
}

.btn-warning{
	background-color: #ffce54;
	border-color: #f6bb42;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.dropdown-toggle{
	background-color: #f6bb42;
	border-color: #f6bb42;
}


/* 
	==================
	[2. NAVBAR]
	==================
*/
.navbar-default{
	background-color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
	border-color: #fff;
}

.navbar-default.navbar-static-top{
	margin-bottom: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
		 -o-border-radius: 0;
			border-radius: 0;
}

.navbar-default .navbar-brand img{
	height: 60px;
	width: auto;
	display: block;
}

.navbar-default .navbar-brand{
	position: relative;
	color: #ffce54;
	font-size: 26px;
	display: block;
	padding: 10px 40px 10px 15px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-brand::after{
	content: "";
	position: absolute;
	right: -20px;
	top: -8px;
	width: 1px;
	height: 95px;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		 -o-transform: rotate(30deg);
			transform: rotate(30deg);
}

.navbar-default .navbar-brand span{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 400;
}

.navbar-default .navbar-brand span strong{
	font-weight: 600;
}

.navbar-default .navbar-brand:hover{
	color: #f6bb42;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-brand:hover > span{
	color: #f6bb42;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

	.navbar-default .navbar-nav > li > a {
		color: #5d5d5d;
		text-shadow: none;
		padding-top: 30px;
		padding-bottom: 30px;
		border: 1px solid #fff;
	}


		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > li > a:focus {
			color: #ffce54;
			background-color: transparent;
		}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover{
	position: relative;
	color: #f6bb42;
	background-color: transparent;
}

.navbar-default .navbar-nav > .active > a::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 15px;
	height: 8px;
	width: 8px;
	margin-left: -4px;
	background: #f6bb42;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		-ms-border-radius: 100%;
		 -o-border-radius: 100%;
			border-radius: 100%;
}

.navbar.navbar-default .navbar-nav li.dropdown.open > a,
.navbar.navbar-default .navbar-nav li.dropdown.open > a:hover{
	color: #fff;
	background-color: #ffce54;
}

.dropdown-menu {
	background-color: #ffce54;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
		 -o-border-radius: 1px;
			border-radius: 1px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		 -o-box-shadow: none;
			box-shadow: none;
}
.dropdown-item {
	color: #5d5d5d !important;
	line-height: 38px;
	display: block;
}
.dropdown-menucustom a {
padding:5px;
}
.dropdown-item:hover {
	background: #eee !important;
	display: block;
}
.dropdown-menucustom {
	background-color: #fff !important;
	border: 1px solid #ffce54 !important;
	min-width: 132px !important;
	padding:0px;
	margin-top: 5px !important;
}
.navbar.navbar-default .navbar-nav li.dropdown.open > a, .navbar.navbar-default .navbar-nav li.dropdown.open > a:hover {
	border: 1px solid #ffce54 !important;
	color: #5d5d5d !important;
	background-color: #fff !important;
	padding: 10px 20px 10px 20px;
	margin-top: 20px;
}
.text_field {
	height: 50px !important;
	border-radius: 5px;
}

#inputName {
	margin-left: -15px;
}
.paymentPopUp-footerPanal {
    padding: 18px 15px;
    background-color: #ededed;
    color: #749CB4;
    text-align: center;
}

    .paymentPopUp-footerPanal h3 {
        font-size: 14px !important;
        margin: 0px;
    }

    .paymentPopUp-footerPanal:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(237, 237, 237, 0);
        border-top-color: #EDEDED;
        border-width: 9px;
        margin-left: -9px;
    }

.completeTranBtn, .completeTranBtn:hover {
    padding: 10px 19px;
    background-color: #EC7C0C;
    background-image: linear-gradient(#FBA81C, #EC7C0C);
    border-radius: 5px;
    color: #FFF !important;
    text-decoration: none;
    border: 0px;
    text-shadow: 0px 1px 0px #89490A;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0px 1px 3px #969696;
    display: inline-block;
    margin-top: 18px;
}
#inputEmail {
	margin-left: 15px;
}

.send_btn {
    background: #ffcf55 !important;
    border: 1px solid #ffcf55 !important;
    text-transform: capitalize !important;
    width: 30% !important;
    height: 50px;
    border-radius: 0px !important;
    font-weight: 600;
    font-size: 18px;
}
.text_field {
    color: gray !important;
    caret-color: gray !important;
}

.text_area {
    color: gray !important;
    caret-color: gray !important;
}

.full-width-image {
	width: 100vw;
	position: relative;
	left:50%;
	margin-left: -50vw;
}

	.full-width-image img {
		width: 100%;
		max-height:500px !important;
	}
.dropdown-menu > li > a {
	color: #efefef;
	padding-top: 12px;
	padding-bottom: 12px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
	color: #fff;
	background-color: #f6bb42;
}
.termsAndUse-h1, .termsAndUse-h2, .termsAndUse-h3 {
    font-family: Raleway;
    color: #6B6E80;
}

.termsAndUse-h2, .termsAndUse-h3, .termsAndUse-h4 {
    font-weight: 600;
    line-height: 160%;
}

.termsAndUse-h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 47px;
    margin-top: 70px;
}

.termsAndUse-h2 {
    font-size: 20px;
    margin-top:30px;
}

.termsAndUse-h3 {
    font-size: 15px;
    margin-bottom: -4px;
    margin-top: 20px;
}
.termsAndUse-h4 {
    font-size: 15px;
    margin-bottom:12px;
    margin-top: 20px;
}
.termsAndUse-content { 
    position:relative;
}
.termsAndUse-paraLink {
    width: 100%;
    height: 37px;
    position: absolute;
    z-index: -1;
    top: -75px;
}
    .termsAndUse-content p strong {
        font-weight: 600 !important;
    }

.termsAndUse-content p {
    font-family: Raleway;
    font-weight: normal;
    font-size: 15px;
    line-height: 160%;
    color: #6B6E80;
    padding: 7px 0px;
}

    .termsAndUse-content p a {
        color: #6B6E80;
    }

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-0 {
    margin-bottom: -5px !important;
}

.listStyle-none {
    list-style: none !important;
}

.aColorBlue {
    color: #354fee !important;
    font-weight: 600 !important;
}

.termsAndUse-list-ol {
    margin: 0px 0px 0px 18px;
    padding: 0px;
}

    .termsAndUse-list-ol li {
        text-decoration: underline;
        padding: 3px 0px
    }
        .termsAndUse-list-ol li a {
            color: #6B6E80;
        }
        .removeUnderline li {
            text-decoration: none !important;
        }
.termsAndUse-list-ul {
    margin: 0px 0px 0px 18px;
    padding: 0px;
}

    .termsAndUse-list-ul li {
        list-style: square outside none;
        padding: 5px 0px;
    }

        .termsAndUse-list-ul li strong {
            font-weight: 600;
        }
/*payment card pop up*/
.paymentPopUp-panel {
    color: #749cb4;
    font-size: 15px;
    margin:0px !important;
}

    .paymentPopUp-panel label {
        font-weight: normal;
    }

    .paymentPopUp-panel small {
        font-size: 11px;
        line-height: 20px !important;
    }

    .paymentPopUp-panel .checkbox {
        float: left;
        padding-left: 0px;
    }

.paymentPopUpHead {
    background-color: #41b1ea !important;
    color: #FFF !important;
}

    .paymentPopUpHead .panel-title {
        display: inline;
        font-size: 14px;
        font-weight: normal;
    }

.paymentCards {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.paymentCard-img {
    float: left;
}

    .paymentCard-img img {
        width: 85%;
    }

.ccvIns {
    font-size: 10px;
    line-height: 15px;
    padding-top: 3px;
}

.paymentPopUp-bt-0 {
    border-top: 0px;
}

.paymentPopUp-mb-10 {
    margin-bottom: 10px;
}

.paymentPopUp-mb-7 {
    margin-bottom: 7px;
}

.paymentPopUp-mb-6 {
    margin-bottom: 6px;
}

.paymentPopUp-pr-0 {
    padding-right: 0px;
}

.paymentPopUp-pt-6 {
    padding-top: 6px;
}

.paymentPopUp-pl-0 {
    padding-left: 0px !important;
}

.paymentPopUp-pl-6 {
    padding-left: 6px;
}

.unbold {font-weight:normal !important;
}
.paymentPopUp-panel .form-control {
    color: #555 !important;
}
/*payment card pop up*/
.signin{
	padding: 12px 18px !important;
	margin-top: 18px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		-ms-border-radius: 4px;
		 -o-border-radius: 4px;
			border-radius: 4px;
}

.signin:focus,
.signin:active{
	outline: none;
	color: #656d78 !important;
}

.signup{
	padding: 12px 18px !important;
	margin-top: 18px;
	margin-left: 15px;
	background-color: #ffce54 !important;
	color: #fff !important;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		-ms-border-radius: 4px;
		 -o-border-radius: 4px;
			border-radius: 4px;
}

.signup:hover,
.signup:focus,
.signup:active{
	background-color: #f6bb42 !important;
	outline: none;
}

#modal-signin .modal-header h4,
#modal-signup .modal-header h4{
	text-align: center;
	color: #ffce54;
}

#modal-signin .modal-footer,
#modal-signup .modal-footer{
	margin-top: 0;
	background-color: #f4f4f4;
	text-align: left !important;
}

#modal-signin .modal-footer p,
#modal-signup .modal-footer p{
	margin-bottom: 15px;
}


/* 
	==================
	[3. HEADER]
	==================
*/
#header{
	width: 100%;
	min-height: 450px;
	height: auto;
	padding-top: 70px;
	padding-bottom: 60px;
}

.quick-search{
	padding: 25px 40px;
	background: rgba(255,255,255,.7);
}

#header.heading{
	position: relative;
	min-height: 200px;
	padding-top: 40px;
	padding-bottom: 40px;
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		-ms-background-size: cover !important;
		 -o-background-size: cover !important;
			background-size: cover !important;
}

#header.heading > *{
	position: relative;
	z-index: 2;
}

#header.heading::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.75);
}

#header.heading .page-title{
	position: relative;
	z-index: 2;
	display: block;
	margin-bottom: 40px;
	text-align: center;
	color: #ddd;
	font-size: 14px;
	line-height: 24px;
}

#header.heading .page-title h2{
	margin-bottom: 15px;
	font-size: 36px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-weight: 800;
}

#header.heading .page-title h2 span{
	font-weight: 400;
}

#header.heading .breadcrumb{
	position: relative;
	z-index: 2;
	display: table;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}

#header.heading .breadcrumb > .active{
	color: #dedede;
}

#header.heading .quick-search{
	margin-top: 20px;
	margin-bottom: 20px;
}


/* 
	==================
	[4. SERVICE]
	==================
*/
#service{
	width: 100%;
	padding: 40px 0;

}

#service h2{
	display: block;
	margin-bottom: 60px;
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

#service h2 small{
	display: block;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}

.service-container{
	display: block;
	margin-bottom: 20px;
}

.service-container:hover > .service-icon a{
	-webkit-box-shadow: 0 0 0 5px #ffce54;
	   -moz-box-shadow: 0 0 0 5px #ffce54;
		-ms-box-shadow: 0 0 0 5px #ffce54;
		 -o-box-shadow: 0 0 0 5px #ffce54;
			box-shadow: 0 0 0 5px #ffce54;
}

.service-icon{
	display: block;
	margin-bottom: 20px;
}

.service-icon a{
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background: #ffce54;
	border: 8px solid #fff;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		-ms-border-radius: 100%;
		 -o-border-radius: 100%;
			border-radius: 100%;
}

.service-icon a > i{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 45px;
	height: 45px;
	margin-left: -22px;
	margin-top: -22px;
	font-size: 45px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.service-content{
	text-align: center;
}

.service-content h3{
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	text-transform: uppercase;
}
/*about sub pages css*/
.designOptions-banner {
    margin-top: -20px !important
}

.designOptions-banner img {
   object-fit: cover;
   max-height: 670px;
}
.designOptions-head1 {
    color: #091037;
    font-family: Avenir;
    font-size: 42px;
    font-weight: bold;
    line-height: 52px;
    margin-top: 60px;
}
.designOptions-subhead {
    color: #091037;
    font-family: Avenir;
    font-size: 32px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 22px;
    margin-bottom: 40px;
}

.designOptions-head2 {
    color: #091037;
    font-family: Avenir;
    font-size: 32px;
    font-weight: 500;
    line-height:42px;
    margin-bottom:35px;
}

.designOptions-content h3 {
    color: #091037;
    font-family: Avenir;
    font-size: 24px;
    font-weight: 900;
    margin-top:25px;
  
}
.designOptions-content p {
    color: #2F3348;
    font-family: Avenir;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    padding:7px 0px;
}
.designOptions-content p strong{
    color: #2F3348;
    font-family: Avenir;
    font-weight: 900;
}
.designOptions-btn {
    padding: 20px 85px;
    margin-top: 70px;
    margin-bottom: 70px;
    font-weight:900;
    border: 0px;
    color: #FFFFFF;
    font-family: Avenir;
    font-size: 18px;
}
.collaborations-content {
    margin-left: 25px;
    padding-right: 80px;
}
.collaborations-icon {
    color: #fb685d;
    margin-left: -24px;
    float: left;
    font-size: 21px;
    margin-top: 2px;
}
.collaborations-head1 {
    color: #091037;
    font-family: Avenir;
    font-size: 52px;
    font-weight:bold;
    line-height: 59px;
    margin-top:70px;
}
.collaborations-btn {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px 70px;
    font-weight: 900;
    border: 0px;
    color: #FFFFFF;
    font-family: Avenir;
    font-size: 18px;
}
.collaborations-content-holder {
    padding:0px !important;
        padding-right: 80px;
}
.collaborations_img {
    background: #ffd15c;
    padding: 70px 0px !important;
}
.collaborations_img img {
margin:0px auto;
}
.whyXactli-subhead {
    color: #091037;
    font-family: Avenir;
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-top:40px;
    margin-bottom: 25px;
}
.whyXactli-img-holder {
    padding: 100px 0px !important;
    min-height: 900px;
}
.whyXactli-img-holder img {
        margin: 0px auto;
    }

.whyXactli-content-holder {
    background: #FFF;
    min-height: 900px;
    padding: 20px 35px !important;
}

.whatItDoes-content-holder {
    padding: 0px 40px 0px 0px !important;
}

.whatItDoes-img-holder {
    background: #ffd15c;
    padding: 100px 0px !important;
}
.whatItDoes-img-holder img {
    text-align:right;
}
.whyXactli-content p {
    height: 78px;
    width: 510px;
    color: #2F3348;
    font-family: Avenir;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}
.property-content-align {
    margin: 0px !important;
    padding: 9px 5px 0px 5px !important;
}
.property-content-align h3 {
margin:0px !important;
}
.property-features span b {
    font-weight:600;
}
.property-content-align h3 a {
    color: #656D78;
    font-family: Raleway;
    font-size:16px;
    font-weight:300;
    line-height: 22px;
    text-align: center;
    display: block;
}
.tutorials-title h2 a {
    color: #404668;
    font-family: Avenir;
    font-size: 18px;
    font-weight: 900;
    line-height: 48px;
}
/*about sub pages css*/
/* 
	==================
	[5. CONTENT]
	==================
*/
#content {
    position: relative;
    width: 100%;
    padding: 60px 0;
    background: #f4f4f4;
}

.heading-title{
	display: block;
	text-align: center;
	margin-bottom: 60px;
	margin-top: 60px;
}

.heading-title h2{
	position: relative;
	display: inline;
	padding: 12px 20px;
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: 600;
	border: 2px solid #898ba2;  

}
.choosePackage .heading-title  h2{
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    border: none;
    color: #222;
}

.heading-title.heading-title-sm h2{
	padding: 10px 14px;
	font-size: 18px;
	line-height: 24px;
}

.heading-title.bg-white h2::before{
	background: #fff;
}

.heading-title h2::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -16px;
	margin-left: -15px;
	background: #f4f4f4;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		-ms-border-radius: 100%;
		 -o-border-radius: 100%;
			border-radius: 100%;
}

.heading-title h2::after{
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	margin-left: -6px;
	background: #898ba2;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		-ms-border-radius: 100%;
		 -o-border-radius: 100%;
			border-radius: 100%;
}



.heading-title.heading-title-alt{
	text-align: left;
	margin: 0 0 30px;
}

.heading-title.heading-title-alt h3{
	font-size: 26px;
	line-height: 30px;
}

.heading-title-a{
    color: #6b6e80;
} 

.property-container{
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid #eee;
}

.property-image{
	position: relative;
	overflow: hidden;
}

.property-image img{
	max-width: 100%;
	width: 100%;
	height: auto;
}

.property-status{
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: auto;
	max-width: 70%;
	padding: 5px 10px;
	background: #1b1d2a;
	font-weight: 400;
	color: #fff;
}

.property-price{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: auto;
	max-width: 80%;
	padding: 8px 16px;
	background: #ffce54;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}

.property-price h4{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 5px;
	font-weight: 400;
}

.property-price small{
	font-size: 13px;
	font-weight: 400;
}

.property-features{
	display: block;
	padding: 5px 10px;
	background: #ffce54;
	color: #fff;
}

.property-features span{
	padding: 2px 5px;
	font-size: 20px;
}



.property-content{
	padding: 10px 15px;
}

.property-content h3,
.property-text h3{
	display: block;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}

.property-content h3 small,
.property-text h3 small{
	display: block;
	margin-top: 10px;
	font-size: 13px;
	font-style: italic;
}

.property-content-list{
	display: table;
}

.property-image-list{
	position: relative;
	width: 50%;
	display: table-cell;
    height: 200px;
}

.property-image-list img{
	max-width: 100%;
	width: 100%;
	height: auto;
}

.property-image-list .property-status{
	position: absolute;
	right: 0;
	bottom: 35px;
}

.property-image-list .property-footer a{
	background: #d9dae9;
	color: #898ba2;
}

.property-image-list .property-footer a:hover{
	background: #898ba2;
	color: #d9dae9;
}

.property-text{
	position: relative;
	width: 50%;
	display: table-cell;
	padding:5px;
	vertical-align: top;
}
.property-text p{
	margin:7px 0px !important;
    line-height:22px !important;
}

.property-footer{
	position: relative;
	display: table;
	width: 100%;
	padding: 0;
}

.property-footer a{
	display: table-cell;
	width: 50%;
	padding: 8px 12px;
	text-align: center;
	background: #f6bb42;
	font-size: 18px;
	color: rgba(0,0,0,.25);
	overflow: hidden;
}

.property-footer a:hover,
.property-footer a:focus{
	color: #eee;
	background: #c9573f;
	overflow: hidden;
	outline: none;
}


/* 
	==================
	[5.1 ARTICLE]
	==================
*/
.sort{
	padding-bottom: 40px;
}

.sort .form-inline{
	float: right;
}

/* pagination */
.pagination > li > a, 
.pagination > li > span {
	color: #ffce54;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #ffce54;
	border-color: #ffce54;
}

.blog-container{
	position: relative;
	width: auto;
	padding: 0;
	margin: 0 0 40px;
}

.blog-image{
	position: relative;
	width: 100%;
	height: 320px;
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		-ms-background-size: cover !important;
		 -o-background-size: cover !important;
			background-size: cover !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.blog-image .blog-author{
	position: absolute;
	left: 20px;
	top: 20px;
	color: #fff;
	text-shadow: 1px 1px #999;
}

.blog-image .blog-author img{
	width: 60px;
	height: 60px;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		-ms-border-radius: 100%;
		 -o-border-radius: 100%;
			border-radius: 100%;
	margin-right: 10px;
}

.blog-image .blog-author a{
	color: #fff;
	text-shadow: 1px 1px #999;
}

.blog-image .blog-author a:hover{
	border-bottom: 1px dashed #fff;
}

.blog-content{
	position: relative;
	padding: 30px 0;
}

.blog-title{
	display: block;
	padding-left: 15%;
	padding-right: 15%;
	margin-bottom: 40px;
}

.blog-title h2{
	font-size: 46px;
	line-height: 52px;
	font-weight: 800;
}

.blog-text{
	display: block;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15%;
	padding-right: 15%;
	font-size: 18px;
	line-height: 32px;
}

.blog-meta{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15%;
	padding-right: 15%;
	font-size: 13px;
}

.blog-paged::before,
.blog-paged::after,
.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after{
	content: "";
	display: table;
	clear: both;
}

.blog-paged{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15%;
	padding-right: 15%; 
}

.blog-paged > .pager li > a:hover,
.blog-paged > .pager li > a:focus{
	background-color: #ffce54;
	color: #fff;
	border-color: #f6bb42;
}

.blog-paged > .pager .disabled > a,
.blog-paged > .pager .disabled > a:hover,
.blog-paged > .pager .disabled > a:focus,
.blog-paged > .pager .disabled > span {
	color: #999;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.blog-comment{
	padding-left: 15%;
	padding-right: 15%;
}

.blog-comment ul{
	list-style-type: none;
	padding: 0;
}

.blog-comment img{
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	  	 -o-border-radius: 4px;
			border-radius: 4px;
}

.blog-comment img.avatar {
	position: relative;
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 65px;
	height: 65px;
}

.blog-comment .post-comments{
	border: 1px solid #eee;
    margin-bottom: 20px;
    margin-left: 85px;
	margin-right: 0px;
    padding: 10px 20px;
    position: relative;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       	 -o-border-radius: 4px;
    		border-radius: 4px;
	background: #fff;
	color: #6b6e80;
	position: relative;
}

.blog-comment .meta {
	font-size: 13px;
	color: #aaaaaa;
	padding-bottom: 8px;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #eee;
}

.blog-comment ul.comments ul{
	list-style-type: none;
	padding: 0;
	margin-left: 85px;
}

.blog-comment-form{
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 40px;
}

.blog-comment h3,
.blog-comment-form h3{
	margin-bottom: 40px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 800;
}

.contact{
	font-size: 14px;
	line-height: 26px;
}

#map,
#map-property{
	background-color: #1b1d2a;
	width: 100%;
	height: 350px;
}

#map-property{
	margin-bottom: 40px;
}

#map img,
#map-property img{
	max-width: none;
}


/* 
	==================
	[5.2 TEAM]
	==================
*/
.the-team::before,
.the-team::after{
	content: "";
	display: table;
	clear: both;
}

.the-team{
	padding-left: 15%;
	padding-right: 15%;
}

.team-image img{
	width: 100%;
	max-width: 100%;
	height: auto;
	overflow: hidden;
}

.team-container{
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid #eee;
}

.team-container.team-dark{
	background: #ffce54;
	border-color: none;
	color: #fff;
}

.team-description{
	padding: 15px;
}

.team-description h3{
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 800;
}

.team-description h3 small{
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}

.team-container.team-dark h3 small{
	color: rgba(0,0,0,.3);
}

.team-social{
	padding: 20px 0 5px;
	font-size: 20px;
	text-align: center;
}

.team-social span:first-child{
	padding-left: 0;
}

.team-social span:last-child{
	padding-right: 0;
}

.team-social span{
	padding: 5px 10px;
	display: inline-block;
}

.team-social a{
	color: #6b6e80;
}

.team-social a:hover,
.team-social a:focus{
	color: #f6bb42;
}

.team-container.team-dark .team-social a{
	color: rgba(0,0,0,.3);
}

.team-container.team-dark .team-social a:hover,
.team-container.team-dark .team-social a:focus{
	color: #eee;
}


/* 
	==================
	[5.3 SIDEBAR]
	==================
*/
.sidebar{
	margin-bottom: 20px;
}

.sidebar .widget:before,
.sidebar .widget:after,
.sidebar .widget-sidebar:before,
.sidebar .widget-sidebar:after{
	content: "";
	display: table;
	clear: both;
}

.sidebar .widget-white{
	position: relative;
	padding: 15px;
	background: #fff;
	margin-bottom: 30px !important;
	border-bottom: 2px solid #ddd;
}

.sidebar .widget-white::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-width: 25px;
	border-top: 25px solid #ffce54;
	border-right: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 0 solid transparent;
}

.sidebar .widget,
.sidebar .widget-sidebar{
	margin-bottom: 20px;
}

.sidebar .widget .widget-header{
	margin-bottom: 20px;
}

.sidebar .widget .widget-header h3{
	font-family: 'Raleway', sans-serif;
	color: #7f8c8d;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	background-image: url(../img/widget_header.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	margin-top: 20px;
	padding-bottom: 30px;
}

/* default widget */
.sidebar .widget ul{
	list-style-type: none;
}

.sidebar .widget ul > li{
	display: block;
	padding: 3px 0;
	margin-left: -40px;
}

.sidebar .widget ul > li:first-child > a{
	padding-top: 0;
}

.sidebar .widget ul > li > a:before{
	font-family: 'FontAwesome';
	content: "\f105";
	padding-right: 10px;
}

.sidebar .widget ul > li > a{
	display: inline;
	font-size: 14px;
}

/* special widget */
.advance-search::before,
.advance-search::after{
	content: '';
	display: table;
	clear: both;
}

.advance-search .btn-group{
	display: table;
	text-align: center;
	margin: 10px auto;
}

.sidebar .widget-sidebar .list-check > li > a:before{
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #898ba2;
    padding-right: 8px;
    position: relative;
    left: 0;
    top:-1px;
}

.sidebar .widget-sidebar .list-check > li > a:hover:before{
    color: #ffce54;
}

.sidebar .widget-sidebar .nav-tabs {
	border-bottom: 3px solid #ddd;
}

.sidebar .widget-sidebar .nav-tabs > li > a {
	font-size: 18px;
	border: none;
	position: relative;
}

.sidebar .widget-sidebar .nav-tabs > li > a:hover {
	color: #2C3E50;
	border-color: transparent;
	background: transparent;
}

.sidebar .widget-sidebar .nav-tabs > li > a:hover:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 3px;
	background: #ccc;
}

.sidebar .widget-sidebar .nav-tabs > li.active > a,
.sidebar .widget-sidebar .nav-tabs > li.active > a:hover,
.sidebar .widget-sidebar .nav-tabs > li.active > a:focus {
	color: #2C3E50;
	cursor: default;
	background-color: transparent;
	border: none;
	border-bottom-color: transparent;
}

.sidebar .widget-sidebar .nav-tabs > li.active > a:before,
.sidebar .widget-sidebar .nav-tabs > li.active > a:hover:before,
.sidebar .widget-sidebar .nav-tabs > li.active > a:focus:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 3px;
	background: #f6bb42;
}

.sidebar .widget-sidebar .tab-content{
	padding-top: 20px;
}
.inner_page {
    padding:40px 100px;
}


/* 
	==================
	[6. TESTIMONY]
	==================
*/
#testimony{
	position: relative;
	width: 100%;
	min-height: 450px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 60px;
	background-attachment: fixed;
	background-position: center 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		-ms-background-size: cover !important;
		 -o-background-size: cover !important;
			background-size: cover !important;
}

#testimony::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.65);
}

#testislider{
	position: relative;
	z-index: 2;
}

#testislider .carousel-inner .item{
    z-index: 1;
    left: 0 !important;
    -webkit-transition: opacity .7s ease-in-out;
       -moz-transition: opacity .7s ease-in-out;
        -ms-transition: opacity .7s ease-in-out;
         -o-transition: opacity .7s ease-in-out;
            transition: opacity .7s ease-in-out;
    opacity: 1;
}

#testislider.carousel .active.left, 
#testislider.carousel .active.right {
	z-index: 2;
	opacity: 0;
    -webkit-transition: opacity .7s ease-in-out;
       -moz-transition: opacity .7s ease-in-out;
        -ms-transition: opacity .7s ease-in-out;
         -o-transition: opacity .7s ease-in-out;
            transition: opacity .7s ease-in-out;
}

#testislider .carousel-control.left,
#testislider .carousel-control.right {
	background-image: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: transparent;
	height: 60px;
	width: 50px;
	margin-top: 15%;
	margin-left: 0;
	margin-right: 0;
}

#testislider .carousel-control.left {
	left: -70px;
	right: auto;
}

#testislider .carousel-control.right {
	right: -70px;
	left: auto;
}

#testislider .carousel-control i,
#testislider .carousel-control span {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	z-index: 5;
	display: inline-block;
	width :50px;
	height: 50px;
	margin-left: 0;
}

.testimony-container{
	padding: 0;
	margin: 0;
	height: auto;
}

.testimony-image{
	float: left;
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		-ms-background-size: cover !important;
		 -o-background-size: cover !important;
			background-size: cover !important;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		-ms-border-radius: 100%;
		 -o-border-radius: 100%;
			border-radius: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
}

.testimony-content{
	margin-left: 150px;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}

.testimony-content h3{
	font-size: 28px;
	line-height: 32px;
	color: #fff;
}

.testimony-content blockquote{
	position: relative;
	border-left: none;
	padding-left: 0;
	text-indent: 2em;
}

.testimony-content blockquote::before{
	content: '\f10d';
	font-family: 'FontAwesome';
	position: absolute;
	left: -2em;
	top: 0;
	display: block;
	width: 20px;
	height: 20px;
}


/* 
	==================
	[7. NEWS]
	==================
*/
#news{
	width: 100%;
	padding: 60px 0;
	background: #fff;
}

.post-container {
	position: relative;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.post-noborder{
	border-bottom: none;
}

.post-img {
	position: relative;
	float: left;
	display: inline;
	width: 75px;
	height: 75px;
	margin-right: 18px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		-ms-background-size: cover !important;
		 -o-background-size: cover !important;
			background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.post-img-circle{
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		-ms-border-radius: 100%;
		 -o-border-radius: 100%;
			border-radius: 100%;
}

.post-img h3{
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	background: #ffce54;
	padding: 5px 10px;
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	text-align: center;
}

.post-content {
	padding: 0;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 21px;
}

.post-content.list-agent > .post-meta{
	font-size: 14px;
	font-weight: 400;
}

.post-content > .post-meta {
	display: block;
	padding-top: 0 !important;
	padding-bottom: 5px;
	font-size: 12px;
}

.post-content > .heading-title h2{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	text-transform: none;
	border: none;
}

.post-content.list-agent > .heading-title h2{
	font-size: 16px;
	line-height: 20px;
}

.post-content > .heading-title h2 span{
	font-weight: 800;
	font-size: 16px;
}

.post-content > .heading-title{
	display: block;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

.post-content > .heading-title h2::before{
	content: '';
	position: relative;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 0;
	margin-top: 0;
	margin-left: -15px;
	background: #f4f4f4;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
		-ms-border-radius: 0;
		 -o-border-radius: 0;
			border-radius: 0;
}

.post-content > .heading-title h2::after{
	content: '';
	position: relative;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 0;
	margin-top: 0;
	margin-left: 0;
	background: transparent;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
		-ms-border-radius: 0;
		 -o-border-radius: 0;
			border-radius: 0;
}

#content .post-meta, 
.post-single .post-meta span {
	font-size: 13px;
	line-height: 16px;
	color: #888;
}

#content .post-meta, 
.post-single .post-meta {
	display: block;
	padding-top: 20px;
	padding-bottom: 15px;
}

.single-post{
	margin-bottom: 20px;
}

.single-post h2{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
}

.single-post h3{
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 20px;
}

.single-post .nav-tabs > li > a{
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 18px;
	font-weight: 600;
}

.single-post .tab-content{
	background-color: #fff;
	padding: 30px;
	border: 1px solid #ddd;
	border-top: none;
}

.sidebar .widget-white.favorite::before{
	content: '';
	border: none;
}

.favorite a{
	position: relative;
	display: block;
	vertical-align: middle;
}

.favorite a::before{
	content: '';
	position: absolute;
	left: 34px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ffce54;
}

.favorite a > i{
	font-size: 20px;
	padding-right: 25px;
	display: inline-block;
	vertical-align: middle;
}

/* carousel single */
#slider-property{
	margin-bottom: 40px;
}

#slider-property .carousel-inner .item img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

#slider-property .carousel-indicators li{
	position: relative;
	width: 100px;
	height: 65px;
	margin: 0;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		-ms-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
	border-width: 2px;
	border-color: #fff;
	text-indent: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
}

#slider-property .carousel-indicators li::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.6);
	-webkit-transition: background .1s ease-in-out;
	   -moz-transition: background .1s ease-in-out;
		-ms-transition: background .1s ease-in-out;
		 -o-transition: background .1s ease-in-out;
			transition: background .1s ease-in-out;
}

#slider-property .carousel-indicators li img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

#slider-property .carousel-indicators .active::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.1);
	-webkit-transition: background .1s ease-in-out;
	   -moz-transition: background .1s ease-in-out;
		-ms-transition: background .1s ease-in-out;
		 -o-transition: background .1s ease-in-out;
			transition: background .1s ease-in-out;
}

#slider-property .carousel-indicators .active {
  border-color: #ffce54;
  border-width: 2px;
}


/* 
	==================
	[8. SUBSCRIBE]
	==================
*/
#subscribe{
	width: 100%;
	padding: 60px 0 55px;
	background-color: #f4f4f4;
	background-image: url(../img/bgfooter.png);
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
	 	-ms-background-size: cover !important;
		 -o-background-size: cover !important;
			background-size: cover !important;
	background-position: center bottom;
	background-repeat: no-repeat;
}

#subscribe h3{
	margin-top: 5px;
	font-size: 32px;
	line-height: 38px;
	text-transform: uppercase;
}


/* 
	==================
	[9. PARTNER]
	==================
*/
#partner{
	width: 100%;
	padding: 60px 0 55px;
	background: #fff;
}

/* Carousel */
.jcarousel-wrapper {
    position: relative;
    margin: 20px auto;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       	-ms-border-radius: 5px;
       	 -o-border-radius: 5px;
    		border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
    	-ms-box-shadow: 0 0 2px #999;
    	 -o-box-shadow: 0 0 2px #999;
    		box-shadow: 0 0 2px #999;
}

.jcarousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.jcarousel ul {
    position: relative;
    width: 20000em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	 -o-box-sizing: border-box;
    		box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/* Carousel Controls */
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    background: #1b1d2a;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font-size: 14px;
    line-height: 30px;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/* Carousel Pagination */
.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
    	-ms-transform: translate(-50%, 0);
    	 -o-transform: translate(-50%, 0);
    		transform: translate(-50%, 0);
}

.jcarousel-pagination a {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 7px;
    font-size: 11px;
    line-height: 10px;
    text-decoration: none;
    background: #fff;
    color: #4e443c;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
    	-ms-border-radius: 10px;
    	 -o-border-radius: 10px;
    		border-radius: 10px;
    text-indent: -9999px;
    -webkit-box-shadow: 0 0 2px #4e443c;
       -moz-box-shadow: 0 0 2px #4e443c;
		-ms-box-shadow: 0 0 2px #4e443c;
    	 -o-box-shadow: 0 0 2px #4e443c;
    		box-shadow: 0 0 2px #4e443c;
}

.jcarousel-pagination a.active {
    background: #ffce54;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 0 1px #ffce54;
       -moz-box-shadow: 0 0 0 1px #ffce54;
    	-ms-box-shadow: 0 0 0 1px #ffce54;
    	 -o-box-shadow: 0 0 0 1px #ffce54;
    		box-shadow: 0 0 0 1px #ffce54;
}


/* 
	==================
	[10. FOOTER]
	==================
*/
#footer{
	width: 100%;
	padding: 60px 0 0;
	background-color: #0f101a;
}

#footer .widget:before,
#footer .widget:after{
	content: "";
	display: table;
	clear: both;
}

#footer .widget{
	margin-bottom: 20px;
}

#footer .widget h2{
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
	line-height: 36px;
	font-weight: 800;
	color: #d9dae9;
	margin-bottom: 20px;
}

#footer .widget h3{
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: 800;
	color: #d9dae9;
	margin-bottom: 30px;
}

#footer .widget > ul,
#footer .widget ul{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#footer .widget > ul > li,
#footer .widget > ul > li > a,
#footer .widget ul > li,
#footer .widget ul > li > a{
	display: block;
	padding: 2px 0;
	font-size: 14px;
	color: #898ba2;
	font-weight: 400;
}

#footer .widget > ul > li > a::before,
#footer .widget ul > li > a::before{
	content: '\f10c';
	font-family: 'FontAwesome';
	font-size: 15px;
	font-weight: 400;
	padding-right: 15px;
}

#footer .widget > ul > li > a:hover,
#footer .widget > ul > li > a:focus,
#footer .widget ul > li > a:hover,
#footer .widget ul > li > a:focus{
	color: #f6bb42;
}

#footer .widget.widget_recent_comments > ul > li > a,
#footer .widget.widget_recent_comments ul > li > a{
	display: inline-block;
}

#footer .widget.widget_recent_comments > ul > li > a:before,
#footer .widget.widget_recent_comments ul > li > a:before {
	content: "";
	font-family: 'Raleway', sans-serif;
	padding-right: 0;
}

#footer .widget.widget_recent_comments > ul > li:before,
#footer .widget.widget_recent_comments ul > li:before{
	content: '\f05d';
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: 400;
	padding-right: 15px;
}
.footerMenu {
    margin: 0px auto;
    display: inline-block;
    padding: 0px;
}

    .footerMenu li {
        float: left;
        list-style: none;
        padding: 0px 10px;
    }
        .footerMenu li a {
            color: #ffce54;
        }

            .footerMenu li a:hover {
                color: #ffce54;
                text-decoration: underline;
            }

/* 
	==================
	[11. COPYRIGHT]
	==================
*/
.copyright{
	position: relative;
	margin-top: 60px;
	padding: 60px 0 40px;
	text-align: center;
	border-top: 1px solid #2c3e50;
}

.copyright .scroltop{
	position: absolute;
	left: 50%;
	top: -18px;
	margin-left: -18px;
}

.copyright .social-links > li > a{
	position: relative;
	width: 40px;
	height: 40px;
	margin-top: 25px;
	background: #6b6e80;
	display: block;
	border-radius: 100%;
}

.copyright .social-links > li > a > .fa{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	margin-top: -9px;
	color: #1b1d2a;
	font-size: 19px;
}

.copyright .social-links > li > .icon-twitter:hover{
	background: #4099ff;
}

.copyright .social-links > li > .icon-facebook:hover{
	background: #4467ad;
}

.copyright .social-links > li > .icon-youtube:hover,
.copyright .social-links > li > .icon-gplus:hover{
	background: #ff4b4b;
}

/********************* CHOOSE PACAKAGE STYLES *******************************/
.choosePackage .property-features{ font-size:18px;}
.choosePackage .property-container{ padding:20px; min-height:290px;}
.choosePackage .property-container h4{ font-size:20px; color:#6b6e80; font-weight:300; margin:1em 0 2em;}
.choosePackage .property-container .price b{ font-size:30px; color:#000;}
.choosePackage .property-container .price span{ font-weight:300; font-size:26px; color:#000;}
.choosePackage .property-container .btn{ background:#fff9eb; border:1px solid #ffaf01; display:block; font-size:20px; font-weight:600;
text-transform:uppercase; margin:2em 0 0;}
.choosePackage#content {
    padding: 0;
    padding-bottom: 50px;
}
.choosePackage .heading-title h2 {
    text-transform: none;
    font-size: 28px;
    font-weight: 700;
}
.choosePackage .heading-title h2::before,
.heading-title h2::after {
    content: unset;
}
.package .package-header {
    background: #FCCC68;
}
.package-header a {
    padding: 20px;
    max-height: 218px !important;
    display: block;
    color: #6b6e80;
}
.package-ho:nth-child(3) .package-header a {
    padding-top: 1px !important;
}
.packageInfo-list {
    min-height: 337px;
    margin-bottom: 40px
}
.packageInfo-contant {
    min-height: 336px;
    margin-bottom: 40px
}

.package .package-header h2 {
    font-size: 33px;
    text-align: center;
    margin-top: 5px;;
}
.package .package-header span {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: block;
}
.package .package-header .package-price {
    margin-top: 20px;
}
.package .package-header .package-des {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 14px;
}
.package .package-title {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    text-align: center; 
    letter-spacing: 2px;
}
.package-title a {
    display: block;
    padding: 15px 0;
    color:#FFF;
}
.package .package-info {
    padding: 30px 25px;
    background: #fff;
    height: 610px;
}
.package .package-info.package-pro-info {
    padding-top: 10px;
}
.package .package-info ul li {
    line-height: 2.8;
    list-style: none;
    margin-left: -30px;
    font-size: 15px;
}
.package .package-info ul li strong {
    font-weight: 600;
}
.package .package-pro-info .package-highlight {
    padding: 10px 20px;
    background: #FCCC68;
    font-size: 15px;
    font-weight: 600;
}
.package .choose-btn {
    background: #fccc69;
    text-align: center;
    padding: 10px 0;
}
    .package .choose-btn a {
        font-size: 14px;
        font-weight:bold;
        text-transform: uppercase;
        color: #656d78;
        box-shadow:none;
    }
.p-t-b-4 {
    padding: 4px 0px;
}
.trialBtn a {
    border: 2px solid #b1b6bc;
    padding: 16px 43px;
    color: #656d78;
    display: inline;
    border-radius: 2px;
    font-weight: bold;
    font-size: 15px;
}

    .trialBtn a:hover {
        background: #fccc69;
        border: 2px solid #fccc69;
        color: #535d6a;
        text-decoration: none;
    }

.orCircleBorder {
    border-top: 2px dashed #656d78;
    width: 100%;
    margin-top: 70px;
    position: relative;
    height: 50px;
}

.orCircle {
    border-radius: 100%;
    color: #FFF;
    width: 53px;
    height: 53px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background: #656d78;
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translate(-50%,0%);
    padding: 15px 0px;
}
.contact_p-l-0 {
    padding-left: 0px;
}

.contact_p-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.contact_m-l-0 {
    margin-left: 0px !important;
}
.projectAssist-Holder {
    border: 2px solid #cdcdcd;
    padding: 0px;
    margin-top: 50px;
    min-height: 531px;
    color: #52525b;
}

.projectAssist-Header {
    border-bottom: 3px solid #fccc69;
    text-align: center;
    padding: 35px 50px;
    color: #000;
}

    .projectAssist-Header h2 {
        font-weight: 600;
        margin: 0px;
        font-family: 'Raleway', sans-serif;
        line-height: 34px;
        font-size: 24px;
        color: #24242b;
    }

    .projectAssist-Header img {
        margin: 0px auto 6px auto;
    }

.projectAssist-info {
    padding: 20px 32px;
}

    .projectAssist-info p strong {
        list-style: none;
        font-size: 15px;
        padding: 5px 0px;
		font-family: 'Raleway', sans-serif;
    }

.projectAssist-selectBtn {
    background: #fccc69;
    text-align: center;
    padding: 12px 0;
}

    .projectAssist-selectBtn a {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: #656d78;
        font-weight: bold;
    }

.projectAssist-list {
    padding: 0px 0px 0px 5px;
    margin: 0px;
}

    .projectAssist-list li {
        padding: 2px 0px;
        list-style: none;
    }

.removeClick {
    pointer-events: none !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -o-user-select: none !important;
}
.signUpYellowBtn {
    background: #F8BA00;
    padding: 4px 20px !important;
    color: #FFF !important;
    text-align: center;
    font-weight: bold;
    margin: 15px 17px;
}

    .signUpYellowBtn span {
        font-size: 12px;
        font-weight: normal;
    }

    .signUpYellowBtn:hover {
        background: #F8BA00 !important;
    }

    /*board css*/
.board_btn_active {
    background: #eaeaea;
    color: #000;
    border: 0px;
    border-radius: 22px;
    font-weight: bold;
    padding: 9px 20px;
    margin: 55px 7px 35px 7px;
    font-size: 16px;
}

.board_btn {
    background: transparent;
    color: #767676;
    border: 0px;
    margin: 30px 7px 50px 7px;
    font-size: 16px;
    font-weight: bold;
}

.create_board_btn {
    background: transparent;
    border: 0px;
    width: 100%;
}
/*Not usuing now*/
/*.create_board_bg {
    background: #efefef;
    width: 100%;
    padding: 80px 0px;
    height: 207px;
    border-radius: 10px;
    border: 1px solid #cecece !important;
}*/

    .create_board_bg i {
        color: #fb903b;
        border: 0px;
        font-size: 47px;
    }

.create_board_labal {
    color: #797979;
    text-align: left;
    margin-top: 10px;
    font-size: 16px;
}

.board_collage_labal {
    width: 68%;
    float: left;
    height: 60px;
    padding-top: 5px;
}

.board_collage_labal h5 {
    color: #000;
    text-align: left;
    margin-top: 14px;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: bold !important;
    font-family: Arial, sans-serif;
}

    .board_collage_labal p {
        color: #000;
        font-size: 13px;
    }

.board_Collage_btn {
    width: 32%;
    float: right;
    text-align: right;
    padding-top: 3px;
    height:60px;
}

.collage_edit_btn, .board-edit-btn {
    font-size: 18px;
    margin-right: 5px;
    background: #fb903b;
    color: #FFF;
    text-shadow: 1px 1px 1px #333;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}

.collage_delete_btn, .board-delete-btn {
    font-size: 18px;
    background: #fb903b;
    color: #FFF;
    text-shadow: 1px 1px 1px #333;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}


.board-mb-10 {
    margin-bottom: 10px;
    min-height: 280px;
}
.board-mt-10 {
    margin-top: 10px;
}

.board_grid-item a {
    border: 0px !important;
    padding: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
    .board_grid-item a img {
        object-fit: cover !important;
        border-radius: 10px;
        max-height: 171px;
        object-position:top;
    }
.board-card img {
    max-height: 153px;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}
.board-h1 {
    font-weight: 600;
    font-size: 30px;
    line-height: 47px;
    margin-top:60px;
    font-family: Raleway;
    color: #6B6E80;
    margin-bottom: 25px;
}
.b-pt-60 {
    padding-top:60px;
}
.head_plus_btn {
    font-size: 18px;
    margin-right: 5px;
    background: #000;
    color: #FFF;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
    margin-top:7px;
}

.head_edit_btn {
    font-size: 18px;
    background: #000;
    color: #FFF;
    padding: 7px 5px 5px 7px;
    border-radius: 4px;
    cursor: pointer;
    margin-top:7px;
}
.board-single-img {
    width: 100%;
    /*height:420px;*/

    object-fit: cover !important;
    margin-bottom: 30px;
    border-radius: 10px;
}
.board-single-h3 {
    font-size: 34px !important;
    color: #000 !important;
    margin-bottom:12px !important;
    height: 30px !important;
    padding-top: 2px !important;
}
    .board-single-h3:hover {
        color: #000;
    }
.board-single-h4 {
    font-weight: 600 !important;
    font-size: 22px !important;
    color: #6B6E80 !important;
}
        .board-single-h4:hover {
            color: #6B6E80;
        }
.board-sub-h1 {
    font-weight: 600;
    font-size: 26px;
    line-height: 47px;
    margin-top: 50px;
    font-family: Raleway;
    color: #6B6E80;
    margin-bottom: 5px;
    border-top: 1px solid #ccc;
    padding-top: 25px;
}
.board-modal-footer {
    border-top: 0px;
    padding-top: 0px;
}

.modal-create-btn, .modal-create-btn:hover, .modal-create-btn:focus, .modal-cancel-btn, .modal-cancel-btn:hover, .modal-cancel-btn:focus, .modal-delete-btn, .modal-delete-btn:hover, .modal-delete-btn:focus {
    border-radius: 3px;
    padding: 6px 12px;
    font-size: 14px;
}
    .modal-create-btn, .modal-create-btn:hover, .modal-create-btn:focus {
        background: #fb903b !important;
        border: 1px solid #fb903b !important;
        text-shadow: 1px 1px 1px #333;
        color: #FFF;
    }

    .modal-cancel-btn, .modal-cancel-btn:hover, .modal-cancel-btn:focus {
        background: #eaeaea !important;
        border: 1px solid #eaeaea !important;
        color: #000;
    }

    .modal-delete-btn, .modal-delete-btn:hover, .modal-delete-btn:focus {
        background: #ec0000 !important;
        border: 1px solid #ec0000 !important;
        color: #FFF;
        text-shadow: 1px 1px 1px #333;
    }

.modal-ml-10 {
    margin-left: 10px;
}
.board-modal-header {
    border-bottom: 0px;
}
.board-modal-header h5 {
        font-weight: 600;
        font-size: 22px;
        color: #000;
}
.board-modal-header h5:after {
        height: 5px;
        background: #fb903b;
        width: 40px;
        display: block;
        content: '';
        margin-top: 4px;
    }
.board-modal-content label {
    margin-top: 4px;
    font-weight: 500;
    color: #000;
}
.model-btn-title {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    background: transparent;
    padding: 0px;
    font-size: 22px;
    color: #000;
}
#drop-area {
    width: 100% !important;
}
.model-edit-btn {
    font-size: 20px;
    background: rgba(0,0,0,0.6);
    color: #FFF;
    padding: 11px 9px 9px 11px;
    border-radius: 44px;
    cursor: pointer;
    margin: -8px -10px 0px 0px;
}
.model-edit-btn:hover {
    background: #fb903b;
    color: #000;
}
.model-allimage-title1 {
    height: 50px !important;
    font-size: 22px !important;
    padding-top: 2px !important;
    color: #000 !important;
    text-transform: capitalize !important;
    padding: 10px !important;
}
    .model-allimage-title1:focus, .model-allimage-title2:focus {
        color: #000 !important;
    }
.model-allimage-title2 {
    color: #000 !important;
    font-size: 17px !important;
    height: 80px !important;
    margin-top: 0px !important;
    line-height: 23px;
    padding: 10px !important;
}
.gallery__item--1 img {
    border-top-left-radius: 10px;
    border: 1px solid #cecece !important;
}
.gallery__item--2 img {
    border: 1px solid #cecece !important;
}
.gallery__item--3 img {
    border-top-right-radius: 10px;
    border: 1px solid #cecece !important;
}
.gallery__item--4 img {
    border-bottom-left-radius: 10px;
    border: 1px solid #cecece !important;
}
.gallery__item--5 img {
    border-bottom-right-radius: 10px;
    border: 1px solid #cecece !important;
}

/* For two images */
.gallery__item--1-21 img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #cecece !important;
}
.gallery__item--2-22 img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #cecece !important;
}
/* For 1 image */
.gallery__item--1-11 img {
    border-radius: 10px;   
    border: 1px solid #cecece !important;
}

/*For boards with 4 images*/
.gallery__item--1-41 img{
    border-top-left-radius: 10px;
    border: 1px solid #cecece !important;
}

.gallery__item--2-42 img{
    border-top-right-radius: 10px;
    border: 1px solid #cecece !important;
}

.gallery__item--3-43 img{
    border-bottom-left-radius: 10px;
    border: 1px solid #cecece !important;
}

.gallery__item--4-44 img{
    border-bottom-right-radius: 10px;
    border: 1px solid #cecece !important;
}

.board-back-link {
    margin-bottom: 25px;
    float: left;
    margin-top: -22px;
    color: #6B6E80;
    font-size: 16px;
}
    .board-back-link i {
        color: #fb903b;
    }
    .board-back-link:hover {
        text-decoration: none;
        color: #fb903b;
    }
        .board-back-link:hover i {
            color: #fb903b;
        }
.board-drag-text {
    position: absolute;
    top:100%;
    width: 100%;
    left: 0px;
    color:#000;
}
.uploadIcon {
    width: 100%;
    cursor:pointer;
}
.uploadIcon svg {
    color: #000;
}

.board_action_label {
    margin-left: -25px !important;
}

.board_action {
    float: right;
    margin-right: -257px;
    width: 100%;
}


/*board css*/
    @media (max-width:1199px) and (min-width:991px) {

        .create_board_bg {
            padding: 57px 0px;
            height: 149px;
        }
      
        /*.board-single-img {
                height: 400px;
            }*/
        .create_board_bg i {
            font-size: 40px;
        }

        .trialBtn a {
            padding: 16px 20px;
        }

        .packageInfo-list {
            min-height: 420px;
        }

        .packageInfo-contant {
            min-height: 420px;
        }

        .package-ho:nth-child(3) .orCircleBorder {
            height: 38px;
        }

        .package-ho:nth-child(3) .package-info {
            padding-bottom: 18px;
        }

        .projectAssist-info {
            min-height: 365px;
        }

        .package .package-info {
            height: 710px;
        }
    }

    @media (max-width:1199px) and (min-width:576px) {
        .board_Collage_btn {
            width: 100%;
        }

        .board_collage_labal {
            width: 100%;
        }

        .board_action_label {
            margin-left: -25px !important;
        }

        .board_action {
            float: right;
            margin-right: -190px;
            width: 100%;
        }
    }




    @media (max-width:991px) {
        .gallery2 {
            grid-auto-rows: minmax(256px, auto) !important;
        }

        .gallery1 {
            height: 256px !important;
        }
        /*.board-single-img {
            height: 300px;
        }*/

        .create_board_bg {
            padding: 105px 0px;
            height: 240px;
        }
        .gallery { grid-template-rows: repeat(4, 12.22vw) !important;}

            .create_board_bg i {
                font-size: 35px;
            }


        .board_collage_labal {
            width: 100%;
        }

        .board_action_label {
            margin-left: -25px !important;
        }

        .board_action {
            float: right;
            margin-right: -614px;
            margin-top: -72px;
            width: 100%;
        }

        .property-container {
            min-height: 260px;
        }

        .package .package-info {
            height: auto;
        }

        .navbar-default .navbar-nav > li > a {
            padding-right: 5px;
            padding-left: 5px;
            font-size: 11px;
        }

        .trialBtn a {
            padding: 16px 20px;
        }

        .projectAssist-Holder {
            min-height: 200px;
        }

        .inner_page {
            padding: 30px;
        }

        .contact_p-l-0 {
            padding-right: 0px;
        }

        .package-ho {
            margin-bottom: 40px;
        }

        .heading-title {
            margin-bottom: 30px;
            margin-top: 50px;
        }

        .packageInfo-contant, .packageInfo-list {
            min-height: 100px;
        }

        .col-md-6 {
            padding: 0px;
        }

        .pl-15 {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        #inputEmail {
            margin-left: 0px;
        }

        #inputName {
            margin-left: 0px;
        }

        .whyXactli-content-holder {
            min-height: inherit;
        }

        .whyXactli-img-holder {
            min-height: inherit;
            padding: 20px !important;
        }

        .collaborations-content-holder {
            padding: 30px 0px 0px 0px !important;
        }

        .collaborations_img {
            padding: 20px !important;
        }
    }


    @media(max-width:1199px) {
        .package .package-header {
            padding: 10px 20px;
            min-height: 222px;
        }

        .package .package-pro-info .package-highlight {
            padding: 10px;
        }
    }

    @media(max-width:768px) {
        .board_grid-item a img {
            max-height: none;
        }

        .board-card img {
            max-height: none;
        }

        .board_action_label {
            margin-left: -25px !important;
        }

        .board_action {
            float: right;
            margin-right: 0;
            margin-top: -72px;
            width: 100%;
            text-align: right;
        }

        .board-xs-ml-5 {
            margin: 0px 5px;
        }

        .modal-body {
            margin: 0px 15px;
        }

        /*.board-single-img {
            height: 250px;
        }*/

        .model-allimage-title1 {
            margin-top: 20px;
        }

        .projectAssist-Holder {
            margin-top: 30px;
        }

        .package .package-header .package-des {
            margin-bottom: 0;
        }

        .package .package-header {
            padding: 10px 20px;
            min-height: 226px;
        }

        .package .package-info ul li {
            line-height: 2;
        }

        .package .package-info.package-pro-info {
            padding-bottom: 10px;
        }

        .package .package-info {
            min-height: 329px;
            padding: 10px;
        }

        #footer {
            padding-top: 0;
        }

        #inputName {
            margin-left: 0px;
        }

        #inputEmail {
            margin-left: 0px
        }

        .col-md-6 {
            position: relative;
            min-height: 1px;
            padding-right: 0px;
            padding-left: 0px;
        }

        .pl-15 {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }

        .whyXactli-content-holder {
            padding: 0px 30px 20px 30px !important;
        }

        .whyXactli-img-holder {
            padding: 20px 20px !important;
        }

        .whatItDoes-content-holder {
            padding: 0px 20px 20px 20px !important;
        }

        .whatItDoes-img-holder {
            padding: 30px 0px !important;
        }

        .collaborations-content-holder {
            padding: 0px 20px !important;
        }

        .collaborations_img {
            padding: 20px 20px !important;
        }
    }

    @media(max-width:480px) {
        .board_action_label {
            margin-left: -25px !important;
        }

        .board_action {
            float: right;
            margin-right: -277px;
            margin-top: -72px;
            width: 100%;
        }

        .paymentPopUp-mb-10 {
            margin-bottom: 22px;
        }

        .trialBtn a {
            padding: 16px 10px;
        }

        .package {
            margin-bottom: 20px;
        }

            .package .package-info ul li {
                line-height: 2.4;
            }

            .package .package-info {
                padding: 20px;
            }

            .package .package-info {
                min-height: unset;
            }

        .property-image-list {
            height: unset;
        }

        .concierge-title h2 {
            display: block;
            margin-left: 30px;
            margin-right: 30px;
        }

        .send_btn {
            width: 100% !important;
        }

        .navbar-nav .open .dropdown-menu {
            padding: 0 20px 0 20px !important;
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .navbar.navbar-default .navbar-nav li.dropdown.open > a, .navbar.navbar-default .navbar-nav li.dropdown.open > a:hover {
            background: #ffce54 !important;
        }

        .dropdown-menucustom {
            background-color: #fff !important;
            border: 0px solid #ffce54 !important;
            min-width: 132px !important;
            padding: 0px;
            margin-top: 5px !important;
        }

            .dropdown-menucustom a {
                padding: 5px;
                border-bottom: 1px solid #ffce54;
            }

        .form-group {
            position: relative;
            min-height: 1px;
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        #inputEmail {
            margin-left: 0px !important;
        }

        #inputName {
            margin-left: 0px !important;
        }

        .inner_page {
            padding: 9px;
        }
    }

    @media(max-width:333px) {

        .board_action_label {
            margin-left: -25px !important;
        }

        .board_action {
            float: right;
            margin-right: -188px;
            margin-top: -72px;
            width: 100%;
        }

        .inner_page {
            padding: 5px;
        }

        .collaborations-head1 {
            font-size: 38px;
            line-height: 46px;
        }

        .collaborations-content {
            margin-left: 0px;
            padding-right: 0px;
        }

        .designOptions-content {
            padding-left: 28px;
        }

        .designOptions-subhead {
            line-height: 36px;
            margin-top: 10px;
            margin-bottom: 0px;
        }

        .collaborations-head1 {
            margin-top: 20px;
        }
    }

    /*/* Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
        .board_action_label {
            margin-left: -25px !important;
        }



        .board_action {
            float: right;
            /*margin-right: -279px !important;*/
            margin-top: -72px;
            width: 100%;
        }
    }


    @media screen and (max-width:480px) {
        .board_action_label {
            margin-left: -25px !important;
            border: 1px solid red !important;
        }



        .board_action {
            float: right;
            margin-right: -279px !important;
            margin-top: -72px;
            width: 100%;
        }
    }
    /*@media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
    .board_action_label {
        margin-left: -25px !important;
    }



    .board_action {
        float: right;
        /*margin-right: -242px !important;*/
    margin-top: -72px;
    width: 100%;
}
}*/
/*@media only screen and (min-device-width: 360px) and (max-device-width: 640px) {
    .board_action_label {
        margin-left: -25px !important;
    }



    .board_action {
        float: right;
        margin-right: -224px !important;
        margin-top: -72px;
        width: 100%;
    }
}*/