/*
Name: Labora
Author: AivahThemes
Author URI: http://themeforest.net/user/AivahThemes
Description: This template is useful for Laboratory Service Providers etc. Template comes with ease in usability which makes your site ready in minutes.
Version: 1.0
*/


/* ================================================================= */


/*
[Table of contents]
01. Reset CSS
02. General CSS
03. Layout and Grid
04. Slider & Header
05. Primary Menu & Mobile Menu
06. Mega Menu
07. Sub Header
08. Footer
09. Widgets & Sociables
10. Blot Post
11. Testimonials page
12. Contact Info
13. Button
14. Sociables ToolTip
15. WP Defauls
16. Miscellaneous CSS
*/


/* ================================================================= */


/* 01. Reset CSS                                                     */


/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 - License: none  */


/* ================================================================= */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

.size-30 {
    font-size: 35px !important;
    font-weight: bold;
}

.size-20 {
    font-size: 23px !important;
    color: #707070;
}

.size-10 {
    font-size: 15px !important;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Reset by AivahThemes */

address {
    font-style: italic;
    margin-bottom: 24px;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

b,
strong {
    font-weight: 600;
}

p {
    margin-bottom: 24px;
}

p:empty {
    display: none;
}

blockquote,
q {
    -webkit-hyphens: none;
    -epub-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

blockquote {
    margin: 30px 0;
    padding: 20px 35px;
    background-color: #f6f6f6;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    /* font-style: italic; */
    /* border-left: 5px solid #757575;
    border-right: 5px solid #757575; */
    border: 5px solid #757575;
}

blockquote cite,
blockquote small {
    opacity: 0.7;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

blockquote p {
    margin-bottom: 0;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: italic;
}

small {
    font-size: small;
}

big {
    font-size: 125%;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

ul,
ol {
    list-style: none;
    margin: 0 0 25px 25px;
}

ul[dir='rtl'],
ol[dir='rtl'] {
    margin: 0 25px 25px 0;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin: 0 0 0 25px;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    white-space: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    margin-right: 10px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table,
th,
td {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4em;
}

del {
    color: #767676;
}

hr {
    background-color: #e5e5e5;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin: 20px 0;
}

.format-chat .entry-content p {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

.wp-video {
    margin-bottom: 25px;
}


/* Clearing Margins */

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.whitetext *,
.whitetext a {
    color: #817f7f !important;
    font-size: 1rem !important;
}

.whitetext a:hover {
    opacity: 0.8;
}

.MyClass:hover {
    color: orange !important;
}


/*************************************************/


/* Global Input Form Control					 */


/*************************************************/

.wpcf7-form-control {
    font-size: 13px;
    line-height: 18px;
    color: #222;
    background: #ddd;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
}

.wpcf7-form-control:focus,
.wpcf7-form-control:active {
    background: #fff;
    border-radius: 2px;
    border: 2px solid #757575;
    -webkit-box-shadow: 0 0 0 2px #757575;
    box-shadow: 0 0 0 2px #757575;
}

.at-from-input {
    margin: 0 0 8%;
    width: 100%;
}

.at-staff-form .one_half {
    margin-bottom: 0;
}

div.wpcf7-not-valid-tip {
    display: none;
}

div.wpcf7-response-output {
    margin: 0 0 10px;
    background-color: #c9f7b2;
    color: #61a600;
    padding: 18px 30px 18px 20px;
    font-size: 14px;
    border: none;
}

div.wpcf7-response-output.wpcf7-validation-errors {
    background-color: #ffd9d9;
    color: #ff0000;
}

div.wpcf7-response-output.wpcf7-mail-sent-ng {
    background-color: #fff2b2;
    color: #ff9900;
}


/* Default Buttons */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #757575;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 3px;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #333333;
    color: #fff;
    outline: 0;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #444444;
}


/* Calendar Widget */

.widget_calendar caption,
.widget_calendar td,
.widget_calendar th {
    text-align: center;
}


/* Preformatted Text */

pre {
    background: url('../images/code_bg.png') repeat scroll left top #f6f6f6;
    font: 12px "Courier 10 Pitch", Courier, monospace;
    line-height: 21px;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 20px 30px;
    border: 1px solid #eeeeee;
    color: #444444;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    border-radius: 3px;
}

code,
kbd {
    font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

code {
    background-color: #d1d1d1;
    padding: 0.125em 0.25em;
}


/* Responsive images. Fluid images for posts, comments, and widgets */

.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
    max-width: 100%;
}


/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
    height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
    height: auto;
    max-width: 100%;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
    margin-bottom: 24px;
    max-width: 100%;
}

p>embed,
p>iframe,
p>object,
span>embed,
span>iframe,
span>object {
    margin-bottom: 0;
}


/* Alignment */

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

.aligncenter {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

.justify-content {
    text-align: justify;
}


/* Blockquote Alignments */

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 17px;
    width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
    margin-bottom: 17px;
}


/* Image Caption */

.wp-caption {
    margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: auto;
}

.wp-caption {
    color: #767676;
}

.wp-caption-text {
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0;
    padding-right: 10px;
}

.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* WordPress Generic */

.bypostauthor {}

.sticky .post_content {
    background-color: #FCF8E3;
}


/* WordPress Generic */

.comment-edit-link,
.post-edit-link {
    font-weight: bold;
}

.comment-edit-link:before,
.post-edit-link:before {
    content: "\f040";
    font-family: 'FontAwesome';
    margin-right: 5px;
    line-height: 16px;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Clearfix  */

.clear {
    clear: both;
    display: block;
    width: auto;
    visibility: visible;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Box Sizing */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* ================================================================= */


/* 02. General CSS                                                   */


/* ================================================================= */

body,
input,
select,
textarea {
    /* font-family: 'Zen Antique', serif; */
    font: normal 16px/1.7 "Lato", 'Zen Antique', serif;
    color: #444;
}

figure {
    margin: 0;
    /* border-radius: 37%; */
}

figure img {
    width: auto;
    max-width: 100%;
}

#pagebg {
    position: fixed;
    top: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.bodyoverlay {
    position: fixed;
    top: 0;
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


/* Links  */

a {
    outline: 0;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


/* Generic  */

body {
    overflow-x: hidden;
}


/* Headings  */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: 'Zen Antique', serif;
    /* font-family: "Poppins", sans-serif; */
    color: #333333;
    font-weight: 300;
}

h1 {
    font-size: 32px;
    line-height: 1.35;
    margin-bottom: 0.4em;
    font-weight: 800;
}

h2 {
    font-size: 26px;
    line-height: 1.45;
    margin-bottom: 0.6em;
}

h3 {
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 0.8em;
}

h4 {
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 1em;
}

h5 {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 1.1em;
}

h6 {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 1.1em;
}

h1 small {
    font-size: 18px;
    font-weight: 300;
}

h2 small {
    font-size: 16px;
    font-weight: 300;
}

h3 small {
    font-size: 14px;
    font-weight: 300;
}

h4 small {
    font-size: 12px;
    font-weight: 300;
}


/* ================================================================= */


/* 03. Layout and Grid                                                 */


/* ================================================================= */

#wrapper {
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
}

.boxed #wrapper {
    width: 94%;
    max-width: 1200px;
    margin: 20px auto;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.stretched #wrapper {
    width: 100%;
}

.inner {
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
    width: 100%;
}

.inner:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.one_half {
    width: 48%;
    /* text-align: center; */
}

.one_third {
    width: 30.66%;
}

.two_third {
    width: 65.34%;
}

.one_fourth {
    width: 22%;
}

.one_fifth {
    width: 16.8%;
}

.three_fourth {
    width: 74%;
}

.four_fifth {
    width: 79.2%;
}

.two_fifth {
    width: 37.6%;
}

.three_fifth {
    width: 58.4%;
}

.one_sixth {
    width: 7.33%;
}

.five_sixth {
    width: 82.7%;
}

.one_half,
.one_third,
.two_third,
.one_fourth,
.one_fifth,
.four_fifth,
.one_sixth,
.five_sixth,
.two_fifth,
.three_fifth,
.three_fourth {
    position: relative;
    display: inline-block;
    /* float: left; */
    vertical-align: top;
    margin-right: 25px;
    margin-bottom: 15px;
}

.end,
.last {
    margin-right: 0 !important;
}


/* No Margin Columns */

.nomargin.one_half {
    width: 50%;
}

.nomargin.one_third {
    width: 33.33%;
}

.nomargin.two_third {
    width: 66.66%;
}

.nomargin.one_fourth {
    width: 25%;
}

.nomargin.one_fifth {
    width: 20%;
}

.nomargin.three_fourth {
    width: 75%;
}

.nomargin.four_fifth {
    width: 80%;
}

.nomargin.two_fifth {
    width: 40%;
}

.nomargin.three_fifth {
    width: 60%;
}

.nomargin.one_sixth {
    width: 16.66%;
}

.nomargin.five_sixth {
    width: 83.33%;
}

.nomargin.one_half,
.nomargin.one_third,
.nomargin.two_third,
.nomargin.one_fourth,
.nomargin.one_fifth,
.nomargin.four_fifth,
.nomargin.one_sixth,
.nomargin.five_sixth,
.nomargin.two_fifth,
.nomargin.three_fifth,
.nomargin.three_fourth {
    position: relative;
    display: inline;
    /* Old Browser Hack */
    display: inline-block;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
}

.nomargin {
    margin: 0 !important;
}


/* Gallery Grid */

.col_half {
    width: 48.50%;
}

.col_third {
    width: 31.33%;
}

.col_fourth {
    width: 22.75%;
}

.col_fifth {
    width: 17.60%;
}

.col_sixth {
    width: 13.33%;
}

.col_three_fourth {
    width: 74.5%;
}

.col_twothird {
    width: 65.67%;
}

.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth,
.col_sixth {
    position: relative;
    display: inline;
    /* Old Browser Hack */
    display: inline-block;
    float: left;
    margin-right: 3%;
    margin-bottom: 2%;
}

.end:after {
    clear: both;
    content: '';
    display: block;
}

.col_half:after,
.col_third:after,
.col_twothird:after,
.col_fourth:after,
.col_three_fourth:after,
.col_fifth:after {
    clear: both;
    content: '';
    display: block;
}


/* Primary Content Area */

.entry-content-wrapper {
    padding: 0;
}

.single-gallery.fullwidth .entry-content-wrapper,
.single-post.fullwidth .entry-content-wrapper,
.page-template-template-blog .entry-content-wrapper,
.page-template-labora-niche .entry-content-wrapper,
.woocommerce-page .entry-content-wrapper {
    padding: 80px 0 80px 0;
}

.page-template-template-gallery .entry-content-wrapper {
    padding: 80px 0 80px 0;
}

body:not(.fullwidth) .entry-content-wrapper {
    padding: 80px 0 80px 0;
}

#main {
    position: relative;
    z-index: 3;
}

.pagemid_section {
    padding: 0;
}

.pagemid {
    position: relative;
    margin: 0 auto;
}

.pagemid>.inner {
    width: 100%;
    max-width: 1160px;
}

.pagemid:after,
.pagemid:before {
    clear: both;
    content: "";
    display: block;
}


/* Fullwidth Section */

.section_fullwidth {
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
}

.content-area .section_inner {
    width: 100%;
    /* max-width: 1160px; */
    margin: 0 auto;
    z-index: 3;
}

.fullwidth .section_inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0;
}

.section_inner:after {
    clear: both;
    display: block;
    content: "";
}

.content-area {
    word-wrap: break-word;
}

.content-area a {
    color: #757575;
}


/* Left/Right Sidebar */

.leftsidebar #sidebar {
    position: relative;
    float: left;
    width: 25%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.leftsidebar #sidebar .content {
    padding: 80px 40px 80px 0;
    margin-right: -1px;
}

.leftsidebar .content-area {
    float: right;
    width: 75%;
    padding-left: 25px;
}

.rightsidebar #sidebar {
    position: relative;
    float: right;
    width: 25%;
}

.rightsidebar #sidebar .content {
    padding: 80px 0 80px 25px;
}

.rightsidebar .content-area {
    float: left;
    width: 75%;
    padding-right: 25px;
}

.content-area:before,
.content-area:after {
    clear: both;
    display: block;
    content: '';
}

.fullscreen {
    width: 100%;
}


/* ================================================================= */


/* 04. Slider & Header                                               */


/* ================================================================= */

#featured_slider {
    position: relative;
    margin: 0;
    z-index: 0;
}

