/*
Template Name: Impromptu - SaaS Template
Template URI: http://themeforest.net/user/citruslabs/portfolio
Author: Citrus Labs
Author URI: http://themeforest.net/user/citruslabs
Website URI: www.citruslabsthemes.com
Version: 1.0.0

*/
/* Table of Content
==================================================

0# Navigation

#1 Home/Index

1.1 - Header
1.2 - Services
1.3 - Features
1.4 - Stats
1.5 - Testimonials
1.6 - Video
1.7 - Pricing
1.8 - Get Started
1.9 - Subscribe
1.10 - Google Map
1.11 - Footer

2# Features

2.1 - Hero
2.2 - Img Feature
2.3 - Why Choose Us
2.4 - Integrations
2.5 - FAQ
2.6 - Get Quote

3# About

4# Blog

5# Blog Single Post

6# Login

7# Register

8# FAQ

9# Privacy

10# Comparison Tables

11# Blog Right SideBar

12# Blog Left SideBar

13# Contact

14# Services

15# Error 404

16# Coming Soon

17# Careers

==================================================/*
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

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%;
font: inherit;
vertical-align: baseline;
text-decoration: none;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
display: block;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

hr.large{
max-width:60px;
margin:0% 0% 0% 10%;
border-width:3px;

}
hr.separator-sections{
max-width:60px;
margin:10px auto;
border-width:3px; 
}
hr.testimonial-hr{
max-width:100px;
margin:5% 0% 0% 0%;
border-width:3px;
}
hr.header-separator{
max-width:40px;
margin:0px 0px 0px 5px;
border-width:3px;
} 
hr.blog-separator{
max-width:40px;
margin:0px 0px 0px 5px;
border-width:3px;
} 
li.contact-separator{
max-width:40px;
margin:0px 0px 0px 0px;
border:2px solid #0a151e;
} 
hr.title-sidebar{
max-width:60px;
margin:10px 0px 0px 0px;
border-width:2px;
} 
hr.separator-login{
width: 100%;
border-width: 1px;
border-color: #E3E7E9;
padding-left: 0 !important;
padding-right: 0 !important;
}
a.no-decoration{
  text-decoration: none;
}
a { color: inherit; } 
*, *::after, *::before {
box-sizing: border-box;
}
html
{
font-size: 62.5%;
width: 100%;
margin: 0px;
overflow-x: hidden; 
}
body{
font-size: 10pt;
width: 100%;
margin: 0px;
overflow-x: hidden; 
}
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
/* reset the text-align */
text-align:left;
/* inline-block space fix */
margin-right:-4px;
}
.no-overflow{
overflow-y: hidden;
}
/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 9999999;
  height: 100%;
  width: 100%;
}
.no-js #preloader, .oldie #preloader {
  display: none;
}
#loader {
  width:170px;
  height:120px;
  position:absolute;
  left:50%;
  top:50%; 
  background-image:url('../../assets/img/ripple.gif');
  background-repeat:no-repeat;
  background-position:center;
  margin:-85px 0 0 -80px;
}
/* - 0# Navigation
================================================*/
header {
width: 100%;
position: absolute;
left: 0;
top: 24px;
z-index: 600;
background: transparent;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.row-header {
width: 94%;
max-width: 1140px;
margin: 0 auto;
}
.row-header:before, .row-header:after {
content: "";
display: table;
}
.row-header:after {
clear: both;
}
.row-header .row-header {
width: auto;
max-width: none;
margin-left: -20px;
margin-right: -20px;
}

header .row-header {
width: auto;
height: 66px;
position: relative;
}

header .logo {
margin-top: 2px;
z-index: 600;
position: absolute;
left: 35px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform:translateY(-50%);
transform: translateY(-50%);
-o-transform: translateY(-50%);
}
header .logo a {
display: block;
margin: 0;
padding: 0;
border: none;
font: 0/0 a;
text-shadow: none;
color: transparent;
width: 282px;
height: 47px;
background-size: 282px 47px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.logo-light{
background: url("../../images/white_logo.png") no-repeat center;
background-size: 282px 47px;
}
.logo-dark{
background: url("../../images/blue_logo.png") no-repeat center;
background-size: 282px 47px;
}
.sticky {
position: fixed;
background: #ffffff;
box-shadow:0 2px 10px 1px rgba(0,0,0,.2);
top: 0;
}
.sticky .logo a {
width: 282px;
height: 47px;
background-size: 282px 47px;
}

/**
* * header section
* - 
*/

@media only screen and (max-width:768px) {
header {
top: 0;
padding: 6px 0;
}
header .logo a {
width: 282px;
height: 47px;
background-size: 282px 47px;
}
}

/**
* navigation
* - 
*/

#main-nav-wrap, .main-navigation {
margin: 0;
padding: 0;
}
a.menu-toggle {
display: none;
}

/* main-nav-wrap */
#main-nav-wrap {
font-family: "Montserrat", sans-serif;
font-size: 11.5px;
text-transform: uppercase;
letter-spacing: 1.5px;
position: absolute;
top: 0;
right: 30px;
}
.main-navigation {
min-height: 66px;
display: inline-block;
width: auto;
text-align: left;
}
.main-navigation li {
position: relative;
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
height: 66px;
}
.main-navigation li a i{
position: relative;
font-size: 1.6rem;
bottom: 2px;
}
.main-navigation li.current a::after {
position: absolute;
left: 50%;
bottom: 0;
width: 80%;
height: 3px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: '\0020';
display: block;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.main-navigation li.with-sep a {
position: relative;
padding-left: 22px;
margin-left: 8px;
}
.main-navigation li.with-sep a::before {
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 20px;
margin-top: -10px;
background-color: rgba(255, 255, 255, 0.2);
content: '\0020';
display: block;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.main-navigation li.sticky-sep a::before {
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 20px;
margin-top: -10px;
background-color: #34495e;
content: '\0020';
display: block;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

/* navigation links */
.main-navigation li a {
display: block;
padding: 18px 15px;
line-height: 30px;
text-decoration: none;
text-align: left;
color: #fff;
position: relative;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li a:active {
background-color: transparent !important;
}
.main-navigation li a.menu-open-main{
color: #98999a;
}
.main-navigation-mobile{
display: none;
}
/**
* mobile-primary navigation
* - 
*/

@media only screen and (max-width:768px) {
#main-nav-wrap ul li.menu-drop {
display: none;
}  
#main-nav-wrap {
display: block;
width: 100%;
position: absolute;
top: 69px;
right: 0;
}
a.menu-toggle {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 30px;
margin-top: -20px;
}
a.menu-toggle span {
display: block;
width: 24px;
height: 3px;
margin-top: -1.5px;
position: absolute;
right: 8px;
top: 50%;
bottom: auto;
left: auto;
background-color: white;
-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
-webkit-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
a.menu-toggle span.menu-open{
display: block;
width: 24px;
height: 3px;
margin-top: -1.5px;
position: absolute;
right: 8px;
top: 50%;
bottom: auto;
left: auto;
background-color: black;
-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
-webkit-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
a.menu-toggle span::before, a.menu-toggle span::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: inherit;
left: 0;
-moz-transition-duration: 0.2s, 0.2s;
-o-transition-duration: 0.2s, 0.2s;
-webkit-transition-duration: 0.2s, 0.2s;
-ms-transition-duration: 0.2s, 0.2s;
transition-duration: 0.2s, 0.2s;
-moz-transition-delay: 0.2s, 0s;
-o-transition-delay: 0.2s, 0s;
-webkit-transition-delay: 0.2s, 0s;
-ms-transition-delay: 0.2s, 0s;
transition-delay: 0.2s, 0s;
}
a.menu-toggle span::before {
top: -8px;
-moz-transition-property: top, transform;
-o-transition-property: top, transform;
-webkit-transition-property: top, transform;
-ms-transition-property: top, transform;
transition-property: top, transform;
}
a.menu-toggle span::after {
bottom: -8px;
-moz-transition-property: bottom, transform;
-o-transition-property: bottom, transform;
-webkit-transition-property: bottom, transform;
-ms-transition-property: bottom, transform;
transition-property: bottom, transform;
}
.menu-toggle.is-clicked span {
background-color: rgba(255, 255, 255, 0);
}
.menu-toggle.is-clicked span::before, .menu-toggle.is-clicked span::after {
background-color: white;
-moz-transition-delay: 0s, 0.2s;
-o-transition-delay: 0s, 0.2s;
-webkit-transition-delay: 0s, 0.2s;
-ms-transition-delay: 0s, 0.2s;
transition-delay: 0s, 0.2s;
}
.menu-toggle.is-clicked span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-toggle.is-clicked span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main-navigation{
display: none;
}
.main-navigation-mobile {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 100px 42px 54px 42px;
background: #182a3c;

}
::-webkit-scrollbar { 
display: none; 
}
.main-navigation-mobile > li {
display: block;
height: auto;
text-align: center;
padding: 0;
}

.main-navigation-mobile li.mobile-title a {
display: block;
color: #fff;
font-size: 2.5rem;
width: auto;
padding: 18px 0;
text-align: center;
line-height: 16px;
border: none;
}
.main-navigation-mobile li.mobile-title a {
display: block;
font-size: 2.5rem;
width: auto;
padding: 15px 0;
text-align: center;
line-height: 5px;
border: none;
text-decoration: none;
}

.main-navigation-mobile ul.mobile-content li{
list-style: none;
}
.main-navigation-mobile ul.mobile-content li a {
display: block;
font-size: 1.4rem;
width: auto;
padding: 18px 0;
text-align: center;
line-height: 0px;
border: none;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-navigation li.with-sep a {
padding-left: 0;
margin-left: 0;
}
.main-navigation li.with-sep a::before {
display: none;
}
.main-navigation li.current > a {
background: none;
}
.main-navigation li.current > a:after {
display: none;
}
}
@media only screen and (min-width:769px) {
#main-nav-wrap ul.main-navigation {
display: block !important;
}
ul.dropdown{
display: none;
}
}
/* - 1# Index
================================================*/
/*1.1 Hero */
.hero {
padding-top: 0px;
padding-bottom: 10px;
position: relative;
color: #fff;
}
#img-back{
position:relative;width:100%;
height:100%;
overflow: hidden;
}
#img-back:after{
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../../images/tpbg1.png);
background-size: cover;
background-attachment: fixed;
}
.cnt-hero-content{
padding:0px 0px 400px 0px;
background-color: rgba(36, 42, 50, 0.8) ;
background-size:cover;
background-repeat: no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero-box{
text-align: center;
position: relative;
top:250px;
}
.hero-text h1,
.hero-text p{
line-height:1em;
color: #fff;
}

.hero-text h1{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 5rem;
line-height: 1em;
margin: 0 0 15px;
}
.hero-text p{
font-family: 'Open Sans',sans-serif;  
line-height: 3em;
font-size: 1.8rem;
font-weight: 100;
margin: 0 0 80px;
}
.cnt-hero-content .action-main {
display: inline-block;
}
.cnt-hero-content .action-main::after {
clear: both;
content: "";
display: table;
}
.cnt-hero-content .action-main > * {
float: left;
}
.cnt-hero-content .cnt-btn {
display: inline-block;
padding: 1.8em 6em;
font-size: 1.3rem;
text-transform: uppercase;
font-weight: 800;
font-family: 'Montserrat',sans-serif;
letter-spacing: 1px;
-webkit-border-radius: 6em;
-moz-border-radius: 6em;
-ms-border-radius: 6em;
-o-border-radius: 6em;
border-radius: 6em;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.cnt-hero-content .cnt-btn:hover{
background-color: transparent;
}
.cnt-hero-content .cnt-btn a{
color:#fff;
text-decoration:none; 
}
.cnt-hero-content .cnt-btn a:hover{
text-decoration:none;
color: inherit;
}

.hero .wheel-wrap {
bottom: -90px;
text-align: center;
position: absolute;
width: 100%;
z-index: 1;
}

.hero .wheel-wrap span.mousewheel {
border: 2px solid #FFF;
border-radius: 12px;
display: inline-block;
width:25px;
height:40px;
position: relative;

}

.hero .wheel-wrap span.mousewheel:after {
background: #FFF;
border-radius: 6px;
content: '';
height: 7px;
left: 8px;
top: 5px;
position: absolute;
width: 5px;
-webkit-animation:scroll-inner 1.5s;
animation:scroll-inner 1.5s;
-webkit-animation-timing-function:ease;
animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
}

@-webkit-keyframes scroll-inner{
from{
margin-top:15%;
opacity:1;
}
to{
margin-top:75%;
opacity:0;
}
}@keyframes scroll-inner{
from
{
margin-top:15%;
opacity:1;
}
to{
margin-top:75%;
opacity:0;
}
}    
/*1.2 Services */
#services{
position:relative;
width:100%;
top:-10px;
z-index:3;

}
#services .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
#services .container .row{
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0 !important;
padding-right: 0 !important;
}
.cnt-services-bg{
padding: 0px 0px 80px 0px;
}
#services .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}
#services .container p.title-txt{
font-family: 'Open Sans',sans-serif;
font-size: 4rem;
font-weight: 100;
text-align: center;
width: 50%;
margin: 50px auto;     
}
#services .item-container{
position: relative;
margin:2% 0 0 0;
padding-left: 0 !important;
padding-right: 0 !important;
}
#services .item-services{
margin-left: 2.5%;
text-align: center;
width: 30%;

}
#services p.items{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
color: #9f9f9f;
margin-top: 5%;
position: relative; 
width: 100%;
}
#services .item-services h2{
font-size: 1.8rem;
font-weight: 800;
top: 10px;
position: relative;
font-family:'Montserrat',sans-serif;
color: #323f4d;
}
#services i{
font-size: 6rem;
}
.item-container .item-services:nth-child(3n+2){
margin-top: 60px;
}
#services .action-started{
position: relative;
text-align: center;
margin: 50px auto;
}
#services .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
#services .btn:hover{
background: #34495e;
}
#services .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
#services .btn-outlined:hover{
color: #fff; 
}

