@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

body {
	font-family: 'Poppins', sans-serif;
}
.site-branding, 
#content, 
.site-info {
	width: 1386px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
}
header.entry-header h1.entry-title, 
aside#secondary, 
footer.entry-footer {
	display: none;
}
header#masthead {
    border-top: 40px solid #001488;
    padding: 20px 0 10px;
}
#topbar {
    position: absolute;
    top: -49px;
    font-size: 12px;
    color: #fff;
    right: 20px;
}
#topbar section {
    margin: 0;
}
#topbar a {
    color: inherit;
    text-decoration: none;
}
#ht-phone {
    margin-right: 30px;
}
#ht-email {
    margin-right: 20px;
}
#ht-phone i, 
#ht-email i {
    margin-right: 5px;
    margin-left: 0 !important;
}
#topbar i {
    margin-left: 13px;
}
li#menu-item-18 a {
    background: #00AB36;
    color: #fff;
    padding: 9px 40px 9px;
    border-radius: 50px;
}
li#menu-item-18 {
    margin: 0;
}
footer#colophon {
    background: #252525;
    clear: both;
    display: flex;
    color: #fff;
    font-size: 14px;
    padding: 30px 0 30px;
}
#f1, 
#f2, 
#f3 {
    width: 22%;
    float: left;
}
#f4 {
	width: 34%;
	float: right;
	text-align: right;
}
.fwidgets h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.fwidgets a {
    color: #fff;
    text-decoration: none;
}
footer#colophon p {
    line-height: 1.6;
}
#f3 p {
    margin: 0;
}
#f3 p:last-child {
    line-height: 1.2;
    margin-top: 3px;
}
#f4 i {
    margin-top: 115px;
    font-size: 25px;
    margin-left: 20px;
}


