/*!
Theme Name: OTRF
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: otrf
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

OTRF is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; height: 100%;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#5e5e5e; font-size:14px; font-family: "PT Serif Caption", serif; font-weight:400; line-height:22px;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal; font-family: "Lato", sans-serif; }
h1{ font-size:28px; line-height: 42px; margin-bottom:10px; color:#635f52; }
h2{ font-size:28px; line-height: 42px; margin-bottom:10px; color:#635f52; }
h3{ font-size:18px; line-height: 26px; color:#635f52; font-family: "PT Serif Caption", serif; font-weight: bold; }
h4{ font-size:18px; line-height: 26px; }
h5{ font-size:18px; line-height: 26px; color:#878683; font-family: "Lato", sans-serif; margin-bottom: 30px; }
h6{ font-size:16px; }

p{ color:#5e5e5e; font-size:14px; font-weight:400; line-height:22px; margin-bottom:20px; }

ul{ margin:20px 20px; padding:0; margin-right:0; }
ul li{ font-size:14px; color:#5e5e5e; font-weight:400; line-height:22px; padding:0 0 0 0; margin-bottom: 10px; list-style:disc; }

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:14px;  color:#5e5e5e; font-weight:400; line-height:22px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#eeeeee; padding:20px 20px 20px 20px; }
blockquote p{ color: #5e5e5e; font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 0; position:relative; }

hr{ border: 0 #ececec solid; border-top-width: 1px; clear: both; height: 0; margin: 0px 0 50px 0; }

/* 3. Images
------------------------------------------------------------------------------*/
img{ border:none; border-style: none; }