/*1.3 Features */
#features{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#features .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-features-bg{
padding: 0px 0px 200px 0px;
background: #182a3c;
}
#features .container h1{
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
margin-left: 5%;
color: #fff; 
}
#features .container p{
font-family: 'Open Sans',sans-serif;
font-size: 2.5rem;
color: #fff;
font-weight: 100;
position: relative;
margin-left: 5%;
margin-top: 20px;

}
#features .item-cnt-feature{
margin-top:40px; 
}
#features .container b{
font-weight: bold;
}
#features .icon
{
text-align: center;
width:80px;
margin:0 auto;

}
#features .icon i {
color:#c7cacc;
line-height: 75px;
font-size:6rem;
text-align: center;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
}
#features .icon-box .icon i:hover {
border-radius: 50%;
cursor:pointer;
line-height: 75px;
text-align: center;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
}
.icon-box
{
margin:30px 0px;
}  
.left-icon-text{
position: relative;
margin-left: 20px;
}
.left-icon-text h2{
font-size: 2rem;
font-family: 'Open Sans',sans-serif;
font-weight: 400;
}
#features .left-icon-text p{
font-size: 1.5rem;
color: #fff;
position: relative;
margin-left: 0px;
}
#features .side-img{
position: relative;
top: 50px;
} 
#features .action-started{
position: relative;
margin-left: 40px;
margin-top: 25px;
} 
#features .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
#features .btn:hover{
background: #34495e;
}
#features .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
#features .btn-outlined:hover{
color: #fff; 
}
/*1.4 Stats */
#stats{
position:relative;
width:100%;
z-index:3;  
}
.stats{
position: relative;
top: -10px;
}
.stats-blog{
position:relative;
top:10px;  
}
#stats .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-stats-bg {
padding: 0px 0px 100px 0px;  
border-bottom: 1px solid #dbdfdd;
}
.cnt-stats-bg:before{
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url('../../assets/img/bg-pattern-1.svg');
background-repeat: no-repeat;
background-position: 50% 0;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; 
background-color: rgba(229, 229, 229, 0.5);
}
#stats .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;     
}  
#stats .item-container{
position: relative;
margin-left: 2%;
margin-top: 8%;
}
#stats .item-stats{
margin-left: 10px;
text-align: center;
width: 30%;
}
#stats p.items{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
color: #9f9f9f; 
position: relative;
margin:35px auto;
width: 60%;
}
#stats .item-stats h2{
font-size: 4rem;
font-weight: 800;
text-transform: uppercase;
top: 10px;
position: relative;
font-family:'Montserrat',sans-serif;
color: #323f4d;
}
#stats i{
font-size: 6rem;
}
/*1.5 Testimonials */
#testimonials{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#testimonials .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-testimonials-bg{
padding: 0px 0px 200px 0px;
}
#testimonials .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e; 
} 
.items-testimonials{
position: relative;
margin-top: 5%;
}
.txt-testimonial{
min-height: 200px;
}
.txt-testimonial:before {
content: "";
position: absolute;
top: 0;
right: 15px;
border-width: 0 16px 16px 0;
border-style: solid;
}
.txt-testimonial p{
color: #fff;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
position: relative;
padding: 50px 15px 10px 15px;
font-size: 1.5rem;
font-style: italic;
}
div.testimonial{
position: relative;
top: 15px;

}
.item-testimonial img{
position: absolute;
left: 15px;
bottom: 2px;
}
div.testimonial p{
font-family: 'Montserrat',sans-serif;
color: #323f4d;
font-weight: 800;
font-size: 2rem;
position: relative;
margin-left: 35%;
}
div.testimonial cite{
font-family: 'Open Sans',sans-serif;
color: #9f9f9f;
font-size: 1.8rem;
position: relative;
margin-left: 35%;
}
/*1.6 Video */
#video{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
.video-iframe{
position: absolute;
left: 0; top: 0; bottom: 0; right: 0;
height: 100%;
width: 100%;
display: none;
}
.video:before {
background: url(../../images/tpbg1.png);
}

.featured-bg-image {
position: relative;
background-color: #222222;
color: white;
min-height: 400px;
}
.featured-bg-image a{
text-decoration: none;
}
.featured-bg-image:before {
content: '';
position: absolute;
top: 0; right: 0; left: 0; bottom: 0;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: .35;
}
.btn-circle-play{
position: relative;
margin: 0% auto;
margin-left: 40%;
}
#video h2{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
position: relative;
font-size: 3rem;
letter-spacing: 0px;
margin: 5% auto;
z-index: 9;
color: #fff; 
}
.hero-mat {
width: 150px;
height: 150px;
border-radius: 50%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.play-button {
font-size: 6rem;
color: #fff;
}
.play-button:hover {
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
}
/*1.7 Pricing */
#pricing{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#pricing .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-pricing-bg{
padding: 0px 0px 100px 0px;
}  
#pricing h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;  
}
#pricing p.top-txt{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
text-align: center;
margin-top: 2%;
color: #9f9f9f;
}
.pricing-content {
margin: 6.6rem auto;
}
.pricing-content .bgrid {
margin-bottom: 3.6rem;
}
.pricing-content .price-block {
background-color: #FFFFFF;
border-radius: 5px;
overflow: hidden;
text-align: center;
min-height: 500px;
}
.pricing-content .price-block .top-part,
.pricing-content .price-block .bottom-part {
padding: 3.9rem 1.5rem;
}
.pricing-content .price-block .top-part {
background: #f3f3f9;
color: #34495e;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
padding-bottom: 2.4rem;
position: relative;
}
.pricing-content .price-block .bottom-part {
padding-top: 2.4rem;
padding-left: 3rem;
padding-right: 3rem;
}
.pricing-content .price-block .plan-title {
color: #3c3c4e;
font-family: 'Open Sans',sans-serif;
padding-bottom: 2.4rem;
margin-bottom: 1.2rem;
font-size: 2.5rem;
font-weight: 800;
position: relative;
}
.pricing-content .price-block .price-txt{
color: #9f9f9f;
line-height: 1.8rem;
font-size: 1.4rem;
text-align: center;
position: relative;
margin: 0px auto;
width: 70%;
font-weight: 400;
}
.pricing-content .price-block .plan-title::after {
display: block;
width: 80px;
height: 1px;
content: '\0020';
position: absolute;
left: 50%;
bottom: 0;
margin-left: -40px;
}
.pricing-content .price-block .plan-price {
font-family: "Open Sans", sans-serif;
font-size:3rem;
font-weight: 800;
text-align: center;
line-height: 1;
position: relative;
margin-top: .9rem;
}
.pricing-content .price-block .plan-price span {
font-size: 2rem;
font-weight: 400;
color: #9f9f9f;
}
.pricing-content .price-block .price-month {
margin-bottom: 1.2rem;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-size: 1.6rem;
}
.pricing-content .price-block .price-meta {
color: rgba(255, 255, 255, 0.5);
line-height: 1.8rem;
}
.pricing-content .price-block .button {
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
padding: 1rem 5rem;
margin-left: auto;
margin-right: auto;
font-family: 'Open Sans',sans-serif;
font-weight: 400;
font-size: 1.5rem;
text-decoration: none;
position: relative;
top:15px;
}

.pricing-content .price-block .features {
list-style: none;
font-family: "Open Sans", sans-serif;
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.4);
margin: .6rem 0 1.8rem 0;
}
.pricing-content .price-block .features li {
padding: .6rem 0;
border-bottom: 1px solid #e7e7ee;
}
.pricing-content .price-block .features li strong {
color: #353F49;
font-family: "Open Sans", serif;
font-weight: 800;
margin-right: 5px;
}
.pricing-content .price-block .features li:last-child {
border: none;
}
.pricing-content .primary .top-part {
background: #f3f3f9;
}

.pricing-content .primary .top-part::before {
content: attr(data-info);
display: block;
min-height: 48px;
line-height: 48px;
width: 101%;
text-align: center;
color: #FFFFFF;
font-family: "Montserrat", sans-serif;
font-size: 1.2rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .15rem;
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 500;
}

/**
* responsive:
* pricing
* -
*/

@media only screen and (max-width:1140px) {
.pricing-content {
max-width: 800px;
}
.pricing-content .bgrid {
width: 50%;
clear: none;
}
.pricing-content .bgrid:nth-child(2n+1) {
clear: both;
}
}

/*1.8 Get Started */
#started{
position:relative;
width:100%;
top:10px;
z-index:3;  
}
#started .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-started-bg{
padding: 0px 0px 20px 0px;
}  
#started .container h2{
text-align: center;
font-family: 'Montserrat',sans-serif;
font-size: 3.5rem;
margin-top: 5%;
color: #fff;
}  
#started .action-started{
position: relative;
text-align: center;
margin: 50px auto;
}
#started .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
#started .btn:hover{
background: #34495e;
}
#started .btn-outlined{
color:#fff;
height: 60px;
line-height: 60px;
border: 1px solid #fff;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
#started .btn-outlined:hover{
background: #fff;
}
/*1.9 Subscribe */
#subscribe{
position:relative;
width:100%;
top:-10px;
z-index:3;  
border-top: 1px solid #dbdfdd;
}
#subscribe .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-subscribe-bg{
padding: 0px 0px 100px 0px;
} 
#subscribe .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;  
} 
#subscribe .container p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
width: 60%;
color: #9f9f9f;
position: relative;
text-align: center;
margin: 40px auto;
}  
input,
button,
textarea{
outline: none;
}
input:focus,
button:focus,
textarea:focus{
outline: none;
}
.formi{
position: relative;
margin-left: 35%;
margin-right: 0px;
margin-top: 2%;
}
.subscribe-form{
display: block;
position: relative;

}

.subscribe-form input[type="text"]{
display: block;
width: 100%;
height: 40px;
border-radius: 5px;
padding: 0 155px 0 20px;
font-family: 'Open Sans',sans-serif;
font-weight: 300;
font-size: 14px;
color: #2c3e50;
border: 1px solid #e3e3e3;
}

.subscribe-form .btn{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
position: absolute;
height: 40px !important;
line-height: 40px !important;
right: 190px;
top: 0;
font-size: 1.2rem !important;
font-weight: 800 !important;
font-family: 'Montserrat',sans-serif !important;
letter-spacing: .02em;
padding: 0 30px !important;
}
.subscribe-form .input-line{
display: inline-block;
width: 70%;
outline: none;
}

.btn-special{
line-height: 60px;
border-radius: 5px;
color: #fff;
height: 59px;
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.2rem;
letter-spacing: .04em;
text-transform: uppercase;
padding: 0 40px;
}
.btn-special:hover{
color: #fff;
}


.btn-special::before{
content: "\e639";
font-family: 'Pe-icon-7-stroke';
display: inline-block;
margin-right: 12.5px;
}
/* 1.10 Map */
#map-location{
position:relative;
width:100%;
top:0px;
z-index:3;  
}
#map-location .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-map-bg{
padding:0px 0px 0px 0px;

}
.cnt-map-bg .map-google{
position: relative;
margin-top: 0%;
width: 100%;
margin-left: 0px;
margin-right: 0px;
padding: 0;
}
.cnt-map-bg .map-google #map {
width: 100%;
height: 500px;
}
/*1.11 Blog Section */  
#sblog{
position:relative;
width:100%;
top:0px;
z-index:3;  
}
#sblog .container{
width:100%;
/*    padding: 0;
margin-left: 0px;
margin-right: 0px;*/
}
.cnt-sblog-bg{
padding:0px 0px 0px 0px;
}
#sblog .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;  
} 
#sblog .container p.title-txt{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
width: 60%;
color: #9f9f9f;
position: relative;
text-align: center;
margin: 40px auto;
}    
#sblog .cnt-blog-wg{
position: relative;
margin-top: 5%;
}
#sblog .cnt-blog-wg .cnt-post{
width: 270px;
min-height:500px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
position: relative;
margin-left: 8%;
}  
#sblog .cnt-blog-wg .cnt-post .fit_image img {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;

}
#sblog .cnt-blog-wg .cnt-post .fit_image {
min-width: 266px;
min-height: 116px;
position: relative;
right: 15px;


}  
#sblog .cnt-blog-wg .cnt-post .fit_image img:hover {
opacity: .6;
cursor: pointer;
}
#sblog .cnt-post h2{
font-family: 'Open Sans',sans-serif;
font-size: 2.5rem;
position: relative;
top: 20px;
color: #3C3C4E;
font-weight: 100;
}
#sblog .cnt-post p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
color: #9F9F9F;
position: relative;
top: 40px;
}
#sblog .cnt-post ul.data-post{
width: 100%;
list-style: none;
font-family: 'Montserrat',sans-serif;
font-size: 1.2rem;
text-transform: uppercase;
position: relative;
top: 70px;
font-weight: 800;
color: #3C3C4E;
}
#sblog .cnt-post ul.data-post li{
display: inline-block;
}
#sblog .cnt-post ul.data-post li.separator-post{
position: relative;
padding-left: 5px;
}
#sblog .cnt-post ul.data-post li.category{
padding-left: 10px;
}
#sblog .cnt-post a{
text-decoration: none;
}
#sblog .cnt-post  .read-more{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
letter-spacing: 1px;
position: relative;
top: 100px;
}

#sblog .cnt-post .read-more:hover{
color: #182a3c;
cursor: pointer;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
#sblog .cnt-post #readmore{
position: relative;
top: 5px;
}
#sblog .action-started{
position: relative;
text-align: center;
margin: 100px auto;
}
#sblog .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
#sblog .btn:hover{
background: #34495e;
}
#sblog .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
#sblog .btn-outlined:hover{
color: #fff; 
}  
/** 
* ===================================================================
* footer
*
* ------------------------------------------------------------------- 
*/

footer {
padding-bottom: 0rem;
font-size: 1.5rem;
line-height: 2.7rem;
font-family: "Open Sans", sans-serif;
color: #acb2bc;
overflow-y: hidden;
overflow-x: hidden;

}
footer.contact-ft{
position: relative;
z-index: 5;
bottom: 20px;
padding-bottom: 3rem;
font-size: 1.5rem;
line-height: 2.7rem;
font-family: "Open Sans", sans-serif;
color: #acb2bc;
height: 50px;
}
footer a, footer a:visited {
color: #05bca9;
}
footer a:hover, footer a:focus {
color: #FFFFFF;
}
footer h4 {
text-transform: uppercase;
font-family: 'Montserrat',sans-serif;
letter-spacing: 2px;
font-size: 1.2rem;
padding-bottom: 1.2rem;
margin-bottom: 1.2rem;
}
footer h5.contact-us-ft{
text-transform: uppercase;
font-family: 'Montserrat',sans-serif;
letter-spacing: 2px;
font-size: 1.2rem;
padding-bottom: 1.2rem;
margin-bottom: 1.2rem; 
}
footer ul {
margin-left: 0;
}
footer ul li {
padding-left: 0;
}
.footer-main {
padding-top: 6.6rem;
padding-left: 5rem;
padding-right: 5rem;
padding-bottom: 4.2rem;
background: #182a3c;
}
.footer-contact{
background: #182a3c;
}
.footer-main ul {
font-size: 1.2rem;
}
.footer-main ul li {
font-family: "Open Sans", sans-serif;
font-weight: 100;
text-transform: uppercase;
letter-spacing: 2px;
list-style: none;
}
.footer-main ul a, .footer-main ul a:visited {
color: #bababa;
}
.footer-main ul a:hover, .footer-main ul a:focus {
text-decoration: none;
}
.footer-main .footer-logo {
width: 200px;
height: 40px;
background: url("../../images/blue_logo.png")  no-repeat center;
background-size: 200px 40px;
margin: -.6rem 0 2.1rem -.3rem;
display: block;
}
.footer-main .footer-subscribe p {
margin-bottom: 1.2rem;
font-size: 2.5rem;
color: #bababa;
font-weight: 100;
font-family: 'Open Sans',sans-serif;
}
.footer-main .footer-subscribe ul.contact{
font-weight: 800;
letter-spacing: normal;
}