h1 {
	font-size: 36px;
	font-weight: 400;
	color: #00AB36;
}
h2 {
	font-size: 30px;
	font-weight: 400;
	color: #00AB36;
}
h3 {
	font-size: 24px;
	font-weight: 400;
}
.rightmove-row h3 {
	color: #fff;
	margin: 0;
}
.rightmove-row p {
    margin: 15px 0 10px;
}
p#rm-p {
    margin: 0;
    color: #fff;
    font-size: 14px;
}
.cp-row h1{
	margin: 0;
	padding-left: 40px;
}
#cp-links {
    position: absolute;
    right: 60px;
    top: 60px;
}
a.cp-filter.active {
    border-bottom: 3px solid #454545;
    opacity: 1 !important;
}
#cp-links a {
    text-decoration: none;
    font-weight: 700;
    margin-left: 40px;
    color: #454545;
    opacity: 0.6;
}
.fp-row {
    box-shadow: 0px 6px 15px #dedede;
    border-radius: 10px;
    display: grid;
    padding: 35px 120px 45px;
    margin-top: 20px;
    margin-bottom: 40px !important;
}
.fp-row h2 {
    margin-top: 0;
    margin-bottom: 35px;
}
.fp-row select {
    width: 25%;
    margin-right: 4%;
    padding: 10px 20px;
    border-radius: 40px;
    border-color: #7d7d7d;
    float: left;
}
.fp-row button {
    padding: 13px 10px;
    border-radius: 40px;
    background: #3a4ec3;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: left;
    width: 13%;
}
.hvr-bounce-to-bottom:before {
	background: #00ab36 !important;
	border-radius: 40px;
}
.cp-row {
    padding-bottom: 0;
}
.cp-block {
    width: 94%;
    margin: 60px auto !important;
}
.cp-block:after {
    content: "";
    clear: both;
    display: block;
}
.cp-block a {
    width: 33%;
    display: inline-block;
    padding: 0 15px;
    text-decoration: none;
    color: inherit;
    vertical-align: top;
    margin-bottom: 25px;
}
.property-block {
    background: #fff;
    margin-bottom: 40px;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
}
.property-block:hover {
    box-shadow: 6px 8px 10px rgb(58 78 195 / 18%);
    transform: scale(1.05);
}
.property-block h3 {
    color: #00ab36;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 20px 20px 0;
}
p.lp {
    color: #00ab36;
    padding: 0 20px;
    margin: 0 0 15px 0;
}
.cp-image {
    background-size: cover !important;
    width: 100%;
    height: 180px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.cp-image p {
    background: #3a4ec3;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 7px 10px 5px 20px;
    width: 130px;
}
.cp-image p:before {
    content: "";
    position: absolute;
    left: -14px;
    bottom: -6px;
    background: url(https://www.chariotestates.co.uk/wp-content/uploads/2021/09/price-ribbon.png);
    height: 42px;
    width: 15px;
    background-repeat: no-repeat;
}
.cp-details {
    padding: 15px 20px 25px;
    font-weight: 600;
}
.vp-links {
    text-align: center;
    margin-top: 55px;
}
.vp-links a {
    width: 200px;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin: 0 auto;
}
.pv-row {
    padding: 35px 120px 10px;
    box-shadow: 0px 6px 15px #dedede;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 5px;
}
.pv-row h2 {
    margin-top: 0;
    margin-bottom: 35px;
}
.pv-form {
    display: inline-block;
}
.pv-third {
    width: 29%;
    float: left;
    margin: 0 2% 30px;
}
.pv-third input {
    width: 100%;
    border-radius: 40px;
    padding: 10px 20px;
    border-color: #7d7d7d;
}
.pv-third input[type="submit"] {
    padding: 15px 10px;
    border-radius: 40px;
    background: #3a4ec3;
    border: 0;
    color: #fff;
    cursor: pointer;
    width: 150px;
    float: right;
}
.hl-row:before {
    content: "";
    position: absolute;
    display: block !important;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.hl-row {
    padding: 10px 0;
}
.hl-row h1, 
.hl-row h3 {
    margin: 0;
    color: #fff;
}
.hl-row h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px;
}
.hl-row p {
    margin-top: 50px;
}
.g-btn {
    padding: 10px 10px;
    border-radius: 40px;
    background: #00aa36;
    border: 0;
    color: #fff;
    cursor: pointer;
    width: 170px;
    text-decoration: none;
}
a.g-btn.hvr-bounce-to-bottom:before {
    background: #394ec3 !important;
}
body.home rs-fullwidth-wrap {
    padding-bottom: 0;
}
rs-fullwidth-wrap {
    padding-bottom: 20px;
}
ul.sub-menu {
    display: block;
    background: #fff;
    margin-left: -18px;
}
ul.sub-menu li {
    margin-top: 15px;
    margin-bottom: 15px;
}
ul.sub-menu li a {
    width: 140px;
}
body.page-id-27 h3 {
    margin-top: 0;
}
.vc_tta-color-green.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #00aa36 !important;
}
.vc_tta-color-green.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #00aa36 !important;
}
.vc_tta-color-green.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus, 
.vc_tta-color-green.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: #029b30 !important;
}
.vc_tta-panel-body {
    padding: 25px 20px !important;
}
.vc_tta-panel-body p:first-child {
    margin-top: 0;
}
.cf-form {
    margin-bottom: 20px;
}
.cf-form input {
    width: 100%;
    border-radius: 40px;
    padding: 10px 20px;
    margin-bottom: 15px;
}
.cf-form textarea {
    width: 100%;
    border-radius: 20px;
    padding: 10px 20px;
    height: 140px;
    margin-bottom: 10px;
}
.cf-form input[type="submit"] {
    padding: 10px 10px;
    border-radius: 40px;
    background: #00aa36;
    border: 0;
    color: #fff;
    cursor: pointer;
    width: 170px;
}
body.single-for_sale .post-thumbnail, 
body.single-to_let .post-thumbnail {
    display: none;
}
nav.navigation.post-navigation {
    display: none;
}
.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline:none;
}
#cp-links a {
    outline: none;
}
.cp-addons {
    padding-bottom: 30px;
}
.cp-addons ul {
    padding: 0 20px 0;
    min-height: 74px;
}
.cp-addons li {
    list-style: none;
    display: inline-block;
    width: 49%;
    padding-bottom: 15px;
    padding-left: 30px;
    position: relative;
    font-size: 13px;
    text-align: left;
}
li.cpa1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    background: url(https://www.chariotestates.co.uk/wp-content/uploads/2021/09/icon1.svg);
    width: 21px;
    height: 16px;
    background-repeat: no-repeat;
}
li.cpa2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    background: url(https://www.chariotestates.co.uk/wp-content/uploads/2021/09/icon2.svg);
    width: 21px;
    height: 16px;
    background-repeat: no-repeat;
}
li.cpa3:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    background: url(https://www.chariotestates.co.uk/wp-content/uploads/2021/09/icon3.svg);
    width: 21px;
    height: 16px;
    background-repeat: no-repeat;
}
li.cpa4:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 1px;
    background: url(https://www.chariotestates.co.uk/wp-content/uploads/2021/09/icon4.svg);
    width: 21px;
    height: 16px;
    background-repeat: no-repeat;
}
.fsr-row .cp-block {
    margin: 10px auto 20px !important;
}
.frr-row .cp-block {
    margin: 10px auto 60px !important;
}
.rightmove-row {
    padding: 10px 0;
}
.w-btn {
    background: #fff;
    color: #394ec3;
    text-decoration: blink;
    padding: 10px 40px;
    border-radius: 40px;
    position: absolute;
    right: 150px;
    bottom: 24px;
}