.slider_wrapper {
    width: 100%;
    margin: 0 auto;
}

.slider_stretched {
    max-width: 100%;
}

.staticslider {
    position: relative;
    overflow: hidden;
}

.staticslider img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.flex-inner {
    width: 1160px;
    margin: 0 auto;
    position: relative;
}

.frontpage_section {
    position: relative;
    width: 1160px;
    margin: auto;
    margin-top: -180px;
}


/* ==== Logo Site title Description ==== */

.logo {
    display: table-cell;
    min-height: 70px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    min-width: 150px;
}

.logo img {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


/* ==== Logo Text ==== */

h1#site-title {
    margin: 0;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -1px;
    color: #666666;
}

h1#site-title a {
    color: #666666;
}

h2#site-description {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    text-decoration: none;
}


/* ==== Header ==== */

.header {
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.03);
}

.header:after {
    clear: both;
    content: "";
    display: block;
}

.header-area {
    position: relative;
    display: table;
    height: 110px;
    margin: 0 auto;
    min-height: 70px;
    width: 100%;
    max-width: 1160px;
}

.header-right {
    float: right;
    width: 200px;
    font-size: 11px;
}


/* ==== Header Style default ==== */

.header-style-default {
    position: relative;
    z-index: 6;
}

.header-style-default .menuwrap {
    display: table-cell;
    margin: auto;
    padding: 0;
    vertical-align: middle;
}

.header-style-default .sf-menu>li>a {
    padding: 3.5em 0;
    margin: 0 1em;
}

.header-style-default .iva_socials {
    display: table;
    margin: 0 auto;
}


/* ==== Header Style 1 ==== */

.header-style1,
.header-style2,
.header-style3,
.header-style4 {
    z-index: 6;
}

.header-style1 .menuwrap {
    display: table-cell;
    margin: auto;
    padding: 0;
    vertical-align: middle;
}

.header-style1 .sf-menu>li>a {
    /* margin: 0 1em; */
}

.header-style1 .iva_socials {
    display: table;
    margin: 0 auto;
}

.header-style1 .headerSearch {
    height: 90px;
}

.header-style1 .ivaInput[type="text"] {
    padding: 15px 10px;
}


/* ==== Header Style 2 ==== */

.header-style2 .header-area {
    width: 100%;
}

.header-style2 .logo {
    display: inline-block;
    float: left;
    width: 30%;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
}

.header-style2 .menu-inner {
    position: relative;
    display: table;
    margin: 0 auto;
}

.header-style2 #iva_menu {
    display: table;
    margin: 0 auto;
}

.header-style2 .sf-menu {
    float: none;
}

.header-style2 .mini-cart:hover .widget_shopping_cart {
    top: 9px;
}

.header-style2 .header-area {
    max-width: 1160px;
}

.header-style2 .primarymenu {
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.header-style2 .sf-arrows .sf-with-ul:after {
    right: 0;
}


/* ==== Header Style 3 ==== */

.header-style3 {
    position: relative;
}

.header-style3 .menu-inner {
    position: relative;
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
}

.header-style3 .primarymenu {
    background-color: #191919;
}

.header-style3 .sf-menu>li>a {
    color: #aaaaaa;
    border-right: 1px solid rgba( 255, 255, 255, 0.07);
}

.header-style3 .sf-menu {
    float: none;
}

.header-widget-area {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 12px;
}

.header-widget-area ul {
    margin: 0;
}

.header-widget-area ul li {
    display: inline-block;
    padding: 1px 5px;
}

.header-s3-right {
    display: table-cell !important;
    vertical-align: middle;
    text-align: right;
    font-size: 13px;
}

.header-s3-right ul {
    margin: 0;
}

.header-style3 .sf-menu>li:first-child>a {
    padding-left: 0;
}

.header-style3 .sf-menu li.current-menu-item>a,
.header-style3 .sf-menu li.current-menu-ancestor>a,
.header-style3 .sf-menu li.current-page-ancestor>a {
    color: #0084B3;
}

.header-style3 .sf-menu li.current-menu-ancestor>a {
    color: #ffffff;
}


/* ==== Header Style 4 ==== */

.header_section {
    position: relative;
    z-index: 6;
}

.header_section_bg {
    position: absolute;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    top: 0;
}

.header_section_bg_overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6;
}

.header-rightpart {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.header-style4 .header-area {
    width: 100%;
    max-width: 1160px;
}

.header-style4 .topbar {
    background-color: transparent;
}

.header-style4 .logo {
    padding-left: 40px;
    border-radius: 50px 0 0 50px;
}

.header-style4 .primarymenu {
    display: table-cell;
    padding-right: 25px;
    border-radius: 0 50px 50px 0;
}

.header-style4 {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    max-width: 1160px;
    margin: 40px auto 0 auto;
}

.header-style4 .inner {
    max-width: 1100px;
}

.header-style4 .header {
    border-radius: 50px;
}

.header-style4 .header-area {
    height: 70px;
}

.header-style4 .sf-menu>li a {
    padding-top: 2em;
    padding-bottom: 2em;
}

.header-style4 .icn_wrap_align {
    float: right;
    margin: 20px 20px 0 0;
}

.topbar-left {
    float: left;
    width: 50%;
}

.topbar-right {
    float: left;
    width: 50%;
    text-align: right;
}

.header-style4 .header-rightpart {
    padding-right: 40px;
}

.header-style4 .header-widget-area {
    position: relative;
    float: right;
    top: 25px;
}

.header-style4 .mini-cart:hover .widget_shopping_cart {
    top: 10px;
}

.header-style4 .sf-arrows .sf-with-ul::after {
    position: relative;
    padding-right: 4px;
    right: -6px;
}

.header-style4 #social-icons {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
}


/* Required for only header 5 style */

.iva-page_slider .header_wrapper {
    position: relative;
    min-height: 0 !important;
}

.page-template-template_contact .header_wrapper {
    min-height: 0 !important;
}

body:not(.home) .header_wrapper {
    position: relative;
    min-height: 109px;
}

body:not(.home) .header_wrapper.header-style4 {
    position: relative;
    min-height: 140px;
}


/* ==== Header Style 5 ==== */

.header-style5 {
    background-color: rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    max-width: 100%;
    margin: 0 auto;
}

.header-style5 .topbar {
    background-color: transparent;
}

.header-style5 .logo {
    text-align: left;
    min-width: 150px;
}

.header-style5 h1#site-title a {
    color: #ffffff;
}

.header-style5 .menuwrap {
    float: right;
    margin-right: 30px;
    padding-right: 20px;
    display: inline-block;
}

.header-style5 .minicartbag-wg {
    margin: 0;
    display: block;
    position: absolute;
    right: 10px;
    top: 25px;
}

.header-style5 .icn_wrap_align {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
}

.header-style5 .mini-cart .cart-contents {
    color: #ffffff;
}

.header-style5 .sf-menu>li>a {
    padding: 3.5em 0;
    margin: 0 1em;
    color: #f5f5f5;
}

.header-style5 .header {
    background-color: transparent;
}

.header-style5 .ivaSearch.icnalign {
    color: #ffffff;
    margin-top: -12px;
}


/* ==== Header Style 5 ==== */

.header-default {
    left: 0;
    margin-top: 30px;
    min-height: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.default-header-widget {
    display: table-cell;
    vertical-align: middle;
}


/* Header Widget Area*/

.widget-left-s2 {
    display: inline-block;
    float: left;
    width: 35%;
    margin: 0 auto;
    text-align: left;
    padding: 30px 0;
}

.widget-right-s2 {
    display: inline-block;
    float: right;
    width: 35%;
    margin: 0 auto;
    text-align: right;
    padding: 30px 0;
}

.widget-left-s3 {
    display: inline-block;
    float: right;
    margin: 0 auto;
    text-align: left;
    padding: 30px 0;
}

.widget-left-s3-mobile {
    display: none;
}

.icon-box-w_al {
    display: inline-block;
    margin-right: 6px;
    color: #757575;
}

.icon-box-w_ar {
    display: inline-block;
    margin-right: 6px;
    color: #757575;
}

.left-w .icon-box_widget {}

.right-w .icon-box_widget {
    margin: 0 0 0 auto
}

.icon-box_widget {
    position: relative;
    margin-right: 25px;
    display: inline-block;
    padding-right: 25px;
    padding-top: 6px;
}

.icon-box_widget:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.icon-box-w_content {
    position: relative;
}

.icon-box-w_title {
    display: inline-block;
    margin-bottom: 0;
    font-size: 15px;
    opacity: 0.7;
}

.icon-box-w_desc {
    display: block;
    font-weight: 600;
    line-height: 24px;
}


/* ==== Fixed Header  ==== */

.fixed-header {
    position: fixed;
    width: 100%;
    height: 113px;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    z-index: 3000;
    background-color: #ffffff;
    /* IE Fall Back*/
    background-color: rgba(255, 255, 255, 1);
    /* Latest Browsers */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


/* #fixedheader .header-area {
	display: flex;
	align-items: center;
} */

#fixedheader .logo {
    min-height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


/* ==== Topbar ==== */

.topbar {
    position: relative;
    padding: 0;
    font-size: 13px;
    line-height: 40px;
    overflow: hidden;
    background-color: #e4ebef;
    z-index: 9999999;
    color: rgba(66, 95, 112, 0.71);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#boxed .topbar .inner {
    width: 100%;
}

.topbar a {
    color: rgba(66, 95, 112, 0.71);
}

.topbar a:hover {
    text-decoration: underline;
}

.topbar p,
.topbar .one_half,
.topbar .one_third,
.topbar .two_third {
    margin-bottom: 0 !important;
}

.topbar .iva_socials {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

.topbar .at-social-link {
    font-size: 12px;
}

.topbar .one_half.last,
.topbar .two_third.last {
    text-align: right;
}

.topbar .widget_nav_menu ul {
    margin: 0;
    padding: 0;
}

.topbar .widget_nav_menu ul li {
    display: inline-block;
    float: left;
    padding: 0 6px;
}

.topbar .widget_nav_menu ul li {
    font-size: 11px;
    text-transform: uppercase;
}

.topbar-right aside {
    display: inline-block;
    float: right;
}


/* ==== Topbar Right Nav (woocommerce topnav)  ==== */

.iva_sub_nav {
    float: right;
}

.iva_sub_nav ul {
    overflow: hidden;
    margin: 0;
}

.iva_sub_nav ul li {
    float: left;
    padding: 0 10px;
    border: 1px solid #eeeeee;
    border-width: 0 1px 0 0;
    list-style: none;
}

.iva_sub_nav>ul>li:last-child,
.iva_sub_nav>div>ul>li:last-child {
    border: none;
    padding-right: 0;
}

.iva_sub_nav>ul>li>a,
.iva_sub_nav>div>ul>li>a {
    color: #666666;
    text-decoration: none;
}

.iva_sub_nav>ul>li>a:hover,
.iva_sub_nav>div>ul>li>a:hover {
    text-decoration: underline;
}


/*=== Search Form Popup ====*/

#ivaSearchbar {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #f7f7f7;
    padding: 0;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

#ivaSearchbar:after {
    clear: both;
    content: "";
    display: block;
}

.ivaInput[type="text"] {
    width: 100%;
    margin: 0 10px 0 0;
    padding: 24px 10px;
    font-size: 40px;
    font-weight: 600;
    border-width: 0 0 1px 0;
    border-bottom: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    letter-spacing: -2px;
}

.ivaInput[type="text"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0px !important;
    -webkit-appearance: none;
}

.ivaInput input::-webkit-input-placeholder {
    color: #444444;
}

.ivaInput input:-moz-placeholder {
    color: #444444;
}

.icn_wrap {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    text-align: right;
}

.ivaSearch {
    width: 30px;
    height: 24px;
    cursor: pointer;
}

.ivaSearch.icnalign {
    color: #757575;
    line-height: 24px;
    font-size: 14px;
    text-align: right;
}

.search-close {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
    color: #757575;
}

.search-close:hover i,
.ivaSearch:hover i {
    color: #444444;
}


/* Default Search */

.search-box input[type="text"] {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px;
    outline: 0;
    border: none;
    border-bottom: 2px solid #eeeeee;
    -webkit-transition: all .35s ease-in-out;
    /* Safari 3.1 to 6.0 */
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.search-box input[type="text"]:focus {
    border-bottom: 2px solid #757575;
}


/*=== Sticky Bar ==== */

#sticky {
    top: 0;
    display: none;
    position: relative;
    width: 100%;
    padding: 10px 0;
    z-index: 1000;
    background-color: #757575;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}

#sticky a {}

#sticky a:hover {
    text-decoration: underline;
}

#boxed #sticky {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
}

#boxed #fixedheader {
    max-width: 1280px;
}