.footer-bottom {
margin-top: 0rem;
height: 50px;
width: 100%;
}
.footer-bottom-contact{
height: 40px;
}
.footer-bottom .copyright{
margin-left: 25px;
font-family: 'Open Sans',sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 1.2rem;
margin-top: 1.5rem;
}
.footer-bottom div{
display: inline-block;
}
.footer-bottom .copyright span {
display: inline-block;
}
.footer-bottom .terms{
margin-left: 25px;
font-family: 'Open Sans',sans-serif;
font-weight: 400;
color: #9f9f9f;
text-transform: uppercase;
font-size: 1.2rem;
margin-top: 1.5rem;
}
.footer-bottom .terms span {
display: inline-block;
}
.footer-bottom .terms span::after {
content: "|";
display: inline-block;
padding: 0 1rem 0 1.2rem;
color: #182a3c;
}
.footer-bottom .copyright span:last-child::after {
display: none;
}


/**
* go to top
* -
*/

#go-top {
position: absolute;
top: 12px;
right:0px;
width: 100%;
display:block;
}

#go-top a {
text-decoration: none;
border: 0 none;
display: block;
color: #182a3c;
float: right;
text-transform: uppercase;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#go-top a i {
font-size: 1.5rem;
line-height: inherit;
}


/* - 2# Features
================================================*/
/*2.1 Hero */
.hero-features {
padding-top: 0px;
padding-bottom: 10px;
position: relative;
color: #fff;
}
#img-back-features{
position:relative;width:100%;
height:100%;
overflow: hidden;
}
#img-back-features:after{
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../../images/tpbg1.png);
background-repeat: no-repeat;
background-position: 50% 0;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; 
background-color: rgba(20, 20, 20, 0.7);
}
.hero-features .cnt-header-bg{
padding:0px 0px 600px 0px;
background-color: rgba(36, 42, 50, 0.8) ;
background-size:cover;
background-repeat: no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero-features .hero-box{
text-align: center;
position: relative;
top:250px;
}
.hero-features .hero-text h1,
.hero-features .hero-text p{
line-height:1em;
color: #fff;
}

.hero-features .hero-text h1{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 5rem;
line-height: 1em;
margin: 0 0 15px;
}
.hero-features .hero-text p{
font-family: 'Open Sans',sans-serif;  
line-height: 3em;
font-size: 1.8rem;
font-weight: 100;
margin: 0 0 80px;
}
.hero-features .action-started{
position: relative;
text-align: center;
margin: 0px auto;
bottom: 40px;
z-index: 1;
}
.hero-features .action-started p{
margin: 0px auto;
text-align: center;
text-transform: uppercase;
font-family: 'Montserrat',sans-serif;
font-size: 1.2rem;
}
.hero-features .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
z-index: 0;
}
.hero-features .btn:hover{

}
.hero-features .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
.hero-features .btn-outlined:hover{
color: #fff; 
}
/* 2.2 Img Feature*/
#img-feature{
position:relative;
width:100%;
top:0px;
z-index:3;  
}
#img-feature .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-imgfeature-bg{
height: 100px;
}
#img-feature .img-dashboard{
position: relative;
bottom:435px; 
margin: 0px auto;
text-align: center;
z-index: 10000;
}
/*2.3 Why Choose Us */
#solutions{
position:relative;
width:100%;
top:0px;
z-index:3;  
}
#solutions .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-solutions-bg{
padding:0px 0px 10px 0px;
}
.feature-hdr{

}
#solutions h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}
#solutions p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 400;
text-align: center;
width: 60%;
margin: 20px auto;
color: #9f9f9f;
}
#solutions h2{
font-family: 'Open Sans',sans-serif;
font-size: 3.5rem;
font-weight: 100;
text-align: center;
width: 60%;
margin: 50px auto; 
}
#solutions .main-feature-column{
position: relative;
margin-left: 30px;
}
#solutions .item-feature{
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
#solutions .item-feature i{
font-size: 8rem;
position: relative;
top: 80px;
}
#solutions .item-feature .item-feature-left{
width: 70%;
position: relative;
margin-left: 15px;
}
#solutions .item-feature h2{
font-family: 'Montserrat',sans-serif;
font-size: 2.5rem;
font-weight: 400;
color: #323f4d;
width: 100%;
text-align: left;
}
#solutions .item-feature p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
width: 100%;
text-align: left;
font-weight: 100;
color: #9f9f9f;
}
#solutions .learn-more{
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size: 1.3rem;
color: #9f9f9f;
position: relative;
margin-left: 0px;
}
#solutions .learn-more:hover{
cursor: pointer;
}
#solutions .feature-show{
border-bottom: 2px solid #e8e8e8;
}
#solutions #feature-item-01{
position: relative;
margin-top: 80px;
}
#solutions #feature-item-01 h2{
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 3rem;
text-align: left;
width: 80%;
position: relative;
top: 45px;
}
#solutions #feature-item-01 p{
font-family: 'Open Sans',sans-serif;
font-size: 1.6rem;
color: #787878;
font-weight: 400;
width: 80%;
position: relative;
top: 40px;
text-align: left;
}
/*2.4 Integrations */
#integrations{
position:relative;
width:100%;
top:0px;
z-index:3;  
}
#integrations .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-integrations-bg{
padding:0px 0px 50px 0px;
}
#integrations h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}
#integrations p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 400;
text-align: center;
width: 60%;
margin: 20px auto;
color: #9f9f9f;
}
#integrations .tab-company{
position: relative;
margin-top: 5%;
margin-left: 5%;
}
/*2.5 FAQ */
#faq{
position:relative;
width:100%;
top:0px;
z-index:3;  
}
#faq .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-faq-bg{
padding:0px 0px 100px 0px;
}  
#faq h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}  
#faq p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 400;
color: #9f9f9f;
text-align: center;
width: 60%;
margin: 20px auto;
}  
.questions-cnt{
margin:2% 0% 0% 2%;

}
.questions-cnt h3{
font-family: 'Montserrat',sans-serif;
font-size: 1.5rem;
font-weight: 800;
color: #323f4d;
text-transform: uppercase;
padding-top: 20px;
margin-left: 10%;
position: relative;
}
#faq .questions-cnt p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
color: #9f9f9f;
text-align: left;
padding-top: 0px;
width: 80%;
}
hr.question{
width: 10%;
margin-left: 10%;
position: relative;
border-width:3px;
}
/*2.6 Get Quote */
#get-quote{
position:relative;
width:100%;
top:0px;
z-index:3;  
}
#get-quote .container{

}
.get-quote:before {
background: url(../../images/tpbg1.png);
}
.img-bg-quote {
position: relative;
background-color: #222222;
color: white;
height:450px;
}
.img-bg-quote a{
text-decoration: none;
}
.img-bg-quote:before {
content: '';
position: absolute;
top: 0; right: 0; left: 0; bottom: 0;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: .35;
}  
#get-quote h2{
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 3.5rem;
text-align: center;
position: relative;
top: 100px;
}  
#get-quote p{
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 1.5rem;
width: 50%;
text-align: center;
position: relative;
margin: 0px auto;
top: 150px;
}  
#get-quote .action-started{
position: relative;
text-align: center;
margin: 0px auto;
top: 200px;
}
#get-quote .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}

#get-quote .btn-outlined{
color:#fff;
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}

/* - 3# About
================================================*/
/*3.1 Hero */
.hero-about {
padding-top: 0px;
padding-bottom: 10px;
position: relative;
color: #fff;
}
#img-back-about{
position:relative;width:100%;
height:100%;
overflow: hidden;
}
#img-back-about:after{
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-color:#182A3C;
opacity: 0.8;

}
.hero-about .cnt-header-bg{
padding:0px 0px 450px 0px;
background: url(../../images/tpbg1.png);
background-size: cover;
background-attachment: fixed;
top: 0;
z-index: 1;
left: 0;
width: 100%;
height: 100%;
}
.hero-about .hero-box{
text-align: center;
position: relative;
top:300px;
z-index: 2;
}
.hero-about .hero-text h1,
.hero-about .hero-text p{
line-height:1em;
color: #fff;
}

.hero-about .hero-text h1{
font-family: 'Montserrat',sans-serif;
font-weight: 400;
font-size: 6rem;
line-height: 1em;
margin: 0 0 15px;
}
.hero-about .hero-text p{
font-family: 'Open Sans',sans-serif;  
line-height: 3em;
text-transform: uppercase;
font-size: 1.5rem;
letter-spacing: 2px;
font-weight: 100;
margin: 0 0 80px;
}
/* 3.2 Intro About */
#intro-about{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#intro-about .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-intro-bg{
padding:0px 0px 150px 0px;
border-bottom: 1px solid #dbdfdd;
}  
#intro-about h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;
}  
#intro-about .intro-about-txt{
position: relative;
margin: 0px auto;
margin-left: 20px;
width: 85%;
}
#intro-about p{
font-family: 'Open Sans',sans-serif;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.5em;
text-align: left;
width: 85%;
margin: 20px auto;
color: #34495e;
}  
#intro-about h3{
font-family: 'Open Sans',sans-serif;
font-size: 4rem;
font-weight: 100;
text-align: center;
width: 60%;
margin: 50px auto; 
}
/* 3.3 Our Team */
#our-team{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#our-team .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-team-bg{
padding:0px 0px 350px 0px;
}  
#our-team h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;
} 
#our-team h3{
font-family: 'Open Sans',sans-serif;
font-size: 4rem;
font-weight: 100;
text-align: center;
width: 60%;
margin: 0px auto; 
top: 50px;
position: relative;
} 
#our-team p{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
font-weight:400;
text-align: center;
width: 60%;
color: #34495e;
margin: 0px auto; 
top: 80px;
position: relative;
}
#our-team .team-list{
position: relative;
top: 150px;
left: 15%;
width: 90%;
}
div.fit-image {
width:230px;
height:284px;
position:relative;
overflow:hidden;
left: 30px;
}
div.fit-image > img {
position:absolute;
top:50%;
min-height:100%;
display:block;
left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
min-width:100%;
}
.fit-image:after {
content:'';
position:absolute;
width:100%; height:100%;
top:0; left:0;
display: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.fit-image:hover:after {
display: block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
span.link-profile {
color: white;
cursor: pointer;
display: table;
position: relative;
margin: 0px auto;
line-height: 284px;
text-align: center;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
text-transform: uppercase;
font-size: 1.8rem;
letter-spacing: 2px;
z-index: 2;
opacity: 0;
}

.fit-image:hover span.link-profile  {
opacity: 1;
}
.team-list .team-detail {
position: relative;
text-align: center;
top: 30px;
}
.team-list .team-detail h2{
font-family: 'Open Sans',sans-serif;
font-weight: 800;
font-size: 2.5rem;
}
#our-team .team-list .team-detail h4{
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 1.8rem;
color: #34495e;
position: relative;
top: 15px;
}
.team-detail ul li{
display: inline-block;
padding: 5px 15px;
position: relative;
top: 30px;
font-size: 3.5rem;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.team-detail .social{
color:#9f9f9f;
}
/* 3.4 Work with us */
#workwithus{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#workwithus h2{
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 4rem;
text-align: center;
}  
#workwithus p{
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 1.8rem;
width: 80%;
text-align: center;
position: relative;
margin: 50px auto;
} 
#workwithus .work-btns {
display: inline-block;
position: relative;
margin: 0px auto;
top: 60px;
}
#workwithus  .work-btns::after {
clear: both;
content: "";
display: table;
}
#workwithus  .work-btns > * {
float: left;
}
#workwithus  .cnt-btn {
display: inline-block;
margin-right: 1.5em;
color:#fff;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
font-weight: 800;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
font-size: 1.4rem;
padding: 1.5em 4em;
min-width: 140px;  
border: 2px solid #fff;
text-decoration: none;
}
#workwithus .cnt-btn:nth-of-type(2) {
margin-right: 0;
}
.cnt-btn a{
color:#fff;
text-decoration:none; 
}
.slider-area{
position: relative;
height: 630px;
}
#bg-slider .item{
z-index: 4;
position:relative;width:100%;
height:630px;
overflow: hidden;
}
#bg-slider .item img{
position:absolute;
top:50%;
min-height:100%;
display:block;
left:50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
min-width:100%;
}
.overlay{
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background-color:#34495e;
opacity: 0.5;
z-index: 2;
}
.item{
position: relative;
}
.slider-content{
position: absolute;
top:20%;
left: 50%;
margin-left: -585px;
text-align: center;
color: #fff;
z-index: 5;
}
.slider .owl-theme .owl-controls {
margin-top: 0px;
position: relative;
text-align: center;
z-index: 5;
}
.slider .owl-pagination {
bottom: 280px;
position: absolute;
right: 10px;
width: 40px;
}
.slider .owl-theme .owl-controls .owl-page span{
background: #fff
}

/* 3.5 Investors */
#investors{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#investors .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-investors-bg{
padding:0px 0px 150px 0px;
border-bottom: 1px solid #dbdfdd;
}  
#investors h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
} 
#investors h3{
font-family: 'Open Sans',sans-serif;
font-size: 4rem;
font-weight: 100;
text-align: center;
width: 60%;
margin: 0px auto; 
top: 50px;
position: relative;
} 
#investors p{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
font-weight:400;
text-align: center;
width: 60%;
color: #34495e;
margin: 0px auto; 
top: 80px;
position: relative;
}
#investors .items-investors{
position: relative;
width: 80%;
margin-top: 10%;
margin-left: 10%;
}
/* 3.6 Where we are */
#wearein{
position:relative;
width:100%;
top:0px;
font-family:'Open Sans',sans serif;
z-index:3;  
}
#wearein .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-wearein-bg{
padding:0px 0px 300px 0px;
}  
#wearein h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}  
#wearein h3{
font-family: 'Open Sans',sans-serif;
font-size: 4rem;
font-weight: 100;
text-align: center;
width: 60%;
margin: 0px auto; 
top: 50px;
position: relative;
} 
#wearein p{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
font-weight:400;
text-align: center;
width: 60%;
color: #34495e;
margin: 0px auto; 
top: 80px;
position: relative;
}
#wearein img{
  margin-left: 50px;
  position: relative;
}
.map-we-are{
position:relative;
top:150px;  
}
/* - 4# Blog
================================================*/
.blog-hdr{
background: #fff;
}
.blog-hdr .site-links li{
display: inline-block;
margin-right:45px;
color: #78899f;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
letter-spacing: .04em;
}
.blog-hdr .site-links li a:hover{
text-decoration: none;
}
/*4.1 Hero */
.hero-blog {
padding-top: 0px;
padding-bottom: 0px;
position: relative;
color: #fff;
height: 500px;
}
canvas {
index: 0;
display: block;
vertical-align: bottom;
}

