/* ================================================================= */
/*
[Table of contents]
01. Reset CSS
02. General CSS
03. Layout and Grid
04. Slider & Header
05. Primary Menu & Mobile Menu
07. Sub Header
08. Footer
09. Widgets & Sociables
10. Blot Post
11. Contact Form 7 Styling
16. Miscellaneous CSS
*/
/* ================================================================= */
/* 0.1 - Reset                                                       */
/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 - License: none  */
/* ================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

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;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {  display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Theme Reset by AivahThemes */
address { margin-bottom: 24px; }

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

b,
strong { font-weight: 900; }

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

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

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

blockquote {
    color: #767676;
    font-size: 18px;
    font-style: italic;
    line-height: 1.2631578947;
    margin-bottom: 24px;
}

blockquote cite,
blockquote small {
    color: #2b2b2b;
    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; }

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 {  margin: 0 0 20px 20px; }
ol { list-style: decimal; }

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

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

fieldset {
    margin: 0 0 24px;
    padding: 11px 12px 0;
}

legend { white-space: normal;}

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

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

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

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

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input:-webkit-autofill {
	background: #fff !important;
}

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

textarea {
    overflow: auto;
    vertical-align: top;
}
.has-error {
    border-bottom: 2px solid #cc2a2a !important;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

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

th {
    font-weight: bold;
    text-transform: uppercase;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px;
}

del {
    color: #767676;
}

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

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

/* Default Buttons */
button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #1c1c1c;
    border: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 32px;
    vertical-align: bottom;
    border-radius:         2px;
}


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

input[type="text"],input[type="email"],textarea {
    width: 100%;
    padding: 0.8em 0;
    font-size: 13px;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    border : none;
    border-bottom: 2px solid lightgray;
    resize: none;
    overflow: hidden;
}
form[name="c_form"] p {
    position: relative;
    margin-bottom: 30px;
    padding-top: 10px;
}

form[name="c_form"] label {
  font-size: 16px;
  pointer-events: none;
  font-family: 'Hind', sans-serif;
  color: #999;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: absolute;
  top: 0;
  left: 2px;
  pointer-events: none;
}

form[name="c_form"] input:focus ~ label,
form[name="c_form"] input:valid ~ label,
form[name="c_form"] textarea:focus ~ label,
form[name="c_form"] textarea:valid ~ label {
    top:-10px;
    font-size: 13px;
}

form[name="c_form"] .xcol-row {
	margin: 0;
}
form[name="c_form"] .xcol-row .xcol-6 {
	padding-left: 0;
}

*{outline:none;}


/* Calendar Widget */
.widget_calendar caption,
.widget_calendar td,
.widget_calendar th { text-align: center; }

/* Preformatted Text */
pre {
    background: url('images/code_bg.html') 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 #e2eeee;
    color: #444444;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    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;
}

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

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

/* ================================================================= */
/* 2.0 General CSS                                                   */
/* ================================================================= */

body, input, select, textarea  {
	font-family: 'Lato', sans-serif;
	color: #313131;
}
p {
	margin-bottom: 20px;
	font-size: 14px;
	letter-spacing: 0.04em;
	line-height: 17px;
}
/* Links  */
a {
    outline: 0;
    text-decoration: none;
    color: #444444;
}
a:hover,
a:active {
    outline: 0;
    color: #999999;
}

/* Headings  */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: normal;
	color: #999;
}