.tarrow {
    position: absolute;
    right: 10px;
    z-index: 2000;
    cursor: pointer;
    font-size: 20px;
}

.iva-mini-cart {
    display: table-cell;
    margin: auto;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

#trigger {
    color: #757575;
}


/* ================================================================= */


/* 05. Primary Menu & Mobile Menu                                    */


/* ================================================================= */

#iva-mobile-nav-icon {
    width: 30px;
    height: 25px;
    position: relative;
    margin: 50px auto;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#iva-mobile-nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #585858;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#iva-mobile-nav-icon span:nth-child(1) {
    top: 0px;
}

#iva-mobile-nav-icon span:nth-child(2),
#iva-mobile-nav-icon span:nth-child(3) {
    top: 10px;
}

#iva-mobile-nav-icon span:nth-child(4) {
    top: 20px;
}

#iva-mobile-nav-icon.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

#iva-mobile-nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#iva-mobile-nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#iva-mobile-nav-icon.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.iva-mobile-dropdown {
    display: none;
}

.iva_mmenu .iva_menuicon,
.sf-menu .iva_menuicon {
    margin-right: 10px;
}

.sf-menu {
    /* float: right; */
}

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu>li {
    float: left;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
    display: block;
    text-decoration: none;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
    margin-left: -10px;
}


/* ==== Menu Properties ==== */

.sf-menu ul {
    min-width: 11em;
    /* allow long menu items to determine submenu width */
}

.sf-menu a {
    padding: 1em 1.3em;
    font-size: 18px;
    text-decoration: none;
    color: #2a2a2a;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.sf-menu>li {
    background: transparent;
}

.sf-menu>li:last-child {
    border-right: 0;
    padding-right: 0;
}

.sf-menu>li>a,
.primarymenu>li>a {
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}

.sf-menu ul li a {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 2px 15px !important;
    margin: 0;
}

.sf-menu>li:hover,
.sf-menu>li.sfHover {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
}

.sf-menu ul {
    padding: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.sf-menu li a span {
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {}

.sf-menu li li a {}

.sf-menu ul a:hover {
    color: #0084B3;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {
    color: #0084B3;
}

.sf-menu li.current-menu-item>a,
.sf-menu li.current-menu-ancestor>a,
.sf-menu li.current-page-ancestor>a {
    color: #0084B3;
}

.sf-menu>li.current-menu-item,
.sf-menu>li.current-menu-ancestor,
.sf-menu>li.current-page-ancestor {
    color: #0084B3;
}

.sf-menu>li.current-menu-item:hover,
.sf-menu>li.current-menu-ancestor:hover,
.sf-menu>li.current-page-ancestor:hover {
    color: #0084B3;
    text-decoration: none;
}

.sf-menu li a span {
    display: block;
    font-size: 11px;
    font-weight: normal;
}


/* Menu Top Border */

.sf-menu>li>a:after {
    width: 0;
    height: 3px;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #757575;
}

.sf-menu>li>a:hover:after {
    top: 0;
    right: 0;
}

.sf-menu>li.current-menu-item>a:after,
.sf-menu>li.current-menu-ancestor>a:after,
.sf-menu>li.current-page-ancestor>a:after,
.sf-menu>li>a:hover:before,
.sf-menu>li>a:hover:after {
    width: 100%;
    left: 0;
}


/***/


/* styling for both css and generated arrows
======================================================================== */

.sf-arrows .sf-with-ul:after {
    position: relative;
    content: '\f0d7';
    font-family: 'FontAwesome';
    font-size: 12px;
    font-weight: normal;
    right: 0;
    top: 50%;
    margin-left: 8px;
}

.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
    border-top-color: white;
    /* IE8 fallback colour */
    content: '\f0d8';
}


/* styling for right-facing arrows
======================================================================== */

.sf-arrows ul .sf-with-ul:after {
    margin-top: -12px;
    margin-right: 10px;
    border-color: transparent;
    border-left-color: #dfeeff;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255, 255, 255, .5);
    content: '\f0da';
    font-family: 'FontAwesome';
    font-size: 12px;
}

.sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
    border-left-color: white;
}


/* Superfish Vertical Menu
======================================================================== */


/* adding sf-vertical class in addition to sf-menu creates a vertical menu */

.sf-vertical {
    width: auto;
    min-width: 12em;
}

.sf-vertical.sf-menu {
    float: none;
}

.sf-vertical.sf-menu>li a {
    display: inline-block;
    padding: 0.6em;
}

.sf-vertical.sf-menu ul li a {
    display: block;
}

.sf-vertical ul {
    left: 100%;
    top: 0;
    text-align: left;
}

.sf-vertical>li {
    float: none;
    text-align: center;
}

.sf-vertical li {
    width: auto;
}


/*** alter arrow directions ***/

.sf-vertical.sf-arrows>li>.sf-with-ul:after {
    margin-top: -3px;
    margin-right: -14px;
    border-color: transparent;
    border-left-color: #dFeEFF;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255, 255, 255, .5);
}

.sf-vertical.sf-arrows li>.sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover>.sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after {
    border-left-color: white;
}


/* Mobile Menu
======================================================================== */

.iva-mobile-menu {
    display: none;
    position: relative;
    top: 0;
    background-color: #252525;
    padding: 0;
    z-index: 99999;
}

.iva-mobile-menu>ul {
    margin: 0 auto;
    padding: 0;
}

.iva_mmenu {
    display: table;
    margin: 0 auto;
}

.iva-mobile-menu ul li {
    list-style: none;
}

.iva-mobile-menu.iva_mobile_container>ul>li:first-child {
    padding-top: 10px;
}

.iva-mobile-menu.iva_mobile_container>ul>li:last-child {
    padding-bottom: 10px;
}

.iva-mobile-menu.iva_mobile_container>ul>li:last-child a {
    border-bottom: 0;
}

.iva-mobile-menu ul li a {
    border-bottom: 1px dotted #555555;
    position: relative;
    display: block;
    padding: 14px 0 !important;
    font-size: 13px;
    color: #999999;
    -webkit-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.iva-mobile-menu ul li.current-cat>a,
.iva-mobile-menu ul li.current_page_item>a,
.iva-mobile-menu ul li.current-page-ancestor>a,
.iva-mobile-menu ul li.current-menu-ancestor>a,
.iva-mobile-menu ul li a:hover {
    color: #ffffff;
}

.iva-mobile-menu ul li ul {
    display: none;
    margin-left: 20px;
}

.iva-children-indenter {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
    color: #999999;
}

.iva-children-indenter i {
    padding: 14px;
}

.iva-menu-open .iva-children-indenter {
    color: #757575;
}


/* ================================================================= */


/* Mega Menu Dropdown & Mobile Menu */


/* ================================================================= */

#iva_menu .iva-megamenu {
    position: inherit;
}

.sf-mega a,
.sf-mega li a {
    color: #ffffff;
    opacity: 0.8;
}

.sf-menu .sf-mega li a:hover,
.sf-menu .sf-mega li li a:hover {
    color: #ffffff;
    opacity: 1;
}

.sf-menu .sf-mega-wrap {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

.sf-mega {
    background-color: #343434;
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.sf-mega-wrap {
    max-width: 1160px;
    width: 100%;
}

.sf-mega ul {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sf-mega-section {
    display: table-cell;
    padding: 0;
    margin-right: 0;
}

.sf-mega-section:last-child {
    margin-right: 0;
    border-right: 0;
}

.sf-mega ul {
    position: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    display: block;
}

.sf-mega li {
    margin-left: 0;
}

.sf-mega ul li a {
    padding: 2px 0 !important;
}

.sf-mega .col_title {
    font-size: 15px;
    padding: 0;
    font-weight: 600;
    margin-bottom: 25px;
}

.sf-mega .mmcol-1 {
    width: 100%;
    padding: 15px 10px;
}

.sf-mega .mmcol-2 {
    width: 50%;
    padding: 15px 10px;
}

.sf-mega .mmcol-3 {
    width: 33.33%;
    padding: 15px 10px;
}

.sf-mega .mmcol-4 {
    width: 25%;
    padding: 15px 10px;
}

.sf-mega .mmcol-5 {
    width: 20%;
    padding: 15px 10px;
}

.iva_menu_icon {
    margin-right: 10px;
}


/*  === Sub Page Navigation  === */

#sidebar .widget_nav_menu .menu,
.sub_nav {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar .widget_nav_menu li ul,
.sub_nav li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar .widget_nav_menu li ul li a,
.sub_nav li ul li a {
    background: #f5f5f5;
    color: #999999;
    padding: 9px 15px 9px 30px;
}

#sidebar .widget_nav_menu li a,
.sub_nav li a {
    display: block;
    padding: 10px 25px;
    color: #666666;
}

#sidebar .widget_nav_menu li.current-menu-item a,
#sidebar .widget_categories li.current-cat a {
    border-left: 3px solid rgb(153, 11, 110);
}

#sidebar .widget_nav_menu .menu,
#sidebar .widget_categories ul {
    background: #f5f5f5;
    border-radius: 3px;
    padding: 5px;
    list-style: none;
    margin: 0;
    position: relative;
}

#sidebar .widget_nav_menu .menu li,
#sidebar .widget_categories li {
    position: relative;
}

#sidebar .widget_nav_menu .menu li:before {
    background-color: #e0e0e0;
    content: "";
    height: 1px;
    left: 15px;
    right: 15px;
    position: absolute;
    top: -1px;
}