.cnt-heroblog-content {
index: 50;
top: -50px;
width: 100%;
position: absolute;
text-align: center;
}
.cnt-heroblog-content .hero-box{
text-align: center;
position: relative;
}
/* ---- particles.js container ---- */
.hero-blog #particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #182a3c;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.hero-box h1,
.hero-box p
{
color: #fff;

}
.hero-box h1{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 5rem;
}
.hero-box p{
font-family: 'Open Sans',sans-serif;  
font-size: 2.5rem;
font-weight: 100;
}
#hero .formi{
position: relative;
margin-left: 22%;
top: 45px;
}
#hero  .subscribe-form{
display: block;
position: relative;
}
#hero .subscribe-form input[type="text"]{
display: block;
width: 100%;
height: 40px;
border-radius: 5px;
padding: 0 155px 0 20px;
font-size: 14px;
color: #2c3e50;
font-family: 'Open Sans',sans-serif;
border: 1px solid #e3e3e3;
}
#hero .subscribe-form .btn{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
position: absolute;
height: 40px !important;
line-height: 40px !important;
right: 10px;
top: 0;
font-size: 1.2rem !important;
font-weight: 800 !important;
font-family: 'Montserrat',sans-serif !important;
letter-spacing: .02em;
padding: 0 30px !important;
}
#hero .subscribe-form .input-line{
display: inline-block;
width: 70%;
outline: none;
}
#hero .btn-special{
line-height: 60px;
border-radius: 5px;
color: #fff;
height: 59px;
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.2rem;
letter-spacing: .04em;
text-transform: uppercase;
padding: 0 40px;
}
#hero .btn-special:hover{
color: #fff;
}
#hero .btn-special::before{
content: "\e639";
font-family: 'Pe-icon-7-stroke';
display: inline-block;
margin-right: 12.5px;
}
#post-blog{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#post-blog .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-post-bg{
padding:0px 0px 150px 0px;
}   
#post-blog .container-post{
position: relative;
top: 50px;
}
#post-blog .container-post .data-post-main{
position: relative;
bottom: 54px;
width: 400px;
height: 54px;
}
#post-blog .container-post .data-post-main ul{
list-style: none;
}
#post-blog .container-post .data-post-main ul li{
list-style: none;
display: inline-block;
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
color: #fff;
padding-left: 15px;
padding-top: 15px;
}
#post-blog .container-post .data-post-main ul li i{
font-size: 2.5rem;
vertical-align: middle;
}
#post-blog .container-post h2{
font-family: 'Montserrat',sans-serif;
font-size: 3rem;
width: 100%;
font-weight: 800;
position: relative;
top: 20px;
} 
#post-blog .container-post p{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
position: relative;
top: 40px;
width: 100%;
line-height: 25px;
color: #9f9f9f;
}
/* featured image */
#post-blog .featured-image{
width: 100%;
height: 300px;
}

#post-blog .featured-image img{
height:100%;
width:100%;
object-fit: cover;
}
#post-blog .action-started{
position: relative;
text-align: left;
margin: 80px auto;
}
#post-blog .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
#post-blog .btn:hover{
}
#post-blog .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
#post-blog .btn-outlined:hover{
color: #fff; 
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;

}
#post-blog #footer-blog{
text-align: center;
position: relative;
top: 80px;
}
#post-blog .main-post #footer-blog .pager{
position: relative;
}
#post-blog  #footer-blog .pager li a{
border: 2px solid #9f9f9f;
border-radius: 60px;
padding: 20px 60px;
font-family: 'Montserrat',sans serif;
text-transform: uppercase;
font-size: 1.3rem;
font-weight: 800;
color: #9f9f9f;
}
#post-blog #footer-blog .pager li a:hover{

}
/* - 5# Blog Single Post
================================================*/
/*5.1 Hero */

.hero-blog-post {
padding-top: 0px;
padding-bottom: 0px;
position: relative;
color: #fff;
height: 300px;
}
canvas {
index: 0;
display: block;
vertical-align: bottom;
}

.cnt-heroblogpost-content {
index: 50;
top: -50px;
width: 100%;
position: absolute;
text-align: center;
}
.cnt-heroblogpost-content .hero-box{
text-align: center;
position: relative;
}
/* ---- particles.js container ---- */
.hero-blog-post #particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #182a3c;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.hero-blog-post .action-started{
position: relative;
text-align: center;
margin: 0px auto;
bottom: 20px;
}
.hero-blog-post .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.hero-blog-post .btn:hover{

}
.hero-blog-post .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
.hero-blog-post .btn-outlined:hover{
color: #fff; 
}
#content-post{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#content-post .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-postcontent-bg{
padding:0px 0px 100px 0px;
}   
#content-post .container-post{
position: relative;
top: 50px;
}
#content-post h2{
font-family: 'Montserrat',sans-serif;
font-size: 3rem;
width: 100%;
font-weight: 800;
position: relative;
top: 20px;
} 
#content-post  .post-dates{
font-weight: 100;
font-family: 'Open Sans',sans-serif;
color:#6e697f;
font-size: 1.6rem; 
margin-top: 2%;
margin-left: 0px;
margin-right: 0px;
position: relative;
}
#content-post ul li img{
position: relative;
top: 15px;
}
#content-post ul li{
display: inline-block;
padding-right: 0px;
padding-left: 11px;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
color:#9f9f9f;
}
#content-post ul li.leave-comment,
#content-post ul li span.between-words
{
font-weight: 800;
}
.container-post .starts-post{
position: relative;
top: 80px;
}
.clearpost{
height: 30px;
}
.container-post p{
font-family: 'Open Sans',sans serif;
color: #9f9f9f;
font-size: 2rem;
line-height: 1.6em;
}
/* featured image */
.starts-post .featured-image{
width: 100%;
height: 450px;
position: relative;
padding-top: 50px;
padding-bottom: 50px;
}

.starts-post .featured-image img{
height:100%;
width:100%;
object-fit: cover;
}
.container-post .social{
position: relative;
margin-top: 15%;
}
.container-post .social-links{
position: relative;
text-align: center;
}
.social-icon-holder-twitter {
border:2px solid #32CDFB;
background-color:#32CDFB;
border-radius: 50%;
width: 70px;
height:70px;
display: inline-block;
margin:20px 10px;
color: #fff;
}
.social-icon-twitter:before{
font-family: 'Simple-Line-Icons';
font-size:25px;
content: "\e009";
padding-left: .2em;
line-height:65px;
}
.social-icon-holder-twitter:hover{
border:2px solid #32CDFB;
background-color:#fff;
color:#32CDFB;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
.social-icon-holder-facebook{
border:2px solid #3a579e;
background-color:#3a579e;
color:#fff;
border-radius: 50%;
width: 70px;
height:70px;
display: inline-block;margin:20px 10px;
}
.social-icon-facebook:before{
font-family: 'Simple-Line-Icons';
font-size:25px;
content: "\e00b";
padding-left: .1em;
line-height:65px;
}
.social-icon-holder-facebook:hover{
border:2px solid #3a579e;
background-color:#fff;
color:#3a579e;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
.social-icon-holder-mail{
border:2px solid #4db59d;
background-color:#4db59d;
border-radius: 50%;
width: 70px;
height:70px;
display: inline-block;margin:20px 10px;
color:#fff;
}
.social-icon-mail:before{
font-family: 'Simple-Line-Icons';
font-size:25px;
content: "\e086";
padding-left: .1em;
line-height:65px;
}
.social-icon-holder-mail:hover{
border:2px solid #4db59d;
background-color:#fff;
color:#4db59d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
.starts-post blockquote{
  color:gray;
  font-style:italic;
  font-family: 'Open Sans',sans-serif;
  font-weight: 100;
}
.starts-post blockquote p{
  color:gray;
  text-align: right;
  position: relative;
  padding-top: 10px;
  font-style: normal;
  font-family: 'Open Sans',sans-serif;
  font-weight: 800;
}
.starts-post blockquote{
  padding:20px 20px;
  margin:0 0 0px;
  font-size:1.8rem;
  border-top: 2px solid #efeded;
  border-bottom: 2px solid #efeded;
}
.container-post .data-author{
position: relative;
margin-top: 10%;
}
.container-post .data-author .about-author{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
width: 100%;
color: #34495e;
}
.blog-comment {
margin-top: 10%;
}
.comments ul ul {
margin-left: 60px;
}
.blog-comment .panel-body a{
font-size: 2rem;
font-family: 'Open Sans',sans-serif;
color: #34495e;
text-decoration: none;
}
.blog-comment .media-body a{
font-size: 1.5rem;
}
.blog-comment .text-success{
font-family: 'Open Sans',sans-serif;
font-weight: 800;
}
.blog-comment .media-body p{
color: #9f9f9f;
}
.comments .comment img {
margin-right: 20px;
}
.comments .comment {
padding: 15px;
}

.blog-comment textarea{
outline: 0;
resize:none;
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
box-shadow: none;
height: 80px;
}
.blog-comment textarea:active{
border-color: red;
}
.blog-comment .btn {
font-weight: 700;
height: 36px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}
.blog-comment  button {
width: 30%;
display: block;
margin-bottom: 10px;
z-index: 1;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blog-comment .btn.btn-comment {
font-size: 1.5rem;
height: 52px;
padding: 0px;
text-transform: uppercase;
font-family: 'Open Sans',sans-serif;
font-weight: 800;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
border: none;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
cursor: pointer;
}
/*next and previous btn*/
.articles-next{
width: 75%;
margin-left: 15%;
margin-top: 10%;
}
.left-post,
.right-post
{
position: relative;
margin-top: 5%;
margin:0;padding:0;
font-family: 'Open Sans',sans-serif;
}
.left-post i,
.right-post i
{
position: relative;
top: 15px;
cursor: pointer;
color: #34495e;
font-size: 6rem;
}
.articles-next .left-post h3,
.articles-next .right-post h3
{
font-size: 3rem;
width: 100%;
position: relative;
margin-top: 3%;
color: #34495e;
}
.articles-next .left-post p,
.articles-next .right-post p
{
font-size: 2rem;
width: 100%;
color: #9f9f9f;
}
/* 5. Subscribe Blog*/
#subscribe-blog{
position:relative;
width:100%;
top:0px;
font-family: 'Open Sans',sans-serif;
z-index:3;  
}
#subscribe-blog .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
#subscribe-blog .cnt-subscribe-bg{
padding: 0px 0px 100px 0px;
background: #eeeff1;
}  
#subscribe-blog .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
font-size: 4rem;
font-weight: 100;
margin-top: 5%;
color: #9f9f9f;
}  
#subscribe-blog .container p{
font-size: 2rem;
text-align: center;
position: relative;
top: 20px;
color: #34495e;
}
#subscribe-blog .form-group{
width: 70%;
position: relative;
left: 70px;
margin:70px auto;
text-align: center;

}
.form-control-newsletter{
color:#8e9ca3;
height: 55px;
padding: 10px 15px;
outline:none;
resize: none;
background: #fff;
border: 1px solid #fff;
border-radius: 3px;
}
.form-control-newsletter:focus{
-webkit-box-shadow: none;
box-shadow: none;
outline:none;
}
.newsletter{
width: 100%;
color:#9f9f9f;
background-color: #fff;
}
#subscribe-blog .btn-subscribe{
margin-top:0px;
right: 80px;
position: relative;
height: 52px;
width: 60%;
border:none;
text-transform: uppercase;
font-family: 'Open Sans',sans-serif;
outline:none;
font-weight: 800;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
font-size:1.5rem;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}

/* - 6# Login
================================================*/
.logo-login{
position: relative;
margin: 50px auto;
text-align: center;
}
#login-form{
position: relative;
bottom: 10px;
height:100vh;
}
#login-form .card-container.card {
max-width: 360px;
height: 500px;
padding: 40px 40px;
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
#login-form .card-container.card h2{
font-family: 'Open Sans',sans-serif;
font-weight: 800;
color: #45474E;
font-size: 1.4rem;
text-align: center;
}
#login-form .card-container.card h3{
font-family: 'Open Sans',sans-serif;
font-weight: 800;
color: #45474E;
text-transform: uppercase;
font-size: 1.4rem;
text-align: center;
}
#login-form .card-container.card h4{
font-family: 'Open Sans',sans-serif;
font-weight: 800;
color: #A9B3B7;
font-size: 1.4rem;
text-align: center;
}
/*social buttons*/
#login-form .card-container.card .social-links{
position: relative;
text-align: center;
}
#login-form .card-container.card .social-links .social-icon-holder-twitter {
border:2px solid #32CDFB;
background-color:#32CDFB;
border-radius: 50%;
width: 60px;
height:60px;
display: inline-block;
margin:20px 10px;
color: #fff;
}
#login-form .card-container.card .social-links .social-icon-twitter:before{
font-family: 'FontAwesome';
font-size:25px;
content: "\f099";
padding-left: .2em;
line-height:55px;
}
#login-form .card-container.card .social-links .social-icon-holder-twitter:hover{
border:2px solid #32CDFB;
background-color:#fff;
color:#32CDFB;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
#login-form .card-container.card .social-links .social-icon-holder-facebook{
border:2px solid #3a579e;
background-color:#3a579e;
color:#fff;
border-radius: 50%;
width: 60px;
height:60px;
display: inline-block;margin:20px 10px;
}
#login-form .card-container.card .social-links .social-icon-facebook:before{
font-family: 'FontAwesome';
font-size:25px;
content: "\f09a";
padding-left: .1em;
line-height:55px;
}
#login-form .card-container.card .social-links .social-icon-holder-facebook:hover{
border:2px solid #3a579e;
background-color:#fff;
color:#3a579e;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
#login-form .card-container.card .social-links .social-icon-holder-google{
border:2px solid #DB4F33;
background-color:#DB4F33;
border-radius: 50%;
width: 60px;
height:60px;
display: inline-block;margin:20px 10px;
color:#fff;
}
#login-form .card-container.card .social-links .social-icon-google:before{
font-family: 'FontAwesome';
font-size:25px;
content: "\f1a0";
padding-left: .1em;
line-height:55px;
}
#login-form .card-container.card .social-links .social-icon-holder-google:hover{
border:2px solid #DB4F33;
background-color:#fff;
color:#DB4F33;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
#login-form .btn {
font-weight: 700;
height: 36px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}
#login-form .card {
border: 1px solid #E3E7E9;
padding: 20px 25px 30px;
margin: 0 auto 25px;
margin-top: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
#login-form .error-email {
display: block;
color: #404040;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
line-height: 2;
margin-bottom: 10px;
font-size: 1.5rem;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#login-form .form-signin #inputEmail,
#login-form .form-signin #inputPassword {
direction: ltr;
height: 46px;
font-size: 1.4rem;
font-weight: 100;
color: #A9B3B7;
font-family: 'Open Sans',sans-serif;
}
#login-form #remember label{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
font-weight: 100;
color: #9f9f9f;
}
#login-form .form-signin input[type=email],
#login-form .form-signin input[type=password],
#login-form .form-signin input[type=text],
#login-form .form-signin button {
width: 100%;
display: block;
margin-bottom: 10px;
z-index: 1;
position: relative;
border: 2px solid #E3E7E9;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#login-form .form-signin .form-control:focus {
outline: 0;
box-shadow: none;
}
#login-form .btn.btn-signin {
font-size: 1.5rem;
height: 52px;
padding: 0px;
text-transform: uppercase;
font-family: 'Open Sans',sans-serif;
font-weight: 800;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
border: none;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
cursor: pointer;
}
#login-form .forgot-password {
color: #34495e;
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
font-weight: 400;
text-decoration: none;
}
#login-form .sign-now{
position: relative;
margin: 20px auto;
text-align: center;
color: #A9B3B7;
font-weight: 100;
font-size: 1.4rem;
font-family: 'Open Sans',sans-serif;
}
#login-form .sign-now span{
font-weight: 800;
}
/* - 7# Register
================================================*/
#register{
margin: 0px auto;
bottom: 50px;
position: relative;
}

