/* Theme Name: CBJC Theme Theme URI: https://wordpress.org/themes/twentyfourteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;} body { line-height: 1; margin: 0; padding: 0; border: 0; vertical-align: baseline;} h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both;} ol, ul { list-style: none;} blockquote { quotes: none;} blockquote:before, blockquote:after { content: ''; content: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* =Fonts -------------------------------------------------------------- */ h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} pre { font-family: "Courier 10 Pitch", Courier, monospace;} code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} body, input, textarea { color: #666; font-size: 0.750em; line-height: 18px;} hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;} /* Text elements */ p { margin-bottom: 18px;} ul { list-style: square; margin: 0 0 18px 1.5em;} ol { list-style: decimal; margin: 0 0 18px 1.5em;} ol ol { list-style:upper-alpha;} ol ol ol { list-style:lower-roman;} ol ol ol ol { list-style:lower-alpha;} ul ul, ol ol, ul ol, ol ul { margin-bottom:0;} dl { margin:0 0 24px 0;} dt { font-weight: bold;} dd { margin-bottom: 18px;} strong { font-weight: bold;} cite, em, i { font-style: italic;} big { font-size: 131.25%;} ins { background: #ffc; text-decoration: none;} blockquote { font-style: italic; padding: 0 3em;} blockquote p {color: #008b98;} blockquote cite, blockquote em, blockquote i { font-style: normal;} pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative;} sup { bottom: 1ex;} sub { top: .5ex;} input[type="text"], textarea { padding: 2px; background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);} table { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%;} tr th, thead th { color: #888; font-size: 0.750em; font-weight: bold; line-height: 18px; padding: 9px 24px;} tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px;} tr.odd td { background: #F2F7FC;} .attachment img { max-width: 900px;} .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;} .alignleft, img.alignright, img.aligncenter { margin-bottom: 12px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px;} .wp-caption img { margin: 5px 5px 0;} .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 0.750em;} .wp-smiley { margin:0;} /* =Comments -------------------------------------------------------------- */ #comments { clear: both;} #comments .navigation { padding: 0 0 18px 0;} h3#comments-title, h3#reply-title { color: #000; font-weight: bold; font-size: 1.250em; margin-bottom: 0;} h3#comments-title { padding: 24px 0;} .commentlist { list-style: none; margin: 0;} .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; 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 {} .comment-author cite { color: #000; font-style: normal; font-weight: bold;} .comment-author .says { font-style: italic;} .comment-meta { font-size: 0.750em; margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none;} .comment-meta a:active, .comment-meta a:hover {} .commentlist .even {} .commentlist .bypostauthor {} .reply { font-size: 0.750em; padding: 0 0 24px 0;} .reply a, a.comment-edit-link { color: #0000ee;} .reply a:hover, a.comment-edit-link:hover { color: #FF4B33;} .commentlist .children { list-style: none; margin: 0;} .commentlist .children li { border: none; margin: 0;} .nopassword, .nocomments { display: none;} #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback { margin-top: -6px;} #comments .pingback p { color: #888; font-size: 0.750em; line-height: 18px; display:block; margin: 0;} #comments .pingback .url { font-style: italic; font-size: 0.813em;} /* Comments form */ input[type=submit] { color: #333;} #respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative;} #respond p { margin: 0;} #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 0;} #comments-list ul #respond { margin: 0;} #cancel-comment-reply-link { font-size: 0.750em; line-height: 18px; font-weight: normal;} #respond .required { color:#FF4B33; font-weight:bold;} #respond label { color: #888; font-size: 0.750em;} #respond input { margin:0 0 9px; width:98%;} #respond textarea { width:98%;} #respond .form-allowed-tags { color: #888; font-size: 0.750em; line-height: 18px;} #respond .form-allowed-tags code { font-size: 0.688em;} #respond .form-submit { margin: 12px 0;} #respond .form-submit input { width: auto; font-size: 0.875em;} .clear{clear:both; font-size:0px;line-height:0px; display:block;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} ul {margin: 0;} li {list-style: none;} /******Global Elements*******/ a {color:#0000ee; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:32px; line-height: 36px;} h2 {font-size:68px;} h3 {font-size:32px; line-height: 32p;x} h4 {font-size:24px; line-height: 24px;} h5 {font-size:18px; line-height: 18px;} h6 {font-size:14px; line-height: 16px;} /* ----------------------- layout ----------*/ html {} body {color:#333333; font-family: 'Lato', sans-serif; font-size:16px; line-height: 18px;} .flt_Lt {float:left; display:inline;} .flt_Rt {float:right; display:inline;} .wrapper {margin:0 auto; position: relative;} .container {position: relative;} img {display: block; max-width: 100%; height: auto;} h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family: 'Lato', sans-serif;} button, input[type=submit] {-webkit-appearance: none; cursor: pointer;} button:hover, input[type=submit]:hover {opacity: 0.8;} input {font-family: 'Lato', sans-serif;} .text-center {text-align: center;} .text-center img {margin: 0 auto;} .dtable {display: table; width: 100%; table-layout: fixed;} .vmiddle {display: table-cell; vertical-align: middle;} .row {} div, li, a {-webkit-transition: all 0.2s ease-in; -khtml-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} /* ------------------ HEADER HERE -------------------*/ header {} #logo {display: block; margin: 20px 0 0 0;} .top-header {padding: 0 0 25px 0;} .top-header .rt .topc {float: right;} .top-header .rt .bottomc {float: right; margin: 30px 0 0 0;} .top-header .rt .topc .social {float: left; margin: 20px 30px 0 0;} .top-header .rt .topc .social ul {} .top-header .rt .topc .social ul li {float: left; margin: 0 6px 0 0;} .top-header .rt .topc .phnobar {float: left; position: relative; background: #ededed; padding: 18px 30px 18px 20px;} .top-header .rt .topc .phnobar::before {content: ''; position: absolute; top: 0; left: -20px; width: 25px; height: 100%; background: #ededed; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skew(15deg); -ms-transform: skew(15deg); transform: skew(15deg);} .top-header .rt .topc .phnobar h6 {color: #333333; font-weight: 700;} .top-header .rt .topc .phnobar h6 a {color: #0000ee; text-decoration: underline; margin: 0 10px 0 0; font-weight: 800;} .top-header .rt .topc .social ul li .wh {display: none;} .top-header .rt .topc .social ul li:hover .woh {display: none;} .top-header .rt .topc .social ul li:hover .wh {display: block;} .top-header .rt .bottomc .links {float: left; margin: 3px 10px 0 0;} .top-header .rt .bottomc .links ul {} .top-header .rt .bottomc .links ul li {padding: 0 12px; position: relative; float: left; position: relative;} .top-header .rt .bottomc .links ul li a {display: block; color: #0000ee; font-weight: 700;} .top-header .rt .bottomc .links ul li::after {content: ""; position: absolute; background: #cecece; height: 17px; width: 1px; top: 5px; right: 0;} .top-header .rt .bottomc .links ul li.last::after {display: none;} .top-header .rt .bottomc .links ul li a:hover {color: #004070;} .search-wrap {float: left; margin: 0 20px 0 0;} .lang {float: left; margin: 4px 0 0 0;} .search-wrap input[type=text] {background: #f1f1f1; float: left; width: 140px; box-sizing: border-box; padding: 0 10px; height: 29px; font-size: 14px; line-height: 14px; color: #000000; border: 0px; box-shadow: none;} .search-wrap input[type=submit] {background: #0061aa url(images/search-icon1.png) scroll no-repeat center center; float: left; width: 29px; box-sizing: border-box; padding: 0 10px; height: 29px; font-weight: 800; font-size: 13px; text-align: center; border: 0; box-shadow: none; color: #ffffff;} .search-wrap input[type=submit]:hover {opacity: 1; background: #004070 url(images/search-icon1.png) scroll no-repeat center center;} .search-wrap input[type=text]::-webkit-input-placeholder { color:#333333; } .search-wrap input[type=text]::-moz-placeholder { color:#333333; } .search-wrap input[type=text]:-ms-input-placeholder { color:#333333; } .search-wrap input[type=text]:-moz-placeholder { color:#333333; } .bottom-header {background: #004070;} .top-header .rt .topc .phnobar h6 a:hover {color: #004070;} /* ------------------------- NAVIGATION HERE ---------------*/ #nav {} #nav ul {} #nav ul li {margin: 0 20px 0 0; float: left; -webkit-transition: all 0.2s ease-in; -khtml-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; position: relative;} #nav ul li a {display: block; font-size: 15px; line-height: 55px; color: #87b3dd; padding: 0 10px; font-weight: 800;} #nav ul li a span {} .top-bar {padding: 0; background: none;} .top-bar ul {background: none;} .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {display: none;} .dropdown.menu .submenu.first-sub {margin: 0; background: rgba(41,49,70,0.9); border: 0;} #nav ul li.cli {float: right; margin: 0; padding: 0 15px;} #nav ul li.cli a {color: #ffffff;} #nav ul li.cli1 {background: #008997;} #nav ul li.cli2 {background: #fbb627;} #nav ul li.cli3 {background: #0061aa;} #nav ul li:hover a {color: #ffffff;} #nav ul li.cli1:hover {background: #008997;} #nav ul li.cli2:hover {background: #fbb627;} #nav ul li.cli3:hover {background: #0061aa;} #nav ul li ul {position: absolute; top: 100%; left: 0; width: 100%; z-index: 10000; background: #004070; padding: 30px 20px; box-sizing: border-box;} #nav ul li ul li {margin: 0 0 10px 0; float: none;} #nav ul li ul li a {display: inline-block; color: #ffffff; padding: 0; line-height: 15px;} #nav ul li ul li:hover a {background: url(images/arrow2.png) scroll no-repeat right 4px;} #nav ul li.cli1 ul {min-width: 100%; background: #008997; padding: 15px 20px;} /* ------------------------ MAIN CONTENT HERE --------------*/ main {} ol li { list-style: decimal; } .lt ul li { list-style: square; margin-left: 22px !important; } .lt ul { margin-bottom: 21px; } .sectionh2 .lt .links li { margin: 0 0 7px 0; list-style: none; } /* ------------------ FOOTER HERE --------------------------*/ footer {background: #333333; padding: 55px 0;} .copy {} footer .foot {padding: 5px 0 0 0; position: relative;} footer .foot1 h5 {color: #f1f1f1; font-size: 16px; line-height: 24px; padding: 0 0 15px 0; font-weight: 800;} footer .foot1 h6 {color: #f1f1f1; font-size: 16px; padding: 0 0 8px 0;} footer .foot1 h6 a {color: #87b3dd;} footer .foot2 p {color: #f1f1f1; font-size: 12px; padding: 15px 0 0 0;} footer .foot2 p a {color: #f1f1f1; font-weight: 700; text-decoration: underline;} footer .foot2 ul {} footer .foot2 ul li {margin: 0 0 5px 0; float: left; width: 40%;} footer .foot2 ul li a {color: #f1f1f1;} footer .foot3 {} footer .foot3 h5 {color: #f1f1f1; padding: 0 0 15px 0; font-weight: 700;} .email-wrap {max-width: 265px; margin: 0 0 20px 0;} .email-wrap input[type=email] {background: #f1f1f1; float: left; width: 70%; box-sizing: border-box; padding: 0 10px; height: 40px; font-size: 12px; line-height: 12px; font-weight: 700; color: #000000; border: 0px; box-shadow: none;} .email-wrap input[type=submit] {background: #0061aa; float: left; width: 30%; box-sizing: border-box; padding: 0 10px; height: 40px; font-weight: 800; font-size: 13px; text-align: center; border: 0; box-shadow: none; color: #ffffff;} .email-wrap input[type=email]::-webkit-input-placeholder { color:#333333; } .email-wrap input[type=email]::-moz-placeholder { color:#333333; } .email-wrap input[type=email]:-ms-input-placeholder { color:#333333; } .email-wrap input[type=email]:-moz-placeholder { color:#333333; } input {border-radius: 0 !important; margin: 0px !important;} footer .foot1::after {content: ""; width: 2px; background: #414141; height: 160px; right: 30px; position: absolute; top: 0;} footer .foot2::after {content: ""; width: 2px; background: #414141; height: 160px; right: 30px; position: absolute; top: 0;} footer .foot1 h6 a:hover {opacity: 0.75;} /* -----------------------------------------------------------------------------*/ p {line-height: 20px; padding: 0 0 4px 0;} .btns {display: inline-block; padding: 0 20px; line-height: 40px; background: #004e8b; color: #ffffff; text-align: center; font-size: 13px; font-weight: 800;} .section1 {position: relative;} .section1 .item {position: relative; background: #0f66a6; overflow: hidden;} .section1 .owl-dots {position: absolute; bottom: 70px; left: 0; width: 100%; z-index: 10000;} .section1 .owl-nav {position: absolute; top: 50%; left: 0; width: 100%;} .section1 .owl-nav .owl-prev {opacity: 0.8;display: block !important; background: url(images/preva.png) scroll no-repeat 0 0; width: 25px; height: 31px; position: absolute; left: 50px; top: 0; text-indent: -9999px;} .section1 .owl-nav .owl-next {opacity: 0.8; display: block !important; background: url(images/nexta.png) scroll no-repeat 0 0; width: 25px; height: 31px; position: absolute; right: 50px; top: 0; text-indent: -9999px;} .section1 .owl-dots .owl-dot span {width: 14px; height: 14px; border: 2px solid #ffffff; border-radius: 50%; box-sizing: border-box; display: block; cursor: pointer;} .section1 .owl-dots .owl-dot {float: left; margin: 0 5px 0 0;} .section1 .owl-dots .owlo {max-width: 1040px; margin: 0 auto;} .section1 .owl-dots .owlo .owli {width: 320px;} .section1 .owl-dots .owlo .owlio {float: right;} .section1 .owl-dots .owl-dot.active span, .section1 .owl-dots .owl-dot:hover span {background: #ffffff;} .section1 .owl-nav .owl-prev:hover, .section1 .owl-nav .owl-next:hover {opacity: 1;} .section1 .item img {float: right; width: 55%;} .section1 .item .caption {position: absolute; top: 0; left: 0; width: 100%;} .section1 .item .caption .cont {max-width: 330px; padding: 45px 0 0 0;} .section1 .item .caption .conti {background: url(images/strip4.png) scroll no-repeat 0 0; padding: 40px 0 0 10px;} .section1 .item .caption .conti h3 {font-size: 33px; line-height: 42px; color: #ffffff; padding: 0 0 40px 0; letter-spacing: 1px;} a.link {font-size: 20px; line-height: 20px; color: #0000ee; font-weight: 800;} a.link span {background: url(images/arrow1.png) scroll no-repeat right center; padding: 0 20px 0 0;} .section2 {background: #ededed; padding: 55px 0 50px 0;} .section2 .lt {padding: 10px 0 0 0;} .section2 .lt h4 {color: #333333; line-height: 30px; padding: 0 0 30px 0;} .section2 .rt {margin: 0 45px 0 10px;} .section2 .rt .video > img {width: 100%;} .section2 .rt .video {position: relative;} .section2 .rt .video .play {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);} .section2 .lt a.link:hover {opacity: 0.8;} .fancybox-overlay {background: rgba(0,0,0,0.8);} .section3 {padding: 55px 0; text-align: center;} .section3 .liin {max-width: 245px; margin: 0 auto; padding: 5px 0 30px 0;} .section3 .liin h4 {padding: 0 0 15px 0; font-size: 22px; line-height: 22px; color: #0060a9; text-transform: uppercase; font-weight: 800;} .section3 .liin h5 {padding: 0 0 22px 0; color: #333333; line-height: 24px; font-weight: 700;} .section3 .liin .link {font-size: 17px; color: #0060a9; font-weight: 700;} .section3 .liin .sep {background: url(images/strip1.png) scroll no-repeat 0 0; width: 180px; height: 16px; margin: 0 auto; padding: 0 0 45px 0;} .section3 .columns::after {content: ""; width: 1px; height: 100%; background: #e5e5e5; position: absolute; top: 0; right: 0;} .section3 .columns {position: relative;} .section3 .columns:last-child::after {display: none;} .section3 .liin2 .sep {background: url(images/strip2.png) scroll no-repeat 0 0;} .section3 .liin3 .sep {background: url(images/strip3.png) scroll no-repeat 0 0;} .section3 .liin2 h4 {color: #fbb627;} .section3 .liin2 .link {color: #fbb627;} .section3 .liin3 h4 {color: #008997;} .section3 .liin3 .link {color: #008997;} .section4 {background: #0078a7; padding: 70px 0;} .title {} .title h3 {font-size: 28px; line-height: 28px; color: #ffffff; font-weight: 800;} .section4 .title {padding: 0 0 10px 0;} .section5 {background: #f69829; padding: 0;} .section5 .topc {background: #f7bf4d url(images/bg1.png) scroll no-repeat center center; padding: 36px 0;} .section5 .bottomc {padding: 35px 0 45px 0;} .section5 .rt {margin: 0 40px 0 40px;} .section5 .lt h4 {font-sise: 26px; line-height: 26px; font-weight: 800; color: #ffffff;} .section5 .lt h4 small {display: block; font-size: 16px; line-height: 16px; margin: 10px 0 0 0; font-weight: 700; color: #ffffff;} .section5 .lt h5 {font-size: 20px; line-height: 26px; color: #ffffff; padding: 0 0 30px 0;} .section5 .lt {padding: 15px 50px 0 0;} .section5 .lt .link {color: #ffffff; font-size: 17px; font-weight: 700;} .wrapper {overflow: hidden;} .section6 {} .section6 .tabs {text-align: center; background: none; border: 0;} .section6 .tabs li {display: inline-block;} .section6 .tabs li a {padding: 30px; font-size: 20px; line-height: 20px; color: #0000ee; font-weight: 800; display: block; position: relative;} .section6 .tabs li.active a, .section6 .tabs li:hover a {color: #0078a7;} .section6 .tabs li.active a::after, .section6 .tabs li:hover a::after {content: ""; background: #0078a7; height: 15px; left: 0; width: 100%; position: absolute; bottom: -15px; z-index: 100;} .section6 .tab_container {position: relative;} .section6 .tab_container::before {content: ""; border-top: 15px solid #e5e5e5; background: #f1f1f1; position: absolute; top: 0; left: 0; width: 2000px; height: 100%; box-sizing: border-box;} .section6 .tab_container::after {content: ""; border-top: 15px solid #e5e5e5; background: #f1f1f1; position: absolute; top: 0; right: 0; width: 2000px; height: 100%; box-sizing: border-box;} .section6 .tab_content {position: relative; z-index: 100; padding: 75px 35px;} .section6 .tab_content .liin {padding: 0 50px 40px 0;} .section6 .tab_content .liin .img {margin: 0 0 30px 0;} .section6 .tab_content .liin h6 {font-size: 14px; font-weight: 700; color: #666666; padding: 0 0 15px 0;} .section6 .tab_content .liin h6 span {padding: 0 0 0 30px;} .section6 .tab_content .liin h4 {font-size: 26px; line-height: 30px; padding: 0 0 20px 0; color: #0078a7; font-weight: 700;} .section6 .tab_content .liin p {} .section6 .tab_content .liin .link {font-size: 14px;} .section6 .tab_content .liin .link:hover {color: #044f8b; text-decoration: none;} .fancybox-skin {padding: 0px !important;} .fancybox-close {background: url(images/closeb.png) scroll no-repeat 0 0; width: 22px; height: 22px; top: 0; right: -30px;} /* -----------------------------------------------------------------------------*/ .sectiont1 {background: #f39e23 url(images/bg2.png) scroll no-repeat center center; padding: 35px 0; background-size: 100% 100%;} .sectiont1 p {max-width: 785px; margin: 0 auto; color: #ffffff; padding: 15px 0 5px 0; font-size: 20px; line-height: 24px;} .sectiona1 {padding: 55px 0;} .sectiona1 h5 {font-size: 20px; line-height: 20px; color: #0579a8; padding: 0 0 35px 0; font-weight: 800;} .sectiona1 h5 a {color: #0000ee;} .sectiona1 .carot {position: relative; margin: 0 0 0 -20px;} .sectiona1 .carot .item {margin: 0 0 0 20px;} .sectiona1 .owl-dots {text-align: center; margin: 20px 0 0 0;} .sectiona1 .owl-nav {position: absolute; left: 0; width: 100%; top: 90px;} .sectiona1 .owl-nav .owl-prev {display: block !important; background: url(images/preva1.png) scroll no-repeat 0 0; width: 24px; height: 29px; position: absolute; left: -25px; top: 0; text-indent: -9999px; opacity: 0.8;} .sectiona1 .owl-nav .owl-next {display: block !important; background: url(images/nexta1.png) scroll no-repeat 0 0; width: 24px; height: 29px; position: absolute; right: -45px; top: 0; text-indent: -9999px; opacity: 0.8;} .sectiona1 .owl-dots .owl-dot span {width: 14px; height: 14px; border: 2px solid #b3b3b3; border-radius: 50%; box-sizing: border-box; display: block; cursor: pointer;} .sectiona1 .owl-dots .owl-dot {margin: 0 3px; display: inline-block;} .sectiona1 .owl-dots .owlo {max-width: 1040px; margin: 0 auto;} .sectiona1 .owl-dots .owl-dot.active span, .sectiona1 .owl-dots .owl-dot:hover span {background: #b3b3b3;} .sectiona1 .owl-nav .owl-prev:hover, .sectiona1 .owl-nav .owl-next:hover {opacity: 1;} .sectiona1 .carot .item img {height: 210px; object-fit: cover;} .sectiona1 .owl-stage-outer {overflow: hidden;} .sectiona1 .carot .item .img {position: relative;} .sectiona1 .carot .item .img .play {background: rgba(0,0,0,0.4) url(images/playbtn.png) scroll no-repeat center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 95px 95px;} .sectiona1 .carot .item h5 {padding: 20px 30px; font-weight: 600; font-size: 18px; line-height: 24px;} .sectiona2 {background: #f2f2f2;} .sectiona3 {background: #0778a8; padding: 60px 0;} .sectiona3 .topc h5 img {display: inline-block; vertical-align: middle;} .sectiona3 .topc h5 span {display: inline-block; vertical-align: middle; font-size: 20px; line-height: 20px; color: #ffffff; padding: 0 0 0 20px; font-weight: 700;} .sectiona3 .topc {height: 55px;} .sectiona3 .bottomc {background: #ffffff; height: 360px; padding: 35px 50px;} .popup {width: 900px;} .popup iframe {display: block; width: 100% !important; height: 500px !important;} .popup .content {padding: 45px 65px; background: #f2f2f2; border-bottom: 14px solid #0778a8;} .popup .content h5 {font-size: 20px; line-height: 20px; color: #333333; padding: 0 0 25px 0;; font-weight: 800;} .popup .content p {} .popup .content .social {padding: 20px 0 0 0;} .popup .content .social h5 {display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; color: #0579a8; font-weight: 700; padding: 0 10px 0 0;} .popup .content .social ul li {display: inline-block; vertical-align: middle; margin: 0 6px 0 0;} .popup .content .social ul li .wh {display: none;} .popup .content .social ul li:hover .woh {display: none;} .popup .content .social ul li:hover .wh {display: block;} .popup .content .social ul {display: inline-block; vertical-align: middle;} .popup .content .logo {margin: 50px 0 0 0; display: inline-block;} .sectiont1.bluet {background: url(images/bg3.png) scroll no-repeat center center; background-size: 100% 100%;} .sectionb1 {padding: 45px 0; text-align: center;} .sectionb1 .selectw {display: inline-block; padding: 0 25px;} .sectionb1 .selectw h5 {color: #0579a8; font-weight: 700; display: inline-block; vertical-align: middle; padding: 0 20px 0 0;} .sectionb1 .selectw .select {display: inline-block; vertical-align: middle;} .sectionb2 {padding: 45px 0 70px;} .sectionb2 .liin {padding: 0 20px 50px 0;} .sectionb2 .liin .img {padding: 0 0 25px 0;} .sectionb2 .liin .img img {width: 100%;} .sectionb2 .liin .cont {} .sectionb2 .liin .cont h4 {font-size: 21px; line-height: 25px; color: #0579a8; padding: 0 0 20px 0; font-weight: 700;} .sectionb2 .liin .cont h6 {font-size: 12px; padding: 0 0 10px 0; font-weight: 700;} .sectionb2 .liin .cont h6 small {padding: 0 0 0 30px; color: #333333; font-size: 12px;} .sectionb2 .liin .cont p {line-height: 22px; padding: 0 0 10px 0;} .sectionb2 .liin .cont .link {color: #0000ee; font-size: 14px;} .sectionb2 .liin .cont .link span {background: none;} .sectionb2 .liin .cont .link:hover {color: #0579a8;} .sectionb2 .medium-4:nth-child(3n + 1) {clear: left;} .sectionb2 .pagerw {} .pagerw img {float: right;} .textw .social {padding: 0 0 0 30px; display: inline-block; vertical-align: middle;} .textw .social h5 {display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; color: #0579a8; font-weight: 700; padding: 0 10px 0 0;} .textw .social ul li {display: inline-block; vertical-align: middle; margin: 0 6px 0 0 !important;} .textw .social ul li .wh {display: none;} .textw .social ul li:hover .woh {display: none;} .textw .social ul li:hover .wh {display: block;} .textw .social ul {display: inline-block; vertical-align: middle; margin:0;} .sectionc1 {padding: 55px 0;} .sectionc1 .lt {padding: 0 30px 0 0;} .sectionc1 .rt {padding: 0 0 0 30px;} .sectionc1 .lt h6 {font-size: 16px; padding: 0; font-weight: 700; color: #333333; padding: 10px 0 25px 0; line-height: 22px;} .sectionc1 .lt h6 small {padding: 0 0 0 30px; color: #333333; font-size: 12px;} .sectionc1 .lt h4 {font-size: 26px; line-height: 30px; color: #0579a8; padding: 0 0 20px 0; font-weight: 700;} .sectionc1 .lt a {text-decoration: underline;} .sectionc1 .lt .img {padding: 0 0 40px 0;} .sectionc1 .lt .textw h6 {display: inline-block; vertical-align: middle; padding: 0; font-size: 12px; padding: 0; font-weight: 700; color: #333333;} .sectionc1 .lt .textw {padding: 0 0 25px 0;} .sectionc1 .lt p {line-height: 22px; padding: 0 0 10px 0;} .sectionc1 .lt .linked {padding: 15px 0 0 0;} .sectionc1 .lt .linked a {color: #0000ee; font-weight: 700;} .sectionc1 .lt .linked a:hover {color: #045b9b;} .sectionc1 .rt .sectionb1 {text-align: left;} .sectionc1 .rt .selectw {padding: 0 0 40px 0; display: block;} .sectionc1 .rt .selectw .select {display: block;} .sectionc1 .rt .selectw h5 {display: block; padding: 0 0 15px 0;} .recentp {} .recentp h5 {font-size: 20px; line-height: 20px; color: #0579a8; font-weight: 700; padding: 0 0 15px 0;} .recentp ul li {padding: 20px 0; border-bottom: 1px solid #e9e8e7;} .recentp ul li h6 {padding: 0 0 10px 0;} .recentp ul li h6 strong {font-weight: 700;} .recentp ul li a {color: #0000ee; font-weight: 700;} .recentp ul li a:hover {color: #045b9b;} .recentp ul li p {padding: 0; margin: 0 0 5px 0;} .recentp ul li:last-child {border: 0;} .sectiond1 .tt h4 {font-size: 22px; line-height: 24px; color: #0579a8; font-weight: 900; padding: 0 0 40px 0;} .sectiond1 .tt h4 strong {font-weight: 900;} .sectione1 p strong {font-weight: 700;} .sectione1 h6 strong {font-weight: 700;} .sectione1 p a {color: #0000ee;} .sectione1 .lt p {padding: 0;} .sectione1 h5 {padding: 0 0 15px 0;} .sectione1 .lt .bott {padding: 40px 0 0 0;} .sectione1 .rt {background: #f2f2f2; padding: 30px 25px;} .sectione1 .recentp {margin: 0 0 30px 0; border-bottom: 3px solid #e0e0df;} .sectione1 .recentp p {font-size: 14px; line-height: 18px; padding: 0 0 15px 0;} .sectione1 .recentp:last-child {border: 0; margin: 0;} .sectionf1 .lt h4 {font-size: 20px; line-height: 20px; font-weight: 800; color: #333333;} .sectionf1 p span {display: block; color: #0579a8; font-weight: 700;} .sectionf1 p strong {display: block; font-size: 19px; color: #333333; margin: 4px 0 0 0;} .sectionf1 p strong a {color: #0000ee;} .sectionf1 .btnsw {padding: 10px 0 0 0;} .sectionf1 .btnsw .btns1, .sectionc1 .btnsw .btns1 {display: inline-block; margin: 0 20px 0 0; line-height: 40px; color: #ffffff; padding: 0 25px; background: #0060a9; font-size: 14px; font-weight: 700;} .sectionf1 .btnsw .btns2 {background: #fab525;} .sectionf1 .btnsw .btns1:hover {background: #044f8b;} .sectionf1 .btnsw .btns2:hover {background: #f69321;} .sectionf1 .rt {background: #f2f2f2; padding: 0 25px 40px;} .sectiong1 {padding: 50px 0 70px 0;} .sectiong1 .links {} .sectiong1 .links li, .sectiona1 .links li {margin: 0 0 10px 0; list-style: none;} .sectiong1 .links li a, .sectiona1 .links li a {color: #0000ee; font-weight: 700; transition: all 0s !important;} .sectiong1 .links li a:hover, .sectiong1 .links li.active a .sectiona1 .links li a:hover, .sectiona1 .links li.active a {color: #045b9b; padding: 0 20px 0 0; background: url(images/arrow1.png) scroll no-repeat right center;} .sectiong1 .links li.active.no-arrow a .sectiona1 .links li.active.no-arrow a {background: none;} .sectiong1 .rt .img {margin: 0 0 40px 0;} .sectiong1 .rt .topc {position: relative; padding: 0 0 35px 0;} .sectiong1 .rt .topc h4 {color: #0579a8; font-weight: 700;max-width: calc(100% - 210px);} .sectiong1 .rt .topc .textw {position: absolute; top: -75px; right: 90px;} .sectiong1 .rt .img1 {padding: 20px 0;} .sectiont1.bluegt {background: url(images/bg4.png) scroll no-repeat center center; background-size: 100% 100%;} .title h3 em {font-weight: 300;} .sectionh1 {padding: 60px 0;} .sectionh1 .rt {background: #f2f2f2; padding: 25px;} .sectionh1 .lt h5 {font-size: 20px; line-height: 20px; padding: 0 0 25px 0; font-weight: 800;} .sectionh1 .lt p strong {font-weight: 700;} .sectionh1 .lt p a {color: #0000ee;} .sectionh1 .lt {margin: 0 20px 0 0;} .sectionh1 .rt {margin: 0 0 0 20px;} .sectionh2 .lt {margin: 0 20px 0 0;} .sectionh2 .rt {margin: 0 0 0 20px;} .sectionh2 {background: #f2f2f2; padding: 60px 0;} .sectionh1 .quote {padding: 30px 0 0 0; background: url(images/strip3.png) scroll no-repeat top center; background-size: 100% 14px;} .sectionh1 .quote h5 {font-size: 15px; line-height: 26px; color: #087a85; font-weight: 400; padding: 0 0 25px 0;} .sectionh1 .quote h6 {font-size: 12px;} .sectionh1 .quote h6 strong {display: block; font-weight: 700;} .sectionh1 .lt p a:hover {color: #0d707c;} .sectionh2 .lt h4 {font-size: 20px; line-height: 20px; padding: 0 0 25px 0; font-weight: 800; color: #048997;} .sectionh2 .lt .links {padding: 0 0 30px 0;} .sectionh2 .lt .links li {margin: 0 0 7px 0;} .sectionh2 .lt .links li a {font-weight: 700; padding: 0 15px 0 0; background: url(images/arrow3.png) scroll no-repeat right center; color: #0000ee;} .sectionh2 .lt .links li a:hover {color: #048997; background: url(images/arrow4.png) scroll no-repeat right center;} .sectionh2 .lt .bottc {border-top: 1px solid #d2d2d1; padding: 30px 0 0 0;} .sectionh2 .lt .bottc p a {color: #0000ee;} .sectionh2 .lt .bottc p a:hover {color: #0d707c;} .sectionh3 a {color: #ffffff; background: url(images/arrow5.png) scroll no-repeat right center; padding: 0 30px 0 0;} .sectionh3:hover {opacity: 0.8;} .popup1 {background: #f2f2f2; width: 920px; box-sizing: border-box; padding: 75px 60px; border-bottom: 15px solid #46a9b3;} .popup1 h5 {font-size: 20px; line-height: 24px; color: #45a9b3; padding: 0 0 40px 0; font-weight: 700;} .popup1 p strong {font-weight: 800;} .sectioni1 .botcont {padding: 60px 0 40px;} .sectioni1 .botcont .img {margin: 0 0 50px 0;} strong {font-weight: 700;} .sectioni1 .botcont p a {color: #048997; display: block; margin: 5px 0 0 0;} .sectioni1 .botcont p a:hover {color: #0d707c;} .sectiont1 p a {color: #ffffff; position: relative;} .sectiont1 p a::after {content: ""; background: rgba(255,255,255,1); position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px;} .sectiont1 p a:hover {opacity: 0.8;} .sectionj1 .section6 .tabs {text-align: left;} .sectionj1 .tab-in {} .sectionj1 .tab-in .liin::after {content: ""; clear: both; display: block;} .sectionj1 .tab-in .liin {margin: 0 0 45px 0;} .sectionj1 .tab-in .liin .img {margin: 0 20px 0 0;} .sectionj1 .tab-in .liin .img img {width: 100%;} .sectionj1 .tab-in .liin h5 {color: #0579a8; font-size: 20px; padding: 0 0 20px 0;} .sectionj1 .tab-in .liin h6 {font-size: 12px; color: #333333;} .sectionj1 .tab-in .liin h6 small {padding: 0 0 0 30px; font-size: 12px; color: #333333;} .sectionj1 .section6 .tabs li {margin: 0 50px 0 0;} .sectionj1 .section6 .tabs li a { padding: 30px 0;} .banfw img {width: 100%;} .sectionpc {padding: 60px 0 50px;} .topt {padding: 0 0 25px 0;} .topt h5 {font-size: 20px; line-height: 24px; font-weight: 800;} .topt.blue h5 {color: #0579a8;} .topt.orange h5 {color: #f69321;} .topt.bluegt h5 {color: #048997;} .bluec {color: #0579a8;} .sectionk1 .quote {background: url(images/strip5.png) scroll no-repeat top center; background-size: 100% 14px;} .sectionk1 .quote h4 {color: #0579a8; font-weight: 700; padding: 0 0 20px 0;} .sectionk1 .quote h5 {font-size: 18px; color: #333333;} .sectionk1 .quote h5 strong {display: block;} .sectionk1 .linked {font-weight: 700; margin: 10px 0 0 0; display: inline-block; text-decoration: underline;} .sectionk1 .linked:hover {color: #0579a8;} .sectionk3 {background: #f2f2f2;} .sectionk3 .bottomc p {line-height: 20px; padding: 0 30px 0 0;} .sectionk3 .bottomc p strong {} .sectionk3 .bottomc p a {display: block; color: #0000ee; margin: 4px 0 0 0;} .sectionk4 {} .sectionk4 p strong {display: block;} .sectionk4 .sectionh2 {padding: 0; background: none;} .greybg {background: #f2f2f2;} .sectionl3 .topt p {font-size: 18px; padding: 10px 0 0 0;} .sectionl3 .bottomc p {color: #f69321;} .sectionl3 .sectionh2 {padding: 0; background: none;} .sectionl3 .bottomc {padding: 30px 0 0 0;} .sectionl3 .lt .links li a:hover { color: #f69321; background: url(images/arrow6.png) scroll no-repeat right center; } .section1 .item .caption .conti .btns:hover {color: #ffffff; opacity: 0.7;} .sectione1 p a:hover { color: #044f8b;} #nav ul li ul li a {transition: all 0s !important;} .sectionpa1 {} .topt1 {padding: 0 0 25px 0;} .topt1 h4 {font-size: 22px; line-height: 26px; font-weight: 800;} .topt1.blue h4 {color: #0579a8;} .topt1.orange h4 {color: #f69321;} .sectionpa1 p strong {} .sectionpa1 p strong span {color: #f69321; display: block; margin: 0 0 5px 0;} .sectionpa1 p strong a {color: #f69321;} .sectionpa1 p strong a:hover {color: #e97924;} .sectionpa2 p strong {} .sectionpa2 p strong span {color: #f69321; display: block; margin: 0 0 5px 0;} .sectionpa2 p a {color: #f69321;} .sectionpa2 p a:hover {color: #e97924;} .sectionpa2 {} .sectionpa2 .rt p strong {display: block;} .sectionpa2 .rt {background: #f2f2f2 url(images/logo1.png) scroll no-repeat 90% 80%; background-size: 95px auto;} .sectionpa2 .lt h5 {padding: 30px 0 20px 0;} .sectionpa2 .lt h5 strong {font-weight: 800;} .sectionpa2 .lt .btns {background: #0778a8;} .sectionpa2 .lt .btns:hover {background: #035b9b; color: #ffffff;} .sectionpa2 .lt p a {text-decoration: underline; margin: 4px 0 0 0; font-weight: 700; color: #f69321;} .sectionpa2 .lt p a:hover {color: #EA781F;} .sectionpa3 .bottomc p strong {font-weight: 800;} .sectionpa3 .bottomc p span {font-weight: 400; margin: 10px 0 0 0; display: block;} .sectionpa3 .bottomc p a {font-weight: 700; display: block; margin: 2px 0 10px 0;} .sectionpa3 .bottomc p {padding: 0 30px 30px 0;} .sectionpa3 .bottomc .medium-3:nth-child(4n+1) {clear: left; float: left;} .sectionk3 .bottomc p a:hover {color: #045b9b;} .sectionk3 .topt p {padding: 15px 0 20px 0;} .sectionpc1 .rt .img {margin: 0 0 20px 0;} .sectionpd1 {} .sectionpd1 .selectw {padding: 0 0 50px 0;} .sectionpd1 .selectw .select {display: inline-block; vertical-align: middle;} .sectionpd1 .selectw h5 {display: inline-block; vertical-align: middle; font-size: 18px; line-height: 40px; color: #818181; font-weight: 700; padding: 0 20px 0 0;s} .sectionpd1 .liin .lt p strong {font-weight: 800;} .sectionpd1 .liin {padding: 15px 0;} .sectionpd1 .liin .lt {padding: 10px 0 0 0;} .sectionpd1 .liin .lt p a {color: #f69321; font-weight: 700;} .sectionpd1 .liin .lt p a:hover {color: #e97924;} .sectionpe1 .bottomc p {padding: 25px 0;} .sectionpe1 .bottomc p b {margin: 10px 0 0 0; color: #048997; display: block;} .sectionpe1 .bottomc p span {margin: 4px 0 0 0;} .sectionpf1 {} .sectionpf1 .section6 .tabs li.active a, .sectionpf1 .section6 .tabs li.hover a {color: #f69321;} .sectionpf1 .section6 .tabs li.active a::after, .sectionpf1 .section6 .tabs li:hover a::after { background: #f69321;} .accw ul li {margin: 0 0 20px 0;} .accw ul li h5 {color: #333333; font-size: 20px; line-height: 24px; font-weight: 700; display: inline-block; background: url(images/arrow8.png) scroll no-repeat right center; padding: 0 20px 0 0; cursor: pointer;} .accw ul li .acc-cont {padding: 15px 0 5px; display: none;} .accw ul li .acc-cont p {padding: 0;} .accw ul li.opens h5 {color: #f69321; background: url(images/arrow7.png) scroll no-repeat right center;} .sectionpg2 .column:last-child:not(:first-child), .sectionpg2 .columns:last-child:not(:first-child) { float: left; } .sectionpg2 .bottomc {padding: 20px 0 0 0;} .sectionpg1 {} .sectionpg1 .liin {padding: 20px 0 45px;} .sectionpg1 .liin .topt {padding: 0 0 5px 0;} .sectionpg1 .liin a.link {color: #0000ee; font-size: 14px; background: url(images/arrow9.png) scroll no-repeat right center; padding: 0 14px 0 0; display: inline-block; margin: 15px 0 0 0;} .sectionpg1 .liin a.link:hover {color: #0579a8; background: url(images/arrow10.png) scroll no-repeat right center;} .sectionpg1 .liin .contss {height: 100px; overflow: hidden; -webkit-transition: all 0.2s ease-in; -khtml-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; position: relative;} .sectionpg1 .liin .contss.showc {height: auto;} .sectionpc2 .lt h5 { padding: 0 0 20px 0; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: left; } .sectionpg1 .liin p a {display: block; font-weight: bold; color: #0000ee; margin: 4px 0 0 0;} .sectionpg1 .liin p a:hover {color: #045b9b;} /********************* css added by wp *********************/ input[type=submit].search-submit { background: #0061aa; float: left; width: 10%; box-sizing: border-box; padding: 0 10px; height: 40px; font-weight: 800; font-size: 13px; text-align: center; border: 0; box-shadow: none; color: #ffffff; } .section6 .tab_content h1 { padding: 0 0 20px 0; color: #0078a7; font-weight: 700; } .goog-te-gadget img {display: inline-block;} .email-wrap input {border-radius:0; } #google_translate_element {float:left;} .recentp ul li h6 strong a {color:#333333;} #xmt_Primary_wid.xmt ul li a { color: #0084B4 !important;} #xmt_Primary_wid.xmt ul li.tweet_list { margin: 30px 0 !important; } #xmt_Primary_wid.xmt .text_18 { font-size: 18px !important; font-weight: bold !important; } .sectionc1 .lt .fullImg img {width:100%;} .section6 .tab_content .liin h4 a {color: #0078a7;} .sectionfirst {padding: 60px 0 0 0;} #month_1 {padding: 0 0 60px 0;} .sectiona3 .bottomc {padding-bottom: 50px; position: relative;} .cff-text, .tweet_area {font-size: 12px; line-height: 14px;} .sectiona3 .bottomc .links {position: absolute; left: 54px; bottom: 10px;} .sectiona3 .bottomc .links a {font-weight: bold; color: #0000ee;} .selectBox-dropdown {height: 40px; background: #f0f0f0; border: 0; border-radius: 0;} .selectBox-dropdown .selectBox-arrow {background: url(images/selarrow.png) scroll no-repeat center center; width: 40px; height: 40px; background-size: 100% 100%;} .selectBox-dropdown .selectBox-label {display: block; line-height: 40px; padding: 0 40px 0 10px; font-weight: bold;} .selectBox-dropdown {min-width: 200px;} #xmt_Primary_wid { overflow-y: scroll; height: 283px; } .links a span.arrow { font-size: 10px;} .sectionb2 .liin .cont h4 a {color: #0078A7;} .sectione1 p a.lk {margin-right: 25px;} .sectionj1 .tab-in .liin h5 a { color: #0000ee;} .section6 .tabs li a:hover { color: #0078a7; } .accw ul li h5:hover { color: #F6921E;} .sectionj1 .section6 .tabs li a:hover { color: #f69321;} #nav ul li.cli3 { background: #0060a9; } #nav ul li.cli2 { background: #fbb627; } #nav ul li.cli1 { background: #008997; } #nav ul li.cli3:hover { background: #065A98; } #nav ul li.cli2:hover { background: #F7A81C; } #nav ul li.cli1:hover { background: #096F7B; } footer .foot2 ul li a:hover {opacity: 0.75;} .email-wrap input[type=submit]:hover {background: #004e8b; opacity: 1;} .section3 .liin .link:hover { color: #004070;} .section3 .liin2 .link:hover { color: #f6921e;} .section3 .liin3 .link:hover { color: #096f7b;} .section2 a.link:hover { color: #004070; opacity: 1;} .section1 .btns.link:hover { background: #004070; opacity: 1;} .section5 .lt .link:hover {opacity: 0.7; color: #ffffff;} .selectBox-dropdown:hover .selectBox-arrow { background: url(https://www.citybarjusticecenter.org/wp-content/uploads/2016/09/selarrow1.png) scroll no-repeat center center;} .selectBox-options LI A:hover {color: #F6921E;} .section6 .tabs li.active a, .sectionj1 .section6 .tabs li:hover a { color: #0078a7; } #nav ul li a {letter-spacing: 0.1em;} #nav ul li.cli a {letter-spacing: 0.04em;} #nav ul li ul { padding: 12px 20px;} .email-wrap input[type=submit] { font-family: 'Lato', sans-serif; font-weight: 900; letter-spacing: 0.020em;} footer .foot2 p a:hover {opacity: 0.75;} .section6 .tab_content {padding-bottom: 90px;} .sectionb2, .sectionpc { padding-bottom: 90px; } .sectionpc { padding-bottom: 60px; } .top-header .rt .topc .phnobar h6 {color: #808080;} .section1 .item .caption .conti .btns:hover {opacity: 1; background: #004070;} .section1 .owl-nav {margin: -15px 0 0 0;} .section1 .item img {height: 350px; object-fit: cover;} .section1 .item .caption .conti .btns {letter-spacing: 0.02em;} a.link span {background-position: right 7px;} .section2 .lt a.link span {background: none; position: relative; display: inline-block;} .section2 .lt a.link span::after { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #3776b6; position: absolute; top: 5px; right: 0;} .section2 a.link:hover span::after { border-left: 8px solid #004070; } .section2 .rt .video .play:hover img {opacity: 0.75;} .section3 .liin h4 { letter-spacing: 0.04em;} .title h3 { letter-spacing: 0.06em;} .section5 .lt h4 small { margin: 7px 0 0 0;} .section5 .lt h4 { padding: 0 0 24px 0;} .section5 .lt h5 {padding: 0 0 24px 0;} .section5 .lt .link, .section6 .tab_content .liin .link {font-weight: 900;} .section6 .tabs li a {color: #808080;} .section6 .tab_content .liin .img img {width: 300px; height: 200px; object-fit: cover;} .section6 .tab_content .liin h4 {padding: 0 0 16px 0;} .sectiona1 .owl-dots .owl-dot span { opacity: 0.8;} .sectiona1 .owl-dots .owl-dot.active span, .sectiona1 .owl-dots .owl-dot:hover span { opacity:1;} .sectiona1 .owl-nav .owl-prev, .sectiona1 .owl-nav .owl-next {opacity: 0.8;} .sectiona1 .owl-nav .owl-prev:hover, .sectiona1 .owl-nav .owl-next:hover {opacity: 1;} .sectiona1 .carot .item .img .play:hover {opacity: 0.75;} .sectiona1 .carot .item h5 { padding: 14px 30px;} .sectiona1 .owl-dots { margin: 14px 0 0 0; } .popup .content .social ul li {margin: 0 3px 0 0;} .sectiona1 h5 { padding: 0 0 28px 0;} .sectiona3 .topc h5 span {font-weight: 900;} .sectiona3 .bottomc {height: 390px; padding-right: 20px;} .sectiona3 .bottomc .links {bottom: 25px;} .sectiona3 .bottomc .links a:hover {color: #004E8B ;} .sectiona3 .bottomc .links a:hover span { olor: #004E8B ; } .whiteSec {background: #ffffff; } .sectionk1 .quote {padding-right: 15px; padding-top: 37px;} .sectionh1 .quote h5 { line-height: 25px;} .sectionk4 .topt {padding-top: 15px;} .sectionh2 .lt .links li a {background: url(images/arrow3.png) scroll no-repeat right 7px;} .sectiont1 p {font-size: 18px; line-height: 22px;} .sectionh2 .lt .links li a {margin: 0 0 0 25px;} .sectionpa1 p span {margin: -5px 0 0 0; display: inline-block;} .sectionpa2 p strong span { margin: 10px 0 2px 0;} .sectionpa2 .lt h5 { padding: 0 0 20px 0; } .sectionpa2 .lt p {font-size: 16px; line-height: 20px;} .sectionpa2 .lt .btns {margin: 0 0 30px 0; font-size: 14px; letter-spacing: 0.04em;} /*.sectionpa2 .lt p a {display: block; margin: 5px 0 0 0;}*/ .sectionpa2 .rt {background-position: 85% 75%;} .sectionk3 .topt p { padding: 15px 0 5px 0; } .sectionpc1 .topt { padding: 0 0 18px 0; } .sectionpc1 .lt {padding-right: 30px;} .sectionpc2 .lt h5 { padding: 0; } .selectBox-dropdown .selectBox-label {color: #333333; padding: 0 40px 0 20px;} .selectBox-options LI A:hover {background: url(images/arrow6.png) scroll no-repeat right 9px;} .selectBox-options LI A {display: inline-block; padding-right: 15px; transition: all 0s;} .sectionpd1 .topt { padding: 0 0 15px 0; } .sectionpd1 .liin .lt p strong {margin: -10px 0 0 0; display: inline-block;} .accw ul li h5 { color: #808080;} .mob-menu {display: none;} .Privacy_Policy p {font-size:14px; line-height:20px; } .foot3 ul li {float:left; margin-right:10px; } .wpcf7-not-valid-tip {display:none !important;} .wpcf7-not-valid {border: 1px solid red !important;} div.wpcf7-validation-errors {border: none !important; color: red !important; text-align:center; } .sectioni1 input {} .sectioni1 input {background: #ffffff; border: 1px solid #f8f8f8; float: left; width: 100%; box-sizing: border-box; padding: 0 10px; height: 50px; font-size: 14px; line-height: 14px; color: #000000; border: 0px; box-shadow: none;} .sectioni1 input [type=submit] {} .sectioni1 input [type=submit]:hover {} .sectioni1 input::-webkit-input-placeholder { color:#333333; } .sectioni1 input::-moz-placeholder { color:#333333; } v:-ms-input-placeholder { color:#333333; } .sectioni1 input:-moz-placeholder { color:#333333; } .sectioni1 label {font-weight: 700;} .sectioni1 .wpcf7 p {width: 80%; font-size: 30px;} .sectioni1 .wpcf7 li {margin-bottom: 30px;} .sectioni1 .wpcf7 .curDay {display: inline-block; width: 25%; vertical-align: middle; padding: 0 15px;} .sectioni1 .wpcf7 .curMon {display: inline-block; width: 25%; vertical-align: middle; padding: 0 15px 0 0;} .sectioni1 .wpcf7 .curYear {display: inline-block; width: 30%; vertical-align: middle; padding: 0 0 0 15px;} .sectioni1 .wpcf7 li.large-6:nth-child(2n + 1) {clear: left;} .sectioni1 .wpcf7 hr {color: #c2c2c2; border-top: 1px solid #c2c2c2; height: 1px; margin: 10px 0; background: none; padding: 30px 0 10px;} .sectioni1 span.wpcf7-list-item {margin: 0;} .sectioni1 .wpcf7-checkbox .wpcf7-list-item {display: inline-block; position: relative;} .sectioni1 textarea {background: #ffffff; border: 1px solid #f8f8f8; float: left; width: 100%; box-sizing: border-box; padding: 0 10px; height: 150px; font-size: 14px; line-height: 14px; color: #000000; border: 0px; box-shadow: none; resize: none;} .sectioni1 .wpcf7 .nycDay {display: inline-block; width: 25%; vertical-align: middle; padding: 0 15px;} .sectioni1 .wpcf7 .nycMon {display: inline-block; width: 25%; vertical-align: middle; padding: 0 15px 0 0;} .sectioni1 .wpcf7 .nycYear {display: inline-block; width: 30%; vertical-align: middle; padding: 0 0 0 15px;} .sectioni1 .wpcf7 .project .wpcf7-list-item {width: 33.33%; margin: 0 0 30px 0;} .sectioni1 .wpcf7 .rightContent {padding: 50px 30px 0px 30px; background: #ffffff url(images/strip3.png) scroll no-repeat center 20px; background-size: 335px 14px; width: 395px; box-sizing: border-box; float: right;} .sectioni1 .wpcf7 .rightContent p {font-size: 14px; line-height: 18px; color: #333333; font-weight: 700;} .sectioni1 .wpcf7 .rightContent p strong { color: #087a85; font-weight: 700;} .sectioni1 input[type=submit] {display: block; background: #008997; color: #ffffff; width: 130px; height: 40px; border: 0; box-shadow: none; margin: 30px 0 0 0 !important; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 700;} .sectioni1 .wpcf7 .formnote {font-size: 16px; color: #008997; padding: 40px 0; margin: 5px 0 0 0; border-top: 1px solid #c2c2c2; font-size: 16px; width: auto;} .checkw1 {position: relative;} .checlwrap1 {position: absolute; left: 0; bottom: 25px;} ::-webkit-input-placeholder { color:#888888; } ::-moz-placeholder { color:#888888; } :-ms-input-placeholder { color:#888888; } input:-moz-placeholder { color:#888888; } .sectioni1 label em {color: #008997;} .wpcf7-checkbox.wpcf7-not-valid { border: 0px !important; } .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label::before { box-shadow: 0 0px 5px 2px #c33c3c !important;} /***************************************************************************/ .sectioni1 [type="checkbox"]:not(:checked), .sectioni1 [type="checkbox"]:checked { position: absolute; left: -9999px; width: auto; height: auto;padding: 0; float: none; } .sectioni1 [type="checkbox"]:not(:checked) + .wpcf7-list-item-label, .sectioni1 [type="checkbox"]:checked + .wpcf7-list-item-label { position: relative; padding-left: 40px; cursor: pointer; font-size: 14px; line-height: 30px; display: inline-block; font-weight: 700; margin: 0 20px 0 0; } /* checkbox aspect */ .sectioni1 [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:before, .sectioni1 [type="checkbox"]:checked + .wpcf7-list-item-label:before { content: ''; position: absolute; left:0; top: 2px; width: 30px; height: 30px; border: 1px solid #f8f8f8; background: #ffffff; border-radius: 0; box-shadow: none; background: #ffffff; box-sizing: border-box; } /* checked mark aspect */ .sectioni1 [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after, .sectioni1 [type="checkbox"]:checked + .wpcf7-list-item-label:after { content: ''; position: absolute; top: 9px; left: 7px; font-size: 14px; line-height: 0.8; color: #09ad7e; transition: all .2s; background: url(images/cross.png) scroll no-repeat 0 0; width: 16px; height: 16px; } /* checked mark aspect changes */ .sectioni1 [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after { opacity: 0; transform: scale(0); } .sectioni1 [type="checkbox"]:checked + .wpcf7-list-item-label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ .sectioni1 [type="checkbox"]:disabled:not(:checked) + .wpcf7-list-item-label:before, .sectioni1 [type="checkbox"]:disabled:checked + .wpcf7-list-item-label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .sectioni1 [type="checkbox"]:disabled:checked + .wpcf7-list-item-label:after { color: #999; } .sectioni1 [type="checkbox"]:disabled + .wpcf7-list-item-label { color: #aaa; } /* accessibility */ .sectioni1 [type="checkbox"]:checked:focus + .wpcf7-list-item-label:before, .sectioni1 [type="checkbox"]:not(:checked):focus + .wpcf7-list-item-label:before { border: 1px solid #f8f8f8; } /***************************************************************************/ #nav ul li ul li a {color: #87b3dd !important; background: none !important;} #nav ul li ul li a:hover {color: #ffffff !important; background: none !important;} /*************************************wp addded results page**************************************/ .titlt {padding: 0 0 55px 0;} .titlt h3 {color: #0078a7; font-size: 28px; line-height: 32px; font-weight: 800;} .sectionr1 {padding: 60px 0 70px;} .sectionr2 {padding: 60px 0 70px; background: #e5e5e5;} .sectionr3 {padding: 60px 0 20px; background: #0078a7;} .sectionr1 ul {text-align: center;} .sectionr1 ul li {display: inline-block; vertical-align: top;} .sectionr1 ul li.icon {width: 50px; position: relative; top: 35px;} .sectionr1 .cont {} .sectionr1 .img {margin: 0 0 30px 0;} .sectionr1 .cont h2 {font-size: 44px; line-height: 44px; color: #0078a7; font-weight: 800; letter-spacing: 1px;} .sectionr1 .cont h2 small {display: block; font-size: 14px; line-height: 20px; color: #808080; margin: 10px 0 0 0;} .sectionr1 .img img {margin: 0 auto;} .sectionr1 ul li.icon img {margin: 0 auto;} .sectionr1 ul li.icon1 {left: 20px;} .sectionr1 ul li.icon2 {left: -15px;} .sectionr1 ul li.icon3 {left: 5px;} .sectionr3 .titlt h3 {color: #ffffff;} .sectionr2 .liin h5 {font-size: 22px; line-height: 26px; padding: 15px 0;} .sectionr3 .liin h5 {font-size: 22px; line-height: 26px; padding: 15px 0; color: #ffffff;} .sectionr3 .liin {margin: 0 0 70px 0;} .section1 .owl-dots { position: absolute; bottom: 30px; left: 0; width: 100%; z-index: 10000; } .sectionpg1 .liin .showcw a.link:hover { color: #0579a8; background: url(images/arrow10-h.png) scroll no-repeat right center; } #project-select li { margin-bottom: 0; } #project-select a.selectBox[style] { height: auto !important; width: auto !important; } span.checkField span.wpcf7-list-item.last { margin-bottom: 10px !important; } #menu-item-60 .is-dropdown-submenu{ min-width: 500px; } #nav ul li#menu-item-60 ul.js-dropdown-active { display: flex; flex-wrap: wrap; } #nav ul li#menu-item-60 ul.js-dropdown-active li { display: flex; padding: 0 0.5em; width: 33%; } .nelp-client .sectiong1 .rt .topc .textw{ top: 0; } .modal-wrapper{ }