#sidebar .widget_nav_menu .menu li:first-of-type:before {
    height: 0px;
}

#sidebar .widget_nav_menu .menu li.current_page_item:before,
.menu-item:before {
    display: none;
}

#sidebar .widget_nav_menu li a,
#sidebar .widget_categories li a {
    color: #444444;
    display: block;
    margin: 1px 0;
    padding: 12px 20px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

#sidebar .widget_nav_menu li a:hover {
    color: #333333;
    text-decoration: none;
}

.menuinline li {
    padding: 10px 15px;
    border: 1px groove rgba(0, 0, 0, 0.1);
    border-width: 1px 0;
}

.nav-horizontal ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-horizontal ul li {
    margin: 2px 8px;
    float: left;
}

.nav-horizontal ul li:first-child {
    margin-left: 0;
}

.nav-horizontal ul li:last-child {
    margin-right: 0;
}


/* Vertical Left Side Menu
======================================================================== */

.sidemenu {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    width: 250px;
    height: 100%;
    z-index: 6;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 0 4px 2px rgba(0, 0, 0, .15);
    box-shadow: 2px 0 4px 2px rgba(0, 0, 0, .15);
}

.vertical_leftmenu .sidebar-left {
    margin-left: 250px;
}

.boxed.vertical_leftmenu .sidebar-left {
    margin-left: 0;
}

.boxed.vertical_leftmenu {
    padding-left: 250px;
}

.vertical_leftmenu .inner {
    width: 94%;
}

.sidemenu .vertical_footerbar {
    border: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    line-height: 1.8;
    color: #777777;
    border-top: 1px solid #e1e1e1;
}

.sidemenu .inner {
    width: 100%;
    text-align: center;
}

.sidemenu .iva_socials i {
    float: none;
    font-size: 12px;
}

.sidemenu .header-area {
    display: table;
    position: relative;
    width: 100%;
}

.sidemenu .logo {
    padding: 50px 0;
    display: block;
    text-align: center;
    margin: 10px 0;
}

.sidemenu .menuwrap {
    display: block;
}

.sidemenu .alignright {
    float: left;
    text-align: left;
}

.boxed .sidebar-left {
    margin: 0 auto;
}

.iva_vertical_menu {
    padding: 50px 0;
}


/* Superfish Vertical Menu
======================================================================== */


/* adding sf-vertical class in addition to sf-menu creates a vertical menu */

.sf-vertical {
    width: auto;
    min-width: 12em;
}

.sf-vertical.sf-menu {
    float: none;
    margin: 0;
}

.sf-vertical.sf-menu>li a {
    display: inline-block;
    padding: 0.6em;
    width: 100%
}

.sf-vertical.sf-menu ul li a {
    display: block;
}

.sf-vertical ul {
    left: 100%;
    top: 0;
    text-align: left;
    margin: 0px;
    padding: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sf-vertical>li {
    float: none;
    text-align: center;
}

.sf-vertical li {
    width: auto;
}

.sf-vertical.sf-menu li.current-menu-item>a,
.sf-vertical.sf-menu li.current-menu-ancestor>a,
.sf-vertical.sf-menu li.current-page-ancestor>a,
.sf-vertical.sf-menu>li>a:hover {
    background: rgba(0, 0, 0, 0.05);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sf-vertical.sf-menu>li>a:after {
    height: 0px;
}


/*** alter arrow directions ***/

.sf-vertical.sf-arrows>li>.sf-with-ul:after {
    margin-top: -3px;
    margin-right: -14px;
    border-color: transparent;
    border-left-color: #dFeEFF;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255, 255, 255, .5);
}

.sf-vertical.sf-arrows li>.sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover>.sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after {
    border-left-color: white;
}


/* ================================================================= */


/* 07. Recent Post and Recent Comments                               */


/* ================================================================= */

#sidebar .widget_recent_comments ul,
#sidebar .widget_recent_entries ul {
    margin: 0;
}

#sidebar .widget_recent_comments ul li,
#sidebar .widget_recent_entries ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    padding-left: 0;
}

body .widget span.post-date {
    display: block;
    font-size: 13px;
    opacity: 0.5;
    margin-top: 1px;
}


/* ================================================================= */


/* 07. Sub Header                                                    */


/* ================================================================= */

#subheader {
    position: relative;
    margin: 0 auto;
    z-index: 4;
    padding: 30px 0;
    -webkit-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.05);
    background-color: #252525;
    -webkit-transition: height 500ms ease-in;
    -o-transition: height 500ms ease-in;
    transition: height 500ms ease-in;
}

.header_section #subheader,
.header_section .subheader_bg_image {
    background-image: none;
    background-color: transparent;
}


/*==== only for webkit  browsers ====*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #subheader {
        background-attachment: scroll !important;
    }
}

#subheader .page-title {
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 44px;
    font-weight: 600;
    color: #ffffff;
}

.subheader-inner {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    z-index: 3;
}

.subheader_bg_image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.subheader_bg_overlay {
    position: absolute;
    top: 0;
    background: #000000;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.subdesc {
    display: table-cell;
    padding-right: 50px;
    vertical-align: middle;
}

#subheader .customtext {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
    opacity: 0.70;
    margin: 10px 0 7px;
    color: #ffffff;
}

#subheader .customtext ul {
    font-size: 20px;
    line-height: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#subheader a {}

#subheader a:hover {}

#subheader.subdisabled {
    padding: 5px 0;
}

#subheader.sleft .customtext:after {
    left: 0;
    margin-left: 0;
}

#subheader.sright .customtext:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

body.archive #subheader .customtext {
    margin-top: 0;
}

body.archive #subheader .customtext:after {
    background: none;
    height: 0;
}

.sright .subdesc,
.sleft .breadcrumb-main {
    text-align: right;
}

.sleft .subdesc,
.sright .breadcrumb-main {
    text-align: left;
}

.scenter .subdesc,
.scenter .breadcrumb-main {
    text-align: center;
    margin: 0 auto;
    padding: 0;
    display: block;
}


/*=== Breadcrumbs === */

.breadcrumb-wrap {
    position: relative;
    max-width: 1160px;
    z-index: 4;
    width: 100%;
}

.breadcrumbs {
    color: #252525;
    font-size: 12px;
    line-height: 22px;
    margin: 0 0 6px;
    position: relative;
    text-transform: capitalize;
}

.breadcrumbs span {
    margin: 0 12px 10px 0;
}

.breadcrumbs span span {
    margin: 0;
}

.breadcrumbs a {
    color: #252525;
    opacity: 0.7;
}

.breadcrumbs a:hover {
    opacity: 1;
}

.breadcrumbs>span i.fa {
    color: inherit;
    opacity: 0.7;
}

.breadcrumb-main {
    padding: 25px 0 15px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.subheader-inner .breadcrumb-main {
    padding: 10px 0 0 0;
}

#subheader .breadcrumb-main {
    display: table-cell;
    padding-left: 50px;
    vertical-align: middle;
}

#subheader .breadcrumbs {
    color: #ffffff;
}

#subheader .breadcrumbs a {
    color: #ffffff;
}


/*=== Archives Page Title ====*/

.iva-main-title {
    border-left: 3px solid #eeeeee;
    margin-bottom: 50px;
    padding: 3px 0 3px 12px;
    line-height: 1em;
    font-weight: 400;
}

.sub_disabled .breadcrumb-wrap {
    position: relative;
    padding: 4px 2px;
    font-size: 10px;
    font-weight: bold;
    line-height: 23px;
    text-transform: uppercase;
    z-index: 4;
}


/* ================================================================= */


/* 08. Footer                                                        */


/* ================================================================= */


/* Footer Columns */

#footer {
    position: relative;
    background-color: #ffffff;
    background-size: cover;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    margin: 0 auto;
    padding: 0;
    color: #757575;
    /* color: rgba(255, 255, 255, 0.6); */
}

.footer-area-top {
    background-color: #757575;
    margin: 0 auto;
    padding: 25px 0;
}

.footer-area-bottom {
    background-color: #ffffff;
    color: #757575;
    margin: 0 auto;
    letter-spacing: 0.5px;
    padding: 20px 0 18px 0;
}

.footer-area-top .widget,
.footer-area-bottom .widget {
    margin: 0;
}

.footer-area-middle {
    margin: 0 auto;
    /* padding: 25px 0 10px 0; */
}

.footer-area-middle .inner-row {
    margin-left: -15px;
    margin-right: -15px;
}

.footer-area-middle .widget {
    padding-left: 15px;
    padding-right: 15px;
}

.footer-area-middle .widget a {
    color: #757575;
    opacity: 0.6;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.footer-area-middle .widget a:hover {
    color: #757575;
    opacity: 1;
    text-decoration: none;
}

#footer a {
    color: #757575;
    opacity: 0.6;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

#footer a:hover {
    opacity: 1;
    text-decoration: none;
}

#footer .widget ul,
#footer .widget ol {
    list-style: outside none none;
    margin-left: 0;
}


/*=== Copyright ==== */

.copyright {
    background-color: #191b29;
    padding: 15px 0;
    position: relative;
}

.copyright p {
    margin-bottom: 0;
}

.copyright_left {
    float: left;
    width: 50%;
    text-align: left;
    line-height: 35px;
}

.copyright_right {
    float: right;
    width: 50%;
    text-align: right;
    line-height: 35px;
}

.copyright a {
    color: #ffffff;
    opacity: 0.7;
}

.copyright a:hover {
    color: #ffffff;
    opacity: 1;
}

.at-footer-branches {
    margin-left: 5px;
    font-size: 12px;
    padding: 5px 12px;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    border-radius: 3px;
}

.at-footer-branches:after {
    content: '\f106';
    font-family: 'Fontawesome';
    margin-left: 10px;
}

.at-footer-branches.at-toggleOpen:after {
    content: '\f107';
}

#footer a.at-footer-branches {
    color: #ffffff;
}

.footer-branches {
    position: relative;
    padding: 40px 0;
}

.footer-branches .widget-title {
    display: none;
}


/* ================================================================= */


/* 09. Widgets & Sociables                                           */


/* ================================================================= */

.widget {
    margin: 0 0 45px 0;
}

.widget ul,
.widget ol {
    margin: 0 0 1.75em 1.3em;
    list-style: none;
}

.widget ul ul,
.widget ol ol {
    margin: 0 0 0 1.25em;
    padding: 0;
}

.widget ul ul {
    margin-bottom: 0;
}

.widget ul li {
    background-repeat: no-repeat;
    word-wrap: break-word;
}

.widgettitle,
.widget-title {
    font-size: 1em;
    line-height: 1.1em;
    margin: 0 0 15px 0;
    vertical-align: middle;
    color: #222222;
}

#footer .widgettitle,
#footer .widget-title {
    color: #757575;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 26px;
    margin-bottom: 30px;
}

#sidebar select {
    padding: 8px 5px;
    width: 100%;
}

.widget a {
    color: #757575;
}

.widget a:hover {
    color: #666666;
}


/*=== Comments === */


/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
    height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.entry-content img,
.post-thumbnail img {
    height: auto;
    max-width: 100%;
}