#register h2 { 
font-size:1.4rem;
font-family: 'Open Sans',sans-serif; 
font-weight: 800; 
color: #45474E;
text-align: center;
}
#register h3{
font-family: 'Open Sans',sans-serif;
font-weight: 800;
color: #45474E;
text-transform: uppercase;
font-size: 1.4rem;
text-align: center;
}
#register h4{
font-family: 'Open Sans',sans-serif;
font-weight: 800;
color: #A9B3B7;
font-size: 1.4rem;
text-align: center;
padding-bottom: 15px;
}
#register .sign-now{
position: relative;
margin: 20px auto;
top: 45px;
text-align: center;
color: #A9B3B7;
font-weight: 100;
font-size: 1.4rem;
font-family: 'Open Sans',sans-serif;
}
#register .sign-now span{
font-weight: 800;
}
/*social buttons*/
#register .social-links{
position: relative;
text-align: center;
}
#register .social-links .social-icon-holder-twitter {
border:2px solid #32CDFB;
background-color:#32CDFB;
border-radius: 50%;
width: 60px;
height:60px;
display: inline-block;
margin:20px 10px;
color: #fff;
}
#register .social-links .social-icon-twitter:before{
font-family: 'FontAwesome';
font-size:25px;
content: "\f099";
padding-left: .2em;
line-height:55px;
}
#register .social-links .social-icon-holder-twitter:hover{
border:2px solid #32CDFB;
background-color:#fff;
color:#32CDFB;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
#register .social-links .social-icon-holder-facebook{
border:2px solid #3a579e;
background-color:#3a579e;
color:#fff;
border-radius: 50%;
width: 60px;
height:60px;
display: inline-block;margin:20px 10px;
}
#register .social-links .social-icon-facebook:before{
font-family: 'FontAwesome';
font-size:25px;
content: "\f09a";
padding-left: .1em;
line-height:55px;
}
#register .social-links .social-icon-holder-facebook:hover{
border:2px solid #3a579e;
background-color:#fff;
color:#3a579e;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
#register .social-links .social-icon-holder-google{
border:2px solid #DB4F33;
background-color:#DB4F33;
border-radius: 50%;
width: 60px;
height:60px;
display: inline-block;margin:20px 10px;
color:#fff;
}
#register .social-links .social-icon-google:before{
font-family: 'FontAwesome';
font-size:25px;
content: "\f1a0";
padding-left: .1em;
line-height:55px;
}
#register .social-links .social-icon-holder-google:hover{
border:2px solid #DB4F33;
background-color:#fff;
color:#DB4F33;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}
#register .cnt-forms{
position: relative;
top: 50px;
}
#register .form-group{
margin-bottom: 30px;

}
#register .input-group{
width: 100%;
}
#register .form-horizontal input[type=email],
#register .form-horizontal input[type=password],
#register .form-horizontal input[type=text]
{
width: 100%;
display: block;
margin-bottom: 10px;
z-index: 1;
position: relative;
border: 2px solid #E3E7E9;
font-family: 'Open Sans',sans-serif;
direction: ltr;
height: 46px;
font-size: 1.4rem;
font-weight: 100;
color: #A9B3B7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#register .form-horizontal .form-control:focus {
outline: 0;
box-shadow: none;
}

#register .main-login{
background-color: #fff;
border: 1px solid #dde1e9;
/* shadows and rounded borders */
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}

#register .main-center{
top: 40px;
position: relative;
margin: 0 auto;
max-width: 50%;
padding: 60px 40px;
}
#register button {
width: 60%;
display: block;
margin-bottom: 10px;
margin: 0px auto;
z-index: 1;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#register .btn.btn-signup {
font-size: 1.5rem;
height: 52px;
padding: 0px;
text-transform: uppercase;
font-family: 'Open Sans',sans-serif;
font-weight: 800;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
border: none;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
cursor: pointer;
}
#register .login-register{
font-size:1.3rem;
color: #78899f;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
text-align: center;
}
.underlined{
text-decoration: underline;
cursor: pointer;
}
#register .login-txt{
font-family: 'Montserrat',sans-serif;
font-weight: 600;
font-size: 1.8rem;
color: #78899f;
}
/* - 8# FAQ
================================================*/
/*8.1 Hero */
.hero-faq {
padding-top: 0px;
padding-bottom: 0px;
position: relative;
color: #fff;
height: 450px;
}
canvas {
index: 0;
display: block;
vertical-align: bottom;
}

.cnt-herofaq-content{
index: 50;
top: -50px;
width: 100%;
position: absolute;
text-align: center;
}
.cnt-herofaq-content .hero-box{
text-align: center;
margin: 0px auto;
position: relative;
}
/* ---- particles.js container ---- */
.hero-faq #particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #182a3c;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.hero-faq .action-started{
position: relative;
text-align: center;
margin: 0px auto;
top: 40px;
}
.hero-faq .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.hero-faq .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
.hero-faq .btn-outlined:hover{
color: #fff; 
}
/* faq style #1 */
#faq-1{
position:relative;
width:100%;
top:0px;
z-index:3;  
border-bottom: 1px solid #dbdfdd;
}
#faq-1 .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-faq-bg{
padding:0px 0px 100px 0px;
}  
#faq-1 h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}  
#faq-1 p{
font-family: 'Open Sans',sans-serif;
font-size: 2rem;
font-weight: 600;
text-align: center;
width: 60%;
margin: 20px auto;
}  
.questions-cnt{
margin:2% 0% 0% 2%;

}
.questions-cnt h3{
font-family: 'Montserrat',sans-serif;
font-size: 1.5rem;
font-weight: 800;
color: #323f4d;
text-transform: uppercase;
padding-top: 20px;
margin-left: 10%;
position: relative;
}
#faq-1 .questions-cnt p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
color: #9f9f9f;
text-align: left;
padding-top: 0px;
width: 80%;
}
hr.question{
width: 10%;
margin-left: 10%;
position: relative;
border-width:3px;
}
/* faq style #2 */
#faq-2{
position:relative;
width:100%;
top:0px;
z-index:3;  

}
#faq-2 .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
#faq-2 .cnt-faq-bg{
padding:0px 0px 100px 0px;
}  
#faq-2 h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e; 
}  
/* accordion faq style 2 */
#accordion{
position: relative;
margin-top: 10%;
}
h4.panel-title{
font-family: 'Open Sans',sans-serif;
font-size: 1.7rem;
color: #34495e;
}
.panel-heading .accordion-toggle h4:after {
font-family: 'Pe-icon-7-stroke';  
content: "\e682";
float: right;        
color: #34495e;     
font-size: 3rem;  
overflow: no-display;
}
.panel-heading .accordion-toggle.collapsed h4:after {
/* symbol for "collapsed" panels */
content: "\e688";
font-size: 3rem;  
}
a.accordion-toggle{
text-decoration: none;
}
.panel-body{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
color: #9f9f9f;
line-height: 1.5em;
}
/* faq style #3 */
#faq-3{
position:relative;
width:100%;
top:0px;
z-index:3;  
border-top: 1px solid #dbdfdd;
}
#faq-3 .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
#faq-3 .cnt-faq-bg{
padding:0px 0px 200px 0px;
}  
#faq-3 h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e; 
}  
.cnt-panel-faq{
position: relative;
margin-top: 5%;
}
.left-panel-faq{
position: relative;
margin-top: 0%;
margin-left: 80px;
}
.left-panel-faq h2{
font-family: 'Montserrat',sans-serif;
font-size: 2rem;
color: #182A3C;
}
.left-panel-faq p{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
width: 80%;
position: relative;
margin-top: 20px;
font-weight: 100;
}
.left-panel-faq ul{
list-style: none;
}
.left-panel-faq ul li{
font-family: 'Montserrat',sans-serif;
font-weight: 400;
text-align: center;
font-size: 1.5rem;
width: 60%;
margin-top: 10px;
position: relative;
padding: 10px 0px;
}
.init-filter{
font-family: 'Montserrat',sans-serif;
font-weight: 400;
text-align: center;
font-size: 1.5rem;
color: #fff;
width: 60%;
margin-top: 10px;
position: relative;
padding: 10px 0px;  
}
.clicked-filter{
font-family: 'Montserrat',sans-serif;
font-weight: 400;
text-align: center;
font-size: 1.5rem;
width: 60%;
margin-top: 10px;
position: relative;
padding: 10px 0px;
}
.left-panel-faq ul li a{
text-decoration: none;
color: inherit;
}
.left-panel-faq ul li:hover{
opacity: 0.9;
cursor: pointer;
}
/* accordion faq style 3 */
#accordion-2{
position: relative;
margin-top: 10%;
right: 0px;
}
#accordion-2 .panel{
border-radius: 1px;
border: none;
border-bottom: 1px solid #e2e2e2;
}
h4.panel-title{
font-family: 'Open Sans',sans-serif;
font-size: 1.7rem;
color: #34495e;
}
.panel-heading .accordion-2-toggle h4:after {
font-family: 'FontAwesome';  
content: "\f068";
float: right;        
color: #34495e; 
position: relative;
top: 5px;   
font-size: 1.4rem;  
overflow: no-display;
}
.panel-heading .accordion-2-toggle.collapsed h4:after {
/* symbol for "collapsed" panels */
content: "\f067";
font-size: 1.4rem;  
}
a.accordion-2-toggle{
text-decoration: none;
}
.panel-body{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
color: #9f9f9f;
line-height: 1.5em;
}
/* - 9# Privacy Policy
================================================*/
.hero-privacy {
padding-top: 0px;
padding-bottom: 0px;
position: relative;
color: #fff;
height: 450px;
}
canvas {
index: 0;
display: block;
vertical-align: bottom;
}

.cnt-heroprivacy-content{
index: 50;
top: -50px;
width: 100%;
position: absolute;
text-align: center;
}
.cnt-heroprivacy-content .hero-box{
text-align: center;
position: relative;
}
/* ---- particles.js container ---- */
.hero-privacy #particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #182a3c;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.hero-text h1{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 5rem;
line-height: 1em;
margin: 0 0 15px;
}
.hero-privacy .action-started{
position: relative;
text-align: center;
margin: 0px auto;
top: 40px;
}
.hero-privacy .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.hero-privacy .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
#privacy{
position:relative;
width:100%;
top:0px;
z-index:3;  

}
#privacy .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
#privacy .cnt-privacy-bg{
padding:0px 0px 100px 0px;
}  
#privacy .cnt-terms{
position:relative;
margin-top:5%;  
}
#privacy h3{
font-family: 'Open Sans',sans-serif;
font-size: 2rem;
padding-bottom: 10px;
padding-top: 10px;
color: #34495e;
}  
#privacy h2{
font-family: 'Open Sans',sans-serif;
font-size: 1.6rem;
padding-bottom: 10px;
padding-top: 10px;
color: #34495e;
}  
#privacy p{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
color: #9f9f9f;
line-height: 1.6em;
}
#privacy ol,
#privacy ul
{
font-family: 'Open Sans',sans-serif;
padding: 0;
margin-left: 20px;
font-style: italic;
padding-top: 20px;
padding-bottom: 20px;
font-size: 1.5rem;
font-weight: 400;
}
#privacy ul li span{
color: #34495e;
}
#privacy ol li span{
color: #34495e;
}
#privacy .terms-btns {
display: inline-block;
position: relative;
margin: 0px auto;
text-align: center;
top: 50px;
width: 100%;
}
#privacy  .terms-btns::after {
clear: both;
content: "";
display: table;
}
#privacy .terms-cnt{
position: relative;
margin-top: 5%;
}
#privacy .terms-cnt h2{
font-family: 'Montserrat',sans-serif;
text-align: center;
color: #9f9f9f;
}
#privacy  .cnt-btn {
display: inline-block;
margin-right: 1.5em;
bottom:20px;
position: relative;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
font-weight: 800;
font-family: 'Montserrat',sans-serif;
letter-spacing: .04em;
font-size: 1.4rem;
padding: 1.2em 6em;
min-width: 140px;  
border: 2px solid #fff;
text-decoration: none;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}
#privacy .cnt-btn.accept{
border: 2px solid #3AB54A;
color: #3AB54A;
}
#privacy .cnt-btn.accept:hover{
border: 2px solid #3AB54A;
color: #fff;
background: #3AB54A;
}
#privacy .cnt-btn.decline{
border: 2px solid #EF4545;
color: #EF4545;
}
#privacy .cnt-btn.decline:hover{
border: 2px solid #EF4545;
color: #fff;
background: #EF4545;
}
#privacy .cnt-btn:nth-of-type(2) {
margin-right: 0;
}
.cnt-btn a{
color:#fff;
text-decoration:none; 
}
#main-nav-wrap ul.main-navigation ul.dropdown li {
position: relative;
float: left;
margin: 0;
padding: 0;

}

#main-nav-wrap ul.main-navigation li.menu-drop:hover {
background: transparent;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}

#main-nav-wrap ul.main-navigation ul.dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
color: #fff;
width:200px;
padding: 0;
box-shadow:0 2px 10px 1px rgba(0,0,0,.2);
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}

#main-nav-wrap ul.main-navigation ul.dropdown li {
float: none;
width: 200px;
height:40px;
}
#main-nav-wrap ul.main-navigation ul.dropdown li:last-child {
/*  border-bottom: none;*/
height: 60px;
}
#main-nav-wrap ul.main-navigation ul.dropdown a {
line-height: 55px;
padding: 2px 25px;
}

#main-nav-wrap ul.main-navigation ul.dropdown a:hover {

}
.main-navigation li ul.dropdown li a{
color: #fff;
}
.main-navigation li ul.dropdown li a:hover{
color:#000;
}
.main-navigation li ul.dropdown-blog li a{
color: #fff;
}
.main-navigation li ul.dropdown-blog li a:hover{
color:#000;
}
ul.dropdown{
font-family: 'Open Sans',sans-serif;
font-weight: 400;
text-transform: none;
letter-spacing: normal;
font-size: 1.4rem;
display: none;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}
#main-nav-wrap ul li.menu-drop:hover > ul {
display: block;
}
#main-nav-wrap ul.main-navigation ul.dropdown-blog {
display: none;
position: absolute;
top: 100%;
left: 0;
width:300px;
padding: 0;
box-shadow:0 2px 10px 1px rgba(0,0,0,.2);
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}

#main-nav-wrap ul.main-navigation ul.dropdown-blog li {
float: none;
width: 300px;
height:40px;
}
#main-nav-wrap ul.main-navigation ul.dropdown-blog li:last-child {
/*  border-bottom: none;*/
height: 60px;
}
#main-nav-wrap ul.main-navigation ul.dropdown-blog a {
line-height: 55px;
padding: 2px 25px;
}

#main-nav-wrap ul.main-navigation ul.dropdown-blog a:hover {
color:#000;
}
ul.dropdown-blog{
font-family: 'Open Sans',sans-serif;
font-weight: 400;
text-transform: none;
letter-spacing: normal;
font-size: 1.4rem;
display: none;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}

