@charset "utf-8";
.flex-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-item {
width: 33.33%;
}
.flex-item.header-item4 img {
width: 25px;
}
.flex-item.header-item4 {
text-align: right;
}
.flex-item.header-item4 a {
font-size: 16px;
color: #000;
text-decoration: none;
font-weight: 600;
}
.flex-item.header-item3 {
text-align: center;
}
.flex-item.header-item1 {
text-align: left;
}
.flex-item.header-item1 span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-item.header-item1 span .msg-icon {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
display:block;
} .homebottom a:hover, .homebottom a:hover p {
color: #fff;
opacity: 0.6;
text-decoration: none;
}
.x-icon1 i {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 20px;
padding: 25px 22px;
position: absolute;
right: 0;
top: 0;
}
.header-center {
background: rgba(0, 0, 0, 0.9);
padding-left: 0px !important;
padding-right: 0px !important;
display: none;
position: fixed !important;
width: 100%;
height: 100%;
z-index: 9999;
left: 0px;
padding-top: 10%;
top: 0;
}
.header-center ul {
padding-left: 0px;
}
.header-center li {
text-align: center;
margin-bottom: 1px;
padding: 10px;
list-style-type: none;
}
li.menu-item-has-children.active ul.sub-menu {
max-height: 200px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-center li a {
color: #fff;
font-size: 17px;
font-weight: 500;
letter-spacing: 2px;
}
.header-center li a:hover {
text-decoration: none;
}
.header-center li a.active ul.sub-menu {
display: block;
}
.header-center ul li ul { padding-left: 10px;
z-index: 9999;
max-height: 0;
overflow: hidden;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.header-center ul li:hover ul { }
.header-center ul li ul li {
text-align: center;
}
.header-center ul li ul li a {
color: #fff;
padding: 8px 15px;
}
.header-center ul li ul li a:hover {
color: #fff;
}
.x-icon1 {
display: none;
} .signup-wrapper {
position: fixed;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100vw;
height: 100vh;
z-index: 100;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.signup-wrapper.active {
opacity: 1;
pointer-events: auto;
}
.signup-wrapper.active .signup-inner-wrapper {
-webkit-transform: translateY(0vh);
transform: translateY(0vh);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.signup-wrapper .signup-inner-wrapper {
-webkit-transform: translateY(-50vh);
transform: translateY(-50vh);
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 62px 50px;
background-color: #fff;
border: 5px solid #f99a02;
position: relative;
width: 50vw; }
.signup-wrapper .signup-inner-wrapper .signup-content {
max-width: 80%;
margin: auto;
}
.signup-wrapper .signup-inner-wrapper .signup-content p {
margin-bottom: 15px!important;
}
.signup-wrapper .signup-inner-wrapper .signup-content h3 {
font-family: "Square721 BT", "Montserrat";
text-align: center;
padding-bottom: 28px;
font-size: 29px;
letter-spacing: 2px;
}
.signup-wrapper .signup-inner-wrapper .signup-content input {
width: 100%;
padding: 10px;
}
.signup-wrapper .signup-inner-wrapper .signup-content input.wpcf7-form-control.wpcf7-submit {
width: 100%;
}
.signup-wrapper .signup-inner-wrapper .signup-content .closeme {
position: absolute;
top: 0px;
right: 0px;
color: #9e1c1e;
font-weight: bold;
font-size: 18px;
padding: 10px 20px;
cursor: pointer;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.signup-wrapper .signup-inner-wrapper .signup-content span.wpcf7-list-item {
text-align: left;
margin-left: 0;
padding-left: 0;
}
.signup-wrapper .signup-inner-wrapper .signup-content .closeme:hover {
background-color: #981b1f;
color: #fff;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.footer-third-a span {
background: #981b1f;
padding: 10px 20px;
color: #fff;
border-bottom: 5px solid #7b1619;
font-weight: 600;
border-radius: 3px;
width: 307px;
font-size: 13px;
display: block;
margin: auto;
margin-bottom: 10px;
cursor: pointer;
letter-spacing: 1px;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.footer-third-a span i.fa {
position: relative;
left: -5px;
}
.footer-third-a span:hover {
border-bottom: 5px solid #e08a00;
background: #f99a02;
} #page-form .disclaimer{
margin-bottom:50px;
}
#page-form .disclaimer,#page-form label{
color:#fff;
}
.consent span.wpcf7-list-item {
margin: 0;
}
.your-consent input {
width: auto!important;
}
.consent span.wpcf7-list-item {
margin: 0;
}
@media (max-width:992px){
.cform.cf-full-row.consent {
margin-bottom:30px;
}
} 
.flex-box {
padding-top: 17px;
padding-right: 0!important;
padding-left: 0!important;
}
.recap {
padding: 0!important;
}
#content.team-content img {
width: 100%;
height: auto;
}  ul.owl-carousel.post-owl {height: 71%;display: -ms-flexbox;-ms-flex-align: center;}
ul.owl-carousel.post-owl li {
display: -ms-flexbox;
-ms-flex-direction:  column;
-ms-flex-pack: center;
height: 100%;
padding-top: 6%;
}
.post-owl .owl-dots {
position: absolute;
width: 100%;
padding: 10px 0px 0px !important;
bottom: -18px !important;
text-align: center !important;
font-size: 12px !important;
line-height: 12px !important;
left: 0;
}
.post-owl .owl-dots .owl-dot {
display: inline-block !important;
}
.post-owl .owl-dots .owl-dot span {
height: 12px !important;
width: 12px !important;
background-color: transparent !important;
border: 1px solid #000 !important;
}
.post-owl .owl-dots .owl-dot span {
display: inline-block !important;
border-style: none !important;
background-color: rgba(0,0,0,0.2) !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
margin: 0px 3px !important;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
.post-owl .owl-dots .owl-dot .active span {
background-color: #000 !important;
}
.post-owl .owl-dots .owl-dot.active span  {
background-color: #000 !important;
}
.post-owl .owl-dots .owl-dot {  padding:10px 0px 0px !important;
bottom: -21px !important;
text-align:center !important;
font-size:12px !important;
line-height:12px !important;
}
.post-owl .owl-dots .owl-dot span {
height: 12px !important;
width: 12px !important;
background-color: transparent !important;
border: 1px solid #000 !important;
}
.post-owl .owl-dots .owl-dot span:hover {
background-color: rgba(0,0,0,0.5) !important;
}
ul.owl-carousel.post-owl {
position:  relative;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
} button#catapultCookie {
background: #981b1f!important;
padding: 10px 30px!important;
color: #fff!important;
border-bottom: 5px solid #7b1619!important;
font-weight: 500!important;
border-radius: 3px!important;
font-size: 13px!important;
text-transform: uppercase!important;
letter-spacing: 1px!important;
}
button#catapultCookie:hover {
background: #f99a02!important;
border-bottom: 5px solid #e08a00!important;
text-decoration: none!important;
color: #fff!important;
}
#catapult-cookie-bar {
background: rgb(248, 248, 248)!important;
color: #000!important;
}
body {
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 14px;
}
a:hover {
text-decoration: none
}
::-webkit-input-placeholder { color: #000;
opacity: 1;
}
::-moz-placeholder { color: #000;
opacity: 1;
}
:-ms-input-placeholder { color: #000;
opacity: 1;
}
:-moz-placeholder { color: #000;
opacity: 1;
}
input::-webkit-input-placeholder:after {
color: red;
content: " *";
}
.main-container {
width: 100%;
float: left;
background: #fff;
}
.container {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.page-template-team .container {
width: 100%!important;
}
.team-contianer {
height: 350px;
}
.teambg {
background-repeat: no-repeat!important;
background-color: #e8e8e8!important;
}
.page-id-113 .developbg .container {
padding-bottom: 50px;
} .header .row {
margin: 0px;
}
@font-face {
font-family: "Square721 BT";
src: url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/fonts/ufonts.com_square721-bt-roman.ttf) format('truetype'), url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/fonts/ufonts.com_square721-bt-roman.eot); }
.header-right a {
font-family: 'Montserrat', sans-serif;
}
@media only screen and (min-width: 991px) {
.header-center {
margin-top: 0px;
width: 100%!important;
}
.header-center ul {   }
.header-center ul li {  }
.header-center ul li a { padding: 10px 7px;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.header-center ul li.current-menu-item a {
color: #981b1f;
}
.header-center ul li.current-menu-item li a {
color: #fff;
}
.header-center ul li a:hover {
color: #981b1f;
}
.header-center ul li ul {      }
.header-center ul li:hover ul {
display: block;
}
.header-center ul li ul li {
width: 270px;
float: none;
}
.header-center ul li ul li a {
background: #981b1f;
color: #fff;
padding: 8px 15px;
}
.header-center ul li ul li a:hover {
background: #EB9F18;
color: #fff;
}
.header-center {
padding: 20px 10px;
}
.header-left {
padding-top: 5px;
width: 41.66666667%!important;
}
.header-left img {
padding: 8px 0px;
}
.x-icon1 {
display: none
}
}
.header-center ul span i {
font-size: 20px;
padding-left: 5px;
color: #951A12;
font-weight: bold;
position:  relative;
top: 2px;
}
.icon i {
padding: 27px 22px 27px;
font-size: 20px;
color: #fff;
background: #951A12
}
.header-right a {
padding: 15px 25px 10px;
border-bottom: 3px solid #e08a00;
letter-spacing: 2px;
background: #f99a02;
color: #fff;
font-weight: 600;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
}
.header-right {
padding: 20px;
margin-top: 7px;
text-align: right;
width: 50%!important;
}
.header-right a:hover {
background: #981b1f;
border-bottom: 3px solid #721216;
color: #fff;
text-decoration: none;
}
.header-right a span i {
font-size: 16px;
padding-right: 15px
}
.msg-icon {
text-align: right;
}
.msg-icon i {
padding: 24px 24px;
border-top: 0px solid #F99A02;
background: #ffffff;
color: #000;
font-weight: 500;
font-size: 25px;
padding-top: 25px;
}
.tablet {
display: none
}
@media only screen and (max-width:1550px){
.signup-wrapper .signup-inner-wrapper{
width: 90vw;
}
}
@media only screen and (max-width: 990px) {
.signup-wrapper .signup-inner-wrapper{
width: 75vw;
}
.signup-wrapper .signup-inner-wrapper .signup-content input.wpcf7-form-control.wpcf7-submit{
width: auto;
}
} .footer {
text-align: center;
padding: 30px 0px;
font-family: 'Montserrat', sans-serif;
}
.footer-first {
text-align: left;
}
.footer-first {
margin-top: 10px;
margin-bottom: 20px;
}
.footer-first ul {
list-style: none;
padding-left: 0px;
text-align: center;
}
.footer-first ul li {
display: inline-block;
padding-left: 5px;
position: relative;
}
.footer-first ul li a {
color: #000;
letter-spacing: 1px;
padding: 10px 15px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
margin: 0px 8px;
font-size: 16px;
}
.footer-first ul li.current-menu-item a {
color: #991a14;
}
.footer-first ul li a:hover {
color: #991a14;
}
.footer-first ul span i {
font-size: 16px;
padding-left: 5px;
color: #951A12;
}
.footer-first {
padding: 20px 10px 10px;
border-bottom: 2px solid #d8d8d8 !important
}
.footer-second ul li {
display: inline-block;
font-size: 12px;
letter-spacing: 1px;
font-weight: 500;
position: relative;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.footer-first ul li ul {
left: -80px;
padding-left: 0;
position: absolute;
top: 35px;
width: 250px;
z-index: 9999;
display: none;
}
.footer-first ul li:hover ul {
display: block;
}
.footer-first ul li ul li {
text-align: center;
}
.footer-first ul li ul li a {
padding: 8px 15px;
background: #981b1f;
color: #fff;
}
.footer-first ul li ul li a:hover {
background: #EB9F18;
color: #fff;
}
.footer-second li span {
border-right: 1px solid #000;
border-left: 1px solid #000;
padding: 0px 5px;
}
.footer-second li span a {
color: #971A1E;
}
.footer-third {
padding: 10px;
}
.footer-third a {
padding: 10px 20px;
border-bottom: 5px solid #e08a00;
letter-spacing: 1px;
background: #f99a02;
font-size: 13px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-third a:hover {
background: #981b1f;
border-bottom: 5px solid #721216;
color: #fff;
text-decoration: none
}
.footer-four ul {
margin-bottom: 15px
}
.footer-four ul li i {
font-size: 20px;
}
.footer-four ul li {
display: inline-block;
padding: 0px 1px 5px;
}
.footer-last {
padding-top: 40px;
padding-bottom: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
}
.footer-last span {
font-weight: 500;
}
.footer-four li img {
margin-right: 5px;
margin-bottom: 5px
} .abtitle h1 {
color: #fff;
font-family: "Square721 BT", "Montserrat";
font-size: 72px;
text-align: center;
text-transform: uppercase;
padding: 20px 0px 50px;
letter-spacing: 3px;
}
.abtop {
padding: 60px 0px 90px;
background-size: cover!important;
}
.abtopleft {
text-align: center;
background: #fff;
margin-bottom: 30px;
margin-top: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
..abtopleft.left1 h3 {
font-size: 30px;
letter-spacing: 2px
}
.abtopleft h3 {
margin: 0px 30px;
padding: 20px 20px;
font-family: "Square721 BT", "Montserrat";
text-transform: uppercase;
font-size: 33px;
color: #000;
}
.abtopleft p {
margin: 10px 30px 20px;
font-size: 15px;
line-height: 20px;
color: #000;
}
p {
margin: 0px 0 20px!important;
}
.abtopleft a { }
.abtopleft a:hover {
color: #981B1F;
}
.abtopleft.content-2-right {
float: right
}
.abmids { text-align: center;
font-size: 15px;
}
.abmids p {
line-height: 20px;
padding: 0px 0px 18px;
}
.abmids h1 {
font-family: "Square721 BT", "Montserrat";
text-transform: uppercase;
font-size: 37px;
padding-bottom: 30px;
color: #000;
font-weight: bold;
letter-spacing: 3px
}
#cd-timeline h2 {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 21px;
text-align: left;
}
#cd-timeline {
width: 80%;
}
.timeline-date {
color: #981B1E;
font-size: 18px;
text-align: left;
margin: 0!important;
}
.cd-timeline-img {
display: none
}
.cd-timeline-content::before {
border: 8px solid transparent !important;
}
.cd-timeline-block.timeline-announcement-left .cd-timeline-content::before {
border-left-color: #000 !important;
}
.cd-timeline-content {
padding: 24px 0px 0px !important
}
.cd-timeline-title-container {
padding: 0px 24px 12px !important
}
.cd-timeline-block.timeline-announcement-right .cd-timeline-content::before {
border-right-color: #000 !important;
}
.announcement-banner-image {
height: auto;
padding: 0px 20px 15px;
width: auto!important;
display: block;
margin: auto;
float: none!important;
} .portfolio-content-wrapper p:last-child {
padding-bottom: 50px;
} blockquote.easy_testimonial {border: 0!important;margin: 10px auto!important;min-height: 80px;padding: 10px!important;}
blockquote {margin: 40px 0!important;padding: 40px 10px!important;border-left: 5px solid #f99a02!important;}
blockquote h6 {	font-size: 14px!important;	margin-top: 0px!important;}
.casebg {
background-size: cover!important;
min-height: 279px!important;
}
@media only screen and (max-width: 500px) {
.signup-wrapper .signup-inner-wrapper{
width: 100vw;
padding: 20px 0px;
}
.footer-third-a span {
width: 293px;
}
}
@media only screen and (max-width:767px) {
.casebg {
min-height:10px!important;
}
}
.content {
background: #000;
color: #fff;
}
.content a {
color: #fff;
}
.content1 {
width: 100%;
float: left;
font-family: 'Montserrat', sans-serif;
padding: 80px 0px;
}
.content-2 {
width: 100%;
float: left;
}
.content-top {
width: 100%;
float: left;
padding-top: 70px
}
.content1 {
text-align: center;
}
.content1-one,
.content1-two,
.content1-three {
width: 102%;
float: left;
display: block;
}
.content1-three {
text-transform: uppercase
}
.content1-one ul li {
letter-spacing: 4px;
text-transform: uppercase;
font-size: 72px;
font-family: "Square721 BT", "Montserrat";
list-style: none;
width: 100%;
letter-spacing: 6px;
}
.content1-one a {
font-size: 50px;
padding: 10px;
letter-spacing: 5px;
}
.content1-one a:hover {
text-decoration: none;
color: #981B1F;
}
.content1-two {
text-transform: uppercase
}
.content1-two h1 {}
.content1-two h2 {
font-size: 32px;
letter-spacing: 2px;
font-family: 'Montserrat', sans-serif;
margin: 0px !important;
font-weight: 300;
}
.content1-three {
padding: 50px 20px 60px;
}
.dels {
font-size: 22px;
text-transform: uppercase;
font-weight: 300;
padding-bottom: 30px;
letter-spacing: 2px
}
.content1-three ul {
padding-left: 0px
}
.content1-three ul li {
display: inline-block;
padding: 0px 10px
}
.content1-three ul li a {
border-bottom: 5px solid #721216;
padding: 13px 38px 8px;
background: #721216;
color: #fff;
border-radius: 2px;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
}
.content1-three ul li a:hover {
border-bottom: 5px solid #7d161a;
background: #981b1f;
color: #fff;
text-decoration: none;
}
.content-2-left {
background: #fff;
margin-bottom: 30px;
margin-top: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.content-2-left .tv-icon {
font-size: 27px;
background: #981B1F;
padding: 8px 10px;
color: #fff;
border-radius: 3px
}
.content-2-left.left1 h3 {
font-size: 30px;
letter-spacing: 2px
}
.content-2-left h3 {
font-family: "Square721 BT", "Montserrat";
}
.content-2-left h3 {
margin: 0px 30px;
padding: 20px 20px;
color: #000;
}
.content-2-left p {
margin: 10px 30px;
line-height: 20px;
color: #2f2f2f;
}
.content-2-left a {
color: #000;
}
.content-2-left a:hover {
color: #981B1F;
}
.dots i {
color: #000;
padding: 0px 2px;
}
.content-2-left.content-2-right {
float: right
}
.content-2-left.content-2-right img {
max-width: 150px!important;
}
.content-2-right p:last-child {
margin: 20px 0px
}
.content-2-right a {
background: #981b1f;
padding: 10px 20px;
color: #fff;
border-bottom: 5px solid #7b1619;
font-weight: 500;
border-radius: 3px;
font-size: 15px;
}
.content-2-right a:hover {
background: #f99a02;
border-bottom: 5px solid #e08a00;
text-decoration: none;
color: #fff;
}
.content-2-right h3 {
font-size: 70px;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
padding-left: 0;
padding: 0;
letter-spacing: -2px;
}
.content-2-right .read-button {
margin: 20px 29px;
}
.content-2-right p {
text-align: center;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 2px;
font-size: 18px;
line-height: 30px;
margin: 10px;
}
.content-top .text-right {
float: right;
}
.content-top .text-center {
padding-left: 20px;
text-align:  center;
}
.content-top .text-center h1 {
padding-left: 20px;
text-align:  center;
font-size: 72px;
padding-bottom: 10px;
}
.content-top .text-center ul {    -webkit-padding-start: 0px;
}
.sa_owl_theme .owl-dots .owl-dot span {
background-color: transparent !important;
border: 1px solid #000 !important;
}
.sa_owl_theme .owl-dots .active span {
background-color: #000 !important;
}
.sa_owl_theme .owl-dots .owl-dot span:hover {
background-color: #000 !important;
;
}
.car-caption h3 {
display: none
}
.content-2-left.left1 a {
color: #020202;
text-transform: uppercase;
font-size: 15px;
font-family: "Square721 BT", "Montserrat";
text-decoration: underline !important;
}
.content-2-left a:hover {
color: #fff;
}
.slick-dots li {
margin: 0px 5px !important
}
.slick-dots li button {
border: 1px solid #000;
border-radius: 50%
}
.slick-list {
padding-bottom: 20px !important;
}
.owl-stage-outer { }
.wcp-slick {
padding-bottom: 10px !important;
} .page-id-4 .content-2-left.left1, .page-id-7 .content-2-left.left1 {
width: 60%;
}
.page-id-4 .content-2-left.left1 a:hover {
color: #ffffff;
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 10px;
text-align: center;
color: #981b1f;
border-radius: 2px;
}
.page-id-4 .content-2-left.left1 a { padding: 10px;
text-align: center;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-id-4 .content-2 .row, .page-id-7 .content-2 .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
} .developbg {
background: #000 url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/images/dbbg.jpg);
background-position: center top;
padding: 50px 0px 100px
}
.page-id-113 .developbg {
background-image: url(//www.cityblockgroup.co.uk/wp-content/uploads/2018/01/professionalpartners-background.jpg);
padding-bottom: 0;
}
.developbg img {
max-width: 100%;
height: auto;
}
.deleft {
background: #fff;
padding: 60px 45px 50px 45px !important;
color: #000;
font-size: 15px;
line-height: 20px;
}
blockquote p em,blockquote p strong {    font-size: 15px;}
.deleft p { }
.deright {
background: #fff
}
.detitle h1 {
color: #fff;
text-align: center;
font-family: "Square721 BT", "Montserrat";
text-transform: uppercase;
font-size: 72px;
padding: 30px 0px 80px;
letter-spacing: 2px;
}
.single-post .detitle h1{
font-size:50px;
}
.developsecond {
background: #f8f8f8;
padding: 80px 0px 90px;
}
.deleft h3 {
font-family: "Square721 BT", "Montserrat";
text-transform: uppercase;
font-size: 25px;
text-transform: uppercase;
letter-spacing: 3px;
color: #000;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 20px;
}
.deleft h4 {
text-align: center;
font-size: 19px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #000;
line-height: 27px;
padding: 0px 15px 25px 15px;
}
.deleft p:last-child {
padding-top: 0px;
}
.deleft a.views {
background: #981b1f;
padding: 10px 20px;
color: #fff;
border-bottom: 5px solid #7b1619;
font-weight: 500;
border-radius: 3px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px
}
.deleft .views:hover {
background: #f99a02;
border-bottom: 5px solid #e08a00;
text-decoration: none;
color: #fff;
}
.perslide {
padding: 30px 30px 50px;
margin-bottom: 30px;
}
.perslide h3 {
color: #000;
font-size: 50px;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
font-family: "Square721 BT", "Montserrat";
}
.perslide p {
color: #000;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
font-size: 16px;
line-height: 30px;
margin: 10px;
text-align: center;
}
.rightcontact {
color: #000;
font-family: 'Montserrat', sans-serif;
text-align: center;
padding: 30px 30px;
margin-bottom: 30px;
font-size: 15px;
}
.rightcontact h3 {
margin-top: 15px;
color: #000;
font-size: 30px;
letter-spacing: 2px;
text-align: center;
font-family: "Square721 BT", "Montserrat";
}
.rightcontact img {
padding: 25px 0px 10px;
}
.rightcontact h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #000;
letter-spacing: 1px;
font-size: 15px;
}
.rightcontact a.makes {
background: #981b1f;
padding: 10px 30px;
color: #fff;
border-bottom: 5px solid #7b1619;
font-weight: 500;
border-radius: 3px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px
}
.rightcontact .makes:hover {
background: #f99a02;
border-bottom: 5px solid #e08a00;
text-decoration: none;
color: #fff;
}
.rightcontact .fa {
color: #981b1f;
font-size: 16px;
padding-right: 5px;
}
.rightcontact p:last-child { }
.casetitle {
text-align: center;
font-size: 15px;
padding-bottom: 30px;
}
.casetitle h3 {
color: #000;
font-size: 30px;
letter-spacing: 2px;
text-align: center;
font-family: "Square721 BT", "Montserrat";
}
.deleft ul {
padding-left: 20px
}
.deleft li {
padding: 6px 5px;
line-height: 21px;
}
.deleft li p {
padding-bottom: 5px;
}
.deleft li em {
color: #111111;
font-style: italic;
font-weight: 200;
padding: 15px 0px 0px;
display: block
}
.deleft li {
list-style-image: url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/images/dots.jpg);
} .invest { }
.investright .rightcontact { }
.investright .perslide {
margin-bottom: 50px
} .casebg {
background: #000;
padding: 40px 0px
}
.casetoptitle h1 {
color: #fff;
text-align: center;
font-family: "Square721 BT", "Montserrat";
text-transform: uppercase;
font-size: 72px;
padding: 40px 0px 40px;
letter-spacing: 2px;
}
.st_sf_port_filter {
text-align: center;
margin-bottom: 35px;
}
.st_sf_vc_potrfolio a {
color: #fff;
}
.st_sf_vc_potrfolio a:hover {
color: #fff;
}
.st_sf_vc_potrfolio h3 {
color: #fff;
font-family: "Square721 BT", "Montserrat";
font-size: 30px; letter-spacing: 2px;
top: 25%;
text-align: left;
line-height: 35px;
margin-top: 0px;
}
.st_sf_vc_potrfolio h4 {
color: #fff;
font-family: "Square721 BT", "Montserrat";
font-size: 32px;
letter-spacing: 2px;
text-align: left;
padding: 130px 30px 0px 40px;
line-height: 35px;
background: rgba(0, 0, 0, 0.5);
margin-top: 0px;
height: 100%;
display: none;
cursor: pointer;
}
.st_sf_vc_potrfolio:hover h4 {
display: none
}
.st_sf_vc_port_cat {
color: #fff;
font-family: "Square721 BT", "Montserrat";
font-size: 17px;
letter-spacing: 2px;
text-align: left;
padding: 0px 30px 0px 0px;
line-height: 35px;
}
.st_sf_vc_potrfolio .text-center {
text-align: left
}
.st_sf_vc_potrfolio p {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 26px;
padding-top: 20px
}
.testimonbg {
background: url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/images/testbg.jpg);
background-position: center top;
padding: 40px 0px 70px;
background-size: cover;
}
.easy_testimonial {
text-align: center
}
.testimonial_body p { background-position: top left;
background-repeat: no-repeat;
color: #fff;
font-size: 28px;
padding: 18px 0px 20px 50px;
}
.testimonial_body {
color: #fff;
font-size: 30px;
padding: 40px 80px 20px 50px
}
.testimonial_author {
color: #fff;
font-family: "Square721 BT", "Montserrat";
font-size: 14px;
letter-spacing: 2px;
line-height: 26px;
}
.easy-t-cycle-pager span {
color: #fff;
padding-right: 20px
}
.easy-t-cycle-pager span.cycle-pager-active {
color: #981b1f;
}
cite {
font-style: normal;
} .promidcontent.student-content {
padding: 80px 0px 60px;
line-height: 20px;
font-size: 15px;
text-align: center;
}
.promidcontent.student-content.lesspadding {
padding: 40px 0px 40px;
}
.promidcontent.lesspadding {
padding: 50px 0px 10px;
}
.procontent.student-content  {
padding: 80px 0px 100px;
border-bottom: 1px solid #b7b7b7;
line-height: 30px;
font-size: 15px;
}
.protitle h1 {
color: #000;
font-family: "Square721 BT", "Montserrat";
font-size: 72px; letter-spacing: 3px;
top: 25%;
text-align: center;
text-transform: uppercase;
margin-bottom: 0px;
}
.promidcontent {
padding: 60px 0px 10px;
line-height: 20px;
font-size: 15px;
text-align: center;
}
.promidcontent p {
padding-bottom: 10px;
}
.promidcontent h3 {
color: #000;
font-family: "Square721 BT", "Montserrat";
font-size: 30px;
letter-spacing: 2px;
line-height: 35px;
margin-top: 0px;
text-transform: uppercase;
padding-bottom: 10px;
}
.procontent {
padding: 0px 0px 70px;
border-bottom: 1px solid #b7b7b7;
line-height: 30px;
font-size: 15px;
}
.procontent p {
padding-bottom: 18px;
}
.backpro {
text-align: center;
padding-top: 20px;
}
.backpro a {
background: #981b1f;
padding: 10px 30px;
color: #fff;
font-weight: 500;
border-radius: 3px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px
}
.backpro a:hover {
background: #f99a02;
text-decoration: none;
color: #fff;
}
.sliders {
padding: 0px !important;
}
.sliders img {
width: 100%
}
.readcase {
text-align: center;
position: absolute;
top: 0px;
z-index: 999;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.readcase a {
background: #981b1f;
padding: 11px 25px;
text-align: center;
color: #fff;
font-weight: 500;
border-radius: 2px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
width: 200px;
display: inline-block;
}
.readcase a:hover {
background: #f99a02;
text-decoration: none;
color: #fff;
}
.readcase a:after {
content: '';
display: block;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: 0;
top: 100%;
width: 0;
height: 0;
border-top: 10px solid #981B1F;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.readcase:hover a:after {
content: '';
display: block;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: 0; width: 0;
height: 0;
border-top: 10px solid #f99a02;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}  .team-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 40px;
padding-top: 40px;
}
.team-item {
border-top: 1px solid #dadada;
}
.team-item:first-child { padding-top: 30px;
padding-bottom: 20px;
}
.team-item p {
line-height: 20px;
font-size: 15px;
}
.team-item h3 {
font-size: 23px;
padding-bottom: 10px;
}
.team-item-image {
max-width: 320px;
width: 26.5%;
}
.team-item-image img {
width: 100%;
}
.team-item-content {
width: 71%;
} .teamtoptitle h1 {
text-align: center;
font-family: "Square721 BT", "Montserrat";
text-transform: uppercase;
font-size: 60px;
padding: 25px 0px 25px;
letter-spacing: 2px;
margin-top: 10px;
margin-bottom: 10px;
}
.teamcontent {
margin-top: 20px;
background: #fff;
margin-bottom: 50px;
}
.teamfull {
padding: 0px 40px 50px;
font-size: 15px;
}
.teamfull p {
padding-bottom: 10px;
}
.teamfull h3 {
color: #000;
font-family: "Square721 BT", "Montserrat";
letter-spacing: 2px;
line-height: 35px;
margin-top: 0px;
text-transform: uppercase;
}
.member {
text-align: center
}
.member h4 {
color: #000;
font-family: "Square721 BT", "Montserrat";
font-size: 13px;
letter-spacing: 2px;
line-height: 25px;
margin-top: 0px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 0px;
font-weight: bold;
margin-bottom: 0px
}
.member h5 {
color: #000;
font-family: "Square721 BT", "Montserrat";
font-size: 13px;
letter-spacing: 2px;
line-height: 25px;
margin-top: 0px;
text-transform: uppercase;
padding-bottom: 2px;
font-weight: bold
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
-webkit-transition: height .5s ease-in-out;
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .1s ease;
transition: -webkit-transform .1s ease;
transition: transform .1s ease;
transition: transform .1s ease, -webkit-transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-prev {
background: rgba(0, 0, 0, 0) url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/images/cleft.png) no-repeat scroll 0 0;
left: -50px;
}
.owl-next {
background: rgba(0, 0, 0, 0) url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/images/cright.png) no-repeat scroll 0 0;
right: -50px;
}
.owl-prev {
height: 49px;
margin-top: -16px;
outline: 0 none;
position: absolute;
text-indent: -9999px;
top: 35%;
width: 50px;
z-index: 9999;
}
.owl-next {
height: 49px;
margin-top: -16px;
outline: 0 none;
position: absolute;
text-indent: -9999px;
top: 35%;
width: 50px;
z-index: 9999;
}
#carslider {
padding: 0px 20px
}
.deslider {
padding-top: 40px !important;
}
.deslider h3 {
position: absolute;
top: 0;
color: #fff;
font-family: "Square721 BT", "Montserrat";
font-size: 23px;
line-height: 33px;
letter-spacing: 2px;
height: 100%;
background: rgba(0, 0, 0, 0.3);
margin: 0px;
left: 1%;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.deslider.owl-carousel .owl-item img {
width: 100%;
}
.deslider .owl-prev,
.deslider .owl-next {
top: 50%;
margin-top: 0px
} .contactleft {
padding-top: 90px;
}
.contactleft span {
line-height: 28px;
font-size: 16px;
}
.contactleft p {
padding-bottom: 15px;
}
.contactleft strong {
color: #981b1e
}
.contactleft a {
color: #000
}
.contactleft img {
margin-right: 10px;
}
.cform h3 {
color: #000;
font-family: "Square721 BT", "Montserrat";
font-size: 28px;
letter-spacing: 2px;
line-height: 35px;
margin-top: 0px;
text-transform: uppercase;
padding-bottom: 50px;
text-align: center
}
.cleft {}
.cleft input {
width: 100%;
padding: 10px 20px;
border: 1px solid #acacac;
margin-bottom: 6px;
border-radius: 2px;
}
.cleft select {
width: 100%;
padding: 10px 20px;
border: 1px solid #acacac;
margin-bottom: 16px;
border-radius: 2px;
-webkit-appearance:  none;
}
.cright textarea {
width: 100%;
padding: 10px 20px;
border: 1px solid #acacac;
margin-bottom: 16px;
height: 180px;
border-radius: 2px;
}
textarea:focus,
input:focus,
input[type]:focus,
select:focus {
border: 1px solid #f99a02; outline: 0 none;
}
.wpcf7-submit {
float: right;
border: none;
padding: 11px 35px 10px;
border-bottom: 5px solid #e08a00;
background: #f99a02;
color: #fff;
font-weight: 600;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
}
.cform .wpcf7-submit {
width: 100%;
}
.wpcf7-submit:hover {
background: #981b1f;
border-bottom: 5px solid #721216;
color: #fff;
text-decoration: none;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
clear: both;
}
.pop-recap, .pop-sub {
padding: 0!important;
position:  relative;
top: -16px;
}
.pop-sub {
margin-top: 17px;
} nav#nav-below {
padding-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.newsbg {
background: #000 url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/images/dbbg.jpg);
background-position: center top;
padding: 50px 0px 100px;
background-size: cover
}
.blogright .widget {
padding: 20px;
background: #fff;
margin-bottom: 30px;
}
.blogleft {
background: #fff;
padding: 30px 45px 50px 45px !important;
color: #000;
font-size: 15px;
line-height: 25px;
}
.blogleft p {
padding-bottom: 15px
}
.blogleft article {
padding-bottom: 30px;
padding-top: 30px;
border-bottom: 1px solid #ACACAC
}
.blogleft article:last-child {
border-bottom: none
}
.blogleft h2 {
padding-bottom: 10px;
font-family: "Square721 BT", "Montserrat";
color: #000;
font-size: 28x;
letter-spacing: 2px;
margin-top: 0px;
text-transform:uppercase
}
.blogleft h2 a {
color: #000
}
.blogright h3 {
margin-top: 10px;
padding-bottom: 8px;
}
.blogright ul {
padding-left: 20px
}
.blogright li {
padding-bottom: 10px;
}
.blogright li {
list-style-image: url(//www.cityblockgroup.co.uk/wp-content/themes/cityblock/images/dots.jpg);
}
.alignleft {
float: left;
margin-right: 15px
}
.alignright {
float: right;
margin-left: 15px
}
.aligncenter {
margin: 10px auto
}
.search-blog .btn::after {
color: #fff;
content: "";
font-family: "FontAwesome";
font-size: 20px;
}
.search-blog .btn {
background: #981B1F;
border: medium none;
border-radius: 0;
height: 50px;
width: 50px;
}
.search-blog .btn:hover {
background: #E99A17;
}
.search-blog input {
border: 1px solid #dededd;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 16px;
height: 50px;
}
@media only screen and (min-width: 1200px) {
.contactright {
padding: 0px !important
}
.contactright p {
margin: 0px !important;
line-height: normal
}
.midcontact {
padding: 0px !important
}
.concontainer {
width: 525px;
float: right
}
.perslide h3 {
font-size: 50px;
}
}
@media only screen and (max-width:1200px){
.content-top .text-center h1 {
font-size: 52px;
}
}
@media only screen and (max-width:1024px){
#colorbox {
height: 100vh!important;
overflow: scroll!important;
}
}
@media only screen and (max-heighth:800px){
#colorbox {
height: 100vh!important;
overflow: scroll!important;
}
}
@media only screen and (max-width: 991px) {
body.active {
margin: 0;
height: 100%;
overflow: hidden;
}
.content-top .text-center h1 {
font-size: 35px;
}
.page-id-7 .content-2 .row {
display: block;
}
.team-item-content {
width: 100%;
}
.team-item-image {
display: none;
}
.detitle h1,
.casetoptitle h1,
.teamtoptitle h1 {
font-size: 32px;
}
.teamtoptitle h1 {
padding-bottom: 15px;
}
.single-post .detitle h1 {
font-size: 30px;
}
}
@media only screen and (max-width: 620px) {
.abmids h1 {
font-size: 25px;
}
}
@media only screen and (max-height: 767px) {
#colorbox {
height: 100vh!important;
overflow: scroll!important;
}
@media only screen and (max-width: 767px) {
#colorbox {
height: 100vh!important;
overflow: scroll!important;
}
.abmids h1 {
font-size: 25px;
}
.dels {
font-size: 16px;
}
.teamtoptitle h1 {
padding: 10px 0px !important
}
.rightcontact img {
width: 100%
}
.rightcontact a {
padding: 10px 15px
}
.investright,
.developright,
.blogright {
padding: 0px 0px !important;
margin-top: 20px
}
.testimonial_body p {
font-size: 20px;
background-size: 10%;
padding-left: 0px
}
.testimonial_body {
padding: 30px 0px
}
.st_sf_strange_portfolio_item {
padding-bottom: 10px
}
.teamfull {
padding: 30px 20px 40px;
}
.teamfull h3 {
font-size: 22px;
line-height: 30px;
}
}
.slick-dots li button::before {
font-size: 14px !important;
line-height: 11px;
left: -1px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.slick-dots li button::before {
font-size: 14px !important;
line-height: 11px;
left: -1px !important;
top: 1px !important;
}
}
@media only screen and (min-width: 768px) and (max-width:990px) {
.home .wcp-slick {
margin-top: 12px
}
.member {
padding-left: 10px;
padding-right: 10px;
}
.deleft,
.blogleft,
.teamcontent {
margin-right: 10px
}
.developright,
.investright,
.blogright {
padding: 0px !important;
margin-right: 10px
}
.deslider h3 {
width: 94%;
left: 3%;
}
.st_sf_vc_port_cat {
line-height: 25px;
}
.abtopleft.content-2-right {
float: left;
margin-left: 3%;
}
.deslider .owl-next {
right: -20px !important;
}
.teamtoptitle h1,
.casetoptitle h1,
.content-top .text-center h1 {
font-size: 42px;
}
.page-template-team .owl-prev,
.page-template-team .owl-next {
margin-top: 0px
}
}
@media only screen and (min-width: 1000px) and (max-width:1199px) {
.content-2-right {
padding-bottom: 62px !important
}
}
@media only screen and (max-width:768px){
#cd-timeline {
width: 100%;
}
.developsecond {
padding: 50px 0px 70px;
}
.page-id-9 .developsecond {
padding: 20px 0px 70px;
}
.bx-wrapper .bx-controls-direction a {
top: 37%;
}
.bx-wrapper .bx-prev {
left: 10%;
background-size: 40px;
}
.bx-wrapper .bx-next {
right: 10%;
background-size: 40px;
}
}
.bx-wrapper .bx-controls-direction a {
z-index: 9000;
}
@media only screen and (max-width:991px) {
.cform, .cform .cleft, .cform .cright {
padding: 0!important;
}
}
@media only screen and (max-width:1200px) {
.recap, .flex-box {    text-align:  right;    float: right!important;}
.recap {    position:  relative;    right: -30px;}
}
@media only screen and (max-width:991px) {
.recap, .flex-box {    text-align:  right;   float: left!important;}
.recap {  position:  relative;    right: 0px;}
}
}