/*=== Text Widget Order List Items ==== */

.textwidget ol {
    counter-reset: li;
    /* Initiate a counter */
    list-style: none;
    /* Remove default numbering */
    padding: 0;
    margin-bottom: 4em;
}

.textwidget ol ol {
    margin: 0 0 0 2em;
    /* Add some left margin for inner lists */
}


/*=== Sociables ==== */

.iva_socials {
    list-style: none;
    margin: 0;
    padding: 0;
}

.iva_socials li a,
.iva_socials li a:hover {
    color: rgba(255, 255, 255, 0.70) !important;
}

.iva_socials li {
    display: inline-block;
    margin: 0 2px;
    padding: 1px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 32px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 50px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.iva_socials .facebook {
    background-color: #3B5998;
}

.iva_socials .twitter {
    background-color: #00A0D1;
}

.iva_socials .beatport {
    background-color: #B6DD36;
}

.iva_socials .dribbble {
    background-color: #ea4c88;
}

.iva_socials .flickr {
    background-color: #FE0883;
}

.iva_socials .deviant {
    background-color: #5C7062;
}

.iva_socials .blogger {
    background-color: #FF8833;
}

.iva_socials .google-plus {
    background-color: #C63D2D;
}

.iva_socials .linkedin {
    background-color: #0077b5;
}

.iva_socials .instagram {
    background-color: #b77f5f;
}

.iva_socials .pinterest-p {
    background-color: #910101;
}

.iva_socials .reddit {
    background-color: #6CC0FF;
}

.iva_socials .rss {
    background-color: #FA9B39;
}

.iva_socials .stumbleupon {
    background-color: #EB4924;
}

.iva_socials .soundcloud {
    background-color: #FE531B;
}

.iva_socials .tumblr {
    background-color: #34526F;
}

.iva_socials .youtube {
    background-color: #C4302B;
}

.iva_socials .vimeo-square {
    background-color: #0caed4;
}

.iva_socials .digg {
    background-color: #910101;
}

.iva_socials .adn {
    background-color: #cc0001;
}

.iva_socials .android {
    background-color: #77c159;
}

.iva_socials .behance {
    background-color: #1377ff;
}

.iva_socials .delicious {
    background-color: #0000ff;
}

.iva_socials .lastfm {
    background-color: #d20039;
}

.iva_socials .skype {
    background-color: #02b4eb;
}

.iva_socials .whatsapp {
    background-color: #2db11f;
}

.iva_socials .yahoo {
    background-color: #65106e;
}

.iva_socials .yelp {
    background-color: #b4282e;
}

.iva_socials .vk {
    background-color: #4c75a3;
}

.iva_socials .paypal {
    background-color: #00488c;
}

.iva_socials .dropbox {
    background-color: #3277e3;
}

.iva_socials .deviantart {
    background-color: #04CC47;
}

.iva_sociables_black li:hover {
    background-color: #222222;
}

ul.atpsocials li.facebook:hover {
    background-color: #3B5998
}

ul.atpsocials li.linkedin:hover {
    background-color: #0077b5;
}

ul.atpsocials li.twitter:hover {
    background-color: #00A0D1;
}

ul.atpsocials li.youtube:hover {
    background-color: #C4302B;
}

ul.atpsocials li:hover a {
    color: #ffffff;
}

ul.atpsocials li a {
    color: #3b3b3b;
}

.iva_socials li a:hover {
    color: #ffffff;
}

ul.atpsocials li {
    margin: 0 3px 3px 0;
    line-height: 24px;
}

.at-social-link {
    color: #444444;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin-right: 0;
    padding: 2px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
}

.at-social-link:hover {}


/* ================================================================= */


/* 10. Blot Post                                                     */


/* ================================================================= */

.entry-title a {
    color: #22222b;
}

.entry-title a:hover {
    text-decoration: none;
}

.singlepost .entry-content>p:nth-child(1) {
    font-size: 21px;
}

.singlepost .entry-content>p:first-of-type:first-letter {
    float: left;
    margin: 10px 10px 0 0;
    font-size: 60px;
    font-weight: bold;
    line-height: 45px;
    color: #757575;
}

.entry-meta>span {
    display: inline-block;
    font-size: small;
}

.entry-meta>span a {
    color: #222;
}

.entry-meta>span a:hover {
    text-decoration: underline;
}

.entry-meta>span:after {
    content: "";
    margin: 0 15px;
    font-size: 14px;
    border-right: 1px dotted rgba(0, 0, 0, 0.15);
}

.entry-meta span:last-child:after {
    border-right: 0;
}

.entry-meta span.iva-love-count::after {
    margin: 0;
}

.entry-meta span.iva-pm-featured:after {
    content: "";
}

.post-password-form {
    position: relative;
}

.post-password-form> :last-child {
    margin-bottom: 0;
}

.post-password-form input[type="password"] {
    position: relative;
    width: 100%;
}

.post-password-form input[type="submit"] {
    padding: 0.7917em;
    position: absolute !important;
    right: 0;
    bottom: 0;
}

article.post:not(.singlepost,
.at-blog-list-v1) {
    margin-bottom: 40px;
}

article.post:not(.singlepost) .postimg {
    position: relative;
    display: inline-block;
    width: 40%;
    float: left;
    margin: 0 4% 0 0;
}

article.singlepost .postimg {
    margin: 0 0 30px 0;
}

article.post .postimg-flat {
    display: block;
    width: 100%;
    margin: 0 0 2% 0;
}

.iva-post-content {
    position: relative;
    overflow: hidden;
}

article.post:not(.singlepost) {
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.page-template-template-blog article.post:not(.singlepost) {
    margin-bottom: 40px;
}

article.post:last-child {
    border: 0;
}

.entry-header .entry-title {
    margin: 0 0 10px 0;
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 10px;
    font-weight: 600;
    letter-spacing: -1px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
    color: #222222;
}

.leftsidebars article.post .entry-content,
.leftsidebars article.post .postimg,
.leftsidebars article.post .entry-header {
    margin-left: 40px;
}

.rightsidebars article.post .entry-content,
.rightsidebars article.post .postimg,
.rightsidebars article.post .entry-header {
    margin-right: 40px;
}

article.hentry .entry-header,
article.post .entry-header {
    padding-bottom: 2%;
}

article.post .more-link {
    display: table;
    margin-top: 20px;
}

article.post .more-link:hover {
    text-decoration: none;
    color: #222;
}

.post .sub-title {
    margin-bottom: 0;
    color: #B2B2B6;
    position: relative;
}

.post .quote {
    padding: 20px;
    background: #FFFFFF;
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    margin: 0;
    font-family: Georgia, Times, Serif;
    border-radius: 3px;
}

.post .quote span {
    display: block;
    font-size: 14px;
    color: #999;
    text-align: left;
}

.post .quote span:before {
    content: "\2014 \00A0";
}

.post_desc_holder {
    margin: 0 0 50px 0;
}

.post_desc .entry-title {
    margin-bottom: 5px;
}

.post_desc .more-link {
    margin-top: 5px;
}

.entry-content .wp-audio-shortcode {
    margin-bottom: 20px;
}

.iva-search-restult {
    padding: 30px 0;
}


/* Read More Link */


/*====================================*/

.comment-reply-link:hover::after,
.more-link:hover::after,
.read_more:hover span:after {
    content: '\f105';
    font-family: "FontAwesome";
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    right: -15px;
    opacity: 1;
    position: absolute;
    line-height: 21px;
}

.comment-reply-link::after,
.more-link::after,
.read_more span:after {
    content: '\f105';
    font-family: fontawesome;
    position: absolute;
    right: -5px;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.comment-reply-link,
.more-link,
.read_more span {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    color: #343434;
}

.more-link {
    margin-top: 20px;
}


/*=== Hover Image ==== */

.hoverimg,
.view,
.sort_img {
    position: relative;
}

.hoverimg img,
.view img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 3px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.layout-half .postimg {
    width: 65%;
    float: left;
    display: inline;
    margin-right: 5%;
}

.layout-half .two_third,
.layout-half .one_third {
    width: 100%;
    margin-right: 0;
    float: none;
}


/*=== Post Single Pagination === */

.singlepostlists {
    overflow: hidden;
    margin: 0 0 20px;
    padding: 20px 0;
}

.singlepostlists ul {
    margin: 0;
    padding: 0;
}

.singlepostlists li {
    background-position: 0 8px;
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 0;
}


/* Related Posts Single Post */

.iva-related-posts {
    padding-top: 50px;
}

.iva-related-posts ul {
    margin-bottom: 0;
}

.iva-related-posts a:hover {
    color: #000000;
}

.related-date {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.07);
    padding: 0px 8px;
    font-size: small;
    border-radius: 3px;
}


/*=== Custom Select Wrapper ==== */

.select_wrapper {
    background-color: #fff;
}

.select_wrapper:hover {
    background-color: #fff;
    border-color: #bbb #eee #eee #bbb;
    color: #333;
}

.select_wrapper span {
    height: 26px;
    line-height: 26px;
    position: absolute;
    z-index: 0;
    padding-left: 3px;
}

select.select {
    cursor: pointer;
    height: 28px;
    margin: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 4;
}


/*=== Pagination ==== */

.paging-navigation {
    margin-bottom: 30px;
}

.pagination {
    line-height: 38px;
}

.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active,
.pagination span.current {
    padding: 8px 14px;
    margin: 0 2px;
    font-size: 16px;
    font-weight: bold;
    color: #757575;
    border: 2px solid transparent;
    text-decoration: none;
}

.pagination a:hover,
.pagination span.current {
    border-color: #757575;
    color: #757575;
}

.pagination span.extend {
    color: #919191;
    float: right;
    font-size: 11px;
    line-height: 35px;
}


/*=== Page links ===*/

.page-links {
    clear: both;
    font-size: 12px;
    font-weight: 900;
    line-height: 2;
    margin: 24px 0;
    text-transform: uppercase;
}

.page-links a,
.page-links>span {
    display: inline-block;
    height: 30px;
    margin: 0 2px 2px 0;
    text-align: center;
    width: 30px;
    font-size: 12px;
    line-height: 28px;
    border-radius: 3px;
}

.page-links a {
    background: #444444;
    border: 1px solid #444444;
    color: #fff;
    text-decoration: none;
}

.page-links a:hover {
    background: #222222;
    border: 1px solid #222222;
    color: #999999;
}

.page-links>.page-links-title {
    height: auto;
    margin: 0;
    padding-right: 7px;
    width: auto;
}


/*=== Next Previous Navigation ===*/

.iva-np-headwrap {
    display: table;
    min-height: 100px;
    margin: 0 0 40px 0;
    background-color: #FFFFFF;
    width: 100%;
    position: relative;
}

.iva-np-allitems {
    background-color: #FFFFFF;
    display: table-cell;
    width: 100px;
    min-height: 100px;
    vertical-align: middle;
    z-index: 2;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 0px 10px rgba(235, 235, 235, 1);
    box-shadow: inset 0px 0px 0px 5px rgba(235, 235, 235, 1);
    border-radius: 20px;
}

.iva-np-allitems a {
    color: #666666;
    margin: auto;
    vertical-align: middle;
}

.iva-np-title {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

.iva-np-title h2 {
    margin-bottom: 0;
    font-weight: bold;
}

.iva-np-navs {
    display: table-cell;
    width: 100px;
    min-height: 100px;
    background-color: #FFFFFF;
    z-index: 3;
    -webkit-box-shadow: inset 0px 0px 0px 10px rgba(235, 235, 235, 1);
    box-shadow: inset 0px 0px 0px 5px rgba(235, 235, 235, 1);
    border-radius: 20px;
}

.iva-np-pagination {
    vertical-align: middle;
    margin: auto;
    display: table;
}

.iva-np-pagination i {
    padding: 38px 17px;
}

.iva-np-pagination a {
    display: table-cell;
    color: #666666;
}

.iva-np-pagination a:hover {
    color: #757575
}


/*=== Author Info Box === */

#about-author {
    background-color: #f5f5f5;
    margin-top: 50px;
    padding: 30px 25px;
    border-width: 1px 0;
}

.author_containter {
    position: relative;
}

.author-avatar {
    float: left;
    margin: 0 25px 0 0;
}

.author-description p {
    margin-bottom: 0px;
    color: #222;
    font-size: 13px;
    line-height: 24px;
}

#about-author h4 {
    font-weight: 600;
    margin-bottom: 7px;
    font-size: 18px;
}

.author-description {
    overflow: hidden;
}


/*=== Share this post ==== */

.sharing-box {
    display: table;
    width: 100%;
    padding: 15px 0;
    margin-top: 40px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-width: 1px 0 1px 0;
}

.sharing-box h4 {
    display: table-cell;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 0px;
    letter-spacing: 0.2em;
}

.sharing-box-ico {
    display: table-cell;
    vertical-align: middle;
    float: right;
    font-size: 11px;
    margin: 0;
    list-style: none outside none;
}

.sharing-box-ico li {
    display: inline-block;
    position: relative;
    padding: 0 20px;
    margin: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}

.sharing-box-ico li:first-child {
    border: none;
}

.sharing-box-ico li a {
    color: #999999;
}

.sharing-box-ico li a:hover {
    color: #222222;
}


/*=== Comments ==== */

.comments-title {
    font-size: 22px;
}

.comment-list {
    list-style: none;
    margin: 0 0 48px 0;
}

.comments-area {
    padding-top: 50px;
}

.comments-area .comment-body {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
}

.comment-edit-link {
    margin-left: 10px;
}

.comments-area .comment-author {
    position: relative;
    display: block;
    font-size: 14px;
}

.comments-area .comment-author .avatar {
    float: left;
    margin-right: 21px;
}

.comments-area .comment-content {
    clear: both;
    margin-top: 20px;
    padding-left: 80px;
}

.comment-meta .fn {
    font-style: normal;
    font-weight: bold;
}

.comment-list .reply,
.comment-metadata {
    font-size: 12px;
}

.comment-author a {
    color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
    color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
    color: #757575;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 24px;
    padding-top: 24px;
}

.comment-list>li:first-child>article,
.comment-list>.pingback:first-child,
.comment-list>.trackback:first-child {
    border-top: 0;
}

.comment-content {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 24px 22px;
}

.comment-content li>ul,
.comment-content li>ol {
    margin-bottom: 0;
}

.comment-content> :last-child {
    margin-bottom: 0;
}

.comment-list .children {
    list-style: none;
    margin-left: 30px;
}

.comment-respond {
    margin-top: 50px;
}

.comment-reply-title {
    font-size: 20px;
}

.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
    color: #767676;
}