/*Hero 3*/
/*1.1 Hero */
#hero-3 .hero {
padding-top: 0px;
padding-bottom: 10px;
position: relative;
color: #fff;
}
#hero-3 .cnt-hero-content{
padding:0px 0px 500px 0px;
background-color: #2da9e8; /*This is the color of Hero*/
}
#hero-3 .hero-box{
text-align: center;
position: relative;
top:200px;
}
#hero-3 .hero-text h1,
#hero-3 .hero-text p{
line-height:1em;
color: #fff;
}

#hero-3 .hero-text h1{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 5rem;
line-height: 1em;
margin: 0 0 15px;
}
#hero-3 .hero-text p{
font-family: 'Montserrat',sans-serif;
font-size: 1.8rem;
width: 70%;
line-height: 1.2em;
text-align: center;
font-weight: 100;
margin: 30px auto;
color: #a8d9f2;
}
#hero-3 .screenshot {
position: absolute;
bottom: 0;
left: 0;
right: 0; 
top: 180px;
}
#hero-3 .screenshot img {
margin: 0 auto; }


/* - 10# Comparison Tables
================================================*/
/*10.1 Hero */
.hero-comparisonchart {
padding-top: 0px;
padding-bottom: 0px;
position: relative;
color: #fff;
height: 450px;
}
canvas {
index: 0;
display: block;
vertical-align: bottom;
}

.cnt-comparison-content {
index: 50;
top: -50px;
width:100%;
position: absolute;
text-align: center;
}
.cnt-comparison-content .hero-box{
text-align: center;
position: relative;
}
/* ---- particles.js container ---- */
.hero-comparisonchart #particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #182a3c;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.hero-comparisonchart .action-started{
position: relative;
text-align: center;
margin: 0px auto;
top: 40px;
}
.hero-comparisonchart .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.hero-comparisonchart .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
cursor: pointer;
}
.hero-comparisonchart .btn-outlined:hover{
color: #fff; 
}
/* 10.2 Comparison Chart */
#comparison{
position:relative;
width:100%;
top:0px;
z-index:3;  
border-bottom: 1px solid #dbdfdd;
}
#comparison .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-comparison-bg{
padding:0px 0px 200px 0px;
width: 100%;
} 
#comparison h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}
#comparison p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 400;
text-align: center;
width: 60%;
margin: 20px auto;
color: #9f9f9f;
}
#comparison .comparison-table-01{
position: relative;
margin: 5% auto;
width: 95%;
font-family: 'Open Sans',sans-serif;
}
.btn-comparison {
top: 50px;
margin: 15px 0px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
padding: 1rem 5rem;
font-size: 1.5rem;
margin-left: auto;
margin-right: auto;
text-decoration: none;
position: relative;
cursor: pointer;

}
a.btn-comparison{
text-decoration: none;
}


.iconok {
font-size: 27px;
color: green;
}

.iconno {
font-size: 27px;
color: rgb(221, 41, 41);
}

.theader {
text-align: center;
min-height: 250px;
color: rgb(78, 33, 33);
}

.ptitle {
font-size: 2rem;
font-weight:800;
color: #3c3c4e;
margin: 10px;
}

.pprice {
font-size: 2.5rem;
font-weight: 800;
color: #3c3c4e;
padding: 10px;
}

.occurance {
}

.cfeature {
height: 44px;
padding: 10px;
font-weight: 400;
color: #3c3c4e;
font-size: 1.6rem;
padding-left: 20px;

}
.cfeature-first {
height: 44px;
padding: 10px;
font-weight: 400;
color: #3c3c4e;
font-size: 1.6rem;
padding-left: 20px;

}
.cfeature-first i,
.cfeature i
{
float: right;
font-size: 1.8rem;
color: #182a3c;
cursor: pointer;
}
.feature {

}
div.tooltip-inner {
text-align: center;
min-width: 100px;

}
.infos {
background: #fff;
height: 37px;
position: relative;
bottom: 0px;

}
.ccfreature {
text-align: center;
font-size: 2em;
}

/*Home with Slider*/
.main-container, .hero--slider .slick-dots {
position: relative;
max-width: 1024px;
margin: 0 auto;
padding-right: 16px;
padding-left: 16px;
}

#hero-4 .hero {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-o-background-size: cover;
position: relative;

}
#hero-4 .hero:before {
position: absolute;
top: 0;
width: 100%;
height: 100%;
content: "";
}
.hero--slider .hero {
min-height: 650px;
}
.hero--slider .hero:before {
display: none;
}
.heroslider_title {
font-family: 'Montserrat',sans-serif;
font-weight: 800;
text-align: center;
font-size: 4rem;
line-height: 1em;
margin: 0 0 15px;
}
.heroslider_txt{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
line-height: 1.2em;
font-weight: 100;
margin: 30px auto;
width: 50%;
text-align: center;
color: #fff;
}
.herosplit_title{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
text-align: left;
font-size: 4rem;
line-height: 1.3em;
margin: 0 0 15px;
}
.herosplit_txt{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
line-height: 1.2em;
font-weight: 100;
margin: 30px auto;
text-align: left;
color: #fff;
}
#hero-4 .work-split-btn {
position: relative;
float:left;
top: 50px;
width: 100%;
}
#hero-4  .work-split-btn::after {
clear: both;
content: "";
display: table;
}

#hero-4  .work-split-btn .cnt-btn {
color:#fff;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
font-weight: 800;
text-align: left;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
font-size: 1.4rem;
padding: 1.5em 4em;
min-width: 140px;  
border: 2px solid #fff;
text-decoration: none;
}

.mobiles img {
display: block;
margin: 0 auto;
width: 360px;
-webkit-animation-duration: 1.2s;
-moz-animation-duration: 1.2s;
-o-animation-duration: 1.2s;
animation-duration: 1.2s;
position:relative;
}
#hero-4 .work-btns {
display: inline-block;
position: relative;
margin: 0px auto;
text-align: center;
top: 50px;
width: 100%;
}
#hero-4  .work-btns::after {
clear: both;
content: "";
display: table;
}

#hero-4  .cnt-btn {
display: inline-block;
margin-right: 1.5em;
color:#fff;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
font-weight: 800;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
font-size: 1.4rem;
padding: 1.5em 4em;
min-width: 140px;  
border: 2px solid #fff;
text-decoration: none;
}
#hero-4 .cnt-btn:nth-of-type(2) {
margin-right: 0;
}
.cnt-btn a{
color:#fff;
text-decoration:none; 
}
.hero-content{
position: relative;
top:200px;
}
.hero-content-split{
position: relative;
top: 170px;
}
.cnt-heroslider-bg {
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; 
background-repeat: no-repeat;
background-position: 50% 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
min-height: 800px;
}
.cnt-heroslider-bg:after {
position: absolute;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(36, 42, 50, 0.7) ;
}
.hero--slider .slick-dots{
width: 100%;
bottom: 40px;
text-align: center;
z-index: 5;
}
.hero--slider .slick-dots li {
display: inline-block;
position: relative;
margin-left:16px; 
}
.hero--slider .slick-dots button {
border: 0;
border-radius: 50%;
height: 10px;
width: 10px;
overflow: hidden;
color: transparent;
padding: 0;
background-color: #d0d0d0;
}


/* Slider */
.slick-slider {
position: relative;
z-index: 1;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.slick-list:focus {
outline: none;
}

.slick-list.dragging {
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}

.slick-track:before,
.slick-track:after {
display: table;
content: '';
}

.slick-track:after {
clear: both;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}

[dir='rtl'] .slick-slide {
float: right;
}

.slick-slide img {
display: block;
}

.slick-slide.slick-loading img {
display: none;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-initialized .slick-slide {
display: block;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
display: block;
}
/* - 11# Blog Right SideBar
================================================*/

.blog-right-sidebar #post-blog{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
.blog-right-sidebar #post-blog .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.blog-right-sidebar .cnt-post-bg{
padding:0px 0px 250px 0px;
}   
.blog-right-sidebar #post-blog .container-post{
position: relative;
top: 50px;
}
.blog-right-sidebar #post-blog h2{
font-family: 'Montserrat',sans-serif;
font-size: 3rem;
width: 100%;
font-weight: 800;
position: relative;
top: 20px;
} 
.blog-right-sidebar #post-blog .container-post p{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
position: relative;
top: 40px;
width: 100%;
line-height: 25px;
color: #9f9f9f;
}
/* featured image */
.blog-right-sidebar #post-blog .featured-image{
width: 100%;
height: 300px;
}

.blog-right-sidebar #post-blog .featured-image img{
height:100%;
width:100%;
object-fit: cover;
}
.blog-right-sidebar #post-blog .action-started{
position: relative;
text-align: left;
margin: 80px auto;
}
.blog-right-sidebar #post-blog .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.blog-right-sidebar #post-blog .btn:hover{
}
.blog-right-sidebar #post-blog .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
.blog-right-sidebar #post-blog .btn-outlined:hover{
color: #fff; 
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;

}
#post-blog #footer-blog-right{
text-align: center;
position: relative;
top:80px;
width: 100%;
}
#post-blog #footer-blog-right .pager{
position: relative;
left: 0%;
}
#post-blog #footer-blog-right .pager li a{
border: 2px solid #9f9f9f;
border-radius: 60px;
padding: 20px 60px;
font-family: 'Montserrat',sans serif;
text-transform: uppercase;
font-size: 1.3rem;
font-weight: 800;
color: #9f9f9f;
}
#post-blog #footer-blog-right .pager li a:hover{

}
/*right sidebar*/
.blog-right-sidebar #post-blog .container-right-sidebar{
position:relative;
margin-top:50px;
}
.container-right-sidebar .cnt-social-links{
text-align: center;
}
.container-right-sidebar .social-follow{
position: relative;
text-align: center;
}
.container-right-sidebar .social-icon-holder-twitter,
.container-right-sidebar .social-icon-holder-facebook,
.container-right-sidebar .social-icon-holder-mail,
.container-right-sidebar .social-icon-holder-rss
{
background-color:#fff;
border-radius: 50%;
width:55px;
height:55px;
display: inline-block;
margin:15px 10px;
}
.container-right-sidebar .social-icon-twitter:before{
font-family: 'Simple-Line-Icons';
font-size:2rem;
content: "\e009";
padding-left: .2em;
line-height:55px;
}
.container-right-sidebar .social-icon-holder-twitter:hover,
.container-right-sidebar .social-icon-holder-facebook:hover,
.container-right-sidebar .social-icon-holder-mail:hover,
.container-right-sidebar .social-icon-holder-rss:hover
{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}

.container-right-sidebar .social-icon-facebook:before{
font-family: 'Simple-Line-Icons';
font-size:2rem;
content: "\e00b";
padding-left: .1em;
line-height:55px;
}


.container-right-sidebar .social-icon-mail:before{
font-family: 'Simple-Line-Icons';
font-size:2rem;
content: "\e086";
padding-left: .1em;
line-height:55px;
}


.container-right-sidebar .social-icon-rss:before{
font-family: 'Simple-Line-Icons';
font-size:2rem;
content: "\e03b";
padding-left: .1em;
line-height:55px;
}

.dotted-line {
white-space: nowrap;
position: relative;
overflow: hidden;
}

.dotted-line:after {
content: "-------------------------------------------------------------------------------------";
letter-spacing: 6px;
font-size: 2rem;
width: 100%;
color: #CCCCCC;
display: inline-block;
vertical-align: 3px;
padding-left: 10px;
}
.container-right-sidebar .cnt-form-search{
position: relative;
margin-top: 20px;
width: 100%;
text-align: center;
}
input[type="search"] {
box-sizing: border-box;
font-family: 'Open Sans',sans-serif;
font-weight: 300;
}

.searchbox-container {
margin: 0 auto;
height: 50px;
display: inline-block;
}

.searchbutton, .searchbox {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
box-sizing: border-box;
-webkit-transition: background-color, 0.3s;
transition: background-color, 0.3s;
font-size: 1.6rem;
line-height: 1;
color: #fff;
border-radius: 0;
float: left;
border: none;
height: 50px;
outline: none;
background: #171B23;
}

input[type="search"] {
border-radius: 0;
-webkit-appearance: none;
}

.searchbox {
padding: 0px 20px;
}
.searchbox.placeholder {
color: #fff;
}
.searchbox:-moz-placeholder {
color: #fff;
}
.searchbox::-moz-placeholder {
color: #fff;
}
.searchbox:-ms-input-placeholder {
color: #fff;
}
.searchbox::-webkit-input-placeholder {
color: #fff;
}

.searchbutton {
width: 50px;
padding: 0;
text-align: center;
}
.container-right-sidebar .cnt-about-us
{
width: 100%;
margin-top: 150px;
padding-bottom: 30px;

}
.container-right-sidebar .cnt-about-us h3,
.container-right-sidebar .popular-posts h3,
.container-right-sidebar .archives h3,
.container-right-sidebar .follow-feed h3,
.container-right-sidebar .tag-cloud h3
{
font-size: 2rem;
font-family: 'Montserrat',sans-serif;
font-weight: 800;
color: #182A3C;
}
.container-right-sidebar .cnt-about-us img{
position: relative;
right: 20px;
top: 15px;
}
.container-right-sidebar .cnt-about-us .txt-about{
position: relative;
margin-top: 25px;
padding-left: 0;
}
.container-right-sidebar .cnt-about-us .txt-about p{
font-family: 'Open Sans',sans-serif;
font-size: 1.4rem;
font-weight: 400;
color: #9f9f9f;
width: 80%;
}
.container-right-sidebar .popular-posts
{
width: 100%;
margin-top: 30px;
padding-bottom: 30px;
}
.container-right-sidebar .popular-posts .top_post_right{
position: relative;
border-bottom: 1px solid #dddae5;
padding-left: 0;
padding-bottom: 20px;
margin-top: 15px;

}
.container-right-sidebar .popular-posts .top_post_right:last-child{
border: none;
}
.container-right-sidebar .popular-posts .top_post_right h2{
font-weight: 400;
font-size: 1.8rem;
font-family: 'Montserrat',sans-serif;
}
.container-right-sidebar .popular-posts .top_post_right h2:hover{
cursor: pointer;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
}
.container-right-sidebar .popular-posts .top_post_right p{
color:#B5B5B5;
font-family: 'Open Sans',sans-serif;
font-weight: 300;
font-size: 1.4rem;
margin-top: 10px;
width: 100%;
}
.container-right-sidebar .popular-posts .top_post_right ul.data-post-right{
position: relative;
padding-top: 10px;
font-family: 'Montserrat',sans-serif;
right: 10px;
}
.container-right-sidebar .popular-posts .top_post_right ul li{
display: inline-block;
font-weight: 800;
font-size: 1.3rem;
padding-left: 11px;
color: #182A3C;
}
.container-right-sidebar .archives
{
width: 100%;
margin-top: 30px;
padding-bottom: 30px;
}
.container-right-sidebar .archives div.cnt-sidebar{
border-radius: 5px;
list-style-type: none;
position: relative;
margin-top: 30px;
}
.container-right-sidebar .archives ul.archive-children{
list-style-type: none;
display: none;
}
.container-right-sidebar .archives div.cnt-sidebar div.archive-first{
margin:2% 0% 0% 0%;
background: #182A3C;
padding-bottom: 15px;
padding-top: 15px;  
}
.container-right-sidebar .archives div.cnt-sidebar li{
margin:0% 0% 0% 0%;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #182A3C;
}
.container-right-sidebar .archives div.cnt-sidebar div:last-child{
border-bottom: none;
}
.container-right-sidebar .archives div.cnt-sidebar div.archive-first:hover{
background: #1e3347;
cursor: pointer;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.container-right-sidebar .cnt-sidebar div a{
color:#8e9ca3;
font-weight: 300;
padding-left: 25px;
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
text-decoration:none;
}
.container-right-sidebar .cnt-sidebar li a{
color:#8e9ca3;
font-weight: 300;
padding-left: 25px;
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
text-decoration:none;
}
.container-right-sidebar .archives div.cnt-sidebar div span{
border-radius: 60px;
font-size: 1.5rem;
text-align: center;
font-weight: 400;
text-transform: uppercase;
padding: 5px 25px;
float: right;
}
.container-right-sidebar .follow-feed
{
width: 100%;
margin-top: 30px;
padding-bottom: 30px;
}
.container-right-sidebar .follow-feed .fb-widget{
position: relative;
top: 15px;
}
.container-right-sidebar .tag-cloud
{
width: 100%;
margin-top: 30px;
padding-bottom: 30px;
}
.container-right-sidebar .tag-cloud .tags {
list-style: none;
margin: 0;
overflow: hidden; 
padding: 0;
position: relative;
top: 30px;
}

.container-right-sidebar .tag-cloud .tags li {
float: left; 
}

.container-right-sidebar .tag-cloud .tag {
background: transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #182A3C;
border:1px solid #182A3C;
display: inline-block;
height: 31px;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 1.4rem;
line-height: 28px;
padding: 0 20px 0 23px;
position: relative;
margin: 0 10px 10px 0;
text-decoration: none;
-webkit-transition: color 0.2s;
}
.container-right-sidebar .tag-cloud .tag:hover {
background-color: #8BCF00;
border:1px solid #8BCF00;
color: #fff;
}

/*blog left sidebar*/
.blog-left-sidebar #post-blog .featured-image{
width: 100%;
height: 300px;
}

