/** Table of Contents:1. RESET2. DEFAULT CLASSES 2.1. COMMONS 2.2. QUOTES3. ELEMENTS 3.1. WHAT WE ARE 3.2. PROJECTS 3.3. SERVICES 3.4. CLIENTS 3.5. BLOGS 3.6. HEADERS 3.7. FOOTERS 3.8. NAVIGATION 3.9. SIDEBAR 3.10. MINI CART 3.11. PAGE TITLE 3.12. PAGINATION 3.13. ABOUT US 3.14. CONTACT 3.15. OUR HISTORY 3.16. SINGLE POST 3.17. BUTTON 3.18. BREADCRUMB 3.19. OWL CAROUSEL 3.20. MOBILE MENU 3.21. FORMS 3.22. TESTIMONIALS 3.23. JOBS4. COMMERCE 4.1. GENERAL 4.2. SINGLE PRODUCT 4.3. CART 4.4. OTHER** -----------------------------------------------------------------------------*/ /* --------------------------- *//* 1. RESET/* ------------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} html {overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body {overflow-x: hidden;} article, aside, details, figcaption, figure, footer, header, main, nav, section {display: block;} table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; margin-bottom: 20px;} dl {margin-bottom: 20px;} caption, th, td {font-weight: normal; text-align: left; padding: 10px 0;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a:focus {outline: none;} a:hover, a:active {outline: 0; text-decoration: none;} a:hover {color: #868686;} a img {border: 0;} @media screen and (min-width: 38.75em) {ul, ol { margin-left: 0; } li > ul, li > ol, blockquote > ul, blockquote > ol { margin-left: 1.3333em; }} .entry-content, .entry-summary, .page-content, .comment-content {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word;} /* ------------------------------- *//* 2. DEFAULT CLASSES/* ---------------------- */ /* === 2.1. COMMONS === */ a {text-decoration: none; color: #003164;} input:focus, textarea:focus {outline: none;} img, video, figure {max-width: 100%; vertical-align: top; height: auto;} audio, canvas, video {display: inline; zoom: 1;} h1, h2, h3, h4, h5, h6 {margin: 0;} body {line-height: 1.6;} body {font-family: Roboto; font-weight: 400; font-size: 15px; color:#5C5C5C;} p {margin-bottom: 1.5em;} .top {-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;} .middle {-webkit-align-items: center; -ms-flex-align: center; align-items: center;} .bottom {-webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;} .start {-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start;} .center {-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center;} .end {-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end;} .around {-webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around;} .between {-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .first {-webkit-order: -1; -ms-flex-order: -1; order: -1;} .last {-webkit-order: 1; -ms-flex-order: 1; order: 1;} @media (max-width: 767px) {.hidden-xs { display: none; }} @media (min-width: 768px) and (max-width: 991px) {.hidden-sm { display: none; }} @media (min-width: 992px) and (max-width: 1199px) {.hidden-md { display: none; }} @media (min-width: 1200) {.hidden-lg { display: none; }} .row {box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .clr:before, .clr:after, #comments .comment > div:before, #comments .comment > div:after, .page .comment > div:before, .page .comment > div:after, .recent-posts__item:before, .recent-posts__item:after {content: " "; display: table;} .clr:after, .mini-cart .widget_shopping_cart_content .cart_list li:after, #comments .comment > div:after, .page .comment > div:after, .recent-posts__item:after {clear: both;} .icf, .quote:before, .quote2:before, .projects_btn .projects_btn_left > i:before, .projects_btn .projects_btn_right > i:before, .ourservices_btn .ourservices_btn_left > i:before, .ourservices_btn .ourservices_btn_right > i:before, .clients_btn .clients_btn_left > i:before, .clients_btn .clients_btn_right > i:before, #home-blog .eg-home-blog-element-31:before, .page .eg-home-blog-element-31:before, #blog-archive .eg-home-blog-element-31:before, #home-blog .eg-home-blog-element-32:before, .page .eg-home-blog-element-32:before, #blog-archive .eg-home-blog-element-32:before, #blog-archive .eg-blog-archive-element-31:before, #blog-archive-2c .eg-blog-archive-element-31:before, #blog-archive .eg-blog-archive-element-32:before, #blog-archive-2c .eg-blog-archive-element-32:before, .site-footer .menu li a:before, .social-menu .menu li a:before, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after, #site-navigation .menu li:hover > .children li.menu-item-has-children:after, #site-navigation .menu li:hover > .sub-menu li.page_item_has_children:after, #site-navigation .menu li:hover > .children li.page_item_has_children:after, #site-navigation .menu > li.menu-item-has-children > a:after, #site-navigation .menu > ul > li.page_item_has_children > a:after, .sidebar .recent-posts-list:hover > .recent-posts-thumb:before, .sidebar .better-menu-widget ul li.menu-item-has-children:after, .mini-cart .mini-cart__button .mini-cart-icon:before, .aboutus_list ul li:before, .single-post .single-post-nav .prev-post .prev-post-text:before, .single-post .single-post-nav .next-post .next-post-text:after, ul.style1 li:before, .tm_bread_crumb li a:after, .testimonials_wrapper blockquote:before, .top-search form:before, .prev-project a:before, .next-project a:after {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;} .tran, a, .home_whatweare .home_whatweare_btn > button, .home_whatweare a, .projects_btn .projects_btn_left, .projects_btn .projects_btn_right, .ourservices_btn .ourservices_btn_left, .ourservices_btn .ourservices_btn_right, .clients_btn .clients_btn_left, .clients_btn .clients_btn_right, .home_whatweare .consulting img, .home_news .home_news_btn button, .home_news .home_news_btn a, .search-box i, .search-box i:before, .search-box i:after, .search-box input[type="search"], .search-box .search-form, .header01 #site-navigation, .header07 #site-navigation, .header08 #site-navigation, .header11 #site-navigation, .header12 #site-navigation, .site-footer .menu li, #site-navigation .menu > ul > li, #site-navigation .menu > li, .sidebar .recent-posts-list .recent-posts-thumb img, .sidebar .better-menu-widget ul li, .sidebar .better-menu-widget ul li ul.sub-menu, .sidebar .better-menu-widget ul li ul.sub-menu li a, .sidebar .better-menu-widget ul li:hover ul.sub-menu, .sidebar .better-menu-widget ul li.current-menu-item ul.sub-menu, .sidebar .better-menu-widget ul li.current-menu-parent ul.sub-menu, .mini-cart .mini-cart__button, .mini-cart .mini-cart__button .mini-cart-icon, .services-consultation .consulting p img, input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"], .recent-posts__item .recent-posts__thumb:before, .recent-posts__item .recent-posts__thumb:after, .recent-posts__item .recent-posts__thumb a:before, #our-projects .filter-wrapper .filterbutton, #home-our-projects .filter-wrapper .filterbutton {-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);} .boxed {max-width: 1200px; margin: auto; overflow: hidden;} .site {background-color: #fff; position: relative; z-index: 2; overflow: hidden;} .align-center {text-align: center;} .align-left {text-align: left;} .align-right {text-align: right;} .gray {color: #858585;} .row:before, .container:before, .row:after, .container:after {display: none;} .latest {position: relative;} .latest:before {content: ''; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: .9;} .tp-caption.icon {padding: 40px; display: block;} .tp-caption.t2:before {content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transform: skew(30deg, 0); -moz-transform: skew(30deg, 0); -ms-transform: skew(30deg, 0); -o-transform: skew(30deg, 0); z-index: -1;} .text-left {text-align: left;} .text-right {text-align: right;} .text-center {text-align: center;} .search-btn {cursor: pointer;} .top-search {background: #282828; overflow: hidden; display: none;} .top-search form {position: relative;} .top-search form input {margin: 0; background: none; border: none; padding: 15px 0 15px 24px; font-size: 16px;} .top-search form input:focus {border: none;} .top-search form:before {content: "\f002"; position: absolute; top: 17px; font-size: 14px;}/* Unit */.entry-content, .entry-summary, .page-content, .comment-content {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word;} .entry-content ul, .entry-summary ul, .page-content ul, .comment-content ul, .entry-content ol, .entry-summary ol, .page-content ol, .comment-content ol {margin-left: 20px;} .post-thumb {margin-bottom: 20px;} .single .post-thumb {margin-bottom: 0px;} .entry-meta {margin: 10px 0;} .entry-meta span {margin-right: 15px;} .entry-meta span i {margin-right: 5px;} .entry-meta .share span {margin-left: 10px; margin-right: 0;} .entry-meta .col-sm-8, .entry-meta .col-sm-4 {padding: 0;} .entry-footer {margin-top: 20px;} .entry-footer .share span {margin-left: 10px;} .hentry {margin-bottom: 40px;} .scrollup {width: 40px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; background: #222222; position: fixed; bottom: -60px; right: 30px; z-index: 9999; cursor: pointer;} .scrollup:hover {background: #003164;} .scrollup.show {bottom: 30px;} h1, h2, h3, h4, h5, h6 {font-weight: 700;} h1, h2, h3, h4 {color: #111111;} h1 {font-size: 28px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 16px;} /* === 2.2. QUOTES === */ .get-quote {overflow: hidden;} .quote:before {content: "\f10d"; font-size: 30px; position: absolute; bottom: 40px; right: 10px; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #999;} .quote2 {position: relative;} .quote2:before {content: "\f10d"; font-size: 30px; position: absolute; top: -1px; left: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #fff; color: #999;} .quote2:after {content: ''; width: 0; height: 0; border-style: solid; border-width: 60px 30px 0 0; border-color: #FFFFFF transparent transparent transparent; position: absolute; top: -1px; left: 60px;} .quote3 .sub {font-style: italic;} @media (min-width: 992px) {.get-quote .btn { margin-top: 50px; }} /* ---------------------------------------- *//* 3. ELEMENTS/* ----------------------------------------------- */ /* === 3.1. WHAT WE ARE === */ .home_whatweare .home_whatweare_btn{margin-top: 10px} .home_whatweare .home_whatweare_btn > button, .home_whatweare a {background: none; padding: 4px 0; border: none; border-bottom: 1px solid #002E66; color: #002E66; font-size: 16px; font-weight: normal; font-family: Roboto;} .home_whatweare .home_whatweare_btn > button:hover, .home_whatweare a:hover {border-bottom: 1px solid #999999; color: #999999;} .home_whatweare h3 {margin-bottom: 1.3em; font-weight: bold;} .home_whatweare p {margin-bottom: 1.2em;} .home_whatweare .home_consulting {margin-bottom: 10px;} .home_whatweare .consulting {position: relative; overflow: hidden; margin-bottom: 20px;} .home_whatweare .consulting p {margin-bottom: 0;} .home_whatweare .consulting:hover img {transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5);} .home_whatweare .consulting .info:before {background: #000000; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.7;} .home_whatweare .consulting .info div {width: 100%; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; text-transform: uppercase;} .home_whatweare .consulting .info div h4 {color: #FFFFFF; margin-bottom: 0; font-size: 18px; font-weight: 400;} .home_whatweare .consulting .info div h5 {color: #FFFFFF; font-size: 24px; font-weight: 400; margin-bottom: 0;} .home_whatweare .consulting .info div a {padding: 4px 0; font-weight: 400; color: #FFFFFF; letter-spacing: 1px; font-size: 12px; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #fff; outline: none;} .home_whatweare .consulting .info div a:hover {color: #999999; border-bottom: 1px solid #999999;} /* === 3.2. PROJECTS === */ .product_title{text-align: center; padding-bottom: 30px} .product_title h1{color: #002F66} .product_cat{padding-bottom: 30px} .product_cat ul{display: flex; display: -webkit-flex; justify-content:center; margin:auto; } .product_cat ul li{line-height: 45px; text-align: center; width: 110px;min-width: 120px; margin: 10px; list-style: none; border: 1px solid #E7E7E7; background:rgba(255,255,255,0.5)} .product_cat ul li a{display: block; width: 100%; height: 100%} .product_cat ul li a:hover{background: #002F66; color: #FFFFFF} .projects_btn {padding-bottom: 20px; border-bottom: 1px solid #002E66; padding-top: 50px; position: relative; width: 100px; margin: auto} .projects_btn p {font-size: 26px; color: #111; padding: 0; margin: 0;} .projects_btn .projects_btn_left, .projects_btn .projects_btn_right {position: absolute; margin: 0 4px 0 0; padding: 8px 10px; background: #FFFFFF; color: #AEAEAE; display: inline-block; cursor: pointer;} .projects_btn .projects_btn_left:hover, .projects_btn .projects_btn_right:hover {background: #002F66; color: #FFFFFF;} .projects_btn .projects_btn_left {left: 0} .projects_btn .projects_btn_left > i:before {content: "\f104";} .projects_btn .projects_btn_right {right: 0;} .projects_btn .projects_btn_right > i:before {content: "\f105";} .project-template-9 .big-title, .project-template-9 .big-title--single {margin: 0;} #our-projects .filter-wrapper .filterbutton, #home-our-projects .filter-wrapper .filterbutton {background: none; border: none; box-shadow: none; color: #868686; padding: 6px; font-size: 16px; margin-right: 20px; font-weight: normal; border-radius: 0; line-height: normal; font-family: 'Roboto'; display: inline-block; cursor: pointer;} #our-projects .filter-wrapper .filterbutton:hover, #home-our-projects .filter-wrapper .filterbutton:hover {color: #002D66; border-bottom: 1px solid #002D66;} #our-projects .filter-wrapper .filterbutton:focus, #home-our-projects .filter-wrapper .filterbutton:focus {outline: none; text-decoration: none;} #our-projects .filter-wrapper .selected, #home-our-projects .filter-wrapper .selected, #our-projects .filter-wrapper .current, #home-our-projects .filter-wrapper .current {color: #002D66; border-bottom: 1px solid #002D66;} .project-nav {color: #999999; font-size: 16px; padding: 20px 0; margin: 0px; border-top: 1px solid #DDDDDD; margin-top: 50px;} .project-nav .left {text-align: left; padding: 0px;} .project-nav .right {text-align: right; padding: 0px;} .project-nav .center {text-align: center; padding: 0px;} .prev-project a {font-size: 16px; color: #002E66;} .prev-project a:before {content: '\f104'; margin-right: 20px;} .next-project a {font-size: 16px; color: #002E66;} .next-project a:after {content: '\f105'; margin-left: 20px;} .project-title {font-size: 26px; font-weight: bold; color: #111111; padding-bottom: 30px; margin-bottom: 30px; width: 100%; border-bottom: 1px solid #DDDDDD; display: inline-block;} .project-desc {color: #999999; font-size: 15px;} .single-project-description {color: #999999; margin-bottom: 20px; font-size: 15px;} .single-project-description .heading-title {font-size: 26px; font-weight: normal; padding: 0 0 20px 0; margin: 0 0 20px 0; color: #000000; border-bottom: 1px solid #dddddd;} .project-meta {margin-bottom: 20px; font-size: 15px;} .project-meta .heading-title {font-size: 26px; font-weight: normal; padding: 0 0 20px 0; margin: 0 0 20px 0; color: #000000; border-bottom: 1px solid #dddddd;} .project-meta .meta-title {color: #000000;} .project-meta .meta-value {color: #999999;} .project-meta .project-meta__content {padding: 0px 20px} .project-meta .project-meta__content li{line-height: 180%} .project-gallery img {margin-bottom: 30px;} .single-project .gallery {width: 100%; float: none;} .single-project .gallery img {width: 100%; height: auto;} .single-project .owl-controls {display: none;} .single-project .tm-gallery {position: relative;} .single-project .tm-gallery .tm-nav {position: absolute; width: 100%; height: 36px; top: 48%; left: 0; z-index: 9; display: table-cell; vertical-align: middle;} .single-project .tm-gallery .tm-nav .tm-prev, .single-project .tm-gallery .tm-nav .tm-next {display: inline-block; background: #fff; color: #AAAAAA; text-align: center; line-height: 36px; width: 36px; height: 36px; z-index: 9; cursor: pointer;} .single-project .tm-gallery .tm-nav .tm-prev:hover, .single-project .tm-gallery .tm-nav .tm-next:hover {background: #002F66; color: #fff;} .single-project .tm-gallery .tm-nav .tm-prev {float: left; margin-left: 10px;} .single-project .tm-gallery .tm-nav .tm-next {float: right; margin-right: 10px;} .project-list, .project-masonry, .project-grid {list-style: none;} .project-masonry {list-style: none;width: 100%} .project-list .owl-item li {width: 100%;} .project-entry-media img {width: 100%; height: auto;} .project-entry-cover .project-overlay {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px solid transparent; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; outline: 0px solid transparent;} .project-entry-cover:hover .project-overlay {opacity: 1;} .project-list .owl-item li img {min-height: 200px; width: auto; max-width: 100%;} .our-projects-categories a {font-size: 16px; line-height: 24px; color: #ffffff; font-weight: 400; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); z-index: 2; font-family: Roboto; border: none;} .our-projects-title a {font-size: 26px; line-height: 150%; color: #ffffff; font-weight: 400; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); z-index: 2; display: block; font-family: Roboto;} .our-projects-title a:hover{color: #c02e2c} .our-projects-popup a {font-size: 17px; line-height: 22px; color: #ffffff; font-weight: 200; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); z-index: 2; display: block; border: none;} .our-projects-title {display: inline-block; float: none; clear: both; margin: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: 50% 50% 0px; transform-style: flat; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -283, 0, -0.002, 1);} .project-list li:hover .our-projects-title, .project-masonry li:hover .our-projects-title {opacity: 1; transform-origin: 50% 50% 0px; transform-style: flat; transform: translate(0%, 0%);} .our-projects-popup {display: inline-block; float: none; clear: none; margin: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: 50% 50% 0px; transform-style: flat; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -317, 0, 1);} .project-list li:hover .our-projects-popup, .project-masonry li:hover .our-projects-popup {opacity: 1; transform-origin: 50% 50% 0px; transform-style: flat; transform: translate(0%, 0%);} .our-projects-categories {font-size: 16px; line-height: 24px; color: #ffffff; font-family: Roboto; font-weight: 400; text-decoration: none; text-transform: none; display: inline-block; float: none; clear: both; margin: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: 50% 50% 0px; transform-style: flat; transform: matrix3d(1, 0, 0, 0, 0, 0, -1, 0.000833333, 0, 1, 0, 0, 0, 0, 0, 1);} .our-projects-categories a {border-bottom: 1px solid #fff; padding-bottom: 1px;} .project-list li:hover .our-projects-categories, .project-masonry li:hover .our-projects-categories {opacity: 1; transform-origin: 50% 50% 0px; transform-style: flat; transform: translate(0%, 0%);} .our-projects-container {background-color: rgba(0, 47, 102, 0.90)} .our-projects-content {background-color:#000000; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border-color: transparent; border-style: none; text-align: left} .our-projects-wrapper .project-content {position: absolute; top: 35%; left: 0; width: 100%; text-align: center;} .project-grid .project-entry-media {width: 120px; height: 135px; margin-right: 10px; display: inline-block; float: left;} .project-list li:hover .project-entry-cover .project-overlay, .project-grid li:hover .project-entry-cover .project-overlay, .project-grid li:hover .our-projects-popup {opacity: 1;} .project-grid li:hover .our-projects-popup {opacity: 1; transform-origin: 50% 50% 0px; transform-style: flat; transform: translate(0%, -345%);} .project-grid .project-entry-media img {height: 135px; width: 100%;} .project-grid .our-projects-wrapper .project-content {position: static; text-align: left;} .project-grid .our-projects-categories {width: auto; opacity: 1; transform: inherit; margin-bottom: 5px;} .project-grid .our-projects-categories a {padding-bottom: 0px; border-bottom: 1px solid #002F66; color: #002F66; font-size: 13px;} .project-grid .our-projects-title {width: auto; opacity: 1; transform: inherit; display: inline; text-align: left;} .project-grid .our-projects-title a {color: #002F66; font-size: 16px; margin-bottom: 5px;} .project-grid .our-projects-title:hover a {color: #999999;} .project-grid .project-desc {text-align: left; font-size: 13px; line-height: 24px; color: #777777; font-weight: 400;} /* === 3.3. SERVICES === */ .ourservices_btn .ourservices_btn_left, .ourservices_btn .ourservices_btn_right {margin: 0 4px 0 0; padding: 8px 10px; background: #EEEEEE; color: #AEAEAE; display: inline-block; cursor: pointer;} .ourservices_btn .ourservices_btn_left:hover, .ourservices_btn .ourservices_btn_right:hover {background: #002F66; color: #FFFFFF;} .ourservices_btn .ourservices_btn_left > i:before {content: "\f104";} .ourservices_btn .ourservices_btn_right > i:before {content: "\f105";} #services-projects .esg-entry-media-wrapper, #services-projects .esg-entry-cover {width: 120px; height: 135px; float: left; margin-right: 10px;} #services-projects .esg-entry-content {overflow: auto;} #services-projects .esg-entry-content .esg-content:first-child a {padding-bottom: 0px; border-bottom: 1px solid #002F66;} #services-projects .esg-entry-media-wrapper img {width: 120px; height: 135px;} .services-brochure {border: 1px solid #DDDDDD; height: 70px; line-height: 70px; color: #002E66; font-size: 15px; text-transform: uppercase; position: relative; padding-left: 90px; margin-bottom: 15px;} .services-brochure span {position: absolute; top: -1px; left: -1px; width: 70px; height: 70px; margin-right: 20px; background: #002E66; color: #ffffff; text-align: center; font-size: 24px; display: inline-block;} .services-brochure a {color: #002E66;} .services-consultation .consulting {position: relative; margin-bottom: 20px;} .services-consultation .consulting p {margin-bottom: 0; overflow: hidden;} .services-consultation .consulting p img {width: 100%; height: auto;} .services-consultation .consulting:hover img {transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2);} .services-consultation .consulting .info:before {background: #002F66; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.9;} .services-consultation .consulting .info div {width: 100%; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; text-transform: uppercase;} .services-consultation .consulting .info div h4 {color: #FFFFFF; margin-bottom: 0; font-size: 18px; font-weight: 400;} .services-consultation .consulting .info div h5 {color: #FFFFFF; font-size: 36px; font-weight: 400; margin-bottom: 0;} .services-consultation .consulting .info div a {padding: 4px 0; font-weight: 400; color: #FFFFFF; letter-spacing: 1px; font-size: 15px; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #fff; outline: none;} .services-consultation .consulting .info div a:hover {color: #999999;} .our_services_heading1 {position: relative; text-align: center;} .our_services_heading1 div {display: inline-block; position: relative; padding-bottom: 10px;} .our_services_heading1 div:after {content: ''; width: 100%; height: 1px; background: #DDDDDD; position: absolute; bottom: 0; left: 0;} .our_services_heading2 div {font-size: 36px; color: #111111;} .our_services_heading3 div {font-size: 26px; color: #111111;} .our_services_heading4 div {font-size: 18px; color: #111111;} .honor-text-bg{background: url("../images/honor-bg.jpg") no-repeat; padding:10%; overflow: hidden} .honor-text-bg ul{list-style: none} .honor-text-bg ul li{list-style: none; color: #FFFFFF; line-height: 300%; border-bottom: 1px solid #B5B5B5; float: left; clear: both} .honor-list {list-style: none;} .honor-list .owl-item li, .service-list-2 .owl-item li {width: 100%;} .honor-list .honor-entry-media{text-align: center; border: 1px solid #EFEFEF} .honor-list .our-honor-title-link{text-align: center; line-height: 50px; width: 100%; display: block} .service-list {list-style: none;} .service-list .owl-item li, .service-list-2 .owl-item li {width: 100%;} .service-list .service-entry-media{border: 1px solid #D9D9D9} .our-services-readmore-link {font-size: 13px; line-height: 20px; color: #ffffff; font-weight: 400; padding: 5px 10px 5px 10px; border-radius: 0; background-color: rgba(0, 0, 0, 0.15); z-index: 2; font-family: Roboto; text-transform: uppercase;} .our-services-url-link {font-size: 16px; line-height: 22px; color: #ffffff; font-weight: 400; padding: 13px 13px 13px 13px; border-radius: 0px 0px 0px 0px; background-color: rgba(0, 0, 0, 0.15); z-index: 2; display: block; border: none;} .our-services-title-link {font-size: 18px; line-height: 24px; color: #002f66; font-weight: 400; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background-color: rgba(255, 255, 255, 1.00); z-index: 2; display: block; text-transform: capitalize;} .our-services-desc {font-size: 15px; line-height: 22px; color: #999999; font-weight: 400; display: block; text-align: left; clear: none; margin: 0; padding: 0; border-radius: 0; background-color: #ffffff; position: relative; z-index: 2; font-family: Roboto;} .our-services-readmore-link-2 {font-size: 13px; line-height: 20px; color: #002f66; font-weight: 400; padding: 0; border-radius: 0; background-color: #ffffff; z-index: 2; display: block; font-family: Roboto; text-transform: uppercase; border: none; border-bottom: 1px solid #002f66;} .our-services-readmore-link:hover {font-size: 13px; line-height: 20px; color: #ffffff; font-weight: 400; border-radius: 0; background-color: rgba(255, 255, 255, 0.15); font-family: Roboto; text-transform: uppercase;} .our-services-url-link:hover {font-size: 16px; line-height: 22px; color: #ffffff; font-weight: 400; border-radius: 0; background-color: rgba(255, 255, 255, 0.15); border: none;} .our-services-readmore-link-2:hover {font-size: 13px; line-height: 20px; color: #999999; font-weight: 400; border-radius: 0; background-color: rgba(255, 255, 255, 0); text-transform: uppercase; border: none; border-bottom: 1px solid #999999;} .our-services-readmore {display: inline-block; float: none; clear: both; margin: 0; position: absolute; left: 0; top: 45%; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: 50% 50% 0px; transform-style: flat; transform: matrix3d(0.8, 0, 0, 0, 0, 0, 0.8, -0.000666667, 0, -1, 0, 0, 0, 0, 0.001, 0.999999);} .service-list li:hover .our-services-readmore, .service-list-2 li:hover .our-services-readmore, .service-grid li:hover .our-services-readmore {opacity: 1; transform-origin: 50% 100% 0px; transform-style: flat; transform: inherit;} .our-services-best-title {display: inline-block; float: none; clear: both; margin: 0; position: absolute; left: 0; top: 45%; width: 100%; text-align: center} .our-services-best-title a {font-size: 24px; line-height: 32px; color: #ffffff; font-weight: 400; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); z-index: 2; display: block;} .our-services-url {display: inline-block; float: left; clear: right; margin: 0; position: absolute; left: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: 50% 50% 0px; transform-style: flat; transform: translate(50%, 0%) matrix3d(0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} .service-list li:hover .our-services-url, .service-list-2 li:hover .our-services-url, .service-grid li:hover .our-services-url {opacity: 1; transform-origin: 50% 50% 0px; transform-style: flat; transform: translate(0%, 0%);} .our-services-title {display: block; text-align: center; clear: both; margin: 0px 0px 10px 0px; position: relative;} .our-services-readmore-2 {display: inline-block; float: none; clear: both; margin: 10px 0px 0px 0px; position: relative;} .our-services-container {background-color: rgba(0, 47, 102, 0.50)} .service-list li:hover .our-services-container, .service-list-2 li:hover .our-services-container, .service-grid li:hover .our-services-container {opacity: 1;} .our-services-content {background-color: #ffffff; padding: 20px 0px 20px 0px; border: none; text-align: left} .service-list-2 .service-entry-cover .service-overlay {opacity: 1;} .service-list-2 li:hover .our-services-container {opacity: 0;} .service-list-2 .our-services-container {background-color: rgba(10, 10, 10, 0.50);} .service-list-2 .our-services-url-link {background-color: rgba(0, 0, 0, 0.15); color: #fff;} .service-list-2 .our-services-url-link:hover {color: #ffffff; background-color: rgba(0, 0, 0, 0.40);} /* === 3.4. CLIENTS === */ .clients_btn {padding-bottom: 20px; position: relative;} .clients_btn p {font-size: 26px; color: #111; padding: 0; margin: 0;} .clients_btn .clients_btn_left, .clients_btn .clients_btn_right {position: absolute; margin: 0 4px 0 0; padding: 8px 10px; background: #EEEEEE; color: #AEAEAE; display: inline-block; cursor: pointer;} .clients_btn .clients_btn_left:hover, .clients_btn .clients_btn_right:hover {background: #002F66; color: #FFFFFF;} .clients_btn .clients_btn_left {top: 0; right: 50px;} .clients_btn .clients_btn_left > i:before {content: "\f104";} .clients_btn .clients_btn_right {top: 0; right: 0;} .clients_btn .clients_btn_right > i:before {content: "\f105";} .client-list {list-style: none;} .client-list li {width: 100%;} .client-list li .client-media-cover-wrapper {border: 1px solid #dddddd;} .home-clients-title {font-size: 13px; line-height: 20px; color: #ffffff; font-weight: 400; display: block; text-align: center; clear: both; margin: 0; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); position: absolute; top: 40%; z-index: 2; font-family: Roboto; text-transform: uppercase; width: 100%; opacity: 0; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s;} .client-list li:hover .home-clients-title {opacity: 1;} .home-clients-container {background-color: rgba(0, 47, 102, 0.75)} .client-entry-cover:hover .client-overlay {opacity: 1;} .home_honor{} .home_honor ul{list-style: none} .home_honor ul li{line-height: 200%; list-style: none; color: #337ab7} /* === 3.5. CASE === */ .home_case .section-title{text-align: center} .home_case .section-desc p{text-align: center} .home_case .home_case_btn button, .home_case .home_case_btn a {font-size: 14px; color: #002D68; border: 1px solid #002D68; background: none; padding: 11px 15px; text-transform: uppercase; letter-spacing: .05em;} .home_case .home_case_btn button:hover, .home_case .home_case_btn a:hover {background: #002D68; color: #fff;} #home-blog .eg-home-blog-element-31:before, .page .eg-home-blog-element-31:before, #blog-archive .eg-home-blog-element-31:before {content: '\f017'; margin-right: 8px;} #home-blog .eg-home-blog-element-32:before, .page .eg-home-blog-element-32:before, #blog-archive .eg-home-blog-element-32:before {content: '\f086'; margin-right: 8px;} #home-blog .eg-home-blog-element-32:after, .page .eg-home-blog-element-32:after, #blog-archive .eg-home-blog-element-32:after {content: ' Comment';} #blog-archive .eg-blog-archive-element-31:before, #blog-archive-2c .eg-blog-archive-element-31:before {content: '\f017'; margin-right: 8px;} #blog-archive .eg-blog-archive-element-32:before, #blog-archive-2c .eg-blog-archive-element-32:before {content: '\f086'; margin-right: 8px;} #blog-archive .eg-blog-archive-element-32:after, #blog-archive-2c .eg-blog-archive-element-32:after {content: ' Comment';} .home_quote_btn {line-height: 40px;} .home_quote_btn button, .home_quote_btn a {color: #003164; background: #fff; font-size: 15px; border: 1px solid #fff; padding: 12px 15px; font-family: Roboto;} .home_quote_btn button:hover, .home_quote_btn a:hover {background: none; color: #fff;} @media screen and (max-width: 1199px) {.home_quote_txt > div { text-align: center; } .home_quote_btn, .ourservices_btn {text-align: center; margin-top: 20px; } #home_our_projects { background-image: none; }} .recent-posts__item {margin-bottom: 20px;} .recent-posts__item .recent-posts__thumb {float: left; margin-right: 20px; position: relative;} .recent-posts__item .recent-posts__thumb:before {content: ''; width: 30px; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 2px; background-color: #fff; z-index: 2; opacity: 0;} .recent-posts__item .recent-posts__thumb:after {content: ''; width: 2px; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 30px; opacity: 0; background-color: #fff;} .recent-posts__item .recent-posts__thumb a:before {content: ''; opacity: 0; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .recent-posts__item:hover .recent-posts__thumb:before {opacity: 1;} .recent-posts__item:hover .recent-posts__thumb:after {opacity: 1;} .recent-posts__item:hover .recent-posts__thumb a:before {opacity: .8;} .recent-posts__item a {font-size: 15px; letter-spacing: .05em;} .recent-posts__item .post-meta {margin-top: 10px; color: #878787;} .recent-posts__item .post-meta span {margin-right: 10px;} .recent-posts.type_2 h3 {letter-spacing: normal; font-weight: normal; margin-bottom: 20px;} .recent-posts.type_2 .entry-meta {margin-bottom: 20px;} .recent-posts.type_2 .entry-meta span {padding-right: 10px;} .recent-posts.type_2 .entry-meta i {margin-right: 5px;} .recent-posts.type_2 .entry-excerpt {color: #858585;} .case-list {list-style: none;} .case-list .owl-item li, .case-list-2 .owl-item li {width: 100%;} .case-list .home-blog-date:before, .case-list .home-blog-comment:before, .case-list-2 .home-blog-date:before, .case-list-2 .home-blog-comment:before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;} .case-list .home-blog-date:before, .case-list-2 .home-blog-date:before {content: '\f017'; margin-right: 8px;} .case-list .home-blog-comment:before, .case-list-2 .home-blog-comment:before {content: '\f086'; margin-right: 8px;} .case-list .home-blog-title a {font-size: 18px; line-height: 24px; font-weight: 400; padding: 0; border-radius: 0; z-index: 2; display: block; font-family: Roboto;} .case-list .home-blog-popup a {font-size: 16px; line-height: 22px; color: #ffffff; font-weight: 400; padding: 17px; border-radius: 60px; background-color: rgba(255, 255, 255, 0); z-index: 2; display: block; border: 2px solid #ffffff;} .case-list .home-blog-popup .fa-search:before {margin: 0 4px;} .case-list .home-blog-date {font-size: 13px; line-height: 20px; color: #888888; font-weight: 400; display: inline-block; float: none; clear: both; margin: 0 20px 0 0; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); position: relative; z-index: 2; font-family: Roboto;} .case-list .home-blog-comment {font-size: 13px; line-height: 20px; color: #888888; font-weight: 400; display: inline-block; float: none; clear: both; margin: 0; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); position: relative; z-index: 2; font-family: Roboto;} .case-list .home-blog-desc {font-size: 15px; line-height: 24px; color: #777777; font-weight: 400; display: block; text-align: left; clear: both; margin: 10px 0; padding: 0; border-radius: 0; position: relative; z-index: 2; font-family: Roboto;} .case-list .home-blog-readmore a {font-size: 13px; line-height: 20px; font-weight: 400; padding: 0px 5px 0px 5px; border-radius: 0px 0px 0px 0px; background-color: rgba(0, 10, 0, 0); z-index: 2; display: block; font-family: Roboto; text-transform: uppercase; border-bottom: 1px solid #002f66;} .case-list .home-blog-readmore a:hover{color: #c02e2c; border-bottom: 2px solid #002f66;} .case-list .home-blog-title {display: block; text-align: left; clear: both; margin: 20px 0px 10px 0px; position: relative;} .case-list .home-blog-popup {display: inline-block; float: none; clear: none; margin: 0px 10px 0px 0px; text-align: center; position: absolute; left: 45%; top: 30%; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: 50% 50% 0px; transform-style: flat; transform: matrix3d(0.8, 0, 0, 0, 0, 0, 0.8, -0.000666667, 0, -1, 0, 0, 0, 0, 0.001, 0.999999);} .case-list li:hover .home-blog-popup, .case-list-2 li:hover .home-blog-popup, .case-grid li:hover .home-blog-popup {opacity: 1; transform-origin: 50% 50% 0px; transform-style: flat; transform: translate(0%, 0%);} .case-list .home-blog-readmore {display: inline-block; float: none; clear: both; margin: 0; position: relative;} .case-list .home-blog-container {background-color: rgba(0, 49, 100, 0.65);} .case-list .case-list li:hover .home-blog-container, .case-list-2 li:hover .home-blog-container {opacity: 1;} .case-list .home-blog-content {padding-left: 10px; border-radius: 0; border-left: 2px solid #003164;} .case-list .case-entry-media img {width: 100%; height: auto;} /* === 3.5. BLOGS === */ .home_news .title-list{} .home_news .title-list ul{} .home_news .title-list ul li{list-style: none; line-height: 35px; border-bottom: 1px solid #D7D7D7} .home_news .title-list ul li a{display: block; width: 100%; height: 100%} .home_news .title-list ul li span{float: right} .home_news .home_news_btn button, .home_news .home_news_btn a {font-size: 14px; color: #002D68; border: 1px solid #002D68; background: none; padding: 11px 15px; text-transform: uppercase; letter-spacing: .05em;} .home_news .home_news_btn button:hover, .home_news .home_news_btn a:hover {background: #002D68; color: #fff;} #home-blog .eg-home-blog-element-31:before, .page .eg-home-blog-element-31:before, #blog-archive .eg-home-blog-element-31:before {content: '\f017'; margin-right: 8px;} #home-blog .eg-home-blog-element-32:before, .page .eg-home-blog-element-32:before, #blog-archive .eg-home-blog-element-32:before {content: '\f086'; margin-right: 8px;} #home-blog .eg-home-blog-element-32:after, .page .eg-home-blog-element-32:after, #blog-archive .eg-home-blog-element-32:after {content: ' Comment';} #blog-archive .eg-blog-archive-element-31:before, #blog-archive-2c .eg-blog-archive-element-31:before {content: '\f017'; margin-right: 8px;} #blog-archive .eg-blog-archive-element-32:before, #blog-archive-2c .eg-blog-archive-element-32:before {content: '\f086'; margin-right: 8px;} #blog-archive .eg-blog-archive-element-32:after, #blog-archive-2c .eg-blog-archive-element-32:after {content: ' Comment';} .home_quote_btn {line-height: 40px;} .home_quote_btn button, .home_quote_btn a {color: #003164; background: #fff; font-size: 15px; border: 1px solid #fff; padding: 12px 15px; font-family: Roboto;} .home_quote_btn button:hover, .home_quote_btn a:hover {background: none; color: #fff;} @media screen and (max-width: 1199px) {.home_quote_txt > div { text-align: center; } .home_quote_btn, .ourservices_btn { text-align: center; margin-top: 20px; } #home_our_projects { background-image: none; }} .recent-posts__item {margin-bottom: 20px;} .recent-posts__item .recent-posts__thumb {float: left; margin-right: 20px; position: relative;} .recent-posts__item .recent-posts__thumb:before {content: ''; width: 30px; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 2px; background-color: #fff; z-index: 2; opacity: 0;} .recent-posts__item .recent-posts__thumb:after {content: ''; width: 2px; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 30px; opacity: 0; background-color: #fff;} .recent-posts__item .recent-posts__thumb a:before {content: ''; opacity: 0; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .recent-posts__item:hover .recent-posts__thumb:before {opacity: 1;} .recent-posts__item:hover .recent-posts__thumb:after {opacity: 1;} .recent-posts__item:hover .recent-posts__thumb a:before {opacity: .8;} .recent-posts__item a {font-size: 15px; letter-spacing: .05em;} .recent-posts__item .post-meta {margin-top: 10px; color: #878787;} .recent-posts__item .post-meta span {margin-right: 10px;} .recent-posts.type_2 h3 {letter-spacing: normal; font-weight: normal; margin-bottom: 20px;} .recent-posts.type_2 .entry-meta {margin-bottom: 20px;} .recent-posts.type_2 .entry-meta span {padding-right: 10px;} .recent-posts.type_2 .entry-meta i {margin-right: 5px;} .recent-posts.type_2 .entry-excerpt {color: #858585;} .news-list {list-style: none;} .news-list .owl-item li, .news-list-2 .owl-item li {width: 100%;} .news-list .home-blog-date:before, .news-list .home-blog-comment:before, .news-list-2 .home-blog-date:before, .news-list-2 .home-blog-comment:before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;} .news-list .home-blog-date:before, .news-list-2 .home-blog-date:before {content: '\f017'; margin-right: 8px;} .news-list .home-blog-comment:before, .news-list-2 .home-blog-comment:before {content: '\f086'; margin-right: 8px;} .home_news .home-blog-title a {font-size: 18px; line-height: 24px; font-weight: 400; padding: 0; border-radius: 0; z-index: 2; display: block; font-family: Roboto;} .home_news .home-blog-popup a {font-size: 16px; line-height: 22px; color: #ffffff; font-weight: 400; padding: 17px; border-radius: 60px; background-color: rgba(255, 255, 255, 0); z-index: 2; display: block; border: 2px solid #ffffff;} .home_news .home-blog-popup .fa-search:before {margin: 0 4px;} .home_news .home-blog-date {font-size: 13px; line-height: 20px; color: #888888; font-weight: 400; display: inline-block; float: none; clear: both; margin: 0 20px 0 0; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); position: relative; z-index: 2; font-family: Roboto;} .home_news .home-blog-comment {font-size: 13px; line-height: 20px; color: #888888; font-weight: 400; display: inline-block; float: none; clear: both; margin: 0; padding: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0); position: relative; z-index: 2; font-family: Roboto;} .home_news .home-blog-desc {font-size: 15px; line-height: 24px; color: #777777; font-weight: 400; display: block; text-align: left; clear: both; margin: 10px 0; padding: 0; border-radius: 0; position: relative; z-index: 2; font-family: Roboto;} .home_news .home-blog-readmore a {font-size: 13px; line-height: 20px; font-weight: 400; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background-color: rgba(0, 10, 0, 0); z-index: 2; display: block; font-family: Roboto; text-transform: uppercase; border-bottom: 1px solid #002f66;} .home-blog-title {display: block; text-align: left; clear: both; margin: 20px 0px 10px 0px; position: relative;} .home_news .home-blog-popup {display: inline-block; float: none; clear: none; margin: 0px 10px 0px 0px; text-align: center; position: absolute; left: 40%; top: 35%; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: 50% 50% 0px; transform-style: flat; transform: matrix3d(0.8, 0, 0, 0, 0, 0, 0.8, -0.000666667, 0, -1, 0, 0, 0, 0, 0.001, 0.999999);} .news-list li:hover .home-blog-popup, .news-list-2 li:hover .home-blog-popup, .news-grid li:hover .home-blog-popup {opacity: 1; transform-origin: 50% 50% 0px; transform-style: flat; transform: translate(0%, 0%);} .home_news .home-blog-readmore {display: inline-block; float: none; clear: both; margin: 0; position: relative;} .home_news .home-blog-container {background-color: rgba(0, 49, 100, 0.65);} .news-list li:hover .home-blog-container, .news-list-2 li:hover .home-blog-container {opacity: 1;} .home_news .home-blog-content {padding: 0; border-radius: 0; border: none;} .home_news .news-entry-media img {width: 100%; height: auto;} /* === 3.6. HEADERS === */ .site-top {width: 100%; position: relative;} .site-branding {position: relative; z-index: 1; /*padding: 20px 15px;*/ padding: 10px 50px 10px 15px;} .extra-info > div {padding: 0px 15px; text-align: left;} .extra-info i {display: inline-block; font-size: 30px; float: left;} .extra-info span {font-weight: 600; color: #777;} .extra-info h3 {font-size: 18px; line-height: 1.2; letter-spacing: normal; font-weight: normal;} .search-box {position: relative; z-index: 9999;} .search-box i {font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; height: 20px; width: 20px; -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s;} .search-box i:before, .search-box i:after {position: absolute;} .search-box i:before {top: 0; left: 0;} .search-box i:after {content: '\f00d'; top: 100%; left: 0;} .search-box label span, .search-box input[type="submit"] {display: none;} .search-box input[type="search"] {width: 100%; z-index: 99; border: none; padding: 10px; background-color: #fff; border-top: 3px solid transparent; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);} .search-box .search-form {position: absolute; right: 0px; top: 100%; width: 300px; height: 100%; opacity: 0; visibility: hidden;} .search-box .search-form:before {content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .search-box .search-form.open {opacity: 1; visibility: visible;} .search-box .search-form.open + i:before {top: -100%;} .search-box .search-form.open + i:after {top: 0;} @media (min-width: 992px) {.site-top .social-menu { display: inline-block; position: relative; } .site-top .social-menu ul { position: relative; z-index: 2; }} /*--------------------------------------------------------------Header 01, 07, 08--------------------------------------------------------------*/ .header01 #site-navigation .menu, .header07 #site-navigation .menu, .header08 #site-navigation .menu {text-align: right;} .header01 #site-navigation .menu > ul > li a, .header07 #site-navigation .menu > ul > li a, .header08 #site-navigation .menu > ul > li a, .header01 #site-navigation .menu > li a, .header07 #site-navigation .menu > li a, .header08 #site-navigation .menu > li a {padding: 20px 0; display: inline-block;} .header01 #site-navigation .menu > ul > li:hover:after, .header07 #site-navigation .menu > ul > li:hover:after, .header08 #site-navigation .menu > ul > li:hover:after.header01 #site-navigation .menu > li:hover:after, .header07 #site-navigation .menu > li:hover:after, .header08 #site-navigation .menu > li:hover:after.header01 #site-navigation .menu > ul > li.current-menu-item:after, .header07 #site-navigation .menu > ul > li.current-menu-item:after, .header08 #site-navigation .menu > ul > li.current-menu-item:after.header01 #site-navigation .menu > li.current-menu-item:after, .header07 #site-navigation .menu > li.current-menu-item:after, .header08 #site-navigation .menu > li.current-menu-item:after {width: 100%; opacity: 1;} .header01 #site-navigation .menu > ul > li:after, .header07 #site-navigation .menu > ul > li:after, .header08 #site-navigation .menu > ul > li:after, .header01 #site-navigation .menu > li:after, .header07 #site-navigation .menu > li:after, .header08 #site-navigation .menu > li:after {content: ''; position: absolute; background: #868686; width: 0; height: 1px; bottom: 40px; left: 0; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);} .header01 .nav-left, .header07 .nav-left, .header08 .nav-left {padding-left: 0; padding-right: 0;} .header01 .nav-right, .header07 .nav-right, .header08 .nav-right {text-align: right; padding-left: 0;} .header01 .mini-cart, .header07 .mini-cart, .header08 .mini-cart {padding: 0; display: inline-block; margin: 0;} .header01 .search-box, .header07 .search-box, .header08 .search-box {display: inline-block; margin: 0 0 0 20px; color: #868686;} .header01 .search-box i:before, .header07 .search-box i:before, .header08 .search-box i:before {left: 1px;} .header01 .search-box i:after, .header07 .search-box i:after, .header08 .search-box i:after {left: 1px;} .header01 .home_quote .home_quote_txt h1, .header07 .home_quote .home_quote_txt h1, .header08 .home_quote .home_quote_txt h1, .header01 .home_quote .home_quote_txt h2, .header07 .home_quote .home_quote_txt h2, .header08 .home_quote .home_quote_txt h2, .header01 .home_quote .home_quote_txt h3, .header07 .home_quote .home_quote_txt h3, .header08 .home_quote .home_quote_txt h3, .header01 .home_quote .home_quote_txt h4, .header07 .home_quote .home_quote_txt h4, .header08 .home_quote .home_quote_txt h4, .header01 .home_quote .home_quote_txt h5, .header07 .home_quote .home_quote_txt h5, .header08 .home_quote .home_quote_txt h5, .header01 .home_quote .home_quote_txt h6, .header07 .home_quote .home_quote_txt h6, .header08 .home_quote .home_quote_txt h6 {font-size: 24px; font-weight: normal;} .header01 .home_quote .home_quote_btn button, .header07 .home_quote .home_quote_btn button, .header08 .home_quote .home_quote_btn button, .header10 .home_quote .home_quote_btn button {color: #003164;} .header10 .site-header {border-bottom: 1px solid #DDDDDD; background: #ffffff;} .header10 .main-navigation {background: #ffffff;} @media (min-width: 992px) {.header01 .site-branding img, .header07 .site-branding img, .header08 .site-branding img, .header10 .site-branding img { position: relative; z-index: 1; } .header01 .extra-info > div, .header07 .extra-info > div, .header08 .extra-info > div, .header10 .extra-info > div { padding: 35px 15px 0; } .header01 .top-menu .menu-item, .header07 .top-menu .menu-item, .header08 .top-menu .menu-item { padding: 5px 0 5px 20px; }} @media (min-width: 1200px) {.header01 #site-navigation.headroom--not-top, .header07 #site-navigation.headroom--not-top, .header08 #site-navigation.headroom--not-top { -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; } .header01 #site-navigation.headroom--not-top .menu > li:after, .header07 #site-navigation.headroom--not-top .menu > li:after, .header08 #site-navigation.headroom--not-top .menu > li:after { bottom: 30px; } .header01 #site-navigation.headroom--not-top .menu > li > a, .header07 #site-navigation.headroom--not-top .menu > li > a, .header08 #site-navigation.headroom--not-top .menu > li > a { padding: 35px 0; } .header01 #site-navigation.headroom--not-top .site-branding, .header07 #site-navigation.headroom--not-top .site-branding, .header08 #site-navigation.headroom--not-top .site-branding { padding: 10px 50px 10px 15px; }} /*------------------------------------------------Header 02, 04, 05, 06, 09----------------------------------------------------*/ .header02 #site-navigation .menu, .header04 #site-navigation .menu, .header05 #site-navigation .menu, .header06 #site-navigation .menu, .header09 #site-navigation .menu {text-align: left;} .header02 #site-navigation .menu > ul > li, .header04 #site-navigation .menu > ul > li, .header05 #site-navigation .menu > ul > li, .header06 #site-navigation .menu > ul > li, .header09 #site-navigation .menu > ul > li, .header02 #site-navigation .menu > li, .header04 #site-navigation .menu > li, .header05 #site-navigation .menu > li, .header06 #site-navigation .menu > li, .header09 #site-navigation .menu > li {float: left;} .header02 #site-navigation .menu > ul > li a, .header04 #site-navigation .menu > ul > li a, .header05 #site-navigation .menu > ul > li a, .header06 #site-navigation .menu > ul > li a, .header09 #site-navigation .menu > ul > li a, .header02 #site-navigation .menu > li a, .header04 #site-navigation .menu > li a, .header05 #site-navigation .menu > li a, .header06 #site-navigation .menu > li a, .header09 #site-navigation .menu > li a {padding: 25px 0; display: inline-block;} .header02 #site-navigation .menu > ul > li:hover:after, .header04 #site-navigation .menu > ul > li:hover:after, .header05 #site-navigation .menu > ul > li:hover:after, .header06 #site-navigation .menu > ul > li:hover:after, .header09 #site-navigation .menu > ul > li:hover:after, .header02 #site-navigation .menu > li:hover:after, .header04 #site-navigation .menu > li:hover:after, .header05 #site-navigation .menu > li:hover:after, .header06 #site-navigation .menu > li:hover:after, .header09 #site-navigation .menu > li:hover:after, .header02 #site-navigation .menu > ul > li.current-menu-item:after, .header04 #site-navigation .menu > ul > li.current-menu-item:after, .header05 #site-navigation .menu > ul > li.current-menu-item:after, .header06 #site-navigation .menu > ul > li.current-menu-item:after, .header09 #site-navigation .menu > ul > li.current-menu-item:after, .header02 #site-navigation .menu > li.current-menu-item:after, .header04 #site-navigation .menu > li.current-menu-item:after, .header05 #site-navigation .menu > li.current-menu-item:after, .header06 #site-navigation .menu > li.current-menu-item:after, .header09 #site-navigation .menu > li.current-menu-item:after {width: 100%; opacity: 1;} .header02 #site-navigation .menu > ul > li:after, .header04 #site-navigation .menu > ul > li:after, .header05 #site-navigation .menu > ul > li:after, .header06 #site-navigation .menu > ul > li:after, .header09 #site-navigation .menu > ul > li:after, .header02 #site-navigation .menu > li:after, .header04 #site-navigation .menu > li:after, .header05 #site-navigation .menu > li:after, .header06 #site-navigation .menu > li:after, .header09 #site-navigation .menu > li:after {content: ''; position: absolute; width: 0; height: 1px; bottom: 18px; left: 0; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);} .header02 .mini-cart, .header04 .mini-cart, .header05 .mini-cart, .header06 .mini-cart, .header09 .mini-cart {padding: 0; color: #ccc; display: inline-block; margin: 0;} .header02 .nav-left, .header04 .nav-left, .header05 .nav-left, .header06 .nav-left, .header09 .nav-left {padding-left: 15px; padding-right: 0;} .header02 .nav-right, .header04 .nav-right, .header05 .nav-right, .header06 .nav-right, .header09 .nav-right {text-align: right; padding-left: 0;} .header02 .search-box, .header04 .search-box, .header05 .search-box, .header06 .search-box, .header09 .search-box {display: inline-block; margin: 0 0 0 20px; position: relative;} .header02 .search-box i:before, .header04 .search-box i:before, .header05 .search-box i:before, .header06 .search-box i:before, .header09 .search-box i:before {left: 1px;} .header02 .search-box i:after, .header04 .search-box i:after, .header05 .search-box i:after, .header06 .search-box i:after, .header09 .search-box i:after {left: 1px;} .header02 .home_quote .home_quote_txt h1, .header04 .home_quote .home_quote_txt h1, .header05 .home_quote .home_quote_txt h1, .header06 .home_quote .home_quote_txt h1, .header09 .home_quote .home_quote_txt h1, .header02 .home_quote .home_quote_txt h2, .header04 .home_quote .home_quote_txt h2, .header05 .home_quote .home_quote_txt h2, .header06 .home_quote .home_quote_txt h2, .header09 .home_quote .home_quote_txt h2, .header02 .home_quote .home_quote_txt h3, .header04 .home_quote .home_quote_txt h3, .header05 .home_quote .home_quote_txt h3, .header06 .home_quote .home_quote_txt h3, .header09 .home_quote .home_quote_txt h3, .header02 .home_quote .home_quote_txt h4, .header04 .home_quote .home_quote_txt h4, .header05 .home_quote .home_quote_txt h4, .header06 .home_quote .home_quote_txt h4, .header09 .home_quote .home_quote_txt h4, .header02 .home_quote .home_quote_txt h5, .header04 .home_quote .home_quote_txt h5, .header05 .home_quote .home_quote_txt h5, .header06 .home_quote .home_quote_txt h5, .header09 .home_quote .home_quote_txt h5, .header02 .home_quote .home_quote_txt h6, .header04 .home_quote .home_quote_txt h6, .header05 .home_quote .home_quote_txt h6, .header06 .home_quote .home_quote_txt h6, .header09 .home_quote .home_quote_txt h6 {font-size: 24px; font-weight: normal;} .header02 .home_quote .home_quote_btn button, .header04 .home_quote .home_quote_btn button, .header05 .home_quote .home_quote_btn button, .header06 .home_quote .home_quote_btn button, .header09 .home_quote .home_quote_btn button {color: #003164;} .header04 .site-logo, .header09 .site-logo {border-bottom: 1px solid #DDDDDD;} .header05 .site-top, .header06 .site-top {border-bottom: 1px solid #EEEEEE;} @media (min-width: 992px) {.header02 .site-branding img, .header04 .site-branding img, .header05 .site-branding img, .header06 .site-branding img, .header09 .site-branding img { position: relative; z-index: 1; max-width: none; } .header02 .extra-info > div, .header04 .extra-info > div, .header05 .extra-info > div, .header06 .extra-info > div, .header09 .extra-info > div { padding: 0px 15px 0; } .header02 .extra-info i, .header04 .extra-info i, .header05 .extra-info i, .header06 .extra-info i, .header09 .extra-info i { color: #002F66; margin-top: 6px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ddd; } .header02 .extra-info span, .header04 .extra-info span, .header05 .extra-info span, .header06 .extra-info span, .header09 .extra-info span { font-weight: normal; color: #888888; font-size: 14px; } .header02 .extra-info h3, .header04 .extra-info h3, .header05 .extra-info h3, .header06 .extra-info h3, .header09 .extra-info h3 { font-size: 20px; color: #002F66; line-height: 1.2; letter-spacing: normal; font-weight: normal; } .header02 .top-menu .menu-item, .header04 .top-menu .menu-item, .header05 .top-menu .menu-item, .header06 .top-menu .menu-item, .header09 .top-menu .menu-item { padding: 10px 0 10px 20px; }} @media (min-width: 1200px) {.header02 #site-navigation.headroom--not-top, .header04 #site-navigation.headroom--not-top, .header05 #site-navigation.headroom--not-top, .header06 #site-navigation.headroom--not-top, .header09 #site-navigation.headroom--not-top { -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; } .header02 #site-navigation.headroom--not-top .menu > li:after, .header04 #site-navigation.headroom--not-top .menu > li:after, .header05 #site-navigation.headroom--not-top .menu > li:after, .header06 #site-navigation.headroom--not-top .menu > li:after, .header09 #site-navigation.headroom--not-top .menu > li:after { bottom: 30px; } .header02 #site-navigation.headroom--not-top .menu > li > a, .header04 #site-navigation.headroom--not-top .menu > li > a, .header05 #site-navigation.headroom--not-top .menu > li > a, .header06 #site-navigation.headroom--not-top .menu > li > a, .header09 #site-navigation.headroom--not-top .menu > li > a { padding: 35px 0; }} /*--------------------------------------------------------------Header 03, 10--------------------------------------------------------------*/ .header03 #site-navigation {box-shadow: none; background-color: #002F66; border-bottom: none;} .header03 #site-navigation #open-left, .header03 #site-navigation .search-btn {color: #ffffff;} .header03 #site-navigation .menu, .header10 #site-navigation .menu {text-align: right;} .header03 #site-navigation .menu > ul > li a, .header10 #site-navigation .menu > ul > li a, .header03 #site-navigation .menu > li a, .header10 #site-navigation .menu > li a {padding: 45px 0; display: inline-block;} .header03 #site-navigation .menu > ul > li:hover:after, .header10 #site-navigation .menu > ul > li:hover:after, .header03 #site-navigation .menu > li:hover:after, .header10 #site-navigation .menu > li:hover:after, .header03 #site-navigation .menu > ul > li.current-menu-item:after, .header10 #site-navigation .menu > ul > li.current-menu-item:after, .header03 #site-navigation .menu > li.current-menu-item:after, .header10 #site-navigation .menu > li.current-menu-item:after {width: 100%; opacity: 1;} .header03 #site-navigation .menu > ul > li:after, .header10 #site-navigation .menu > ul > li:after, .header03 #site-navigation .menu > li:after, .header10 #site-navigation .menu > li:after {content: ''; position: absolute; width: 0; height: 1px; bottom: 40px; left: 0; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);} .header03 .nav-left, .header10 .nav-left {padding-left: 0; padding-right: 0;} .header03 .nav-right, .header10 .nav-right {text-align: right; padding-left: 0;} .header03 .mini-cart, .header10 .mini-cart {padding: 0; color: #ccc; display: inline-block; margin: 0;} .header03 .search-box, .header10 .search-box {display: inline-block; margin: 0 0 0 20px;} .header03 .search-box i:before, .header10 .search-box i:before {left: 1px;} .header03 .search-box i:after, .header10 .search-box i:after {left: 1px;} .header03 .home_quote .home_quote_txt h1, .header10 .home_quote .home_quote_txt h1, .header03 .home_quote .home_quote_txt h2, .header10 .home_quote .home_quote_txt h2, .header03 .home_quote .home_quote_txt h3, .header10 .home_quote .home_quote_txt h3, .header03 .home_quote .home_quote_txt h4, .header10 .home_quote .home_quote_txt h4, .header03 .home_quote .home_quote_txt h5, .header10 .home_quote .home_quote_txt h5, .header03 .home_quote .home_quote_txt h6, .header10 .home_quote .home_quote_txt h6 {font-size: 24px; font-weight: normal;} .header03 .home_quote .home_quote_btn button, .header10 .home_quote .home_quote_btn button {color: #003164;} .header03 #site-navigation {position: absolute; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.3);} .header03 #site-navigation .menu > li > a {color: #fff;} @media (min-width: 992px) {.header03 .site-branding img, .header10 .site-branding img { position: relative; z-index: 1; max-width: none; } .header03 .extra-info > div, .header10 .extra-info > div { padding: 0px 15px 0; } .header03 .extra-info i, .header10 .extra-info i { color: #002F66; margin-top: 6px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ddd; } .header03 .extra-info span, .header10 .extra-info span { font-weight: normal; color: #888888; font-size: 14px; } .header03 .extra-info h3, .header10 .extra-info h3 { font-size: 20px; color: #002F66; line-height: 1.2; letter-spacing: normal; font-weight: normal; } .header03 .top-menu .menu-item, .header10 .top-menu .menu-item { padding: 10px 0 10px 20px; }} @media (min-width: 992px) {.header03 .main-navigation .site-top .social-menu, .header10 .main-navigation .site-top .social-menu { padding-right: 15px; padding-left: 15px; }} @media (min-width: 1200px) {.header03 #site-navigation.headroom--not-top { -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); position: fixed; background-color: rgba(0, 47, 102, 0.7); border-bottom: none; top: 0; left: 0; } .header03 #site-navigation.headroom--not-top .menu > li:after { bottom: 30px; } .header03 #site-navigation.headroom--not-top .menu > li > a { padding: 35px 0; }}/* === 3.7. FOOTER === */.site-footer .widget-title {overflow: hidden; position: relative; margin-bottom: 20px; font-size: 20px; font-weight: normal;} .site-footer .widget-title:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .site-footer .widget-title span {position: relative; display: inline-block; padding: 10px 10px 10px 0px;} .site-footer .footer-logo {display: block;} .site-footer .col-md-4 {margin-bottom: 30px;} .site-footer .widget img {margin-bottom: 20px;} .site-footer .widget p {margin-bottom: 10px;} .site-footer .social-menu .menu {margin-top: 20px;} .site-footer .social-menu .menu li {margin: 0 15px 0 0;} .site-footer .social-menu .menu li a:before {font-size: 20px;} .site-footer .menu {font-size: 0;} .site-footer .menu li {vertical-align: top; margin-bottom: 10px; list-style-type: none; font-size: 15px; display: block;} .site-footer .menu li:hover {-webkit-transform: translate(6px, 0); -moz-transform: translate(6px, 0); -ms-transform: translate(6px, 0); -o-transform: translate(6px, 0);} .site-footer .menu li a:before {content: "\f105"; margin-right: 10px;} .office p {margin-bottom: 10px;} .office i {font-size: 16px; width: 35px;} .copyright {overflow: hidden; line-height: 1; padding: 40px 0 40px 0;} .copyright .center {text-align: center;} @media (min-width: 768px) {.site-footer .menu li { display: inline-block; width: 50%; }} @media screen and (max-width: 1199px) {.site-footer { background-image: none; }} .site-footer {font-family: Roboto; font-size: 15px; font-weight: 400; padding: 50px 0px 20px 0px; margin: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #000000; background-color: #222222; background-image: url("../images/footer_bg.jpg");} .site-footer, .copyright .right {color: #878787;} .site-footer a {color: #878787;} .site-footer a:hover {color: #ffffff;} .site-footer .widget-title {color: #ffffff;} .copyright {color: #878787; background-color: #111111;} .copyright a {color: #878787;} .copyright a:hover {color: #002C66;} /* === 3.8. NAVIGATION === */ .menu-item, .page_item {display: inline-block;} .top-menu {position: relative; z-index: 1; display: inline-block;} .top-menu .menu-item {padding: 5px;} .social-menu .menu li {display: inline-block; margin-left: 10px; width: auto;} .social-menu .menu li:hover {-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0);} .social-menu .menu li:before {display: none;} .social-menu .menu li a {font-size: 0;} .social-menu .menu li a:before {font-size: 16px; display: inline-block;} .social-menu .menu li a[href*="facebook"]:before {content: "\f09a";} .social-menu .menu li a[href*="twitter"]:before {content: "\f099";} .social-menu .menu li a[href*="instagram"]:before {content: "\f16d";} .social-menu .menu li a[href*="youtube"]:before {content: "\f16a";} .social-menu .menu li a[href*="plus.google.com"]:before {content: "\f0d5";} .social-menu .menu li a[href*="flickr"]:before {content: "\f16e";} .social-menu .menu li a[href*="dribbble"]:before {content: "\f17d";} .social-menu .menu li a[href*="foursquare"]:before {content: "\f180";} .social-menu .menu li a[href*="linkedin"]:before {content: "\f0e1";} .social-menu .menu li a[href*="tumblr"]:before {content: "\f173";} .social-menu .menu li a[href*="feed"]:before {content: "\f09e";} .social-menu .menu li a[href*="vimeo"]:before {content: "\f194";} .page .container, .single .container {position: relative;} #site-navigation {position: relative; z-index: 999; width: 100%;} #site-navigation .menu li:hover > .sub-menu, #site-navigation .menu li:hover > .children {visibility: visible; opacity: 1; top: 100%; z-index: 999;} #site-navigation .menu li:hover > .sub-menu > li, #site-navigation .menu li:hover > .children > li {margin-right: 0;} #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after, #site-navigation .menu li:hover > .children li.menu-item-has-children:after, #site-navigation .menu li:hover > .sub-menu li.page_item_has_children:after, #site-navigation .menu li:hover > .children li.page_item_has_children:after {content: '\f105'; position: absolute; right: 15px;} #site-navigation .menu li:hover > .sub-menu .sub-menu, #site-navigation .menu li:hover > .children .sub-menu, #site-navigation .menu li:hover > .sub-menu .children, #site-navigation .menu li:hover > .children .children {left: 100%; top: 0;} #site-navigation .menu li.mega-menu {position: static;} #site-navigation .menu li.mega-menu:after {display: none;} #site-navigation .menu li.mega-menu .sub-menu {width: 100%; position: absolute; bottom: 0;} #site-navigation .menu li.mega-menu .sub-menu > li {-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); padding: 20px;} #site-navigation .menu li.mega-menu .sub-menu > li:hover {background: #fff;} #site-navigation .menu li.mega-menu .sub-menu > li .wpb_text_column li {margin-bottom: 0;} #site-navigation .menu li.mega-menu .sub-menu > li .wpb_text_column li i {width: 20px;} #site-navigation .menu > li.menu-item-has-children, #site-navigation .menu > ul > li.page_item_has_children {margin-right: 20px;} #site-navigation .menu > li.menu-item-has-children > a, #site-navigation .menu > ul > li.page_item_has_children > a {position: relative;} #site-navigation .menu > li.menu-item-has-children > a:after, #site-navigation .menu > ul > li.page_item_has_children > a:after {content: '\f107'; position: absolute; right: -17px;} #site-navigation .menu > ul > li, #site-navigation .menu > li {display: inline-block; position: relative; vertical-align: top; line-height: 1;} #site-navigation .menu > ul > li a, #site-navigation .menu > li a {position: relative; z-index: 1;} #site-navigation .sub-menu, #site-navigation .children {position: absolute; left: 0; top: 120px; z-index: 2; opacity: 0; margin: 0; width: 200px; visibility: hidden; background: #ffffff; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);} #site-navigation .sub-menu li, #site-navigation .children li {position: relative; display: block; text-align: left;} #site-navigation .menu > li > .sub-menu li a, #site-navigation .children li a {padding: 5px;} @media (min-width: 992px) {.top-menu .menu-item { padding: 15px 30px 15px 0; }} #site-navigation {font-family: Roboto; font-weight: 400; font-size: 16px;} #site-navigation .menu > ul > li > a, #site-navigation .menu > li > a, .search-box i:before, .search-box i:after {color:#666666;} .header07 #site-navigation .menu > li > a {color: #8496aa;} .header08 #site-navigation .menu > li > a {color: #777777;} .header09 #site-navigation .menu > li > a {color: #868686;} #site-navigation .menu > li > a:hover, #site-navigation .menu > li.current-menu-item > a, .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .search-box:hover i:before, .search-box:hover i:after {color: #003164;} #site-navigation.dark .menu > li > a:hover, #site-navigation.dark .menu > li.current-menu-item > a, .header03 #site-navigation .menu > li > a:hover, .header03 #site-navigation .menu > li.current-menu-item > a, #site-navigation.dark .mini-cart .mini-cart__button .mini-cart-icon:hover:before, #site-navigation.dark .search-box:hover i:before, #site-navigation.dark .search-box:hover i:after, .header03 #site-navigation .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header03 #site-navigation .search-box:hover i:before, .header03 #site-navigation .search-box:hover i:after {color: #fff;} #site-navigation .menu > li.current-menu-item:after, #site-navigation .menu > li:hover:after {background-color: #003164;} #site-navigation.dark .menu > li.current-menu-item:after, #site-navigation.dark .menu > li:hover:after, .header03 #site-navigation .menu > li:hover:after, .header03 #site-navigation .menu > li.current-menu-item:after {background-color: #ffffff;} #site-navigation .sub-menu, #site-navigation .children {font-family: Roboto;} #site-navigation .sub-menu li a, #site-navigation .children li a {font-weight: 400; font-size: 14px;} #site-navigation .sub-menu li a, #site-navigation .children li a, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after {color:#666666} #site-navigation .sub-menu li:hover > a, #site-navigation .children li:hover > a, #site-navigation .sub-menu li a:hover, #site-navigation .children li a:hover, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:hover:after, #site-navigation .menu li:hover > .children li.page_item_has_children:hover:after {color: #ffffff;} #site-navigation .menu > ul > li, #site-navigation .menu > li {padding: 0px 5px 0px 5px; margin: 0px 10px 0px 10px;} #site-navigation .sub-menu li, #site-navigation .children li {padding: 10px 10px 10px 10px; background-color: #ffffff; border-bottom: 1px solid #E8E8E8} .main-navigation {background-color: #ffffff;} .main-navigation.dark {background-color: #111111;} .header05 .main-navigation {background-color: #EEEEEE;} .header06 .main-navigation {background-color: #003164;} .header07 .main-navigation {background-color: #002F66;} .header08 .main-navigation {background-color: #222222;} .header06 #site-navigation .menu > li > a:hover, .header06 #site-navigation .menu > li.current-menu-item > a, .header06 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header06 .search-box:hover i:before, .search-box:hover i:after, .header07 #site-navigation .menu > li > a:hover, .header07 #site-navigation .menu > li.current-menu-item > a, .header07 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header07 .search-box:hover i:before, .search-box:hover i:after, .header08 #site-navigation .menu > li > a:hover, .header08 #site-navigation .menu > li.current-menu-item > a, .header08 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header08 .search-box:hover i:before, .search-box:hover i:after {color: #fff;} .header06 #site-navigation .menu > li.current-menu-item:after, .header06 #site-navigation .menu > li:hover:after, .header07 #site-navigation .menu > li.current-menu-item:after, .header07 #site-navigation .menu > li:hover:after, .header08 #site-navigation .menu > li.current-menu-item:after, .header08 #site-navigation .menu > li:hover:after {background-color: #fff;} #site-navigation .sub-menu li:hover, #site-navigation .children li:hover {background-color: #003164;} .site-top {font-family: Roboto; font-size: 14px; font-weight: 400; color: #777777; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #dddddd; background-color: #F5F5F5;} .header07 .site-top {background-color: #002652; color: #8496aa;} .header08 .site-top {background-color: #333333; color: #888888;} .site-top a {font-family: Roboto; font-size: 14px; font-weight: 400; color: #777777;} .header07 .site-top a {color: #8496aa;} .header08 .site-top a {color: #888888;} .site-top a:hover {color: #003164;} .header07 .site-top a:hover, .header08 .site-top a:hover {color: #fff;} .mini-cart .mini-cart__button .mini-cart-icon:before {color: #868686;} .header07 .mini-cart .mini-cart__button .mini-cart-icon:before, .header07 .search-box i:before, .search-box i:after {color: #8496aa;} .header08 .mini-cart .mini-cart__button .mini-cart-icon:before, .header08 .search-box i:before, .search-box i:after {color: #777777;} .header03 .mini-cart .mini-cart__button .mini-cart-icon:before, .header03 .search-box i:before, .header03 .search-box i:after {color: #fff;} .mini-cart .mini-cart__button .mini-cart-icon:after {color: #ffffff; background-color: #003164;} .site-header {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} @media ( max-width: 991px) {.site-header { background-color: #ffffff; }}/* === 3.9. SIDEBAR === */.sidebar .widget {margin-bottom: 40px; display: block;} .sidebar .widget-title {line-height: 1; display: inline-block; font-size: 22px; margin-bottom: 30px; color: #111; display: block; padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; font-weight: normal;} .sidebar ul li, .sidebar .recent-posts__item {display: block; border-bottom: 1px solid #EEEEEE; padding-bottom: 10px; margin-bottom: 10px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word;} .sidebar .recent-posts__item {margin-bottom: 20px; padding-bottom: 20px;} .sidebar .recent-posts > div:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;} .sidebar .widget_search form, .sidebar .widget_product_search form, .sidebar .widget_thememove_productsearch form {position: relative;} .sidebar .widget_search form .screen-reader-text, .sidebar .widget_product_search form .screen-reader-text, .sidebar .widget_thememove_productsearch form .screen-reader-text {display: none;} .sidebar .widget_search form input[type="search"], .sidebar .widget_product_search form input[type="search"], .sidebar .widget_thememove_productsearch form input[type="search"] {border: 1px solid #DDDDDD; background-color: #fff; padding: 15px 20px; margin-bottom: 0;} .sidebar .widget_search form input[type="submit"], .sidebar .widget_product_search form input[type="submit"], .sidebar .widget_thememove_productsearch form input[type="submit"] {position: absolute; top: 0; right: 0; padding: 15px 20px; font-size: 14px; margin: 0; background: #003164; color: #fff;} .sidebar .recent-posts-list {padding: 0 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #EEEEEE; display: inline-block; width: 100%;} .sidebar .recent-posts-list:last-child {margin-bottom: 0;} .sidebar .recent-posts-list .recent-posts-thumb {float: left; margin-right: 20px;} .sidebar .recent-posts-list .recent-posts-info {color: #999999; font-size: 13px;} .sidebar .recent-posts-list .recent-posts-info a {font-size: 15px; font-weight: normal; display: block; line-height: 1;} .sidebar .recent-posts-list .recent-posts-thumb {background: #002E66;} .sidebar .recent-posts-list:hover > .recent-posts-thumb {position: relative;} .sidebar .recent-posts-list:hover > .recent-posts-thumb:before {content: '\f105'; color: #fff; position: absolute; left: 38px; top: 20px; z-index: 9;} .sidebar .recent-posts-list:hover > .recent-posts-thumb img {opacity: .5;} .sidebar .widget_product_categories a {font-size: 16px;} .sidebar .widget_products .product-title {font-size: 14px; font-weight: normal;} .sidebar .widget_products del {color: #999;} .sidebar .widget_products del .amount {font-size: 16px; color: #999;} .sidebar .widget_products ins .amount {font-size: 16px; color: #000;} .sidebar .better-menu-widget ul li {position: relative; text-transform: uppercase; color: #878787; font-size: 14px; background: #F7F7F7; display: block; border: 0; margin-bottom: 2px; padding: 0;} .sidebar .better-menu-widget ul li a {padding: 20px; display: block;} .sidebar .better-menu-widget ul li ul.sub-menu {margin: 0; padding: 0; display: none;} .sidebar .better-menu-widget ul li ul.sub-menu li {margin: 0; background: #fff; border-bottom: 1px solid #F7F7F7;} .sidebar .better-menu-widget ul li ul.sub-menu li a {color: #878787; padding-left: 40px; text-transform: none;} .sidebar .better-menu-widget ul li ul.sub-menu li:hover, .sidebar .better-menu-widget ul li ul.sub-menu li.current-menu-item {background: #fff;} .sidebar .better-menu-widget ul li ul.sub-menu li:hover a, .sidebar .better-menu-widget ul li ul.sub-menu li.current-menu-item a {color: #002D66;} .sidebar .better-menu-widget ul li:hover, .sidebar .better-menu-widget ul li.current-menu-item, .sidebar .better-menu-widget ul li.current-menu-parent {background: #002F66; color: #ffffff;} .sidebar .better-menu-widget ul li:hover a, .sidebar .better-menu-widget ul li.current-menu-item a, .sidebar .better-menu-widget ul li.current-menu-parent a {color: #ffffff;} .sidebar .better-menu-widget ul li:hover ul.sub-menu, .sidebar .better-menu-widget ul li.current-menu-item ul.sub-menu, .sidebar .better-menu-widget ul li.current-menu-parent ul.sub-menu {display: block;} .sidebar .better-menu-widget ul li.menu-item-has-children:after {content: '\f105'; position: absolute; right: 20px; top: 24px;}/* === 3.10. MINI CART === */.mini-cart {padding: 0 15px; position: relative;} .mini-cart .mini-cart__button {cursor: pointer;} .mini-cart .mini-cart__button .mini-cart-icon {position: relative;} .mini-cart .mini-cart__button .mini-cart-icon:before {content: '\f07a'; float: none; width: auto; height: auto; line-height: normal; border: none; margin: 0;} .mini-cart .mini-cart__button .mini-cart-icon:after {font-family: inherit; content: attr(data-count); font-size: 12px; font-weight: 600; text-align: center; position: absolute; top: -16px; right: -12px; min-width: 20px; line-height: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .mini-cart .mini-cart__button .mini-cart-icon[data-count="0"]:after {display: none;} .mini-cart .widget_shopping_cart_content {position: absolute; right: 0; top: 140%; width: 300px; max-height: 700px; overflow: auto; opacity: 0; visibility: hidden; padding-top: 15px; z-index: 99999; background-color: #fff; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);} .mini-cart .widget_shopping_cart_content .cart_list li {padding: 0 15px 10px; margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; text-align: left;} .mini-cart .widget_shopping_cart_content .cart_list li.empty {text-align: center; border-bottom: none; margin-bottom: 0;} .mini-cart .widget_shopping_cart_content .cart_list li img {width: 70px; margin: 0 10px 0 0; float: left;} .mini-cart .widget_shopping_cart_content .cart_list li .quantity {display: block; color: #666; font-size: 12px;} .mini-cart .widget_shopping_cart_content .cart_list li .remove {font-size: 20px; height: 20px; width: 20px; text-align: center; line-height: 18px; float: right; position: relative; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .mini-cart .widget_shopping_cart_content .cart_list li .remove:hover {color: #fff; background: #002F66;} .mini-cart .widget_shopping_cart_content .cart_list li .variation {display: none;} .mini-cart .widget_shopping_cart_content .total {padding: 5px 15px 5px; margin-bottom: 0; text-align: center;} .mini-cart .widget_shopping_cart_content .buttons {text-align: center; margin-bottom: 0;} .mini-cart .widget_shopping_cart_content .wc-forward {background: none; color: #868686; font-size: 14px; display: inline-block; padding: 8px 10px; margin: 10px 3px 15px; text-transform: uppercase; border: 1px solid #dddddd;} .mini-cart .widget_shopping_cart_content .wc-forward:hover {color: #fff; background: #002F66; border: 1px solid #002F66;} .mini-cart.open .widget_shopping_cart_content {opacity: 1; visibility: visible; top: 100%;}/* === 3.11. PAGE TITLE === */.big-title, .big-title--single {position: relative;} .big-title .container, .big-title--single .container {position: relative; z-index: 1;} .big-title:after, .big-title--single:after {content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .taxonomy-description {margin-top: -50px; padding-bottom: 50px; display: block; font-size: 20px;} @media (min-width: 1200px) {.big-title, .big-title--single { margin: 0 0 50px; }} .big-title .entry-title {font-family: Roboto; font-weight: 400; letter-spacing: 0em; color: #ffffff; font-size: 26px;} .big-title {padding: 90px 0px 90px 0px; background-color: #003164; background-image: url("../images/background/breadcrumb_bg.jpg");} .big-title:after {background-color: rgba(0, 47, 102, 0.8);} .big-title--single .entry-title {font-family: Roboto; font-weight: 400; letter-spacing: 0em; color: #ffffff; font-size: 26px;} .big-title--single {padding: 90px 0px 90px 0px; background-color: #002F66; background-image: url("images/breadcrumb_bg.jpg");} .big-title--single:after {background-color: rgba(0, 47, 102, 0.8);} /* === 3.12. PAGINATION === */ .pagination {margin: 50px auto; display: inline-block; text-align: left; clear: both} .pagination span, .pagination a {padding: 6px 15px; text-align: center; display: inline-block; border: 1px solid #dddddd; margin-left: 5px; float: left;} .pagination span:hover, .pagination a:hover {color: #FFFFFF; background: #002F66; border: 1px solid #002F66;} .pagination .active, .pagination a:hover {color: #FFFFFF; background: #002F66; border: 1px solid #002F66;} /* === 3.13. ABOUT US === */ .aboutus_list ul li {color: #999999; font-size: 15px; line-height: 24px; list-style: none; margin-bottom: 10px;} .aboutus_list ul li:before {content: '\f00c'; margin-right: 10px; color: inherit;} .our_company_counter {margin: 30px 0;} .our_company_counter .our_company_icon {margin-bottom: 0px;} .page .nivoSlider {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .aboutus_block {color: #999; font-size: 13px; margin-bottom: 20px; display: inline-block;} .aboutus_block img {float: left; margin-right: 20px;} .aboutus_block a {font-size: 16px; color: #002D66; line-height: 32px;} #about-pages .esg-entry-media-wrapper, #about-pages .esg-entry-cover {width: 150px; height: 100px; float: left; margin-right: 10px;} #about-pages .esg-entry-content {overflow: auto;} #about-pages .esg-entry-media-wrapper img {width: 150px; height: 100px;} /* === 3.14. CONTACT === */ .contact_block {color: #999; font-size: 13px; margin-bottom: 20px; display: inline-block; width: 100%;} .contact_block img {width: 120px; height: 120px; float: left; margin-right: 20px;} .contact_block a {font-size: 16px; color: #002D66; line-height: 32px;} .contact_block a:hover {color: #999999;} .contact-info {margin-top: 20px; color: #999;} .contact-info p {margin-bottom: 15px;} .contact-info p i {margin-right: 15px; color: #444444;} .location-info {margin-top: 20px; color: #999;} .location-info p {margin-bottom: 10px;} .location-info p i {margin-right: 15px; color: #999999;} /* === 3.15. OUR HISTORY === */ .tab-timeline {margin: 0; border-top: 4px solid #EEEEEE; border-bottom: none; overflow: visible;} .tab-timeline li {margin: 5px 0; display: inline-block; padding: 0; position: relative; list-style: none;} .tab-timeline li:before {position: absolute; content: '\f111'; color: #EEEEEE; top: -15px; left: 0; z-index: 9; font-family: 'FontAwesome'; line-height: 1; -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out; transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;} .tab-timeline li.active:before, .tab-timeline li:hover:before {color: #002F66;} .tab-timeline li a {background: none; border: none !important; border-radius: 5px; padding: 14px 80px 14px 0; position: relative; display: inline-block; -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out; transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;} .tab-timeline li a:hover {background: none; border: none; border-radius: 0;} .tab-timeline-content {border: 1px solid #f0f0f0; padding: 14px 20px;} /* === 3.16. SINGLE BLOG === */ .post-thumb {float: left; margin-right: 20px;} #first-post, .single-post {padding: 0; margin: 0 0 8px 0; position: relative;} #first-post .post-thumb, .single-post .post-thumb {float: none; position: relative; width: 100%; display: inline-block;} #first-post .post-thumb img, .single-post .post-thumb img {width: 100%; height: auto;} #first-post .entry-content .entry-title, .single-post .entry-header .entry-title, #first-post .entry-content .entry-title a, .single-post .entry-header .entry-title a {color: #111; font-size: 26px; font-weight: normal; margin-bottom: 20px;} .post.hentry {padding: 20px; margin: 6px 0;} .post.hentry .entry-header .entry-title {margin-bottom: 12px;} .post.hentry .entry-header .entry-title a {color: #002E66; font-size: 18px; font-weight: normal;} .post.hentry p {margin-bottom: 12px;} .post.hentry .entry-meta {color: #868686; margin-bottom: 12px; margin-top: 12px;} .post.hentry .entry-meta span {padding-right: 30px;} .post.hentry .entry-meta i {margin-right: 5px;} .post.hentry .entry-meta .share span {padding: 0px;} .post.hentry .entry-content {color: #858585; box-sizing: border-box;} .post.hentry .share a {margin-left: 10px;} .post.hentry .entry-footer {overflow: hidden;} .post.hentry .read-more {text-transform: uppercase;} .post.hentry .read-more a {color: #002E66; border-bottom: 1px solid #002E66; padding: 4px 0; font-size: 13px;} .page-template .content .hentry:nth-child(2n + 0) {background: #F9F9F9;} .single-post .entry-footer {border-bottom: 1px solid #dddddd; padding-bottom: 10px;} .single-post .hentry {padding: 0; margin: 0 0 6px 0; box-sizing: border-box; overflow: hidden;} .single-post .single-post-nav {padding: 30px 0; border-bottom: 1px solid #dddddd;} .single-post .single-post-nav .prev-post .prev-post-text {color: #003164; text-transform: uppercase; display: block; text-align: left; font-size: 13px; margin-bottom: 20px;} .single-post .single-post-nav .prev-post .prev-post-text:before {content: '\f104'; margin-right: 10px;} .single-post .single-post-nav .prev-post .prev-post-info img {float: left; margin-right: 10px;} .single-post .single-post-nav .prev-post .prev-post-info a {font-size: 16px; color: #002D66; line-height: 1;} .single-post .single-post-nav .next-post .next-post-text {color: #003164; text-transform: uppercase; display: block; text-align: right; font-size: 13px; margin-bottom: 20px;} .single-post .single-post-nav .next-post .next-post-text:after {content: '\f105'; margin-left: 10px;} .single-post .single-post-nav .next-post .next-post-info {text-align: right;} .single-post .single-post-nav .next-post .next-post-info img {float: right; margin-left: 10px;} .single-post .single-post-nav .next-post .next-post-info a {float: right; font-size: 16px; color: #002D66; line-height: 1;} .single-post .comment-form, .page .comment-form {box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;} .single-post .comment-form:before, .page .comment-form:before, .single-post .comment-form:after, .page .comment-form:after {display: none;} .single-post .comment-form .form-submit, .page .comment-form .form-submit, .single-post .comment-form .logged-in-as, .page .comment-form .logged-in-as {padding: 0 15px;} .single-post .comment-reply-title, .page .comment-reply-title, .single-post .comments-title, .page .comments-title {position: relative; line-height: 1; text-transform: uppercase; margin-bottom: 30px; font-size: 18px; font-weight: normal; color: #111;} .single-post .comment-reply-title h2, .page .comment-reply-title h2, .single-post .comments-title h2, .page .comments-title h2 {display: inline-block; font-size: 24px; line-height: 1; text-transform: uppercase;} .single-post .comments-area, .page .comments-area {margin-top: 30px;} #comments .comment, .page .comment {position: relative; margin-bottom: 20px; margin-top: 30px;} #comments .comment > div, .page .comment > div {background-color: transparent; border-bottom: 1px solid #eeeeee; padding: 20px; margin-bottom: 20px;} #comments .comment .comment-author, .page .comment .comment-author {float: none; display: inline-block; vertical-align: top; width: 15%; padding-right: 20px; margin-right: 0;} #comments .comment .comment-content, .page .comment .comment-content {display: inline-block; vertical-align: top; width: 75%;} #comments .comment .comment-content cite.fn a, .page .comment .comment-content cite.fn a {text-transform: uppercase; font-size: 13px; color: #003164;} #comments .comment .comment-content .metadata > a, .page .comment .comment-content .metadata > a {font-size: 13px; color: #999999; margin: 10px 0; display: inline-block;} #comments .comment .comment-reply-link, .page .comment .comment-reply-link {position: absolute; top: 20px; right: 0px; font-size: 13px; color: #003164; padding: 5px 10px;} @media (min-width: 992px) {#comments .comment .children, .page .comment .children { margin-left: 50px; }} #comments .comment .fn, .page .comment .fn {font-style: normal; font-size: 16px; text-transform: uppercase;} .comment-list {list-style: none;} .comment-list .children {list-style: none; margin: 0;} @media screen and (max-width: 1199px) {.hentry { padding: 0; margin-bottom: 30px; } .hentry .post-thumb { text-align: center; width: 100%; margin-bottom: 10px; } .hentry .post-thumb img { width: 100%; height: auto; clear: both; margin: 0 auto; display: inline-block; } #first-post .author { display: none; }} /* === 3.17. BUTTONS === */ .btn {position: relative; display: inline-block; outline: none; text-transform: uppercase; letter-spacing: 0.1em; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); overflow: hidden; z-index: 1; line-height: 1;} .btn span {display: block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} .btn::before {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; line-height: 1; content: attr(data-hover); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); transform: translateX(-25%);} .btn:hover span, .btn:focus span {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%);} .btn:hover::before, .btn:focus::before {-webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%);} ul.style1 li {margin-bottom: 10px; list-style: none;} ul.style1 li:before {content: "\f061"; margin-right: 10px;} /* === 3.18. BREADCRUMBS === */ .big-title--single, .big-title {background-repeat: no-repeat; background-size: cover;} .breadcrumb {overflow: hidden;} .tm_bread_crumb {background: none; margin: 0 -15px; display: inline-block; position: relative;} .tm_bread_crumb li {display: inline-block; margin-right: 6px;} .tm_bread_crumb li a:after {content: "\f101"; margin-left: 10px;} .tm_bread_crumb li:last-child {margin: 0;} .tm_bread_crumb li:last-child a:after {content: "";} .tm_bread_crumb, .tm_bread_crumb li a, .tm_bread_crumb li a:hover {color: #ffffff;} @media screen and (max-width: 1199px) {.big-title, .big-title--single { text-align: center; margin-bottom: 20px; }} /* === 3.19. OWL CAROUSEL === *//* * Owl Carousel - Animate Plugin */ .owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;} .owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOut {0% { opacity: 1; } 100% { opacity: 0; }} @keyframes fadeOut {0% { opacity: 1; } 100% { opacity: 0; }} /* * Owl Carousel - Auto Height Plugin */ .owl-height {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} /* * Core Owl Carousel CSS File */ .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1;} .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;} .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-loaded {display: block;} .owl-carousel.owl-loading {opacity: 0; display: block;} .owl-carousel.owl-hidden {opacity: 0;} .owl-carousel .owl-refresh .owl-item {display: none;} .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel .owl-item img {-webkit-transform-style: preserve-3d;} .owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;} .owl-carousel .owl-grab {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;} .owl-carousel.owl-rtl {direction: rtl;} .owl-carousel.owl-rtl .owl-item {float: right;}/* No Js */.no-js .owl-carousel {display: block;}/* * Owl Carousel - Lazy Load Plugin */.owl-carousel .owl-item .owl-lazy {opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;} .owl-carousel .owl-item img {transform-style: preserve-3d;}/* * Owl Carousel - Video Plugin */.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000;} .owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease;} .owl-carousel .owl-video-play-icon:hover {-webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none;} .owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;} .owl-carousel .owl-video-frame {position: relative; z-index: 1;} .owl-controls {text-align: center;} .owl-controls .owl-dot {position: relative; z-index: 99; width: 12px; height: 12px; display: inline-block; vertical-align: top; margin: 0 3px; background-color: rgba(255, 255, 255, 0.4); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .owl-controls .owl-dot.active {background-color: #FFFFFF;}/* === 3.20. MOBILE MENU === */.snap-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 2; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .snap-drawers {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto;} .snap-drawer {position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 265px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease;} .snap-drawer-left {left: 0; z-index: 1;} .snap-drawer-right {right: 0; z-index: 1;} .snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {display: none;} .snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right {width: 100%;} #open-left {line-height: 1; cursor: pointer; color: #868686;} .snap-drawers {background-color: #fff;} @media (min-width: 992px) {.snap-drawers { display: none; }} .snap-drawers .mobile-menu > ul, .snap-drawers .menu > ul {padding: 20px;} .snap-drawers .mobile-menu > ul li, .snap-drawers .menu > ul li {display: block;} .snap-drawers .mobile-menu > ul li a, .snap-drawers .menu > ul li a {display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; color: #003164;} .snap-drawers .mobile-menu > ul li:last-child, .snap-drawers .menu > ul li:last-child {border: none;} .snap-drawers .mobile-menu > ul li li, .snap-drawers .menu > ul li li {margin-left: 20px;}/* === 3.21. FORMS === */select, textarea, input {display: inline-block; padding: 15px 20px; margin-bottom: 10px; vertical-align: top; font-size: 14px; width: 100%; max-width: 100%; border: 1px solid #dddddd; font-family: inherit;} textarea {resize: vertical;} input:-moz-placeholder, textarea:-moz-placeholder {color: #888;} input::-moz-placeholder, textarea::-moz-placeholder {color: #888;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #888;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #888;} input, select, textarea {box-shadow: none; color: #888; padding: 15px 25px; width: 100%;} textarea {height: 200px;} input:focus, textarea:focus {outline: none; background-color: #FFFFFF; border: 1px solid #012E69; color: #888;} .search-box input {border: none;} input[type="checkbox"], input[type="image"], input[type="radio"] {width: auto;} button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid #012E69; color: #012E69; cursor: pointer; padding: 15px 20px; width: auto; font-size: 13px; text-transform: uppercase; letter-spacing: .05em;} button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover {color: #fff; border: 1px solid #012E69;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 1;} /*--------------------------------------------Contact Form----------------------------------------------*/ .wpcf7-form .row {margin: 0 -5px;} .wpcf7-form [class*='col-'] {padding: 0 5px;} .wpcf7-form textarea {height: 110px;} .form1 select, .form1 textarea, .form1 input {background-color: #65656F; color: #FFFFFF; border: none;} .form1 select:focus, .form1 textarea:focus, .form1 input:focus {background-color: #FFFFFF; color: #888;} .form1 input:-moz-placeholder, .form1 textarea:-moz-placeholder {color: #fff;} .form1 input::-moz-placeholder, .form1 textarea::-moz-placeholder {color: #fff;} .form1 input:-ms-input-placeholder, .form1 textarea:-ms-input-placeholder {color: #fff;} .form1 input::-webkit-input-placeholder, .form1 textarea::-webkit-input-placeholder {color: #fff;} /* === 3.22. TESTIMONIALS === */ .testi {position: relative;} .testi:before {content: ''; display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: .95; z-index: 1;} .testimonials_wrapper .quote {margin-bottom: 0px; color: #999999; width: 100%;} .testimonials_wrapper .quote:before {display: none;} .testimonials_wrapper blockquote {margin: 0 0 30px 0; padding: 30px 30px 30px 120px; background: #fff; color: #999999; font-size: 17px; font-style: italic; font-weight: 400; border: none; position: relative;} .testimonials_wrapper blockquote:before {content: "\f10d"; font-size: 48px; position: absolute; top: 30px; left: 30px; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #DDDDDD;} .testimonials_wrapper blockquote:after {content: ''; width: 0; height: 0; border-left: 14px solid white; border-bottom: 14px solid transparent; position: absolute; bottom: -14px; left: 45px;} .testimonials_wrapper .avatar {float: left; margin-right: 20px;} .testimonials_wrapper .author {display: block; background: none; padding: 25px 0; margin: 0; line-height: 1; position: relative;} .testimonials_wrapper .author span:first-child {display: block; font-size: 18px; color: #555555; margin-bottom: 8px; letter-spacing: 0.05em;} .testimonials_wrapper .author span:last-child {color: #999999; font-size: 15px;} .testimonials_wrapper .owl-controls {margin-top: 40px;} @media screen and (max-width: 1199px) {.testimonials_wrapper blockquote { margin: 0 0 30px 0; padding: 30px 30px 30px 30px; } .testimonials_wrapper blockquote:before { display: none; }} /* === 3.23. JOBS === */ ul.job_listings li.job_listing a {font-size: 15px;} ul.job_listings li.job_listing a div.position h3, ul.job_listings li.job_listing a .meta .job-type {color: #002E66; font-size: 15px; font-weight: normal;} ul.job_listings li.job_listing a .company strong {font-weight: normal;} body .single_job_listing .meta .location:before {font-family: 'FontAwesome' !important; content: '\f041'; font-size: 16px; display: inline-block; width: 16px; height: 16px;} body .single_job_listing .meta .date-posted:before {font-family: 'FontAwesome' !important; content: '\f073'; font-size: 16px; display: inline-block; width: 16px; height: 16px;} .job_filters {background: #eee; zoom: 1} .job_filters:after, .job_filters:before {content: ""; display: table} .job_filters:after {clear: both} .job_filters .search_jobs {padding: 1em; zoom: 1} .job_filters .search_jobs div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .job_filters .search_jobs div label {display: none} .job_filters .search_jobs div.filter_first, .job_filters .search_jobs div.search_keywords {float: left; padding-right: .5em; width: 50%} .job_filters .search_jobs div.filter_last, .job_filters .search_jobs div.search_location {display: inline-block; padding-left: .5em; width: 50%} .job_filters .job_types {list-style: none outside; margin: 0; padding: 0; font-size: .83em; background: #f9f9f9; border-top: 1px solid #e5e5e5; zoom: 1} .job_filters .job_types:after, .job_filters .job_types:before {content: ""; display: table} .job_filters .job_types:after {clear: both} .job_filters .job_types li {margin: 0; padding: .5em 1em; float: left; border-right: 1px solid #eee} .job_filters .job_types li:last-child {border-right: 0} .job_filters .showing_jobs {padding: .5em 1em; display: none; font-size: .83em; background: #f9f9f9; border-top: 1px solid #e5e5e5} .job_filters .showing_jobs a {float: right; padding-left: 10px; border: 0} div.job_listings ul.job_listings {margin: 0} ul.job_listings {padding: 0; margin: 0; border-top: 1px solid #eee} ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {list-style: none outside; padding: 0; margin: 0; border-bottom: 1px solid #eee} ul.job_listings li.job_listing.job_position_filled a, ul.job_listings li.no_job_listings_found.job_position_filled a {opacity: .25} ul.job_listings li.job_listing.no_job_listings_found, ul.job_listings li.no_job_listings_found.no_job_listings_found {padding: 1em; border-bottom: 1px solid #eee} ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {display: block; padding: 1em 1em 1em 2em; border: 0; overflow: hidden; zoom: 1; position: relative; line-height: 1.5em; text-decoration: none} ul.job_listings li.job_listing a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.no_job_listings_found a:focus, ul.job_listings li.no_job_listings_found a:hover {background-color: #fcfcfc} ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {width: 42px; height: 42px; position: absolute; left: 1em; float: left; margin-right: 1em; vertical-align: middle; box-shadow: none} ul.job_listings li.job_listing a div.location, ul.job_listings li.job_listing a div.position, ul.job_listings li.job_listing a ul.meta, ul.job_listings li.no_job_listings_found a div.location, ul.job_listings li.no_job_listings_found a div.position, ul.job_listings li.no_job_listings_found a ul.meta {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {float: left; width: 55%; padding: 0 0 0 42px; line-height: 1.5em} ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3 {margin: 0; padding: 0; line-height: inherit; font-size: inherit} ul.job_listings li.job_listing a div.position .company .tagline, ul.job_listings li.no_job_listings_found a div.position .company .tagline {margin-left: .5em} ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {float: left; text-align: left; width: 25%; padding: 0 0 0 1em; color: #999; line-height: 1.5em} ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta {float: right; text-align: right; width: 20%; padding: 0 0 0 1em; margin: 0; line-height: 1.5em; color: #999; list-style: none outside} ul.job_listings li.job_listing a .meta li, ul.job_listings li.no_job_listings_found a .meta li {list-style: none outside; display: block; margin: 0} ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.no_job_listings_found a .meta .job-type {font-weight: 700} ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a {background: #fefee5} ul.job_listings li.job_listing.job_position_featured a:focus, ul.job_listings li.job_listing.job_position_featured a:hover, ul.job_listings li.no_job_listings_found.job_position_featured a:focus, ul.job_listings li.no_job_listings_found.job_position_featured a:hover {background-color: #fefed8} ul.job_listings li.job_listing a div.position .company {color: #999;} .single_job_listing .meta {list-style: none outside; padding: 0; margin: 0 0 1.5em; overflow: hidden; zoom: 1; clear: both} .single_job_listing .meta li {margin: 0 1em 0 0; padding: .5em; float: left; line-height: 1em; color: #999} .single_job_listing .meta .job-type {color: #fff; background-color: #f08d3c} .single_job_listing .meta .full-time {background-color: #90da36} .single_job_listing .meta .part-time {background-color: #f08d3c} .single_job_listing .meta .temporary {background-color: #d93674} .single_job_listing .meta .freelance {background-color: #39c} .single_job_listing .meta .internship {background-color: #6033cc} .single_job_listing .meta .listing-expired, .single_job_listing .meta .position-filled {color: #b81c23} .single_job_listing .meta .location:before {display: inline-block; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; font-family: job-manager!important; text-decoration: none; font-weight: 400; font-style: normal; vertical-align: top; font-size: 16px; margin: 0 2px 0 0; *overflow: auto; *zoom: 1; *display: inline; content: '\e81d'} .single_job_listing .meta .date-posted:before {display: inline-block; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; font-family: job-manager!important; text-decoration: none; font-weight: 400; font-style: normal; vertical-align: top; font-size: 16px; margin: 0 2px 0 0; *overflow: auto; *zoom: 1; *display: inline; content: '\e80f'} .single_job_listing .meta .listing-expired:before, .single_job_listing .meta .position-filled:before {display: inline-block; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; font-family: job-manager!important; text-decoration: none; font-weight: 400; font-style: normal; vertical-align: top; font-size: 16px; margin: 0 2px 0 0; *overflow: auto; *zoom: 1; *display: inline; content: '\e80e'} .single_job_listing .job_description {margin: 0 0 1.5em} .single_job_listing .company {position: relative; border: 1px solid #eee; padding: 1em; margin: 0 0 2em; display: block; clear: both; min-height: 3em; box-shadow: 0 1px 1px rgba(0, 0, 0, .1)} .single_job_listing .company img {width: 3em; height: 3em; position: absolute; left: 1em; float: left; vertical-align: middle; box-shadow: none} .single_job_listing .company .name {margin: 0 0 0 3em; padding: 0 0 0 1em; line-height: 1.5em} .single_job_listing .company .name a {float: right; margin-left: 1em} .single_job_listing .application .application_button {text-align: center; font-size: 1.1em; line-height: 1em; display: inline-block; outline: 0;} .single_job_listing .application .application_button:focus {background-color: #999999;} .single_job_listing .application .application_details {clear: both; border: 1px solid #eee; padding: .75em 1em 0; margin: 0.5em 0 1em; line-height: 1.5em; display: block; position: relative; box-shadow: 0 1px 1px rgba(0, 0, 0, .1)} .single_job_listing .application .application_details p {margin: 0 0 .75em} .single_job_listing .application .application_details:before {content: ""; position: absolute; margin: -10px 0 0 0; top: 0; left: 5em; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eee} .single_job_listing .application .application_details:after {content: ""; position: absolute; margin: -9px 0 0 1px; left: 5em; top: 0; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff} .single_job_listing .application .application_details {display: none;} /* -------------------------------------------------------- *//* 4. COMMERCE/* ------------------------------------------------------- */ /* === 4.1. GENERAL === */ .commerce ul.products li.product, .commerce-page ul.products li.product {width: 30%;} .commerce select, .commerce input {display: inline-block; padding: 10px 20px; margin-bottom: 10px; vertical-align: top; font-size: 14px; width: 100%; max-width: 100%; border: 1px solid #dddddd; font-family: inherit;} .commerce textarea {display: inline-block; margin-bottom: 10px; vertical-align: top; padding: 20px; font-size: 14px; width: 100%; max-width: 100%; border: 1px solid #dddddd; font-family: inherit; height: 100px;} .commerce input[type="checkbox"], .commerce input[type="image"], .commerce input[type="radio"] {padding: 0 20px; margin-bottom: 0px; vertical-align: middle;} .commerce input[type="submit"] {margin-right: 10px; float: left; color: #002F66; background: #fff; padding: 11px 15px; border: 1px solid #002F66; font-size: 15px; letter-spacing: normal;} .commerce input[type="submit"]:hover {color: #ffffff; background: #002F66;} .commerce .commerce-billing-fields h3, .commerce .commerce-shipping-fields h3 {font-weight: normal; font-size: 18px; margin-bottom: 20px; padding: 5px 0px;} .commerce .select2-container .select2-choice {border: 1px solid #dddddd; border-radius: 0; padding: 6px 10px;} .commerce .place-order {padding: 10px 0;} .commerce .product-quantity {font-weight: normal;} .commerce a.remove {color: #999999;} .commerce a.remove:hover {background: none; color: #002F66;} .commerce .cart_item .product-name a {font-size: 15px; color: #002F66;} .commerce td.actions {padding: 10px 0; text-align: left;} .commerce input#coupon_code {margin-right: 10px;} .commerce input.qty {padding: 8px 8px; width: 60px; text-align: left; color: #003164;} .commerce .cart_totals th, .commerce .cart_totals td {text-transform: none; font-size: 15px; border-top: 1px solid #ddd;} .commerce a.checkout-button {color: #fff; font-size: 14px; background: #002F66;} .commerce a.checkout-button:hover {opacity: 0.7;} .commerce h2, .commerce h3 {font-weight: normal; font-size: 18px; margin-bottom: 20px;} .commerce p.commerce-result-count {color: #999;} .commerce .loop-product {position: relative; margin-bottom: 30px;} .commerce .loop-product img {width: 100%; height: auto;} .commerce .loop-product .loop-product-title {font-size: 16px; color: #003164; font-weight: normal; margin: 20px 0 0 0;} .commerce .loop-product .price {margin: 10px 0;} .commerce .loop-product .price span.amount {color: #000000; font-weight: normal;} .commerce .loop-product .price del {margin-right: 10px; color: #999999;} .commerce .loop-product .price del span.amount {color: #999999; font-weight: normal;} .commerce .loop-product .price ins {margin-right: 10px; background: none;} .commerce .loop-product .price ins span.amount {color: #000000; font-weight: normal;} .commerce .loop-product .add_to_cart_div {position: absolute; width: 100%; top: 100px; left: 0; z-index: 9; display: none; text-align: center;} .commerce .loop-product .add_to_cart_div a.add_to_cart_button {background: none; font-size: 14px; color: #002C67; border: 1px solid #002C67;} .commerce .loop-product .add_to_cart_div a.add_to_cart_button:hover {background: #002C67; border: 1px solid #002C67; color: #fff;} .commerce .loop-product:hover img {opacity: 0.2;} .commerce .loop-product:hover .add_to_cart_div {display: block;} .commerce .top-shop {margin-bottom: 50px; color: #999999;} .commerce .top-shop .icon {color: #003164; font-size: 40px; float: left; margin-right: 20px; vertical-align: middle;} .commerce .top-shop .text {vertical-align: middle; padding-top: 6px;} .commerce .top-shop .text span {font-size: 18px; color: #000000; display: block;} .commerce .top-shop .top-shop-table {border-collapse: collapse;} .commerce .top-shop .top-shop-table tr td {padding: 20px 40px; border: 1px solid #ddd;} .commerce a.button.loading:after {vertical-align: bottom; margin-top: 5px;} .commerce span.onsale {width: 50px; height: 50px; background: #FFC40F; text-align: center; text-transform: uppercase; color: #fff; position: absolute; top: 0; right: 15px; border-radius: 0; z-index: 9; font-weight: normal; font-size: 13px; line-height: 48px; margin: 0; padding: 0; left: auto;} .commerce ul.cart_list, .commerce ul.product_list_widget {list-style: none; padding: 0; margin: 0;} .commerce ul.cart_list li, .commerce ul.product_list_widget li {margin: 0; list-style: none;} .commerce ul.product_list_widget li {clear: both; overflow: hidden} .commerce ul.cart_list li:after, .commerce ul.cart_list li:before, .commerce ul.product_list_widget li:after, .commerce ul.product_list_widget li:before {content: " "; display: table;} .commerce ul.cart_list li a, .commerce ul.product_list_widget li a {display: block; font-weight: 700;} .commerce ul.cart_list li img, .commerce ul.product_list_widget li img {float: right; margin-left: 4px; width: 32px; height: auto; box-shadow: none;} .commerce div.product p.price ins, .commerce div.product span.price ins {background: inherit; font-weight: 700; font-size: 19px;} .commerce div.product p.price del, .commerce div.product span.price del {opacity: .5; font-size: 19px;} .commerce div.product form.cart div.quantity {float: left; margin: 0 4px 0 0;} .commerce .quantity .qty {width: 3.631em; text-align: center;} .commerce div.product form.cart .button {vertical-align: middle; float: left;} .commerce div.product form.cart, .commerce div.product p.cart {margin-bottom: 2em; float: left;} .commerce div.product .entry-summary form.cart .single_add_to_cart_button {line-height: 13px;} .commerce div.product div.images img {width: 100%;} .commerce div.product div.images {width: 90%; text-align: center} .commerce div.product div.summary {width: 90%; text-align: center} .commerce div.product div.images, .commerce div.product div.summary {margin-bottom: 2em;} .commerce div.product .commerce-tabs {clear: both;} .commerce table.shop_attributes {border: 0; border-top: 1px dotted rgba(0, 0, 0, .1); margin-bottom: 1.618em; width: 100%;} .commerce table.shop_attributes td, .commerce table.shop_attributes th {line-height: 1.5; border-bottom: 1px dotted rgba(0, 0, 0, .1); border-top: 0; margin: 0;} .commerce table.shop_attributes th {width: 150px; font-weight: 700; padding: 8px;} .commerce table.shop_attributes td {font-style: italic; padding: 0;} .commerce table.shop_attributes .alt td, .commerce table.shop_attributes .alt th {background: rgba(0, 0, 0, .025);} .commerce table.shop_attributes td p {margin-bottom: 0;} .commerce a.button.checkout-button {max-width: none;} @media (max-width: 441px) {.commerce div.product div.images, .commerce div.product div.summary { width: 100%; } .commerce div.product div.images { margin-bottom: 20px; }} /* === 4.2. SINGLE PRODUCT === */ .single-product {font-size: 15px;} .single-product .images {position: relative;} .single-product .images span.onsale {right: 0;} .single-product .product_title {font-weight: normal; font-size: 26px; margin-bottom: 10px;} .single-product .price {margin-bottom: 10px;} .single-product div[itemprop="description"] {color: #999; font-size: 15px;} .single-product .single_add_to_cart_button {font-size: 14px; color: #003164; border: 1px solid #003164; background: #ffffff;} .single-product .single_add_to_cart_button:hover {background: #003164; color: #fff;} .single-product .quantity input.qty {padding: 10px 5px 9px;} .single-product .amount {font-weight: normal;} .single-product .cart {margin-bottom: 20px;} .single-product .product_meta {border-top: 1px solid #ddd; clear: left;} .single-product .product_meta > span {color: #999; padding: 10px 0; border-bottom: 1px solid #ddd; display: block; width: 100%;} .single-product .product_meta a {color: #002C67;} .single-product .commerce-tabs ul.tabs {background: none; border-bottom: 1px solid #ddd; padding: 5px 0;} .single-product .commerce-tabs ul.tabs:before {display: none;} .single-product .commerce-tabs ul.tabs li {background: none; background: none; border: none; padding: 0 5px; margin-right: 20px; position: relative;} .single-product .commerce-tabs ul.tabs li a {font-size: 18px; font-weight: normal;} .single-product .commerce-tabs ul.tabs li:after {display: none;} .single-product.commerce div.product .commerce-tabs ul.tabs li:before {content: ''; width: 1px; height: 20px; background: #ddd; position: absolute; bottom: 12px; left: -10px; box-shadow: none;} .single-product .commerce-tabs ul.tabs li:first-child:before {display: none;} .single-product .commerce-tabs ul.tabs li.active {color: #002F66;} .single-product .commerce-tabs .panel {color: #999999; font-size: 15px;} .single-product .related h2 {font-weight: normal; font-size: 18px; color: #000; text-transform: none; padding: 10px 0; margin: 20px 0; border-bottom: 1px solid #ddd;} .single-product .comment-text {font-size: 15px; border-radius: 0;} .single-product .comment-text p.meta {font-size: 15px;} .commerce .star-rating, .commerce-page .star-rating {color: #FFC40F;} .commerce #reviews #comments ol.commentlist li img.avatar {padding: 0; background: none;} .select2-drop-active {border: 1px solid #dddddd; border-radius: 0px;} .select2-drop {border: 1px solid #dddddd; border-radius: 0px;} /* === 4.3. CART === */ .commerce table.shop_table {border: 1px solid rgba(0, 0, 0, .1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px} .commerce table.shop_table th {font-weight: 700; padding: 9px 12px} .commerce table.shop_table td {border-top: 1px solid rgba(0, 0, 0, .1); padding: 6px 12px; vertical-align: middle} .commerce table.shop_table td small {font-weight: 400} .commerce table.shop_table tbody:first-child tr:first-child td, .commerce table.shop_table tbody:first-child tr:first-child th {border-top: 0} .commerce table.shop_table tbody th, .commerce table.shop_table tfoot td, .commerce table.shop_table tfoot th {font-weight: 700; border-top: 1px solid rgba(0, 0, 0, .1)} .commerce-cart table.cart img {width: 100px; box-shadow: none} .commerce a.remove {display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red; text-decoration: none; font-weight: 700; border: 0} .commerce a.remove:hover {opacity: 0.7;} .commerce table.cart td.actions .coupon label {display: none;} .commerce table.cart td.actions .coupon {float: left;} .commerce .cart-collaterals .cart_totals, .commerce-page .cart-collaterals .cart_totals {float: right; width: 48%;} .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button {font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; font-family: inherit; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #515151; background-color: #ebe9eb; border: 0; white-space: nowrap; display: inline-block; background-image: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none;} .commerce-cart .wc-proceed-to-checkout a.checkout-button {display: inline-block; text-transform: uppercase;} .commerce-cart .wc-proceed-to-checkout a.checkout-button:hover {border: none;} .commerce ul.product_list_widget li img {width: 70px; float: left; margin-right: 10px;} .commerce ul.cart_list li, .commerce ul.product_list_widget li {padding: 15px 0;} .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .commerce form.checkout_coupon, .commerce form.login, .commerce form.register {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .commerce .quantity .qty, .commerce form .form-row input.input-text, .commerce form .form-row textarea {padding: 5px;} .commerce table.cart td.actions .input-text, .commerce-page #content table.cart td.actions .input-text, .commerce-page table.cart td.actions .input-text {width: 150px;} .commerce-cart table.cart td.actions .coupon .input-text {padding: 13px 12px;} .commerce-cart .cart-collaterals .cart_totals table {width: 100%;} .commerce .cart-collaterals, .commerce-page .cart-collaterals {margin-bottom: 50px;} .commerce-cart .cart-collaterals .cart_totals tr td {text-align: right;} .commerce .col2-set, .commerce-page .col2-set {margin: 0;} .commerce #customer_details div[class*="col-"] {padding: 0px;} .commerce-checkout-review-order {margin-bottom: 70px;} .commerce a.button.alt, .commerce button.button.alt, .commerce input.button.alt, .commerce #respond input#submit.alt, .commerce a.button, .commerce button.button, .commerce input.button, .commerce #respond input#submit {text-transform: uppercase;} .commerce ul.products li.product h3 {font-size: 16px; text-transform: uppercase; font-weight: normal; color: #111;} .commerce ul.products li.product .price {font-weight: bold; font-size: 16px;} .commerce ul.products li.product .price del {display: inline-block; margin-right: 10px;} .related.products h2 {line-height: 1; margin-bottom: 30px; text-transform: uppercase;} .related.products h2 h2 {display: inline-block; font-size: 24px; line-height: 1; text-transform: uppercase;} .commerce .related ul li.product, .commerce .related ul.products li.product, .commerce .upsells.products ul li.product, .commerce .upsells.products ul.products li.product, .commerce-page .related ul li.product, .commerce-page .related ul.products li.product, .commerce-page .upsells.products ul li.product, .commerce-page .upsells.products ul.products li.product {width: 30%;} .commerce .col2-set.addresses {margin-bottom: 70px;} .commerce div.product .commerce-tabs .panel h2 {display: none;} .commerce ul.products li.product a.add_to_cart_button, .commerce div.product form.cart .button, .commerce a.button.alt {height: 43px;} .commerce div.product p.price del, .commerce div.product span.price del {display: inline-block; margin-right: 10px;} .commerce a.added_to_cart {margin-left: 5px;} .commerce table.shop_table {border-radius: 0; font-weight: normal; border: none;} .commerce table.shop_table thead {background: #003164; color: #fff;} .commerce table.shop_table thead th, .commerce table.shop_table thead td {color: #fff;} .commerce table.shop_table th, .commerce table.shop_table td {text-transform: none; font-weight: normal; color: #002F66;} .commerce .cart .button, .commerce .cart input.button {float: right; max-width: 130px;} @media screen and (max-width: 1199px) {.commerce .col-result-count p, .commerce .col-ordering form { width: 100%; float: none; text-align: center; }} @media screen and (max-width: 375px) {.commerce table.shop_table { margin-left: -15px; }} /* === 4.4. OTHER === */ .cart_list .wc-forward, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .btn, .wpcf7-submit {font-family: Roboto;} .cart_list .wc-forward, .commerce .cart .button, .commerce .cart input.button, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .btn {font-size: 13px;} .cart_list .wc-forward, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .btn {font-weight: 400;} .cart_list a.wc-forward, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .btn span {color: #012E69;} .cart_list a.wc-forward:hover, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .btn::before {color: #ffffff;} .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .btn span, .btn::before, .commerce input[type="submit"] {padding: 15px 20px 15px 20px; max-width: 150px;} .btn, .commerce input[type="submit"] {margin: 0px 0px 0px 0px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #012E69;} .btn:hover, .commerce input[type="submit"]:hover {border-color: #012E69;} .btn.alt:before, .cart_list .button.wc-forward, .eg-infinity-features-element-26 span, .btn span, input[type="submit"], .commerce input[type="submit"] {background-color: #ffffff;} .btn.alt span, .cart_list .button.wc-forward:hover, .eg-infinity-features-element-26::before, .btn::before, input[type="submit"]:hover, .commerce input[type="submit"]:hover {background-color: #012E69;} .commerce .widget_price_filter .ui-slider .ui-slider-handle, .commerce .widget_price_filter .ui-slider .ui-slider-range, p.demo_store, .commerce a.button.alt.disabled, .commerce button.button.alt.disabled, .commerce input.button.alt.disabled, .commerce #respond input#submit.alt.disabled, .commerce a.button.alt:disabled, .commerce button.button.alt:disabled, .commerce input.button.alt:disabled, .commerce #respond input#submit.alt:disabled, .commerce a.button.alt:disabled[disabled], .commerce button.button.alt:disabled[disabled], .commerce input.button.alt:disabled[disabled], .commerce #respond input#submit.alt:disabled[disabled], background-color {background-color: #003164;} .commerce .commerce-message, .commerce .commerce-info {border-top-color: #003164;} .commerce .commerce-message:before, .commerce .commerce-info:before {color: #003164;} .commerce #reviews #comments ol.commentlist li img.avatar, .commerce nav.commerce-pagination ul li span.current, .commerce nav.commerce-pagination ul li a:hover, .commerce nav.commerce-pagination ul li a:focus {background: #868686;} .commerce-cart .cart-collaterals .cart_totals tr td, .commerce-cart .cart-collaterals .cart_totals tr th, .commerce.widget_shopping_cart .total, .commerce .widget_shopping_cart .total {border-top-color: #868686;} .commerce-cart .cart-collaterals .cart_totals .discount td, .commerce div.product .stock, .commerce div.product span.price, .commerce div.product p.price {color: #000000;} .commerce-checkout #payment div.payment_box span.help, .commerce-checkout .checkout .create-account small, .commerce-cart .cart-collaterals .cart_totals table small, .commerce-cart .cart-collaterals .cart_totals p small, .commerce #reviews #comments ol.commentlist li .meta, .commerce #reviews h2 small a, .commerce #reviews h2 small, .commerce .commerce-breadcrumb a, .commerce small.note, .commerce .commerce-breadcrumb {color: #000000;} .commerce a.button.alt, .commerce button.button.alt, .commerce input.button.alt, .commerce #respond input#submit.alt, .commerce a.button, .commerce button.button, .commerce input.button, .commerce #respond input#submit {color: #111111;} .commerce #respond input#submit:hover, .commerce a.button:hover, .commerce button.button:hover, .commerce input.button:hover {color: #ffffff;} .commerce a.button.alt.disabled:hover, .commerce button.button.alt.disabled:hover, .commerce input.button.alt.disabled:hover, .commerce #respond input#submit.alt.disabled:hover, .commerce a.button.alt:disabled:hover, .commerce button.button.alt:disabled:hover, .commerce input.button.alt:disabled:hover, .commerce #respond input#submit.alt:disabled:hover, .commerce a.button.alt:disabled[disabled]:hover, .commerce button.button.alt:disabled[disabled]:hover, .commerce input.button.alt:disabled[disabled]:hover, .commerce #respond input#submit.alt:disabled[disabled]:hover, .commerce a.button.alt:hover, .commerce button.button.alt:hover, .commerce input.button.alt:hover, .commerce #respond input#submit.alt:hover, .commerce #respond input#submit:hover, .commerce a.button:hover, .commerce button.button:hover, .commerce input.button:hover {background-color: #003164;} .commerce a.button.alt:hover:before, .commerce div.product form.cart .button:hover:before, .commerce ul.products li.product a.add_to_cart_button:hover:before {border-left-color: #003164;} .commerce-cart .wc-proceed-to-checkout a.checkout-button {padding: 15px 20px 15px 20px; color: #fff; font-size: 14px; background-color: #002F66;} .single-product.commerce div.product .commerce-tabs ul.tabs {background: none; border-bottom: 1px solid #ddd; padding: 5px 0; list-style: none; margin: 0 0 30px; overflow: hidden; position: relative;} .single-product.commerce div.product .commerce-tabs ul.tabs li {background: none; border: none; padding: 0 5px; margin-right: 20px; position: relative; display: inline-block;} .single-product.commerce div.product .commerce-tabs ul.tabs li a {font-size: 18px; font-weight: normal; display: inline-block; padding: .5em 0; color: #515151; text-decoration: none; border: none;} .single-product.commerce div.product .commerce-tabs ul.tabs li.active a {border: none; color: #003164;} .single-product.commerce div.product .commerce-tabs ul.tabs li a:hover {background: none; border: none; color: #003164;} .single-product.commerce div.product .commerce-tabs ul.tabs:before {content: ""; border: none;} .cart_list li.mini_cart_item {list-style: none;} @media ( max-width: 414px) {.commerce .cart .button, .commerce .cart input.button { margin-top: 15px; } .commerce .cart .button, .commerce .cart .coupon input.button { margin-top: 0; } .commerce table.cart td.actions { text-align: left; } .commerce table.cart td.actions .coupon { float: none; } .commerce .cart-collaterals .cart_totals { float: none; width: 100%; } .commerce-wishlist { overflow-x: auto; }}