h1 { font-size: 30px; }
h2 { font-size: 20px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

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

.demo-space { padding: 20px 0; }

/* ================================================================= */
/* 3.0 Layout and Grid                                                 */
/* ================================================================= */

/* Left/Right Sidebar */
.leftsidebar #sidebar { position: relative; float: left; width: 25%; -webkit-box-sizing: content-box; box-sizing: content-box;}
.leftsidebar #sidebar .content { padding: 50px 40px 50px 0; border-right:1px solid #e1e1e1; margin-right:-1px;}
.leftsidebar .content-area { float: right; width: 75%; padding-left:40px; border-left:1px solid #e1e1e1; }

.rightsidebar #sidebar { position: relative; float: right; width: 25%; }
.rightsidebar #sidebar .content{ padding: 50px 0 50px 40px; border-left:1px solid #e1e1e1;margin-left:-1px;}
.rightsidebar .content-area { float: left; width: 75%; padding-right:40px; border-right:1px solid #e1e1e1;}

.content-area .entry-content-wrapper { padding: 40px 0 40px 0; }

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

/* ================================================================= */
/* 4.0 - Sub Header                                                  */
/* ================================================================= */

.sub-header {
	position: relative;
	margin: 0 auto;
	z-index: 4;
	padding: 20px 10px;
	background-color: #fff;
	-webkit-transition: height 500ms ease-in;
	-o-transition: height 500ms ease-in;
	transition: height 500ms ease-in;
}

.sub-header .page-title {
	font-size: 50px;
	margin-bottom: 10px;
	font-weight: 400;
	line-height: 44px;
}

.subheader-inner {
	position: relative;
	width: 1160px;
	margin:0 auto;
}
.subdesc { display: table; }

.sub-header .customtext { font-size: 20px; font-weight: 400; line-height: 24px; margin-top: 20px; }
.sub-header .customtext ul { font-size: 20px; line-height: 20px;list-style: none; margin: 0; padding: 0; }
.sub-header a { }
.sub-header a:hover {}
.sub-header.subdisabled { padding:5px 0;}

.sleft .subdesc,
.sleft .breadcrumb-wrap { text-align: left; margin-right:auto;}

.sright .subdesc,
.sright .breadcrumb-wrap { text-align: right; margin-left:auto;}

.scenter .subdesc,
.scenter .breadcrumb-wrap { text-align:center; margin-left: auto; margin-right: auto;  }

/*=== Breadcrumbs === */

.breadcrumb-wrap {
    position: relative;
    max-width: 1160px;
    z-index: 4;
    width: 100%;
	margin: 0 auto;
    margin-top: 20px;
}
.breadcrumbs { color: inherit; 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: inherit;}
.breadcrumbs a:hover { color: inherit; }
.breadcrumbs > span i.fa { font-weight: 600; }
.breadcrumb-wrap span  span { margin: 0 ;}
.breadcrumb-wrap span  span i{ margin: 0 10px 10px;}


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

#subheader .breadcrumb-main{
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

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

.iva-main-title {
    border-left: 3px solid #e1e1e1;
    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;
}

/*full width to a section*/
.has-full-width { width: 100% !important; }
.is-pulled-left { float: left !important; }
.is-pulled-right { float: right !important; }
.is-clipped { overflow: hidden !important; }
.is-overlay { bottom: 0;left: 0;position: absolute;right: 0;top: 0; }
/* Text Align*/
.has-text-centered { text-align: center !important; }
.has-text-justified { text-align: justify !important; }
.has-text-left { text-align: left !important; }
.has-text-right { text-align: right !important; }
.is-capitalized { text-transform: capitalize !important; }
.is-lowercase { text-transform: lowercase !important; }
.is-uppercase { text-transform: uppercase !important; }
/* Display Properties*/
.is-block { display: block !important; }
.is-inline { display: inline !important; }
.is-inline-block { display: inline-block !important; }
.is-inline-flex { display: -ms-inline-flexbox !important;display: inline-flex !important; }
.is-hidden { display: none !important; }
/* Zero Pixels*/
.is-marginless { margin: 0 !important; }
.has-no-margin-top { margin-top: 0 !important; }
.has-no-margin-right { margin-right: 0 !important; }
.has-no-margin-bottom { margin-bottom: 0 !important; }
.has-no-margin-left { margin-left: 0 !important; }
.is-paddingless { padding: 0 !important; }
.has-no-padding-top { padding-top: 0 !important; }
.has-no-padding-right { padding-right: 0 !important; }
.has-no-padding-bottom { padding-bottom: 0 !important; }
.has-no-padding-left { padding-left: 0 !important; }
.is-radiusless { border-radius: 0 !important; }

/*=====================
	column- Grids - 02
=====================*/
.xcol-1  { width: 8.33%; }
.xcol-2  { width: 16.66%; }
.xcol-3  { width: 25%; }
.xcol-4  { width: 33.33%; }
.xcol-5  { width: 41.66%; }
.xcol-6  { width: 50%; }
.xcol-7  { width: 58.33%; }
.xcol-8  { width: 66.66%; }
.xcol-9  { width: 75%; }
.xcol-10 { width: 83.33%; }
.xcol-11 { width: 91.66%; }
.xcol-12 { width: 100%; }

.xcol-1,
.xcol-2,
.xcol-3,
.xcol-4,
.xcol-5,
.xcol-6,
.xcol-7,
.xcol-8,
.xcol-9,
.xcol-10,
.xcol-11,
.xcol-12 {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-right: 15px;
    padding-left: 15px;
	box-sizing: border-box;
}
.xcol-row {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
}
.xcol-row::before,
.xcol-row::after{
	clear: both;
	display: block;
	content: "";
}

.is-paddingless [class*="xcol-"] { padding: 0; }

@media only screen and ( max-width: 767px ) {
	.xcol-row [class*="xcol-"] {
		width: 100%;
	}
}
/*================================================
03.  superfish Menu and Mobile Menu
=================================================*/

.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: 1px; left: 100%; }

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

.sf-mega,
.sf-menu ul {
	min-width: 16em; /* allow long menu items to determine submenu width */
}
.sf-menu a {
	padding: 1.2em 0.8em;
	font-size: 14px;
	text-decoration: none;
	color: #2a2a2a;
	-webkit-transition: all 0.2s linear;
	-o-transition:      all 0.2s linear;
	transition:         all 0.2s linear;
}

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

.sf-menu ul li a {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 24px;
	padding: 10px 18px;
	margin: 0;

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

.sf-menu ul li {
    background-color: #7f7f7f;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
    background-color: #222222;
	-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sf-menu li a span {
    display: block;
    font-size: 11px;
    font-weight: normal;
}


.sf-menu ul a {
	color: #ffffff;
	border-bottom: 1px solid rgba(255,255,255,0.10);
}

.sf-mega a { color: #ffffff; }

.sf-mega a:hover,
.sf-menu ul a:hover { color: #999999; }

.sf-menu > li.current-cat > a,
.sf-menu > li.current_page_item > a,
.sf-menu > li.current-page-ancestor > a{
	font-weight: bold;
}

.sf-menu li li:hover,
.sf-menu li li:hover ul,
.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;
	background-color: #716f6f;
}

.sf-menu > li.current-menu-item > a,
.sf-menu > li.current-menu-ancestor > a,
.sf-menu > li.current-page-ancestor > a {
	color: #C5943F;
}
.sf-menu > li.current-menu-item,
.sf-menu > li.current-menu-ancestor,
.sf-menu > li.current-page-ancestor {
	color: #3f9dbf;
}
.sf-menu > li.current-menu-item:hover,
.sf-menu > li.current-menu-ancestor:hover,
.sf-menu > li.current-page-ancestor:hover {
	color: #3f9dbf;
}

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

.mobile-menu {
	display: none;
	position: relative;
	top: 0;
	padding: 0 10px;
	background: #252525;
	}
.iva-hamburger {
	display: none;
}
.iva-hamburger {
	width: 30px;
	height: 25px;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 25px;
	z-index: 999;
	-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-hamburger span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #1a0000;
	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-hamburger span:nth-child(1) { top: 0; }
.iva-hamburger span:nth-child(2),
.iva-hamburger span:nth-child(3) { top: 10px; }
.iva-hamburger span:nth-child(4) { top: 20px; }
.iva-hamburger.open span:nth-child(1) { top: 10px; width: 0; left: 50%; }
.iva-hamburger.open span:nth-child(4) { top: 10px; width: 0; left: 50%; }

.iva-hamburger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}
.iva-hamburger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}
.mobile-menu { margin: 0; padding: 0; }
.mobile-menu li { list-style: none; }
.mobile-menu li a {
	border-bottom: 1px dotted #555555;
	position: relative;
	display: block;
	padding: 10px 30px;
	font-size: 14px;
	color: #999999;
	-webkit-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	text-align: left;
}

/* ================================================================= */
/* 5.0 Theme Unit Test - Fixes                                       */
/* ================================================================= */

.entry-content .wp-caption {
  margin: 0 0 20px 0;
  padding-top: 4px;
  max-width: 100%;
  border: 1px solid #eee;
  border-radius: 3px;
  -webkit-border-image: initial;
       -o-border-image: initial;
          border-image: initial;
  background-color: #f8f8f8;
  text-align: center;
}

.content-main .wp-caption {
    margin: 5px 20px 20px 0;
}

.wp-caption p.wp-caption-text {
  text-align: center;
  padding: 5px 0;
  margin: 0;
}

.entry-content .wp-caption.alignleft {
  margin-right: 20px;
}

.entry-content .wp-caption.alignright {
  margin-left: 20px;
}

dt {
  font-weight: bold;
}

blockquote {
    background-color: transparent !important;
    padding: 0 0 0 15px !important;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}

table { border: 1px solid #eee; }
table th {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

table td { border-left: 1px solid #eee; border-bottom: 1px solid #eee; }

img.alignleft {
    margin: 0.5em 1.5em 1.2em 0;
}

img.alignright {
    margin: 0.5em 0 1.5em 1.2em;
}

img.aligncenter {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}
table.iva_rev_table th,
table.iva_rev_table td{
    font-size:12px;
}
/*==== Right Sidebar Nav ====*/
.rightsidebar .widget_nav_menu li.current_page_item > a,
.rightsidebar .widget_nav_menu li.current_page_item > a:hover,
.rightsidebar .sub_nav li.current_page_item > a,
.rightsidebar .sub_nav li.current_page_item > a:hover {
    background-image: url(assets/sub_arrowleft.html);
    background-position:10px center;
    background-repeat:no-repeat;
}

/*==== Left Sidebar Nav ====*/
.leftsidebar .widget_nav_menu li.current_page_item > a,
.leftsidebar .widget_nav_menu li.current_page_item > a:hover,
.leftsidebar .sub_nav li.current_page_item > a,
.leftsidebar .sub_nav li.current_page_item > a:hover {
    background-image: url(assets/sub_arrowright.html);
    background-position:95% center;
    background-repeat:no-repeat;
}
.widget_nav_menu li.widget_nav_menu > a,
.widget_nav_menu li.widget_nav_menu > a:hover,
.sub_nav li.current_page_item > a,
.sub_nav li.current_page_item > a:hover {
    position: relative;
    margin: 0;
    padding: 10px 25px;
    zoom: 1;
    color: #ffffff;
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
    box-shadow:         inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
}

.widget.widget_nav_menu li a:hover,
.sub_nav li a:hover { background-color: #f5f5f5;}

.widget.widget_nav_menu li:first-child a,
.sub_nav li:first-child a { border-top-color: #e8e8e8; }

.widget.widget_nav_menu li:last-child a,
.sub_nav li:last-child a { border-bottom-color: #e8e8e8; }

.widget.widget_nav_menu li.current_page_item > a,
.widget.widget_nav_menu li.current_page_item > a:hover ,
.sub_nav li.current_page_item > a,
.sub_nav li.current_page_item > a:hover {
    color:#FFFFFF;
    background-color: #101e2b;
}

.widget.fullwidth .widget_nav_menu li {
    display: inline-block;
    margin: 0 auto;
}

.menuinline li {
    padding: 10px 15px;
    border: 1px groove rgba(0,0,0,0.1);
    border-width: 1px 0;
}
.sub_nav li a {
    display: block;
    padding: 10px 15px;
    border: 1px solid #e8e8e8;
    border-bottom-color: #eeeeee;
    border-top-color: #eeeeee;
    color: #666666;
}
.sub_nav li a:hover { background-color: #f5f5f5;}


/*-----------------------------------------------------------------------------------------------------------------------------------
Plugin shortcodes.css
-----------------------------------------------------------------------------------------------------------------------------------*/
/*
Theme Name: Anona Shortcodes
*/

/* ================================================================= */
/*
[Table of contents]
01. Google Map
02. Process - Steps
03. Tooltip
04. Accordion
05. Alert Message Boxes
06. CountDown
07. Blockquotes and Pullquotes
08. Fancybox
09. Button
10. Dividers
11. Dropcap
12. Services Icon
13. List Styles FontAwesome
14. Blog Post Carousel
15. Pricing Table
16. Input CSS
17. Contact Info
18. Highlight
19. Fancy Table
20. Progress Bar
21. Tabs
22. Twitter Tweets
23. Fancy Heading
24. Flickr Photos
25. Milestone Count
26. Section Row
27. Logo Showcase
28. Staff Sociables ToolTip
29. Services Images
30. Mini - Gallery & Galleria
31. Feature Box - Shortcode
32. Gallery - Shortcode
33. Staff - Shortcode
34. Testimonials
35. Partial Section
36. Services box
*/


/* ================================================================= */
/* 04. Accordion                                                     */
/* ================================================================= */

.ac_wrap  { width: 100%; margin-bottom: 40px; }
.ac_wrap .ac_title,
.ac_wrap .ac_title, .toggle-title {
    position: relative;
    background-color: #FCFCFC;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
    padding: 10px 60px 10px 20px;
}

.ac_title .arrow,
.toggle-title .arrow {
  background-color: #f9f9f9;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  height: 100%;
  font-weight: normal;
  font-size: 18px;
  line-height: 38px;
  width: 38px;
  text-align: center;
}

.ac_title .arrow::after,
.toggle-title .arrow::after { content: '\f107';font-family: fontawesome; }

.ac_title.active .arrow::after,
.toggle-title.active .arrow::after { content: '\f106';font-family: fontawesome; }

.toggle-title.active,
.ac_title.active {
    border-left-color: #f95131;
}

.ac_wrap .ac_title:hover {
    border-left-color: #f95131;
    color: #222222;
}
.ac_title .arrow:hover {
    background-color: #f95131;
    color: #ffffff;
}

.ac_title .faq::after,
.toggle-title .faq::after { content: '?'; }

.ac_title.active .arrow,
.toggle-title.active .arrow {
    line-height: 40px;
    background-color: #f95131;
    color: #ffffff;
}

.ac_title i,
.toggle-title i { margin-right: 5px; }

.ac_title .faq,
.toggle-title .faq {
    border: 1px solid;
    border-radius: 100px;
    color: #919191;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 8px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
}

.ac_wrap .ac_content,
 .ac_wrap .toggle_content {
    margin-bottom: 10px;
    padding: 18px 60px 18px 20px;
    background-color: #FBFBFB;
    line-height: 1.4em;
}

.shortcode-header h1{
    color: #18b3f7;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 40px;
}

.perspective {
  -webkit-perspective: 76em;
          perspective: 76em;
  -webkit-perspective-origin: 50% 50px;
          perspective-origin: 50% 50px;
  width: 494px;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  color: #fff;
  text-align: center;
}

/* ================================================================= */
/* 04. Alert Message box                                                */
/* ================================================================= */

.iva_message_box {
    background-color: #f6f6f6;
    border-color: #e1e1e1;
    margin: 20px 0;
    position: relative;
    text-align: center;
    line-height: 1.8em;
}

.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.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.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.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.iva-box-dashed {
    border: 1px dashed;
}

.iva_message_box.iva-box-large {
    padding: 35px;
}

.iva_message_box_content {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.iva_message_box_content2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 20px 25px;
    text-align: left;
}

.iva_message_box_content3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 20px 0;
}

.iva_message_box_content2 .lightgray span.close, .error span.close, .info span.close, .alert span.close, .success span.close,  .custom span.close  {
    color: #414141;
    cursor: pointer;
    font-size: 11px;
    display: block;
    position: absolute;
    top: 24px !important;
    right: 15px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    background-color: rgba(0, 0, 0, 0.05);
}
.error span.close, .info span.close, .alert span.close, .success span.close, .lightgray span.close, .custom span.close {
    color: #414141;
    cursor: pointer;
    font-size: 11px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    background-color: rgba(0, 0, 0, 0.05);
    text-align: center;
}

/* ================================================================= */
/* 07. Blockquotes and Pullquotes                                    */
/* ================================================================= */

blockquote.alignleft  {
    width: 30%;
    margin: 3px 16px 15px 3px !important;
}

blockquote.aligncenter {
    text-align: center;
    clear: both;
    display: block;
    margin: 0 0 20px;
}

blockquote.alignright {
    width: 30%;
    margin: 3px 3px 15px 15px !important;
}

#blockquote p {
    line-height: 1.2em;
    margin-bottom: 20px;
}

/* ================================================================= */
/* 08. Fancybox                                                      */
/* ================================================================= */

.fancybox .boxcontent { padding: 25px; font-size: 14px; line-height: 1.8em; }
.fancybox {
    background-color: #f2f2f2;
    position: relative;
    margin: 0 0 20px 0;
    border-radius:         20px 20px 5px 5px;
}

.fancybox .fancytitle {
    margin-bottom: 0px;
    padding: 15px 25px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight:bold;
    background-color:#323A45;
    border-radius: 5px 5px 0px 0px;
}

/*==== CallOut Box ===*/

.callOutBox {
    position:relative;
    overflow: visible;
    margin: 0;
    padding: 40px;
    zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
    -webkit-transition: all 300ms ease-in;
    -o-transition:      all 300ms ease-in;
    transition:         all 300ms ease-in;
}
.callOutBox .teaser_content {
    height: 100%;
    overflow: hidden;
    margin:0;
}
.callOutBox .callout_text { float:left; }
.callOutBox .callout_btn { float: right; margin-top: 9px;}
.callOutBox h1,
.callOutBox h2,
.callOutBox h3,
.callOutBox h4,
.callOutBox h5,
.callOutBox h6,
.callOutBox p,
.callOutBox .btn { margin-bottom:0; }

/*==== Corner Ribbon ===*/

.ribbon { position: absolute; top: 0; right: 0; }
/* reset certain elements (in case of conflicting CSS for classes, links, etc.) */
.ribbon .text,
.ribbon .banner,
.ribbon a {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.ribbon a { color: #ffffff; text-decoration: none; }
.no-css-transforms .ribbon { font-size: 1em; position: relative; width: 100%; }

.ribbon .banner {
    -webkit-transform: rotate(45deg);
    -ms-transform:     rotate(45deg);
    transform:         rotate(45deg);
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    display: block;
    float: right;
    position: relative;
    right: -14px;
    top: 22px;
    width: 100px;
}

.ribbon-small .banner { right: -8px; top: 15px; width: 65px; }
.ribbon-large .banner { right: -20px; top: 32px; width: 150px; }

.ribbon .banner::after,
.ribbon .banner::before {
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    width: 30px;
}

.ribbon-small .banner::after,
.ribbon-small .banner::before {
    height: 6px;
    width: 20px;
}

.ribbon-large .banner::after,
.ribbon-large .banner::before {
    height: 18px;
    width: 45px;
}

.ribbon .banner::before {
    -webkit-transform: skewY(-45deg) translate(50%,15px);
    -moz-transform:    skewY(-45deg) translate(50%,15px);
    -ms-transform:     skewY(-45deg) translate(50%,15px);
    -o-transform:      skewY(-45deg) translate(50%,15px);
    -webkit-transform-origin: 100% center;
    -moz-transform-origin:    100% center;
    -ms-transform-origin:     100% center;
    -o-transform-origin:      100% center;
    left: -45px;
}

.ribbon-small .banner::before { top: -5px; left: -30px; }
.ribbon-large .banner::before { top: 9px; left: -68px; }

.ribbon .banner::after {
    -webkit-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
    -moz-transform:    translate(100%,-100%) skewY(45deg) translateX(-58%);
    -ms-transform:     translate(100%,-100%) skewY(45deg) translateX(-58%);
    -o-transform:      translate(100%,-100%) skewY(45deg) translateX(-58%);
    -webkit-transform-origin: 0 center;
    -moz-transform-origin:    0 center;
    -ms-transform-origin:     0 center;
    -o-transform-origin:      0 center;
    right: -17px;
}

.ribbon-small .banner::after { top: 18px; right: -12px; }
.ribbon-large .banner::after { top: 45px; right: -26px; }

.no-css-transforms .ribbon .banner { position: static; width: 100%; float: none; font-size: 10px; }
.ribbon .text {
    position: relative;
    z-index: 2;
    padding: 6px 0;
    font-size: 12px;
    font-weight: bold;
    min-height: 18px;
    line-height: 18px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    text-align: center;
}

/* small text */
.ribbon-small .text {
    padding: 3px 0;
    font-size: 8px;
    min-height: 14px;
    line-height: 14px;
}

/* large text */
.ribbon-large .text {
    padding: 9px 0;
    font-size: 18px;
    min-height: 28px;
    line-height: 28px;
}

.ribbon .text::before,
.ribbon .text::after {
    content: '';
    display: block;
    height: 30px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/* small text */
.ribbon.ribbon-small .text::before,
.ribbon.ribbon-small .text::after {
    height: 20px;
}

/* large text */
.ribbon.ribbon-large .text::before,
.ribbon.ribbon-large .text::after {
    height: 46px;
}

.ribbon .text::before {
    -webkit-transform: translateX(-15%) skewX(-45deg);
    -moz-transform:    translateX(-15%) skewX(-45deg);
    -ms-transform:     translateX(-15%) skewX(-45deg);
    -o-transform:      translateX(-15%) skewX(-45deg);
}

.ribbon .text::after {
    -webkit-transform: translateX(15%) skewX(45deg);
    -moz-transform:    translateX(15%) skewX(45deg);
    -ms-transform:     translateX(15%) skewX(45deg);
    -o-transform:      translateX(15%) skewX(45deg);
}

.no-css-transforms .ribbon .text { height: 25px; padding: 3px; }

/*--- RIBBON COLORS ---*/

/* default */
.ribbon .banner::after,
.ribbon .banner::before {
    background-color: #51a351;
}
.ribbon .text::before,
.ribbon .text::after,
.no-css-transforms .ribbon .text {
    background-color: #62c462;
}

/* green */
.ribbon-green .banner::after,
.ribbon-green .banner::before {
    background-color: #51a351;
}
.ribbon-green .text::before,
.ribbon-green .text::after,
.no-css-transforms .ribbon-green .text {
    background-color: #62c462;
}

/* blue */
.ribbon-blue .banner::after,
.ribbon-blue .banner::before {
    background-color: #0044cc;
}
.ribbon-blue .text::before,
.ribbon-blue .text::after,
.no-css-transforms .ribbon-blue .text {
    background-color: #0088cc;
}

/* mms blue */
.ribbon-blue-mms .banner::after,
.ribbon-blue-mms .banner::before {
    background-color: #2d5b98;
}
.ribbon-blue-mms .text::before,
.ribbon-blue-mms .text::after,
.no-css-transforms .ribbon-blue-mms .text {
    background-color: #367ab3;
}

/* light blue */
.ribbon-blue-light .banner::after,
.ribbon-blue-light .banner::before {
    background-color: #2f96b4;
}
.ribbon-blue-light .text::before,
.ribbon-blue-light .text::after,
.no-css-transforms .ribbon-blue-light .text {
    background-color: #5bc0de;
}

/* yellow */
.ribbon-yellow .banner::after,
.ribbon-yellow .banner::before {
    background-color: #f2ba00;
}
.ribbon-yellow .text::before,
.ribbon-yellow .text::after,
.no-css-transforms .ribbon-yellow .text {
    background-color: #ffd95e;
    color:#000000;
}

/* orange */
.ribbon-orange .banner::after,
.ribbon-orange .banner::before {
    background-color: #f89406;
}
.ribbon-orange .text::before,
.ribbon-orange .text::after,
.no-css-transforms .ribbon-orange .text {
    background-color: #fbb450;
}

/* red */
.ribbon-red .banner::after,
.ribbon-red .banner::before {
    background-color: #bd362f;
}
.ribbon-red .text::before,
.ribbon-red .text::after,
.no-css-transforms .ribbon-red .text {
    background-color: #ee5f5b;
}

/* purple */
.ribbon-purple .banner::after,
.ribbon-purple .banner::before {
    background-color: #611bbd;
}
.ribbon-purple .text::before,
.ribbon-purple .text::after,
.no-css-transforms .ribbon-purple .text {
    background-color: #af4ce8;
}

/* pink */
.ribbon-pink .banner::after,
.ribbon-pink .banner::before {
    background-color: #f000c0;
}
.ribbon-pink .text::before,
.ribbon-pink .text::after,
.no-css-transforms .ribbon-pink .text {
    background-color: #ff5edf;
}

/* black */
.ribbon-black .banner::after,
.ribbon-black .banner::before {
    background-color: #222222;
}
.ribbon-black .text::before,
.ribbon-black .text::after,
.no-css-transforms .ribbon-black .text {
    background-color: #444444;
}
/* brown */
.ribbon-brown .banner::after,
.ribbon-brown .banner::before {
    background-color: #6E2525;
}
.ribbon-brown .text::before,
.ribbon-brown .text::after,
.no-css-transforms .ribbon-brown .text {
    background-color: #B65252;
}
/* grey */
.ribbon-grey .banner::after,
.ribbon-grey .banner::before {
    background-color: #656565;
}
.ribbon-grey .text::before,
.ribbon-grey .text::after,
.no-css-transforms .ribbon-black .text {
    background-color: #BABABA;
}

/* White */

.ribbon-white .banner::after,
.ribbon-white .banner::before {
    background-color: #EFEFEF;
}
.ribbon-white .text::before,
.ribbon-white .text::after,
.no-css-transforms .ribbon-white .text {
    background-color: #ffffff;
}

/* ================================================================= */
/* 09. Button                                                        */
/* ================================================================= */

.vc_btn i,
.btn i { margin-right: 10px; }
.btn {
    background-color: #00c1cf;
    display : inline-block;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    opacity: 1;
    line-height: 20px;
    border-radius:         2px;
    -webkit-transition: opacity 0.3s linear;
    -o-transition:      opacity 0.3s linear;
    transition:         opacity 0.3s linear;
}

.btn span {
    left: 0;
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition:      all 0.2s ease-out 0s;
    transition:         all 0.2s ease-out 0s;
}

.btn.full { text-align: center;  width: 100%; }
.btn.border { border-width: 1px; border-style: solid;}
.btn.rounded { border-radius: 50px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari, Google Chrome margin fix */
    .btn span {
        margin-top: -1px;
        margin-left:-2px;
        margin-right:-2px;
    }
}

.btn.small   { font-size: 12px; padding: 5px 8px; }
.btn.medium  { font-size: 14px; padding: 10px 15px; }
.btn.large   { font-size: 18px; padding: 15px 22px; }
.btn.xlarge  { font-size: 24px; padding: 18px 26px; }

.btn.border {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 2px solid rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none !important;
    box-shadow:         none !important;
    -webkit-transition: all 0.2s linear 0s !important;
    -o-transition:      all 0.2s linear 0s !important;
    transition:         all 0.2s linear 0s !important;
}

.btn.border:hover   { border: 2px solid #FFFFFF; }

.light .btn.border      { border: 2px solid rgba(255, 255, 255, 0.75); color: #FFFFFF; }
.light .btn.border      { border: 2px solid #FFFFFF; }
.btn.dark.border        { border: 2px solid rgba(0, 0, 0, 0.75); color: #000000; }
.btn.dark.border:hover  { border: 2px solid #000000; }

.btn:hover { opacity: 0.75;}

.btn.dark { border:2px solid; background:none !important; border-radius:0;}
.btn.light { border:2px solid #ffffff; background:none !important; border-radius:0; }
.btn.dark span { color:#111111; }
.btn.light span { color:#ffffff; }

/*---- Button - Colors Scheme ----*/

.btn.black, .btn.black:hover        { background-color: #323232; color: #ffffff; }
.btn.white, .btn.white:hover        { background-color: #FCFCFC; color: #222222; }
.btn.magenta, .btn.magenta:hover    { background-color: #9A12B3; color: #ffffff; }
.btn.blue, .btn.blue:hover          { background-color: #4183D7; color: #ffffff; }
.btn.cyan, .btn.cyan:hover          { background-color: #32c3d6; color: #ffffff; }
.btn.orange, .btn.orange:hover      { background-color: #E87E04; color: #ffffff; }
.btn.red, .btn.red:hover            { background-color: #CF000F; color: #ffffff; }
.btn.yellow, .btn.yellow:hover      { background-color: #F7CA18; color: #000000; }
.btn.gray, .btn.gray:hover          { background-color: #6C7A89; color: #ffffff; }
.btn.green, .btn.green:hover        { background-color: #00ae6f; color: #ffffff; }
.btn.brown, .btn.brown:hover        { background-color: #D35400; color: #ffffff; }
.btn.pink, .btn.pink:hover          { background-color: #D2527F; color: #ffffff; }

a.btn, a.btn:hover, btn.btn:hover { background-color:#EDEDED; }

.btn span span {
    display: block;
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0.5px;
}

a.btn.center{ display: table; margin: 0 auto;}
a.btn.left{ float:left; }
a.btn.right{ float: right; }

.bg-1 .button {
    color: #37474f;
    border-color: #37474f;
}

.button {
    float: left;
    min-width: 150px;
    display: block;
    margin: 1em;
    padding: 1em 2em;
    border: none;
    text-align: center;
    background: none;
    position: relative;
}

button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 13.3333px Arial;
}

.icon {
    font-family: 'vicons';
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    line-height: inherit;
    position: relative;
    display: inline-block;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.button--itzel {
    overflow: hidden;
    width: 255px;
}
.button--itzel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid grey;
    background: #fff !important;
    border-radius: inherit;
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);
    clip-path: url(../index.html#clipBox);
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
}
.button--itzel:hover > span {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
}

.button--itzel > span {
    display: block;
    padding: 20px;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
       transition-delay: 0.3s;
}
.button > span {
    vertical-align: middle;
}
.button--itzel:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.icon-trash:before {
    content: '\f1f8';
    font-family: fontawesome;
}
.button--itzel:hover .button__icon {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
       transition-delay: 0.1s;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
}

.button--itzel .button__icon {
    position: absolute;
    top: 85%;
    left: 50%;
    padding: 20px;
    font-size: 20px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.button--itzel::before, .button--itzel .button__icon {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
       transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.icon {
    font-family: 'vicons';
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    line-height: inherit;
    position: relative;
    display: inline-block;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.button-slide {
    height: 66px;
    width: 200px;
    margin: 40px;
    padding: 10px;
    background-size: 200% 100%;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, lightblue), color-stop(50%, blue)), -webkit-gradient(linear, left top, right top, color-stop(50%, green), color-stop(50%, lightgreen));
    background-image: -webkit-linear-gradient(left, lightblue 50%, blue 50%), -webkit-linear-gradient(left, green 50%, lightgreen 50%);
    background-image: -o-linear-gradient(left, lightblue 50%, blue 50%), -o-linear-gradient(left, green 50%, lightgreen 50%);
    background-image: linear-gradient(to right, lightblue 50%, blue 50%), linear-gradient(to right, green 50%, lightgreen 50%);
    -webkit-transition: background-position .6s;
    -o-transition: background-position .6s;
    transition: background-position .6s;
    text-align: center;
    font-size: 30px;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    background-position: 100% top, 100% top;

    color: transparent;
    border: 1px solid black;

}

.button-slide:hover {
    background-position: 0% top, 0% top;
    border: none;-webkit-transition: border inherit linear;-o-transition: border inherit linear;transition: border inherit linear;
}

/* ================================================================= */
/* 09. column Layout                                                 */
/* ================================================================= */

.democlass:hover {
    background-color: #f3f3f3;
    cursor: pointer;
}
.democlass {
    background-color: #e7e7e7;
    color: #666;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 0;
}

/* ================================================================= */
/* 10. Icon Boxes                                                    */
/* ================================================================= */

.service-icon img {
    -webkit-transform:  rotateY(0deg);
    transform:          rotateY(0deg);
    -webkit-transition: all 400ms ease;
    -o-transition:         all 400ms ease;
    transition:         all 400ms ease;
}
.service-icon img a { display: block;}
.service-icon:hover img{
    margin:0 3px 0 0;
    -webkit-transition: all 400ms ease;
    -o-transition:         all 400ms ease;
    transition:         all 400ms ease;
    -webkit-transform:  rotateY(180deg);
    transform:          rotateY(180deg);
}

/*=== Services Icon Style 1 ====*/

.serviceIcn_style1 {
    position: relative;
    overflow: hidden;
}
.services_icon1 {
    position: relative;
    display: block;
    color: #1f9bb9;
    float: left;
    font-size: 26px !important;
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    text-align: center;
    border-radius:         100%;
}
 .sIcn_heading {
    overflow: hidden;
    position: absolute;
}
.sIcn_heading h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: left;
    margin: 0 0 0 50px;
}
.sIcn_content{
    text-align: left;
    margin-left: 50px;
}

.sIcn_content h3 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 8px;
    line-height: 38px;
}

.sIcn_heading2 h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

/*=== Services Icon Style 2a and Style 2b ====*/

.serviceIcn_style2a,
.serviceIcn_style2b { position: relative; }

.services_icon2a,
.services_icon2b {
    display: inline-block;
    font-size: 30px;
    line-height: 90px;
    cursor: pointer;
    margin: 15px 30px;
    width: 90px;
    height: 90px;
    text-align: center;
    position: relative;
    color: #999999;
    z-index: 1;
    border-radius:         50%;
}

.services_icon2a:after,
.services_icon2b:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    border-radius:         50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.services_icon2a .fa:hover,
.services_icon2b .fa:hover { color: #FFFFFF; }

/* Icon Color*/
.services_icon2a .gray  { color: #6C7A89;}
.services_icon2a.brown  { color: #D35400;}
.services_icon2a.cyan   { color: #32c3d6;}
.services_icon2a.orange { color: #E87E04;}
.services_icon2a.red    { color: #CF000F;}
.services_icon2a.magenta{ color: #9A12B3; }
.services_icon2a.yellow { color: #1f9bb9; }
.services_icon2a.blue   { color: #4183D7; }
.services_icon2a.pink   { color: #D2527F; }
.services_icon2a.green  { color: #81B441; }
.services_icon2a.black  { color: #222222; }
.services_icon2a.white i{ color: #FCFCFC;}

/* Icon Hover Color*/
.services_icon2a.gray:hover  { background: #6C7A89; color:#FFFFFF;}
.services_icon2a.brown:hover { background: #D35400; color:#FFFFFF; }
.services_icon2a.cyan:hover  { background: #32c3d6; color:#FFFFFF;}
.services_icon2a.orange:hover { background: #E87E04; color:#FFFFFF;}
.services_icon2a.red:hover  { background: #CF000F; color:#FFFFFF;}
.services_icon2a.magenta:hover { background: #9A12B3; color:#FFFFFF;}
.services_icon2a.yellow:hover { background: #f7ca18; color:#FFFFFF;}
.services_icon2a.blue:hover  { background: #4183D7; color:#FFFFFF;}
.services_icon2a.pink:hover  { background: #D2527F; color:#FFFFFF;}
.services_icon2a.green:hover { background: #81B441; color:#FFFFFF;}
.services_icon2a.black:hover { background: #222222; color:#FFFFFF;}
.services_icon2a.white:hover { background: #FCFCFC; color:#222222;}

.services_icon2a a { color: inherit !important; }

.services_icon2a.gray:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #6C7A89;
     box-shadow:         0 0 0 1px #6C7A89;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

.services_icon2a.brown:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #D35400;
     box-shadow:         0 0 0 1px #D35400;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

.services_icon2a.cyan:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #32c3d6;
     box-shadow:         0 0 0 1px #32c3d6;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

.services_icon2a.orange:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #E87E04;
     box-shadow:         0 0 0 1px #E87E04;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

.services_icon2a.red:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #CF000F;
     box-shadow:         0 0 0 1px #CF000F;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

.services_icon2a.magenta:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #9A12B3;
     box-shadow:         0 0 0 1px #9A12B3;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

.services_icon2a.yellow:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #f7ca18;
     box-shadow:         0 0 0 1px #f7ca18;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

.services_icon2a.blue:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #4183D7;
     box-shadow:         0 0 0 1px #4183D7;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

.services_icon2a.pink:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #D2527F;
     box-shadow:         0 0 0 1px #D2527F;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}
.services_icon2a.green:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #81B441;
     box-shadow:         0 0 0 1px #81B441;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}
.services_icon2a.black:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #222222;
     box-shadow:         0 0 0 1px #222222;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}
.services_icon2a.white:after {
     top: -6px;
     left: -6px;
     padding: 6px;
     -webkit-box-shadow: 0 0 0 1px #FCFCFC;
     box-shadow:         0 0 0 1px #FCFCFC;
     -webkit-transform: scale(.8);
     -ms-transform:     scale(.8);
     transform:         scale(.8);
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
     transition:         opacity 0.2s, -webkit-transform 0.2s;
     -o-transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s;
     transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
     opacity: 0;
}

/* Icon Hover Color*/
.services_icon2b .gray  { color: #6C7A89;}
.services_icon2b.brown  { color: #D35400;}
.services_icon2b.cyan   { color: #32c3d6;}
.services_icon2b.orange { color: #E87E04;}
.services_icon2b.red    { color: #CF000F;}
.services_icon2b.magenta{ color: #9A12B3; }
.services_icon2b.yellow { color: #1f9bb9; }
.services_icon2b.blue   { color: #4183D7; }
.services_icon2b.pink   { color: #D2527F; }
.services_icon2b.green  { color: #81B441; }
.services_icon2b.black  { color: #222222; }
.services_icon2b.white i{ color: #FCFCFC;}

.services_icon2b.gray:hover     { background: #6C7A89; color:#FFFFFF;}
.services_icon2b.brown:hover    { background: #D35400; color:#FFFFFF!important; }
.services_icon2b.cyan:hover     { background: #32c3d6; color:#FFFFFF;}
.services_icon2b.orange:hover   { background: #E87E04; color:#FFFFFF;}
.services_icon2b.red:hover      { background: #CF000F; color:#FFFFFF;}
.services_icon2b.magenta:hover  { background: #9A12B3; color:#FFFFFF;}
.services_icon2b.yellow:hover   { background: #f7ca18; color:#FFFFFF;}
.services_icon2b.blue:hover     { background: #4183D7; color:#FFFFFF;}
.services_icon2b.pink:hover     { background: #D2527F; color:#FFFFFF;}
.services_icon2b.green:hover    { background: #81B441; color:#FFFFFF;}
.services_icon2b.black:hover    { background: #222222; color:#FFFFFF;}
.services_icon2b.white:hover    { background: #FCFCFC; color:#222222;}
/* end  hover color */

/* Icon Hover Effect */
.services_icon2a, .services_icon2b {
    background: #F3F3F3;
    margin: 0 auto;
    display: table;
    -webkit-transition: background 0.2s, color 0.2s;
    -o-transition:         background 0.2s, color 0.2s;
    transition:         background 0.2s, color 0.2s;
}
.services_icon2a .fa, .services_icon2b .fa {
    z-index: 2;
}

/* Hover Icon Property */
.services_icon2a:after {
    top: -6px;
    left: -6px;
    padding: 6px;
    -webkit-box-shadow: 0 0 0 1px #00c1cf;
    box-shadow:         0 0 0 1px #00c1cf;
    -webkit-transform: scale(.8);
    -ms-transform:     scale(.8);
    transform:         scale(.8);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
    transition:         opacity 0.2s, -webkit-transform 0.2s;
    -o-transition:         transform 0.2s, opacity 0.2s;
    transition:         transform 0.2s, opacity 0.2s;
    transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    opacity: 0;
}

.services_icon2b:after {
    -webkit-transform: scale(.8);
    -ms-transform:     scale(.8);
    transform:         scale(.8);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transition:         opacity 0.2s, -webkit-transform 0.2s;
    transition:         opacity 0.2s, -webkit-transform 0.2s;
    -o-transition:         transform 0.2s, opacity 0.2s;
    transition:         transform 0.2s, opacity 0.2s;
    transition:         transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    opacity: 0;
}

.services_icon2a:hover, .services_icon2b:hover {
    background: #00c1cf;
    color: #FFFFFF;
}

.services_icon2a:hover:after, .services_icon2b:hover:after {
    -webkit-transform: scale(1);
    -ms-transform:     scale(1);
    transform:         scale(1);
    opacity: 1;
    color:#FFFFFF;
}

.sIcn_heading2a h3, .sIcn_heading2b h3{
    margin: 15px 0 20px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.sIcn_content2a, .sIcn_content2b {
    text-align: center;
}

/* Services Icon Style 3 and 4
======================================================================== */

.atp-services{
    position: relative;
}

.Icnbox_style {
    position: relative;
    z-index: 10;
    border: 1px solid #e0e0e0;
    background-color: rgba(255, 255,255,0.7);
    text-align: center;
    border-radius:         3px;
}
.Icnbox_style.top {
    margin-top: 35px;
    padding: 60px 30px 40px 30px;
}
.Icnbox_style.top:hover {
    background-color: #F4F4F4;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.Icnbox_style.left {
    margin-left: 30px;
    padding: 30px 30px 30px 60px;
    text-align: left;
}
.Icnbox_style.left:hover {
    background-color: #F4F4F4;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.services_icon3 {
    top: -34px;
    left: 50%;
    margin-left: -32px;
}
.services_icon4 {
    top: 50%;
    left: -31px;
    margin-top: -31px;
}
.services_icon3,
.services_icon4 {
    background-color: #f3f3f3;
    position: absolute;
    z-index: 20;
    display: block;
    width: 65px;
    height: 65px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 65px !important;
    border-radius:         50px;
}
.sIcn_heading3 > h3{
    margin: 15px 0 20px 0;
    font-size: 20px;
}
.sIcn_content3 {
    text-align: center;
}
.sIcn_content4 {
    text-align: left;
}

.services_icon3,
.services_icon4 {
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
}
.Icnbox_style:hover .services_icon3,
.Icnbox_style:hover .services_icon4{
    -webkit-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);
        transform: rotate(360deg) scale(1.2);
}

/* ================================================================= */
/* 11. List Styles FontAwesome                                       */
/* ================================================================= */

.iva-checklist {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

.iva-li-item-content {
    display: block;
    line-height: 2.0em;
}

.icon-wrapper {
    font-size: 16px;
    margin-right: 9px;
}

.list_circle {
    color: #fff;
    background: #888;
    font-size: 16px !important;
    width: 25px !important;
    height: 25px;
    line-height: 25px !important;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.iva-liststyle2 {
    line-height: 26px;
}

.iva-liststyle2.fa-ul > li{
    position: relative;
    padding-left: 5px;
}

/*=== List Styles ==== */

.pricing li     {
    background:#ffffff;
    border:1px solid #eeeeee;
    border-bottom:1px solid #ddd;
    margin-bottom:1px;
    border-radius:         3px;
}

.doubles { clear:both; padding-left:20px; margin-left:0px !important; overflow:hidden; }
.doubles li { float:left; width:42%; }

/* ================================================================= */
/*  12. Milestone Count                                              */
/* ================================================================= */

.milestone_wrap{
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 20px;
    border-radius:         5px;
}

.milestone_icon{
    color: #808080;
    font-size: 20px;
    text-align: center;
}

.milestone_icon .fa{
    font-size: 50px;
}

.milestone_content {
    text-align: center;
}

.count-number {
    color: #808080;
    font-size: 40px;
    font-weight: normal;
    margin-top: 25px;
    margin-bottom: 0;
}

.milestone-text {margin-top: 20px;}

/* ================================================================= */
/* 13. Staff - Shortcode                                             */
/* ================================================================= */

.bio .sociables { text-align: center; margin: 0;  padding: 15px 0; }
.bio .atpsocials li a{
    display: inline-block;
    *display: inline;
    width: 30px;
    padding: 0 !important;
    height: 20px;
    line-height: 30px;
    -webkit-transition: all 200ms ease-in;
    -o-transition:      all 200ms ease-in;
    transition:         all 200ms ease-in;
}

.bio .atpsocials li {
    float: none;
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    background-color: #FFFFFF;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(236,236,236,1);
    box-shadow: 0px 0px 0px 1px rgba(236,236,236,1);
}

.bio .sociables {
  display: table;
  border-collapse:separate;
  border-spacing: 5px;
  margin: 0 auto;
  padding: 10px 0;
}
.bio .sociables .atpsocials {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bio .sociables .atpsocials {
  display: table-row;
  border-collapse:separate;
  border-spacing: 10px;
}
.bio .atpsocials li {
  position: relative;
  display: table-cell;
  border-radius: 5px;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  width: 35px;
  height: 35px;
  text-align: center;
  cursor: poniter;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(236,236,236,1);
          box-shadow: 0px 0px 0px 1px rgba(236,236,236,1);
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}


.bio { position: relative; background-color: #f8f8f8; }
.bio hgroup { text-align: center; }
.bio hgroup h3{ margin-bottom: 0;}
.bio::before, .bio::after { position: absolute;     content: ''; }
.bio::before { width: 99%; left: .5%; bottom: -4px; }
.bio::after { width: 98%; left: 1%;     bottom: -7px; }
.bio .details {
    background: #FDFDFD;
    border-bottom: 1px solid #E9E9E9;
    padding: 10px;
    text-align: center;
}
.bio .details p { padding: 0 20px; }
.bio img { max-width: 100%; display:block;}
.bio h4 { margin-bottom:0px; }
.bio span.staff-role {
    margin-bottom: 10px;
    display: block;
    color: #b2b2b2;
    line-height: normal;
}

.staff-pic {
    position: relative;
}
.staff-pic .imgoverlay {
    display: block;
    position: absolute;
    background: url('sc_images/hover_image.html') right top no-repeat transparent;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
}
.service-img .imgoverlay {
    display: block;
    position: absolute;
    background: url('sc_images/hover_image.html') right top no-repeat transparent;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
}
.ttip {
    display: none;
    position: absolute;
    bottom: 40px;
    left: -50%;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 15px;
    background: #333333;
    color: #ffffff;
    border-radius: 2px;
}
.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;
}

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

.atpsocials { list-style:none; margin:0; padding:0; }
.atpsocials li img { position: relative;  vertical-align: text-top;}
.atpsocials li {
    display: inline-block;
    margin: 0 3px 3px 0;
    line-height: 24px;
    text-align: center;
    width: 26px;
    height: 26px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-in;
    -o-transition:      all 200ms ease-in;
    transition:         all 200ms ease-in;
}

.atpsocials li a:hover .fa-facebook         { color:#3B5998; }
.atpsocials li a:hover .fa-twitter          { color:#00A0D1; }
.atpsocials li a:hover .fa-beatport         { color:#B6DD36; }
.atpsocials li a:hover .fa-dribbble         { color:#ea4c88; }
.atpsocials li a:hover .fa-flickr           { color:#FE0883; }
.atpsocials li a:hover .fa-deviant          { color:#5C7062; }
.atpsocials li a:hover .fa-blogger          { color:#FF8833; }
.atpsocials li a:hover .fa-google-plus      { color:#C63D2D; }
.atpsocials li a:hover .fa-linkedin         { color:#0077b5; }
.atpsocials li a:hover .fa-instagram        { color:#b77f5f; }
.atpsocials li a:hover .fa-pinterest        { color:#910101; }
.atpsocials li a:hover .fa-reddit           { color:#6CC0FF; }
.atpsocials li a:hover .fa-rss              { color:#FA9B39; }
.atpsocials li a:hover .fa-stumbleupon      { color:#EB4924; }
.atpsocials li a:hover .fa-soundcloud       { color:#FE531B; }
.atpsocials li a:hover .fa-tumblr           { color:#34526F; }
.atpsocials li a:hover .fa-youtube          { color:#C4302B; }
.atpsocials li a:hover .fa-vimeo-square     { color:#0caed4; }
.atpsocials li a:hover .fa-digg             { color:#910101; }
.atpsocials li a:hover .fa-snapchat         { color:#fffc00; }

.atpsocials li a:hover .fa-adn              { color:#cc0001; }
.atpsocials li a:hover .fa-android          { color:#77c159; }
.atpsocials li a:hover .fa-behance          { color:#1377ff; }
.atpsocials li a:hover .fa-delicious        { color:#0000ff; }
.atpsocials li a:hover .fa-lastfm           { color:#d20039; }
.atpsocials li a:hover .fa-skype            { color:#02b4eb; }
.atpsocials li a:hover .fa-whatsapp         { color:#2db11f; }
.atpsocials li a:hover .fa-yahoo            { color:#65106e; }
.atpsocials li a:hover .fa-yelp             { color:#b4282e; }
.atpsocials li a:hover .fa-vk               { color:#4c75a3; }
.atpsocials li a:hover .fa-paypal           { color:#00488c; }
.atpsocials li a:hover .fa-dropbox          { color:#3277e3; }
.atpsocials li a:hover .fa-deviantart       { color:#04CC47; }

.atpsocials li a,
.atpsocials li a:hover { color: inherit; }

/* ================================================================= */
/*  14. Tabs                                                         */
/* ================================================================= */

.ivatabspane  {
    clear: both;
    margin: 10px 0 30px;
    padding: 0;
    position: relative;
}

.ivatabspane .panes              { clear:both; }
.ivatabspane.centertabs ul.tabs  {
    display: table;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.ivatabspane.righttabs ul.tabs   { margin:0 0 0 auto; float:right; }
.hortabs .tabs {
    display: table;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.hortabs .tabs li {
    float: left;
    line-height: 40px;
    list-style-type: none;
    padding: 0 30px;
    cursor: pointer;
    border-width: 1px 1px 0 1px;
    border-color: #dddddd;
    border-style: solid;
    margin-right: 3px;
}
.hortabs .tabs li:first-child{
    border-width: 1px 1px 0 1px;
    border-color: #dddddd;
    border-style: solid;
}

.hortabs .tabs a span {
    display:block;
}

.hortabs .tabs a {
    color: #000000;
    display: block;
    position: relative;
    text-decoration: none;
}

.hortabs .tab_content {
    background-color: #ffffff;
    display: none;
    overflow: hidden;
    padding: 30px 20px 15px 20px;
    border: 1px solid #dddddd;
}

.hortabs .tabs li.current {
    color: #000000;
    margin: 0;
    position: relative;
    font-weight: 900;
    margin-right: 3px;
}

.hortabs .tabs li.current a {
    cursor: pointer;
    color:#000;
}

/*=== Vertical Tabs ==== */
.vertabs .panes  { clear:none;}
.vertabs .tabs {
    clear: none;
    float: left;
    width: 160px;
    height: auto;
    margin: 0 !important;
    padding: 0;
    border-bottom: none;
}
.vertabs .tabs li {
    clear: left;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    border: 1px solid #dddddd;
    border-width: 1px 0 0 1px;
    line-height: normal;
    list-style-type:none;
}
.vertabs .tabs li:last-child {
    border-width:1px 0px 1px 1px;
}

.vertabs .tabs a {
    display: block;
    clear: left;
    float: none;
    position: relative;
    height: auto;
    padding: 10px 15px;
    text-decoration: none;
}
.vertabs .tab_content {
    padding: 26px;
    overflow: hidden;
}
.vertabs .tabs li.current {
    position: relative;
    margin: 0 -1px 0 0;
    font-weight: 600;
}

.vertabs .tabs li.current a {
    color: #444;
    cursor: pointer;
}

.vertabs .tab_content { border:1px solid #dddddd; }

/* ================================================================= */
/* 15. Typography                                                    */
/* ================================================================= */

.dropcap {
    background-position: left top;
    background-repeat: repeat;
    font-size: 28px;
    line-height: 50px;
    margin: 5px 15px 0 0;
    border-radius:         2px;
}

.dropcap.dc-square  { float: left; text-align: center; width: 47px; color: #888888; }
.dropcap.dc-circle  { border-radius:
                        50px; float: left; text-align: center; width: 48px; color: #888888; }
.dropcap.dc-text    { float: left; text-align: center; width: 48px; font-size: 48px; }

/* ================================================================= */
/* 10. Dividers                                                      */
/* ================================================================= */

.divider {
	display:block;
	clear:both;
	margin: 30px 0;
	border-bottom-width: 1px;
	border-color: inherit;
}

.divider.thin	{ border-bottom-style: solid; opacity: 0.2; }
.divider.fat	{ border-bottom-style: solid; border-bottom-width: 2px;  }
.divider.dotted	{ border-bottom-style: dotted; }
.divider.dashed	{ border-bottom-style: dashed; }

.divider_space {
	display:block;
	clear:both;
	margin: 30px 0;
}

.demo_space {
    display: block;
    margin: 0;
    width: 100%;
}
.divider img { max-width:100%;}

.customdivider {
	width:auto;
	display:block;
	clear:both;
	height:100%;
	padding:40px 0 40px 0;
	text-align:center;
}
.customdivider img { width:auto; max-width:100%; height:auto; }

.divider_top {
	position: relative;
	background:url('../images/opacs/dark10.html') center center repeat-x;
	height:2px;
	padding:40px 0;
	clear:both;
}

.divider_top a {
    font-size: 10px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 24px;
}

.divider_top a span{
	font-size: 11px;
	line-height: 10px;
	text-transform: uppercase;
	color:#fff;
	background-color:#000;
	padding:3px 6px;
}


/*footer socials*/

.footer-socials .fa-facebook:hover {
    color: #6495ed;
    -webkit-transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
    -o-transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
    transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
}
.footer-socials .fa-whatsapp:hover {
    color: #25d366;
    -webkit-transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
    -o-transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
    transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
}
.footer-socials .fa-dribbble:hover {
    color: #ea4c89;
    -webkit-transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
    -o-transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
    transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
}
.footer-socials .fa-twitter:hover {
    color: #0084b4;
    -webkit-transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
    -o-transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
    transition: all 4s cubic-bezier(0, 1.32, 0.88, 1.29);
}

/*Main styles*/
.wrapper {
	position: relative;
	margin: 0 auto;
}
.section-row {
	background-color:#ffffff;
	width: 100%;
	padding: 10px 0;
}
.section-inner {
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
}
.is-full .section-inner { max-width: 100%; }
.header-wrap {
	position: relative;
}
.menu-wrap {
	position: relative;
	background-color: #ffffff;
    padding: 0 1.5rem;
}
.menu-wrap-inner {
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 1140px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 70px;
}
.menu-wrap-left {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 80%;
	        flex: 0 1 80%;
}
.menu-wrap-right {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 20%;
	        flex: 0 1 20%;
	text-align: right;
}
.site-title {
    margin: 0;
    display: none;
}

.logo-wrap { position: relative; padding: 40px 0; z-index: 20;}
.logo-inner { max-width: 1160px; margin: 0 auto; }
.logo {	text-align: center;}
.logo img {	margin: 0 auto;}
.pin{position: absolute;left: 50%;transform: translateX(-50%);}

/* Body Background */
.at-body-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
.mobile-menu  {
    padding: 0;
    margin: 0 24px;
}
 /*---------------- Authority-------------------*/
 
 .iva-authority {
	padding: 45px 20px;
}
/*-----------------counter----------------------*/
.iva-counter-section {
	background-color: #223138;
	text-align: center;
	color: #fff;
	padding: 20px 0;
}
.counter-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin: 20px 0;
}
.counters-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 75%;
	        flex: 0 1 75%;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.counter-info {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 25%;
	        flex: 0 1 25%;
	text-align: left;
	padding-bottom: 20px;
	min-width: 130px;
}
.at-counter {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 25%;
	        flex: 0 1 25%;
	padding-bottom: 25px;
	text-align: left;
	min-width: 130px;
}
.at-counter .funfact-number {
	font-size: 50px;
	line-height: 100%;
	font-weight: 100;
}
.counter-info i {
	text-decoration: none;
	font-size: 45px;
}

.counter-info i.fa-map-o { color: #15bfe4; }
.counter-info i.fa-users { color: #C5943F; }

.counter-title {
	font-size: 30px;
	font-weight: 600;
	margin-left: 5px;
}
/* Fancy Heading */

.fancy-heading-s1 { position: relative; padding-bottom: 30px; font-weight: 700; }
.fancy-heading-s1 :first-of-type { margin-bottom: 0; }

.fancy-heading-s2 { position: relative; }
.fancy-heading-s2 .fancy-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 999;
	font-size: 20px;
	letter-spacing: 15px;
	font-weight: 500;
}
.fancy-heading-s2 .fancy-caption {
	display: block;
	font-size: 100px;
	color: rgba(0, 0, 0, 0.1);
	font-weight: 900;
}
.fancy-heading-s h2{

}
/*=====================================================
Partial Section
=====================================================*/

.partial-section {
	width: 100%;
	position: relative;
	padding: 0 10px;
}
.partial-section::after{
	clear: both;
	display: block;
	content: "";
}
.partial-inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.partial-image {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
}
.partial-image-props {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
@media only screen and ( max-width: 768px ) {
	.partial-image,
	.partial-content {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}
}
.partial-content {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.partial-image img {
  width: 100%;
}

/*  highlight-box */
.highlight-box {
	padding: 20px 10px 20px 0;
	min-height: 260px;
}
.highlight-box h3 {
	color: #d6d5d5;
	line-height: 30px;
	margin-bottom: 10px;
}
.highlight-box p {
	color: #6f6f6f;
}

.highlight-box i {
	font-size: 35px;
	margin-bottom: 10px;
	color: #c5943f;
}
.highlight-box span {
	color: #1c1c1c;
	opacity: 0.9;
}
span.highlight-title {
	display: block;
	color: #313131;
	opacity: 0.5;
	margin-bottom: 10px;
}
.bg-black {background-color: #000000;}
.bg-extra-dark-grey {background-color: #1c1c1c}

.power-bg {
	background-image: url('../images/buildings.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
}
/*-- Person Info --*/

.person-info { padding: 20px; }
.person-bio { position: relative; }
.person-img { position: relative; }
.person-img:after {
	content: "";
	background: rgba(36, 141, 203, 0.6);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	display: block;
}
.person-bio:hover .person-img:after {
	opacity: 1;
	height: 100%;
}
.name { margin-bottom: 10px; font-weight: 700; font-size: 18px;}
.designation { margin-bottom: 10px; opacity: 0.7; }

.person-overlay {
	color: #ffffff;
	position: absolute;
	opacity: 0;
	left: 0;
	right: 0;
	height: 0;
	top: 0;
	text-align: center;
	padding: 20px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.person-bio:hover .person-overlay {
	opacity: 1;
	height: auto;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 1;
}



/* Icon Boxes */

.icon-box {
	position: relative;
	padding-left: 55px;
	margin-bottom: 40px;
}
.icon-box-icon {
	position: absolute;
	left: 0;
	width: 45px;
	height: 40px;
	font-size: 35px;
	line-height: 35px;
}
.icon-box h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 600;
}

/*------- skill set ------------------*/
@media only screen and (max-width: 768px) {
	.iva-skills-section .xcol-6 {
		margin-bottom: 20px !important;	
	}
}
@media only screen and (max-width: 425px) {
	.iva-skills-section .xcol-6 {
		margin-bottom: 0 !important;
	}
}
.iva-skill {
	text-align: center;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 23%;
	        flex: 0 1 23%;
	min-width: 440px;
	margin: 15px 0;
	padding: 50px 10px;
}
.iva-skill p {
	font-size: 14px;
	color: #6f6f6f;
	padding: 0 50px;
}
.skill-number {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 120px;
	line-height: 0;
	color: rgba(156, 156, 156, 0.1);
	z-index: 0;
}
.skill-set {
	position: relative;
	margin-bottom: 20px;
}
.skill-set h5 {
	font-size: 12px;
	color: #6f6f6f;
}
.skill-set h3 {
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
}

/*services*/

.iva-services {
    background: #e4ebef;
}

/* Investors */
.our-investors {
	background-color: #e4ebef;
}
.investors-list {
	margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
}
.investors-list li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 14.666%;
	flex: 1 1 14.666%;
	padding: 5px;
	margin: 2px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.investors-list li img {
	margin: 0 auto;
}
.investors-list li:hover {
	-webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
}

.investor-single {
    position: absolute;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 100%;    
}

/*------------copyright section---------------*/
.copyright {
	padding: 10px 0;
	border-top: 1px solid #dddddd;
}
.copyright-inner {
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.copyright-left {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 70%;
	        flex: 0 1 70%;
}
.copyright-right {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 30%;
	        flex: 0 1 30%;
	text-align: center;
}



/*-----------investors section----------*/
.iva-investors {
	background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.65)) ), url(../images/section-bg1.jpg);
	background: -webkit-linear-gradient( rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) ), url(../images/section-bg1.jpg);
	background: -o-linear-gradient( rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) ), url(../images/section-bg1.jpg);
	background: linear-gradient( rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.65) ), url(../images/section-bg1.jpg);
	color: #fff;
}

.investor-logos {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.investor-logos li {
	position: relative;
	list-style: none;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 44%;
	        flex: 0 1 44%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
	margin: 3%;
	padding: 15px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.investor-logos img {
	margin: 0 auto;
}
.investor-logos li:hover {
	-webkit-box-shadow: 0px 0px 20px 4px rgba(169, 169, 169, 0.63);
	        box-shadow: 0px 0px 20px 4px rgba(169, 169, 169, 0.63);

}
/* Post meta */
.at-post-meta {
    padding: 8px 0;
    border: 1px solid #eeeeee;
    border-width: 1px 0 0 0;
}
.at-post-meta::after{
	clear: both;
	content: "";
	display: block;
}
.at-post-meta > span {
    color: #777777;
    display: inline-block;
    font-size: 12px;
	float: left;
}

.at-post-meta > span:not(:last-child):after {
	content: "\2022";
	font-size: 12px;
	line-height: 12px;
	color: inherit;
	padding: 0 5px;
	opacity: 0.5;
}

/* ================================================================= */
/*  34. Testimonials                                                 */
/* ================================================================= */

.testimonial-box {
	position: relative;
	margin: 0 auto;
	min-height: 100px;
}

.testimonials-list .testimonial-box {
	margin-bottom: 50px;
	}

.tc-content {
	position: relative;
	overflow: hidden;
}

.tc-content p {
	margin-bottom:0px;
	position: relative;
	padding: 0 10px 0 20px;
}

.tc-details { float: left; }

.tc-client-image  {
	position: relative;
	margin: 0 auto;
	display: table;
}

.tc-client-image  img {
	display: block;
	border-radius:         100%;
}

.tc-client-meta {
	margin: 15px 0 0 20px;
	position: relative;
	line-height:normal;
}

.client-name strong { display:block; }

/*=== Testimonials Lists ==== */

.testimonial_list { position:relative; }
.testimonial_list {
	min-width: 100px;
	position: relative;
	clear:both;
	list-style: none;
	padding: 0;
	margin: 0;
}

.testimonial_list li {
	top: 0;
	left: 0;
	display: none;
	background: none;
	padding: 0;
	list-style: none;
}

.testimonial_list li:first-child {
	display:block;
}
.testimonial_list .client-meta { margin-left: 65px}

#testimonialid input, #testimonialid textarea{ width: 70%;}
#testimonialid button { border: 0;}

/* Testimonials Grid
======================================================================== */
.testimonial-grid-wrap{
	margin: 0 auto;
	clear: both;
	width:100%;
}
.iva-testimonial {
	display: table-cell;
	float: none;
	border: 1px dashed #dddddd;
	border-width: 0 1px 1px 0;
	padding: 20px;
}

.iva-last-testimonial {
	border-right: none;
}
.iva_one_half {
	width: 50%;
}

.iva_one_third {
	width: 33.33%;
}

.testimonial-row {
 	display: table-row;
}

.testimonial-row:last-child .iva-testimonial{ border-bottom: none; }
/* Carousel */
.tc-item {
	position: relative;
	margin: 0 auto;
	min-height: 100px;
	margin: 10px;
}
.tc-item .tc-details { float:none; margin-bottom:20px;}
.tc-item .tc-content { text-align: center;  }
.tc-item .tc-client-meta { margin-left: 0; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-weight: normal;}
.tc-item .tc-content p {
	padding: 0 20px;
	font-size: 20px;
	line-height: 150%;
	font-weight: 600;
	text-align: center;
}
.tc-image img {
	border-radius: 50%;
}
.tc-image {
	width: 150px;
	height: 150px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 10px;
	border-radius: 50%;
	background-size: cover;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);
}
/* Testimonial Submission */
#testimonialid input,
#testimonialid textarea{ width:200px; border: 1px solid #DDDDDD; }
#testimonialid button{ border:0; }

/* Instafeed CSS */

.img-featured-container { overflow: hidden; position: relative; }
.img-featured-container img { width: 100%; }

.img-featured-container .img-backdrop {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background: -webkit-linear-gradient(315deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));
	background: -o-linear-gradient(315deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));
	background: linear-gradient(135deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.img-featured-container .description-container .caption { display: block; }
.img-featured-container:hover > .img-backdrop { opacity: 1; }

/* center text horizontally and vertically on image hover */
.img-featured-container .description-container {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0 30px;
	width: 100%;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	z-index: 2;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.img-featured-container .description-container .fa-instagram { font-size: 40px; }
.img-featured-container .description-container p { font-weight: 300; margin-bottom: 0; }

.img-featured-container:hover .description-container { opacity: 1; }
.img-featured-container .description-container .likes,
.img-featured-container .description-container .comments { margin: 0 5px; }

.iva-instagram a { color: #fff; }
.iva-instagram { position: relative; }
.follow-request {
	position: absolute;
	top: 40%;
	left: 46%;
	right: 0;
	width: 182px;
	background-color: #3f4142;
	padding: 14px;
	z-index: 999;
	font-size: 16px;
	font-weight: 300;
	cursor: pointer;
}

.follow-request:hover {
	background-color: #222222;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/* Footer */

.iva-footer {
	position: relative;
	padding: 50px 0;
	border-top: 1px solid #dddddd;
}
.footer-inner {
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
}
.footer-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #000000;
}
.footer-content p {
	font-size: 16px;
	font-weight: 300;
}
.footer-menu1,
.footer-menu2 {
	font-size: 16px;
	font-weight: 300;
}
.footer-menu1 a:hover,
.footer-menu2 a:hover {
	color: #3bc2a6 ;
}

/*================================================================
			Urban Metro Directory Page CSS
================================================================*/

.sub-page {
	position: relative;
	overflow: hidden;
}

.sub-page .header-bg {
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	z-index: -1;
}
.iva-map iframe {
    width: 100%;
	height: 400px;
	margin-bottom: 0;
}


.location-tabs {
	margin-top: -7px;
	border-bottom: 1px solid #e5e5e5;
}

.tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #555555;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 0;
}
.tab {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
}
.tab:first-child{
	border-left: 1px solid #e5e5e5;
}
.tab a {
	padding: 20px 26px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tab-title {
	font-size: 14px;
	font-weight: 600;
	margin-left: 8px;
}

/* Directory Page */
.iva-location {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-bottom: 1px solid lightgrey;
	padding: 25px 20px;
}
.iva-location:last-child {
	border-bottom: 0;
}
.location-details {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 56%;
	        flex: 0 1 56%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and ( max-width: 425px ) {
	.location-button {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-top: 20px;
		text-align: center !important;
	}
}

.location-socials {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 19%;
	        flex: 0 1 19%;
}
.locator {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 19%;
	        flex: 0 1 19%;
}
.location-img {
	display: inline;
	width: 100px;
	height: 100%;
	margin-right: 20px;
	margin-bottom:20px;
}

.location-socials li {
	display: inline;
}
.location-address { position: relative; }
.location-address .entry-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.location-address p:last-child { margin-bottom: 0; }

/*Location Map*/

.location-map {
    width: 100%;
    height: 200px;
    background: #ccc;
    margin: 10px 0;
    display: none;
}
.map {
	width: 100%;
	height: 100%;
}
/*==================================
Directory page 2
===================================*/

.iva-category-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.iva-category-list li {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 24%;
	        flex: 0 1 24%;
	position: relative;
}
.category-details:after {
		display: block;
		position: absolute;
		margin-top: -102px;
		content: "";
		width: 100%;
		height: 103px;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 0)), to(rgba(0, 0, 0, 0.7)));
		background: -webkit-linear-gradient(top, rgba(202, 202, 202, 0), rgba(0, 0, 0, 0.7));
		background: -o-linear-gradient(top, rgba(202, 202, 202, 0), rgba(0, 0, 0, 0.7));
		background: linear-gradient(to bottom, rgba(202, 202, 202, 0), rgba(0, 0, 0, 0.7));
		z-index: 1;
}
.owl-item .category {
	position: absolute;
	top: 40px;
	right: 40px;
	background-color: #00ae6f;
	color: #ffffff;
	padding: 0px 10px;
}

.category-details {
	position: relative;
}

.overlay-title {
	position: absolute;
	bottom: 40px;
	left: 40px;
	color: #ffffff;
	z-index: 999;
}

.overlay-title h3,
.overlay-title h5 { margin-bottom: 5px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #222222;
}
.owl-dot.active {
		border: 1px solid #000000;
		margin: 3px;
		padding: 0px 5px;
		border-radius: 50px;
}
.owl-dot {
	vertical-align: middle;
}
/*========================================
			Blog page
=======================================*/

.container {
	display: block;
	position: relative;
	background-color: #ffffff;
	padding: 0 20px;
}
.content-area {
	display: inline;
	float: left;
	width: 100%;

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.sidebar {
	display: inline-block;
	width: 30%;
	border-left: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-left: -1px;
	padding: 80px 0 50px 40px;
}
/* ================================================================= */
/* Blog Single Page                                                  */
/* ================================================================= */

.author_containter {
    position: relative;
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
}
.author-avatar {
    margin: 0 25px 0 0;
  	-webkit-box-flex: 1;
    -ms-flex: 1 0 21%;
    flex: 1 0 21%;
}
.author-description {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 75%;
            flex: 1 0 75%;
}
.author-description p {
    font-size: 13px;
}
.author-more {
    margin: 10px 0;
    display: block;
    width: 160px;
    color: #fff;
    background-color: #222222;
    padding: 5px 8px;
    border: 1px solid #222222;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.author-more:hover {
    color: #222;
    background-color: #fff;
}
.tag-cloud .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 15%;
            flex: 1 0 15%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.tagcloud  {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 85%;
            flex: 1 0 85%;
}
.author_containter h4 {
    margin-bottom: 20px;
}
/*================================================================
						Single Investors page
================================================================*/

.sponser-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.sponser-left {
	-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
}
.sponser-right {
	-ms-flex-preferred-size: 30%;
		flex-basis: 60%;
}
.detail {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
}
.detail input, .detail textarea, .detail select {
	display: block;
	border: none;
	border-bottom: 1px solid #cccccc;
	width: 200px;
	background: none;
	color: #1b1b1b;
	font-size: 16px;
	font-weight: 600;
}
.detail input {
	height: 40px;
}

/* Contact Us */
.contact-map iframe {
    width: 100%;
	height: 100%;
	min-height: 600px;
	margin-bottom: -6px;
	z-index: -1;
}

.our-specials {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.our-specials .column-6 {
	width: 50%;
	float: left;
	display: table;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #fff;
}
/* ================================================================= */
/* Blog Posts CSS                                                    */
/* ================================================================= */
article.post:not(.singlepost) {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

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

.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;
}
.entry-title a {
    color: #22222b;
}
.entry-meta > span {
    display: inline-block;
    font-size: small;
}
.entry-meta > span:not(:last-child):after {
	content: "";
	margin: 0 15px;
	font-size: 14px;
	border-right: 1px dotted rgba(0,0,0,0.15);
}
.entry-meta > span a {
	color: #222;
}
article.post .postimg-flat {
    display: block;
    width: 100%;
    margin: 0 0 2% 0;
}
figure img {
    width: 100%;
    max-width: 100%;
}
article.post .more-link {
    display: table;
    margin-top: 20px;
    position: relative;
}
.comment-reply-link::after, .more-link::after, .read_more span:after {
    content: '\f105';
    font-family: fontawesome;
    position: absolute;
    right: -5px;
    top: 10%;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.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;
}
.bttop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #C5943F;
  color: #ffffff;
  display: none;
  padding: 5px 10px 6px;
  text-decoration: none;
  z-index: 99999;
}

.owl-prev, .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border:0px solid black;
    background-color: transparent;
}
.owl-prev { left: -20px; }
.owl-next { right: -20px; }
.owl-prev i, .owl-next i {transform : scale(2,5); color: #ccc;}
.brand-logo {
	float: left;
	padding: 10px 0;
	max-width: 171px;
    margin-left: -17px;
}
.menu-left{
    width: 74%;
}
.text-primary{
    color: #C5943F;
}
.letter-space{
    letter-spacing: 0.4em;
}
.extra-bold{
    font-weight: 800;
}
.quote {
	font-size: 14px;
	color: #313131;
	font-weight: 400;
}
.thin{
    font-weight: 300;  
}
.mt-20{
    margin-top: 10px;
}
.govern-images{
        overflow: hidden;
        width: 100%;
        min-height: 100%;
        position: relative;
        z-index: 0;
}
.govern-images img {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	object-position: center center;
}
.contact-form-container {
	padding: 10px 5px;
	padding-right: 3rem;
}
.img-set{
    display: block; margin-left: 50%; transform: translateX(-50%);
}
.text-con img{
    padding: 1rem;
}
.text-con p{
    margin-top: 1rem;
    text-align: left;
    
}
.text-con ol{
    margin-bottom: 2rem;
}
.text-con li{
    margin-top: 1rem;
}
.scrolled{
position: sticky;
top: 0;
z-index: 1000000;
width: 100%;
padding: 0;
}

.bullet-list{
    margin-top: 10px;
}
.bullet-list li{
    margin-bottom: 5px;
}


.np{
    padding-right: 3rem ;
}.product-list div{
    max-height: 100px;
}
.product-list{
    display: grid;
    grid-template-columns : repeat(2, 1fr);
    grid-auto-flow: dense;
}

.product-list div:last-child{
    grid-column: 2;
    grid-row-start: 1;
    grid-row-end:3;
    max-height:max-content;
    padding: 10px;
}