.blog-left-sidebar #post-blog .featured-image img{
height:100%;
width:100%;
object-fit: cover;
}
.blog-left-sidebar #post-blog .action-started{
position: relative;
text-align: left;
margin: 80px auto;
}
.blog-left-sidebar #post-blog .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.blog-left-sidebar #post-blog .btn:hover{
}
.blog-left-sidebar #post-blog .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
.blog-left-sidebar #post-blog .btn-outlined:hover{
color: #fff; 
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;

}
#post-blog #footer-blog-left{
text-align: center;
position: relative;
top: 80px;
width: 100%;

}
#post-blog #footer-blog-left .pager{
position: relative;
left: 0%;

}
#post-blog #footer-blog-left .pager li a{
border: 2px solid #9f9f9f;
border-radius: 60px;
padding: 20px 60px;
font-family: 'Montserrat',sans serif;
text-transform: uppercase;
font-size: 1.3rem;
font-weight: 800;
color: #9f9f9f;
}
#post-blog #footer-blog-left .pager li a:hover{

}
/*Left sidebar*/
.blog-left-sidebar #post-blog .container-left-sidebar{
position:relative;top:50px;
}
.container-left-sidebar .cnt-social-links{
text-align: center;
}
.container-left-sidebar .social-follow{
position: relative;
text-align: center;
}
.container-left-sidebar .social-icon-holder-twitter,
.container-left-sidebar .social-icon-holder-facebook,
.container-left-sidebar .social-icon-holder-mail,
.container-left-sidebar .social-icon-holder-rss
{
background-color:#fff;
border-radius: 50%;
width:55px;
height:55px;
display: inline-block;
margin:15px 10px;
}
.container-left-sidebar .social-icon-twitter:before{
font-family: 'Simple-Line-Icons';
font-size:2rem;
content: "\e009";
padding-left: .2em;
line-height:55px;
}
.container-left-sidebar .social-icon-holder-twitter:hover,
.container-left-sidebar .social-icon-holder-facebook:hover,
.container-left-sidebar .social-icon-holder-mail:hover,
.container-left-sidebar .social-icon-holder-rss:hover
{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor:pointer;
}

.container-left-sidebar .social-icon-facebook:before{
font-family: 'Simple-Line-Icons';
font-size:2rem;
content: "\e00b";
padding-left: .1em;
line-height:55px;
}


.container-left-sidebar .social-icon-mail:before{
font-family: 'Simple-Line-Icons';
font-size:2rem;
content: "\e086";
padding-left: .1em;
line-height:55px;
}


.container-left-sidebar .social-icon-rss:before{
font-family: 'Simple-Line-Icons';
font-size:2rem;
content: "\e03b";
padding-left: .1em;
line-height:55px;
}
.dotted-line {
white-space: nowrap;
position: relative;
overflow: hidden;

}
.dotted-line:after {
content: "--------------------------------";
letter-spacing: 6px;
font-size: 2rem;
width: 100%;
color: #CCCCCC;
display: inline-block;
vertical-align: 3px;
padding-left: 10px;
}
.container-left-sidebar .cnt-form-search{
position: relative;
margin-top: 20px;
width: 100%;
text-align: center;
}
input[type="search"] {
box-sizing: border-box;
font-family: 'Open Sans',sans-serif;
font-weight: 300;
}

.searchbox-container {
margin: 0 auto;
height: 50px;
display: inline-block;
}

.searchbutton, .searchbox {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
box-sizing: border-box;
-webkit-transition: background-color, 0.3s;
transition: background-color, 0.3s;
font-size: 1.6rem;
line-height: 1;
color: #fff;
border-radius: 0;
float: left;
border: none;
height: 50px;
outline: none;
background: #171B23;
}

input[type="search"] {
border-radius: 0;
-webkit-appearance: none;
}

.searchbox {
padding: 0px 20px;
}
.searchbox.placeholder {
color: #fff;
}
.searchbox:-moz-placeholder {
color: #fff;
}
.searchbox::-moz-placeholder {
color: #fff;
}
.searchbox:-ms-input-placeholder {
color: #fff;
}
.searchbox::-webkit-input-placeholder {
color: #fff;
}

.searchbutton {
width: 50px;
padding: 0;
text-align: center;
}
.container-left-sidebar .cnt-about-us
{
width: 100%;
margin-top: 150px;
padding-bottom: 30px;
}
.container-left-sidebar .cnt-about-us h3,
.container-left-sidebar .popular-posts h3,
.container-left-sidebar .archives h3,
.container-left-sidebar .follow-feed h3,
.container-left-sidebar .tag-cloud h3
{
font-size: 2rem;
font-family: 'Montserrat',sans-serif;
font-weight: 800;
color: #182A3C;
}
.container-left-sidebar .cnt-about-us img{
position: relative;
right: 20px;
top: 15px;

}
.container-left-sidebar .cnt-about-us .txt-about{
position: relative;
margin-top: 25px;
padding-left: 0;
}
.container-left-sidebar .cnt-about-us .txt-about p{
font-family: 'Open Sans',sans-serif;
font-size: 1.4rem;
font-weight: 400;
color: #9f9f9f;
width: 80%;
}

.container-left-sidebar .popular-posts
{
width: 100%;
margin-top: 30px;
padding-bottom: 30px;
}
.container-left-sidebar .popular-posts .top_post_left{
position: relative;
border-bottom: 1px solid #dddae5;
padding-left: 0;
padding-bottom: 20px;
margin-top: 15px;

}
.container-left-sidebar .popular-posts .top_post_left:last-child{
border: none;
}
.container-left-sidebar .popular-posts .top_post_left h2{
font-weight: 400;
font-size: 1.8rem;
font-family: 'Montserrat',sans-serif;
}
.container-left-sidebar .popular-posts .top_post_left h2:hover{
cursor: pointer;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
}
.container-left-sidebar .popular-posts .top_post_left p{
color:#B5B5B5;
font-family: 'Open Sans',sans-serif;
font-weight: 300;
font-size: 1.4rem;
margin-top: 10px;
width: 100%;
}
.container-left-sidebar .popular-posts .top_post_left ul.data-post-left{
position: relative;
padding-top: 10px;
font-family: 'Montserrat',sans-serif;
right: 10px;
}
.container-left-sidebar .popular-posts .top_post_left ul li{
display: inline-block;
font-weight: 800;
font-size: 1.3rem;
padding-left: 11px;
color: #182A3C;
}
.container-left-sidebar .archives
{
width: 100%;
margin-top: 30px;
padding-bottom: 30px;
}
.container-left-sidebar .archives div.cnt-sidebar{
border-radius: 5px;
list-style-type: none;
position: relative;
margin-top: 30px;
}
.container-left-sidebar .archives ul.archive-children{
list-style-type: none;
display: none;
}
.container-left-sidebar .archives div.cnt-sidebar div.archive-first{
margin:2% 0% 0% 0%;
background: #182A3C;
padding-bottom: 15px;
padding-top: 15px;  
}
.container-left-sidebar .archives div.cnt-sidebar li{
margin:0% 0% 0% 0%;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #182A3C;
}
.container-left-sidebar .archives div.cnt-sidebar div:last-child{
border-bottom: none;
}
.container-left-sidebar .archives div.cnt-sidebar div.archive-first:hover{
background: #1e3347;
cursor: pointer;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.container-left-sidebar .cnt-sidebar div a{
color:#8e9ca3;
font-weight: 300;
padding-left: 25px;
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
text-decoration:none;
}
.container-left-sidebar .cnt-sidebar li a{
color:#8e9ca3;
font-weight: 300;
padding-left: 25px;
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
text-decoration:none;
}
.container-left-sidebar .archives div.cnt-sidebar div span{
border-radius: 60px;
font-size: 1.5rem;
text-align: center;
font-weight: 400;
text-transform: uppercase;
padding: 5px 25px;
float: right;
}
.container-left-sidebar .follow-feed
{
width: 100%;
margin-top: 30px;
padding-bottom: 30px;
}
.container-left-sidebar .follow-feed .fb-widget{
position: relative;
top: 15px;
}
.container-left-sidebar .tag-cloud
{
width: 100%;
margin-top: 30px;
padding-bottom: 30px;
}
.container-left-sidebar .tag-cloud .tags {
list-style: none;
margin: 0;
overflow: hidden; 
padding: 0;
position: relative;
top: 30px;
}

.container-left-sidebar .tag-cloud .tags li {
float: left; 
}

.container-left-sidebar .tag-cloud .tag {
background: transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #182A3C;
border:1px solid #182A3C;
display: inline-block;
height: 31px;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 1.4rem;
line-height: 28px;
padding: 0 20px 0 23px;
position: relative;
margin: 0 10px 10px 0;
text-decoration: none;
-webkit-transition: color 0.2s;
}

/* - 13# Contact
================================================*/
/*13.1 Hero */
.hero-contact {
padding-top: 0px;
padding-bottom: 0px;
position: relative;
color: #fff;
height: 450px;
}
canvas {
index: 0;
display: block;
vertical-align: bottom;
}

.cnt-herocontact-content{
index: 50;
top: -50px;
width: 100%;
position: absolute;
text-align: center;
}
.cnt-herocontact-content .hero-box{
text-align: center;
margin: 0px auto;
position: relative;
}
/* ---- particles.js container ---- */
.hero-contact #particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #182a3c;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.hero-contact .action-started{
position: relative;
text-align: center;
margin: 0px auto;
top: 40px;
}
.hero-contact .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.hero-contact .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
.hero-contact .btn-outlined:hover{
color: #fff; 
}
/* 13.2 Contact Form */
#contact-sc{
position:relative;
width:100%;
top:0px;
z-index:3;  
}
#contact-sc .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-contact-bg{
padding:0px 0px 0px 0px;
}  
#contact-sc .container h1{
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;    
}
#contact-sc .container p.bottom-txt{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
margin: 5% 0% 0% 0%;
position: relative;
width: 100%;
color: #9f9f9f;
}
.cnt-contact-bg .contact-me{
position: relative;
margin-top: 2%;
margin-left: 5%;
}
.cnt-contact-bg .contact-me span {
position: relative;
float: right;
margin: -50px 3px 0 0;
font: 11px/18px roboto;
color: #E10000;
pointer-events: none;
}
.cnt-contact-bg .contact-me #contactForm{
position: relative;
margin-top: 5%;
}
.contact-me input[type="text"], .contact-me input[type="email"]{
width:100%;
padding:15px 15px;
font-size:1.5rem;
color: #78899f;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
margin:0% 0% 0% 0%;
margin-bottom:2em;
background:none;
border: 0;
border-bottom: 2px solid #E3E7E9;
outline: 0;
}

.contact-me button {
width: 50%;
float: left;
display: block;
margin: 20px auto;
z-index: 1;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.contact-me .btn.btn-contact {
font-size: 1.5rem;
height: 52px;
padding: 0px;
text-transform: uppercase;
font-family: 'Open Sans',sans-serif;
font-weight: 800;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
border: none;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
cursor: pointer;

}
.contact-me textarea{
width:100%;
resize: none;
padding:30px 15px;
background:none;
border: none;
font-size:1.5rem;
color: #78899f;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
border-bottom:2px solid #E3E7E9;
margin:0px 0px 0px 0px;
}
.cnt-contact-bg .data-contact{
position: relative;
bottom: 0px;
margin-left:15%;
background: #182A3C;
height:700px;
width: 430px;
}
.cnt-contact-bg .data-contact h2{
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
position: relative;
margin-top: 25%;
margin-left: 10%;
letter-spacing: 0px;
color: #fff;   
}
.cnt-contact-bg .data-contact i{
font-size: 4.8rem;
position: absolute;
bottom: 20px;
left: 35px;
cursor: pointer;
}

.cnt-contact-bg .data-contact ul.data-content{
position: relative;
margin-left: 10%;
margin-top: 15%;
list-style-type: none;
}
.cnt-contact-bg .data-contact ul li.title-data{
font-family: 'Open Sans',sans-serif;
font-weight: 400;
color: #acb2bc;
font-size: 1.8rem;
}
.cnt-contact-bg .data-contact ul li{
position: relative;
margin-top: 8%;
font-weight: 100;
font-size: 1.5rem;
font-family: 'Open Sans',sans-serif;
}
/* 13.3 Map Hidden */
#map-hidden{
position:relative;
width:100%;
bottom:0px;
z-index:3;  
}
#map-hidden .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-maphidden-bg{
padding:0px 0px 0px 0px;
}  
.cnt-maphidden-bg .map-google{
position: relative;
width: 100%;
margin-left: 0px;
margin-right: 0px;
padding: 0;
}
.cnt-maphidden-bg .map-google #map {
width: 100%;
height: 500px;
background: red;
}
.hide {
opacity: 0;

}
.show {
opacity: 1;
}