.comment-awaiting-moderation,
.logged-in-as {
    font-size: 14px;
    line-height: 1.7142857142;
}

.no-comments {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase;
}

.comment-form label {
    display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
    font-size: 12px;
    line-height: 1.5;
}

.required {
    color: #c0392b;
}

.comment-reply-title small a {
    color: #2b2b2b;
    float: right;
}

.comment-reply-title small a:hover {
    color: #757575;
}


/* Post Navigation */

.navigation-section {
    padding-top: 50px;
}

.post-navigation {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    font-weight: 700;
}

.post-navigation a {
    display: block;
    padding: 2% 1%;
}

.post-navigation span {
    display: block;
}

.post-navigation .meta-nav {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-size: 12px;
    font-size: 1rem;
    letter-spacing: 0.04em;
    line-height: 1.5;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

.post-navigation .post-title {
    font-size: 18px;
    font-size: 1.5rem;
    line-height: 1.3333;
    position: relative;
    z-index: 2;
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
    background-position: center;
    background-size: cover;
    position: relative;
}

.post-navigation a:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.post-navigation a:hover:before,
.post-navigation a:focus:before {
    opacity: 0.5;
}

.post-navigation .meta-nav {
    opacity: 0.7;
}

.post-navigation div+div {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}


/* Comment Navigation */

.image-navigation,
.comment-navigation {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin: 0 7.6923% 2.1538461538em;
    padding: 1.0769230769em 0;
}

.comment-navigation {
    margin-right: 0;
    margin-left: 0;
}

.comments-title+.comment-navigation {
    margin-bottom: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
    display: inline-block;
}

.image-navigation .nav-previous:not(:empty)+.nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty)+.nav-next:not(:empty):before {
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.538461538em;
}


/* Comment Form */

.post-password-form input[type="password"],
.comment-form input[type="text"],
.comment-form textarea {
    margin-bottom: 0px !important;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid #eeeeee;
    border-color: #cccccc #eeeeee #eeeeee #cccccc;
    padding: 8px;
    border-radius: 3px;
    -webkit-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.post-password-form input[type="password"]:focus,
.comment-form input[type="text"]:focus,
.comment-form textarea:focus {
    border-color: #cccccc #eeeeee #eeeeee #cccccc;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.comment-form textarea {
    width: 100%;
}


/*=== Recent Posts  and Popular Posts ==== */

.widget_postslist {
    padding: 0;
}

.widget_postslist ul {
    margin: 0;
    padding: 0;
}

.widget_postslist ul li {
    padding: 10px 0 !important;
    list-style: none;
}

#footer .widget_postslist ul li {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}

.widget_postslist li:first-child {
    padding-top: 10px;
}

.widget_postslist li:last-child {
    background: none;
}

.widget_postslist p {
    font-size: 13px;
    margin-top: 3px;
    padding: 0;
    margin-bottom: 0px;
}

.widget_postslist li .thumb {
    display: inline-block;
    float: left;
    padding-right: 15px;
    width: 35%;
}

.textright.widget_postslist li .thumb {
    float: right;
    margin: 0 0 0 10px;
}

.widget_postslist li .w-postmeta {
    font-size: 12px;
}

.widget_postslist li .w-postmeta:before {
    font-family: fontawesome;
    content: "\f017";
    padding-right: 8px;
    color: #757575;
    font-size: 14px;
}

.widget_postslist li .pdesc {
    overflow: hidden;
    line-height: 131%;
}

.widget_postslist li .pdesc a {
    font-weight: 600;
}

.widget_postslist li .pdesc a:hover {
    color: #757575 !important;
}


/*=== Mail Chimp Widget CSS === */

#footer .mc4wp-form {
    margin-top: 15px;
    position: relative;
}

#footer .mc4wp-form p {
    margin-bottom: 0;
}

#footer .mc4wp-form input {
    border: medium none;
    font-size: 14px;
    height: 45px;
}

#footer .mc4wp-form input[type="email"] {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    width: 97%;
    padding: 8px 12px;
}

#footer .mc4wp-form input[type="submit"] {
    border-radius: 0 2px 2px 0;
    color: #fff;
    font-family: inherit;
    height: 45px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    top: 0;
}


/*=== Wordpress Tags Cloud === */

.widget.widget_tag_cloud .tagcloud,
.widget.widget_product_tag_cloud .tagcloud {
    font-size: 0;
}

.widget.widget_tag_cloud .tagcloud a,
.widget.widget_product_tag_cloud .tagcloud a {
    display: inline-block;
    vertical-align: top;
    padding: 3px 10px 3px;
    font-size: 13px !important;
    color: #777;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin: 0 6px 7px 0;
    text-decoration: none;
    text-transform: lowercase;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.widget.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud .tagcloud a:active,
.widget.widget_product_tag_cloud .tagcloud a:hover,
.widget.widget_product_tag_cloud .tagcloud a:active {
    background-color: #757575;
    color: #fff;
    border: 1px solid #757575;
    text-decoration: none;
}

.singlepost .tagcloud a {
    background-color: #757575;
    color: #ffffff;
    border: 1px solid transparent;
    display: block;
    float: left;
    opacity: 0.5;
    margin: 5px 5px 0 0;
    padding: 0px 8px;
    border-radius: 3px;
    font-size: small;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.singlepost .tagcloud a:hover {
    opacity: 1;
}

.taglist {
    margin: 0;
    padding: 0;
    border: none;
}

.emptybg {
    display: block;
    height: 40px;
    color: #000000;
    padding-top: 20px;
    position: relative;
    text-align: center;
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 3px;
}


/* Third Party Plugins Custom CSS
 * Do not edit below css unless you know what you are doing


/*=================================================================*/


/* 11. Testimonials page                                           */


/*=================================================================*/

.testimonial_sub input.txtfield,
.testimonial_sub textarea {
    margin-bottom: 0px !important;
    background-color: #ededed;
    border: 1px solid #dddddd;
    border-color: #cccccc #eeeeee #eeeeee #cccccc;
    padding: 8px;
    font-size: 12px;
    border-radius: 2px;
    -webkit-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.testimonial_sub input.txtfield:focus,
.testimonial_sub textarea:focus {
    background-color: #ffffff;
    border-color: #cccccc #eeeeee #eeeeee #cccccc;
    -webkit-box-shadow: 0 0 2px 1px #757575;
    box-shadow: 0 0 2px 1px #757575;
}

.select_wrapper span,
.select_wrapper span {
    height: 26px;
    line-height: 26px;
    position: absolute;
    z-index: 0;
    padding-left: 10px;
}

select.select {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 28px;
    z-index: 4;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

select :disabled {
    background-color: red;
}

.events-page {
    padding-top: 40px;
    padding-bottom: 40px;
}


/* Gallery
======================================================================== */

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
    display: block;
}

.gallery {
    margin-bottom: 20px;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}

.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


/* ================================================================= */


/* 12. Contact Info                                                  */


/* ================================================================= */

#footer .contactinfo-wrap,
#footer .contactinfo-wrap .details,
#footer .contactinfo-wrap p {
    border: 0;
    margin-bottom: 8px;
    font-weight: 600;
}

.contactinfo-wg {
    margin-bottom: 40px;
}

.contactinfo-wrap {
    position: relative;
    border-style: solid;
    border-color: inherit;
}

.contactinfo-wrap p {
    margin-bottom: 8px;
    padding: 0;
}

.contactinfo-wrap .icon {
    display: inline-block;
    width: 28px;
    vertical-align: top;
    line-height: 22px;
}

.contactinfo-wrap .details {
    display: inline-block;
}

#footer .contactinfo-wrap .icon {
    color: #757575;
}


/* ================================================================= */


/*  14. ToolTip                              					     */


/* ================================================================= */

.iva_tip,
.labora_tip {
    position: relative;
    font-size: 16px;
}


/*.ttip {
    display: none;
    position: absolute;
    top: -40px;
    padding: 0.5em 1em;
    font-size: 13px;
	white-space: nowrap;
    background: #22222b;
    color: #D1D1DE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	z-index: 99;
}*/

.sharing-box-ico .ttip {
    bottom: 25px;
}

.ttip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-top-color: inherit;
    border-top: 6px solid #333333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}


/* ================================================================= */


/* 15. WP Defaults                                                   */


/* ================================================================= */


/**
 * Alignments
 */

.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}

