/*
Theme Name: UltraNet
Theme URI: http://themeforest.net/
Author: AivahThemes
Author URI: http://themeforest.net/user/AivahThemes
Description: UltraNet is useful for Internet Service Providers Website etc. Template comes with ease in usability which makes your site ready in minutes. This template is lightweight.
Version: 2.0
License: Themeforest Split Licence
License URI: https://help.market.envato.com/hc/en-us/articles/202501064-What-is-Split-Licensing-and-the-GPL-
Tags: two-columns, editor-style, featured-images, full-width-template, template-options, translation-ready
Text Domain: ultranet

*/


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


/*
[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
12. Contact Info
13. Button
14. Sociables ToolTip
15. WP Defaults
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;
}

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;
}


/* Theme 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;
    -moz-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 #0077db;
}

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: disc;
}

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;
    opacity: 0.5;
}

input[disabled]:hover {
    background-color: orange;
}

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 #dddddd;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

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

caption,
th,
td {
    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: #ffffff !important;
}

.whitetext a:hover {
    opacity: 0.8;
}


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


/* Global Input Form Control					 */


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


/* Default Buttons */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #0077db;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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;
}

input[disabled]:hover {
    background-color: #0077db;
    opacity: 0.5;
}

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 #dddddd;
    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+ */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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;
}


/* Blockquote Alignments */

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

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


/* Clearfix  */

.clear {
    clear: both;
    display: block;
    width: auto;
    height: 0;
    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 */

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

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


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


/* 02. General CSS                                                   */


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

.textwhite {
    color: #fff;
}

body,
input,
select,
textarea {
    font: normal 15px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777777;
}

figure {
    margin: 0;
}

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

#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;
    background-color: #FFFFFF;
}


/* Headings  */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat";
    font-weight: normal;
    color: #233141;
    line-height: 1.5;
}

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

h2 {
    font-size: 28px;
    margin-bottom: 0.6em;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    margin-bottom: 0.8em;
}

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

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

h6 {
    font-size: 14px;
    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: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

#stretched #wrapper {
    width: 100%;
}

.inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

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

.one_half {
    width: 48%;
}

.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: 13.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: 4%;
    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;
    padding: 15px;
}

.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;
}

#main {
    position: relative;
    /*padding: 0;*/
    z-index: 3;
}

.pagemid_section {
    padding: 0;
}

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

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

.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: 1200px;
    margin: 0 auto;
    z-index: 3;
}

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

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

.content-area a {
    color: #0077db;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.content-area a:hover {
    text-decoration: underline;
}


/* Left/Right Sidebar */

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

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

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

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

.rightsidebar #sidebar .sidebar-inner {
    padding: 4.15em 2.7em 4.5em;
    margin: 80px 0;
    background: #e5f3ff;
}

.rightsidebar .content-area {
    float: left;
    width: 70%;
    padding-right: 3.5em;
}

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

.fullscreen {
    width: 100%;
}


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


/* 04. Slider & Header                                               */


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


/* ==== Featured Slider ==== */

#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: 1200px;
    margin: 0 auto;
    position: relative;
}

.frontpage_section {
    position: relative;
    width: 1200px;
    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 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.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;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.03);
}

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

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

.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;
    color: #2d2929;
    font-weight: bold;
}

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

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

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


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

.topbar {
    position: relative;
    padding: 0;
    font-size: 13px;
    line-height: 40px;
    overflow: hidden;
    background-color: #0077db;
    z-index: 7;
    color: #ffffff;
}

#boxed .topbar .inner {
    width: 100%;
    max-width: 1200px;
}

.topbar a {
    color: #f5f5f5;
}

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

.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 .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;
}


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

#ivaSearchbar {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #f7f7f7;
    padding: 0;
    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;
    box-shadow: none;
    letter-spacing: -2px;
}

.ivaInput[type="text"]:focus {
    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: #0077db;
    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: #0077db;
}

.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: 1px solid #cee6fb;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3 ease;
    transition: all 0.3s ease;
}

.search-box input[type="text"]:hover {
    border: 1px solid #0077db;
}

.search-box input[type="text"]:focus {
    border: 1px solid #0077db;
}


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


/* 05. Primary Menu & Mobile Menu                                    */


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

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

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

#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);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#iva-mobile-nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-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;
}

.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: 14em;
    /* allow long menu items to determine submenu width */
}

.sf-menu a {
    padding: 1em 1.3em;
    font-size: 12px;
    text-decoration: none;
    color: #9aadbf;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

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

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

.sf-menu ul li a {
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 300;
    width: 220px;
    text-transform: none;
    line-height: 1.4em;
    padding: 10px 15px !important;
    margin: 0;
}

.sf-menu>li>a:hover {
    color: #173b5a;
}

.sf-menu>li:hover,
.sf-menu>li.sfHover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

.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: #173b5a;
}

