html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
@font-face {
font-family: 'montserrat-light';
src: url(//numericaconsulting.com/wp-content/themes/numerica/fonts/montserrat-light-webfont.woff) format("woff"), url(//numericaconsulting.com/wp-content/themes/numerica/fonts/montserrat-light-webfont.ttf) format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'icomoon';
src: url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.eot?kjgsz7);
src: url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.eot?kjgsz7#iefix) format("embedded-opentype"), url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.ttf?kjgsz7) format("truetype"), url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.woff?kjgsz7) format("woff"), url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.svg?kjgsz7#icomoon) format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-case:before {
content: "\e900"; }
.icon-doc:before {
content: "\e901"; }
.icon-flag:before {
content: "\e902"; }
.icon-user:before {
content: "\e903"; }
.icon-search:before {
content: "\e904"; }
.icon-phone2:before {
content: "\e905"; }
.icon-map-marker:before {
content: "\e906"; }
.icon-edit:before {
content: "\e907"; }
.icon-phone:before {
content: "\e908"; }
.icon-comments:before {
content: "\e909"; }
.icon-google-plus:before {
content: "\e90b"; }
.icon-facebook:before {
content: "\e90c"; }
.icon-twitter:before {
content: "\e90d"; }
.icon-linkedin:before {
content: "\e90e"; }
.icon-chevron-right:before {
content: "\e90f"; }
.icon-chevron-left:before {
content: "\e910"; }
.icon-envelope:before {
content: "\e913"; }
.icon-arrow-r:before {
content: "\e90a"; }
.icon-close:before {
content: "\e912"; }
.icon-home:before {
content: "\e911"; } .fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top; }
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020; }
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
border-radius: 4px; }
.fancybox-opened {
z-index: 8030; }
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner {
position: relative; }
.fancybox-inner {
overflow: hidden; }
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch; }
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap; }
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%; }
.fancybox-image {
max-width: 100%;
max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//numericaconsulting.com/wp-content/themes/images/fancybox/fancybox_sprite.png); }
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060; }
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//numericaconsulting.com/wp-content/themes/images/fancybox/fancybox_loading.gif) center center no-repeat; }
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040; }
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//numericaconsulting.com/wp-content/themes/images/fancybox/blank.gif); -webkit-tap-highlight-color: transparent;
z-index: 8040; }
.fancybox-prev {
left: 0; }
.fancybox-next {
right: 0; }
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden; }
.fancybox-prev span {
left: 10px;
background-position: 0 -36px; }
.fancybox-next span {
right: 10px;
background-position: 0 -72px; }
.fancybox-nav:hover span {
visibility: visible; }
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important; } .fancybox-lock {
overflow: hidden !important;
width: auto; }
.fancybox-lock body {
overflow: hidden !important; }
.fancybox-lock-test {
overflow-y: hidden !important; }
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//numericaconsulting.com/wp-content/themes/images/fancybox/fancybox_overlay.png); }
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0; }
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll; } .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050; }
.fancybox-opened .fancybox-title {
visibility: visible; }
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center; }
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap; }
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff; }
.fancybox-title-inside-wrap {
padding-top: 10px; }
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//numericaconsulting.com/wp-content/themes/images/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//numericaconsulting.com/wp-content/themes/images/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px; } }
@font-face {
font-family: 'icomoon';
src: url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.eot?vtekn4);
src: url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.eot?vtekn4#iefix) format("embedded-opentype"), url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.ttf?vtekn4) format("truetype"), url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.woff?vtekn4) format("woff"), url(//numericaconsulting.com/wp-content/themes/numerica/fonts/icomoon.svg?vtekn4#icomoon) format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-case:before {
content: "\e900"; }
.icon-doc:before {
content: "\e901"; }
.icon-flag:before {
content: "\e902"; }
.icon-user:before {
content: "\e903"; }
.icon-search:before {
content: "\e904"; }
.icon-phone2:before {
content: "\e905"; }
.icon-map-marker:before {
content: "\e906"; }
.icon-edit:before {
content: "\e907"; }
.icon-phone:before {
content: "\e908"; }
.icon-comments:before {
content: "\e909"; }
.icon-arrow-r:before {
content: "\e90a"; }
.icon-google-plus:before {
content: "\e90b"; }
.icon-facebook:before {
content: "\e90c"; }
.icon-twitter:before {
content: "\e90d"; }
.icon-linkedin:before {
content: "\e90e"; }
.icon-chevron-right:before {
content: "\e90f"; }
.icon-chevron-left:before {
content: "\e910"; }
.icon-home:before {
content: "\e911"; }
.icon-close:before {
content: "\e912"; }
.icon-envelope:before {
content: "\e913"; }
.menu-top, .nav-drop, .acc-frame .menu, .menu, .list-holder ul, .carousel .pagination, .contact-list, #footer .social-networks, .footer-category ul, .footer-category .footer-nav, .sidebar-nav > ul, .sidebar-nav > ul > li ul, .team-list, .partner-list, .bottom-menu, .item-box ul, .contact-wrapper .list-services, .location-section .list-locations, .hs-error-msgs {
margin: 0;
padding: 0;
list-style: none; }
.clearfix:after, dl:after, .widget:after, .search-form:after, .post-password-form p:after, .navigation-single:after, .container:after, .main-nav:after, .list-holder:after, .quote-slider:after, .footer-bottom:after, .contact-wrapper:after {
content: '';
display: block;
clear: both; }
.ellipsis {
white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
html {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; }
* {
max-height: 1000000px; }
body {
color: #8b8f9d;
background: #fff;
font: 16px/1.5 "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
min-width: 320px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
max-width: 100%;
height: auto; }
.gm-style img {
max-width: none; }
a {
text-decoration: none;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
a:hover {
color: #fb3838; }
.resize-active * {
-webkit-transition: none !important;
transition: none !important; }
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
margin: 0 0 1.5em; }
blockquote {
border-left: 4px solid #999;
padding-left: .5em;
margin-left: 1.5em; }
th, td {
border: 1px solid #999;
padding: .5em;
text-align: left;
vertical-align: top; }
th {
text-align: center;
vertical-align: middle; }
ul, ol {
padding-left: 3em; }
ul ul,
ul ol,
ol ul,
ol ol {
padding-left: 3em;
margin: 0;
padding-bottom: 0; }
ul {
list-style-type: disc; }
dl dt {
float: left;
clear: left;
padding-right: .3em;
font-weight: bold; }
dl dd {
overflow: hidden; }
pre {
max-width: 100%; }
form,
fieldset {
margin: 0;
padding: 0;
border-style: none; }
input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
box-sizing: border-box;
border: 1px solid #999;
padding: 15px 20px; }
input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus {
border-color: #333; }
input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999; }
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #999; }
input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
color: #999; }
input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999; }
input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder {
color: #999; }
select {
-webkit-border-radius: 0; }
textarea {
resize: vertical;
vertical-align: top; }
button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
-webkit-appearance: none;
-webkit-border-radius: 0;
cursor: pointer; }
.widget {
margin-bottom: 1.5em; }
.widget ul {
padding-left: 2em; }
.widget select {
min-width: 150px; }
@media (min-width: 768px) and (max-width: 1023px) {
.widget select {
width: 100%;
min-width: 0; } }
.comment-form label {
display: block;
padding-bottom: 4px; }
.comment-form textarea {
overflow: auto;
margin: 0;
height: 120px;
min-height: 120px; }
.comment-form textarea,
.comment-form input[type='text'] {
margin: 0 4px 0 0;
width: 250px; }
@media (min-width: 480px) {
.comment-form textarea,
.comment-form input[type='text'] {
width: 300px; } }
.comment-form input[type='submit'] {
display: block;
float: none; }
.post-password-form label {
display: block;
margin-bottom: 4px; }
.post-password-form input[type='password'] {
margin: 0 4px 0 0;
width: 300px; }
.search-form {
margin-bottom: 0px; }
.search-form input {
height: 30px;
line-height: 30px;
padding-top: 4px;
padding-bottom: 4px;
outline: none; }
@media (max-width: 1023px) {
.search-form input {
font-size: 10px; } }
.post-password-form input {
float: left;
height: 2em;
padding-top: 5px;
padding-bottom: 5px; }
.post-password-form input[type='password'] {
width: 150px; }
.comment-form input[type='submit'],
.post-password-form input[type='submit'],
.search-form input[type='submit'] {
background: #fb3838;
color: #fff;
height: 30px;
border: none;
padding: 0 .5em;
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.comment-form input[type='search'],
.post-password-form input[type='search'],
.search-form input[type='search'] {
line-height: 30px;
height: 30px; }
.comment-form input[type='password'],
.post-password-form input[type='password'],
.search-form input[type='password'] {
height: 30px;
line-height: 30px; }
.commentlist {
margin: 0 0 1.5em; }
.commentlist .edit-link {
margin: 0; }
.commentlist .avatar-holder {
float: left;
margin: 0 1.5em 4px 0; }
.commentlist-item .commentlist-item {
padding: 0; }
@media (min-width: 768px) {
.commentlist-item .commentlist-item {
padding: 0 0 0 2em; } }
.comment,
.commentlist-holder {
overflow: hidden; }
.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
padding-top: 1.5em; }
.widget_calendar #next {
text-align: right; }
.widget_calendar td,
.widget_calendar th {
font-size: 12px; }
@media (max-width: 1199px) {
.widget_calendar td,
.widget_calendar th {
padding: 3px; } }
@media (max-width: 1023px) {
.widget_calendar td,
.widget_calendar th {
font-size: 11px; } }
.gallery-item dt {
float: none;
padding: 0; }
.navigation,
.navigation-comments {
position: relative;
vertical-align: middle;
text-align: center;
margin-bottom: 1.5em; }
.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
position: absolute;
left: -99999px; }
.navigation .page-numbers,
.navigation-comments .page-numbers {
display: inline-block;
vertical-align: middle;
width: 36px;
height: 36px;
opacity: 1;
color: #828aa0;
font: 16px/34px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
border: 1px solid #828aa0; }
.navigation .page-numbers:hover,
.navigation-comments .page-numbers:hover {
opacity: 0.7;
text-decoration: none; }
.navigation .page-numbers.current,
.navigation-comments .page-numbers.current {
background: #828aa0;
color: #fff; }
.navigation .page-numbers.current:hover,
.navigation-comments .page-numbers.current:hover {
opacity: 1; }
.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
display: inline-block;
vertical-align: middle;
max-width: 48%;
background: #828aa0;
color: #fff;
text-decoration: none;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1;
width: auto;
padding: 0 5px; }
.navigation .next:hover,
.navigation .prev:hover,
.navigation-comments .next:hover,
.navigation-comments .prev:hover {
opacity: 0.8; }
.navigation-single {
margin-bottom: 1.5em; }
.navigation-single .next,
.navigation-single .prev {
float: left;
vertical-align: middle;
max-width: 48%;
background: #828aa0;
color: #fff;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1;
text-decoration: none; }
.navigation-single .next:hover,
.navigation-single .prev:hover {
opacity: 0.8; }
.navigation-single .next a,
.navigation-single .prev a {
color: inherit;
text-decoration: none;
padding: .4em;
display: block; }
@media (max-width: 767px) {
.navigation-single .next a,
.navigation-single .prev a {
padding: .2em; } }
.navigation-single .next {
float: right; }
.wp-caption {
max-width: 100%;
clear: both;
border: 1px solid #999;
padding: .4em;
margin-bottom: 1.5em; }
.wp-caption img {
margin: 0;
vertical-align: top; }
.wp-caption p {
margin: .4em 0 0; }
div.aligncenter {
margin: 0 auto 1.5em; }
img.aligncenter {
display: block;
margin: 0 auto; }
.alignleft {
float: left;
margin: 0 1.5em 4px 0; }
.alignright {
float: right;
margin: 0 0 4px 1.5em; }
.mejs-container {
margin-bottom: 1.5em; }
.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
height: auto; }
iframe {
max-width: 100% !important; }
#sidebar .search-form fieldset > input[type='search'] {
width: 70%;
margin-right: -4px;
vertical-align: middle;
color: #333;
padding-top: 5px;
padding-bottom: 5px; }
#sidebar .search-form fieldset > input[type='submit'] {
width: 30%;
margin-right: -4px;
vertical-align: middle; }
@media (max-width: 479px) {
img.alignright, img.alignleft {
width: 100%;
margin: 0 auto; } }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {
font-family: inherit;
font-weight: bold;
margin: 0 0 0.5em;
color: inherit;
color: #093e6f;
text-transform: uppercase; }
h1,
.h1 {
font-size: 24px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 700; }
h2,
.h2 {
font-size: 18px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 700;
position: relative;
margin-bottom: 17px;
padding-bottom: 9px; }
h2:after,
.h2:after {
content: '';
position: absolute;
max-width: 100%;
width: 60px;
left: 0;
bottom: 0px;
height: 4px;
background-color: #fb3838; }
h3,
.h3 {
font-size: 12px; }
@media (min-width: 768px) {
h3,
.h3 {
font-size: 13px; } }
@media (min-width: 1024px) {
h3,
.h3 {
font-size: 16px; } }
h4,
.h4 {
font-size: 14px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
h5,
.h5 {
font-size: 12px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
h6,
.h6 {
font-size: 11px; }
p {
margin: 0 0 1em; }
a {
color: #fb3838; }
a:hover, a:focus {
text-decoration: none; }
html {
margin-top: 0 !important; }
#wrapper {
overflow: hidden; }
#header {
background: #2f74b2;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
z-index: 10;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
height: 8px; }
@media (max-width: 767px) {
#header:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 52px 52px 0;
position: absolute;
top: 0;
right: 60px;
border-color: transparent rgba(9, 62, 111, 0.75) transparent transparent; } }
@media (min-width: 1024px) {
#header {
height: 40px; } }
.admin-wrapper #header {
top: 46px; }
@media (min-width: 1024px) {
.admin-wrapper #header {
top: 32px !important; } }
#header .container {
padding: 0 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
#header .container {
position: relative; } }
#header .container:after {
display: none; }
@media (min-width: 480px) {
#header .container {
padding: 0 15px; } }
@media (min-width: 1200px) {
#header .container {
max-width: 1250px;
padding: 0 15px 0 55px; } }
#header .header-text {
display: none; }
@media (min-width: 1024px) {
#header .header-text {
display: block;
color: #fff;
text-transform: uppercase;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
font: bold 11px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
display: inline-block;
padding-top: 10px; } }
@media (max-width: 767px) {
#header .header-menu-holder {
height: 0;
overflow-y: auto;
position: absolute;
top: 52px;
left: 0;
right: 0;
z-index: -1; }
.nav-active #header .header-menu-holder {
height: 100vh; } }
@media (max-width: 767px) {
#header .header-menu {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
background: rgba(25, 89, 149, 0.96);
z-index: 99;
padding: 7px 30px 110px;
-webkit-transition: -webkit-transform 0.3s, visibility 0.3s, opacity 0.3s, visibiluty 0.3s;
transition: transform 0.3s, visibility 0.3s, opacity 0.3s, visibiluty 0.3s; }
#header .header-menu:after {
content: '';
width: 1px;
height: auto;
background: #4791d4;
position: absolute;
left: 50%;
top: 17px;
bottom: 122px; } }
@media (min-width: 768px) {
#header .header-menu {
padding: 0; } }
@media (min-width: 1200px) {
#header .header-menu {
margin-right: -20px; } }
@media (min-width: 1450px) {
#header .header-menu {
margin-right: 0; } }
@media (max-width: 767px) {
.nav-active #header .header-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
#header.fixed-position {
right: 0;
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
#header + * {
margin-top: 8px; }
@media (min-width: 1024px) {
#header + * {
margin-top: 38px; } }
@media (max-width: 767px) {
.nav-active #header {
background: #134776;
height: 52px; }
.nav-active #header:after {
display: none; } }
@media (min-width: 768px) {
.nav-active #header {
background: #134776;
height: 68px; }
.nav-active #header .menu-top {
background: none; }
.nav-active #header .menu-top:after {
display: none; } }
#header.secondary {
background: #134776;
height: 52px; }
#header.secondary:after {
display: none; }
#header.secondary .nav-opener {
background: none; }
@media (min-width: 768px) {
#header.secondary {
height: 68px; }
#header.secondary .header-text {
display: none; }
#header.secondary .search-block .search-opener {
padding: 0 5px; } }
@media (min-width: 1024px) {
#header.secondary {
height: 79px; }
#header.secondary .menu-top {
display: none; }
#header.secondary .nav-drop {
padding-top: 13px;
background: none; }
#header.secondary .nav-drop:before, #header.secondary .nav-drop:after {
display: none; }
.secondary .nav-drop a {
padding: 24px 8px 24px;
}
#header.secondary .nav-drop ul a { }
#header.secondary .nav-drop .login {
display: none; }
#header.secondary .search-block .search-opener {
padding: 9px 5px;
margin-top: 0; } }
.container {
max-width: 1170px;
padding: 0 15px;
margin: 0 auto; }
.main-nav {
display: inline-block;
vertical-align: middle; }
@media (max-width: 767px) {
.main-nav {
width: 100%; } }
@media (max-width: 767px) {
.menu-top {
padding-left: 30px;
position: absolute;
left: 0;
bottom: 42px;
width: 50%;
text-align: center; } }
@media (min-width: 768px) {
.menu-top {
position: absolute;
top: 0;
right: 0;
padding: 17px 102px 0 15px;
background: rgba(9, 62, 111, 0.7);
bottom: auto;
width: auto;
display: inline-block;
height: 68px; }
.menu-top:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 68px 68px 0;
position: absolute;
top: 0;
right: 100%;
border-color: transparent rgba(9, 62, 111, 0.7) transparent transparent; } }
@media (min-width: 1024px) {
.menu-top {
position: relative;
padding: 0;
margin: 11px 60px 0 0;
z-index: 100;
background: none;
height: auto;
font: 11px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
.menu-top:after {
display: none; } }
@media (min-width: 1450px) {
.menu-top {
margin-right: 38px; } }
@media (max-width: 767px) {
.menu-top li.home {
display: none; } }
@media (min-width: 1024px) {
.menu-top li.home {
display: none; } }
@media (min-width: 768px) {
.menu-top li {
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
max-width: none;
border-right: 1px solid #4791d4; }
.menu-top li:last-child {
margin-right: 3px; }
.menu-top li:last-child:after {
display: none; } }
@media (min-width: 1024px) {
.menu-top li {
padding-right: 18px;
border-right: 0;
position: relative; }
.menu-top li:after {
content: '';
width: 1px;
height: 9px;
display: block;
position: absolute;
top: 4px;
right: 0;
background: #579edf;
z-index: 10; }
.menu-top li:last-child {
margin-right: 13px; }
.menu-top li:last-child:after {
display: block; } }
.menu-top a {
color: #fff;
text-transform: uppercase;
font-weight: bold; }
@media (min-width: 1024px) {
.menu-top a {
color: #91cbfe; } }
.menu-top a:hover {
color: #fb3838; }
.menu-top .icon {
margin: 0 6px; }
@media (min-width: 480px) {
.menu-top .icon {
margin: 0 12px; } }
@media (max-width: 767px) {
.menu-top .icon {
color: #fff;
font-size: 26px; }
.menu-top .icon .icon-envelope {
font-size: 18px; }
.menu-top .icon .icon-comments {
margin-bottom: 5px; } }
@media (min-width: 768px) {
.menu-top .icon {
margin: 0 10px;
font-size: 26px; }
.menu-top .icon .icon-envelope {
font-size: 17px;
margin-bottom: 5px; }
.menu-top .icon .icon-comments {
margin-bottom: 7px; } }
@media (min-width: 1024px) {
.menu-top .icon {
color: #80b7e9;
margin: 0 2px;
font-size: 11px; }
.menu-top .icon .icon-envelope {
font-size: 7px;
margin-bottom: 1px; }
.menu-top .icon .icon-comments {
margin-bottom: 2px; } }
.menu-top .icon span {
line-height: 1;
display: inline-block;
vertical-align: middle; }
@media (min-width: 768px) {
.menu-top .icon span {
margin-bottom: 6px; } }
@media (min-width: 1024px) {
.menu-top .icon span {
margin-bottom: 1px; } }
.menu-top .icon,
.menu-top .tel {
display: inline-block;
vertical-align: middle; }
.menu-top .icon-envelope {
font-size: 23px; }
@media (min-width: 1024px) {
.menu-top .icon-envelope {
font-size: 9px; } }
.menu-top .tel {
display: none; }
@media (max-width: 767px) {
.menu-top .tel {
font-size: 32px; } }
@media (min-width: 1024px) {
.menu-top .tel {
display: inline-block; } }
@media (min-width: 768px) {
.nav-drop li.login:hover a:after {
display: none !important; } }
@media (min-width: 768px) {
.nav-drop li.login.hover a:after {
display: none !important; } }
@media (max-width: 767px) {
.nav-drop {
-webkit-column-count: 2;
column-count: 2;
margin: 0 -30px 0 -15px;
padding-bottom: 10px;
position: relative;
list-style-type: none;
padding-left: 0; }
.nav-drop:after {
content: '';
width: auto;
height: 1px;
background: rgba(19,71,118,.7);
position: absolute;
bottom: 0;
left: 15px;
right: 30px; }
.nav-drop ul {
-webkit-column-count: 1;
column-count: 1; } }
@media (min-width: 768px) {
.nav-drop {
opacity: 0;
visibility: hidden;
position: absolute;
top: 68px;
left: 0;
right: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
background: rgba(9, 62, 111, 0.7);
z-index: 99;
max-height: 100vh;
padding: 0 102px 0 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: -webkit-transform 0.3s, visibility 0.3s, opacity 0.3s, visibiluty 0.3s;
transition: transform 0.3s, visibility 0.3s, opacity 0.3s, visibiluty 0.3s; }
.nav-drop:after {
content: '';
width: 1px;
height: 36px;
background: rgba(19,71,118,.7);
position: absolute;
top: 10px;
right: 105px; } }
@media (min-width: 1024px) {
.nav-drop:before {
height: 0;
width: 0;
border-top: 104px solid rgba(19,71,118,.7);
border-right: 36px solid transparent;
content: '';
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
left: -36px; } }
@media (min-width: 1200px) {
.nav-drop:before {
height: 0;
width: 0;
border-top: 104px solid rgba(19,71,118,.7);
border-right: 73px solid transparent;
left: -73px; } }
@media (min-width: 1024px) {
.nav-drop:after {
content: '';
position: absolute;
top: 0;
left: 100%;
right: 9999px;
width: auto;
height: auto;
bottom: 0;
background: rgba(19,71,118,.7);
width: 9999px;
display: block; } }
@media (min-width: 1024px) {
.nav-drop {
padding: 40px 15px 0;
top: 0;
opacity: 1;
right: 0;
left: auto;
overflow: visible;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
background: rgba(19,71,118,.7);
display: block; } }
@media (min-width: 1200px) {
.nav-drop {
margin-right: -20px; } }
@media (max-width: 767px) {
.nav-drop > li {
padding: 10px 0 0;
width: 100%; } }
@media (min-width: 768px) {
.nav-drop > li {
display: inline-block;
padding: 0;
margin: 0;
position: static; } }
@media (min-width: 1024px) {
.nav-drop > li {
margin: 0 6px; } }
@media (max-width: 767px) {
.nav-drop > li.search-block {
background: #134776;
padding: 0;
position: absolute;
bottom: -110px;
left: -15px;
right: 0;
width: auto; } }
@media (min-width: 768px) {
.nav-drop > li.search-block {
margin-right: 10px; } }
@media (min-width: 1024px) {
.nav-drop > li.search-block {
margin: 0 16px; }
.nav-drop > li.search-block:hover a {
background: none !important; } }
.nav-drop > li.login {
font: bold 14px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
letter-spacing: 1px; }
.nav-drop > li.login:after {
display: none !important; }
.nav-drop > li.login:hover a {
background: none; }
.nav-drop > li.login:hover a:before {
display: none !important; }
@media (max-width: 767px) {
.nav-drop > li.login {
position: absolute;
bottom: -46px;
right: 0;
width: 50%;
padding: 6px 17px 6px 0;
text-align: center; }
.nav-drop > li.login:before {
content: '';
width: 1px;
height: 36px;
background: #4791d4;
position: absolute;
top: -3px;
left: -8px; } }
@media (min-width: 768px) {
.nav-drop > li.login {
position: absolute;
right: 34px;
top: 18px; } }
@media (min-width: 1024px) {
.nav-drop > li.login {
margin: 0;
top: 9px; }
.nav-drop > li.login:hover a {
color: #fb3838; } }
.nav-drop > li.login a {
text-transform: uppercase;
display: inline;
padding: 0;
color: #91cbfe;
font-size: 14px; }
@media (min-width: 1024px) {
.nav-drop > li.login a {
color: #fff;
font-size: 11px; } }
.nav-drop > li.login a:hover {
background: none; }
.nav-drop > li.login a:hover:after {
display: none; }
.nav-drop > .active > a:after {
width: 100%; }
@media (max-width: 767px) {
.nav-drop > .active > a:before,
.nav-drop > .hover > a:before
{
content: '';
width: 7px;
height: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #fb3838; } }
.nav-drop > :hover > a {
background: #134776; }
@media (max-width: 767px) {
.nav-drop > :hover > a:before {
content: '';
width: 7px;
height: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #fb3838; } }
@media (min-width: 768px) {
.nav-drop > :hover > a:after {
width: 100%; } }
.nav-drop a {
color: #fff;
font-size: 16px;
line-height: 1.2;
display: block;
position: relative;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
@media (max-width: 767px) {
.nav-drop li > a {
padding: 5px 10px 5px 24px;
display: inline-block;
width: 100%; } }
@media (min-width: 768px) {
.nav-drop li > a {
padding: 18px 5px 19px; } }
@media (min-width: 1024px) {
.nav-drop li > a {
font-size: 13px;
font-weight: 500;
padding: 24px 8px 24px; } }
.nav-drop li > a:after {
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 4px;
background-color: #fb3838;
width: 0%;
-webkit-transition: width 0.3s;
transition: width 0.3s; }
@media (min-width: 768px) {
.nav-drop a:after {
bottom: auto;
top: -1px;
content: ''; } }
@media (min-width: 768px) {
.nav-active .nav-drop {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.nav-opener {
width: 60px;
height: 52px;
float: right;
z-index: 100;
position: fixed;
top: 0;
right: 0;
background: rgba(9, 62, 111, 0.75);
outline: none; }
@media (min-width: 768px) {
.nav-opener {
background: none;
top: 9px;
right: 26px; } }
@media (min-width: 1024px) {
.nav-opener {
display: none; } }
@media (max-width: 767px) {
.nav-active .nav-opener {
background: none; } }
.nav-active .nav-opener span {
opacity: 0; }
.nav-active .nav-opener:before, .nav-active .nav-opener:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 16px;
right: 16px; }
.nav-active .nav-opener:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.nav-opener span, .nav-opener:before, .nav-opener:after {
background: #fff;
position: absolute;
top: 26px;
left: 16px;
right: 16px;
height: 3px;
margin-top: -1px;
-webkit-transition: all .3s linear;
transition: all .3s linear; }
.nav-opener:before, .nav-opener:after {
content: '';
top: 18px; }
.nav-opener:after {
top: 34px; }
.acc-frame {
display: none;
margin-bottom: 52px; }
@media (max-width: 767px) {
.acc-frame {
position: absolute;
top: 100%;
left: -15px;
right: -15px;
z-index: 10;
padding-bottom: 52px; }
.hover .acc-frame {
display: block; } }
@media (min-width: 768px) {
.acc-frame {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-right: 0; }
.acc-frame:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 100%;
right: 9999px;
width: 9999px;
background-color: rgba(30,79,123,.95);
display: block; } }
@media (min-width: 768px) {
.hover > .acc-frame {
display: block; } }
.acc-frame .close {
display: none; }
@media (max-width: 767px) {
.acc-frame .close {
display: block;
position: absolute;
top: 12px;
right: 27px;
color: #fff;
z-index: 5;
padding: 0;
font-size: 20px;
width: auto; }
.acc-frame .close:hover:before {
display: none; } }
.acc-frame .menu {
padding-bottom: 15px; }
.acc-frame .menu li {
margin: 0 0 8px; }
@media (max-width: 767px) {
.acc-frame .menu {
background: #093e6f;
padding: 15px 10px 5px 24px; } }
@media (min-width: 768px) {
.acc-frame .menu li {
display: inline-block;
margin: 0 25px 0 0; } }
.acc-frame .menu a {
display: inline;
padding: 0;
font-size: 12px; }
.acc-frame .menu a:hover {
opacity: 0.8; }
.menu {
margin-right: 10px;
overflow: hidden; }
@media (max-width: 767px) {
.menu {
background: #093e6f; } }
@media (min-width: 768px) {
.menu {
margin-right: 0;
padding: 0; } }
.menu > li > a,
.menu .level2-opener { }
@media (max-width: 767px) {
.menu > li > a,
.menu .level2-opener {
padding: 9px 10px 9px 24px;
display: block;
color: #fff; } }
@media (min-width: 768px) {
.menu > li > a,
.menu .level2-opener { ;
padding: 0;
display: inline-block; } }
@media (min-width: 768px) {
.menu > li {
text-align: left; } }
.level2-opener {
font-size: 12px !important; }
.level2-opener:after {
display: none; }
.list-holder {
font-size: 11px; }
@media (max-width: 767px) {
.list-holder {
padding: 15px; }
.list-holder a:hover:before {
display: none; } }
@media (min-width: 768px) {
.list-holder {
position: static !important;
width: auto !important;
height: auto !important;
font-size: 12px; } }
@media (min-width: 480px) {
.list-holder .col-holder { -ms-flex-pack: distribute;
justify-content: space-around;
text-align: left; } }
@media (min-width: 768px) {
.list-holder .col-holder {
background: rgba(30,79,123,.95);
position: relative;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.list-holder p {
color: rgba(255, 255, 255, 0.5); }
.list-holder .col-wrapper {
; }
@media (min-width: 768px) {
.list-holder .col-wrapper {
padding-left: 0;
width: 37%;} }
.list-holder .col-wrapper p {
font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
margin-bottom: 0; }
@media (min-width: 1024px) {
.list-holder .col-wrapper p {
font-size: 14px; } }
.list-holder .col-wrapper ul {
transition: opacity .3s;
opacity: 0;
position:absolute;
left:37%;
top:0;
width: 100%;
min-height: 100%;
background: #173b5d;
padding: 8px 34px;
z-index: 100;
transform: translateX(100%);
color: #aed4ff;
flex-direction: column; }
@media (min-width: 768px) {
.list-holder .col-wrapper ul {
margin-bottom: 0; } }
@media (min-width: 768px) {
.list-holder .col-wrapper:first-child {
} }
@media (min-width: 768px) {
.list-holder .col-wrapper:last-child {
padding-right: 0;
border: none; } }
@media (min-width: 768px) {
.list-holder .col-wrapper li {
margin-bottom: 0px; } }
@media (min-width: 768px) {
.list-holder .col-wrapper li a {
padding: 0; } }
.list-holder .col-wrapper strong {
position: relative;
color: #fff;
display: block; }
@media (min-width: 768px) {
.list-holder .col-wrapper strong {
}
.list-holder .col-wrapper strong a {
font-family: "Myriad Pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 14px;
line-height: 50px;
font-weight: 400;
padding: 0 26px;   } }
@media (min-width: 1024px) {
.list-holder .col-wrapper strong {
min-height: 40px; }
}
.list-holder .col-wrapper strong a {
}
.list-holder .col-wrapper:hover strong a {
opacity: 0.85;
background: #173b5d; }
@media (min-width: 768px){
.list-holder .col-wrapper.hover ul{
display: flex;
opacity: 1;
transform: translateY(0);
}
}
.list-holder .col-wrapper a:after {
display: none; }
.list-holder a {
font-size: 11px;
padding-left: 0;
padding-right: 0; }
@media (min-width: 768px) {
.list-holder a {
font-size: 13px;
line-height: 29px; } }
.list-holder ul a {
color: #aed4ff;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
@media (min-width: 768px) {
.list-holder ul a {
padding: 5px 0; } }
.list-holder ul a:hover {
color: white;
text-decoration: underline; }
@media (min-width: 480px) {
.list-holder ul {
margin: 0 0 15px; } }
@media (min-width: 768px) {
.search-block {
vertical-align: middle; } }
#sidebar .search-block {
padding: 0; }
.search-block .search-wrapper {
display: block; }
@media (min-width: 768px) {
.search-block .search-wrapper {
height: 30px;
display: inline-block; } }
.search-block .search-opener {
display: none;
font-weight: bold;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.search-block .search-opener:hover {
background: transparent;
color: #fb3838; }
.search-block .search-opener:after {
display: none; }
@media (min-width: 768px) {
.search-block .search-opener {
display: block;
font-size: 34px;
font-weight: bold !important;
padding: 0;
margin-top: 9px; } }
@media (min-width: 1024px) {
.search-block .search-opener {
font-size: 32px;
margin-top: 4px; } }
.search-block form span {
display: inline-block;
vertical-align: top; }
.search-block input[type='search'] {
height: 52px;
padding: 16px 55px 16px 10px;
line-height: 30px;
color: #fff;
outline: none;
font-size: 14px;
width: 100%;
background: none;
border: 0; }
@media (min-width: 768px) {
.search-block input[type='search'] {
border: 1px solid rgba(36, 40, 51, 0.9);
color: #333;
background: #fff;
height: 30px;
padding: 5px 10px; } }
#sidebar .search-block input[type='search'] {
width: 120px; }
.search-block input[type="submit"] {
height: 52px;
padding: 3px;
width: 52px;
box-sizing: border-box;
background: none; }
@media (min-width: 768px) {
.search-block input[type="submit"] {
height: 30px;
padding: 3px;
width: 30px;
display: block;
background-color: #cecece;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
border: 1px solid rgba(36, 40, 51, 0.9); } }
#sidebar .search-block input[type="submit"] {
line-height: 20px;
display: inline-block; }
@media (max-width: 767px) {
.search-block .search-slide {
position: static !important; } }
@media (min-width: 768px) {
.search-block .search-slide {
padding: 10px;
background-color: rgba(36, 40, 51, 0.9);
position: absolute;
top: 100%;
right: 20px; } }
.post {
padding-bottom: 15px; }
.search-form .submit-wrapper {
position: absolute;
top: 0;
right: 0; }
@media (min-width: 768px) {
.search-form .submit-wrapper {
position: relative;
opacity: 1; }
.search-form .submit-wrapper:hover i {
color: #fb3838; } }
.search-form .submit-wrapper i {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 32px;
color: #fff;
font-weight: bold;
pointer-events: none; }
@media (min-width: 768px) {
.search-form .submit-wrapper i {
color: #333;
font-size: 25px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 3px; } } .carousel-holder {
height: 780px;
background: #ebebeb; }
.carousel {
position: relative;
position: fixed;
top: 8px;
left: 0;
width: 100%; }
@media (min-width: 1024px) {
.carousel {
top: 40px; } }
.carousel .mask {
position: relative;
overflow: hidden;
width: 100%; }
.carousel .mask .slideset {
width: 99999px;
float: left; }
.carousel .mask .slide {
width: 100%;
float: left;
position: relative; }
.carousel .pagination {
position: absolute;
top: 50%;
right: 15px;
display: none; }
@media (min-width: 768px) {
.carousel .pagination {
display: block; } }
.carousel .pagination li {
width: 18px;
height: 18px;
margin-bottom: 7px;
background-color: #242833;
text-indent: -9999px;
border-radius: 100%;
cursor: pointer;
font-size: 0;
line-height: 0;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
@media (min-width: 768px) {
.carousel .pagination li {
width: 13px;
height: 13px;
margin-right: 3px; } }
.carousel .pagination li:last-child {
margin-right: 0; }
.carousel .pagination li:hover, .carousel .pagination li.active {
background-color: #fb3838; }
.logo {
width: 175px;
margin-bottom: 0px;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
z-index: 1; }
.logo.overlay:before {
content: '';
width: auto;
height: auto;
position: absolute;
top: -5px;
left: -3px;
right: -4px;
bottom: -4px;
background: rgba(255, 255, 255, 0.6);
z-index: -1; }
@media (min-width: 480px) {
.logo {
width: 200px;
margin-bottom: 10px; } }
@media (min-width: 768px) {
.logo {
width: 250px; } }
@media (min-width: 1200px) {
.logo {
width: 325px;
margin-left: 10px; } }
.logo img {
width: 100%;
vertical-align: top;
height: auto; }
.promo {
background-color: #efefef; }
.promo img {
width: 100%;
max-width: none;
vertical-align: top; }
.promo.promo-blog {
min-height: 165px !important; }
.promo .btn {
box-shadow: 14px 32px 155px 0 rgba(0, 0, 0, 0.35);
letter-spacing: 0; }
.promo .slogan-holder {
padding-top: 45px; }
@media (min-width: 768px) {
.promo .slogan-holder {
margin-left: 17px;
padding-top: 28px; } }
@media (min-width: 1024px) {
.promo .slogan-holder {
padding-top: 0; } }
@media (min-width: 1200px) {
.promo .slogan-holder {
margin-left: 0; } }
.promo .slogan {
text-transform: none;
color: #093e6f;
display: block;
font-size: 18px;
line-height: 23px;
margin-bottom: 15px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 500;
letter-spacing: 0; }
.promo .slogan br {
display: none; }
@media (min-width: 480px) {
.promo .slogan {
max-width: 300px;
font-size: 22px;
margin-bottom: 15px;
line-height: 1.15; } }
@media (min-width: 768px) {
.promo .slogan {
font-size: 28px;
line-height: 33px;
max-width: 510px;
margin-bottom: 12px; }
.promo .slogan br {
display: block; } }
@media (min-width: 1024px) {
.promo .slogan {
min-width: 566px;
font-size: 36px;
line-height: 45px; } }
.promo .logo {
position: fixed;
top: 14px;
left: 17px;
margin: 0;
z-index: 5; }
.promo .logo.secondary {
position: fixed;
left: 17px;
top: 10px;
z-index: 10;
background: url(//numericaconsulting.com/wp-content/themes/numerica/images/bg-logo.png) no-repeat;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
width: 175px;
height: 33px;
background-size: 175px 33px; }
.promo .logo.secondary:before {
display: none !important; }
@media (max-width: 767px) {
.nav-active .promo .logo {
background: url(//numericaconsulting.com/wp-content/themes/numerica/images/bg-logo.png) no-repeat;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
width: 175px;
height: 33px;
background-size: 175px 33px;
z-index: 999;
top: 10px; } }
@media (min-width: 768px) {
.promo .logo {
top: 20px;
left: 40px;
width: 275px; }
.promo .logo.secondary {
top: 12px;
left: 40px;
width: 240px;
height: 45px;
background-size: 240px 45px; }
.nav-active .promo .logo {
position: fixed;
z-index: 10;
background: url(//numericaconsulting.com/wp-content/themes/numerica/images/bg-logo.png) no-repeat;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
top: 12px;
left: 40px;
width: 240px;
height: 45px;
background-size: 240px 45px; } }
@media (min-width: 1024px) {
.promo .logo {
left: 15px;
top: 58px;
width: 324px; }
.promo .logo.secondary {
width: 295px;
height: 56px;
background-size: 100% 100%;
top: 12px; } }
@media (min-width: 1200px) {
.promo .logo {
left: 50%;
margin-left: -570px;
position: fixed; }
.promo .logo.secondary {
left: 50%; } }
.promo .arrow {
bottom: 2px;
left: 50%;
outline: none;
font-size: 22px;
line-height: 1;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
color: #fff;
opacity: 0.2;
width: 26px;
height: 26px;
margin-left: -12px;
padding-top: 4px;
text-align: center;
border-radius: 3px;
background: #000;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
@media (min-width: 360px) {
.promo .arrow {
bottom: 10px; } }
@media (min-width: 768px) {
.promo .arrow {
bottom: 20px;
width: 50px;
height: 50px;
padding-top: 13px;
font-size: 28px;
margin-left: -33px; } }
@media only screen and (min-width: 1400px) {
.promo .arrow {
bottom: 20px; } }
.promo .arrow:hover {
opacity: 1; }
.btn {
font-size: 13px;
color: #fff;
text-transform: uppercase;
background: #fb3838;
border-radius: 25px;
text-align: center;
max-width: 150px;
display: inline-block;
width: 100%;
padding: 6px 10px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 400;
box-shadow: 14px 159px 155px -85px rgba(0, 0, 0, 0.75);
-webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
border: 2px solid #fb3838; }
.btn:hover {
color: #fb3838;
background-color: transparent; }
@media (min-width: 480px) {
.btn {
padding: 10px; } }
@media (min-width: 1024px) {
.btn {
padding: 15px;
max-width: 200px;
border-radius: 30px;
letter-spacing: 1px; } }
.slide-content {
padding-bottom: 69%;
position: relative;
background-color: #acacac;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-size: 146% auto; }
@media (min-width: 768px) {
.slide-content {
background-size: 109% auto;
padding-bottom: 52%; } }
@media (min-width: 1024px) {
.slide-content {
background-size: 108% auto;
padding-bottom: 49%; } }
.slide-content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 5px 15px; }
@media (min-width: 480px) {
.slide-content .container {
padding: 5px 30px; } }
@media (min-width: 768px) {
.slide-content .container {
padding: 0 25px; } }
@media (min-width: 1200px) {
.slide-content .container {
padding: 0 15px;
right: auto;
left: 50%;
margin-left: -585px;
width: 1170px; } }
.slide-content strong {
color: #fb3838;
font: bold 12px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
text-transform: uppercase;
display: block;
margin-bottom: 3px; }
@media (min-width: 480px) {
.slide-content strong {
font-size: 14px; } }
@media (min-width: 768px) {
.slide-content strong {
margin-bottom: 10px; } }
.thumb-holder {
background-color: #3b91de;
padding: 30px 0;
color: #fff;
overflow: hidden; }
@media (min-width: 768px) {
.thumb-holder {
padding: 0; } }
@media (min-width: 1200px) {
.thumb-holder {
margin: 0 -15px;
padding-bottom: 0; } }
.thumb-holder .container {
position: relative;
font-size: 0; }
@media (min-width: 1200px) {
.thumb-holder .container {
padding: 0; } }
.thumb-holder .thumb {
font-size: 12px;
width: 80%;
margin: 0 auto;
text-align: center;
margin-bottom: 40px; }
@media (min-width: 480px) {
.thumb-holder .thumb {
width: 50%;
margin-bottom: 43px; } }
@media (min-width: 768px) {
.thumb-holder .thumb {
font-size: 14px;
display: inline-block;
vertical-align: top;
width: 33.332%;
padding: 50px 3% 15px;
margin-bottom: 0;
position: relative; }
.thumb-holder .thumb:after {
content: '';
position: absolute;
right: 0;
top: -9999px;
bottom: -9999px;
width: 1px;
background-color: #fff; }
.thumb-holder .thumb:nth-child(3n):after {
display: none; } }
@media (min-width: 1024px) {
.thumb-holder .thumb {
font-size: 16px; } }
.thumb-holder .thumb p {
margin-bottom: 30px; }
@media (min-width: 1024px) {
.thumb-holder .thumb p {
margin-bottom: 47px; } }
.thumb-holder .thumb a {
color: #fff; }
.thumb-holder .thumb a:hover {
color: #fb3838; }
.thumb-holder .thumb .text-holder > a {
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.thumb-holder .thumb .text-holder > a:hover {
color: #fb3838; }
.thumb-holder .thumb h3 {
color: inherit; }
@media (min-width: 1024px) {
.thumb-holder .thumb h3 {
margin-bottom: 33px; } }
.thumb-holder .thumb .img-holder {
margin-bottom: 20px; }
@media (min-width: 1024px) {
.thumb-holder .thumb .img-holder {
margin-bottom: 40px; } }
.thumb-holder .thumb img {
display: inline-block;
vertical-align: top; }
.partner {
padding: 20px 0 30px;
text-align: center;
color: #cdcdcd;
background: url(//numericaconsulting.com/wp-content/themes/numerica/images/bg-partner.png); }
@media (min-width: 768px) {
.partner {
padding-top: 412px; } }
@media (min-width: 1024px) {
.partner {
padding: 242px 0 28px; } }
.partner h4 {
margin-bottom: 40px;
color: #cdcdcd;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
position: relative; }
.partner h4:after {
content: '';
background: #ebebeb;
width: 53px;
height: 2px;
position: absolute;
left: 50%;
margin-left: -26px;
bottom: -5px; }
.partner .slide a {
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.partner .slide a:hover img {
filter: none;
opacity: 0.8; }
.partner .slider-holder {
position: relative;
margin-bottom: 27px; }
@media (min-width: 768px) {
.partner .slider-holder {
padding: 0 40px; } }
@media (min-width: 1024px) {
.partner .slider-holder {
margin-bottom: 23px; } }
.partner .slider-holder .btn-prev,
.partner .slider-holder .btn-next {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.15);
width: 53px;
height: 53px;
padding-right: 8px;
border-radius: 0 100% 100% 0;
-webkit-transition: background-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, box-shadow 0.3s; }
.partner .slider-holder .btn-prev:hover,
.partner .slider-holder .btn-next:hover {
background-color: #242833;
box-shadow: 3px 14px 24px 0px rgba(61, 59, 59, 0.1); }
.partner .slider-holder .btn-prev:hover i,
.partner .slider-holder .btn-next:hover i {
color: #fff; }
.partner .slider-holder .btn-prev i,
.partner .slider-holder .btn-next i {
color: #878787;
font-size: 20px;
line-height: 53px; }
.partner .slider-holder .btn-next {
left: auto;
right: 0;
padding: 0 0 0 8px;
border-radius: 100% 0 0 100%; }
.quote-slider {
position: relative;
max-width: 750px;
margin: 0 auto; }
@media (min-width: 768px) {
.quote-slider {
padding: 0 60px; } }
@media (min-width: 1024px) {
.quote-slider {
padding: 0; } }
.quote-slider cite {
font-style: normal; }
.quote-slider blockquote {
white-space: normal;
margin: 0;
border: none;
font-size: 15px;
padding: 0; }
.quote-slider .mask {
position: relative;
overflow: hidden;
width: 100%;
float: left; }
.quote-slider .slideset {
width: 100% !important;
white-space: nowrap !important;
letter-spacing: -4px !important; }
.quote-slider .slide {
width: 100% !important;
display: inline-block;
vertical-align: middle;
float: none !important;
white-space: nowrap;
letter-spacing: 0;
text-align: center; }
@media (min-width: 768px) {
.quote-slider .slide {
padding: 0 20px; } }
.quote-slider .btn-prev,
.quote-slider .btn-next {
position: absolute;
top: 5px;
left: 27px;
-webkit-transition: color 0.3s;
transition: color 0.3s;
line-height: 1; }
@media (max-width: 767px) {
.quote-slider .btn-prev,
.quote-slider .btn-next {
display: none; } }
@media (min-width: 1024px) {
.quote-slider .btn-prev,
.quote-slider .btn-next {
left: -15px; } }
.quote-slider .btn-prev:hover i,
.quote-slider .btn-next:hover i {
color: #39f; }
.quote-slider .btn-prev i,
.quote-slider .btn-next i {
font-size: 20px;
color: #67b7ff;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.quote-slider .btn-next {
left: auto;
right: 27px; }
@media (min-width: 1024px) {
.quote-slider .btn-next {
right: -15px;
left: auto; } }
.partner-slider {
margin: 0 30px; }
@media (min-width: 1200px) {
.partner-slider {
padding: 0 40px;
overflow: hidden; } }
.partner-slider .mask {
position: relative;
overflow: hidden;
width: 100%;
float: left; }
.partner-slider .slideset {
width: 100% !important;
white-space: nowrap !important;
letter-spacing: -4px !important; }
.partner-slider .slide {
padding: 0 2%;
display: inline-block;
vertical-align: middle;
float: none !important;
white-space: nowrap;
letter-spacing: 0;
text-align: center; }
@media (min-width: 768px) {
.partner-slider .slide {
padding: 0 8px; } }
.partner-slider .slide a {
max-width: 90%; }
.partner-slider img {
filter: grayscale(100%);
width: auto;
text-align: center;
max-width: 184px; }
@media (min-width: 768px) {
.partner-slider img {
width: 100%; } }
@media (min-width: 1024px) {
.partner-slider img {
max-width: 100%; } }
.grayscale {
filter: grayscale(100%); }
.contact-list-holder {
text-align: center; }
@media (min-width: 768px) {
.contact-list-holder {
width: 50%;
margin-right: -4px;
text-align: left;
display: inline-block;
vertical-align: top; } }
.contact {
position: relative;
background-position: 50% 50%;
background-size: cover;
padding: 34px 25px 40px; }
@media (min-width: 768px) {
.contact {
padding: 50px 25px 45px; } }
@media (min-width: 1024px) {
.contact {
padding: 72px 0 93px 0; } }
.contact .contact-list {
position: relative; }
.contact .contact-list li > a {
position: relative;
height: 27px; }
.contact .contact-list li > a:after {
display: none;
content: attr(data-title);
position: absolute;
color: #fff;
max-width: 100px;
font: 12px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
text-transform: uppercase;
bottom: -27px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.contact .contact-list li > a:hover:after {
display: block; }
.contact h4 {
color: #fff;
margin: 0 0 25px; }
@media (min-width: 768px) {
.contact h4 {
margin-bottom: 14px; } }
@media (min-width: 1024px) {
.contact h4 {
margin-bottom: 20px; } }
.contact-list {
text-align: center;
margin: 0 -10px 14px;
max-width: 276px; }
@media (min-width: 480px) {
.contact-list {
max-width: none; } }
@media (min-width: 768px) {
.contact-list {
text-align: left;
margin: 0;
max-width: none; } }
.contact-list li {
display: inline-block;
vertical-align: middle;
margin: 0 23px 30px; }
@media (min-width: 480px) {
.contact-list li {
margin: 0 20px 30px; } }
@media (min-width: 768px) {
.contact-list li {
margin: 0 28px 15px 0; } }
@media (min-width: 1024px) {
.contact-list li {
margin: 0 20px 10px 20px; }
.contact-list li:first-child {
margin-left: 0; } }
.contact-list li:hover i {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
.contact-list .icon-slide {
position: absolute;
left: 50%;
top: 110%;
z-index: 5;
background-color: #24303f;
padding: 10px;
margin: 0 0 0 -160px; }
@media (min-width: 768px) {
.contact-list .icon-slide {
padding-left: 9999px;
margin: 20px 0 0 -9999px;
left: 0; } }
.contact-list .icon-slide > a {
color: #39f;
font-size: 14px;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.contact-list .icon-slide > a:hover {
color: #fb3838; }
.contact-list .icon-slide .holder {
width: 300px;
overflow: hidden; }
.contact-list .icon-slide .area {
height: 30px;
padding: 8px 10px 0;
line-height: 30px;
float: left;
color: #333;
background: #fff;
font-size: 14px;
width: 214px;
font: 11px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
text-transform: uppercase; }
.contact-list .icon-slide [type="submit"],
.contact-list .icon-slide .btn {
height: 30px;
padding: 7px 3px 0;
width: 80px;
float: right;
color: #fff;
text-transform: uppercase;
box-sizing: border-box;
background: #0043b4;
font: 12px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
border: 0;
border-radius: 0; }
.contact-list a {
color: #fff;
font-size: 29px;
line-height: 1;
display: block;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
@media (min-width: 768px) {
.contact-list a {
font-size: 27px; } }
@media (min-width: 1024px) {
.contact-list a i {
display: block;
-webkit-transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear; } }
.contact-list a .icon-envelope {
font-size: 21px; }
@media (min-width: 768px) {
.contact-list a .icon-envelope {
font-size: 18px; } }
@media (min-width: 1024px) {
.contact-list a .icon-envelope {
font-size: 22px; } }
.contact-list a .icon-phone2 {
font-size: 27px; }
@media (min-width: 768px) {
.contact-list a .icon-phone2 {
font-size: 22px; } }
.contact .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.contact .container {
display: block; } }
.contact .box {
border-top: 1px solid #fff;
padding-top: 46px;
text-align: center;
color: #fff;
font: 14px 'montserrat-light'; }
@media (min-width: 768px) {
.contact .box {
display: inline-block;
vertical-align: top;
border: 0;
width: 300px;
text-align: left;
padding: 0 0 0 40px;
margin-left: -6px;
position: relative; }
.contact .box:before {
content: '';
width: 1px;
height: 166px;
background: #fff;
position: absolute;
left: 0;
top: 50%;
margin-top: -83px; } }
@media (min-width: 1024px) {
.contact .box {
width: 50%;
padding-left: 87px;
width: auto;
max-width: 45%; } }
.contact .box h4 {
margin: 0 0 16px; }
.contact .box p {
margin: 0 0 22px; }
.contact .box .btn {
font-weight: bold;
min-width: 143px;
padding: 7px 10px;
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2); }
@media (min-width: 1024px) {
.contact .box .btn {
width: auto; } }
.hover-tooltip {
border: 1px solid #333;
background: #fff;
color: #333;
padding: 5px 8px;
max-width: 100px;
border-radius: 5px;
font-size: 12px; }
#footer {
background: #2c2c2c;
padding: 24px 0 76px;
position: relative;
z-index: 2;
color: #a1a2a2; }
@media (min-width: 768px) {
#footer .container {
padding: 0 40px; } }
@media (min-width: 1024px) {
#footer .container {
padding: 0 15px;
position: relative; } }
#footer h5 {
color: #e0e2e2; }
#footer address {
font-style: normal;
padding: 0 25px; }
@media (min-width: 768px) {
#footer address {
padding: 0 27px 0 0;
line-height: 24px;
display: inline-block;
vertical-align: top;
max-width: 210px;
margin: 0 0 5px; } }
@media (min-width: 1024px) {
#footer address {
padding: 0 0 16px;
max-width: none; } }
@media (min-width: 768px) {
#footer {
padding: 34px 0 0px; } }
#footer .logo {
width: 166px;
margin: 0 auto; }
@media (min-width: 768px) {
#footer .logo {
margin: 0; } }
#footer .logo:before {
display: none !important; }
#footer .footer-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 17px;
border-bottom: 1px solid #fff; }
@media (min-width: 768px) {
#footer .footer-top {
padding-bottom: 29px; } }
#footer .social-networks {
position: absolute;
bottom: 24px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
@media (min-width: 768px) {
#footer .social-networks {
left: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
right: 40px;
top: 38px;
bottom: auto; } }
@media (min-width: 1024px) {
#footer .social-networks {
right: 15px;
top: 4px; } }
#footer .social-networks li {
display: inline-block;
margin: 0 6px; }
@media (min-width: 768px) {
#footer .social-networks li {
margin: 0 4px; } }
#footer .social-networks a {
color: #a1a2a2; }
#footer .social-networks a:hover {
color: #fb3838; }
#footer .social-networks i {
font-size: 24px; }
#footer .social-networks i.icon-google-plus {
font-size: 26px; }
@media (min-width: 768px) {
#footer .social-networks i {
font-size: 20px; }
#footer .social-networks i.icon-google-plus {
font-size: 22px; } }
.footer-category {
font-size: 13px;
text-align: left;
position: relative; }
@media (min-width: 768px) {
.footer-category {
margin: 0 -13px;
padding: 40px 0 0;
line-height: 17px; } }
@media (min-width: 1024px) {
.footer-category {
margin: 0;
padding: 0; }
.footer-category:after {
content: '';
display: block;
clear: both; } }
.footer-category .tel-list {
padding: 0 25px; }
@media (min-width: 768px) {
.footer-category .tel-list {
padding: 0;
display: inline-block;
vertical-align: top;
width: 200px; } }
@media (min-width: 1024px) {
.footer-category .tel-list {
margin: 0; } }
.footer-category .tel-list a {
white-space: nowrap; }
@media (min-width: 1024px) {
.footer-category .tel-list a {
cursor: default;
pointer-events: none; } }
.footer-category .tel-list a:hover {
text-decoration: none; }
.footer-category .tel-list dt {
min-width: 83px; }
@media (min-width: 1024px) {
.footer-category .tel-list dt {
min-width: 83px;
display: inline-block; } }
.footer-category .tel-list dt,
.footer-category .tel-list dd {
margin-bottom: 8px; }
.footer-category h5 {
position: relative;
margin: 0;
padding: 14px 22px 14px 0;
border-top: 1px solid #424242; }
@media (min-width: 768px) {
.footer-category h5 {
padding: 0;
margin: 0 0 18px;
border-top: 0; } }
@media (min-width: 1024px) {
.footer-category h5 {
color: #357cbc;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
margin-bottom: 22px; } }
.footer-category h5 .opener {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
@media (min-width: 768px) {
.footer-category h5 .opener {
display: none; } }
.footer-category h5 .opener:after {
font-family: 'icomoon';
content: "\e90f";
color: #424242;
position: absolute;
top: 7px;
right: 17px;
font-size: 18px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.footer-category h5 .opener:hover {
text-decoration: none; }
@media (min-width: 768px) {
.footer-category .slide {
display: block !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
border: 0;
width: auto !important; } }
.footer-category a {
color: #a1a2a2; }
.footer-category nav {
letter-spacing: 0; }
@media (max-width: 767px) {
.footer-category nav {
height: auto !important; }
.footer-category nav > .active {
background: rgba(32, 32, 32, 0.33); }
.footer-category nav > .active h5 {
padding-left: 25px; } }
@media (min-width: 768px) {
.footer-category nav {
display: inline-block;
width: 25%;
vertical-align: top;
border: 0;
margin-right: -4px;
position: relative;
padding: 0 13px;
font-size: 13px; }
.footer-category nav:before {
content: '';
width: 1px;
height: auto;
position: absolute;
top: 3px;
bottom: 15px;
left: 0;
background: -webkit-linear-gradient(top, #484848 0%, #484848 48%, #303030 82%, #2f2f2f 92%, #2c2c2c 100%);
background: linear-gradient(to bottom, #484848 0%, #484848 48%, #303030 82%, #2f2f2f 92%, #2c2c2c 100%); }
.footer-category nav:first-child:before {
display: none; }
.footer-category nav:last-child {
margin: 0 -27px;
display: block;
padding: 27px 20px 20px 40px;
width: auto;
background: rgba(32, 32, 32, 0.33); }
.footer-category nav:last-child:before {
display: none; } }
@media (min-width: 1024px) {
.footer-category nav {
padding: 36px 15px 10px;
width: 20%;
float: left;
margin-right: 0; }
.footer-category nav:before {
top: 40px;
bottom: 100px; }
.footer-category nav:first-child {
padding-left: 0;
width: 16%; }
.footer-category nav:last-child {
width: 24%;
margin: 0 -3px 0 0;
padding: 36px 15px 10px 15px;
display: inline-block;
vertical-align: top; }
.footer-category nav:last-child h5 {
margin-bottom: 20px; } }
@media (min-width: 1200px) {
.footer-category nav {
padding-left: 40px; }
.footer-category nav.alt {
padding-left: 0; }
.footer-category nav:last-child {
padding-left: 40px; } }
.footer-category nav.active {
background: rgba(32, 32, 32, 0.33); }
.footer-category nav.active h5 {
padding-left: 25px; }
.footer-category nav.active .opener:after {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.footer-category a:hover {
text-decoration: underline; }
.footer-category ul {
margin: 0 5px;
padding: 0 25px 15px; }
@media (min-width: 768px) {
.footer-category ul {
margin: 0 0 32px;
padding: 0; } }
@media (min-width: 1024px) {
.footer-category ul {
margin-bottom: 30px;
margin-left: 0;
margin-right: 0; } }
.footer-category ul li {
text-align: left;
margin-bottom: 7px; }
@media (min-width: 768px) {
.footer-category ul li {
margin-bottom: 10px; } }
.footer-category ul li.marked a {
padding-left: 0;
background: none; }
.footer-category .footer-nav {
letter-spacing: 0;
text-transform: uppercase;
position: absolute;
bottom: -52px;
left: 0;
font: bold 12px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
@media (min-width: 768px) {
.footer-category .footer-nav {
position: relative;
bottom: 0;
border-top: 1px solid #424242;
padding: 17px 0 6px;
margin: 0 13px; } }
@media (min-width: 1024px) {
.footer-category .footer-nav {
border: 0;
padding: 0;
margin: 0;
position: absolute;
bottom: 10px;
left: 0; } }
.footer-category .footer-nav li {
display: inline-block;
margin-right: 23px; }
.footer-category .footer-nav a {
color: #fff; }
.footer-bottom {
font-size: 13px;
text-align: left;
padding: 23px 0;
border-top: 1px solid #424242;
border-bottom: 1px solid #424242;
text-align: center; }
@media (min-width: 768px) {
.footer-bottom {
border: 0;
padding: 18px 0;
font-size: 14px; } }
@media (min-width: 1024px) {
.footer-bottom {
border-top: 1px solid #424242;
padding: 14px 0; } }
.footer-bottom .copy {
display: block;
margin-bottom: 15px; }
@media (min-width: 768px) {
.footer-bottom .copy {
float: left;
margin: 50%;
margin: 0; } }
.footer-bottom .copy a {
color: #a1a2a2;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.footer-bottom .copy a:hover {
color: #fb3838; }
.footer-bottom .copy span {
display: block;
margin-bottom: 5px; }
@media (min-width: 768px) {
.footer-bottom .copy span {
display: inline;
margin: 0; } }
#sidebar {
width: 100%;
padding: 10px 0;
color: #444750; }
@media (min-width: 768px) {
#sidebar {
width: 26%;
float: left;
margin: 27px 0 0;
border-right: 1px solid #e8e8e8; } }
@media (min-width: 1024px) {
#sidebar {
float: none;
margin-top: 38px; } }
@media (min-width: 1200px) {
#sidebar {
width: 25.5%; } }
main {
position: relative;
z-index: 1; }
@media (max-width: 1023px) {
main {
overflow: hidden; } }
@media (min-width: 1024px) {
main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
#content {
color: #444750; }
@media (min-width: 768px) {
#content {
width: 74%;
float: right; } }
@media (min-width: 1024px) {
#content {
float: none; } }
@media (min-width: 1200px) {
#content {
width: 74.5%; } }
#content:only-child {
float: none;
width: 100%; }
.sidebar-nav > ul {
padding: 0 15px 20px;
display: none;
font: 14px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
@media (min-width: 768px) {
.sidebar-nav > ul {
display: block;
padding: 0 0 18px;
margin: 0;
font-size: 16px; } }
.sidebar-nav > ul > li {
margin: 0 0 26px; }
@media (min-width: 768px) {
.sidebar-nav > ul > li {
margin-bottom: 20px; } }
.sidebar-nav > ul > li.active a {
border-color: #fb3838; }
.sidebar-nav > ul > li.current-page-parent a {
border-color: transparent; }
.sidebar-nav > ul > li > a {
color: #444750;
display: inline-block;
background: transparent;
border-bottom: 2px solid transparent; }
.sidebar-nav > ul > li > a:hover {
border-color: #fb3838; }
.sidebar-nav > ul > li .sub-menu {
padding-bottom: 12px; }
.sidebar-nav > ul > li ul {
padding: 15px 0 0 12px; }
.sidebar-nav > ul > li ul a {
color: #444750;
font-size: 14px;
display: inline-block; }
.sidebar-nav > ul > li ul a:hover {
text-decoration: underline; }
.sidebar-nav > ul > li ul li {
margin-bottom: 7px; }
.sidebar-nav > ul > li ul > li.active a {
border-bottom: 1px solid red; }
.sidebar-nav > ul > li ul > li.active a:hover {
text-decoration: none; }
@media (min-width: 768px) {
.sidebar-nav.sidebar-list > ul {
padding: 0 8px 16px 0; } }
@media (min-width: 768px) {
.sidebar-nav.sidebar-list > ul > li {
margin-bottom: 27px; } }
.sidebar-nav.sidebar-list > ul > li:last-child {
margin-bottom: 10px; }
.sidebar-nav.sidebar-list > ul > li.active a, .sidebar-nav.sidebar-list > ul > li:hover a {
position: relative;
border-bottom: 2px solid transparent; }
.sidebar-nav.sidebar-list > ul > li.active a:after, .sidebar-nav.sidebar-list > ul > li:hover a:after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
height: 2px;
background: #fb3838; }
.sidebar-nav.sidebar-list > ul > li.active a:after {
right: -20px; }
@media (min-width: 1024px) {
.about main {
padding-bottom: 107px; } }
.about #sidebar {
padding: 0; }
@media (min-width: 768px) {
.about #sidebar {
padding: 0 15px 0 40px; } }
@media (min-width: 1200px) {
.about #sidebar {
padding: 0 40px 0 80px; } }
.about .contact {
padding: 0 15px;
background-color: transparent; }
.about .contact h4 {
margin-bottom: 38px; }
.about .contact .contact-list {
margin-bottom: 30px;
max-width: none; }
@media (min-width: 768px) {
.about .contact .contact-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px; } }
@media (min-width: 1024px) {
.about .contact .contact-list {
margin: 0 -7% 0;
padding: 0; } }
.about .contact .contact-list a {
display: inline-block;
color: inherit; }
@media (min-width: 768px) {
.about .contact .contact-list li {
margin: 0;
width: 33%;
margin-bottom: 47px; } }
@media (min-width: 480px) {
.about .contact {
display: inline-block;
vertical-align: middle; } }
@media (min-width: 768px) {
.about .contact {
display: block;
text-align: center;
max-width: 182px;
margin: 0 auto;
padding: 37px 0 6px;
border: 1px solid #0e3457;
border-left: none;
border-right: none; } }
@media (min-width: 1024px) {
.about .contact {
max-width: none; } }
.about .contact:before {
display: none; }
.about main,
.custom-page main {
max-width: 1300px;
margin: 0 auto; }
.about .promo,
.custom-page .promo {
min-height: 115px;
background-size: cover;
background-repeat: no-repeat;
background-position: 30% 50%;
padding: 5px 0; }
@media (min-width: 480px) {
.about .promo,
.custom-page .promo {
min-height: 161px; } }
@media (min-width: 768px) {
.about .promo,
.custom-page .promo {
padding: 12px 0;
background-position: 50% 50%;
min-height: 190px; } }
@media (min-width: 1024px) {
.about .promo,
.custom-page .promo {
padding: 20px 0;
min-height: 300px; } }
.about .promo .logo,
.custom-page .promo .logo {
margin: 0 0 9px;
left: auto;
top: auto;
position: relative; }
@media (min-width: 768px) {
.about .promo .logo,
.custom-page .promo .logo {
margin: 0 0 16px 24px; } }
@media (min-width: 1024px) {
.about .promo .logo,
.custom-page .promo .logo {
margin: 0 0 20px -5px; } }
.about .promo .logo.secondary,
.custom-page .promo .logo.secondary {
left: 17px;
top: 10px !important;
z-index: 10;
background: url(//numericaconsulting.com/wp-content/themes/numerica/images/bg-logo.png) no-repeat;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
width: 175px;
height: 33px;
margin: 0;
position: fixed;
background-size: 175px 33px; }
@media (min-width: 768px) {
.about .promo .logo.secondary,
.custom-page .promo .logo.secondary {
top: 3px !important;
left: 40px;
width: 240px;
height: 45px;
background-size: 240px 45px; } }
@media (min-width: 1024px) {
.about .promo .logo.secondary,
.custom-page .promo .logo.secondary {
width: 295px;
height: 56px;
background-size: 100% 100%; } }
@media (min-width: 1200px) {
.about .promo .logo.secondary,
.custom-page .promo .logo.secondary {
left: 50%;
margin-left: -570px; } }
.about .promo h1,
.custom-page .promo h1 {
font-weight: 600;
font-size: 16px;
line-height: 20px;
min-height: 22px;
position: relative;
display: inline-block;
padding: 2px 7px 0 14px;
color: #134776;
margin-left: -3px; }
.about .promo h1:before,
.custom-page .promo h1:before {
content: "\e90f";
font-family: 'icomoon';
position: absolute;
top: 1px;
left: -1px; }
.about .promo h1.overlay,
.custom-page .promo h1.overlay {
background: rgba(255, 255, 255, 0.6); }
.about .promo h1.overlay:after,
.custom-page .promo h1.overlay:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: 0;
left: 100%;
border-style: solid;
border-width: 11px 0 11px 10px;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.6); }
@media (min-width: 768px) {
.about .promo h1,
.custom-page .promo h1 {
font-size: 24px;
line-height: 32px;
min-height: 32px;
padding: 0 7px 0 18px;
margin: 0 0 0 24px; }
.about .promo h1.overlay:after,
.custom-page .promo h1.overlay:after {
border-width: 16px 0 16px 17px; }
.about .promo h1:before,
.custom-page .promo h1:before {
left: -2px; } }
@media (min-width: 1024px) {
.about .promo h1,
.custom-page .promo h1 {
margin-left: -7px;
padding-left: 20px; } }
@media (max-width: 767px) {
.about.nav-active .promo .logo,
.custom-page.nav-active .promo .logo {
margin: 0;
top: 10px;
left: 17px;
position: fixed; }
.about.nav-active .promo h1,
.custom-page.nav-active .promo h1 {
padding-top: 44px; } }
@media (min-width: 768px) {
.about.nav-active .promo .logo,
.custom-page.nav-active .promo .logo {
left: 25px;
top: 12px;
position: fixed; }
.about.nav-active .promo h1,
.custom-page.nav-active .promo h1 {
padding-top: 6px; } }
.nav-active .promo .logo:before {
display: none; }
@media (min-width: 768px) {
.sidebar-wrapper {
max-width: 200px;
margin: 0 auto; } }
@media (min-width: 1024px) {
.article {
margin-bottom: 72px;
overflow: hidden; } }
.article a.find {
text-transform: uppercase;
font-weight: bold;
font-family: "Prompt", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
letter-spacing: 1px;
font-size: 11px; }
.article a.find:hover {
color: rgba(251, 56, 56, 0.7); }
@media (min-width: 768px) {
.article a.find {
font-size: 14px; } }
.article p {
margin-bottom: 26px; }
.article p.small {
font-size: 16px; }
.article h2 {
width: 100%; }
@media (min-width: 1024px) {
.article-frame {
float: left;
width: calc(100% - 260px);
padding-right: 70px; }
.article-frame:only-child {
width: 100%;
padding-right: 0; } }
.articles-holder {
padding: 30px 15px 10px; }
@media (min-width: 768px) {
.articles-holder {
padding: 24px 60px 20px 20px; } }
@media (min-width: 1024px) {
.articles-holder {
padding: 30px;
float: left;
width: 100%;
margin-bottom: -20px; } }
@media (min-width: 1200px) {
.articles-holder {
padding: 35px 54px 0 81px; } }
.articles-holder a {
color: #0f5aa0; }
.articles-holder a:hover {
opacity: 0.8; }
@media (min-width: 1024px) {
.twocolumns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.team-list {
text-align: center;
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 42px; }
.team-list a {
font-size: 16px;
color: #444;
display: inline-block;
margin-bottom: 9px;
font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 700;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.team-list a:hover {
color: #fb3838; }
.team-list a h3 {
color: inherit;
text-transform: none;
display: inline-block; }
.team-list li {
width: 45%;
font-size: 14px; }
@media (min-width: 768px) {
.team-list li {
width: 25%;
padding: 0 2%; } }
.team-list .social-contact {
margin-bottom: 16px; }
.team-list .social-contact a {
margin: 0 8px; }
.partner-list {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
@media (min-width: 1200px) {
.partner-list {
margin-top: 67px;
margin-left: -2%; } }
.partner-list li {
width: 45%;
margin-left: 2.5%;
margin-right: 2.5%;
margin-bottom: 34px; }
@media (min-width: 480px) {
.partner-list li {
width: 30%;
margin-left: 1.5%;
margin-right: 1.5%; } }
@media (min-width: 768px) {
.partner-list li {
width: 24%;
margin-left: 0.5%;
margin-right: 0.5%; } }
.partner-list img {
vertical-align: middle; }
.partner-list a:hover img {
filter: grayscale(0%);
opacity: 0.8; }
.custom-page #content {
padding: 0 15px; }
@media (min-width: 768px) {
.custom-page #content {
padding: 20px; } }
@media (min-width: 1024px) {
.custom-page #content {
padding: 23px 40px; } }
@media (min-width: 1200px) {
.custom-page #content {
padding: 23px 60px; } }
.custom-page #sidebar {
padding: 23px 10px 10px 10px;
font-size: 13px;
color: #fff; }
.custom-page #sidebar select {
color: #333; }
@media (min-width: 1200px) {
.custom-page #sidebar {
padding-left: 50px;
padding-right: 30px; } }
.custom-page #sidebar h3 {
color: #fff; }
.custom-page #sidebar a {
color: #fff; }
.custom-page #sidebar a:hover {
color: #39f; }
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
filter: gray;
filter: grayscale(100%); }
.grayscale-fix img {
width: 100%;
max-width: 100%;
vertical-align: middle; }
.partner-list a:hover img {
filter: none;
opacity: 0.8; }
a > .grayscale-fix > .grayscale-fix > #svgroot {
opacity: 0; }
@media (min-width: 768px) {
.bottom-menu {
float: right;
max-width: 50%; } }
@media (min-width: 1200px) {
.bottom-menu {
padding-right: 60px; } }
.bottom-menu li {
display: inline-block; }
.bottom-menu li + li:before {
content: '';
width: 1px;
height: 12px;
background: #a1a2a2;
display: inline-block;
vertical-align: top;
margin: 3px 7px 0 5px; }
@media (min-width: 768px) {
.bottom-menu li + li:before {
margin-top: 5px; } }
.bottom-menu a {
color: #a1a2a2; }
.bottom-menu a:hover {
color: #fb3838; }
.button {
display: inline-block;
margin: 15px 0 0;
text-transform: uppercase;
color: #67b7ff;
font: bold 14px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
border: 1px solid #67b7ff;
padding: 6px 15px;
min-width: 120px;
border-radius: 15px; }
.button:hover {
color: #39f;
border-color: #39f; }
.popup-holder {
display: none; }
.bg-container {
background: #ebebeb; }
.item-blocks {
padding: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.item-blocks:before {
content: '';
width: 1px;
height: auto;
background: #dad9d9;
position: absolute;
left: 50%;
top: 0;
bottom: 0; }
@media (min-width: 768px) {
.item-blocks {
padding: 34px 28px 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.item-blocks:before {
display: none; } }
@media (min-width: 1024px) {
.item-blocks {
max-width: 1250px;
padding: 34px 0 38px; } }
@media (min-width: 1200px) {
.item-blocks {
padding: 34px 15px 38px; } }
.item-blocks .block {
width: 50%;
text-align: center;
border-bottom: 1px solid #dad9d9;
padding: 22px 22px 12px;
color: #6b6a69;
font: 11px 'montserrat-light'; }
@media (min-width: 768px) {
.item-blocks .block {
width: 25%;
font-size: 12px;
line-height: 14px;
border-bottom: 0;
padding: 0 16px;
margin-right: 0;
border-left: 1px solid #dad9d9; }
.item-blocks .block:first-child {
border-left: 0; }
.item-blocks .block p {
margin: 0 0 17px; } }
@media (min-width: 1024px) {
.item-blocks .block {
padding: 0 6%; } }
.item-blocks img {
display: block;
margin: 0 auto 8px; }
.item-blocks h4 {
color: #2f74b2;
margin: 0 0 9px; }
@media (min-width: 768px) {
.item-blocks h4 {
margin-bottom: 14px; } }
.more {
color: #6b6a69;
text-transform: uppercase;
font-size: 10px; }
.more:hover {
color: #2f74b2; }
.more:after {
content: "\e90f";
font-family: 'icomoon';
color: #2f74b2;
display: inline-block;
vertical-align: middle;
font-size: 12px; }
@media (min-width: 768px) {
.more {
line-height: 1; }
.more:after {
font-size: 15px;
line-height: 1;
vertical-align: middle;
margin-top: -1px; } }
.info-section {
background: #fff;
padding: 15px 0 0;
color: #6b6a69;
font: 14px/20px 'montserrat-light'; }
@media (min-width: 768px) {
.info-section {
max-width: 688px;
margin: 0 auto -397px;
position: relative;
padding: 16px 40px 45px;
font-size: 12px;
line-height: 16px;
min-height: 400px; } }
@media (min-width: 1024px) {
.info-section {
max-width: 1220px;
margin: 0 auto -225px;
padding: 16px 40px 28px; } }
.info-section h3 {
text-align: center;
text-transform: uppercase;
margin: 0 0 26px;
position: relative;
color: #2f74b2;
font: bold 16px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
.info-section h3:after {
content: '';
width: 53px;
height: 2px;
background: #2f74b2;
position: absolute;
left: 50%;
margin-left: -26px;
bottom: -6px; }
@media (min-width: 768px) {
.info-section h3 {
margin: 0 0 16px; }
.info-section h3:after {
bottom: -10px; } }
@media (min-width: 1024px) {
.info-section h3 {
margin: 0 0 10px; } }
.info-section p {
margin: 0 0 5px; }
@media (min-width: 1024px) {
.info-section .items-holder {
overflow: hidden; } }
@media (min-width: 768px) {
.info-section .items {
position: relative; } }
@media (min-width: 1024px) {
.info-section .items {
margin: 0 -40px; } }
.info-section .item {
border-top: 1px solid #dad9d9; }
@media (max-width: 767px) {
.info-section .item {
height: auto !important; } }
@media (min-width: 768px) {
.info-section .item {
border-bottom: 1px solid #dad9d9;
border-top: 0;
display: inline-block;
position: relative;
vertical-align: top;
width: 50%;
margin-right: -4px;
padding: 22px 35px 16px 0; }
.info-section .item:nth-child(even) {
padding: 22px 0 16px 35px; }
.info-section .item:nth-child(even):before {
content: '';
width: 1px;
height: auto;
background: #dad9d9;
position: absolute;
top: 22px;
bottom: 22px;
left: 0; } }
@media (min-width: 768px) and (min-width: 1024px) {
.info-section .item:nth-child(even):before {
left: 2px; } }
@media (min-width: 1024px) {
.info-section .item { padding: 32px 40px 30px;
margin-bottom: -1px; }
.info-section .item:nth-child(even) {
padding: 32px 40px 30px; }
.info-section .item:nth-child(even):before {
top: 32px;
bottom: 30px; }
.info-section .item:before {
content: '';
width: 1px;
height: auto;
background: #dad9d9;
position: absolute;
top: 32px;
bottom: 30px;
left: 0; } }
@media (min-width: 1024px) and (min-width: 1024px) {
.info-section .item:before {
left: 2px; } }
.info-section .item.active h4 .opener:after {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.info-section h4 {
color: #6b6a69;
text-transform: none;
font-size: 16px;
margin: 0;
position: relative;
padding: 11px 35px 11px 17px; }
@media (min-width: 768px) {
.info-section h4 {
padding: 0;
margin: 0 0 17px;
font-size: 15px; } }
.info-section h4 .opener {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
@media (min-width: 768px) {
.info-section h4 .opener {
display: none; } }
.info-section h4 .opener:after {
font-family: 'icomoon';
content: "\e90f";
color: #2f74b2;
position: absolute;
top: 9px;
right: 17px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.info-section .holder {
padding: 10px 17px 17px; }
@media (min-width: 768px) {
.info-section .holder {
padding: 0; } }
.info-section .more {
text-transform: none;
color: #2f74b2;
font-size: 14px;
display: inline-block;
margin-top: 18px; }
.info-section .more:after {
font-size: 18px;
vertical-align: top;
margin-top: 1px; }
@media (min-width: 768px) {
.info-section .more {
font-size: 12px;
margin-top: 12px; }
.info-section .more:hover {
text-decoration: underline; }
.info-section .more:after {
margin-top: -3px; } }
@media (min-width: 768px) {
.info-section .slide {
top: 0 !important;
left: 0 !important;
position: relative !important;
width: 100% !important; } }
.subscribe-block {
display: none; }
@media (min-width: 768px) {
.subscribe-block {
border-top: 1px solid #e8e8e8;
padding: 26px 0 0;
display: block;
color: #444750;
font: 14px/23px 'montserrat-light'; } }
.subscribe-block h3 {
font: bold 14px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
margin: 0 0 11px;
color: inherit; }
@media (min-width: 768px) {
.subscribe-block h3 {
margin-bottom: 8px; } }
.subscribe-block .btn {
font-size: 14px;
border-radius: 0; }
@media (min-width: 768px) {
.subscribe-block .btn {
padding: 5px 20px;
width: 100%; } }
@media (min-width: 1200px) {
.subscribe-block .btn {
padding: 5px 27px;
width: auto; } }
.column {
margin-bottom: 19px; }
@media (min-width: 1024px) {
.column {
width: 226px;
margin: 7px 0 0;
float: left;
padding-left: 23px;
border-left: 1px solid #e8e8e8; } }
.contact-box {
padding: 12px 0 34px;
color: #595959;
font-size: 14px;
border-top: 1px solid #e8e8e8; }
@media (min-width: 768px) {
.contact-box {
padding: 17px 10px;
margin-right: -4px;
display: inline-block;
vertical-align: top;
position: relative;
text-align: center;
width: 50%; }
.contact-box + .contact-box:before {
content: '';
width: 1px;
height: auto;
position: absolute;
top: 20px;
bottom: 6px;
left: 0;
background: #e8e8e8; } }
@media (min-width: 768px) and (min-width: 1024px) {
.contact-box + .contact-box:before {
display: none; } }
@media (min-width: 1024px) {
.contact-box {
padding: 30px 0 37px;
margin: 0;
display: block;
width: 100%;
text-align: left; }
.contact-box:first-child {
border-top: 0;
padding-top: 0;
margin-top: -4px; } }
.contact-box .holder {
display: inline-block;
text-align: left; }
.contact-box p {
margin: 0 0 6px; }
.contact-box .link {
font: bold 14px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
text-transform: uppercase;
text-decoration: underline;
color: #828282; }
.contact-box .link:hover {
text-decoration: none; }
.fancybox-close {
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
font-size: 18px;
line-height: 26px;
right: -33px;
top: -16px;
width: 28px;
height: 28px; }
.fancybox-close:before {
content: "\e912";
font-family: 'icomoon';
color: #fff; }
@media (min-width: 480px) {
.fancybox-close {
font-size: 22px;
line-height: 32px;
right: -48px;
top: -16px;
width: 36px;
height: 36px; } }
.fancybox-close:hover {
border-color: #fb3838; }
.fancybox-close:hover:before {
color: #fb3838; }
.form-holder {
width: 220px; }
@media (min-width: 480px) {
.form-holder {
width: 300px; } }
.team-block {
background: #f5f6f8;
font-size: 15px;
line-height: 24px;
margin: 0 0 20px;
text-align: center; }
@media (min-width: 1024px) {
.team-block {
margin: 0 30px 30px 0;
overflow: hidden;
text-align: left; } }
.team-block img {
display: block;
margin: 0 auto 15px; }
@media (min-width: 1024px) {
.team-block img {
float: left;
margin: 0 20px 0 0; } }
.team-block .holder {
padding: 0 15px 0; }
@media (min-width: 1024px) {
.team-block .holder {
padding: 25px  22px 8px 20px; } }
.team-block .holder p {
margin: 0 0 20px; }
.team-block .row {
margin: 0 0 15px;
position: relative;
padding-right: 30px;
display: inline-block;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
@media (min-width: 1024px) {
.team-block .row {
margin: 0 0 24px;
display: block;
padding-right: 35px; } }
.team-block .row span:before {
content: '';
width: 1px;
height: 14px;
background: #abaeb8;
display: inline-block;
vertical-align: middle;
margin: 0 7px 0 5px; }
.team-block .row a {
color: inherit; }
.team-block .row .social-icon {
position: absolute;
top: 0;
right: 0;
color: #a5abbb;
font-size: 20px; }
@media (min-width: 1024px) {
.team-block .row .social-icon {
font-size: 24px;
right: 18px;
top: -4px; } }
.item-box-holder {
padding-bottom: 35px; }
@media (min-width: 1024px) {
.item-box-holder {
padding-right: 30px; } }
.item-box-holder h3 {
text-transform: none;
font: 18px "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
color: #444750;
margin: 0 0 16px; }
@media (min-width: 768px) {
.item-box-holder h3 {
font-size: 20px;
margin: 0 0 22px; } }
.item-box {
background: #f5f6f8 url(//numericaconsulting.com/wp-content/themes/numerica/images/quotes.png) no-repeat 50% 26px;
padding: 66px 15px 30px;
color: #444750;
margin: 0 0 14px;
text-align: center; }
@media (min-width: 1024px) {
.item-box {
padding: 66px 45px 25px; } }
.item-box p {
margin-bottom: 36px; }
.item-box ul {
color: #828aa0;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 13px; }
@media (min-width: 768px) {
.item-box ul {
font-size: 16px; } }
.item-box ul li {
display: inline-block;
vertical-align: middle;
width: 50%;
margin-right: -5px;
position: relative;
text-align: right;
padding: 0 10px 0 0; }
.item-box ul li + li {
text-align: left;
padding: 0 0 0 10px; }
.item-box ul li + li:before {
content: '';
width: 1px;
height: 56px;
background: #a5abbb;
position: absolute;
top: 50%;
left: 0;
margin-top: -28px; }
@media (min-width: 1024px) {
.item-box ul li {
padding: 0 20px; }
.item-box ul li + li {
padding: 0 20px; } }
.item-box ul a {
color: inherit; }
.item-box ul em {
display: block;
font-size: 12px;
font-style: normal; }
.contact-wrapper {
width: 100%;
margin: 0; }
@media (min-width: 768px) {
.contact-wrapper {
padding: 24px 38px 20px 20px; } }
@media (min-width: 1024px) {
.contact-wrapper {
padding: 36px 30px 20px 43px; } }
@media (min-width: 1200px) {
.contact-wrapper {
padding: 36px 30px 20px 77px; } }
.contact-wrapper h2 {
margin: 0 0 30px; }
.contact-wrapper h2:after {
width: 62px; }
.contact-wrapper h3 {
font-size: 14px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
color: #8d8d8d;
text-transform: uppercase;
margin: 0 0 11px; }
.contact-wrapper .list-services {
margin: 0 0 22px; }
@media (min-width: 768px) {
.contact-wrapper .list-services {
margin: 0 0 31px; } }
@media (min-width: 1024px) {
.contact-wrapper .list-services {
margin: 0 0 10px; } }
.contact-wrapper .list-services li {
padding: 0 5px 1px 0;
position: relative;
line-height: 2.2; }
.contact-wrapper .list-services a {
color: #4c9eff;
text-decoration: none;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
.contact-wrapper .list-services a:hover {
color: #8d8d8d; }
.contact-wrapper .list-services a i {
display: inline-block;
vertical-align: middle;
color: #818fa6;
font-size: 17px;
margin: 0 0 0 10px; }
@media (min-width: 768px) {
.contact-wrapper .list-services a i {
margin: 2px 0 0 14px; } }
@media (min-width: 1024px) {
.contact-wrapper .list-services a i {
margin: 2px 0 0 17px; } }
.contact-wrapper .list-services a br {
display: block; }
@media (min-width: 480px) {
.contact-wrapper .list-services a br {
display: none; } }
.form-wrapper {
border-top: 1px solid #4c9eff;
border-bottom: 1px solid #4c9eff;
padding: 9px 0; }
@media (min-width: 768px) {
.form-wrapper {
padding: 9px 0 6px; } }
@media (min-width: 1024px) {
.form-wrapper {
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
padding: 31px 0 27px; } }
.open-box .title-form {
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
color: #4c9eff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
display: block;
position: relative;
margin: 0 0 26px; }
.open-box .title-form:before {
content: "\e90a";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
font-family: "icomoon";
position: absolute;
top: -3px;
right: 2px;
font-size: 19px;
color: #818fa6;
-webkit-transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear; }
@media (min-width: 1024px) {
.open-box .title-form:before {
display: none; } }
.open-box .title-form:hover {
color: #8d8d8d; }
@media (min-width: 1024px) {
.open-box .title-form {
color: #8d8d8d;
pointer-events: none;
cursor: default;
display: inline-block;
vertical-align: top;
margin: 0 0 15px; } }
.open-box.active .title-form:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }
.map-holder {
height: 451px; }
@media (min-width: 768px) {
.map-holder {
height: 335px; } }
@media (min-width: 1024px) {
.map-holder {
height: 451px; } }
.map-holder iframe {
width: 100%; }
.socials-other {
padding: 10px 0 39px; }
@media (min-width: 768px) {
.socials-other {
padding: 14px 0 41px; } }
@media (min-width: 1024px) {
.socials-other {
padding: 7px 0 42px; } }
.socials-other h4 {
color: #a5a5a5;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: none;
margin: 0 0 27px; }
@media (min-width: 768px) {
.socials-other h4 {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
margin: 0 0 33px; } }
.socials-other .contact-list {
position: relative;
max-width: 290px;
margin: 0;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 -20px; }
@media (min-width: 768px) {
.socials-other .contact-list {
max-width: 294px; } }
.socials-other .contact-list li {
margin: 0;
padding: 0 21px 10px; }
.socials-other .contact-list li:nth-child(2) .input-holder:before {
left: 95px; }
@media (min-width: 768px) {
.socials-other .contact-list li:nth-child(2) .input-holder:before {
left: 75px; } }
.socials-other .contact-list li:nth-child(3) .input-holder:before {
left: 170px; }
@media (min-width: 768px) {
.socials-other .contact-list li:nth-child(3) .input-holder:before {
left: 140px; } }
.socials-other .contact-list li:last-child .input-holder:before {
right: 40px;
left: auto; }
@media (min-width: 768px) {
.socials-other .contact-list li:last-child .input-holder:before {
left: 205px; } }
.socials-other .contact-list li:last-child .icon-slide {
right: -16px;
left: auto; }
.socials-other .contact-list li:hover i {
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: #fb3838; }
.socials-other .contact-list li a {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.socials-other .contact-list li i {
color: #8d9aaf;
font-size: 24px;
font-weight: 400;
line-height: 15px;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
@media (min-width: 768px) {
.socials-other .contact-list li i {
font-size: 18px; } }
.socials-other .contact-list li .icon-comments {
font-size: 36px; }
@media (min-width: 768px) {
.socials-other .contact-list li .icon-comments {
font-size: 27px; } }
.socials-other .contact-list li .icon-phone {
font-size: 34px; }
@media (min-width: 768px) {
.socials-other .contact-list li .icon-phone {
font-size: 24px; } }
.socials-other .contact-list li .icon-phone2 {
font-size: 29px; }
@media (min-width: 768px) {
.socials-other .contact-list li .icon-phone2 {
font-size: 20px; } }
.socials-other .contact-list .icon-slide {
padding: 0;
margin: 20px 0;
width: auto;
min-width: 290px;
background: rgba(244, 245, 247, 0.9);
left: 18px;
top: 111%;
margin: 6px 0; }
@media (min-width: 768px) {
.socials-other .contact-list .icon-slide {
top: 110%;
left: 17px;
min-width: 290px;
margin: 1px 4px; } }
.socials-other .contact-list .icon-slide input[type="email"] {
color: #343434;
font: bold 12px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
background: rgba(244, 245, 247, 0.9);
height: 30px;
width: 100%;
text-transform: uppercase;
padding: 2px 83px 2px 12px;
border: 0; }
.socials-other .contact-list .icon-slide .area {
color: #343434;
font: bold 12px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
background: rgba(244, 245, 247, 0.9);
height: 30px;
width: 100%;
text-transform: uppercase;
padding: 8px 83px 0 12px; }
.socials-other .contact-list .icon-slide fieldset {
width: 294px; }
.socials-other .contact-list .icon-slide form {
overflow: visible; }
.socials-other .contact-list .icon-slide .input-holder,
.socials-other .contact-list .icon-slide .frame {
position: relative;
overflow: hidden;
min-width: 294px;
width: auto;
border: 1px solid #8d9aaf; }
.socials-other .contact-list .icon-slide .input-holder:before,
.socials-other .contact-list .icon-slide .frame:before {
height: 0;
width: 0;
border-bottom: 6px solid #8d9aaf;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
position: absolute;
top: -7px;
left: 12px; }
@media (min-width: 768px) {
.socials-other .contact-list .icon-slide .input-holder:before,
.socials-other .contact-list .icon-slide .frame:before {
left: 8px; } }
.socials-other .contact-list .icon-slide .btn,
.socials-other .contact-list .icon-slide input[type="submit"] {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #4c9eff;
font-weight: 700;
border-left: 1px solid #8d9aaf;
padding-top: 0; }
.socials-other .contact-list .icon-slide .btn:hover,
.socials-other .contact-list .icon-slide input[type="submit"]:hover {
background: #0075ff; }
.socials-other .contact-list .icon-slide .btn:focus,
.socials-other .contact-list .icon-slide input[type="submit"]:focus {
outline: none; }
.socials-other .contact-list .icon-slide .btn {
padding-top: 7px;
text-align: center;
display: block; }
.socials-other .contact-list .popup {
color: red;
padding: 5px 8px;
max-width: 100px;
border-radius: 5px;
font: 12px "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
text-transform: uppercase;
display: none;
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.main-wrap {
width: 100%; }
@media (min-width: 1024px) {
.main-wrap {
width: 69%;
float: left;
padding: 0 81px 0 0; } }
.location-section {
width: 100%;
position: relative;
padding: 17px 0;
position: relative; }
.location-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: #e5e5e5; }
@media (min-width: 1024px) {
.location-section:before {
top: 60px;
right: auto;
height: auto;
width: 1px;
bottom: 50px; } }
@media (min-width: 1024px) {
.location-section {
float: right;
width: 31%;
padding: 58px 15px; } }
@media (min-width: 1200px) {
.location-section {
padding: 58px 24px; } }
.location-section h3 {
margin: 0; }
.location-section .title-office {
margin: 0 0 2px 0;
display: block; }
@media (min-width: 768px) {
.location-section .list-locations {
-webkit-column-count: 2;
column-count: 2; } }
@media (min-width: 1024px) {
.location-section .list-locations {
-webkit-column-count: 1;
column-count: 1; } }
.location-section .list-locations li {
color: #444750;
font-size: 14px;
padding: 18px 0;
position: relative; }
.location-section .list-locations li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: #e5e5e5; }
@media (min-width: 768px) {
.location-section .list-locations li:after {
left: -15px;
right: -15px; } }
@media (min-width: 1024px) {
.location-section .list-locations li:after {
left: 0;
right: 0; } }
.location-section .list-locations li:last-child:after {
display: none !important; }
@media (min-width: 768px) {
.location-section .list-locations li:nth-last-child(2n-1):after {
display: none; } }
@media (min-width: 1024px) {
.location-section .list-locations li:nth-last-child(2n-1):after {
display: block; } }
@media (min-width: 768px) {
.location-section .list-locations li {
padding: 18px 0 22px; } }
.location-section .list-locations li a {
color: #444750;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear; }
.location-section .list-locations li a:hover {
color: #39f; }
.location-section .list-locations address {
margin: 0;
font-style: normal;
line-height: 1.75; }
@media (min-width: 768px) {
#sidebar-wrap {
width: 26%; } }
@media (min-width: 1024px) {
#sidebar-wrap {
width: 23%; } }
@media (min-width: 768px) {
#sidebar-wrap #sidebar {
width: 100%;
margin: 30px 0 0; } }
@media (min-width: 1024px) {
#sidebar-wrap #sidebar {
margin: 41px 0 0;
padding: 0 40px 0 72px; } }
#sidebar-wrap .subscribe-block p {
margin: 0 0 7px; }
@media (min-width: 768px) {
#sidebar-wrap .subscribe-block .btn {
width: 130px;
padding: 5px 10px; } }
@media (min-width: 1024px) {
#sidebar-wrap .subscribe-block .btn {
width: 142px; } }
@media (min-width: 1024px) {
#main-contact-page {
padding-bottom: 0; } }
.hs-error-msgs {
font-size: 13px; }
.hs-form .hs-field-desc {
display: block;
width: 100%; }
.fancybox-type-ajax .fancybox-skin {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.fancybox-type-ajax.loading:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 50px;
width: 50px;
background: #000 url(//numericaconsulting.com/wp-content/themes/numerica/images/ajax-loader.gif) 50% 50% no-repeat;
border-radius: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.fancybox-type-ajax.loading .fancybox-skin {
-webkit-transition: none;
transition: none;
opacity: 0; }
main.info, main.blog {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
#info-content, #blog-content {
width: 65%; }
@media (max-width: 1023px) {
#info-content, #blog-content {
float: left; } }
@media (max-width: 767px) {
#info-content, #blog-content {
width: 100%; } }
#info-content .articles-holder, #blog-content .articles-holder {
margin-bottom: 0; }
#info-content .article, #blog-content .article {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ccc; }
#info-content .img-container, #blog-content .img-container {
margin-bottom: 20px; }
@media (max-width: 767px) {
#info-content .img-container, #blog-content .img-container {
width: 100%;
text-align: center; } }
#info-content a, #blog-content a {
color: #fb3838; }
#info-content a:hover, #blog-content a:hover {
opacity: 0.6; }
#info-content strong, #blog-content strong {
color: #444444; }
#info-content em, #blog-content em {
display: inline-block;
color: #333399;
margin-bottom: 10px; }
#info-content h3, #blog-content h3 {
font-weight: 700;
font-size: 16px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
#info-content .button-container, #blog-content .button-container {
text-align: center;
padding: 10px 0; }
#info-content .btn-info, #blog-content .btn-info {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
font-weight: bold;
text-align: center;
border-radius: 6px;
background-color: #db4b4b;
background-image: -webkit-linear-gradient(top, #db4b4b, #a43838);
box-shadow: inset 0px 1px #ff5d5d;
color: #fff;
border: 2px solid #6d2525;
text-shadow: 0px -1px #411616;
line-height: 1.5em;
padding: 6px 0px;
text-transform: none;
font-size: 14px;
max-width: 250px; }
#info-content .article {
margin-bottom: 30px;
padding-bottom: 0;
border-bottom: none; }
#info-content .article-sub {
border-top: 1px solid #ccc;
padding-top: 1em; }
#blog-content .post {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 15px;
font-size: 18px; }
#blog-content .post.single-post .image-container {
float: none;
text-align: center;
margin: 20px 0;
display: block; }
#blog-content .post.single-post .image-container img {
max-height: 100%;
max-width: 100%; }
#blog-content .post.single-post th {
text-align: left;
color: #800000; }
#blog-content .post.single-post td {
color: #333;
line-height: 1; }
#blog-content .post.single-post th, #blog-content .post.single-post td {
border: none; }
#blog-content .post-header {
margin-bottom: 20px; }
#blog-content .post-body p:last-child {
font-size: 16px; }
.post-body div {margin-bottom: 26px;}
#blog-content h2 a {
color: #093e6f; }
#blog-content .post-submitted {
margin-bottom: 10px; }
#blog-content .social {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 4px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 767px) {
#blog-content .social {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
#blog-content .social .st_plusone_large {
margin-top: 7px;
margin-left: 5px; }
#blog-content .social .st_plusone_large div {
bottom: 0 !important; }
#blog-content .social .stButton .stButton_gradient {
height: 20px; }
#blog-content .social .st_fblike {
margin-top: -3px; }
#blog-content .social .st_fblike span {
top: 0; }
#blog-content .image-container {
border-width: 0;
height: auto;
width: auto;
display: inline-block;
float: right;
margin: 4px 0 20px 20px; }
@media (max-width: 767px) {
#blog-content .image-container {
float: none;
text-align: center;
margin: 20px 0;
display: block; } }
#blog-content .image-container a {
display: block; }
#blog-content .image-container img {
max-height: 170px;
max-width: 210px; }
@media (max-width: 767px) {
#blog-content .image-container img {
max-height: 100%;
max-width: 100%; } }
#blog-content .more {
font-size: 16px;
display: inline-block;
text-transform: none; }
#blog-content .more:after {
display: none; }
#blog-content .topics {
padding: 20px 0 10px;
font-size: 16px; }
#blog-content .article-sub {
text-align: center; }
#blog-content .article-sub a {
margin: 0 5px; }
#blog-content .article-sub .nav-links .page-numbers {
border: none;
background: none; }
#blog-content .article-sub .nav-links .page-numbers.current {
color: #fb3838; }
#blog-content .article-sub.comment {
text-align: left;
padding: 20px 0; }
#blog-content .article-sub.comment .form-group {
margin-bottom: 10px; }
#blog-content .article-sub.comment label {
font-size: 13px;
color: #333;
font-weight: 700;
display: block;
line-height: 20px;
margin-bottom: 5px; }
#blog-content .article-sub.comment label .required {
color: #fb3838; }
#blog-content .article-sub.comment input, #blog-content .article-sub.comment textarea {
min-height: 40px;
padding: 10px;
width: 100%;
max-width: 500px; }
@media (max-width: 767px) {
#blog-content .article-sub.comment input, #blog-content .article-sub.comment textarea {
max-width: 320px; } }
#blog-content .article-sub.comment input[type="checkbox"] {
width: auto;
min-height: auto;
outline: none;
display: inline-block;
vertical-align: middle; }
#blog-content .article-sub.comment input[type="checkbox"] + label {
display: inline-block;
margin-bottom: 0; }
#blog-content .article-sub.comment input[type='submit'] {
padding: 1px 15px !important;
max-width: 145px !important;
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);
font-weight: 700;
border: 2px solid #fb3838;
border-radius: 30px;
height: 30px; }
#blog-content .article-sub.comment input[type='submit']:hover {
background: #fff;
color: #fb3838; }
#blog-content .article-sub.comment .btn {
border-radius: 40px;
max-width: 163px;
padding: 6px 15px; }
#right-col {
width: 35%;
padding: 30px 136px 30px 15px; }
@media (max-width: 1023px) {
#right-col {
float: left; } }
@media (max-width: 767px) {
#right-col {
width: 100%; } }
#right-col .content-wrapper {
padding: 30px 0;
border-bottom: 1px solid #ccc; }
#right-col .content-wrapper h3 {
font-weight: 700;
font-size: 16px;
font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
#right-col .content-wrapper .more {
text-transform: none;
color: #fb3838;
font-size: 12px; }
#right-col .content-wrapper .more:hover {
opacity: 0.6; }
#right-col .content-wrapper .quote {
margin-bottom: 10px; }
#right-col .content-wrapper q {
color: #444;
font-style: italic; }
#right-col .content-wrapper .button-container {
padding: 20px 0;
text-align: center; }
#right-col .content-wrapper .btn-quote, #right-col .content-wrapper .btn-visit {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
background: #2a549c;
border: none;
width: auto;
border-radius: 5px;
text-transform: none;
font-size: 14px; }
#right-col .content-wrapper .btn-quote:hover, #right-col .content-wrapper .btn-visit:hover {
color: #fff;
opacity: 0.8; }
#right-col .content-wrapper .btn-visit {
background: #e0629a; }
#right-col .content-wrapper .btn-primary {
padding: 6px 15px;
max-width: 145px;
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);
font-weight: 700; }
#right-col .content-wrapper p span {
color: #444;
margin-right: 5px; }
#right-col .content-wrapper label {
font-size: 13px;
color: #333;
font-weight: 700;
display: block;
line-height: 20px;
margin-bottom: 5px; }
#right-col .content-wrapper label .required {
color: #fb3838; }
#right-col .content-wrapper input {
min-height: 40px;
padding: 10px;
width: 100%; }
@media (max-width: 767px) {
#right-col .content-wrapper input {
max-width: 320px; } }
#right-col .content-wrapper.recent-posts, #right-col .content-wrapper.topics, #right-col .content-wrapper.newsletter {
border-bottom: none;
padding: 10px 0; }
#right-col .content-wrapper.recent-posts a:hover, #right-col .content-wrapper.topics a:hover, #right-col .content-wrapper.newsletter a:hover {
opacity: 0.6; }
#right-col .content-wrapper.newsletter .button-container {
text-align: left; }
.c-forms-form-title {
display: none; }
.c-label label, .cognito label {
line-height: 1.5;
font-size: 14px;
font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
font-weight: 700;
position: relative; }
.c-label {
position: relative; }
.c-label:after {
right: -3px;
top: 0;
position: absolute; }
button#c-submit-button {
padding: 6px 15px !important;
max-width: 145px !important;
width: 100%;
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);
font-weight: 700;
border: 2px solid #fb3838;
border-radius: 30px;
height: 31px;
background: #fb3838;
color: #fff; }
button#c-submit-button:hover {
color: #fb3838;
background: #fff; } #header.secondary .nav-drop{
padding-top: 0;
}
@media (min-width: 1024px){
#header.secondary {
height: 63px;
}
}
@media (min-width: 1024px){
.promo .logo.secondary {
top: 3px;
}
}
@media (min-width: 1024px){
.list-holder .col-wrapper p {
font-size: 13px;
}
}
.list-holder p{
color: #aed4ff;
font-weight: 300;
}
.list-holder .col-wrapper ul p{
padding-top: 5px;
margin-bottom: 5px;
}
.list-holder .col-wrapper ul:after {
content:"";
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 9999px;
background: #173b5d;
font-size: 13px;
}
.list-holder .col-wrapper .color-link{
margin-top: 10px;
}
.list-holder .col-wrapper .color-link a{
position: relative;
display: inline-block;
color: #ff9595;
text-transform: uppercase;
line-height: 14px;
font-weight: 600;
}
.list-holder .col-wrapper .color-link a:before{
content:'';
position:absolute;
top:2px;
left: calc(100% + 3px);
width:10px;
height:10px;
border: 3px solid #ff7d7d;
border-left:none;
border-bottom: none;
transform: rotate(45deg);
}
.menu{
overflow: visible;
}
.list-holder .col-wrapper ul{
background:rgba(17,56,90,.7);
}
@media (min-width: 768px){
.list-holder .col-wrapper li{
width: 63%;
padding-right: 34px;
}
}
.nav-drop > li{
margin: 0 11px;
}
@media (min-width: 1024px){
.nav-drop {
padding: 40px 15px 0 0;
}
.nav-drop > li{
margin: 0 9px;
}
.nav-drop li > a{
font-size: 14px;
}
.list-holder .col-wrapper li a{
font-size: 13px;
}
}
.list-holder .col-wrapper ul{
padding-top: 12px;
padding-bottom: 12px;
}
.list-holder ul a{
font-weight: 300;
}
.list-holder .col-wrapper a{
font-weight: 600;
}
.list-holder .col-wrapper strong a{
font-family: 'Montserrat', "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.list-holder .col-wrapper strong a{
font-weight: 300;
line-height: 14px;
padding: 18px 24px;
}
@media (min-width: 768px){
}
@media (min-width: 768px){
.acc-frame{
top:100%;
}
}
@media (min-width: 768px){
.secondary .acc-frame {
top: calc(100% - 1px);
}
}
nav ul{
list-style-type: none;
}
.acc-holder{
padding-left: 0;
}
.list-holder .col-wrapper ul{
transform: translateX(9999px);
}
.list-holder .col-wrapper ul:after{
background: rgba(17,56,90,.7);
}
.promo .logo.secondary a{
display: block;
}
@media (min-width: 768px){
.info-section{
font-size: 15px;
line-height: 22px;
}
.info-section h4 {
font-size: 20px;
color: #54728d;
}
.info-section .more{
font-size: 15px;
}
}
@media (max-width: 768px){
.acc-frame{
right: 0;
}
.list-holder{
position: static !important;
width: auto !important;
background: #093e6f;
padding: 20px 25px;
}
.list-holder .col-wrapper ul{
position: static;
height: 0;
background: #093e6f;
padding: 0;
margin: 0;
}
.list-holder .col-wrapper.hover ul{
height: 100%;
opacity: 1;
transform: translateX(0);
}
.list-holder .col-wrapper ul:after{
display: none;
} .list-holder .col-wrapper .drop a{
padding-left: 0;
}
.list-holder .col-wrapper.hover ul a{
opacity: 1;
}
.list-holder .col-wrapper strong a:hover{ }
.list-holder .col-wrapper ul{
padding-left: 25px;
}
.list-holder .col-wrapper ul li{
padding-left: 25px;
}
.list-holder .col-wrapper ul a{
padding-left: 0;
}
.list-holder .col-wrapper strong a{
padding-top: 10px;
padding-bottom: 10px;
}
.list-holder .col-wrapper .color-link a:before{
top: 7px;
}
.list-holder .col-wrapper .color-link a:hover:before{
display: block !important;
}
.nav-drop > li{
margin: 0;
}
.hover .acc-frame{
display: block;
}
.list-holder .col-wrapper strong a:hover{
background: none;
}
.level-opener .acc-holder{
height: 0;
}
.color-link{
display: inline-block;
}
.footer-category .menu{
background: #2c2c2c;
}
.nav-drop > .hover > a {
background: #134776;
}
}
.list-holder .col-wrapper strong a{
font-size: 12px !important;
} #footer .titleh5 {color: #e0e2e2;font-family: "Montserrat","Arial","Helvetica Neue","Helvetica",sans-serif;margin-bottom: 22px;border-top: 0 none;padding: 0;position: relative;font-size: 12px;font-weight: bold;text-transform: uppercase;line-height: 17px;}
.promo .sloganh1 {font-size: 36px;line-height: 45px;min-width: 566px;margin-bottom: 12px;max-width: 510px;color: #093e6f;display: block;font-family: "Montserrat","Arial","Helvetica Neue","Helvetica",sans-serif;
font-weight: 500;letter-spacing: 0;text-transform: none;}
.item-blocks .titleh4 {margin-bottom: 14px;color: #2f74b2;font-family: "Montserrat","Arial","Helvetica Neue","Helvetica",sans-serif;font-size: 14px;font-weight: bold;
text-transform: uppercase;}
.titleh4 {font-family: "Montserrat","Arial","Helvetica Neue","Helvetica",sans-serif;font-size: 14px;color: #093e6f;font-weight: bold;margin: 0 0 0.5em;text-transform: uppercase;padding-bottom: 0;position: unset;}
#footer .titleh5 {color: #e0e2e2;}
.footer-category .titleh5 {border-top: 1px solid #424242;margin: 0;padding: 14px 22px 14px 0;position: relative;font-family: "Montserrat","Arial","Helvetica Neue","Helvetica",sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;}
.footer-category .titleh5 .opener::after {color: #424242;content: "";font-family: "icomoon";font-size: 18px;position: absolute;right: 17px;top: 7px;transform: rotate(90deg);}
.footer-category .titleh5 .opener {bottom: 0;left: 0;position: absolute;right: 0;top: 0;}
.footer-category a {color: #a1a2a2;text-decoration: none;transition: color 0.3s ease 0s;background-color: transparent;}
.footer-category nav > .active .titleh5 {padding-left: 25px;}
@media only screen and (min-width:768px) {.footer-category .titleh5 .opener {display: none; } }
@media only screen and (max-width: 480px) {#footer .titleh5 {border-top: 1px solid #424242 !important;margin: 0 !important;padding: 14px 22px 14px 0 !important;position: relative !important;}}