/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ===== */
/* 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.*/
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

/* Sections ===== */
/* Remove the margin in all browsers. */
body { margin: 0; overflow-x: hidden; }

/* Grouping content ===== */
/* 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.*/
hr { box-sizing: content-box; height: 0; overflow: visible; }
/* 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; font-size: 1em; }

/* Text-level semantics ===== */
/* Remove the gray background on active links in IE 10.*/
a { background-color: transparent; }
/* 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.*/
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
/* Add the correct font weight in Chrome, Edge, and Safari.*/
b, strong { font-weight: bold; }
/* 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
/* Add the correct font size in all browsers.*/
small { font-size: 80%; }
/* Prevent `sub` and `sup` elements from affecting the line height in all browsers.*/
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.4em; }

/* Embedded content ====== */
/* Remove the border on images inside links in IE 10.*/
img { border-style: none; }

/* Forms ===== */
/* 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.*/
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
/* Show the overflow in IE.*/
button, input { overflow: visible; }
/* Remove the inheritance of text transform in Edge, Firefox, and IE.*/
button, select { text-transform: none; }
/* Correct the inability to style clickable types in iOS and Safari. */
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
/* Remove the inner border and padding in Firefox.*/
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
/* Restore the focus styles unset by the previous rule.*/
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; }
/* Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }
/* 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.*/
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }
/* Remove the default vertical scrollbar in IE 10+.*/
textarea { overflow: auto; }
/* 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.*/
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
/* Correct the cursor style of increment and decrement buttons in Chrome.*/
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
/* 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.*/
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
/* Remove the inner padding in Chrome and Safari on macOS.*/
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
/* 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.*/
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

/* Interactive ===== */
/* Add the correct display in Edge, IE 10+, and Firefox.*/
details { display: block; }
/* Add the correct display in all browsers.*/
summary { display: list-item;}

/* Misc ===== */
/* Add the correct display in IE 10+.*/
template { display: none; }
/* Add the correct display in IE 10.*/
[hidden] { display: none; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
  color: #606060;
  font-family: 'Texturina', serif;
  font-size: 16px;
  font-weight: 400;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  line-height: 1.2;
  margin: 0 0 20px;
  color: #1a1b1e;
  font-family: 'Texturina', serif;
}
h1 { font-size: 42px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

/* Responsive heading */
/* Tablet Large */
@media only screen and (max-width: 1024px) {
  body { line-height: 1.5; }
  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  h3 { font-size: 24px; }
  h4, h5, h6 { font-size: 18px; }
}
/* Tablet Small */
@media only screen and (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 { font-weight: 700; }
  h1 { font-size: 32px; }
  h2 { font-size: 26px; line-height: 1.15384615; }
  h3 { font-size: 22px; line-height: 1.13636364; }
  h4, h5, h6 { line-height: 1.11111111; }
}
p { margin: 0 0 20px; }
p:last-child { margin-bottom: 0; }
dfn, cite, em, i { font-style: italic; }

blockquote {
  font-size: 24px;
  line-height: 42px;
  margin: 30px 0;
  font-family: 'Texturina', serif;
  font-weight: 500;
  padding: 0 30px;
  position: relative;
  color: #1a1b1e;
}
blockquote:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7%;
  width: 3px;
  height: 86%;
  background: #fe4c1c;
}
blockquote cite {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #a5b7d2;
}

address { margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.7142857143;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #fff9c0; text-decoration: none; }
big { font-size: 125%; }
.bg-gradient {
  background-color: #0039e4;
  background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: linear-gradient(145deg, #0039e4, #04dbf1);
}

.text-second { color: #00c3ff; }
.text-light { color: #fff; }
.text-light * { color: #fff; }

.fleft { float: left; }
.fright { float: right; }
.overflow { overflow: hidden; }

section  { position: relative; z-index: 0;
}
/* Row */
.flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.d-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Tablet Small */
@media only screen and (max-width: 768px) {
  blockquote { font-size: 20px; line-height: 1.6; }
  blockquote cite { font-size: 13px; font-weight: 700; }
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body { background: #fff; /* Fallback for when there is no custom background color defined. */ }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
ul, ol { margin: 0 0 20px; padding-left: 18px; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }
dt { font-weight: 700; }
dd { margin: 0 1.5em 1.5em; }
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }
table { margin: 0 0 1.5em; width: 100%; border-collapse: collapse; border-spacing: 0; border-width: 1px 0 0 1px; }
caption, td, th { padding: 0; font-weight: normal; text-align: left; }
table, th, td { border: 1px solid #eee; }
th { font-weight: 700; }
th, td { padding: 0.4375em; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* #button Group ===== */
.octf-btn {
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  font-size: 16px;
  padding: 16px 28px 16px 28px;
  line-height: 1;
  display: inline-block;
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  background: #fe4c1c;
  cursor: pointer;
  border: 1px solid transparent;
  outline: 0;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  font-family: 'Texturina', serif;
  overflow: hidden;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  box-shadow: 12px 12px 20px 0 rgba(254, 76, 28, 0.3);
  -webkit-box-shadow: 12px 12px 20px 0 rgba(254, 76, 28, 0.3);
  -moz-box-shadow: 12px 12px 20px 0 rgba(254, 76, 28, 0.3);
}
.octf-btn:visited { color: #fff; }
.octf-btn:hover, .octf-btn:focus { color: #fff; box-shadow: none; }
.octf-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  -webkit-transform: translate(-105%, 0);
  transform: translate(-105%, 0);
  background-color: rgba(255, 255, 255, 0.8);
}
.octf-btn:hover:before { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.octf-btn-icon { text-align: left; padding: 5px 5px 5px 28px; }
.octf-btn-icon i {
  background: #fff;
  color: #fe4c1c;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  margin-left: 14px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.octf-btn-primary { background: #fe4c1c; }
.octf-btn-primary.octf-btn {
  box-shadow: 12px 12px 20px 0 rgba(254, 76, 28, 0.3);
  -webkit-box-shadow: 12px 12px 20px 0 rgba(254, 76, 28, 0.3);
  -moz-box-shadow: 12px 12px 20px 0 rgba(254, 76, 28, 0.3);
}
.octf-btn-primary.octf-btn-icon {
  box-shadow: 8px 8px 18px 0 rgba(254, 76, 28, 0.3);
  -webkit-box-shadow: 8px 8px 18px 0 rgba(254, 76, 28, 0.3);
  -moz-box-shadow: 8px 8px 18px 0 rgba(254, 76, 28, 0.3);
}
.octf-btn-primary:hover, .octf-btn-primary:focus { box-shadow: none; }
.octf-btn-secondary { background: #00c3ff; }
.octf-btn-secondary.octf-btn {
  box-shadow: 12px 12px 20px 0 rgba(0, 195, 255, 0.3);
  -webkit-box-shadow: 12px 12px 20px 0 rgba(0, 195, 255, 0.3);
  -moz-box-shadow: 12px 12px 20px 0 rgba(0, 195, 255, 0.3);
}
.octf-btn-secondary.octf-btn-icon {
  box-shadow: 8px 8px 18px 0 rgba(0, 195, 255, 0.3);
  -webkit-box-shadow: 8px 8px 18px 0 rgba(0, 195, 255, 0.3);
  -moz-box-shadow: 8px 8px 18px 0 rgba(0, 195, 255, 0.3);
}
.octf-btn-secondary i { color: #00c3ff; }
.octf-btn-secondary:hover, .octf-btn-secondary:focus { box-shadow: none; }
.octf-btn-third { background: #0160e7; }
.octf-btn-third.octf-btn {
  box-shadow: 12px 12px 20px 0 rgba(1, 96, 231, 0.3);
  -webkit-box-shadow: 12px 12px 20px 0 rgba(1, 96, 231, 0.3);
  -moz-box-shadow: 12px 12px 20px 0 rgba(1, 96, 231, 0.3);
}
.octf-btn-third.octf-btn-icon {
  box-shadow: 8px 8px 18px 0 rgba(1, 96, 231, 0.3);
  -webkit-box-shadow: 8px 8px 18px 0 rgba(1, 96, 231, 0.3);
  -moz-box-shadow: 8px 8px 18px 0 rgba(1, 96, 231, 0.3);
}
.octf-btn-third i { color: #0160e7; }
.octf-btn-third:hover, .octf-btn-third:focus { box-shadow: none; }

/* divider */
hr { display: block; clear: both; border-top: solid 1px #ddd; margin: 40px 0 40px 0; }
@media (max-width: 767px) { .octf-btn:before { display: none; } }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], 
input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
  color: #7e7e7e;
  border: 1px solid #e6e6e6;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  padding: 9px 20px;
  box-sizing: border-box;
  outline: none;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus,
input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus,
input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: #7e7e7e; }

select { border: 1px solid #e6e6e6; }
textarea { width: 100%; padding: 15px 20px; vertical-align: top; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #7e7e7e; }
::-moz-placeholder { /* Firefox 19+ */ color: #7e7e7e; }
:-ms-input-placeholder { /* IE 10+ */ color: #7e7e7e; }
:-moz-placeholder { /* Firefox 18- */ color: #7e7e7e; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  color: #00c3ff;
  text-decoration: none;
}
a:visited { color: #00c3ff; }
a:hover, a:focus, a:active { color: #fe4c1c; text-decoration: none; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/
.header-topbar {
  padding: 12px 0;
  font-size: 14px;
  font-family: 'Texturina', serif;
  font-weight: 500;
}
.header-topbar a {
  color: #a5b7d2;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header-topbar a:hover { color: #fe4c1c; }
.topbar_menu { float: left; margin-right: 30px; }
.topbar_menu ul { list-style: none; padding: 0; margin: 0; }
.topbar_menu ul li { display: inline-block; border-right: 1px solid #e5e5e5; padding: 0 31px; float: left; }
.topbar_menu ul li:first-child { padding-left: 0; }
.topbar_menu ul li a { font-family: 'Texturina', serif; font-size: 14px; line-height: 11.9px; font-weight: 500; }
.topbar-info { list-style: none; padding: 0; margin: 0; float: right; }
.topbar-info li { display: inline-block; border-right: 1px solid #e5e5e5; padding: 0 31px; float: left; }
.topbar-info li:last-child { border-right: none; padding-right: 0; }
.topbar-info li i { display: inline-block; font-size: 16px; color: #00c3ff; margin-right: 5px; line-height: 1; }

/* Topbar Header Overlay */
.header-overlay .header-topbar {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: none;
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
}
.header-overlay .header-topbar a { color: #fff; }
.header-overlay .header-topbar a:hover { color: #fe4c1c; }
.header-overlay .header-topbar .topbar_menu ul li { border-right: 0 solid #e5e5e5; padding: 0 20px; }
.header-overlay .header-topbar .topbar_menu ul li:first-child { padding-left: 0; }
.header-overlay .header-topbar .topbar_menu ul li:last-child { padding-right: 10px; }
.header-overlay .header-topbar .topbar-info li { border-right: none; padding: 0 20px; }
.header-overlay .header-topbar .topbar-info li:last-child { padding-right: 0; }

/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/
#site-logo { display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; line-height: 1; }
#site-logo img { width: 124px; }
#site-logo img.logo-static { display: block; }
#site-logo img.logo-scroll { display: none; }
.header-overlay #site-logo img.logo-static { display: none; }
.header-overlay #site-logo img.logo-scroll { display: block; }
.header-overlay .is-stuck #site-logo img.logo-static { display: block; }
.header-overlay .is-stuck #site-logo img.logo-scroll { display: none; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header { z-index: 10; border-bottom-style: solid;border-bottom-width: 1px; border-bottom-color: transparent; }
.site-header.header-overlay {
  background: transparent;
  -webkit-box-shadow: 0 0 0 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 0 0 0 0 rgba(42, 67, 113, 0.15);
  box-shadow: 0 0 0 0 rgba(42, 67, 113, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.site-header .octf-main-header.is-stuck { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; }
.octf-mainbar-container { display: flex; flex-flow: row wrap; align-items: stretch; }
.octf-mainbar { display: flex; flex-flow: column wrap; flex: 1 auto; }
.octf-main-header .octf-mainbar-row { display: flex; flex-wrap: nowrap; align-items: stretch; flex: 1 auto; }
.octf-mainbar-row > [class^=octf-col] { display: flex; align-items: stretch; position: static; }
.octf-mainbar-row .octf-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 1200px) {
  .octf-mainbar-row > [class^=octf-col] { flex-flow: row nowrap; }
  .octf-mainbar-row > [class^=octf-col].text-center { justify-content: center; }
  .octf-mainbar-row > [class^=octf-col].text-right { justify-content: flex-end; }
}
.octf-main-header .octf-row > div:empty { display: none; }
.octf-row { margin-right: -15px; margin-left: -15px; }
.octf-col:before { display: inline-flex; }
.octf-main-header .octf-row .octf-col-auto { flex: 0 0 auto; width: auto; max-width: none; }

.octf-header-module {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Main Menu */
.main-navigation {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: auto;
}

.main-navigation > ul {
  position: relative;
  display: flex;
  width: 100%;
  vertical-align: middle;
  height: 100%;
}

.main-navigation ul {
  font-family: 'Texturina', serif;
  font-size: 16px;
  font-weight: 700;
  list-style: none;
  margin: 0 0;
  padding: 0 0;
}

.main-navigation > ul > li {
  margin: 0 20px;
  padding: 0 0;
  float: left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.main-navigation > ul > li:after,
.main-navigation > ul > li:before {
  position: absolute;
  height: 5px;
  width: 0%;
  bottom: -3px;
  left: 0;
  background: #00c3ff;
  content: "";
  display: block;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.main-navigation > ul > li:before {
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  left: auto;
  right: 0;
}

.main-navigation > ul > li:hover:before,
.main-navigation > ul > li.current-menu-item:before,
.main-navigation > ul > li.current-menu-ancestor:before {
  left: 50%; width: 50%; 
}

.main-navigation > ul > li:hover:after,
.main-navigation > ul > li.current-menu-item:after,
.main-navigation > ul > li.current-menu-ancestor:after {
  left: auto; right: 50%; width: 50%;
}

.main-navigation ul ul {
  float: none;
  margin: 0 0;
  padding: 0 0;
  background-color: #fff;
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
}

.main-navigation ul > li > a {
  display: inline-block;
  padding: 15px 0 15px 0;
  line-height: 35px;
  text-decoration: none;
  text-align: center;
  outline: none;
  color: #1a1b1e;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.main-navigation ul > li > a:hover { color: #00c3ff; }
.main-navigation ul > li.menu-item-has-children > a { padding-right: 17px; }
.main-navigation > ul > li.menu-item-has-children:last-child > a:after { right: 0; }
.main-navigation ul li li { display: block; position: relative; padding: 0 40px; }
.main-navigation ul li li a {
  font-family: 'Texturina', serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #1a1b1e;
  text-align: left;
  display: block;
  padding: 5px 0 5px 0;
  position: relative;
  text-decoration: none;
  outline: none;
  text-transform: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.main-navigation ul li li a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #00c3ff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  visibility: hidden;
  opacity: 0;
}

.main-navigation ul li li a:hover:before,
.main-navigation ul ul li.current-menu-item > a:before,
.main-navigation ul ul li.current-menu-ancestor > a:before {
  left: 0; visibility: visible; opacity: 1;
}

.main-navigation ul li li a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {
  color: #00c3ff; padding-left: 15px;
}

.main-navigation ul > li.menu-item-has-children > a:after {
  position: absolute;
  width: 11px;
  height: 6px;
  right: 0;
  top: 50%;
  margin-top: -4px;
  font-family: "Flaticon";
  content: "";
  font-size: 11px;
  line-height: 1;
  color: rgba(85, 105, 135, 0.5);
  font-weight: 500;
}

.main-navigation ul > li li.menu-item-has-children > a:after {
  position: absolute;
  width: 6px;
  height: 11px;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  font-family: "Flaticon";
  content: "";
  font-size: 11px;
  line-height: 1;
  color: rgba(85, 105, 135, 0.5);
  font-weight: 500;
}

.main-navigation ul li ul {
  width: 290px;
  white-space: nowrap;
  padding: 25px 0;
  position: absolute;
  top: calc(100% + 10px);
  left: -40px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-sizing: border-box;
}
.main-navigation ul li ul:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  top: -8px;
  left: 0;
}

.main-navigation ul li ul ul {
  right: 100%;
  top: -25px;
  left: auto;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.main-navigation ul li:hover > ul { visibility: visible; opacity: 1; }
.main-navigation ul > li:hover > ul {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* Header Overlay */
.header-overlay .main-navigation > ul > li > a { color: #fff; }
.header-overlay .main-navigation > ul > li.menu-item-has-children > a:after { color: rgba(255, 255, 255, 0.5); }
.header-overlay .is-stuck .main-navigation > ul > li > a { color: #1a1b1e; }
.header-overlay .is-stuck .main-navigation > ul > li.menu-item-has-children > a:after { color: rgba(85, 105, 135, 0.5); }

/* Header Call To Action */
.octf-btn-cta { display: inline-flex; vertical-align: middle; position: relative; }
.octf-btn-cta .toggle_search { cursor: pointer; }
.octf-btn-cta .h-search-form-field {
  display: none;
  position: absolute;
  z-index: 99;
  top: expression(100% + 10px);
  top: calc(100% + 10px);
  right: -30px;
  width: 330px;
}
.octf-btn-cta .h-search-form-field .h-search-form-inner {
  padding: 30px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
}
.octf-btn-cta .h-search-form-field.show {
  -webkit-animation: stickySlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: stickySlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.octf-btn-cta .btn-cta-group { margin-left: 30px; }

/* Sticky Header */
@-webkit-keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.is-stuck {
  -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.is-stuck {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}

@media screen and (min-width: 1200px) {
  .is-stuck {
    background-color: #fff;
    -moz-box-shadow: 4px 4px 30px 0 rgba(42, 67, 113, 0.15);
    box-shadow: 4px 4px 30px 0 rgba(42, 67, 113, 0.15);
  }
}

/*--------------------------------------------------------------
## Header Mobile
--------------------------------------------------------------*/
.header_mobile { display: none; }
@media only screen and (max-width: 1199px) {
  .octf-main-header { display: none; }
  .header-topbar { display: none; }
  .site-header {
    background: #fff;
    -webkit-box-shadow: 2px 2px 15px 0 rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 2px 2px 15px 0 rgba(42, 67, 113, 0.15);
    box-shadow: 2px 2px 15px 0 rgba(42, 67, 113, 0.15);
  }
  .header_mobile {
    display: block;
    font-family: 'Texturina', serif;
    width: 100%;
    background: #fff;
  }
  .header_mobile.is-stuck { box-shadow: 2px 2px 15px 0 rgba(42, 67, 113, 0.15); }
  .header_mobile .mlogo_wrapper { position: relative; background: #fff; padding: 10px 0; }
  .header_mobile .mlogo_wrapper img { height: 60px; }
  .header_mobile .mlogo_wrapper .mobile_logo { float: left; }

  #mmenu_toggle {
    position: absolute;
    cursor: pointer;
    width: 26px;
    height: 20px;
    right: 0;
    margin-top: -10px;
    top: 50%;
  }

  #mmenu_toggle button {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -2px 0 0;
    background: #1a1b1e;
    height: 4px;
    padding: 0;
    border: none;
    width: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    outline: none;
    border-radius: 2px;
  }

  #mmenu_toggle button:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: 26px;
    height: 4px;
    background: #1a1b1e;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-radius: 2px;
  }

  #mmenu_toggle button:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 26px;
    height: 4px;
    background: #1a1b1e;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-radius: 2px;
  }

  #mmenu_toggle.active button { background: none; }
  #mmenu_toggle.active button:before {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  #mmenu_toggle.active button:after {
    bottom: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }

  .header_mobile .mobile_nav { display: none; background: #fff; }
  .header_mobile .mobile_nav .mobile_mainmenu { margin: 0; padding: 0; }
  .header_mobile .mobile_nav .mobile_mainmenu ul { position: relative; margin: 0; padding: 0; margin-left: 15px; }
  .header_mobile .mobile_nav.collapse .mobile_mainmenu ul { display: none; }
  .header_mobile .mobile_nav .mobile_mainmenu li { position: relative; list-style: none; }
  .header_mobile .mobile_nav .mobile_mainmenu li a {
    padding: 9px 0;
    display: block;
    color: #1a1b1e;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
  }

  .header_mobile .mobile_nav .mobile_mainmenu > li:last-child > a { border: none; }
  .header_mobile .mobile_nav .mobile_mainmenu li li a { font-size: 15px; }
  .header_mobile .mobile_nav .mobile_mainmenu li li a:hover, .header_mobile .mobile_nav .mobile_mainmenu ul > li > ul > li.current-menu-ancestor > a { color: #fe4c1c; }
  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow {
    color: #fff;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px;
    height: auto;
    padding: 9px 12px 9px 0;
    line-height: inherit;
    text-align: right;
    box-sizing: border-box;
  }
  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {
    color: #9397a7;
    display: inline-block;
    line-height: 1;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
  }
  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i:before, .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i:after {
    font-size: 11px;
    font-weight: 300;
  }
  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow.active i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .header_mobile .mobile_nav .mobile_mainmenu > li > a:hover, .header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-item > a,
  .header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-ancestor > a {
    color: #fe4c1c;
  }
}
@media only screen and (max-width: 767px) {
  .header_mobile .mlogo_wrapper { width: 100%; }
}
@media only screen and (max-width: 320px) {
  .mobile_logo img { max-width: 230px; max-height: 47px; }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after,
.site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.entry-content { padding: 72px 0 102px; }

.post-box .post-inner {
    box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
    -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: #fff;
    margin-bottom: 60px;
    overflow: hidden;
    display: inline-block;
    /*height: 555px;*/
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.post-box .post-xeber {
    box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
    -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: #fff;
    margin-bottom: 60px;
    overflow: hidden;
    display: inline-block;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.post-box p { margin-bottom: 0; letter-spacing: -0.2px; }
.post-box .entry-media { position: relative; }
.post-box .entry-media .post-cat { position: absolute; z-index: 1; top: 40px; left: 40px; }
.post-box .inner-post { padding: 40px; }
.post-box .post-cat a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: 'Texturina', serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  display: inline-block;
  color: #fff;
  background: #fe4c1c;
  padding: 10px;
  margin-bottom: 35px;
  margin-right: 6px;
}
.post-box .post-cat a:hover {
  background: #fff;
  color: #fe4c1c;
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
}
.post-box .entry-meta {
  text-transform: capitalize;
  font-family: 'Texturina', serif;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 13px;
}
.post-box .entry-meta > span:not(.sl-wrapper) { margin-right: 10px; display: inline-block; }
.post-box .entry-meta > span:not(.sl-wrapper) i {
  margin-right: 4px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.post-box .entry-meta a { color: #a5b7d2; }
.post-box .entry-meta a:hover { color: #1a1b1e; }
.post-box .entry-meta a:hover i { color: #fe4c1c; }
.post-box .entry-title { margin-bottom: 15px; line-height: 36px; }
.post-box .entry-title a { color: #1a1b1e; display: inline-block; }
.post-box .entry-title a:hover { color: #fe4c1c; }
.post-box .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -30px;
  margin-left: -30px;
}
.video-btn {
    display: flex !important;
    align-items: center;
    margin-left: 28px;
}
.video-btn-a {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor:pointer;
    text-decoration:none;
}
    .video-btn-a:hover{
        text-decoration:none !important;
    }
    .video-btn-a:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 8px;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 47px;
        height: 47px;
        background: #1fbaa6;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
.video-btn-i {
    margin-right: 27px;
    color: #00c3ff;
    font-size: 29px;
}
.video-btn-sp {
    padding-bottom:5px;
    color:#fff;
    font-size:18px;
}
@media (max-width:415px){
    .video-btn, .loginBtn {
        margin-top: 20px;
    }
}
.post-box .btn-play i {
    position: relative;
    z-index: 1;
    font-size: 19px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    color: #00c3ff;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.post-box .btn-play i:before { margin-left: 3px; }
.post-box .btn-play i:hover { background: #00c3ff; color: #fff; }
.post-box .btn-play:before, .post-box .btn-play:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 1024;
  height: 100%;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  animation: circle-fade-before 2s infinite ease-in-out;
  -webkit-animation: circle-fade-before 2s infinite ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.post-box .btn-play:after {
  animation: circle-fade-after 2s infinite ease-in-out;
  -webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.post-box.post-item { margin-bottom: 0; }
.post-box.post-item .post-cat { top: 30px; left: 30px; }
.post-box.post-item .inner-post { padding: 30px; }
.post-box.post-item .entry-meta { margin-bottom: 10px; }
.post-box.post-item h4 { font-weight: bold; margin-bottom: 12px; }
.post-nav { padding-left: 2px; font-family: 'Texturina', serif; }
.post-nav a {
  color: #0160e7;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.post-nav a span {
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 40px;
  width: 40px;
  height: 40px;
}
.post-nav a:hover span {
  color: #0160e7;
  background: #fff;
  box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.15);
}
.post-nav .post-prev { float: left; }
.post-nav .post-prev a span { margin-right: 2px; margin-left: -11px; }
.post-nav .post-prev a:hover span {
  margin-right: 15px;
  margin-left: 0;
  box-shadow: -6px 6px 13px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: -6px 6px 13px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: -6px 6px 13px 0 rgba(42, 67, 113, 0.15);
}
.post-nav .post-next { float: right; }
.post-nav .post-next a span { margin-left: 2px; margin-right: -11px; }
.post-nav .post-next a:hover span { margin-left: 15px; margin-right: 0; }

@keyframes circle-fade-before {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.8); opacity: 0; }
}
@keyframes circle-fade-after {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(2.5); opacity: 0; }
}
@media (max-width: 991px) {
  .content-area { margin-bottom: 60px; }
  .post-box.post-item { margin-bottom: 40px; }
}
.blog-grid { margin-right: -15px; margin-left: -15px; }
.blog-grid:after { content: ""; display: block; clear: both; }
.blog-grid .masonry-post-item {
  float: left;
  width: 33.3333333333%;
  display: inline-block;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.blog-grid .masonry-post-item .post-inner { margin-bottom: 15px; }
.blog-grid .masonry-post-item .post-inner .inner-post { padding: 30px; }
.blog-grid .masonry-post-item.post-box .entry-title { font-size: 24px; font-weight: 700; }
.blog-grid .masonry-post-item.post-box .entry-media .post-cat { top: 30px; left: 30px; }
.blog-grid .masonry-post-item.post-box .entry-media .post-cat a { padding: 8px 10px; }
.blog-grid .masonry-post-item.post-box .entry-meta { margin-bottom: 10px; }
.blog-grid .masonry-post-item.post-box .entry-meta span.comment-num { display: none; }
.blog-grid.pf_5_cols .masonry-post-item { width: 20%; }
.blog-grid.pf_4_cols .masonry-post-item { width: 25%; }
.blog-grid.pf_2_cols .masonry-post-item { width: 50%; }

@media only screen and (max-width: 993px) {
  .blog-grid .masonry-post-item, .blog-grid.pf_5_cols .masonry-post-item, .blog-grid.pf_4_cols .masonry-post-item { width: 50%; }
}
@media only screen and (max-width: 768px) {
  .entry-footer .tagcloud, .entry-footer .share-post { float: none; width: 100%; }
  .entry-footer .share-post { margin-top: 30px; }
  .entry-footer .share-post a:first-child { margin-left: 0; }
  .blog-post .author-bio .author-image { max-width: 100px; margin: 15px 15px 15px 15px; float: left; }
  .blog-post .author-bio .author-info { padding: 15px 15px 15px 125px; }
}
@media only screen and (max-width: 600px) {
  .blog-grid .masonry-post-item, .blog-grid.pf_5_cols .masonry-post-item, .blog-grid.pf_4_cols .masonry-post-item, .blog-grid.pf_2_cols .masonry-post-item { width: 100%; }
  blockquote { font-size: 20px; }
  .single-post .entry-content { padding: 50px 0 70px; }
  .blog-list .post-box .inner-post { padding: 30px; }
  .post-box .entry-title { font-size: 22px; line-height: 30px; }
}

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.widget ul li { position: relative; }
.widget .tagcloud { padding-bottom: 16px !important; margin: 0 -3px; }
.widget .tagcloud a {
  color: #707f96;
  background: #f0f6ff;
  font-size: 14px !important;
  font-weight: 500;
  padding: 10px 12px;
  margin: 0 3px;
  margin-bottom: 9px;
  line-height: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
}
.widget .tagcloud a:hover {
  box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.15);
  background: #00c3ff;
  color: #fff;
}

.widget-area .widget { margin-bottom: 50px; }
.widget-area .widget:last-child { margin-bottom: 0; }
.widget-area .widget .widget-title { font-weight: 700; padding-left: 17px; position: relative; }
.widget-area .widget .widget-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 5px;
  height: 5px;
  background: #fe4c1c;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.widget-area .widget ul:not(.recent-news) > li {
  font-family: 'Texturina', serif;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  margin-bottom: 11px;
  line-height: 24px;
}
.widget-area .widget ul:not(.recent-news) > li:last-child { padding: 0; }
.widget-area .widget ul:not(.recent-news) > li a {
  color: #1a1b1e;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
}
.widget-area .widget ul:not(.recent-news) > li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 0;
  height: 3px;
  border-radius: 1.5px;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
}
.widget-area .widget ul:not(.recent-news) > li a:hover { color: #00c3ff; padding-left: 22px; }
.widget-area .widget ul:not(.recent-news) > li a:hover:before { width: 10px; opacity: 1; visibility: visible; background: #00c3ff; }
.widget-area .widget ul:not(.recent-news) > li a:hover + span { color: #00c3ff; }
.widget-area .widget ul:not(.recent-news) > li .posts-count {
  color: #a5b7d2;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.widget-area .widget ul:not(.recent-news) > li.recentcomments a:before { display: none; }
.widget-area .widget select { width: 100%; padding: 8px; outline: none; }
.widget-area .widget table caption { margin-bottom: 10px; }
.widget-area .widget table td, .widget-area .widget table th { border-color: #aaa; text-align: center; }
.widget .recent-news { padding-top: 5px; }
.widget .recent-news li { font-family: 'Texturina', serif; font-weight: 700; }
.widget .recent-news li:not(:last-child) { margin-bottom: 25px; }
.widget .recent-news .thumb { float: left; margin-right: 20px; }
.widget .recent-news .thumb img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.widget .recent-news h6 { margin: -3px 0 3px; line-height: 24px; font-size: 16px; font-weight: 700 }
.widget .recent-news h6 a { color: #1a1b1e; display: block; }
.widget .recent-news h6 a:before { display: none; }
.widget .recent-news h6 a:hover { color: #00c3ff; }
.widget .recent-news .entry-date { font-size: 14px; line-height: 1; font-weight: 500; color: #a5b7d2; }

/*--------------------------------------------------------------
## Responsive Blog
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Elementor Widgets
--------------------------------------------------------------*/
.ot-heading h6 {
  font-size: 14px;
  font-weight: bold;
  color: #a5b7d2;
  position: relative;
  display: inline-block;
  padding-left: 21px;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.ot-heading h6:before, .ot-heading h6:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background: #a5b7d2;
  top: 3.5px;
  left: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.ot-heading h6:after { left: auto; right: -21px; }
.ot-heading h2 { margin-bottom: 25px; }
.ot-heading.text-light h6:before, .ot-heading.text-light h6:after { background: #00c3ff; }
.ot-heading.left-align h6:after { display: none; }
.ot-heading.right-align h6 { padding-right: 21px; }
.ot-heading.right-align h6:after { right: 0; }
.ot-heading.right-align h6:before { display: none; }
.ot-heading.center-align h6 { margin-left: -10px; }

@media (max-width: 600px) {
  .ot-heading h2 br { display: none; }
}
.flex-col { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;display: flex; }
.flex-col .ft-col-contact { width: 33.333%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.contact-info { font-size: 22px; overflow: hidden; }
.contact-info h6 { font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }
.contact-info i { font-size: 30px; margin-top: 2px; line-height: 1; float: left; }
.contact-info i:before { font-size: 40px; }
.contact-info i.flaticon-world:before { font-size: 37px; }
.contact-info img { width: 30px; margin-top: 3px; float: left; }
.contact-info p { margin-bottom: 0; }
.contact-info .info-text { padding-left: 50px; font-weight: 500; }
.contact-info.text-light { color: #fff; }
.contact-info.text-light h6, .contact-info.text-light i { color: #61daff; }
.contact-info.box-style2 { width: 100%; }
.contact-info.text-light h6 {
  font-family: "Red Hat Display",Sans-serif;
  font-size: 18px;
  color: #9ee8ff;
  font-weight: 400;
  text-transform: none;
}
.contact-info.box-style2 i { float: none; margin-top: 0; vertical-align: bottom; }
.contact-info.box-style2 .box-icon { margin-bottom: 25px; }
.contact-info.box-style2 p {
  color: #fff;
  font-family: "Red Hat Display",Sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.border-left .box-style2, .border-right .box-style2 { position: relative; }
.border-left .box-style2:before {
  position: absolute;
  height: 70%;
  width: 1px;
  left: 0;
  bottom: 12%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
  display: block;
}
.border-right .box-style2:after {
  position: absolute;
  height: 70%;
  width: 1px;
  right: 0;
  bottom: 12%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
  display: block;
}
.copyright {
  color: #acebff;
  font-family: "Red Hat Text",Sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin-top: 22px;
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .border-right .box-style2:after, .border-right .box-style2:before { display: none; }
}
.icon-box {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.icon-box.s1 .icon-main, .icon-box.s4 .icon-main {
  float: left;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 61px;
  color: #fff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  background-color: #0039e4;
  background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: linear-gradient(145deg, #0039e4, #04dbf1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  box-shadow: 8px 8px 20px 0 rgba(2, 156, 236, 0.3);
  -webkit-box-shadow: 8px 8px 20px 0 rgba(2, 156, 236, 0.3);
  -moz-box-shadow: 8px 8px 20px 0 rgba(2, 156, 236, 0.3);
}
.icon-box.s1 .icon-main i, .icon-box.s1 .icon-main span:before, .icon-box.s4 .icon-main i, .icon-box.s4 .icon-main span:before { font-size: 25px; }
.icon-box.s1 .icon-main span, .icon-box.s4 .icon-main span { display: block; }
.icon-box.s1 .icon-main img, .icon-box.s4 .icon-main img { max-width: 25px; margin-top: -5px; }
.icon-box.s1:hover .icon-main, .icon-box.s4:hover .icon-main {
  color: #00c3ff;
  background: #fff;
  box-shadow: 6px 6px 13px 0 rgba(33, 101, 227, 0.3);
  -webkit-box-shadow: 6px 6px 13px 0 rgba(33, 101, 227, 0.3);
  -moz-box-shadow: 6px 6px 13px 0 rgba(33, 101, 227, 0.3);
}
.icon-box.s1 .content-box, .icon-box.s4 .content-box { padding-left: 85px; }
.icon-box .content-box h5 { margin-bottom: 17px; font-weight: bold; }
.icon-box .content-box h5 a { color: #1a1b1e; }
.icon-box .content-box h5 a:hover { color: #fe4c1c; }
.icon-box .content-box p:last-child { margin-bottom: 0; }
.icon-box.s2 {
  padding: 47px;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.icon-box.s2 .icon-main {
  color: #0160e7;
  margin-bottom: 30px;
  line-height: 1;
  text-shadow: 8px 8px 30px rgba(42, 67, 113, 0.3);
}
.icon-box.s2 .icon-main i, .icon-box.s2 .icon-main span:before { font-size: 40px; line-height: 1; }
.icon-box.s2 .icon-main img { max-width: 40px; margin-top: -5px; }
.icon-box.s2:before, .icon-box.s2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.icon-box.s2:before { top: 0; left: 0; }
.icon-box.s2:after { bottom: 0; right: 0; }
.icon-box.s2:hover {
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
}
.icon-box.s2:hover:before, .icon-box.s2:hover:after { opacity: 1; }
.icon-box.s2 .content-box h5 { margin-bottom: 14px; font-size: 22px; }
.icon-box.s3 {
  padding: 40px 27px 35px;
  position: relative;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
}
.icon-box.s3 .icon-main {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin-bottom: 25px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #0039e4;
  background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: linear-gradient(145deg, #0039e4, #04dbf1);
  box-shadow: 8px 8px 30px 0 rgba(1, 96, 231, 0.3);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(1, 96, 231, 0.3);
  -moz-box-shadow: 8px 8px 30px 0 rgba(1, 96, 231, 0.3);
}
.icon-box.s3 .icon-main i, .icon-box.s3 .icon-main span:before { font-size: 30px; }
.icon-box.s3 .icon-main img { max-width: 30px; margin-top: -5px; }
.icon-box.s3 .bg-s3 {
  position: absolute;
  content: "";
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-color: #0039e4;
  background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: linear-gradient(145deg, #0039e4, #04dbf1);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.icon-box.s3 .content-box h5 {
  margin-bottom: 12px;
  font-size: 18px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.icon-box.s3 .content-box p {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.icon-box.s3 .action-box {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.icon-box.s3 .bg-before, .icon-box.s3 .bg-after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  background: #fff;
  z-index: -1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.icon-box.s3 .bg-before {
  top: 0;
  left: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}
.icon-box.s3 .bg-after {
  bottom: 0;
  right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
}
.icon-box.s3:hover .bg-before, .icon-box.s3:hover .bg-after { display: none; }
.icon-box.s3:hover .bg-s3, .icon-box.s3:hover .action-box { opacity: 1; visibility: visible; }
.icon-box.s3:hover .action-box { bottom: -26px; }
.icon-box.s3:hover h5, .icon-box.s3:hover p { color: #fff; }
.icon-box.s3:hover h5 a, .icon-box.s3:hover p a { color: #fff; }
.icon-box.s3:hover h5 a:hover, .icon-box.s3:hover p a:hover { color: #fe4c1c; }
.icon-box.s3:hover .icon-main { background: #fff; color: #00c3ff; }
.icon-box.s4 .icon-main { float: right; }
.icon-box.s4 .content-box { text-align: right; padding-left: 0; padding-right: 85px; }
.active .icon-box.s1 .icon-main {
  color: #00c3ff;
  background: #fff;
  box-shadow: 6px 6px 13px 0 rgba(33, 101, 227, 0.3);
  -webkit-box-shadow: 6px 6px 13px 0 rgba(33, 101, 227, 0.3);
  -moz-box-shadow: 6px 6px 13px 0 rgba(33, 101, 227, 0.3);
}
.active .icon-box.s2 {
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
}
.active .icon-box.s2:before, .active .icon-box.s2:after { visibility: visible; opacity: 1; }
.active .icon-box.s3:before { opacity: 1; }
.active .icon-box.s3 h5, .active .icon-box.s3 p { color: #fff; }
.active .icon-box.s3 .icon-main { background: #fff; color: #00c3ff; }
.icon-box-grid {
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  background-color: #0039e4;
  background-image: -moz-linear-gradient(135deg, #0039e4, #04dbf1);
  background-image: -webkit-linear-gradient(135deg, #0039e4, #04dbf1);
  background-image: linear-gradient(135deg, #0039e4, #04dbf1);
  box-shadow: 30px 30px 65px 0 rgba(2, 156, 236, 0.3);
  -webkit-box-shadow: 30px 30px 65px 0 rgba(2, 156, 236, 0.3);
  -moz-box-shadow: 30px 30px 65px 0 rgba(2, 156, 236, 0.3);
}
.icon-box-grid .no-padding { padding: 0; }
.icon-box-grid .icon-box {
  cursor: pointer;
  padding: 47px;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.icon-box-grid .icon-box .icon-main {
  color: #fff;
  margin-bottom: 30px;
  line-height: 1;
  text-shadow: 8px 8px 30px rgba(1, 96, 231, 0.3);
}
.icon-box-grid .icon-box .icon-main i, .icon-box-grid .icon-box .icon-main span:before { font-size: 40px; line-height: 1; }
.icon-box-grid .icon-box .icon-main img { max-width: 40px; margin-top: -5px; }
.icon-box-grid .icon-box .content-box h5 { margin-bottom: 14px; font-size: 22px; color: #fff; }
.icon-box-grid .icon-box .content-box h5 a { color: #fff; }
.icon-box-grid .icon-box .content-box h5 a:hover { color: #fe4c1c; }
.icon-box-grid .icon-box:hover { color: #606060; background: #fff; }
.icon-box-grid .icon-box:hover h5 { color: #1a1b1e; }
.icon-box-grid .icon-box:hover h5 a { color: #1a1b1e; }
.icon-box-grid .icon-box:hover .icon-main { color: #0160e7; }

.team-wrap { text-align: center; }
.team-wrap .team-thumb { overflow: hidden; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }
.team-wrap .team-thumb img {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.team-wrap .team-info {
  background: #fff;
  margin: -80px 30px 0;
  padding: 25px 25px 35px;
  position: relative;
  z-index: 1;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
}
.team-wrap .team-info h4 { font-weight: bold; margin-bottom: 3px; }
.team-wrap .team-info h4 a { color: #1a1b1e; }
.team-wrap .team-social { position: absolute; bottom: -18px; left: 0; width: 100%; }
.team-wrap .team-social a, .team-wrap .team-social span {
  cursor: pointer;
  font-size: 15px;
  margin-right: 12px;
  color: #fff;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: #00c3ff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  box-shadow: 5px 5px 18px 0 rgba(21, 183, 236, 0.3);
  -webkit-box-shadow: 5px 5px 18px 0 rgba(21, 183, 236, 0.3);
  -moz-box-shadow: 5px 5px 18px 0 rgba(21, 183, 236, 0.3);
}
.team-wrap .team-social a:hover, .team-wrap .team-social span:hover { box-shadow: none; }
.team-wrap .team-social a { opacity: 0; right: -40px; position: relative; visibility: hidden; }
.team-wrap .team-social a:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.team-wrap .team-social span { margin-right: 0; }
.team-wrap .team-social.active span {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 5px 5px 18px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 5px 5px 18px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 5px 5px 18px 0 rgba(42, 67, 113, 0.15);
  background: #fff;
  color: #00c3ff;
}
.team-wrap .team-social.active a {
  opacity: 1;
  visibility: visible;
  right: 0;
  box-shadow: 5px 5px 18px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 5px 5px 18px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 5px 5px 18px 0 rgba(42, 67, 113, 0.15);
}
.team-wrap:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.team-slider, .team-slider-h5 { margin: 0 -15px; }
.team-slider .team-wrap, .team-slider-h5 .team-wrap { padding: 0 15px; margin-bottom: 30px; }

@media (max-width: 767px) {
  .team-wrap { display: block; text-align: center; }
  .team-wrap .team-thumb { display: block; margin: 0 auto 25px; }
  .team-wrap .team-info { display: block; padding-left: 0; border: none; }
}
.ot-progress { font-weight: 500; }
.ot-progress .pname { margin-bottom: 10px; }
.ot-progress .iprogress {
  height: 10px;
  background: #f0f6ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.ot-progress .progress-bar {
  height: 100%;
  width: 0;
  background: #00c3ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.ot-progress .progress-bar.bshadow {
  box-shadow: 10px 10px 24px 0 rgba(0, 95, 255, 0.3);
  -webkit-box-shadow: 10px 10px 24px 0 rgba(0, 95, 255, 0.3);
  -moz-box-shadow: 10px 10px 24px 0 rgba(0, 95, 255, 0.3);
}

.ot-pricing-table {
  position: relative;
  text-align: center;
  padding: 30px 40px 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.1);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.1);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.1);
}
.ot-pricing-table .title-table {
  position: absolute;
  top: 30px;
  left: 0;
  font-size: 13px;
  font-family: 'Texturina', serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: #00c3ff;
  padding: 5px 15px;
  letter-spacing: 0.5px;
  border-top-left-radius: 0;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-right-radius: 17px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 17px;
  -moz-border-radius-bottomright: 17px;
  -moz-border-radius-bottomleft: 0;
  box-shadow: 8px 8px 18px 0 rgba(42, 67, 113, 0.3);
  -webkit-box-shadow: 8px 8px 18px 0 rgba(42, 67, 113, 0.3);
  -moz-box-shadow: 8px 8px 18px 0 rgba(42, 67, 113, 0.3);
}
.ot-pricing-table .inner-table h2 { font-size: 42px; font-weight: 500; color: #00c3ff; margin-bottom: 3px; }
.ot-pricing-table .inner-table h2 sup { margin-left: -25px; font-size: 30px; }
.ot-pricing-table .inner-table > p { color: #a5b7d2; font-weight: 500; margin-bottom: 0; }
.ot-pricing-table .inner-table .details { margin-top: 35px; padding-top: 28px; padding-bottom: 30px; line-height: 42px; border-top: 1px solid #e5e5e5; }
.ot-pricing-table .inner-table .details ul { list-style: none; margin-bottom: 0; padding: 0; }
.ot-pricing-table .octf-btn { margin-bottom: -26px; }
.ot-pricing-table .octf-btn:hover { box-shadow: none !important; }
.ot-pricing-table:before {
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}
.ot-pricing-table:after {
  background: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
}
.ot-pricing-table.s2 .title-table { background: #0160e7; }
.ot-pricing-table.s2 h2 { color: #0160e7; }
.ot-pricing-table.s3 .title-table { background: #fe4c1c; }
.ot-pricing-table.s3 h2 { color: #fe4c1c; }
.ot-pricing-table:hover { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }

@media (max-width: 991px) {
  .ot-pricing-table { max-width: 370px; margin: auto; }
}

.ot-counter {
  font-family: 'Texturina', serif;
  font-weight: 900;
  color: #1a1b1e;
  display: inline-block;
  text-align: left;
}
.ot-counter span { font-size: 48px; line-height: 1; }
.ot-counter span.num { padding-left: 20px; }
.ot-counter h6 {
  font-size: 14px;
  color: #fe4c1c;
  margin-top: 13px;
  margin-bottom: 0;
  padding-left: 20px;
  letter-spacing: 1px;
  display: inline-block;
  position: relative;
}
.ot-counter h6:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background: #fe4c1c;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.ot-counter.s2 h6 { margin-bottom: 13px; margin-top: 0; }

.process-box {
  position: relative;
  padding: 85px 35px 40px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.process-box .number-box {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  font-family: 'Texturina', serif;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -35px;
  margin-left: -35px;
  margin-bottom: 45px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #0039e4;
  background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1);
  background-image: linear-gradient(145deg, #0039e4, #04dbf1);
  box-shadow: 10px 10px 30px 0 rgba(2, 156, 236, 0.3);
  -webkit-box-shadow: 10px 10px 30px 0 rgba(2, 156, 236, 0.3);
  -moz-box-shadow: 10px 10px 30px 0 rgba(2, 156, 236, 0.3);
}
.process-box .icon-main { margin-bottom: 30px; line-height: 1; }
.process-box .icon-main i, .process-box .icon-main span:before { font-size: 100px; }
.process-box .content-box h5 { font-size: 22px; font-weight: 700; margin-bottom: 15px; }
.process-box .content-box p:last-child { margin-bottom: 0; }
.process-box .p-arrow { position: absolute; top: -13px; right: -70px; z-index: 1; }
.process-box:hover {
  box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  background: #fff;
}

@media (max-width: 991px) {
  .p-arrow { display: none; } 
}
@media (max-width: 767px) {
  .process-box {
    max-width: 370px;
    margin: auto;
    box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
    -webkit-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, 0.15);
  }
}

.switch { position: relative; display: inline-block; width: 66px; height: 34px; }
.switch input { opacity: 0; width: 0; height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00c3ff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider { background-color: #0160e7; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(29px); -ms-transform: translateX(29px); transform: translateX(29px); }

.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }

@keyframes circle-fade-before {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.8); opacity: 0; }
}
@keyframes circle-fade-after {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(2.5); opacity: 0; }
}

.bg-shape:before, .bg-shape:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: -1;
  background-repeat: no-repeat;
}
.bg-shape:before { top: 0; left: 0; }
.bg-shape:after { bottom: 0; left: 0; }

/*Grid Lines*/
.grid-lines {
  position: absolute;
  max-width: 1330px;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
  user-select: none;
}
.grid-lines .g-line {
  height: 100%;
  display: block;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  left: 0;
  top: 0;
  position: absolute;
}
.grid-lines .g-dot {
  position: absolute;
  top: 30%;
  left: -3px;
  background-color: #0160e7;
  height: 7px;
  width: 7px;
  border-radius: 100%;
}
.grid-lines .line-cleft {
  left: 33.3333%;
}
.grid-lines .line-cleft .g-dot { top: 45%; background-color: #00c3ff; }
.grid-lines .line-cright { left: 66.6667%; }
.grid-lines .line-cright .g-dot { top: 45%; background-color: #00c3ff; }
.grid-lines .line-right { left: 100%; }

@media (max-width: 1329px) {
  .grid-lines .line-left, .grid-lines .line-right { display: none; }
}

.ot-countdown { text-align: center; font-size: 24px; display: flex; margin-bottom: 0; color: #fff; }
.ot-countdown li { display: inline-block; vertical-align: top; line-height: 1; flex-grow: 1; flex-basis: 0; }
.ot-countdown li span { font-size: 100px; font-weight: 900; font-family: 'Texturina', serif; display: block; margin-bottom: 23px; }
.ot-countdown li p { margin-bottom: 0; }
.ot-countdown li.seperator { font-size: 100px; font-weight: 500; margin-top: -8px; color: #00c3ff; }

@media (max-width: 767px) {
  .ot-countdown li span, .ot-countdown li.seperator { font-size: 70px; }
}
@media (max-width: 600px) { 
  .ot-countdown { display: inherit; }
  .ot-countdown li { display: block; margin-bottom: 30px; }
  .ot-countdown li.seperator { display: none; }
}

/* Index 1 */
.shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; z-index: -1; }
.shape-top { top: -1px; }
.shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(145% + 1.3px);
    height: 230px;
}
.shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
.icon-box.s3 { padding: 50px 27px; }
.icon-box.s3 .icon-main { background-color: transparent; background-image: linear-gradient(180deg,#00c3ff 100%,#f2295b 100%); }
.justify-content-center { -ms-flex-pack: center; justify-content: center; }
img { margin: 0 auto; vertical-align: middle; }
.bg-overlay { opacity: 0.5; height: 100%; width: 100%; top: 0; left: 0; position: absolute; }

.ot-pricing-table.s1:before { background-image: url(img/top-price1.png); background-position: top center; }
.ot-pricing-table.s1:after { background-image: url(img/bot-price1.png); background-position: bottom left; }
.ot-pricing-table.s2:before { background-image: url(img/top-price2.png); background-position: top center; }
.ot-pricing-table.s2:after { background-image: url(img/bot-price2.png); background-position: bottom right; }
.ot-pricing-table.s3:before { background-image: url(img/top-price3.png); background-position: top center; }
.ot-pricing-table.s3:after { background-image: url(img/bot-price3.png); background-position: bottom left; }
.ot-counter.s2 h6:before { background: #ffd68e; }
.ot-counter.s2 h6{ color: #ffd68e; }
.ot-counter.s2 span { color: #fff; }

.team-wrap .team-social .twitter { background-color: #15b7ec; }
.team-wrap .team-social .facebook { background-color: #0160e7; }
.team-wrap .team-social .pinterest { background-color: #fe4c1c; }
@media (min-width: 992px){
    .col-md-1\/5 { width: 20%; }
}
/* Index 2 */
.entry-content .rev_slider a.btn-rev, .rev_slider a.btn-rev {
    width: 52px;
    height: 52px;
    line-height: 52px;
    display: inline-block; 
    vertical-align: middle;
    background-color: rgb(0, 192, 255);
    color: #fff;
    border-radius: 50%;
    box-shadow: rgba(0, 195, 255, 0.3) 8px 9px 18px 0;
}
div.rev_slider img, div.tp-simpleresponsive img { max-width: 100%!important; height: auto!important; }

/* Index 3 */
.home3-top {
    background-image: url(img/shape-home3.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0 50px 0;
}
.home3-top .g-line { background-color: rgba(255,255,255,.2); }
.home3-top .grid-lines .line-left span { top: 56%; background-color: #fff; }
.home3-top .grid-lines .line-left span.st1 { top: 16%; width: 5px; height: 5px; left: -2px; }
.home3-top .grid-lines .line-cleft span.st1 { top: 86%; }
.home3-top .grid-lines .line-cleft span { top: 27%; background-color: #fff; }
.home3-top .grid-lines .line-cright span { top: 75%; background-color: #fff; }
.home3-top .grid-lines .line-right span { top: 17%; background-color: #fff; }
.home3-top .home3-top-left { width: 53%; }
.home3-top .home3-top-left h6 {
    color: #c4f1ff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Red Hat Display",sans-serif;
    line-height: 1;
    margin-bottom: 24px;
    padding-top: 80px;
}
.home3-top .home3-top-left h2 {
    color: #fff;
    font-size: 52px;
    line-height: 62px;
    font-weight: 900;
    margin-bottom: 25px;
    font-family: "Red Hat Display",sans-serif;
}
.home3-top .home3-top-left p {
    margin-bottom: 50px;
    color: #fff;
    font-size: 22px;
    line-height: 36px;
    font-family: "Red Hat Text",sans-serif;
}
.home3-top .ot-button { width: auto; display: inline-block; }
.home3-top .home3-top-right { width: 47%; margin: 0 -350px 0 0; }
.home3-top .home3-top-right img { vertical-align: middle; display: inline-block; max-width: 900px; }
.home3-skills .grid-lines .g-line { bottom: 0; top: auto; height: 106%; }
.home3-skills .grid-lines .g-line.line-cright { height: 109%; }
.home3-skills .grid-lines .g-line.line-right { height: 113%; }
.home3-skills .grid-lines .line-left span { top: 38%; }
.home3-skills .grid-lines .line-cleft span { top: calc(12% - 5px); }
.grid-lines .g-dot.st1  { height: 5px; width: 5px; left: -2px; }
.grid-lines .g-dot.st2  { height: 9px; width: 9px; left: -4px; }
.home3-skills .grid-lines .line-cleft span.st2 { top: 77%; background-color: #fe4c1c; }
.home3-skills .grid-lines .line-cright .g-dot { display: none; }  
.home3-skills .grid-lines .line-right span { top: 20%; background-color: #fe4c1c; }
.home3-skills .grid-lines .line-right span.nth2 { top: 53%; background-color: #0160e7; }
@media (min-width: 768px) {
  .home3-skills-left { width: 45%; }
  .home3-skills-right { width: 55%; }
}
.ot-progress.ot-progress-home3 .iprogress { background: #f0f6ff; }
.home3-feature {
    background-image: url(img/shape3-home1.png);
    background-position: 100% 340px;
    background-repeat: no-repeat;
    padding-bottom: 50px
}
.home3-feature .grid-lines { z-index: -1; }
.home3-feature .grid-lines .line-left span.st2 { background-color: #fe4c1c; }
.home3-feature .grid-lines .line-left span.nth2 { top: 98%; background-color: #00c3ff; }
.home3-feature .grid-lines .line-cleft span { top: 48px; }
.home3-feature .grid-lines .line-cright span { top: 100%; background-color: #0160e7; }
.home3-feature .grid-lines .line-right span { top: 58%; background-color: #00c3ff; }
.home3-feature .icon-box.s3 { padding: 045px 27px 40px 27px; }
.home3-feature .icon-box.s3 .icon-main {
    background-color: #0039e4;
    background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1);
    background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1);
    background-image: linear-gradient(145deg, #0039e4, #04dbf1);
}
.home3-feature .icon-box.s3:hover .icon-main { background-color: transparent; background-image: linear-gradient(180deg,#ffffff 100%,#f2295b 100%); }
.home3-service .grid-lines .line-left span { top: 75%; background-color: #00c3ff; }
.home3-service .grid-lines .line-cleft span { top: 28%; }
.home3-service .grid-lines .line-cright span { top: 75%; }
.home3-service .grid-lines .line-right span { top: 39%; background-color: #fe4c1c; }
.home3-service .grid-lines .line-right span.nth2 { top: 80%; background-color: #0160e7; }
.home3-service {
    background-image: url(img/shape-team-1.png);
    background-position: 0 340px;
    background-repeat: no-repeat;
    padding-bottom: 50px
}
.home3-service .grid-lines { z-index: -1; }
.home3-service .icon-box.s2:before, .home3-service .icon-box.s2:after { background-color: #fff; }
.home3-news .grid-lines .line-left .g-dot { top: 69%; background-color: #fe4c1c; }
.home3-news .grid-lines .line-cleft .g-dot { top: 93%; background-color: #0160e7; }
.home3-news .grid-lines .line-cright .g-dot { top: 11%; }
.home3-news .grid-lines .line-right .g-dot { top: 66%; background-color: #00c3ff; }
.home3-news {
    background-image: url(img/shape3-home1.png);
    background-position: 100% 200px;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}
/* Index 4 */
.s-box .big-number { font-size: 72px; }
.s-box .icon-main { width: 60px; height: 60px; line-height: 60px; font-weight: 400; }
.s-box .icon-main i, .s-box .icon-main span:before { font-size: 25px; line-height: 60px; }
.s-box .content-box { padding-left: calc(40px + 50px); }
.icon-box.s3 .icon-main img { max-width: 30px; margin-top: -5px; }

.home4-pricing { background-repeat: no-repeat; padding-bottom: 50px; }
.home4-pricing .ot-pricing-table.s3 { background-image: linear-gradient(90deg, #ff403e 0, #ff6d26 84%); }
.home4-pricing .ot-pricing-table.s3:before { background-image: url(img/top2-price-home6.png); background-color: transparent; z-index: 0; }
.home4-pricing .ot-pricing-table.s3:after { background-image: url(img/bg-price-2-bottom.png); background-color: transparent; z-index: 0; }
.home4-pricing .ot-pricing-table.s3 .details { border-color: rgba(255, 255, 255, 0.2); color: #fff; }
.home4-pricing .ot-pricing-table .inner-table { position: relative; z-index: 1; }
.home4-pricing .ot-pricing-table.s3 .inner-table h2, .home4-pricing .ot-pricing-table.s3 .inner-table p { color: #fff; }
.home4-pricing .ot-pricing-table .inner-table h2 { color: #1a1b1e; font-weight: 700; }
.home4-pricing .ot-pricing-table { padding: 40px 30px 0 30px; }
.home4-pricing .ot-pricing-table.s3 { padding: 56px 30px 0 30px; }

/* Index 5 */
.home5-team { background-color: #0049B1; background-image: url(img/bg-team-home5.png); background-repeat: no-repeat; background-size: cover; }
.home5-team .ot-heading h6 span { color: #00C3FF; }

/* Index 6 */
.ot-pricing-table.feature .title-table { background: #FFF; color: #FE4C1C; }

/* Index 7 */
.ot-pricing-table.feature { padding: 56px 30px 0 30px; box-shadow: 8px 8px 30px 0 rgba(254,76,28,.37); }
.ot-pricing-table.feature, .ot-pricing-table.s2.feature h2, .ot-pricing-table.feature .inner-table > p { color: #fff; }
.ot-pricing-table.feature .octf-btn { background: #FFF; color: #FE4C1C; }
.ot-pricing-table.feature .octf-btn i { color: #FFF; background: #FE4C1C; }
.ot-pricing-table.feature:before { background-color: #FF4B38; background-image: url(img/top2-price-home6.png); background-position: top center; }
.ot-pricing-table.feature:after { background-color: #FF4B38; background-image: none; }

/* About */
.number-box.s2 { color: #0160e7; background-color: rgba(1,96,231,.152); }
.number-box.s3 { color: #fe4c1c; background-color: rgba(254,76,28,.154); }
.ot-progress .iprogress { background: #fff; }
.ot-progress .progress-bar { background: #00c3ff; box-shadow: 10px 10px 24px 0 rgba(0,195,255,.3); }
.ot-progress .progress-bar.s2 { background: #0160e7; box-shadow: 10px 10px 24px 0 rgba(1,96,231,.3); }
.team-slider .slick-dots, .team-slider-h5 .slick-dots { bottom: -70px; }
/* Services */
.ot-counter.s3 h6 { color: #1a1b1e; padding-left: 0; }
.ot-counter.s3 h6:before { display: none; }
@keyframes bounce {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -50px, 0); } 
}

/* Contact */
.map { filter: brightness(100%) contrast(100%) saturate(50%) blur(0) hue-rotate(0); }
.map iframe { margin-top: -40px; }
.blog-grid { overflow: auto!important; }
/* Element */
.icon-box.s2:before {
    background-color: rgba(0,0,0,0);
    background-image: url(img/bg1-box.png);
    background-repeat: no-repeat;
}
.icon-box.s2:after {
    background-image: url(img/bg2-box.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.ot-counter.s3 .num { padding-left: 0; }
.ot-counter.s3 span { color: #0160e7; font-size: 36px; }
.icon-main.warning { background-color: #ffa71d; }
.icon-main.success { background-color: #23da79; }
.icon-main.danger { background-color: #fe4c1c; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/** Footer Style **/
.site-footer {
  position: relative;
  overflow: hidden;
  color: #fff;
  line-height: 24px;
  font-family: 'Texturina', serif;
  font-size: 16px;
  font-weight: 400;
}
.bg-gradient { background-color: transparent; background-image: linear-gradient(135deg,#002cae 45%,#04b6f1 100%); }
.footer-top-bottom { padding: 50px 0; }
.footer-shape-top {
  top: -1px;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
}
.footer-shape-top {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.footer-shape-top svg {
  display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(142% + 1.3px);
}
.footer-shape-fill {
  fill: #f0f6ff;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}
.site-footer a, .site-footer a:visited { color: #9ee8ff; }
.contact-info i.flaticon-viber:before { font-size: 31px; }
.contact-info.box-style2 .box-icon { line-height: 40px; }
.form-control { width: 100%; }

/* Back To Top*/
#back-to-top {
  background: #fff;
  color: #00c3ff;
  border: 0 none;
  border-radius: 2px;
  cursor: pointer;
  width: 46px;
  height: 46px;
  line-height: 46px;
  opacity: 0;
  outline: medium none;
  position: fixed;
  right: -50px;
  bottom: 40px;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.2s ease-out 0s;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.2);
  -webkit-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.2);
  -moz-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, 0.2);
}
#back-to-top.show { opacity: 1; right: 40px; }
#back-to-top i:after, #back-to-top i:before { font-size: 20px; }
#back-to-top:hover { bottom: 45px; }

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (max-width: 480px) {
  .copyright { line-height: 22px; }
}
@media only screen and (max-width: 1199px){
  .header_mobile .octf-btn-cta { padding-right: 50px; padding-top: 7px; display: block; float: right; }
  .header_mobile .octf-btn-cta .octf-header-module .octf-cta-icons i { background: #f0f6ff; color: #1a1b1e; }
  .header_mobile .octf-btn-cta .octf-header-module .octf-cta-icons i:before { color: #1a1b1e; }
  .header_mobile .mobile_nav .mobile_mainmenu ul { display: none; }
}

@media (max-width: 1024px) {
  .home3-news, .home3-service, .home3-feature { background-size: 0 auto; }
  .section-content-marketing { padding-bottom: 110px; }
  .home3-top .home3-top-left, .home3-top .home3-top-right { width: 100%; text-align: center; }
  .home3-top .home3-top-right img { max-width: 100%; margin-top: 50px; }
}
@media (max-width: 992px) {
  .sm-p-b60 { padding-bottom: 60px; }
  .map iframe { margin-top: 40px; }
  .sm-p-l15 { padding-left: 15px; }
  .sm-justify-content-center { -ms-flex-pack: center; justify-content: center; }
}
@media (max-width: 767px) {
  h2.main-heading { font-size: 25px; line-height: 40px; }
  .team-wrap { padding-top: 0; padding-bottom: 50px; }
  .flex-col .ft-col-contact {  width: 100%; }
  .site-footer .flex-col { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flex-col .ft-col-contact { margin-bottom: 40px; }
  .flex-col .ft-col-contact:last-child { margin-bottom: 0; }
  .form-contact { margin-left: 0; margin-right: 0; }
  .xs-text-center * { text-align: center; }
  .shape-top svg { width: calc(0% + 1.3px); }
  .blog-grid .masonry-post-item, .blog-grid.pf_5_cols .masonry-post-item, .blog-grid.pf_4_cols .masonry-post-item, .blog-grid.pf_2_cols .masonry-post-item { width: 100%; }
  .home3-top { background-position: top center; padding: 160px 0 105px 0; }
  .home3-top .home3-top-left h6 { font-size: 13px; padding-top: 0; }
  .home3-top .home3-top-left h2 { font-size: 36px; line-height: 42px; }
  .home3-top .home3-top-left p { margin-bottom: 30px; font-size: 16px; line-height: 24px; }
  .footer-widget, .copyright-2 { text-align: center; }
}
/*# sourceMappingURL=style.css.map */
*{
    font-family: 'Texturina', serif;
}
@media (max-width:762px){
    .home3-top-right { display: none; }
    body, html { overflow-x: hidden; }
}