.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: #ffffff;
}

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

.sf-menu ul li.current_page_item>a {
    color: #ffffff;
}

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

.sf-menu>li.current-menu-item:hover,
.sf-menu>li.current-menu-ancestor:hover,
.sf-menu>li.current-page-ancestor:hover {
    color: #173b5a;
}

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


/***/


/* 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;
}


/* 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;
    -moz-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: #0077db;
}


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


/* 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: 1200px;
    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;
    box-sizing: border-box;
    width: 100%;
}

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

.sf-mega ul {
    background: transparent;
    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;
}

.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;
}


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


/* 07. Sub Header                                                    */


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

#subheader {
    position: relative;
    margin: 0 auto;
    z-index: 4;
    padding: 30px 0;
    background-color: #e4ebef;
    background-size: cover !important;
    box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.05);
    -webkit-transition: height 0.3s ease-in;
    -moz-transition: height 0.3s ease-in;
    -o-transition: height 0.3s ease-in;
    transition: height 0.3s 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;
    text-transform: capitalize;
    color: #173b5a;
}

.subheader-inner {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 1200px;
    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: 1200px;
    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 5px 10px 5px;
}

.breadcrumbs span span {
    margin: 0;
}

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

.breadcrumbs a:hover {
    opacity: 1;
}

.breadcrumbs>span i.fa {
    color: #0077db;
}

.breadcrumb-main {
    padding: 25px 0 15px;
}

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

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

#subheader .breadcrumbs {
    color: #173b5a;
}

#subheader .breadcrumbs a {
    color: #173b5a;
}


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

.iva-main-title {
    border-left: 3px solid #dddddd;
    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: #fff;
    background-size: cover;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    color: #293946;
}

.footer-area-top {
    background-color: #0077db;
    margin: 0 auto;
    padding: 40px 0;
}

.footer-area-bottom {
    background-color: #191b29;
    color: #fff;
    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: 80px 0 40px 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: #868f9a;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

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

#footer a {
    color: #868f9a;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

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

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

#footer .widget li {
    line-height: 30px;
}


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

.copyright {
    background-color: #fff;
    position: relative;
}

.copyright .inner {
    border-top: 1px solid #dddddd;
    padding: 30px 0;
}

.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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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                                           */


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

.sidebar-inner aside+aside {
    margin-top: 4.2em;
}

.widget-area-inner ul li {
    position: relative;
    padding-left: 1.2em;
}

.widget-area-inner ul li:before {
    font-size: 8px;
    font-weight: 700;
    height: 7px;
    line-height: 7px;
    top: 10px;
    content: "\f1db";
    position: absolute;
    font-family: 'FontAwesome';
    left: 1px;
    color: #0077db;
}

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

.widget ul ul,
.widget ol ol {
    padding: 0;
}

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

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

.widgettitle,
.widget-title {
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0 0 1.1em 0;
    vertical-align: middle;
    color: #173b5a;
}

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

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

.widget a {
    color: #334452;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.widget a:hover {
    color: #0077db;
}


/*=== 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 */
}

.textwidget a {
    font-size: 14px;
    font-weight: 600;
    margin-right: 15px;
}


/*=== 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;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s 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;
}

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

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


/* Read More Link */


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

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

.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;
    -moz-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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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;
    padding-bottom: 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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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: #0077db;
    border: 2px solid transparent;
    text-decoration: none;
    background-color: transparent;
}

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

.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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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;
    box-shadow: inset 0px 0px 0px 5px rgba(235, 235, 235, 1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    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;
    box-shadow: inset 0px 0px 0px 5px rgba(235, 235, 235, 1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    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: #0077db
}


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

#about-author {
    background-color: #f5f5f5;
    margin-bottom: 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 #dddddd;
    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 #dddddd;
}

.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 #dddddd;
}

.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: #0077db;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid #dddddd;
    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;
    -moz-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: #0077db;
}


/* Post Navigation */

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

.post-navigation {
    background-color: #fff;
    border-top: 1px solid #dddddd;
    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 #dddddd;
    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 #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #686868;
    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 #dddddd;
    border-color: #cccccc #eeeeee #eeeeee #cccccc;
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s 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;
    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: 8px 0 !important;
    list-style: none;
}


/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}

.widget_rss ul li {
    padding: 2.125em 0;
}

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss ul li:before {
    display: none;
}

.widget_rss li .rsswidget {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
    color: #767676;
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.widget_rss .rss-date {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 0.5em;
}

#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;
    color: rgba(255, 255, 255, 0.6);
}

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