blockquote.alignleft {
    margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
    margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
    margin-bottom: 1.473684211em;
}


/* ================================================================= */


/* 16. Miscellaneous CSS                                             */


/* ================================================================= */


/*==== Back to top ==== */

#back-top {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 999;
}


/* arrow icon (span tag) */

#back-top span {
    display: block;
    padding: 3px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #757575;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

#back-top a {
    color: #ffffff;
}

#back-top a:hover {
    color: #f5f5f5;
}


/*==== 404 Error ==== */

.wrap404 {
    background-color: #FFFFFF;
}

.error_404 {
    position: relative;
    margin: 100px auto;
    display: table;
    width: 100%;
    max-width: 1160px;
    text-align: center;
}

.error_404 h2 {
    font-size: 120px;
    line-height: 100px;
    margin-bottom: 50px;
}

.error_404 h5 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
}

body.error404.logged-in {
    background-image: none;
    background-color: #FFFFFF;
}


/*====  Hide-Spearch Popup Box === */

.act {
    display: none;
}


/* Widgets:INSTAGRAM FEEDS
-------------------------------------------------------------------- */

.iva_instagram__wrap {
    position: relative;
}

.iva_instagram__inner {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    max-width: 1100px;
    margin: 0 auto;
    z-index: 2;
}

.iva_instagram__content {
    text-align: center;
    color: #ffffff;
}

.iva_instagram .one_fifth {
    width: 20%;
    margin: 0 !important;
}

.iva_instagram {
    margin: 0;
    padding: 0;
    list-style: none;
}

.iva_instagram li {
    display: inline-block;
    float: left;
    width: auto;
    background-color: #000000;
}

.iva_instagram li img {
    max-width: 100%;
    width: auto;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.iva_instagram li img:hover {
    opacity: 1;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none
}

.iva_instagram li a {
    display: block;
}

.iva_instagram li {
    margin: 0;
    padding: 0;
}

.iva_instagram_title {
    font-size: 50px;
    line-height: 52px;
    color: #ffffff;
    letter-spacing: -2px;
}

.iva_instagram_desc {
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
}

.iva_instagram_desc a {
    color: #ffffff;
    opacity: 0.7;
}

.iva_instagram_desc a:hover {
    opacity: 1;
}


/* Page Loader
-------------------------------------------------------------------- */

.labora_page_loader {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    text-align: center;
    background-image: url('../images/svg-loaders/grid.svg');
    background-repeat: no-repeat;
    background-color: #22222b;
    background-position: center center;
    background-size: 30px 30px;
}

.vc_column_container {
    min-height: 0px;
}


/*  Map
-------------------------------------------------------------------- */

.iva_map {
    width: 100%;
}

.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}

.header-style5 .sf-menu>li>a,
.header-style5 .primarymenu>li>a {
    color: #ffffff;
}

.opac60 {
    opacity: 0.7;
}

.iva_frontpage .speaker-title a {
    color: #FFFFFF;
}

.iva_frontpage .speaker-desc>span {
    color: #FFFFFF;
}


/*=================================================================*/


/* Contact Form 7 Styling                                          */


/*=================================================================*/

.wpcf7 .email-subscription {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 45px;
}

.vacancy_data_list {
    padding: 20px;
    position: relative;
    margin: 10px 5px;
    display: inline-block;
}

.vacancy_data_desc .info {
    margin-right: 30px;
    margin-left: 30px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
}

.info .vacancy_data_i {
    margin-right: 6px;
    display: inline-block;
}

.info .vacancy_data_title {
    line-height: 15px;
}

.info .vacancy_data_desc {
    display: block;
    line-height: 15px;
}


/* Footer Columns */

.footer-area-middle .col_1,
.footer-area-middle .col_2,
.footer-area-middle .col_3,
.footer-area-middle .col_4,
.footer-area-middle .col_5,
.footer-area-middle .col_6,
.footer-area-middle .col_7,
.footer-area-middle .col_8,
.footer-area-middle .col_9,
.footer-area-middle .col_10,
.footer-area-middle .col_11,
.footer-area-middle .col_12 {
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-bottom: 15px;
}

.footer-area-middle .col_1 {
    width: 8.33333%;
}

.footer-area-middle .col_2 {
    width: 16.66667%;
}

.footer-area-middle .col_3 {
    width: 25%;
}

.footer-area-middle .col_4 {
    width: 33.33333%;
}

.footer-area-middle .col_5 {
    width: 41.66667%;
}

.footer-area-middle .col_6 {
    width: 50%;
}

.footer-area-middle .col_7 {
    width: 58.33333%;
}

.footer-area-middle .col_8 {
    width: 66.66667%;
}

.footer-area-middle .col_9 {
    width: 75%;
}

.footer-area-middle .col_10 {
    width: 83.33333%;
}

.footer-area-middle .col_11 {
    width: 91.66667%;
}

.footer-area-middle .col_12 {
    width: 100%;
}


/* Gallery Single Page*/

.custompost_details {
    overflow: hidden;
}

.labora-title {
    font-size: 28px;
    margin-bottom: 5px;
}

.labora-title span {
    font-size: 18px;
}

.hover_type {
    display: none;
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
}

.hover_type a {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hover_type.selected {
    display: block !important;
    opacity: 1 !important;
}

.hover_type a.hovergallery {
    background-image: url('../images/icon_gallery.png');
}

.hover_type a.hoverimage {
    background-image: url('../images/icon_image.png');
}

.hover_type a.hovergallery:hover,
.hover_type a.hoverimage:hover {
    background-color: #757575;
}


/*Form CSS*/

textarea,
select,
input[type="text"],
input[type="email"],
input[type="password"] {
    display: block;
    width: 100%;
    color: #5f5f5f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    background-color: #ededed;
    border: 1px solid #dddddd;
    border-color: #cccccc #E7E7E7 #E7E7E7 #cccccc;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 15px;
    outline: 0;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    background-color: #ffffff;
    -webkit-box-shadow: inset 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 200ms ease-in 0s;
    -o-transition: all 200ms ease-in 0s;
    transition: all 200ms ease-in 0s;
}

input[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error {
    border-bottom: 2px solid #cc2a2a !important;
}

.iva_message_box {
    background-color: #f6f6f6;
    border-color: #e1e1e1;
    margin: 20px 0;
    position: relative;
    text-align: center;
}

.iva_message_box.iva-box-large {
    padding: 35px;
}

.iva_message_box.iva-box-solid {
    border: 2px solid;
}

.iva_message_box.success,
.iva_message_box.success a {
    color: #4F5F39;
    border-color: #b0cbaa;
    background-color: #d7f8cf;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}


/*=================================================================*/


/*   08. Shortcodes                                        */


/*=================================================================*/

.rightsidebar #sidebar .content {
    padding: 80px 0 50px 40px;
    border-left: 1px solid #e1e1e1;
    margin-left: -1px;
}

.rightsidebar .sub_nav li.current_page_item>a {
    background-image: url(../images/sub_arrowleft.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}

.sticky-sidebar .rightsidebar .sub_nav li>a:hover {
    /*background-color: #ccc;*/
}

.sticky-sidebar .sub_nav li.current_page_item>a {
    color: #FFFFFF;
    background-color: #757575;
}

.sub_nav li a {
    display: block;
    padding: 10px 30px;
    border: 1px solid #e8e8e8;
    border-bottom-color: #eeeeee
}


/* extra codes */

.bg-img4 {
    background-image: url(../../images/row-bgimage-4.png);
    /* background-repeat: no-repeat; */
    background-position: center;
}

.bg-img3 {
    background-image: url(../../images/1.jpg);
    /* background-repeat: no-repeat; */
    background-position: center;
}

.bg-img2 {
    background-image: url(../../images/row-bgimage-3.jpg);
    /* background-repeat: no-repeat; */
    background-position: center;
}

.bg-img1 {
    background-image: url(../../images/row-bgimage-9.png);
    /* background-repeat: no-repeat; */
    background-position: center;
}

.business {
    background-color: #757575bd;
}

.style2 {
    color: #FFFFFF;
}

.style2:hover {
    display: block;
    height: 100%;
    opacity: 1;
    background-color: #252525b8;
}

.zoom {
    /* padding: 15px; */
    transition: transform .2s;
    /* Animation */
    width: 190px;
    height: 190px;
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.2);
    /* (150% zoom)*/
}

path {
    fill-rule: evenodd;
}


/*----------------------------------------------------
      Preloader
----------------------------------------------------*/

.no-scroll-y {
    overflow-y: hidden;
}


/* Preloader */

.ctn-preloader {
    align-items: center;
    cursor: none;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 900;
}

.ctn-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
}


/* Spinner cargando */

.ctn-preloader .animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: #6951fe;
    /* No se identa por orden alfabetico para que no lo sobre-escriba */
    height: 9em;
    margin: 0 auto 3.5em auto;
    width: 9em;
}


/* Texto cargando */

.ctn-preloader .animation-preloader .txt-loading {
    font: bold 5em 'Montserrat', sans-serif;
    text-align: center;
    user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    animation: letters-loading 4s infinite;
    color: #757575;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotateY(-90deg);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
    color: #363634;
    position: relative;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    animation-delay: 1.4s;
}

.ctn-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.ctn-preloader .loader-section.section-left {
    left: 0;
}

.ctn-preloader .loader-section.section-right {
    right: 0;
}


/* Efecto de fade en la animación de cargando */

.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}


/* Efecto de cortina */

.loaded .loader-section.section-left {
    transform: translateX(-101%);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

.loaded .loader-section.section-right {
    transform: translateX(101%);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}


/* Animación del preloader */

@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}


/* Animación de las letras cargando del preloader */

@keyframes letters-loading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}


/* Tamaño de portatil hacia atras (portatil, tablet, celular) */

@media screen and (max-width: 767px) {
    /* Preloader */
    /* Spinner cargando */
    .ctn-preloader .animation-preloader .spinner {
        height: 8em;
        width: 8em;
    }
    /* Texto cargando */
    .ctn-preloader .animation-preloader .txt-loading {
        font: bold 3.5em 'Montserrat', sans-serif;
    }
}

@media screen and (max-width: 500px) {
    /* Prelaoder */
    /* Spinner cargando */
    .ctn-preloader .animation-preloader .spinner {
        height: 7em;
        width: 7em;
    }
    /* Texto cargando */
    .ctn-preloader .animation-preloader .txt-loading {
        font: bold 2em 'Montserrat', sans-serif;
    }
}

.new {
    width: 40% !important;
    margin-left: 14% !important;
}

.about-container {
    height: 400px;
    position: relative;
    /* border: 3px solid green; */
}

.about-caption {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.span {
    font-weight: 600;
}


/* Large rounded green border */

hr {
    /* width: 80%; */
    height: 2px !important;
    background-color: #0084B3;
    margin-bottom: 7px;
    /* margin-right: auto; */
    /* margin-left: auto; */
    margin-top: 9px;
    border-width: 4px;
    border-color: #0084B3;
}

hr.new5 {
    /* border: 3px inset #0084B3; */
    border-radius: 5px;
}

.container-map {
    width: 100%;
    margin: 0 auto;
}

path {
    fill: #B9D4F8;
    stroke: #B9D4F8;
}

.country {
    fill: #0084B3;
}

.inputbox input {
    width: 100%;
    padding: 15px;
    border-radius: 3px;
    outline: none;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    color: #2e2e2e;
    font-size: 14px;
    transition: 0.5s;
}

textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    border-radius: 3px;
    outline: none;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    color: #2e2e2e;
    font-size: 14px;
    transition: 0.5s;
}