/* - 14# Services
================================================*/
/*14.1 Hero */
.hero-services {
padding-top: 0px;
padding-bottom: 10px;
position: relative;
color: #fff;
}
#img-back-services{
position:relative;width:100%;
height:100%;
overflow: hidden;
}
#img-back-services:after{
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../../images/tpbg1.png);
background-repeat: no-repeat;
background-position: 50% 0;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; 

}
.hero-services .cnt-header-bg{
padding:0px 0px 450px 0px;
background-color: rgba(36, 42, 50, 0.8) ;
background-size:cover;
background-repeat: no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero-services .hero-box{
text-align: center;
position: relative;
top:250px;
}
.hero-services .hero-text h1,
.hero-services .hero-text p{
line-height:1em;
color: #fff;
}

.hero-services .hero-text h1{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
text-align: center;
font-size: 4rem;
line-height: 1em;
margin: 0 0 15px;
}
.hero-services .hero-text p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
line-height: 1.2em;
font-weight: 100;
margin: 30px auto;
width: 50%;
text-align: center;
color: #fff;
}
.hero-services .work-btns {
display: inline-block;
position: relative;
margin: 0px auto;
text-align: center;
top: 50px;
width: 100%;
}
.hero-services  .work-btns::after {
clear: both;
content: "";
display: table;
}

.hero-services  .cnt-btn {
display: inline-block;
margin-right: 1.5em;
color:#fff;
border-radius: 60px;
font-weight: 800;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
font-size: 1.3rem;
padding: 1.5em 4em;
min-width: 140px;  
border: 2px solid #fff;
text-decoration: none;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.hero-services .cnt-btn:nth-of-type(2) {
margin-right: 0;
}
.cnt-btn a{
color:#fff;
text-decoration:none; 
}
/* 14.2 All Services*/
#allservices{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#allservices .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
#allservices .container .row{
width: 100%;
}
.cnt-allservices-bg{
padding: 0px 0px 100px 0px;
border-bottom: 1px solid #dbdfdd;
}
#allservices .container .main-services-content{
position: relative;
margin-top:5%;
padding-left:10%;
}
#allservices .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}
#allservices .item-all-services{
margin-left: 0px;
text-align: center;
width: 30%;
}
#allservices p.items{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
color: #9f9f9f; 
width: 100%;
text-align: left;
}

#allservices i{
font-size: 4rem;
}

/* 14.4 How it Works */
#how-it-works {
position:relative;
width:100%;
top:-10px;
z-index:3;  
border-bottom: 1px solid #dbdfdd;
}
#how-it-works .cnt-hiw-bg{
padding:0px 0px 100px 0px;
}
#how-it-works .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;    
}  
#how-it-works .container p.title-hiw{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
text-align: center;
width: 40%;
margin: 2% auto;
color: #9f9f9f; 
}
#how-it-works .tabs {
width: 100%;
margin: 50px auto;
position: relative;
}
#how-it-works .tab-nav {
width: 100%;
position: relative;
}
#how-it-works .tab-nav ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;

}
#how-it-works .tab-nav ul.mobile{
display: none;
}
#how-it-works .tab-nav li {
display: block;
}
#how-it-works .tab-nav a {
display: block;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
background: transparent;
padding: 1em 5em;
font-weight: 800;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: .3s ease;
transition: .3s ease;
}
#how-it-works .tab-nav a.active {
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
color: #fff;
padding: 1em 5em;
font-weight: 800;
}
.tab-content {
padding:100px 0;
width: 100%;
}
.tab-content h3 {
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 2rem;
letter-spacing: 0px;
color: #182a3c;   
margin: 0 0 12px;

}
.tab-content p {
color: #182a3c;
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 1.5rem;
width: 100%;
text-align: left;
}
.tab-content img {
display: block;
z-index: 4;
width: 100%;
}
.center-tab{
margin: 0px auto;
position: relative;
text-align: center;
}
.center-tab p{
width: 60%;
margin: 0px auto;
text-align: center;
}
.center-tab .video {
position: relative;
height: 400px;
width: 60%;
margin: 30px auto;
text-align: center;
border-radius: 2px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
overflow: hidden;
}
.center-tab .video .overlay-video {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 48px;
}
.center-tab .video .overlay-video:before {
cursor: pointer;
z-index: 2;
content: "";
background: url(../../assets/img/play-btn.svg);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 48px;
height: 48px;
color: #fff;
border-radius: 100px;
margin: auto;
}
.center-tab .video iframe {
width: 100% !important;
height: 100% !important;
}
.tab-content .tab-content-txt ul.list-slider{
list-style: none;
position: relative;
margin-top: 5%;
font-size: 1.5rem;
font-family: 'Open Sans',sans-serif;
color: #182a3c;
line-height: 1.8em ;
}
.tab-content .tab-content-txt ul.list-slider li{
position: relative;
}
.tab-content .tab-content-txt ul.list-slider li span{
position: relative;
padding-left: 15px;
}
.tab-content .tab-content-txt ul.list-slider li i{
font-size: 2.5rem;
position: relative;
top: 5px;
margin-left: 0;
}
.hide{
display: none;
}
/* 14.5 Showcase */
#showcase{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#showcase .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-showcase-bg {
padding: 0px 0px 100px 0px;  
}
#showcase .container h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;     
}  
#showcase .container p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
text-align: center;
width: 40%;
margin: 2% auto;
color: #9f9f9f; 
}
#showcase .showcase-content{
padding-left: 40px;
}
#showcase .showcase-img{

}
#showcase .showcase-content h2{
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 3rem;
text-align: left;
width: 80%;
position: relative;
top: 45px;
}
#showcase .showcase-content p{
font-family: 'Open Sans',sans-serif;
font-size: 1.5rem;
font-weight: 400;
color: #9f9f9f;
width: 80%;
position: relative;
margin-left: 0px;
top: 45px;
text-align: left;
}
#showcase .showcase-content ul.showcase-list{
list-style: none;
position: relative;
margin-top: 10%;
font-size: 1.5rem;
font-family: 'Open Sans',sans-serif;
color: #182a3c;
line-height: 1.8em ;
}
#showcase .showcase-content ul.showcase-list li{
position: relative;
}
#showcase .showcase-content ul.showcase-list li span{
position: relative;
padding-left: 15px;
}
#showcase .showcase-content ul.showcase-list li i{
font-size: 2.5rem;
position: relative;
top: 5px;
margin-left: 0;
}
#showcase .action-started{
position: relative;
text-align: left;
margin: 50px auto;
z-index: 2;
}
#showcase .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
#showcase .btn:hover{
background: #34495e;
}
#showcase .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
-webkit-transition: .3s ease;
transition: .3s ease;
}

/* - 15# Error 404
================================================*/
/*15.1 Hero */
.hero-error {
padding-top: 0px;
padding-bottom: 0px;
position: relative;
color: #fff;
height:850px;
}
canvas {
index: 0;
display: block;
vertical-align: bottom;
}

.cnt-error-content {
index: 50;
top: -50px;
width:100%;
position: absolute;
text-align: center;
}
.cnt-error-content .hero-box{
text-align: center;
position: relative;
}
.cnt-error-content .hero-box h1{
font-size: 3rem;
}
/* ---- particles.js container ---- */
.hero-error #particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #182a3c;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.hero-error .action-started{
position: relative;
text-align: center;
margin: 0px auto;
bottom: 150px;
}
.hero-error .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.hero-error .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
cursor: pointer;
}
.hero-error .btn-outlined:hover{
color: #fff; 
}
.hero-error #error404{
position: relative;
bottom: 100px;
}
/* - 16# Coming Soon
================================================*/
.logo-coming{
position: relative;
margin: 0px auto;
top: 50px;
text-align: center;
}
/*16.1 Hero */
.hero-coming-soon {
width:100%;
margin:0% 0% 0% 0%;
position: relative;
color: #fff;
}
.hero-coming-soon #img-back{
position:relative;
width:100%;
height:100%;
}
.hero-coming-soon #img-back:after{
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../../images/tpbg1.png);
background-repeat: no-repeat;
background-position: 50% 0;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; 
}
.cnt-herocoming-content{
padding:0px 0px 0px 0px;
background-color: rgba(36, 42, 50, 0.8) ;
background-size:cover;
background-repeat: no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cnt-herocoming-content .hero-box{
text-align: center;
position: relative;
top:100px;
}
.cnt-herocoming-content .hero-text h1,
.cnt-herocoming-content .hero-text p{
line-height:1em;
color: #fff;
}

.cnt-herocoming-content .hero-text h1{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 7rem;
text-transform: uppercase;
line-height: 1em;
margin: 0 0 15px;
}
.cnt-herocoming-content .hero-text p{
font-family: 'Open Sans',sans-serif;  
line-height: 3em;
font-size: 1.8rem;
font-weight: 100;
margin: 0 0 80px;
}
.cnt-herocoming-content #clock {
font-family:'Open Sans',sans serif;
color: #fff;
padding: 10px;
display: inline-block;
text-align:center;
width:100%;
bottom: 40px;
position: relative;

}
.cnt-herocoming-content #clock p.clock{
font-size:1.6rem;
font-family:'Open Sans',sans serif;
font-weight:100;
text-transform: uppercase;
bottom:10px;
position: relative;
letter-spacing: 2px;
}
.cnt-herocoming-content #clock span {
display: inline-block;
margin-left: 25px;
min-width: 40px;
font-family: 'Montserrat',sans-serif;
font-weight: 800;
text-align: center;
font-size: 5rem;
color:#fff;
text-transform: uppercase;
line-height:120px;
width:130px;
height:130px;
border-radius:65px;
border:4px solid #FFF;
}
.cnt-herocoming-content #clock span:first-child {
margin-left: 0;
}
.cnt-herocoming-content #clock span span {
font-size: 18px;
color:#fff;
display: block;
margin-top:100px;
}
/*16.2 Subscribe Form*/
.subscribe-coming{
position: relative;
text-align: center;
margin: 150px auto;
}
.subscribe-coming .subscribe-form{
display: block;
position: relative;
top: 25px;
}
.subscribe-coming h2{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
text-align: center;
font-weight: 400;
position: relative;
}

.subscribe-coming .subscribe-form input[type="text"]{
display: block;
width: 100%;
height: 40px;
right:65px;
position: relative; 
border-radius: 5px;
padding: 0 155px 0 20px;
font-family: 'Open Sans',sans-serif;
font-weight: 300;
font-size: 1.4rem;
color: #2c3e50;
border: 1px solid #e3e3e3;
}

.subscribe-coming .subscribe-form .btn{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
position: absolute;
height: 40px !important;
line-height: 40px !important;
right: 0px;
top: 0;
font-size: 1.2rem !important;
font-weight: 800 !important;
font-family: 'Montserrat',sans-serif !important;
letter-spacing: .02em;
padding: 0 30px !important;
}
.subscribe-coming .subscribe-form .input-line{
display: inline-block;
width: 70%;
outline: none;
}

.subscribe-coming .btn-special{
line-height: 60px;
border-radius: 5px;
color: #fff;
height: 59px;
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.2rem;
letter-spacing: .04em;
text-transform: uppercase;
padding: 0 40px;
}
.subscribe-coming .btn-special:hover{
color: #fff;
}


.subscribe-coming .btn-special::before{
content: "\e639";
font-family: 'Pe-icon-7-stroke';
display: inline-block;
margin-right: 12.5px;
}
/* - 17# Careers
================================================*/
/*17.1 Hero */
.hero-careers {
padding-top: 0px;
padding-bottom: 10px;
position: relative;
color: #fff;
}
#img-back-careers{
position:relative;width:100%;
height:100%;
overflow: hidden;
}
#img-back-careers:after{
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-color:#182A3C;
opacity: 0.8;

}
.hero-careers .cnt-header-bg{
padding:0px 0px 400px 0px;
background-size:cover;
background: url(../../images/tpbg1.png);
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; 
background-repeat: no-repeat;
background-position: 50% 0;
top: 0;
z-index: 1;
left: 0;
width: 100%;
height: 100%;
}
.hero-careers .hero-box{
text-align: center;
position: relative;
top:300px;
z-index: 2;
}
.hero-careers .hero-text h1,
.hero-careers .hero-text p{
line-height:1em;
color: #fff;
}

.hero-careers .hero-text h1{
font-family: 'Montserrat',sans-serif;
font-weight: 400;
font-size: 6rem;
line-height: 1em;
margin: 0 0 15px;
}
.hero-careers .hero-text p{
font-family: 'Open Sans',sans-serif;  
line-height: 3em;
text-transform: uppercase;
font-size: 1.5rem;
letter-spacing: 2px;
font-weight: 100;
margin: 0 0 80px;
}
.hero-careers .action-started{
position: relative;
text-align: center;
margin: 20px auto;
z-index: 100;
}
.hero-careers .btn{
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
z-index: 100;
}
.hero-careers .btn:hover{
background: #34495e;
}
.hero-careers .btn-outlined{
height: 60px;
line-height: 60px;
border-radius: 60px;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size:1.2rem;
padding: 0 35px;
min-width: 250px;  
}
.hero-careers .btn-outlined:hover{
color: #fff; 
}
/*17.2 Benefits*/
#benefits{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#benefits .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-benefits-bg{
padding:0px 0px 200px 0px;
border-bottom: 1px solid #dbdfdd;
}  
#benefits h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}  
#benefits p{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 400;
text-align: center;
width: 60%;
margin: 20px auto;
color: #9f9f9f;
}
#benefits .main-benefit-column{
position: relative;
top: 40px;
margin-left: 60px;
}
#benefits .item-benefit{
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
#benefits .item-benefit h2{
font-family: 'Montserrat',sans-serif;
font-size: 2rem;
font-weight: 400;
color: #323f4d;
position: relative;
margin-top: 20px;
width: 100%;
text-align: left;
}
#benefits .item-benefit p{
font-family: 'Open Sans',sans-serif;
font-size: 1.6rem;
width: 100%;
position: relative;
margin-top: 20px;
text-align: left;
font-weight: 100;
color: #9f9f9f;
}
/*17.3 Hiring */
#hiring{
position:relative;
width:100%;
top:-10px;
z-index:3;  
}
#hiring .container{
width:100%;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.cnt-hiring-bg{
padding:0px 0px 100px 0px;
}  
#hiring h1{
text-align: center;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-weight: 800;
font-size: 3rem;
letter-spacing: 0px;
margin-top: 5%;
color: #3c3c4e;   
}  
#hiring .job-position:first-child{
position: relative;
margin-top: 40px;
}
#hiring .job-position{
height: 80px;
position: relative;
margin-top: 20px;
}
#hiring .job-position .data-job{
position: relative;
top: 25px;
}
#hiring .job-position ul{
list-style-type: none;
}
#hiring .job-position ul li{
display: inline-block;
padding-left: 20px;
}
#hiring .job-position ul li.place{
font-family: 'Montserrat',sans-serif;
font-size: 1.2rem;
text-transform: uppercase;
font-weight: 800;
min-width: 120px;
color: #182A3C;
position: relative;
right: 10px;
}
#hiring .job-position ul li.title-job{
font-family: 'Open Sans',sans-serif;
font-size: 1.8rem;
font-weight: 100;
color: #98999A;
}
#hiring .job-position .button {
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
padding: 1rem 4rem;
font-family: 'Open Sans',sans-serif;
font-weight: 800;
width: 100%;
font-size: 1.1rem;
text-transform: uppercase;
text-decoration: none;
position: relative;
line-height: 7.5rem;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}