/* Theme Name: MortgageBroker - Blue - FAQ Theme URI: http:// Description: Author: Author URI: http:// Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, gray, white, red */ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} html,button,input,select,textarea{color:#222;} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;} audio,canvas,img,video{vertical-align:middle;} fieldset{border:0;margin:0;padding:0;} textarea{resize:vertical;} ul, li { margin: 0; padding: 0; list-style: none; } .browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0;} ::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;} .container { margin: 0 auto; position: relative; width: 1041px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .container { *zoom: 1; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { outline: none!important; text-decoration: none; color: #1b75bb; transition: all 300ms ease; } a:hover { text-decoration: none; } ul,li { margin: 0; padding: 0; } p { margin: 0; } h1,h2,h3,h4 { margin: 0; padding: 0; font-weight: normal; } img { max-width: 100%; } blockquote { margin: 0; } html, body{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */ overflow-x:hidden; } body { font-family: 'Open Sans', sans-serif; color: #58585a; font-size: 11px; } .temp-hidden {opacity: 0 !important;} /* ========================================================================== My responsive helpers ========================================================================== */ .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row { *zoom: 1; } .col12{width:100%;float:left;} .col11{width:91.666666666667%;float:left;} .col10{width:83.333333333333%;float:left;} .col9{width:75%;float:left;} .col8{width:66.666666666667%;float:left;} .col7{width:58.333333333333%;float:left;} .col6{width:50%;float:left;} .col5{width:41.666666666667%;float:left;} .col45{width:38.33333333%;float:left;} .col4{width:33.333333333333%;float:left;} .col3{width:25%;float:left;} .col25{width:20%;float:left;} .col2{width:16.666666666667%;float:left;} .col1{width:8.3333333333333%;float:left;} /* ========================================================================== Header ========================================================================== */ header { position: relative; padding-bottom: 25px; } #logo { width: 322px; height: 80px; background: url(images/logo_blue.png) no-repeat; background-size: contain; float: left; margin: 65px 0 0; text-indent: -999999px; overflow: hidden; } #menu { float: right; margin-top: 118px;} #menu li { display: inline-block; margin-left: 10px; } #menu li a { display: inline-block; font-weight: 800; color: #babbbe; font-size: 18px; font-family: 'Source Sans Pro', sans-serif;} #menu li.current-menu-item a, #menu li a:hover { color: #2aa3ef; } header .social { position: absolute; right: 0; top: 15px; } header .social a { margin-left: 5px; } #menu-toggle { display: none; } /* ========================================================================== Homepage ========================================================================== */ #home-boxes #home-slider {height: auto;} #home-slider { height: 507px; position: relative; font-size: 14px; font-weight: 300;} #home-slider li { list-style: disc; margin-left: 15px; } #home-slider .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; /* opacity: 1; transition: opacity 1s; */} #home-slider .slide1 { background-image: url(images/slide1.jpg); } #home-slider .slide .container { min-height: 100%; height: 100%; } #home-slider .slide .box, .blog-bg .box-info, .contact-map .box-info {font-size: 18px; min-height:320px;} #home-slider .slide1 .box { position: absolute; bottom: 0; left: 0; background: #fff; padding: 25px;} #home-slider .slide1 .box:after { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 20px; border-color: transparent transparent transparent #ffffff; content: ""; top: 50%; margin-top: -25px; right: -20px; position: absolute; } #home-slider .slide1 .box h2, .page-template-page-testimonials #page-intro h2 { font-size: 42px; color: #2aa3ef; font-weight: 800; margin-bottom: 13px; line-height: 1em;} #home-slider .slide1 .box blockquote, .page-template-page-testimonials #page-intro blockquote { font-size: 14px; color: #2b2f35; font-style: italic; display: inline;} #home-slider .slide1 .box span.cite, .page-template-page-testimonials #page-intro span.cite { display: inline; color: #2aa3ef; font-weight: 600; font-size: 14px; margin-bottom: 10px; } .icon-link, #home-slider .slide .box a { padding-left: 12px; display: block; background: url(images/icon-arrow-blue.png) left center no-repeat; font-size: 14px; color: #2b2f35; margin-top: 20px; } .page-template-page-testimonials #page-intro blockquote, .page-template-page-testimonials #page-intro a { font-weight: 300; } .icon-link-inline { padding-left: 12px; background: url(images/icon-arrow-blue.png) left center no-repeat; font-size: 14px; color: #2b2f35; margin-left: 6px; } .margin-left-20 { margin-left: 20px; } .icon-link.white, .icon-link-inline.white, #home-slider .slide2 .box a, #home-slider .slide3 .box a { color: #fff; background: url(images/icon-arrow-white.png) left center no-repeat; } .icon-link.red, .icon-link-inline.red { color: #2aa3ef; } .grey { color: #bcbdbf; } /*karl new start*/ #home-slider .slide2 { background-image: url(images/slide2.jpg); } #home-slider .slide2 .box { position: absolute; bottom: 0; left: 0; background: #2aa3ef; padding: 25px; color: #fff; } #home-slider .slide2 .box h2 { font-size: 42px; font-weight: 800; line-height: 1; margin-bottom: 10px; } #home-slider .slide2 .box p { font-size: 18px; line-height: 1.3; margin-bottom: 15px; } #home-slider .slide3 { background-image: url(images/slide3.jpg); } #home-slider .slide3 .box { position: absolute; bottom: 0; left: 0; background: #2aa3ef; padding: 25px; color: #fff; } #home-slider .slide3 .box h2 { font-size: 42px; font-weight: 800; line-height: 1; margin-bottom: 10px; } #home-slider .slide3 .box p { font-size: 18px; line-height: 1.3; margin-bottom: 15px; } #home-slider .slide3 .icon { width: 141px; height: 138px; background: url(images/icon1.png); top: -65px; right: -65px; position: absolute; } #home-slider .slide4 { background-image: url(images/slide4.jpg); } #home-slider .slide4 .box { position: absolute; bottom: 0; left: 0; background: #ebebeb; padding: 25px; } #home-slider .slide4 .box h2 { font-size: 42px; font-weight: 800; line-height: 1; margin-bottom: 10px; color: #2aa3ef; } #home-slider .slide4 .box p { font-size: 18px; line-height: 1.3; margin-bottom: 25px; } #home-boxes #home-slider{display: none;} #home-boxes #home-slider .box {display: block;} #home-boxes #home-slider .slide { position: relative; width: 100%; height: auto; background-image: none; } #home-boxes #home-slider .slide1 { background-image: url(images/slide1.jpg); } #home-boxes #home-slider .slide .container { min-height: 100%; height: 100%; } #home-boxes #home-slider .slide .box {font-size: 18px; min-height:320px;} #home-boxes #home-slider .slide1 .box {position: relative; width: 100%; height: auto; background: #fff; padding: 25px;} #home-boxes #home-slider .slide1 .box:after { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 20px; border-color: transparent transparent transparent #ffffff; content: ""; top: 50%; margin-top: -25px; right: -20px; position: absolute; } #home-boxes #home-slider .slide1 .box h2{ font-size: 42px; color: #2aa3ef; font-weight: 800; margin-bottom: 13px; line-height: 1em;} #home-boxes #home-slider .slide1 .box blockquote{ font-size: 14px; color: #2b2f35; font-style: italic; display: inline;} #home-boxes #home-slider .slide1 .box span.cite { display: inline; color: #2aa3ef; font-weight: 600; font-size: 14px; margin-bottom: 10px; } #home-boxes #home-slider .slide2 .box {position: relative; width: 100%; height: auto; background: #2aa3ef; padding: 25px; color: #fff; } #home-boxes #home-slider .slide2 .box h2 { font-size: 42px; font-weight: 800; line-height: 1em; margin-bottom: 10px; } #home-boxes #home-slider .slide2 .box p { font-size: 18px; line-height: 1.3; margin-bottom: 15px; } #home-boxes #home-slider .slide3 .box { position: relative; width: 100%; height: auto; background: #2aa3ef; padding: 25px; color: #fff; } #home-boxes #home-slider .slide3 .box h2 { font-size: 42px; font-weight: 800; line-height: 1em; margin-bottom: 10px; } #home-boxes #home-slider .slide3 .box p { font-size: 18px; line-height: 1.3; margin-bottom: 15px; } #home-boxes #home-slider .slide3 .icon { width: 141px; height: 138px; background: url(images/icon1.png); top: -65px; right: -65px; position: absolute; } #home-boxes #home-slider .slide4 .box { position: relative; width: 100%; height: auto; background: #ebebeb; padding: 25px; } #home-boxes #home-slider .slide4 .box h2 { font-size: 42px; font-weight: 800; line-height: 1em; margin-bottom: 10px; color: #2aa3ef; } #home-boxes #home-slider .slide4 .box p { font-size: 18px; line-height: 1.3; margin-bottom: 25px; } #home-boxes #home-slider .container{padding: 0;} /*karl new end*/ #home-slider .prev, #home-slider .next { width: 13px; height: 21px; background: url(images/icon-arrows.png); position: absolute; top: 50%; margin-top: -10px; left:50px; text-indent: -999999px; overflow: hidden; z-index: 101; } #home-slider .next { background-position: top right; left: auto; right: 50px; } #main { background: #ebebeb; } #home-boxes { } .hbox { padding: 25px; min-height: 345px; position: relative; } .hbox1 { background: #2b2f35; color: #fff; padding: 25px 25px 60px; } .hbox1 h3 { font-size: 25px; color: #2aa3ef; font-weight: 800; line-height: 1em; margin-bottom: 15px; } .hbox1 p { font-size: 15px; } .hbox1 .icon-link { position: absolute; bottom: 25px; left: 25px; } .hbox2 { background: #1c6fcc; color: #fff; padding: 23px 25px 65px; position: relative; } .hbox2 h3, .contact-box h3 { font-size: 29px; color: #fff; font-weight: 800; line-height: 1.2em; } .hbox2 h3 span, .contact-box h3 span { display: block; color: #bcbdbf; } .hbox2 .icon-link { position: absolute; bottom: 25px; left: 25px; } .tooltip { line-height: 1em; padding: 20px; border-radius: 30px; position: absolute; top: -52px; right:55px; background: #2aa3ef; z-index: 101; font-family: 'Source Sans Pro', sans-serif; font-size: 19px; color: #fff!important; display: inline-block;} .tooltip:after { width: 0; height: 0; border-style: solid; border-width: 20px 25px 0 25px; border-color: #2aa3ef transparent transparent transparent; display: block; content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -25px; } .hbox3 { background: url(images/img1.jpg); background-size: cover; } .hbox3 h3 { font-size: 25px; color: #2aa3ef; font-weight: 800; line-height: 1.2em; margin-bottom: 15px; } .hbox3 p { font-size: 22px; color: #2b2f35; line-height: 1.5em; font-weight: 300; } .hbox3 .text9 li, .leftbox li { color: #2b2f35; font-size: 22px; font-weight: 300; line-height: 1.2em; list-style: outside none none; margin-bottom: 14px; text-indent: -0.8em; width: 160px; } .leftbox li { text-indent: -1.3em; width: auto; } .hbox3 .text9 li::before, .leftbox li::before { background-color: #2aa3ef; border-radius: 4px; content: ""; display: inline-block; height: 8px; margin-bottom: 4px; margin-right: 10px; vertical-align: middle; width: 8px; } .leftbox li::before { background-color: #000000; height: 6px; width: 6px; } .hbox3 ul.text9 { margin-left:20px; } .hbox3 p span { color: #2aa3ef; } .hbox4 { background: #fff; color: #fff; } .hbox4 h3 { font-size: 25px; color: #2aa3ef; font-weight: 800; line-height: 1.2em; margin-bottom: 15px; } .hbox4 p { font-size: 15px; color: #111111; line-height: 1.5em; font-weight: 300; } .nbox { padding: 25px 25px 55px; min-height: 365px; position: relative; } .nbox img { margin-bottom: 20px; } .nbox h3 { font-size: 25px; color: #2aa3ef; font-weight: 800; line-height: 1em; margin-bottom: 15px; } .nbox p { font-size: 15px; color: #111111; font-weight: 300; line-height: 1.4em; margin-bottom: 10px; } .nbox p a { color: #2aa3ef; text-decoration: underline; display: inline-block;} .nbox .info { padding-top:15px; border-top:2px solid #fff; position: absolute; bottom:15px; left: 25px; right: 25px; } .nbox .info p { font-size: 12px; color: #394245; margin: 0; } .nbox1 { background: #cecdcc; } .nbox2 { background: #fff; } .nbox3 { background: #1c6fcc; } .nbox2 .info { border-top:2px solid #cecdcc; } .nbox3 .info p { color: #fff; } .nbox3 p, .nbox3 p a, .nbox3 h3 { color: #fff; } /* ========================================================================== Home loans ========================================================================== */ #loans-wrapper { } .loan-item { } .loan-item>div { padding: 25px; } .sidebox { background: #2b2f35; color: #e7e6e2; } .sidebox h2 { font-size: 48px; line-height: 1em; font-weight: 800; margin-bottom: 20px; } .sidebox p { font-size: 14px; line-height: 1.3em; font-weight: 300; margin-bottom: 20px; } .leftbox { background: #fff; color: #000000; } .leftbox p { font-size: 14px; line-height: 1.3em; font-weight: 300; margin-bottom: 10px; } .leftbox ul { padding-left: 15px; margin-bottom: 10px; } .leftbox li { list-style: none; padding-left: 6px; font-weight: 300; margin-bottom: 8px; font-size: 14px; } .leftbox h3 { font-size: 20px; font-weight: 800; color: #2aa3ef; margin-bottom: 10px; } .leftbox .icon-link { margin-right: 10px; } .color1 .sidebox { background: #cecdcc; color: #394245; } .color1 .leftbox { background: #f5f5f5; } .color2 .sidebox { background: #2aa3ef; color: #fff; } /* ========================================================================== Testimonials ========================================================================== */ #page-intro { height: 507px; } #page-intro.testimonials-bg { background: url(images/slide1.jpg) top center; background-size: cover; } #page-intro .container { min-height: 100%; height: 100%; } #page-intro .box-info { position: absolute; bottom: 0; left: 0; background: #fff; padding: 25px; min-height: 300px; } #page-intro .box-info:after { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 20px; border-color: transparent transparent transparent #ffffff; content: ""; top: 50%; margin-top: -25px; right: -20px; position: absolute; } #page-intro h2 { color: #2aa3ef; font-size: 45px; font-weight: 800; line-height: 1em; } #testimonials-wrapper { position: relative; overflow: hidden; } .testimonial { padding: 55px 35px; } .testimonial .no-quote { color: #fff; font-size: 21px; font-weight: bold; } .testimonial .no-quote ul { margin-top: 20px; } .testimonial .no-quote li { list-style: disc inside none; } .testimonial .no-quote a { color: #fff; font-weight: normal; } .testimonial.color1 { background: #2b2f35; } .testimonial.color2 { background: #1c6fcc; } .testimonial.color3 { background: #fff; } .testimonial.color4 { background: #cecdcc; } .testimonial blockquote { color: #fff; font-size: 21px; font-style: italic; } .testimonial.color3 blockquote, .testimonial.color4 blockquote { color: #2b2f35; } .testimonial blockquote span.cite { font-weight: 600; } .grid-sizer { width:33.3333%; float:left; height: 40px; } .testimonial.height1 { height: 326px; } .testimonial.height2 { height: 588px; } .testimonial.height4 { height: 294px; } /* ========================================================================== About ========================================================================== */ .about-box { padding: 25px; } .about-box h3 { color: #2aa3ef; font-size: 25px; font-weight: 800; margin-bottom: 10px; } .about-box p { font-size: 14px; font-weight: 300; margin-bottom: 10px; color: #394245; } .about-box p a { color: #2aa3ef; } .about-box.color1 { background: #cecdcc; } .about-box.color1 h4 { font-size: 16px; font-weight: 800; color: #2b2f35; } .about-box.color2 { background: #1c6fcc; } .about-box.color2 p { color: #fff; font-size: 20px; color: #fff; margin-bottom: 25px; font-weight: 400; padding-top: 15px; } .section-bg1 { background: #fff; } .about-box.color3 img { margin-bottom: 15px; } .about-box.color4 { background: #2b2f35; color: #fff; } .about-box.color4 p { color: #fff; } .about-box.color4 .icon-link { margin-right: 10px; } .about-box.nopad { padding: 0; } .about-box.nopad>div { padding: 25px; } /* ========================================================================== Contact Us ========================================================================== */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#000;opacity:1;} input:-moz-placeholder, textarea:-moz-placeholder { color:#000;opacity:1;} input::-moz-placeholder, textarea::-moz-placeholder { color:#000;opacity:1;} input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#000;opacity:1;} #page-intro.contact-map { position: relative; } #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #page-intro.contact-map .box-info { background: #2b2f35; color: #fff; z-index: 2; } #page-intro.contact-map .box-info h2 { color: #fff; margin-bottom: 15px; } #page-intro.contact-map .box-info p { color: #fff; font-size: 20px; font-weight: 400; line-height: 1.2em; } .contact-sect1 { background: #fff; } .contact-box { padding: 25px; } .contact-box.style1 h2 { font-size: 43px; color: #2b2f35; font-weight: 800; } .contact-box.style1 h3 { font-size: 25px; color: #2aa3ef; font-weight: 800; line-height: 1em; } .contact-box.style2 { background: #1c6fcc; color: #bcbdbf; vertical-align: top;padding-top: 4px;} .contact-box.style2 p { font-size: 29px; font-weight: 800; line-height: 1.3em; margin-bottom: 20px; } .contact-box.style2 p span { display: block; color: #fff; } .contact-sect2 { background: #fff; } .contact-box.style3 { background: #cecdcc; } .contact-box.style3 h3 { font-size: 25px; color: #2aa3ef; font-weight: 800; line-height: 1em; margin-bottom: 15px; } .contact-box input[type="text"], .contact-box textarea, .contact-box input[type="email"], .contact-box select { display: block; width: 100%; padding: 0 15px; height: 40px; background: none; border:1px solid #fff; font-family: "Open Sans"; color: #000; font-size: 18px; font-weight: 300; opacity: 1; margin-bottom: 5px; border-radius: 0; } .contact-box .menu-459 { width: 319px; overflow: hidden; border: 1px solid #fff; display: inline-block; } .contact-box .menu-459 select { width: 340px; border: none; margin-bottom: 0; height: 38px; background: transparent url(images/select-arrow-black.png) 285px center no-repeat; } .contact-box textarea { height: 95px; resize: none; padding: 15px; } .contact-box input[type="submit"] { float: right; width: 150px; height: 40px; background: #2aa3ef; border: 0 none; font-family: "Open Sans"; color: #fff; font-size: 18px; font-weight: 800; /* margin-top: 8px; */ } .row-f { margin: 0 -2px; } .row-f>div { padding: 0 2px; } .contact-box.style4 { font-size: 14px; } .contact-box.style4 h3 { font-size: 25px; color: #2aa3ef; font-weight: 800; line-height: 1em; margin-bottom: 8px; } .contact-box.style4 h3:nth-child(2) {margin-top: 25px; } .contact-box.style4 h4 { font-size: 16px; color: #394245; font-weight: 800; line-height: 1em; margin-bottom: 4px; margin-top: 25px; } .contact-box.style4 p { font-size: 14px; color: #2b2f35; font-weight: 300; line-height: 1.4em; margin-bottom: 15px; } .contact-box div.wpcf7-response-output { clear: both; margin-top: 15px; } .disclaimer { font-weight: 600; font-size: 14px; margin-top:8px; } .disclaimer span { display:; float: left; width: 15px; margin-right: 4px} .disclaimer p { display: block; float: left; width: 100%; margin-bottom: 6px;} /* ========================================================================== Blog ========================================================================== */ #page-intro { height: 507px; } #page-intro.blog-bg { background: url(images/slide5.jpg) top center; background-size: cover; } #page-intro.blog-bg .box-info { background: #2b2f35; } #page-intro.blog-bg .box-info:after { display: none;} #page-intro.blog-bg .box-info h2 { color: #fff; margin-bottom: 20px; } #page-intro.blog-bg .box-info p { color: #fff; font-size: 20px; font-weight: 400; line-height: 1.2em; } #blog-wrapper { width: 100%;} #blog-wrapper .item { position: relative; height: 340px; background-size: cover; background-repeat: no-repeat; background-position: top center;} #blog-wrapper .item.p1 { background-image: url(images/img3.jpg); } #blog-wrapper .item.p2 { background-image: url(images/img4.jpg); } #blog-wrapper .item.p3 { background-image: url(images/img6.jpg); } #blog-wrapper .item.p4 { background-image: url(images/img5.jpg); } #blog-wrapper .item .info {background: #000; background: rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0; width: 100%; max-width: 350px; padding: 25px; color: #fff; } #blog-wrapper .item.square .info h3 { min-height: 36px; } #blog-wrapper .item.square .info { min-height: 115px; padding: 15px 15px 15px 15px;} #blog-wrapper .item .info h3 a { color: #fff; font-size: 25px; font-weight: 800; line-height: 1em; } #blog-wrapper .item.square .info h3 a { color: #fff; font-size: 15px; font-weight: 800; } #blog-wrapper .item .info div { padding-top: 12px; margin-top: 18px; border-top: 2px solid #fff; font-weight: 300; font-size: 12px; } #blog-wrapper .item.style1 { padding: 35px; background: #1c6fcc; } #blog-wrapper .item.style1 h3 { color: #fff; font-weight: 800; font-size: 23px; line-height: 1.25em; padding-top: 20px; } #blog-wrapper .item.style2 { padding: 35px; background: #fff; } #blog-wrapper .item.style2 h3 { color: #2aa3ef; font-weight: 800; font-size: 24px; line-height: 1.25em; margin-bottom: 15px; } #blog-wrapper .item.style2 p { color: #2b2f35; font-weight: 300; font-size: 20px; line-height: 1.25em; margin-bottom: 15px; } #blog-wrapper .item.style3 { padding: 35px; background: #c2c2c2; } #blog-wrapper .item.style3 h3 { color: #ebebeb; font-weight: 800; font-size: 25px; line-height: 1.25em; margin-bottom: 20px; padding-top: 30px; } #blog-wrapper .item.style3 p { color: #2b2f35; font-weight: 300; font-size: 20px; line-height: 1.25em; margin-bottom: 15px; } #blog-wrapper .item.style3 a { margin-right: 10px; } #blog-wrapper .item.style4 img { width: 100%; height: 100%; } #blog-wrapper .item.style4 a { display: block; } /* ========================================================================== Blog single ========================================================================== */ #page-intro.blog-intro { background: url(images/img3.jpg) top center; background-size: cover; } #page-intro.blog-intro .box-info { background: #2b2f35; padding-bottom: 50px; } #page-intro.blog-intro .box-info:after { display: none; } #page-intro.blog-intro .box-info h1 { color: #fff; font-weight: 800; font-size: 47px; line-height: 1em; } #page-intro.blog-intro .info { position: absolute; bottom: 20px; left: 25px; right: 25px; color: #fff; font-weight: 300; font-size: 12px; border-top: 2px solid #fff; padding-top: 10px; } #blog-wrapper { background: #f5f5f5; } #blog-main { padding: 25px; color: #000; padding-bottom: 50px; } #blog-main h2 { font-size: 25px; color: #2aa3ef; font-weight: 800; line-height: 1.3em; margin-bottom: 20px; } #blog-main p { margin-bottom: 15px; font-size: 14px; font-weight: 300; } #blog-main ul { padding-left: 15px; } #blog-main li { list-style: disc; font-size: 14px; margin-bottom: 5px; font-weight: 300; } .widget1 { background: #1c6fcc; color: #fff; padding: 30px; padding-bottom: 60px; } .widget1 h3 { font-size: 25px; font-weight: 800; line-height: 1.1em; padding-top: 20px; } .widget2 { background: #fff; } .widget2 h3 { padding: 20px 40px; line-height: 1em; font-size: 25px; color: #2aa3ef; font-weight: 800; border-bottom: 2px solid #ebebeb; } .widget2 li { display: block; border-bottom: 2px solid #ebebeb; line-height: 1em; padding: 20px 20px 20px 40px; } .widget2 li a { line-height: 1.1em; font-size: 25px; color: #2b2f35; font-weight: 800; margin-bottom: 12px; display: block; } .widget2 li p { font-size: 12px; color: #2b2f35; font-weight: 300; } .btn-back { padding: 20px 40px; display: block; color: #2b2f35; font-size: 15px; font-weight: 300; text-decoration: underline; } .btn-back:hover { text-decoration: none; } /* ========================================================================== Resources ========================================================================== */ #page-intro { height: 507px; } #page-intro.resources-bg { background: url(images/slide5.jpg) top center; background-size: cover; } #page-intro.resources-bg .box-info { background: #2b2f35; } #page-intro.resources-bg .box-info:after { display: none;} #page-intro.resources-bg .box-info h2 { color: #fff; margin-bottom: 20px; } #page-intro.resources-bg .box-info p { color: #fff; font-size: 20px; font-weight: 400; line-height: 1.2em; } #resources-wrapper { } #resources-wrapper .item { position: relative; height: 340px; background-size: cover; background-repeat: no-repeat; background-position: top center;} #resources-wrapper .item.p1 { background-image: url(images/img3.jpg); } #resources-wrapper .item.p2 { background-image: url(images/img4.jpg); } #resources-wrapper .item.p3 { background-image: url(images/img6.jpg); } #resources-wrapper .item.p4 { background-image: url(images/img5.jpg); } #resources-wrapper .item .info {background: #000;background: rgba(0,0,0,0); position: absolute; bottom: 0; left: 0; width: 100%; max-width: 350px; padding: 25px; color: #fff;} #resources-wrapper .item.square .info h3 { min-height: 36px; } #resources-wrapper .item.square .info { min-height: 115px; padding: 15px 15px 15px 15px;} #resources-wrapper .item .info h3 a { color: #fff; font-size: 25px; font-weight: 800; line-height: 1em; } #resources-wrapper .item.square .info h3 a { color: #fff; font-size: 15px; font-weight: 800; } #resources-wrapper .item .info div { padding-top: 12px; margin-top: 18px; border-top: 2px solid #fff; font-weight: 300; font-size: 12px; } #resources-wrapper .item.style1 { padding: 35px; background: #1c6fcc; } #resources-wrapper .item.style1 h3 { color: #fff; font-weight: 800; font-size: 25px; line-height: 1.25em; padding-top: 20px; } #resources-wrapper .item.style2 { padding: 35px; background: #fff; } #resources-wrapper .item.style2 h3 { color: #2aa3ef; font-weight: 800; font-size: 24px; line-height: 1.25em; margin-bottom: 15px; } #resources-wrapper .item.style2 p { color: #2b2f35; font-weight: 300; font-size: 20px; line-height: 1.25em; margin-bottom: 15px; } #resources-wrapper .item.style3 { padding: 35px; background: #c2c2c2; } #resources-wrapper .item.style3 h3 { color: #ebebeb; font-weight: 800; font-size: 25px; line-height: 1.25em; margin-bottom: 20px; padding-top: 30px; } #resources-wrapper .item.style3 a { margin-right: 10px; } #resources-wrapper .item.style4 img { width: 100%; height: 100%; } #resources-wrapper .item.style4 a { display: block; } #resources-wrapper .item.box-resources-style-1 { background: #53575e;} #resources-wrapper .item.box-resources-style-2 { background: #87898c;} #resources-wrapper .item.box-resources-style-3 { background: #ffffff;} #resources-wrapper .item.box-resources-style-4 { background: #cecdcc;} #resources-wrapper .item.box-resources-style-5 { background: #1c6fcc;} #resources-wrapper .item.square.box-resources-style-1 h3 a { color: #fff; font-size: 20px; font-weight: 800; padding: 30px 26px 10px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-2 h3 a { color: #fff; font-size: 20px; font-weight: 800; padding: 30px 26px 10px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-3 h3 a { color: #000; font-size: 20px; font-weight: 800; padding: 30px 26px 10px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-4 h3 a { color: #000; font-size: 20px; font-weight: 800; padding: 30px 26px 10px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-5 h3 a { color: #fff; font-size: 20px; font-weight: 800; padding: 30px 26px 10px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-1 p.excerpt { color: #fff; font-size: 18px; font-weight: 300; padding: 30px 26px 20px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-2 p.excerpt { color: #fff; font-size: 18px; font-weight: 300; padding: 30px 26px 20px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-3 p.excerpt { color: #000; font-size: 18px; font-weight: 300; padding: 30px 26px 20px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-4 p.excerpt { color: #000; font-size: 18px; font-weight: 300; padding: 30px 26px 20px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-5 p.excerpt { color: #fff; font-size: 18px; font-weight: 400; padding: 30px 26px 20px 26px; display: block;} #resources-wrapper .item.square.box-resources-style-1 .info { min-height: 80px; padding: 5px 15px 15px 15px;position: relative; display: block;} #resources-wrapper .item.square.box-resources-style-2 .info { min-height: 80px; padding: 5px 15px 15px 15px;position: relative; display: block;} #resources-wrapper .item.square.box-resources-style-3 .info { min-height: 80px; padding: 5px 15px 15px 15px;position: relative; display: block;} #resources-wrapper .item.square.box-resources-style-4 .info { min-height: 80px; padding: 5px 15px 15px 15px;position: relative; display: block;} #resources-wrapper .item.square.box-resources-style-5 .info { min-height: 80px; padding: 5px 15px 15px 15px;position: relative; display: block;} #resources-wrapper .item.box-resources-style-1 .info h3 a { color: #fff; font-size: 25px; font-weight: 400; line-height: 1em; } #resources-wrapper .item.box-resources-style-2 .info h3 a { color: #fff; font-size: 25px; font-weight: 400; line-height: 1em; } #resources-wrapper .item.box-resources-style-3 .info h3 a { color: #fff; font-size: 25px; font-weight: 800; line-height: 1em; } #resources-wrapper .item.box-resources-style-4 .info h3 a { color: #fff; font-size: 25px; font-weight: 800; line-height: 1em; } #resources-wrapper .item.box-resources-style-5 .info h3 a { color: #fff; font-size: 25px; font-weight: 800; line-height: 1em; } #resources-wrapper .item.square.box-resources-style-1 .info h3 a { color: #fff; font-size: 15px; font-weight: 800; } #resources-wrapper .item.square.box-resources-style-2 .info h3 a { color: #fff; font-size: 15px; font-weight: 800; } #resources-wrapper .item.square.box-resources-style-3 .info h3 a { color: #fff; font-size: 15px; font-weight: 800; } #resources-wrapper .item.square.box-resources-style-4 .info h3 a { color: #fff; font-size: 15px; font-weight: 800; } #resources-wrapper .item.square.box-resources-style-5 .info h3 a { color: #fff; font-size: 15px; font-weight: 800; } #resources-wrapper .item.box-resources-style-1 .info div { border-top: 2px solid #fff; color:#fff; } #resources-wrapper .item.box-resources-style-2 .info div { border-top: 2px solid #fff; color:#fff; } #resources-wrapper .item.box-resources-style-3 .info div { border-top: 2px solid #000; color:#000; } #resources-wrapper .item.box-resources-style-4 .info div { border-top: 2px solid #000; color:#000; } #resources-wrapper .item.box-resources-style-5 .info div { border-top: 2px solid #fff; color:#fff; } /* ========================================================================== Resources single ========================================================================== */ #page-intro.resources-intro { background: url(images/img3.jpg) top center; background-size: cover; } #page-intro.resources-intro .box-info { background: #2b2f35; padding-bottom: 50px; } #page-intro.resources-intro .box-info:after { display: none; } #page-intro.resources-intro .box-info h1 { color: #fff; font-weight: 800; font-size: 47px; line-height: 1em; } #page-intro.resources-intro .info { position: absolute; bottom: 20px; left: 25px; right: 25px; color: #fff; font-weight: 300; font-size: 12px; border-top: 2px solid #fff; padding-top: 10px; } .container__heading{background: #1f2936;padding: 20px 140px 100px 20px; } .container__heading h1{font-size: 47px;font-weight: 800;line-height: 1.3;color:#fff;} #resources-wrapper { background: #f5f5f5; } #resources-main { padding: 25px; color: #000; padding-bottom: 50px; } #resources-main h2 { font-size: 19px; color: #2aa3ef; font-weight: 800; line-height: 1.3em; margin-bottom: 20px; } #resources-main p { margin-bottom: 15px; font-size: 15px; font-weight: 300; } #resources-main ul { padding-left: 15px; } #resources-main li { list-style: disc; font-size: 14px; margin-bottom: 5px; font-weight: 300; } .widget1 { background: #1c6fcc; color: #fff; padding: 30px; padding-bottom: 60px; } .widget1 h3 { font-size: 25px; font-weight: 800; line-height: 1.1em; padding-top: 20px; } .widget2 { background: #fff; } .widget2 h3 { padding: 20px 40px; line-height: 1.1em; font-size: 25px; color: #2aa3ef; font-weight: 800; border-bottom: 2px solid #ebebeb; } .widget2 li { display: block; border-bottom: 2px solid #ebebeb; line-height: 1em; padding: 20px 20px 20px 40px; } .widget2 li a { line-height: 1; font-size: 25px; color: #2b2f35; font-weight: 800; margin-bottom: 12px; display: block; } .widget2 li p { font-size: 13px; color: #2b2f35; font-weight: 300; } .btn-back { padding: 20px 40px; display: block; color: #2b2f35; font-size: 15px; font-weight: 300; text-decoration: underline; } .btn-back:hover { text-decoration: none; } /* ========================================================================== Footer ========================================================================== */ footer .inner { padding: 30px; background: #2b2f35; } footer p { margin: 20px 0; font-size: 12px; color: #fff; } footer p span { font-size: 16px; } footer .link-social { color: #fff; font-size: 12px; text-transform: uppercase; margin-right: 22px; } footer .link-social img { margin-right: 7px; } footer p.copyright { font-size: 12px; color: #5a636b; margin-top: 110px; } footer p.copyright a { color: #5a636b; } footer p.copyright span { font-size: 12px; } .hide-desktop { display: none; } a[href^="tel:"] { color: inherit; } /* ========================================================================== Responsive ========================================================================== */ @media only screen and (max-width: 1050px) { .disclaimer p { width:95%; margin-bottom: 10px} .container { width: 748px; } .col-md-6 { width: 50%; } .col-md-12 { width: 100%; } .hide-tablet { display: none; } /* Header */ #logo { width: 220px; height: 45px; background-size: 220px 45px; } #logo { width: 180px; height: 45px; background-size: 180px 45px; } #menu { margin-top: 93px; } #menu li a { font-size: 14px; } /* Homepage */ #home-slider .prev { left: 5px; } #home-slider .next { right: 5px; } .hbox, .nbox { min-height: 0; } /* Testimonial */ #page-intro h2 { font-size: 40px; } .testimonial { height: auto!important; } /* Contact */ .contact-box.style1 h2 { font-size: 30px; } #page-intro.contact-map .box-info h2 { font-size: 32px; } #page-intro.contact-map .box-info p { font-size: 16px; } .contact-box.style2 p { font-size: 22px; } .contact-box .menu-459 { width: 223px; } .contact-box .menu-459 select { background-position: 194px center; } /* Blog */ #blog-wrapper .item { height: auto; } #blog-wrapper .item.style4 { height: 300px; } #blog-wrapper .item.style4 img { height: 300px; } #blog-wrapper .item.post-el { height: 250px; } /* Blog single */ /* .widget1 h3 { font-size: 20px; } */ .tooltip { right: 0px; } /* Resources */ #resources-wrapper .item { height: auto; } #resources-wrapper .item.style4 { height: 300px; } #resources-wrapper .item.style4 img { height: 300px; } #resources-wrapper .item.post-el {/* height: 250px; */min-height: 250px;/* height: auto; */} /* Resources single */ .widget1 h3 { /* font-size: 20px; */line-height: 1 } .tooltip { right: 0px; } } @media only screen and (max-width: 767px) { .contact-box input[type="submit"] { margin-top: 16px; } .container { width: 100%; padding: 0 10px; } .col-sm-12 { width: 100%; } .col-sm-6 { width: 50%; } .hide-mobile { display: none; } .show-mobile { display: block; } /* Header */ header { padding-bottom:20px; } header .social { top: 10px; right: 10px; } #logo { margin-top: 50px; } #menu { width: 100%; margin:0; padding: 0; max-height: 0; overflow: hidden; transition: all 500ms ease; } #menu.active { max-height: 100em; padding-top:15px; } #menu li { display: block; margin: 0; float: none; line-height: 1em; padding:10px 0 10px 0; z-index: 102; position: relative; text-align: right; } #menu-toggle { float: right; display: block; width: 30px; height: 21px; margin-top: 60px; } #menu-toggle span { display: block; height: 5px; border-radius: 4px; background: #d7181e; margin-bottom: 3px; } #menu-toggle.active span { opacity: .5; } /*karl new start* / /* Homepage */ /* #home-slider { height: 400px; } */ #home-slider {height: 300px;} #home-boxes #home-slider { height: auto;} #home-slider .slide .box, .blog-bg .box-info, .contact-map .box-info {min-height:0;} #home-boxes #home-slider { display: block; } /* #home-slider .slide1 { background-size: 160% auto; } #home-slider .slide2 { background-size: 190% auto; } #home-slider .slide3 { background-size: 180% auto; } #home-slider .slide4 { background-size: 180% auto; } */ /* #home-slider .prev, #home-slider .next { margin-top: -40px; } */ /*karl new end*/ #home-slider .slide1 .box { padding: 10px; } #home-slider .slide1 .box:after { display: none;} #home-slider .slide1 .box h2 { font-size: 18px; margin-bottom: 10px; } #home-slider .slide1 .box blockquote, #home-slider .slide1 .box span.cite { font-size: 12px; } #home-slider .slide2 .box { padding: 10px; } #home-slider .slide2 .box h2, #home-slider .slide3 .box h2, #home-slider .slide4 .box h2 { font-size: 18px; } #home-slider .slide2 .box p, #home-slider .slide3 .box p, #home-slider .slide4 .box p { font-size: 14px; } #home-slider .slide3 .icon { display: none; } .tooltip { display: none; } .hbox2 h3 { font-size: 24px; } /* Home Loans */ .sidebox h2 { font-size: 26px; } /* Testimonials */ .testimonial { padding: 25px 20px; } .testimonial blockquote { font-size: 14px; } .testimonial .no-quote { font-size: 14px; } .testimonial .no-quote ul { margin-top: 5px; } #page-intro.testimonials-bg { background-size: auto 100%; background-repeat: no-repeat; } #page-intro { height: 280px; } #page-intro .box-info { min-height: 0; padding: 15px; } #page-intro h2 { font-size: 22px; } /* Contact */ #page-intro.contact-map { height: 320px; } #page-intro.contact-map .box-info h2 { font-size: 20px; } #page-intro.contact-map .box-info p { font-size: 14px; } .contact-box .menu-459 { width: 100%; margin-bottom: 5px; } .contact-box .menu-459 select { background-position: 88% center; width: 110%; } /* Blog */ #page-intro.blog-bg .box-info p { font-size: 14px; } #blog-wrapper .item .info { padding: 15px; } #blog-wrapper .item .info h3 a { font-size: 18px; } #blog-wrapper .item .info div { margin-top: 10px; } #blog-wrapper .item.style1, #blog-wrapper .item.style2, #blog-wrapper .item.style3 { padding: 20px; } #blog-wrapper .item.style1 h3, #blog-wrapper .item.style2 h3, #blog-wrapper .item.style3 h3 { font-size: 20px; padding-top: 0; } #blog-wrapper .item.style2 p { font-size: 16px; } /* Blog single */ #page-intro.blog-intro .box-info { padding-bottom: 65px; } #page-intro.blog-intro .box-info h1 { font-size: 20px; } #page-intro.blog-intro .info { left: 15px; right: 15px; } #blog-main h2 { font-size: 18px; } .widget1 { padding: 20px; } .widget1 h3 { padding-top: 0; } .widget2 h3 { font-size: 20px; padding: 15px 20px; } .widget2 li, .btn-back { padding: 15px 20px; } .widget2 li a { font-size: 20px; } footer .inner { padding: 20px; } footer .link-social { font-size: 11px; margin-right: 0; display: block; margin-bottom: 10px; } footer p.copyright { margin-top: 20px; margin-bottom: 0; } /* Resources */ #page-intro.resources-bg .box-info p { font-size: 14px; } #resources-wrapper .item .info { padding: 15px; } #resources-wrapper .item .info h3 a { font-size: 18px; } #resources-wrapper .item .info div { margin-top: 10px; } #resources-wrapper .item.style1, #resources-wrapper .item.style2, #resources-wrapper .item.style3 { padding: 20px; } #resources-wrapper .item.style1 h3, #resources-wrapper .item.style2 h3, #resources-wrapper .item.style3 h3 { font-size: 20px; padding-top: 0; } #resources-wrapper .item.style2 p { font-size: 16px; } /* Resources single */ #page-intro.resources-intro .box-info { padding-bottom: 65px; } #page-intro.resources-intro .box-info h1 { font-size: 20px; } #page-intro.resources-intro .info { left: 15px; right: 15px; } #resources-main h2 { font-size: 18px; } .widget1 { padding: 20px; } .widget1 h3 { padding-top: 0; } .widget2 h3 { font-size: 20px; padding: 15px 20px; } .widget2 li, .btn-back { padding: 15px 20px; } .widget2 li a { font-size: 20px; } footer .inner { padding: 20px; } footer .link-social { font-size: 11px; margin-right: 0; display: block; margin-bottom: 10px; } footer p.copyright { margin-top: 20px; margin-bottom: 0; } } @media only screen and (max-width: 543px) { body.home #home-slider { height: 300px; } #home-boxes #home-slider {height: auto;} body:not(.home) #home-slider { height: 500px; } /* body:not(.home) #home-slider .slide {background-image: none !important;} */ #home-slider .slide3 .box {/* position: relative; */} #home-slider .slide .container { padding-left: 0; padding-right: 0; } #home-slider .slide .container .mobile-slider-image { background-size: cover; } body:not(.home) #home-slider .prev, body:not(.home) #home-slider .next { top: 30%; } .hbox3 { background-position: center; } #loans-wrapper .loan-item > div { height: auto !important; } #page-intro { min-height: 500px; } } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* =Images -------------------------------------------------------------- */ img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-container img{max-width:100%;height:auto;} .alignleft,img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;} .alignright,img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;} .aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;} img.alignleft,img.alignright,img.aligncenter{margin-bottom:12px;} .wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px!important;padding:4px;text-align:center;} .wp-caption img{margin:5px 5px 0;} .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;} .gallery{margin:0 auto 18px;} .gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;} .gallery-columns-2 .gallery-item{width:50%;} .gallery-columns-4 .gallery-item{width:25%;} .gallery img{border:10px solid #f1f1f1;} .gallery-columns-2 .attachment-medium{max-width:92%;height:auto;} .gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;} .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;} .gallery br+br{display:none;} #content .attachment img{display:block;margin:0 auto;} .wp-smiley,.gallery dl{margin:0;} /* =Comments -------------------------------------------------------------- */ #comments{clear:both;} #comments .navigation{padding:0 0 18px;} h3#comments-title,h3#reply-title{color:#000;font-size:20px;font-weight:700;margin-bottom:0;} h3#comments-title{padding:24px 0;} .commentlist li.comment{border-bottom:1px solid #e7e7e7;line-height:24px;margin:0 0 24px;padding:0 0 0 56px;position:relative;} .commentlist li:last-child{border-bottom:none;margin-bottom:0;} #comments .comment-body ul,#comments .comment-body ol{margin-bottom:18px;} #comments .comment-body p:last-child{margin-bottom:6px;} #comments .comment-body blockquote p:last-child{margin-bottom:24px;} .commentlist ol{list-style:decimal;} .commentlist .avatar{position:absolute;top:4px;left:0;} .comment-author cite{color:#000;font-style:normal;font-weight:700;} .comment-author .says{font-style:italic;} .comment-meta{font-size:12px;margin:0 0 18px;} .comment-meta a:link,.comment-meta a:visited{color:#888;text-decoration:none;} .reply{font-size:12px;padding:0 0 24px;} .reply a,a.comment-edit-link{color:#888;} .commentlist .children li{border:none;margin:0;} .nopassword,.nocomments{display:none;} #comments .pingback{border-bottom:1px solid #e7e7e7;margin-bottom:18px;padding-bottom:18px;} .commentlist li.comment+li.pingback{margin-top:-6px;} #comments .pingback p{color:#888;display:block;font-size:12px;line-height:18px;margin:0;} #comments .pingback .url{font-size:13px;font-style:italic;} input[type="submit"]{color:#333;} #respond{border-top:1px solid #e7e7e7;margin:24px 0;overflow:hidden;position:relative;} #respond .comment-notes{margin-bottom:1em;} .form-allowed-tags{line-height:1em;} .children #respond{margin:0 48px 0 0;} h3#reply-title{margin:18px 0;} #comments-list #respond{margin:0 0 18px;} #cancel-comment-reply-link{font-size:12px;font-weight:400;line-height:18px;} #respond .required{color:#ff4b33;font-weight:700;} #respond label{color:#888;font-size:12px;} #respond input{margin:0 0 9px;width:98%;} #respond textarea{width:98%;} #respond .form-allowed-tags{color:#888;font-size:12px;line-height:18px;} #respond .form-allowed-tags code{font-size:11px;} #respond .form-submit{margin:12px 0;} #respond .form-submit input{font-size:14px;width:auto;} .commentlist,.commentlist .children{list-style:none;margin:0;} .comment-meta a:active,.comment-meta a:hover,.reply a:hover,a.comment-edit-link:hover{color:#ff4b33;} #respond p,#comments-list ul #respond{margin:0;} #blog-wrapper .item-new.blog2 { height:340px; display:block; } #blog-wrapper .item-new.square.blog2 .info { height:100%; padding:25px 15px; background:transparent; max-width:none; padding:25px; } #blog-wrapper .item-new.square.blog2 .info p { font-size:12px; font-weight:400; } #blog-wrapper .item-new.square.blog2 .info p.date { padding-bottom:6px; font-weight:300; } #blog-wrapper .item-new.square.blog2 .info h3 { margin-bottom:20px; } #blog-wrapper .item-new.square.blog2 .info h3 a { font-size:26px; line-height:1.3; } #blog-wrapper .item-new.square.blog2 .info div.link-box { position:absolute; bottom:33px; width:83%; } #blog-wrapper .item-new.square.blog2 .info div.link-box a { color:#fff; font-weight:300; font-size:17px; letter-spacing:.5px; } #blog-wrapper .item-new.square.blog2 .info div.link-box a .arrow-right { border-left-color:#fff; } #blog-wrapper .item-new.red.blog2 { background: #2aa3ef; } #blog-wrapper .item-new.grey.blog2 { background:#4a4b4b; } #blog-wrapper .item-new.lightgrey.blog2 { background:#c3c3c1; } #blog-wrapper .item-new.white.blog2 { background:#fff; } #blog-wrapper .item-new.white.square.blog2 .info h3 a { color: #1c6fcc; } #blog-wrapper .item-new.white.square.blog2 .info p { color: #2aa3ef; } #blog-wrapper .item-new.white.square.blog2 .info div.link-box { color: #2aa3ef; border-top: 2px solid #2aa3ef; } #blog-wrapper .item-new.white.square.blog2 .info div.link-box a { color: #2aa3ef; } #blog-wrapper .item-new.white.square.blog2 .info div.link-box a .arrow-right { border-left-color: #2aa3ef; } .arrow-right { display:inline-block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #d32330; margin-right:5px; position:relative; top:2px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid #d32330; } #blog-wrapper .item.blog2.new-banner { padding:41px 32px 25px; max-width:1040px; } #blog-wrapper .item.blog2.style1 h3 { color:#fff; font-weight:800; font-size:25px; line-height:1.4em; padding-top:20px; font-size:31px; letter-spacing:.5px; } #blog-wrapper .item.blog2.style1 h3 span { color:#bdbbbc; } .new-banner .tooltip_text { bottom:35px; top:auto; right:auto; left:25px; font-family:'Open Sans',sans-serif; font-size:12px; background:transparent; border-radius:0; padding:0; padding-left:15px; position:absolute; color:#fff; font-weight:100; bottom:41px; font-size:17px; letter-spacing:.5px; padding-left:20px; left:31px; } .new-banner .tooltip_text:after { content:""; display:inline-block; margin-left:0; left:0; bottom:3px; position:absolute; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid #fff; } @media only screen and (max-width: 767px){ #menu-toggle span { background: #2aa3ef; } /* #home-slider { height: 0!important; padding-bottom: 39%; } */ } @media only screen and (max-width: 543px){ /* #home-slider { height: 0!important; padding-bottom: 39%; } body.home #home-slider { height: 0!important; padding-bottom: 39%; } */ #page-intro { min-height: 400px; } body:not(.home) #home-slider { height: 400px; } } #acf-field_5ba48795ad624{ display:none!important; }