.gray {
    color: #757575 !important;
}


/* product card */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');
.card-product {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: transparent;
    /* min-width: 270px; */
    /* max-width: 250px; */
    border-radius: 15px;
    box-shadow: 20px 20px 30px -20px #00000040;
}

.card-content {
    clear: both;
    max-width: 250px;
    background-color: #fff;
    padding: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.head-card {
    position: relative;
    z-index: 1;
}

.img-mask {
    height: 250px;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: 200ms height ease;
    position: relative;
    z-index: -1;
}

.img-mask:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 230%);
}

.card:hover>.img-mask:after {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 530%);
}

.card:hover>.img-mask {
    height: 180px;
}

.img-mask>img {
    display: block;
    width: 100%;
    z-index: 1;
}

.rate {
    position: absolute;
    height: 17px;
    padding: 10px;
    background-color: #ffffff85;
    border-radius: 20px;
    font-size: 12px;
    max-width: 150px;
    width: 110px;
    line-height: 1.5;
    text-align: center;
    top: 15px;
    left: 15px;
    box-shadow: 20px 20px 30px -20px #00000040;
}

.rate>i:hover {
    color: #ff6a00;
}

.rate>i {
    font-size: 14px;
    clear: both;
    float: left;
    position: relative;
    left: 10%;
    transition: 0.3s color;
    cursor: pointer;
}

a.like {
    color: #000;
}

.like {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 1.5;
    padding: 10px;
    width: 17px;
    height: 17px;
    background-color: #ffffff85;
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    transition: 0.3s background-color, color;
    box-shadow: 20px 20px 30px -20px #00000040;
}

.like:focus {
    -webkit-animation: pulse 1s ease-in-out backwards;
    animation: pulse 1s ease-in-out backwards;
}

.like:active {
    -webkit-animation: none;
    animation: none;
}

.like:hover {
    background-color: #ffabab;
    color: white;
    cursor: pointer;
    box-shadow: 4px 4px 30px 0px #ffabab6b;
}

.card-header {
    /* display: flex; */
    text-align: center;
    flex-direction: row;
    justify-content: space-between;
}

h2.title {
    font-size: 15px;
    color: #0084b3;
    /* margin-bottom: 25px;
    max-width: 128px;
    width: 128px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

p.description {
    line-height: 1.77em;
    padding: 0;
    margin: 0;
    color: #4e4e4e;
    font-size: 12px;
    text-align: center;
    /* max-height: 100px; */
    /* -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; */
    overflow: hidden;
    /* -ms-line-clamp: 3; */
    /* -webkit-line-clamp: 3; */
    /* line-clamp: 3; */
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 171, 171, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 171, 171, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 171, 171, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 171, 171, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 171, 171, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255, 171, 171, 0);
        box-shadow: 0 0 0 40px rgba(255, 171, 171, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 171, 171, 0);
        box-shadow: 0 0 0 0 rgba(255, 171, 171, 0);
    }
}


/* end of product card style */


/* hover box */

@import url(https://fonts.googleapis.com/css?family=Raleway:300);
* {
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    /* Prevent Padding Extending Width FIX */
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    -o-box-sizing: border-box;
    /* Opera */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

body {
    font: 100% "Raleway", sans-serif;
    font-weight: 400;
    background-color: #5b6770;
}

h1 {
    text-align: center;
    font: 300% "Raleway", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 3px;
    color: white;
    margin-bottom: 0;
    margin-top: 3%;
}

a.button {
    color: #b6872d;
    border: 1px solid #b6872d;
    padding: 5px 10px;
    opacity: 1;
    z-index: 1009;
    font-size: 60%;
    top: 76%;
    position: absolute;
    right: auto;
    margin-right: auto;
    margin-left: auto;
    transition: background-color 0.5s, color 0.75s;
    left: 45%;
}

a.button:hover {
    background-color: #b6872d;
    color: #fff;
}

.grid {
    overflow: hidden;
    margin: 0 auto;
    padding: 3em 0 0 0;
    width: 100%;
    max-width: 1200px;
    list-style: none;
    text-align: center;
}

.grid .one-half {
    width: 50%;
    float: left;
}

.grid .one-forth {
    width: 25%;
}

.grid .three-forth {
    width: 75%;
}


/* Common style */

.grid figure {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    margin: -0.135em 0;
    //width: 33.333%;
    height: 200px;
    background: silver;
    text-align: center;
    cursor: pointer;
}

.grid .double-height {
    height: 400px;
}

.grid figure img {
    position: relative;
    display: block;
    min-width: 100%;
    min-height: 100%;
    opacity: 0.8;
    transition: opacity 0.5s, -transform 1s;
}

.grid figure img:hover {
    opacity: 0.3;
}

.grid figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #3c4a50;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    backface-visibility: hidden;
    transition: transform 0.35s;
}

.grid figure figcaption::after {
    content: '';
    border-style: solid;
    border-width: 20px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption>span::before {
    display: inline-block;
    padding: 8px 10px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

.grid figure a.anchor {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    display: block;
    z-index: 1002;
    word-spacing: -0.15em;
    font-weight: 300;
    text-align: center;
    margin: 0 auto;
    float: none;
    width: 100%;
    top: 20%;
}

.grid figure.double-height h2 {
    top: 40%;
}

.grid figure h2 span {
    z-index: 1002;
    font-weight: 800;
}

.grid figure p {
    opacity: 0;
    letter-spacing: 1px;
    font-size: 68.5%;
    text-align: center;
    z-index: 1001;
    position: absolute;
    text-transform: none;
    backface-visibility: hidden;
    transition: opacity 0.35s;
    margin: 5px auto;
    top: 50%;
    float: none;
    width: 100%;
    display: block;
    right: auto;
    left: auto;
    padding-right: 5%;
    padding-left: 5%;
}

.grid figure.double-height p {
    top: 60%;
}

.grid figure:hover p {
    opacity: 1;
}

.grid figure h2,
.grid figure figcaption>span {
    transition: transform 0.35s;
}

.grid figure:hover h2 {
    transition-delay: 0.15s;
}

.grid figure:hover figcaption>span:nth-child(4) {
    transition-delay: 0.20s;
}

.grid figure:hover figcaption>span:nth-child(3) {
    transition-delay: 0.25s;
}

.grid figure:hover figcaption>span:nth-child(2) {
    transition-delay: 0.30s;
}


/* Individual Colors */


/* BLUE */

.grid figure figcaption.blue {
    background-color: #50758b;
}

.grid figure figcaption.blue p,
.grid figure figcaption.gray p,
.grid figure figcaption.blue h2,
.grid figure figcaption.gray h2 {
    color: #fff;
}

figure.effect-slideup figcaption.blue::after {
    border-bottom-color: #50758b;
}

figure.effect-slidedown figcaption.blue::after {
    border-top-color: #50758b;
}

figure.effect-slideleft figcaption.blue::after {
    border-left-color: #50758b;
}

figure.effect-slideright figcaption.blue::after {
    border-right-color: #50758b;
}


/* GRAY */

.grid figure figcaption.gray {
    background-color: #a3aaad;
}

figure.effect-slideup figcaption.gray::after {
    border-bottom-color: #a3aaad;
}

figure.effect-slidedown figcaption.gray::after {
    border-top-color: #a3aaad;
}

figure.effect-slideleft figcaption.gray::after {
    border-left-color: #a3aaad;
}

figure.effect-slideright figcaption.gray::after {
    border-right-color: #a3aaad;
}


/* GOLD */

.grid figure figcaption.gold {
    background-color: #b6872d;
}


/* Individual effects */


/*------------------*/


/***** Slide Up *****/


/*------------------*/

figure.effect-slideup figcaption {
    top: auto;
    bottom: 0;
    transform: translate3d(0, 200%, 0);
}

figure.effect-slideup.double-height figcaption {
    height: 50%;
}

figure.effect-slideup figcaption::after {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #ffffff;
    border-left-color: transparent;
    left: 45%;
    top: -35px;
}

figure.effect-slideup figcaption>span {
    float: right;
}

figure.effect-slideup h2,
figure.effect-slideup figcaption>span {
    transform: translate3d(0, 200%, 0);
}

figure.effect-slideup:hover figcaption,
figure.effect-slideup:hover h2,
figure.effect-slideup:hover figcaption>span {
    transform: translate3d(0, 0, 0);
}


/*--------------------*/


/***** Slide Down *****/


/*--------------------*/

figure.effect-slidedown figcaption {
    bottom: auto;
    top: 0;
    transform: translate3d(0, -200%, 0);
}

figure.effect-slidedown.double-height figcaption {
    height: 50%;
}

figure.effect-slidedown figcaption::after {
    border-top-color: #ffffff;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    left: 45%;
    bottom: -35px;
}

figure.effect-slidedown figcaption>span {
    float: right;
}

figure.effect-slidedown h2,
figure.effect-slidedown figcaption>span {
    transform: translate3d(0, -200%, 0);
}

figure.effect-slidedown:hover figcaption,
figure.effect-slidedown:hover h2,
figure.effect-slidedown:hover figcaption>span {
    transform: translate3d(0, 0, 0);
}


/*--------------------*/


/***** Slide Left *****/


/*--------------------*/

figure.effect-slideleft figcaption {
    width: 50%;
    transform: translate3d(-200%, 0, 0);
}

figure.effect-slideleft figcaption::after {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #ffffff;
    right: -35px;
    top: 45%;
}

figure.effect-slideleft figcaption>span {
    float: right;
}

figure.effect-slideleft h2,
figure.effect-slideleft figcaption>span {
    transform: translate3d(-200%, 0, 0);
}

figure.effect-slideleft:hover figcaption,
figure.effect-slideleft:hover h2,
figure.effect-slideleft:hover figcaption>span {
    transform: translate3d(0, 0, 0);
}


/*--------------------*/


/***** Slide Right *****/


/*--------------------*/

figure.effect-slideright figcaption {
    width: 50%;
    transform: translate3d(210%, 0, 0);
}

figure.effect-slideright figcaption::after {
    border-top-color: transparent;
    border-right-color: #ffffff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    left: -35px;
    top: 45%;
}

figure.effect-slideright figcaption>span {
    float: left;
}

figure.effect-slideright h2,
figure.effect-slideright figcaption>span {
    transform: translate3d(200%, 0, 0);
}

figure.effect-slideright:hover figcaption,
figure.effect-slideright:hover figcaption>span {
    transform: translate3d(100%, 0, 0);
}

figure.effect-slideright:hover h2 {
    transform: translate3d(0, 0, 0);
}


/* MEDIA SCREEN SIZES */

@media screen and (max-width: 1200px) {
    .grid figure {
        width: auto;
        float: left;
    }
    .grid figure img {}
    .grid figure figcaption {
        font-size: 90%;
    }
    
}

@media screen and (max-width: 900px) {
    .grid figure {
        width: 50%;
    }
    .grid figure img {
        min-width: 100%;
    }
    .grid figure figcaption {
        font-size: 90%;
    }
}

@media screen and (max-width: 664px) {
    .grid .one-half {
        width: 100%;
    }
    .grid figure {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    /* Your CSS rules for laptops go here */
    .newMaxHeight {
    max-width: 13.667% !important;
    }
  }
  

/* end of hover box */