/*
Theme Name: Draycott
Text Domain: Draycott
Version: 1.1
Author: Ayatas
*/


/* ===== GENERAL STYLES  ====== */
body { font-size:14px; color:#000; font-family: 'Source Sans Pro', sans-serif; overflow-x: hidden; }
body.overflow-y{ overflow-y:hidden; }
a,
.btn,
a:hover,
.btn:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; }
a:hover { text-decoration:none; }
a:focus { text-decoration: none; }
img { max-width:100%; }
img:focus{outline: none; -webkit-outline:none;}
input.form-control:focus{box-shadow: none; border-color: #e1e1e1;}
ul{	padding-left:0; }
ul li{ list-style:none; }

/* ===== TYPEOGRAPHY ====== */
h1, h2, h3, h4, h5, h6 { margin:0 0 15px; font-weight: 700; }
h1 { font-size: 50px; }
h2 { font-size: 40px; line-height: 55px; }
h3 { font-size: 33px; }
h4 { font-size: 26px; }
h5 { font-size: 20px; }
p { font-weight:400; color:#333; margin:0 0 15px; font-size: 18px; line-height: 28px; }

/* ===== GLOBAL STYLES  ====== */
.container-fluid { max-width: 1400px; width: 100%; margin: 0 auto;     padding-right: 30px; padding-left: 30px;}
.section {padding: 60px 0;}
.btn { color: #FFFFFF; font-size: 18px; background: #03A9F4; border: 2px solid #03A9F4; border-radius: 0px; text-transform: uppercase; display: inline-block; padding: 8px 25px; }
.btn:hover { background-color: transparent; color: #03A9F4; }

/*----------------*header*----------------*/
body.overflow-y{ overflow-y:hidden;}
.mobile-toggle { display: none; }
.header { padding: 48px 0 25px; }
.header .logo { float: left; padding-right: 40px; }
.header .logo img {    width: 200px;}
.header .logo p { font-size: 30px; text-align: left; font-weight: 700; color: #063283; }
.header .logo p a { color: #063283; }
.header .logo p span { font-weight: 400; }
.header .right-block { float: left; padding: 7px 0; }
.header .header-menu {     float: right;  margin-right: 50px;}
.header .navbar-nav li a {  font-size: 21px; line-height: 35px; padding: 5px 15px; color: #063283; font-weight: 700; }
.header .navbar-nav li a.active,
.header .navbar-nav li a:hover { color: #2196f9; }
.header .header-menu .navbar-nav li.res { display: none; }
.header .left-block { overflow: hidden; float: right; padding: 25px 0 0; }
.header .left-block .navbar-nav { padding: 6px 60px 0 0; }
.header .left-block .navbar-nav li a { font-size: 18px; font-weight: 500; color: #191919; }
.header .left-block .navbar-nav li a:hover { color: #04b2e7; }
.header .search.top { display: none; }
.header .search { float: left; padding-left: 50px; padding-top: 5px; display: flex;     position: absolute;
    right: 62px;
    top: 49px;} 
.header .search .search-box {  }
.header .search .input-group { max-width: 150px; width: 100%;  }
.header .search .input-group span {     color: #063283;    font-size: 12px;    padding: 0 0 0 10px;    background: rgba(255,255,255,0);    border: none;
    border-radius: 30px 0px 0 30px;    border-right: 0; }
.header .search .input-group .form-control {     height: 25px;    color: #063283;    font-size: 12px;    padding: 10px;    background: rgba(255,255,255,0);
    border: 2px solid #063283;    border-radius: 30px 30px 30px 30px;    box-shadow: none;    position: absolute;    right: -11px;    top: 21px;
    width: 300px; display: none;}

.header input#searchsubmit {
    position: absolute;
    left: 5px;
    top:20px;
    background: none;
    border: none;
    width: 25px;
    height: 25px;
}
/*=======Banner Styles======*/
.home-banner  { position: relative;   }
.home-banner .item{ background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; min-height: 600px; position: relative; }
.home-banner .item:after { content: ""; background-color: rgb(0,0,0,0.5); width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; right: 0; margin: 0 auto; }
.home-banner .banner-info{position:absolute;top:66%; transform: translateY(-34%); -webkit-transform:translateY(-34%); -ms-transform: translateY(-34%); -moz-transform: translateY(-34%); left: 0; right: 0; max-width: 1700px; width: 100%; margin: 0 auto; text-align: center; z-index: 2; }
.home-banner .banner-info h1{ font-weight: 500; color:#fff;line-height: 90px; margin-bottom: 20px;}
.home-banner .bottom-con { position: absolute; bottom: 0; padding: 20px 0 15px; text-align: center; background-color: #063283; width: 100%; z-index: 1; }
.home-banner .bottom-con h2 { color: #FFFFFF; font-size: 28px; font-weight: 600; text-align: center; line-height: 30px; }

/*======= banner-bottom ======*/
.banner-bottom { padding: 25px 0 58px; text-align: center; }
.banner-bottom p { color: #616161; font-size: 22px; line-height: 25px; font-weight: 500; margin-bottom: 15px; text-align: justify; padding: 0px 50px;}
.banner-bottom .btn { margin-top: 30px; }

/*======= footer ======*/
footer { background-color: #2196F3; padding: 19px 0 17px; }
footer p { color: #FFFFFF; font-size: 16px; line-height: 36px; margin: 0; }
footer p a { color: #FFFFFF; }

/*======= inner-banner ======*/
.home-banner.inner .bottom-con h2 span { display: block; }
.home-banner.inner .banner-info { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.home-banner.inner .banner-info h1 { position: relative; }
.home-banner.inner .banner-info p { position: absolute; z-index: 2; bottom: -133px; left: 0; right: 0;margin: 0 auto; color: #FFFFFF; font-size: 59px; font-weight: 100; }
.home-banner.inner .banner-info p a { color: #FFFFFF; }


/*======= about-boxes ======*/
.about-boxes { padding: 50px 0; }
.about-boxes .boxes { float: left; width: 50%; text-align: center; padding: 40px 50px 35px; /*border: 1px solid #9E9E9E;*/ border-top: 0; position: relative; }
.about-boxes .boxes:last-child:before,
.about-boxes .boxes:first-child:before { content: ""; position: absolute; right: 0; width: 1px; height: 90%; background-color: #9E9E9E; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.about-boxes .boxes:last-child:after,
.about-boxes .boxes:first-child:after { content: ""; position: absolute; bottom: 0; width: 90%; height: 1px; background-color: #9E9E9E; left: 0; right: 0; margin: 0 auto; }

.about-boxes .boxes:last-child:before { left: 0; }
.about-boxes .boxes:last-child:after { top: 0; }

/*.about-boxes .boxes:first-child { border-left: 0; }
.about-boxes .boxes:nth-child(2),
.about-boxes .boxes:nth-child(4) { border-right: 0; border-left: 0; }
.about-boxes .boxes:nth-child(3) { border-bottom: 0; border-left: 0; }
.about-boxes .boxes:nth-child(4) { border-bottom: 0; }*/
.about-boxes .boxes figure { max-width: 100px; width: 100%; margin: 0 auto 20px; }
.about-boxes .boxes figure img { width: 90%; }
.about-boxes .boxes p { color: #424242; font-size: 22px; line-height: 32px; margin: 0; }

/*======= blue-box ======*/
.blue-box { background: #063283; padding: 70px 0 50px; }
.blue-box h2 { color: #FFFFFF; font-size: 36px; text-align: center; line-height: 58px; font-weight: 700; margin-bottom: 30px; }
.blue-box ul { padding: 0 30px; }
.blue-box ul li { color: #FFFFFF; font-size: 23px; line-height: 33px; font-weight: 500; list-style: disc; }

/*======= engagements ======*/
.engagements { padding: 60px 0; }
.engagements h2 { color: #063283; font-weight: 700; margin-bottom: 40px; text-align: center; }
.engagements .content { float: left; width: 25%; padding: 0 20px; }
.engagements .content figure { max-width: 150px; width: 100%; margin: 0 auto 20px;  }
.engagements .content h3 { text-align: center; color: #2196F3; font-size: 27px; line-height: 28px; margin-bottom: 20px; }
.engagements .content p { color: #757575; font-size: 22px; line-height: 31px; margin-bottom: 30px; }
.engagements .content p span { display: block; }
.engagements .content .read-more { margin-top: 40px; }
.engagements .content .read-more span { display: block; text-align: center; color: #063283; font-size: 24px; line-height: 32px; font-weight: 500; }
.engagements .content .read-more span a { color: #063283; }


/*======= mortgage ======*/
.about-boxes.principles h2 { color: #063283; text-align: center; margin-bottom: 40px; }
.about-boxes.principles h2 span { display: inline-block; text-decoration: underline; }
.about-boxes.principles { padding: 50px 0; }
.about-boxes.principles h3, .page-template-template-capital-raising .about-boxes h4 { color: #2196F3; font-size: 30px; line-height: 34px; margin-bottom: 20px; }
.about-boxes.principles .boxes figure { margin-bottom: 15px; }
.expertise h2 { color: #063283; text-align: center; margin-bottom: 30px; }
.expertise ul { text-align: center; max-width: 1500px; width: 100%; margin: 0 auto 45px; }
.expertise ul li { display: inline-block; color: #616161; font-size: 24px; line-height: 40px; padding: 0 22px; position: relative; margin: 4px 0; }
.expertise ul li:after { content: ""; position: absolute; right: 0; top: 6px; width: 3px; height: 30px; background-color: #003163; }
.expertise ul li:last-child:after { display: none; }
.expertise ul li a { color: #616161; }
.expertise .former { float: left; width: 23%; text-align: center; border: 2px solid #E0E0E0; margin: 0 1%; padding: 30px 20px 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.expertise .former:hover { border-color: #2196F3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.expertise .former figure { max-width: 100px; width: 100%; margin: 0 auto 40px; }
.expertise .former p { color: #757575; font-size: 22px; line-height: 32px; }

.engagements.team { padding: 60px 0; }
.engagements.team h2 { margin-bottom: 25px; }
.engagements.team p.top { color: #757575; font-size: 22px; line-height: 32px; text-align: center; margin-bottom: 30px; }
.engagements.team .content { width: 33.3%; padding: 0 50px; }
.engagements.team .content figure { max-width: 380px; width: 100%; min-height: 360px;border: 1px solid rgba(0,0,0,0.05);    margin-bottom: 30px;    box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.5) !important;    padding: 5px;    text-align: center; }
.engagements.team .content p { text-align: left; }
.engagements.team .content h3 { color: #424242; font-size: 32px; line-height: 40px; font-weight: 500; margin-bottom: 20px; }
.engagements.team .content .read-more { margin-top: 5px; }

/* ===== TESTIMONIALS ====== */
.testimonial-section{ text-align: center; padding: 90px 0; border-top: 1px solid #9E9E9E;  }
.testimonial-section .item .add { max-width: 1500px; width: 100%; margin: 0 auto; }
.testimonial-section .testimonial-content p { font-size: 22px; font-weight: 500; color: #8b909d; line-height: 32px; }
#testimonials{  padding:0 50px;}
.testimonial-section .item span{ font-size: 22px; font-weight: 500; line-height: 30px; color: #f86f23; display: block; padding-top: 15px; }
.testimonial-section .item span.bottom { padding-top: 0; font-size: 24px; color: #8b909d; font-weight: 500; line-height: 30px; }
.testimonial-section .owl-nav{ display: block !important; position: absolute; top:30%; left: 0; width: 100%; right: 0; max-width: 1700px; margin: 0 auto; }
.testimonial-section .owl-carousel .owl-nav .owl-prev,
.testimonial-section .owl-carousel .owl-nav .owl-next{ float: left;font-size: 0; position: relative; }
.testimonial-section .owl-carousel .owl-nav .owl-next{ float: right; }
.testimonial-section .owl-carousel .owl-nav .owl-prev:after,
.testimonial-section .owl-carousel .owl-nav .owl-next:after { content: "\f104"; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); font-family: fontawesome; font-size: 50px; color: #c4c6cb; }
.testimonial-section .owl-carousel .owl-nav .owl-next:after { content: "\f105"; }


/* ===== specialty-insurance ====== */
.expertise.automotive ul li::after { background-color: #616161; }
.expertise.automotive  ul li { padding: 0 13px; }
.engagements.team.insurance { padding: 60px 0; }


/* ===== capital-raising ====== */
.we-believe { padding: 30px 0 30px; }
.we-believe h3, .page-template-template-capital-raising .about-boxes h3 { color: #063283; font-size: 30px; line-height: 34px; font-weight: 600; text-align: center; margin-bottom: 50px; }
.we-believe .we-box { float: left; width: 33.3%; text-align: center; padding: 0 35px; position: relative; }
.we-believe .we-box:after { content: ""; position: absolute; height: 350px; width: 1px; background-color: #9E9E9E; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.we-believe .we-box figure { max-width: 110px; width: 100%; margin: 0 auto 30px; }
.we-believe .we-box figure img { width: 90%; }
.we-believe .we-box h4 { color: #2196F3; font-size: 30px; line-height: 34px; font-weight: 700; }
.we-believe .we-box p { color: #616161; font-size: 22px; line-height: 30px; font-weight: 500; }


.services-offered h2, .our-history h2 { color: #063283; text-align: center; margin-bottom: 40px; }
.services-offered .off-boxs { float: left; width: 31%; padding: 50px 20px 40px; border: 1px solid #2196F3; margin: 0 1.1% 50px; }
.services-offered .off-boxs h3 { color: #2196F3; font-size: 30px; line-height: 34px; text-align: center; margin-bottom: 20px; }
.services-offered .off-boxs ul { padding: 0 30px; }
.services-offered .off-boxs ul li { color: #757575; font-size: 22px; line-height: 30px; list-style: disc; padding: 4px 0; }
.services-offered p { text-transform: initial; margin-top: 10px; color: #616161; font-size: 23px; line-height: 30px; text-align: center; }

.capital { padding: 60px 0 70px; }
.capital h2 { text-align: center; color: #063283; margin-bottom: 25px; }
.capital p { text-align: center; color: #757575; font-size: 23px; line-height: 30px; }
.capital figure { max-width: 310px; width: 100%; height: 320px;  border: 1px solid #000000; margin: auto; }
.capital .member-name { padding-top: 25px;text-align: center; }
.capital .left { max-width: 100% !important; width: 100%; overflow: hidden;padding-top: 15px;  }
.capital .left p { text-align: left; margin-bottom: 30px; }
.capital .left h5 { color: #424242; font-size: 32px; line-height: 40px; font-weight: 500;     margin-bottom: 0px;}
.capital .left .read-more { max-width: 140px; width: 100%; text-align: center;    margin: auto; }
.capital .left .read-more span { display: block; color: #063283; font-size: 25px; line-height: 30px; }
.capital .left .read-more span  a { color: #063283; }

.our-history { margin-bottom: 40px; }
.our-history p { font-size: 22px; line-height: 32px; }
.page-template-template-capital-raising .blue-box{margin-bottom: 40px;}
/* ===== contact ====== */
.contact { margin: 70px 0 70px; }
.contact h2 { color: #28314a; font-family: 'Roboto', sans-serif; margin-bottom: 45px; font-weight: 500; }
.contact h3 { color: #333333; font-size: 40px; line-height: 40px; font-weight: 400; font-family: 'Roboto', sans-serif; margin-bottom: 10px; }
.contact h3 span { display: block; }
.contact p { color: #757575; font-size: 22px; line-height: 32px; font-weight: 400; margin: 0; }
.contact .full { display: table; }
.contact aside { display: table-cell; float: none; width: 50%; vertical-align: top; }
.contact .left-block { padding-right: 30px; }
.contact form { padding: 50px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); font-family: 'Roboto', sans-serif; }
.contact form .form-group .form-control { border:0; box-shadow: none; border-bottom: 1px solid #d6d6d6; border-radius: 0; font-size: 21px;    height: 60px;    padding-bottom: 20px; }
.contact form .form-group .form-control::-webkit-input-placeholder { color: #b3b8c3; }
.contact form .form-group .form-control::-moz-placeholder { color: #b3b8c3; }
.contact form .form-group .form-control:-ms-input-placeholder { color: #b3b8c3; }
.contact form .form-group .form-control:-moz-placeholder { color: #b3b8c3; }
.contact form .form-group textarea.form-control { height: 150px; overflow: hidden; }
.contact form .btn { background-color: #063283; border-color: #063283; padding: 8px 25px; letter-spacing: 1px; margin-top: 15px; }
.contact form .btn:hover { color: #063283; border-color: #063283; background-color: transparent; }
.page-template-template-aboutus-php .con_team .con_team_desc {    height: 0px;    overflow: hidden;}
.con_team .con_team_desc {    height: 0px;    overflow: hidden;}
.con_team.active .con_team_desc {    height: auto;    overflow: visible;}
.testimonial-section .owl-carousel .owl-nav .owl-prev {    left: 25px;}
.testimonial-section .owl-carousel .owl-nav .owl-next {    right: 25px;}
.news-section {
       padding: 50px 0px;
}
.news-section .row {    padding: 0px 50px;}
.news-section .news_block {
    box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(0,0,0,0.05);
    padding: 30px;
}
.news-section .news_block:hover {
    background: #03a9f4;
}
.news-section .news_block:hover a {
    color: #fff;
}
.news-section .news_block:hover span.t-entry-date {
    color: #fff;
}
.team_full_pop_content {
    display: none;
    border: 1px solid #8e8e8d52;
    margin-top: 45px;
    text-align: left;
    padding: 15px 2%;
}
.team_full_pop_content p {
        color: #757575;
    font-size: 22px;
    line-height: 28px;
    text-align: justify;
    margin-bottom: 10px;
}
.engagements.team .content .con_team > span {
    text-align: center;
    display: block;
    font-size: 18px;
     margin-bottom: 20px;
}
.engagements.team .content h4 {
    color: #424242;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 0px;
    text-align: center;
}
.capital.engagements.team .member-name.content.clearfix {
    width: 100%;
    float:none;
}
.capital.engagements.team .member-name.content.clearfix figure {
            max-width: 310px;
        min-height: 339px;
            margin-bottom: 0px;
}
.capital.engagements.team.one{ padding-bottom: 0; }
p.fottor_top_p {    color: #616161;    font-size: 18px;    line-height: 25px;    font-weight: 500;    margin-bottom: 5px;    text-align: center;}
div.wpcf7-mail-sent-ok {    border: 2px solid #063283 !important;}
.contact form .btn:focus{background-color: #063283;    color:#fff;}
.team-align-center {
    display: flex;
    justify-content: center;
}

.page-template-template-mortgage .content { padding-top: 40px; }
.page-template-template-mortgage .content h3 {padding-top: 10px; color: #2196F3; font-size: 30px; line-height: 34px; margin-bottom: 20px; }
.page-template-template-mortgage .content p{ font-size: 22px; line-height: 32px; }
.acc-content{display: none;}
.read-more.text-center{opacity: 1 !important; }
.read-more.text-center span{ display: block; }
.read-more.text-center a{font-size: 22px; opacity: 1 !important;}

.capital.team.two .container-fluid { text-align: center; }
.capital.team.two .content{ display: inline-block;float: none; }