/* 4. Link
------------------------------------------------------------------------------*/
a{ color: #4777ac; transition: all 0.3s ease-in-out; }
a:hover{ color: #4777ac; text-decoration: underline; }
a:active, a.current{ color: #4777ac; }
a:focus{ outline: none; }

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:1px solid #dedede; padding:0 15px; color:#666666; font-size:16px; height:30px; width:100%; box-sizing:border-box; padding-right: 80px; }
textarea{ border:1px solid #dedede; padding:5px 15px; color:#666666; font-size:12px; height:60px; resize:none;  font-family: "PT Serif Caption", serif; line-height:16px; width:100%; box-sizing:border-box; }

input[type="submit"], input[type="button"], input[type="reset"]{ height: 30px; line-height: 30px; background: #709fc6; color: #fff; padding: 0px 15px; border: none; cursor: pointer; transition: all 0.3s ease-in-out; }
input[type="submit"]:hover, input[type="button"]:hover{ background:#dbb55a; color:#fff; }

.search-box{ display:inline-block; position:absolute; right: 0; top: 0; }


/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%; min-height: 100%; height: auto !important; height: 100%; }
.container{ max-width:1014px; width:100%; }
.center-cell{ display:block; text-align:center; }

.footer, .push{ height: 22px; }

/* header */
header{ width:100%; height:auto; }
header .header-top{ display:flex; align-items: center; justify-content:space-between; padding-top: 45px; padding-bottom: 40px; border-bottom: 6px solid #709fc6; }
.logo{ width: 700px; margin:0; }
.site-logo{ text-decoration: none; font-family: "PT Serif Caption", serif; color: #635f52; font-size: 26px; line-height: 30px; }
.site-logo:hover{ text-decoration: none; }
.site-logo svg{ height: 64px; width: 88px; float: left; margin-right: 15px; }
.search-area{ display:inline-block; width: 300px; margin-right: 0; }
.search-area form{ display:inline-block; width:100%; position: relative; }

/* nav */
nav{ width:100%; height:auto; }
nav ul{ display:flex; flex-wrap: wrap; align-items:center; justify-content:center; margin:0; gap: 0 10px; }
nav ul li{ display: inline-block; color: #635f52; font-size: 18px; font-family: "Lato", sans-serif; text-transform: uppercase; margin:0; }
nav ul li a{ color: #635f52; padding: 13px 12px 14px 12px; box-sizing: border-box; display: inline-block; }
nav ul li a:hover, nav .active, nav li.current_page_item a{ background-color: #709fc6; color:#ffffff; text-decoration: none; }
.donate-cell > a{ background:#fee2a4; color:#000000; }

/* footer */
footer{ width:100%; height:auto; }
footer .container{ background: #709fc6; padding-bottom: 40px; text-align: center; position:relative; }
.footer-top{ display:block; width:100%; padding: 40px 30px 30px 30px; box-sizing:border-box; border-bottom: 1px solid #cbe1f2; position:relative; }
footer .container:before{ content:''; display:block; position:absolute; left: 50%; top: -14px; width: 28px; height:28px; background: #fff; border-radius: 50%; transform: translate(-50%, -0%); }
.footer-nav{ display:block; width:100%; }
.footer-nav ul{ margin:0; display:flex; flex-wrap:wrap; align-items:center; gap: 15px 15px; justify-content:center; }
.footer-nav ul li{ font-size: 16px; line-height: 20px; color: #cbe1f2; font-family: "Lato", sans-serif; margin: 0; list-style: none;  }
.footer-nav ul li a{ display: block; text-decoration: none; color: #cbe1f2; }
.footer-nav ul li a:hover{ text-decoration: underline; color:#ffffff; }
.footer-btm{ display:block; width: 100%; padding-top: 20px; }
.footer-btm .center-cell{ display:block; width:100%; text-align:center; }
.border-btn{ display: inline-block; color: #fff; border: 1px solid #fff; padding: 10px 15px 8px 15px; }
.border-btn:hover{ background: #3071a8; border: #3071a8 1px solid; text-decoration: none; color:#ffffff; }
.fotoer-logo{ display: inline-block; text-align: center; text-decoration: none; font-family: "PT Serif Caption", serif; color: #d6e6f3; font-size: 20px; line-height: 22px; margin-top: 25px; }
.fotoer-logo:hover;{ color:#1d76c1 }
.copy-right{ font-size: 12px; color: #93bbdc; margin-top: 8px; }
.fotoer-logo figure svg{ height: 45px; width: 62px; margin-bottom: 12px; fill: #fff; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }



/*--------- home page ------------*/
.main-area{ display:block; width:100%; padding: 40px 0 40px 0; box-sizing:border-box; }
.sub-title{ font-size:18px; line-height: 26px; color:#878683; font-family: "Lato", sans-serif; margin-bottom: 30px; }
.sub-title p{ all: unset; }
.main-area .two-col{ display:flex; max-width: 950px; gap: 50px; }
.main-area .two-col .col-left{ width: 50%; margin-left:0; }
.main-area .two-col .col-right{ width: 50%; margin-right:0; }
.big-text p{ font-size: 18px; line-height: 24px; }
.content-box{ padding: 20px 20px; box-sizing: border-box; background: #eeeeee; }
.center-text{ display:block; width:100%; text-align: center; }
.main-area p a{ text-decoration: underline; }
.banner{ display:block; width:100%; padding-top: 30px; }
.banner figure{ display:block; width:100%; }
.banner figure img{ display:block; width:100%; }


.custom-img{ width:100%; max-width:286px; display:block; }
.left-align-img, .alignleft{ margin:0 30px 5px 0; float:left; }
.right-align-img, .alignright{ margin:0 5px 0 30px; margin-left:auto; float: right; }
.custom-img img{ display:block; width:100%; }
.lives-box{ display:block; width:100%; margin-top:50px; margin-bottom: 50px; padding: 30px 30px; box-sizing:border-box; background:#eeeeee; }
.two-col-area{ display:flex; }
.two-col-area .left-area{ display: block; width:50%; margin-left:0; padding-right: 40px; box-sizing:border-box; }
.two-col-area .right-area{ display: block; width:50%; margin-right:0; padding-left: 40px; box-sizing:border-box; }
.main-count{ color: #809ec2; font-size: 120px; line-height: 120px; display:block; text-align:center; font-family: "Roboto", sans-serif; font-weight:  bolder; margin-bottom: 30px; }

.count-sub-title{ display: block; font-family: "Roboto", sans-serif; font-size: 52px; line-height: 60px; font-weight: 700; color: #e9b544; text-align: center; margin-bottom: 10px; margin-top: 10px; }

.inner-banner{ display:block; width:100%; margin-top:30px; }
.inner-banner figure{ display:block; width:100%; }
.inner-banner figure img{ display:block; width:100%; }
.full-block{ width:100%; margin-left:0; padding-top:50px; }
figure h3{ color: #635f52; font-weight: bold; margin-bottom: 0; font-family: "PT Serif Caption", serif; margin-top:10px; }
figure a{ color: #3071a8; text-decoration: underline; }
.mb-80{ margin-bottom:80px; }
.team-area{ display:flex; flex-wrap:wrap; padding-top: 50px; }
.team-area .team-cell{ display:block; width:50%; margin:0; padding-right: 50px; box-sizing:border-box; margin-bottom: 50px; }
.team-area .team-cell:nth-child( 2n + 2 ){ padding-left: 50px; box-sizing:border-box; padding-right: 0; }
.team-area .team-cell figure{ display:block; width: 196px; margin: 0; margin-bottom: 15px; }
.team-area .team-cell figure img{ display:block; width:100%; }
.team-cell h3{ color:#635f52; font-size: 22px; font-weight:bold; margin-bottom:5px; }
.team-cell h4{ font-size: }
p a, .main-area li a{ text-decoration: underline; }
p a:hover, .main-area li a:hover{ text-decoration: none; }


/*mobile menu*/
/*start*/
#mobile-menu{ display: block; position: relative; z-index: 999999; }
.menu-trigger.open span{background-color: rgba(0,0,0,.0)}
.menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #E74A30; }
.menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: #E74A30; }
#mobile-menu .navbar{ background: #709fc6; position: fixed; top: -100vh; width: 320px; height: 100vh; right: 0; box-sizing: border-box; z-index: 99999; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px 0;}
#mobile-menu .navbar.open{ top:0; }
#mobile-menu  ul ul{ display: none; background: transparent; margin-top: 10px;margin-bottom: 0; }
#mobile-menu  ul ul ul{background: transparent; margin-bottom: 0; }
#mobile-menu  ul ul ul ul{background:rgb(60, 60, 56)}
#mobile-menu  li{ border-bottom:2px solid #000000; list-style: none; position: relative; display: block;margin: 0; padding: 9px 0px 12px 15px; }
#mobile-menu  li:before{ display: none; }
#mobile-menu  li:last-child{ border-bottom-width: 0; }
#mobile-menu  em{display: block;position: absolute;top: 0;right: 0;width: 100%;height: 48px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mobile-menu  em.toggled:after{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg); top: 16px; right: 17px; }
#mobile-menu  em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
#mobile-menu  em.level-two:after{display: none;}
#mobile-menu  em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
#mobile-menu  li a{ color: #fff;padding: 0;display: inline-block; margin-right: 0; line-height: 15px; font-size: 13px; font-weight: 600;letter-spacing: 0.09em; position: relative; z-index: 1; font-weight: 500; cursor: pointer; text-transform: uppercase; }
#mobile-menu  li a:hover{ text-decoration: none; color: #000000; }
#mobile-menu  li li{border-color: transparent; }
#mobile-menu  li li a{text-transform: none;padding-left: 0;}
#mobile-menu  li li li a{padding-left: 25px;margin-right: 0;}
#mobile-menu  li li li li a{padding-left: 30px;margin-right: 0; }
.scroll-hidden{overflow: hidden;height: 100%;}
#mobile-menu li > a{ margin-bottom: 0px; position: relative; }
#mobile-menu li > em:after{ content: ''; display: block; position: absolute; right: 15px; top: 13px; width: 25px; height: 25px; background: url(../images/down-arrow-mobile.svg) no-repeat; background-size: cover; pointer-events: none; transition: all 0.3s ease-in-out; }
.sub-menu.hassub.up-arrow em:after{ transform: rotate(180deg); }
#mobile-menu ul > li > ul > li > em:after{ top:16px; }
#mobile-menu  li li > a{ font-weight: 600; font-size: 13px; line-height: 15px; }
#mobile-menu ul > li{ padding-top: 14px; padding-right: 10px; }
.navbar ul{ margin: 0; }
#mobile-menu ul > li > ul > li{ padding: 9px 20px 8px 20px;  }
#mobile-menu ul > li > ul > li > ul > li:before{ display: none; }
#mobile-menu ul > li > ul > li > ul > li{ padding: 9px 0px 8px 22px;  }
#mobile-menu ul > li > ul > li > ul > li> a{ padding: 0; font-weight: normal; }
.mobile-overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 99;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;opacity: 0;visibility: hidden;}
.mobile-overlay.open{opacity: 1;visibility: visible;}
#mobile-menu ul > li > ul > li > em{ height: 41px; }
#mobile-menu ul > li > ul > li.hassub a:after{ top: 5px;}
#mobile-menu ul > li a:after{ display: none; }
#mobile-menu ul > li.hassub > a:After{ display: inline-block; }
.contact-mb-info{ display: block;width: 100%;padding: 20px 10px;border-top: 2px solid #555555;margin-top: 17px; box-sizing: border-box; }
.contact-mb-info ul{ display: block; width: 100%; float: left; display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: baseline;align-content: stretch;}
#mobile-menu .contact-mb-info ul li{ font-size: 16px; line-height: 18px; color:#fff; font-weight: normal; text-transform: none; border-bottom: 0; padding: 0px 5px; box-sizing: border-box; float: left; }
#mobile-menu .contact-mb-info ul li > a{ font-size: 13px; line-height: 15px; color:#fff; font-weight: normal; }
#mobile-menu .contact-mb-info ul li:before{ display: none; }
.menu-area{ display: block; width: 100%; margin-top: 0; height: calc( 100vh - 80px ) }
.menu-area ul{ display: block; }
#mobile-menu ul > li.active > a, #mobile-menu .current_page_item > a { color: #000000; }
.menu-area ul li{ display: block; float: none; }
.menu-trigger { display: block; width: 42px; height: 42px; position: fixed; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 999999; right: 320px; top: -50px; transition: all 1s ease-in-out; }
#mobile-menu.open .menu-trigger{ top:7px; }
.menu-trigger span, .menu-trigger span:after, .menu-trigger span:before{ height: 3px; transition: all 0.5s ease-in-out; } 
.menu-trigger span {position: absolute; display: block; width: 30px; left: 50%; top: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); }
.menu-trigger span:after, .menu-trigger span:before { border-radius: 25%; top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #ffffff; } 
.menu-trigger span:before {top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #ffffff; } .menu-trigger span:after, .menu-trigger span:before { content: ''; position: absolute; left: 0; width: 100%; border-radius: 25%; }
.menu-overlayer{ display: block; position: fixed; width: 0; height: 100vh; right: 0; bottom: 0; background: rgba(0,0,0,0.6); transition: all 0.3s ease-in-out; opacity: 0; }
.menu-overlayer.open { width: 100vw; height: 100vh; opacity: 1; top:0; }
.navbar ul.third-menu, .navbar ul.second-menu{ display: none; margin-top: 25px; border-top: 2px solid #555555; }
.second-menu li .new-post{ float: right; margin-top: 2px; margin-left: 0; margin-right: 0; position: absolute; right: 5px; top:12px; }
#mobile-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:  rgba(255, 187, 35, 0.75); }
#mobile-menu ul > li.active > a, #mobile-menu .current_page_item > a{ color: #000000; }
#mobile-menu li a:hover{ background:transparent; color:#000; }
/*end*/

/*mobile menu*/
/*start*/
.mb-toggled.mb-closed{ position: relative; display: none; float:right; }	
.mb-button{ position: relative; right: 0; top: 0; }
.mb-button span { display: block; margin: 4px 0px 6px 0px; height: 2px; background: #709fc6; width: 28px; float: none; border-radius: 24px; } 
.pb-0{ padding-bottom: 0 !important; }
.sub-menu-toggle{ display: none; }
/*end*/

.box-banner *{ margin: 0; padding: 0; box-sizing: border-box; font-family: "Lato", sans-serif; }
.box-banner{ display:block; overflow: hidden; }
.top-layout{ width: 100%; display: flex; gap: 10px; } 
.left-column{ width: 250px; flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; }
.top-blue{ height: 188px; background: #89a4c7; } 
.doctor-box{ height: 200px; overflow: hidden; background: #fff; } 
.doctor-box img{ width: 100%; height: 100%; object-fit: cover; display: block; object-position: center -25px; } 
.big-box{ width: 410px; height: 394px; position: relative; overflow: hidden; flex-shrink: 0; } 
.big-box img {width: 100%; height: 100%; object-fit: cover; display: block; } 
.caption{ position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background: #89a4c7; display: flex; align-items: center; padding: 0 16px; } 
.caption-icon{ width: 46px; margin-right: 14px; position: relative; flex-shrink: 0; } 
.caption-icon img{ display:block; width:100%; }
.caption h3{ color: #fff; font-size: 18px; line-height: 24px; font-weight: 500; }
.right-grid{ width: 334px; display: grid; grid-template-columns: 162px 162px; gap: 10px; } 
.small-box{ height: 193px; overflow: hidden; position: relative; } 
.small-box img{ width: 100%; height: 100%; object-fit: cover; display: block; } 
.gold{ background: #d8b55c; } 
.blue{ background: #89a4c7; } 
.dark{ background: #232d63; } 
.research{ display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.research-icon{ font-size: 48px; color: #fff; margin-bottom: 6px; } 
.research-icon img{ display:inline-block; width: 50px; }
.research h2{ color: #fff; text-align: center; font-size: 24px; line-height: 26px; font-weight: 500; }
.training {display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; } 
.training h2{ color: #fff; font-size: 22px; line-height: 26px; font-weight: 500; }
.bottom-layout{ margin-top: 10px; width: 100%; display: flex; gap: 10px; } 
.video-box{ width: 510px; height: 190px; background: #d8b55c; display: flex; align-items: center; justify-content: center; text-align: center; } 
.play{ width: 62px; height: 42px; background: #fff; border-radius: 10px; margin: 0 auto 18px auto; position: relative; } 
.play:after{ content: ""; position: absolute; left: 25px; top: 11px; border-left: 14px solid #d8b55c; border-top: 9px solid transparent; border-bottom: 9px solid transparent; } 
.video-box h2{ color: #fff; font-size: 23px; line-height: 26px; font-weight: 500; }
.bottom-right{ width: 493px; display: flex; gap: 10px; } .surgery-box {width: 150px; height: 190px; overflow: hidden; } 
.surgery-box img{ width: 100%; height: 100%; object-fit: cover; display: block; } 
.newsletter{ width: 333px; height: 190px; background: #89a4c7; position: relative; padding: 14px; } 
.news-top{ display: flex; gap: 10px; } 
.doc{ width: 42px; position: relative; } 
.doc img{ display:block; width:100%; }
.newsletter h2{color: #fff; font-size: 26px; line-height: 28px; font-weight: 500; }
.newsletter p{ color: #dfe7f2; font-size: 21px; line-height: 24px; }
.form{ display: block; margin-top: 14px; } 

.form input{ width: 100%; height: 26px; border: none; padding: 0 8px; font-size: 12px; } 
.form button{ width: 70px; border: 2px solid #dfe7f2; background: #89a4c7; color: #fff; font-size: 12px; transition: all 0.3s ease-in-out; cursor: pointer; } 
.form button:hover{ background: #3071a8; border: #3071a8 1px solid; }
.math{ margin-top: 22px; text-align: center; color: #fff; font-size: 12px; } 
.answer{ width: 28px; display: inline-block; vertical-align: middle; } 
.answer input{ height: 22px; background: #fff; border: 2px solid #333; width:100%; padding:0 5px !important; font-size: 12px; box-sizing:border-box; }
.archive{ position: absolute; right: 14px; bottom: 10px; color: #fff; font-size: 12px; text-decoration: underline; }

.form > .wpcf7-form-control-wrap{ position:relative; }
.form p:has(.wpcf7-form-control-wrap){ position:relative; }
.form  .wpcf7-form-control-wrap input[type="email"]{ width: 100%; height: 26px; border: none; padding: 0 8px; font-size: 12px; }
.form input[type="submit"].wpcf7-form-control{ width: 52px; border: 2px solid #dfe7f2; background: #89a4c7; color: #fff; font-size: 12px; line-height: 12px; transition: all 0.3s ease-in-out; cursor: pointer; position: absolute; right: 0; top: 2px; height: 27px; box-sizing: border-box; text-align: center; }
.form input[type="submit"].wpcf7-form-control:hover{ background: #3071a8; border: #3071a8 1px solid; }
.wpcf7-spinner{ position:absolute; right: 2px; top: 30px; }

.dscf7_lt{ margin-top: 22px; text-align: center; color: #fff; font-size: 12px; }
.dscf7-captcha-container{ width: inherit; background: transparent; border-radius: 0; padding: 15px; padding: 0; display:flex; align-items:center; justify-content: center; margin-top: 10px; }
#dscf7captcha-input{ height: 22px; background: #fff; border: 2px solid #333; width:100%; padding:0 5px !important; font-size: 12px; box-sizing:border-box; }
.dscf7_lt{ margin-top: 10px; }
.dscf7-answer-container{ width: 120px; margin-left: 10px; }
.dscf7-captcha-container span.dscf7_lt{ color: #fff; font-size: 12px; padding-right: 21px; }
.dscf7-captcha-container span.dscf7_lt .dscf7_refresh_captcha{ position: absolute; right: 0; top: 4px; display: flex; align-items: center; justify-content: center; width: 14px; }
.wpcf7-not-valid-tip{ color: red; font-size: 12px; position: absolute; top: 27px; }
.dscf7-captcha-container .wpcf7-not-valid-tip{ font-size: 10px; margin-top: 1px; margin-left: 30px; width: 120px; }
.wpcf7 form.invalid .wpcf7-response-output{ border-color: #ffb900; margin: 0; font-size: 8px; width: 126px; line-height: 12px; color: #fff; padding: 2px 4px; }
/*.jcw-digit{ font-family: "Roboto", sans-serif !important; font-weight: bold !important; width: auto !important; font-size: 90px !important; }*/


a.research:hover{ text-decoration: none; background:#b69339; }
a.training:hover{ text-decoration: none; background:#7a95b8; }
a.video-box:hover{ text-decoration: none; background:#b69339; }
.caption{ transition: all 0.3s ease-in-out; }
a.big-box:hover .caption{ height: 100px; background:#6e8aae; }
.post-thumbnail img{ max-width: 100%; }

/*updated*/
.btn{ text-decoration: none; display: inline-block; color: #fff; border: 1px solid #709fc6; padding: 10px 15px 10px 15px; background: #709fc6; font-size: 13px; font-weight: 400; cursor:pointer; text-decoration:none !important; }
.btn:hover{ background: #3071a8; border: #3071a8 1px solid; color: #fff; text-decoration: none; }
.faq-area{ display:block; width:100%; margin-bottom:20px; }
.faq-area .faq-cell{ display:block; width:100%; }
.faq-area .faq-cell .faq-que{ display:block; font-size: 16px; line-height: 26px; cursor: pointer; color: #333333 !important; border-bottom: 1px solid #e8e6e6; box-sizing: border-box; overflow: hidden; margin: 0; padding: 10px 0px; padding-left: 39px; width: 100%; text-decoration: none; position:relative; }
.faq-area .faq-cell .faq-que:before{ background: none repeat scroll 0 0 #666; color: #fff; content: "+"; height: 30px; line-height: 30px; left: 0; position: absolute; text-align: center; top: 7px; width: 30px; }
.faq-area .faq-cell .faq-que.open:before{ content:'-'; }
.faq-area .faq-cell .faq-que.open{ border-bottom:0; }
.faq-ans{ display:block; width: 100%; padding: 20px 0; box-sizing:border-box; }
.faq-ans img{ max-width: 185px; }
.body-photo-right{ width:50%; }
.spacer{ margin-bottom: 70px; display:block; }
.news-letter-grp{ display:flex; flex-wrap:wrap; gap: 30px 30px; max-width: 800px; padding-top:50px; }
.news-letter-cell{ width: calc( 50% - 15px); margin:0; padding: 20px 20px; box-sizing:border-box; border: 1px solid #eeeeee; }
.news-letter-cell img{ display:block; width:100%; height:auto; }
.news-letter-cell ul{ margin:0; margin-bottom:30px; }
.news-letter-cell ul li{ padding:0; margin-bottom:15px; list-style: none; }
.news-letter-cell ul li a{ color:#3071a8; text-decoration: none; }
.news-letter-cell ul li a:hover{ text-decoration: underline; }
.contact-form{ display:block; width:100%; }
.contact-form .fieldset{ margin-bottom:20px; }
.contact-form .captcha{ display: flex; gap: 10px; align-items: center; }
.contact-form .captcha input[type="text"]{ width:60px; padding: 0 10px; box-sizing:border-box; text-align:center; font-size: 14px;     font-family: "PT Serif Caption", serif; }		
.pre-text, .post-text{ margin:0; }
.contact-form-area .col-left p{ margin-bottom:0; }
.center-cell.mt-20{ margin-top:20px; }

/*blog details sec*/
.blog-details-sec{ display:block; width:100%; padding-top: 30px; padding-bottom:50px; }
.blog_sec{ display:block; width: 100%; padding: 20px 0 50px 0; box-sizing:border-box; }

/*blog page*/
.blog-banner h1{ margin-bottom: 30px; }
.blog-cell-area{ display:flex; flex-wrap:wrap; gap: 75px 45px; }
.blog-cell-area .blog-cell{ width: calc( 50% - 23px); margin:0; }
.blog-cell-img{ display:block; width:100%; margin-bottom: 23px; } 
.blog-cell-img img{ display:block; width:100%; height: auto; } 
.blog-cell .section-title{ color: #F8B7B1; font-size: 20px; line-height:0.99; letter-spacing: 3px; font-weight: 300; font-family: 'Matter-Light'; }
.blog-cell h5{ font-size: 30px; line-height: 0.9; font-weight: 300; font-family: 'Matter-Light'; color: #ffffff; text-transform: capitalize; margin-bottom: 0; padding-top: 20px; }
.blog-cell h5 a{ color:#ffffff; }
.blog-cell h5 a:hover{ color:#EE4A3C; text-decoration: none; }
.blog_sec{ display:block; width:100%; padding-bottom: 50px; }
.blog_wrapper .center-cell{ display:block; width:100%; padding-top: 40px; box-sizing:border-box; text-align: center; }
.blog_wrapper .center-cell .load-more-btn{ font-size: 18px; line-height: 26px; color: #4777ac; text-decoration: underline; text-transform: uppercase; text-underline-offset: 6px; font-family: 'Matter-Light'; }
.blog_wrapper .center-cell .load-more-btn:hover{ color:#4777ac; text-decoration: none; } 
.blog-cell .border-under-info .animated-btn{ text-decoration: none !important; text-underline-offset: 0; }

/*blog details page*/
.blog-details-sec, .default_content{ display:block; width:100%; background: #ffffff; padding-top:50px; padding-bottom: 60px; }
.blog-details-sec h1, .blog-details-sec p, .blog-details-sec h2, .blog-details-sec h3, .blog-details-sec h4, .blog-details-sec h5,
.default_content h1, .default_content p, .default_content h2, .default_content h3, .default_content h4, .default_content h5{ color:#5e5e5e; }
.blog-details-sec h3, .default_content h3{ font-size: 27px; font-family: 'MatterSQ-Bold'; margin-bottom: 35px;  margin-top: 40px; }
.blog-details-sec h4, .default_content h4{ font-size: 24px; font-family: 'MatterSQ-Bold'; margin-bottom: 10px;  margin-top: 40px; }
.blog-details-sec h5, .default_content h5{ font-family: 'Matter-Light'; margin-bottom: 10px; font-size: 24px; }
.blog-detail-info-area h1, .default_content h1{ font-size:28px; line-height: 42px; margin-bottom:20px; color:#635f52; font-family: "Lato", sans-serif; }
.blog-main-img{ display:block; width:100%; height: 595px; background-size: cover !important;
    background-position: center center !important; margin-bottom: 30px; }
.blog-detail-info-area ul li p{ margin-bottom:0; }
.bottom-btn-wrap{ display:block; width:100%; }
.bottom-btn-wrap .animated-btn{ display: inline-block; font-size: 20px; line-height: 1.3; letter-spacing: 3px; font-family: 'MatterSQ-Regular'; padding: 11px 40px; box-sizing: border-box; border-radius: 10px; color: #fff; background: #29A94A; }
.bottom-btn-wrap .animated-btn:hover{ color: #fff; background: #289b45; text-decoration: none; }
.bottom-btn-wrap .animated-btn:before{ display:none; }
.bottom-btn-wrap .animated-btn:after{ width:100%; display:none; }
.bottom-btn-wrap .animated-btn .btn-text{ color:#ffffff; padding: 0 25px 0 25px; opacity:1; }
.nav-links{ display: block; padding-top: 30px; padding-top: 30px; }

.nav-links:before, .nav-links:after { content: ""; display: table; }
.nav-links:after { clear: both; }
.nav-links { zoom: 1; }

.nav-links .nav-previous{ width: 40%; margin:0; float:left; }
.nav-links .nav-next{ width: 40%; margin:0; text-align: right; float: right; }
.nav-links a{ text-decoration: underline; }
.nav-links a:hover{ text-decoration: none; }
.captcha .dscf7-question-container{ margin:0; }
.captcha span.dscf7_lt{ color: #5e5e5e; font-size: 14px; font-weight: 400; line-height: 22px; }
hr{ border: 0 #ececec solid; border-top-width: 1px; clear: both; height: 0; margin: 25px 0 20px 0; }

.search-results h2{ font-size: 22px; line-height: 28px; }
.search-results h2 a{ text-decoration: underline; }
.search-results h2 a:hover{ text-decoration: none; }

.search-results .newsletter{ all: unset; }

img.aligncenter{ display:block; margin: 0 auto; }

.cntr{ display:block; text-align:center; margin-bottom: 40px; }
ul.blue-nav{ list-style: none; margin: 0; padding: 0; }
.blue-nav li{ display: inline-block; }
.block-btn{ display: inline-block; background-color: #88a5b5; border: 1px solid #88a5b5; color: #fff; line-height: 27px; text-align: center; padding: 0 20px; border: 1px solid #dedede; text-decoration: none !important; }
.block-btn:hover, .block-btn.active{ color: #297fac; border: 1px solid #dedede; background-color: #fff; }

h4.newsletter-title {
    padding-top: 15px;
}