.widget_postslist li .pdesc {
    overflow: hidden;
}

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

.widget_postslist li .pdesc a:hover {
    color: #0077db !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;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 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 #dddddd;
    margin: 0 6px 7px 0;
    text-decoration: none;
    text-transform: lowercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.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: #0077db;
    color: #fff;
    border: 1px solid #0077db;
    text-decoration: none;
}

.singlepost .tagcloud a {
    background-color: #0077db;
    color: #ffffff;
    border: 1px solid transparent;
    display: block;
    float: left;
    opacity: 0.5;
    margin: 5px 5px 0 0;
    padding: 0px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: small;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s 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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


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

/* 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: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px);
}

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

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

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

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

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

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

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    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%;
    opacity: 0;
    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;
}

.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: 40px;
    vertical-align: top;
    line-height: 22px;
}

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

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


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


/*  14. ToolTip                              					     */


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

.iva_tip,
.ultranettip {
    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;
}


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


/* 16. Miscellaneous CSS                                             */


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


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

#back-top {
    position: fixed;
    bottom: 2.5em;
    right: 2.5em;
    z-index: 999;
}


/* arrow icon (span tag) */

#back-top span {
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #0077DB;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

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

#back-top a:hover {
    background-color: #555;
}


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

.wrap404 {
    background-color: #FFFFFF;
}

.error_404 {
    position: relative;
    margin: 100px auto;
    display: table;
    width: 100%;
    max-width: 1200px;
    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%);
    filter: gray;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.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
-------------------------------------------------------------------- */

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #1f1c1c;
    z-index: 10;
    transition: all .2s ease;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #ffffff;
    -webkit-animation: loader 1s ease-in-out infinite;
    animation: loader 1s ease-in-out infinite;
}

.loader:before {
    content: "";
    position: absolute;
    background-color: #ffffff;
    top: 0px;
    left: -25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
}

.loader:after {
    content: "";
    position: absolute;
    background-color: #cccccc;
    top: 0px;
    left: 25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

.vc_column_container {
    min-height: 0px;
}


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


/* 				Contact Form 7 Styling                             */


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

.wpcf7 .ats-columns-wrap {
    margin-right: -15px;
}

.wpcf7 .ats-column__1_2 {
    margin-right: -4px;
    padding-right: 14px;
    margin-bottom: 14px;
}

.wpcf7 .wpcf7-submit {
    margin-top: 38px;
    font-weight: normal;
    padding: 1em 3em;
}

.wpcf7 .email-subscription {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 45px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 select,
.wpcf7 .select_container:before,
.wpcf7 textarea {
    /*background: #ffffff;*/
    color: #777777;
    border: 1px solid #ffffff;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: none;
    outline: none;
    resize: none;
    padding: 13.5px 14px;
    width: 100%;
    height: 3.50em;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpcf7 select:after {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    line-height: 1em;
    width: 1em;
    height: 1em;
    text-align: center;
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.5em;
    z-index: 2;
    pointer-events: none;
    cursor: pointer;
}

.wpcf7 textarea {
    overflow: auto;
    vertical-align: top;
    min-height: 8em;
}


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


/* 				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%;
}


/* Map Script*/

.map-container {
    width: 100%;
}

.map-container iframe {
    position: relative;
    display: block;
    width: 100%;
    pointer-events: none;
}

.map-container iframe.clicked {
    pointer-events: auto;
}

.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)
}

.iva_message_box.info,
.iva_message_box.info a {
    color: #4671A3;
    border-color: #91bac1;
    background-color: #EAF1F9;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)
}

.iva_message_box.error,
.iva_message_box.error a {
    color: #AF2C20;
    border-color: #c49f9c;
    background-color: #fee3e3;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)
}

.iva_message_box.alert,
.iva_message_box.alert a {
    color: #C96D11;
    border-color: #f0df8a;
    background-color: #fcf9e7;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)
}

.iva_message_box.lightgray,
.iva_message_box.lightgray a {
    color: #444444;
    border-color: #e1e1e1;
    background-color: #f8f8f8;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)
}

.iva_message_box.dark,
.iva_message_box.dark a {
    color: #ffffff;
    border-color: #444444;
    background-color: #333333;
    text-shadow: 0 1px 0 #000000;
}

.has-error {
    border-bottom: 2px solid #cc2a2a !important;
}

.service-vote>h2 {
    color: White
}

.Plan-Title>p {
    height: 75px
}

.price-content {
    height: 200px;
}

.two_third>h2 {
    font-size: 22px;
}

.wifi>h2,
.wifi>h4,
.two_third>h4 {
    color: white
}

.at-callout-action-text>h2 {
    font-size: 22px !important;
}