@media screen and (max-width: 1386px){
	.site-branding, 
	#content, 
	.site-info {
		width: 100%;
	}
}
@media screen and (max-width: 1200px) {
	.main-navigation li {
		margin: 9px 15px;
	}
	li#menu-item-18 a {
		padding: 9px 30px;
	}
    .w-btn {
        right: 70px;
    }
}
@media screen and (max-width: 1000px) {
	.main-navigation {
		display: none;
	}
	.fp-row {
		padding: 35px 50px 45px;
	}
	.cp-block {
		width: 98%;
        text-align: center;
	}
    .cp-block a {
        width: 49%;
    }
	.cp-row h1 {
		padding-left: 10px;
	}
	#cp-links {
		right: 25px;
	}
	.pv-row {
		padding: 35px 50px 10px;
	}
	.hl-row h1 {
		font-size: 45px;
    	line-height: 1.2;
	}
	#f1, 
	#f2, 
	#f3 {
		width: 31%;
	}
	#f4 {
	    width: 100%;
	    float: none;
	    text-align: center;
	    clear: both;
	    padding-top: 50px;
	}
	#f4 i {
		margin: 0 auto;
		text-align: center;
		padding: 0 10px;
	}
    .w-btn {
        position: relative;
        top: 0;
        right: 0;
    }
    .rightmove-row.vc_custom_1632836514554 {
        background-position: left !important;
    }
    #rm-p {
        margin-bottom: 40px !important;
    }
}
@media screen and (max-width: 767px) {
	.fp-row select {
		width: 100%;
    	margin-right: 0;
    	margin-bottom: 20px;
	}
	.fp-row button {
		float: none;
	    width: 140px;
	    display: block;
	    margin: 0 auto;
	}
	.cp-block {
	    width: 95%;
        margin: 40px auto 70px !important;
	}
    #cp-links a {
        margin-left: 15px;
    }
	.property-block {
		width: 100%;
		margin-right: 0;
        float: none;
	}
    .property-block h3 {
        padding: 20px 20px 0;
    }
	.pv-row {
		width: 100%;
	}
	.pv-form {
		width: 100%;
	}
	.pv-third {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}
	.pv-third input[type="submit"] {
		width: 150px;
	    float: none;
	    display: block;
	    margin: 0 auto;
	}
    .fp-row {
        padding: 35px 30px 45px;
    }
    .pv-row {
        padding: 35px 30px 10px;
    }
    #cp-links {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 35px;
    }
}
@media screen and (max-width: 700px) {
    .cp-block a {
        width: 100%;
        display: block;
    }
    .cp-addons li {
        padding-left: 25px;
    }
    li.cpa1:before {
        top: 3px;
        width: 18px;
    }
}
@media screen and (max-width: 600px) {
    #topbar {
        font-size: 10px;
    }
    #ht-phone {
        margin-right: 10px;
    }
    #ht-email {
        margin-right: 0;
    }
    #ht-phone i, 
    #ht-email i {
        margin-right: 2px;
    }
	#f1, 
	#f2, 
	#f3 {
		width: 100%;
		text-align: center;
		float: none;
	}
	#f2 h2, 
	#f3 h2 {
		margin-top: 40px;
	}
}
@media screen and (max-width: 450px) {
    #topbar {
        top: -46px;
    }
    #topbar i.fab.fa-facebook-f, 
    #topbar i.fab.fa-twitter, 
    #topbar i.fab.fa-linkedin-in {
        display: none;
    }
    img.custom-logo {
        width: 160px;
    }
}