/*!
Theme Name: TishAuto
Description: TishAuto is a WordPress Theme. It is fully responsive, customizable, translation ready, custom colors, multiple browsers support and much more.
Author: tishonator
Version: 1.0.3
Text Domain: tishonator
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Requires PHP: 7.0
Requires at least: 6.2
Tested up to: 6.7
*/

/*t Custom Fonts Start t*/

@import url('https://fonts.googleapis.com/css?family=Chakra Petch:300,400,600,700|Mulish:400,600&display=swap');

/*t Custom Fonts End t*/





input, select, textarea, button, #main .button {
	font-family:inherit;
}

button {
	cursor:pointer;
}

body:before {
	content: none !important;
}

a:hover {
	text-decoration: none;
}

.entry-title a,
.post-entry-title a {
	text-decoration: none;
}

.icon:before {
    font-size: 14px;
    margin-right: 5px;
}

a,
.icon:before {
	text-decoration:none;
	outline:none;
	color:#b83806;
}

.skills li .progress {
	background-color:#b83806;
}

a img{
	outline:none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: #000;
  outline: solid rgba(0, 115, 170, 0.15);
  outline-offset: -4px;
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: dotted;
  outline-offset: -4px;
}

p {
	padding:3px 0 3px 0;
	margin:0;
}

img {
	border:0;
	outline:0;
}

.lb-prev,
.lb-next {
	transition:none !important;
}

select {
	background-color: white;
	border: 1px solid #CCC;
	padding: 8px 3px;
	border-radius: 3px;
}

.quantity input[type="number"] {
    background-color: white;
    border: 1px solid #CCC;
    border-radius: 3px;
    font-size: 16px;
    margin-top: 5px;
}

#main-content-wrapper {
	min-height:100px;
	margin-top: 35px !important;
	padding:0 2%;
}

#home-content-wrapper img,
#main-content-wrapper img,
#footer-main img {
	max-width:100%;
	height:auto;
}

#home-content-wrapper a:hover img,
#main-content-wrapper a:hover img:not(.slider-img),
#footer-main a:hover img:not(.slider-img) {
	opacity:0.9;
}

article,
.recent-posts-slider-after-content {
	line-height:1.5;
}


h1, h2, h3, h4, h5, h6, .product-title{
	font-weight:400;
	margin:0;
	font-family: 'Raleway', sans-serif;
}
	
h1 {
	font-size:28px;
	padding:10px 0 3px 0;
}

h2, .product-title {
	font-size:22px;
	padding:5px 0 0 0;
}

h3 {
	font-size:20px;
	padding:8px 0 5px 0;
}

h4 {
	font-size:18px;
	padding:2px 0 1px 0;
}

h5 {
	font-size:16px;
	padding:2px 0 1px 0;
}

h6 {
	font-size:16px;
	padding:2px 0 1px 0;
}

table {
    border-collapse: collapse;
}



td, th {
	padding:10px;
}

#wp-calendar,
#wp-calendar th,
#wp-calendar td {
	border:none;
}

#wp-calendar td,
#wp-calendar th {
	padding:0;
}


embed,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
}

video {
    width: 100% !important;
    height: auto !important;
}

.vimeo-wrapper {
    position: relative;
    padding-bottom: 56.25%;
  	height: 0;
}

.vimeo-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
    max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}


.custom-logo-link img {
	margin-right:10px;
	max-width:100%;
	height:auto;
}

#header-logo strong {
	font-weight:normal;
}

#sidebar select{
	max-width:95%;
}

dt.gallery-icon:before {
	content:'';
	display: none;
}


#footer-bottom-widget-area {
	margin-top:10px;
}

#footer-bottom-area {
	clear:both;
	padding:40px 2%;
	background-color:#292929;
	font-size:14px;
}

#footer-bottom-area,
#footer-bottom-area h1,
#footer-bottom-area h2,
#footer-bottom-area h3 {
	color:#575757;
}

#footer-bottom-area a {
	color:#555555;
}

#footer-bottom-area a:hover {
	color:#747474;
}

#header-logo h1 {
	padding:0;
	line-height:1;
}

#navmain li {
	padding:0;
}
/*t
ul > li:not(.wp-social-link) {
	padding:3px 0;
	margin:0;
	list-style-type:none;
}
t*/
article ul li {
	list-style-type: circle !important;
}

ol > li {
	padding:3px 0;
	margin:0;
}

article ol {
	padding:0 0 0 30px;
}

article ul {
	padding:0 0 0 15px;
}

ul, ol {
	padding:0;
}


.widget > ul,
.col > ul,
#sidebar > ul {
	padding-left:0;
}

#site-identity h1 {
	-webkit-transition: font-size .5s ease, opacity .4s ease;
	-o-transition: font-size .5s ease, opacity .4s ease;
	transition: font-size .5s ease, opacity .4s ease;
	font-weight:bold;
	font-size: 24px;
}

article {
    max-width:100%;
}

article,
aside {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* main content */
#main-content,
#main-content-full,
#main {
	padding:10px 0 0 0;
}

#main-content > article:first-of-type h1 {
	margin-top:0;
	padding-top:0;
}

#main-content-full {
	margin:0 0 20px 2%;
	width:96%;
}

/* sidebar */
#sidebar {
	overflow:hidden;
	padding:10px 0 0 0;
}



#sidebar > ul {
	margin-left:3px;
}

#sidebar > ul:not(.social-widget):not(.ui-tabs-nav) li {
    margin-bottom:10px;
    width:85%;
}

#sidebar .teammember-social-icons li {
    border-bottom:none !important;
    margin-bottom:0 !important;
    width:auto !important;
}

#sidebar > ul li:last-of-type {
	border:none !important;
}

#sidebar .widget {
	margin-bottom:5px;
    clear: both;
}

#infoTxt {
	padding:10px 0 10px 0;
}



article,
.additional-content {
	clear:both;
}

.separator {
	height:1px;
	margin:20px 1% 10px 0;
}

#footer-menu ul,
#footer-menu li {
	display:inline;
	padding:0;
	margin:0;
}

#footer-menu li {
	margin-right:4px;
}

#footer-menu li a {
	display:inline-block;
	line-height:1.7;
	border-bottom: 1px dotted;
}

#footer-menu li:after {
	content: '/';
	margin-left:7px;
}

#footer-menu li:last-of-type:after {
	content: '';
}

#footer-menu li a:hover {
	border-bottom-style: solid;
}

#footer-main {
	clear:both;
	background-color:#333333;
	color:#CCCCCC;
	margin:20px 0 0 0;
	padding:80px 2% 80px 2%;
	font-size:14px;
}

#footer-main a {
	color:#BBBBBB;
}

#footer-main a:hover {
	color:#999999;
}

#footer-main ul:not(.social-widget):not(.ui-tabs-nav):not(.footer-social-widget):not(.instagram-pics) li {
    border-bottom:1px solid #333;
    margin-bottom:10px;
    padding-bottom:10px;
    width:85%;
}

#footer-menu ul li,
#footer-main ul li:last-of-type,
#footer-main ul ul li {
	border:none !important;
	padding-bottom:0 !important;
}

.footer-social-widget li {
	display:inline;
}

#footer-main input[type="text"] {
	width:130px;
	background-color:#fff;
}

.footer-social-widget a {
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}

.footer-social-widget a:hover {
	text-decoration:none !important;
	-webkit-transform:rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

.footer-social-widget a:before {
	font-size:14px;
}

.footer-social-widget li {
	margin-right:5px;
}

#footer-phone-and-email {
	float:right;
	clear:both;
	margin-top:10px;
}

#footer-phone-and-email #footer-phone,
#footer-phone-and-email #footer-email {
	display:inline-block;
}

#footer-phone-and-email #footer-phone {
	margin-right:10px;
}

#footer-main .post-date {
	margin:0 0 5px 0;
}



.col > ul {
	margin-left:3px;
}

.col li {
	margin-bottom:5px;
}

.col1a {
	float:none;
	width:96%;
	margin:5px 0 5px 0;
}

#footer-bottom {
	padding:20px 0 0 0;
	clear:both;
	text-align:center;
}

#footer-bottom .footer-title,
#footer-main h2 {
	float:none;
	border-bottom:none;
	margin-bottom:5px;
}

#footer-bottom #footer-main h2:after {
	display: block;
	content: ' ';
}

#footer-main h2:after {
	display:block;
	content: ' ';
}

.footer-after-title,
#footer-main h2:after {
	display:none;
}

#footer-bottom-widget-area .footer-title,
#footer-main h2 {
	margin-bottom:10px;
}

#fsocial {
	float:right;
	max-width:300px;
}

.social-widget,
.header-social-widget,
.footer-social-widget {
	list-style:none;
	padding:0;
	margin:0;
}

.social-widget iframe {
    margin-bottom:0;
}

.social-widget li {
	margin-left:5px;
    margin-right:5px;
	display:inline-block;
}

.social-widget li:before {
	content:'';
}

.social-widget li a,
.social-widget li a:hover {
	text-decoration: none;
}

.single-social-widget a:hover:before,
.social-widget li:hover a:before{
	display:inline-block;
	-webkit-transform:rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	text-decoration:none;
}

.github16:before {
	content: "\f09b";
}

.github32:before {
	content: "\f092";
}

.bitbucket16:before {
	content: "\f171";
}

.bitbucket32:before {
	content: "\f172";
}

.reddit16:before {
	content: "\f1a1";
}

.reddit32:before {
	content: "\f1a2";
}

.xing16:before {
	content: "\f168";
}

.xing32:before {
	content: "\f169";
}

.slack16:before,
.slack32:before {
	content: "\f198";
}

.wechat16:before,
.wechat32:before {
	content: "\f1d7";
}

.snapchat16:before {
	content: "\f2ab";
}

.snapchat32:before {
	content: "\f2ad";
}

.dribbble16:before,
.dribbble32:before {
	content: "\f17d";
}

.bandcamp16:before,
.bandcamp32:before {
	content: "\f2d5";
}

.lastfm16:before {
	content: "\f202";
}

.lastfm32:before {
	content: "\f203";
}

.soundcloud16:before,
.soundcloud32:before {
  content: "\f1be";
}

.vimeo16:before {
	content: "\f27d";
}

.vimeo32:before {
	content: "\f194";
}

.skype16:before,
.skype32:before {
	content: "\f17e";
}

.deviantart16:before,
.deviantart32:before {
  content: "\f1bd";
}

.yahoo16:before,
.yahoo32:before {
  content: "\f19e";
}

.amazon16:before,
.amazon32:before {
  content: "\f270";
}

.etsy16:before,
.etsy32:before {
  content: "\f2d7";
}

.foursquare16:before,
.foursquare32:before {
  content: "\f180";
}

.quora16:before,
.quora32:before {
  content: "\f2c4";
}

.yelp16:before,
.yelp32:before {
  content: "\f1e9";
}

.github16:before,
.bitbucket16:before,
.reddit16:before,
.xing16:before,
.slack16:before,
.wechat16:before,
.snapchat16:before,
.dribbble16:before,
.bandcamp16:before,
.lastfm16:before,
.soundcloud16:before,
.vimeo16:before,
.skype16:before,
.deviantart16:before,
.yahoo16:before,
.amazon16:before,
.etsy16:before,
.foursquare16:before,
.quora16:before,
.yelp16:before {
	font-family:'FontAwesome';
	font-size: 13px;
}

.github32:before,
.bitbucket32:before,
.reddit32:before,
.xing32:before,
.slack32:before,
.wechat32:before,
.snapchat32:before,
.dribbble32:before,
.bandcamp32:before,
.lastfm32:before,
.vimeo32:before,
.skype32:before,
.deviantart32:before,
.yahoo32:before,
.soundcloud32:before,
.amazon32:before,
.etsy32:before,
.foursquare32:before,
.quora32:before,
.yelp32:before {
	font-family:'FontAwesome';
	font-size: 32px;
}

.facebook16:before {
	content: "\f09a";
}

.facebook32:before {
	content: "\f082";
}

.google16:before {
	content: "\f0d5";
}

.google32:before {
	content: "\f0d4";
}

.instagram16:before,
.instagram32:before {
	content: "\f16d";
}

.linkedin16:before {
	content: "\f0e1";
}

.linkedin32:before {
	content: "\f08c";
}

.rss16:before {
	content: "\f09e";
}

.rss32:before {
	content: "\f143";
}

.tumblr16:before {
	content: "\f173";
}

.tumblr32:before {
	content: "\f174";
}

.twitter16::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "";
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    background-position: center 3px;
}

.twitter32::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "";
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    background-position: center 3px;
}

.youtube16:before {
	content: "\f167";
}

.youtube32:before {
	content: "\f166";
}

.pinterest16:before {
    content: "\f0d2";
}

.pinterest32:before {
    content: "\f0d3";
}

.vk16:before {
    content: "\f189";
}

.vk32:before {
    content: "\f189";
}

.flickr16:before {
    content: "\f16e";
}

.flickr32:before {
    content: "\f16e";
}

.vine16:before {
    content: "\f1ca";
}

.vine32:before {
    content: "\f1ca";
}

.facebook16:before,
.google16:before,
.instagram16:before,
.rss16:before,
.tumblr16:before,
.linkedin16:before,
.twitter16:before,
.youtube16:before,
.pinterest16:before,
.vk16:before,
.flickr16:before,
.vine16:before {
    font-family:'FontAwesome';
    font-size: 13px;
}

.facebook32:before,
.google32:before,
.instagram32:before,
.rss32:before,
.tumblr32:before,
.linkedin32:before,
.twitter32:before,
.youtube32:before,
.pinterest32:before,
.vk32:before,
.flickr32:before,
.vine32:before {
	font-family:'FontAwesome';
	font-size: 32px;
}

.header-social-widget a {
	display:inline;
}

.social32 {
	float:right;
	margin-right:10px;
}

.social32 a {
	display:inline-block;
}

.single-social-widget {
	clear:both;
}

.single-social-widget .social32 {
	float:left;
}

.single-social-widget p {
	line-height:40px;
	font-size:14px;
}

.single-social-widget .facebook32:before {
	content: "\f09a";
	color:#FFFFFF;
	background-color:#3B5998;
}

.single-social-widget .twitter32:before {
	content: "\f099";
	color:#FFFFFF;
}

.single-social-widget .rss32:before {
	content: "\f09e";
	color:#FFFFFF;
	background-color:#EE802F;
}

.single-social-widget .instagram32:before {
	color:#FFFFFF;
	background: #d6249f;
  	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.single-social-widget .facebook32:before,
.single-social-widget .twitter32:before,
.single-social-widget .rss32:before,
.single-social-widget .instagram32:before {
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
}
/*t
input[type="text"],
input[type="email"],
input[type="url"],
textarea {
	border:1px solid #B2AEA3;
	padding:4px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-ms-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
}

.button,
input[type="submit"],
button {
	font-size:16px;
}

.button,
input[type="submit"],
button,
.btn,
a.btn,
#main .button,
#main #respond input[type="submit"],
#main-content-wrapper .woocommerce .checkout-button,
.woocommerce a.button {
	padding:8px 12px;
	text-decoration:none;
	font-weight:normal;
	border:none;
	color:#ffffff;
	background-image: -ms-linear-gradient(top, #b83806 0%, #ca7101 100%);
	background-image: -moz-linear-gradient(top, #b83806 0%, #ca7101 100%);
	background-image: -o-linear-gradient(top, #b83806 0%, #ca7101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b83806), color-stop(1, #ca7101));
	background-image: -webkit-linear-gradient(top, #b83806 0%, #ca7101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b83806', endColorstr='#ca7101');
	background-image: linear-gradient(top, #b83806 0%, #ca7101 100%);
	text-shadow:0 !important;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-ms-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
}

.button:hover,
input[type="submit"]:hover,
button:hover,
#main .button:hover,
.btn:hover,
a.btn:hover,
#place_order:hover,
#place_order:hover,
#main #respond input[type="submit"]:hover,
#main-content-wrapper .woocommerce .checkout-button:hover,
.woocommerce a.button:hover {
	color:#ffffff;
	background-image: -ms-linear-gradient(top, #ca7101 0%, #b83806 100%);
	background-image: -moz-linear-gradient(top, #ca7101 0%, #b83806 100%);
	background-image: -o-linear-gradient(top, #ca7101 0%, #b83806 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca7101), color-stop(1, #b83806));
	background-image: -webkit-linear-gradient(top, #ca7101 0%, #b83806 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ca7101', endColorstr='#b83806');
	background-image: linear-gradient(top, #ca7101 0%, #b83806 100%);
	text-decoration:none;
}
t*/
.btn {
	margin-top:10px;
	display:inline-block;
}

#respond {
	clear:both;
}

#commentform input:before,
#commentform textarea:before {
	content:'\A';
	white-space:pre;
}

.page-links, .post-links {
	padding:10px 0 3px 0;
	margin:0;
}

.navigation,
.woocommerce-pagination {
	float:left;
    margin:0;
}

.navigation .current,
.navigation .page-dots,
.navigation .page-numbers {
	font-size:15px;
	text-align:center;
	display:inline-block;
	float:left;
	font-weight:500;
}

.navigation .page-dots,
.navigation .page-numbers {
	padding:7px 13px;
	margin-right:0;
}

.navigation .current,
.navigation .current:hover {
	text-decoration:none;
	text-align:center;
	margin-right:0;
}

.navigation .page-numbers:hover {
	text-decoration:none;
	text-align:center;
}

.shop_table .product-remove {
	width:10%;
}

.shop_table .product-thumbnail {
	width:10%;
}

.shop_table .product-name {
	width:50%;
}

.shop_table .product-price {
	width:10%;
}

.shop_table .product-quantity {
	width:10%;
}

.shop_table .product-subtotal {
	width:10%;
}

/* homepage classes */
#home-cols {
	clear:both;
	padding:10px 2% 20px 2%;
	margin:20px 0 30px 0;
}

#top-widget {
	clear:both;
	padding:0 2%;
}

.bottom-widget,
.top-widget {
	clear:both;
	padding:0 2%;
	text-align: center;
}

.nav-links {
	padding-top:10px;
}

.nav-links .nav-previous {
	float:left;
	width:45%;
}

.nav-links .nav-previous:before {
	font-family:'FontAwesome';
	content:"\f100";
	margin-right:5px;
}

.nav-links .nav-next {
	float:right;
	width:45%;
}

.nav-links .nav-next:after {
	font-family:'FontAwesome';
	content:"\f101";
	margin-left:5px;
}

/* utilities classes */
.right {
	float:right;
}

.left {
	float:left;
}

.clear {
	clear:both;
}

.text-center {
	text-align:center;
}

.mt-10 {
	margin-top:10px;
}

.mb-10 {
	margin-bottom:10px;
}

.mt-20 {
	margin-top:20px;
}

.mb-20 {
	margin-bottom:20px;
}

.mt-30 {
	margin-top:30px;
}

.mb-30 {
	margin-bottom:30px;
}

.mt-40 {
	margin-top:40px;
}

.mb-40 {
	margin-bottom:40px;
}

.box-shadow-none {
	box-shadow:none !important;
}

.box-shadow-none img {
	box-shadow:none !important;
}


/* contact from */
.contact-error {
	color:#FF0000;
}

.contact-success {
	border:1px solid #5D7716;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:5px 1%;
	width:50%;
}

/* comments */
#comments {
	margin-top:25px;
	font-size:18px;
	float:left;
	clear:both;
	padding:0 5px 1px 1px;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
}

.commentlist li {
	list-style:none;
}

.commentlist li .pingback .comment-author {
	padding:0 170px 0 0;
}

.commentlist li div .vcard {
	font-weight:bold;
	font-size:16px;
	line-height:16px;
}

.commentlist li div .vcard cite .fn {
	font-style:normal;
	font-size: 11px;
}

.commentlist li div .vcard cite .fn a .url {
	color:#cc0000;
	text-decoration:none;
}

.commentlist li div .vcard cite .fn a .url:hover {
	color:#000;
}

.commentlist li div .vcard img .avatar {
	background:#fff;
	border:1px solid #aaa;
}

.commentlist li div .comment-meta a {
	color:#205B87;
	text-decoration:none;
}

.commentlist li p {
	font-weight:normal;
	line-height:1.2;
	margin:5px 0 12px;
}

.commentlist li ul {
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	list-style:square;
	margin:0 0 12px;
	padding:0;
}

.commentlist li div .reply {
	background:#999;
	border:1px solid #666;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#fff;
	font:bold 9px/1 helvetica,arial,sans-serif;
	padding:6px 5px 4px;
	text-align:center;
	width:36px;
}

.commentlist li div .reply:hover {
	background:#cc0000;
	border:1px solid #cc0000;
}

.commentlist li div .reply a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

.commentlist li ul.children {
	list-style:none;
	margin:12px 0 0;
	text-indent:0;
}

.commentlist li ul .children li .depth-2 {
	margin:0 0 3px;
}

.commentlist li ul .children li .depth-3 {
	margin:0 0 3px;
}

.commentlist li ul .children li .depth-4 {
	margin:0 0 3px;
}

.commentlist li ul .children li .depth-5 {
	margin:0 0 7px;
}

.commentlist ul .children li .odd {
	background:#fff;
}

.commentlist .odd {
	background:#f6f6f6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.commentlist li .pingback div .vcard {
	padding:0 170px 0 0;
}

.comment-body {
	padding-left:0;
}

#reply-title {
	margin-top:25px;
	text-align:center;
	font-size:18px;
	float:left;
	clear:both;
	padding:0 5px 0 1px;
}

#commentform {
	clear:both;
	padding-top:5px;
	padding-left:2px;
}

.entry-title {
	clear:both;	
}

.before-content {
	font-size:16px;
	padding-top:0;
	padding-bottom:10px;
}

.after-content,
.custom-after-content,
.page-after-content {
	clear:both;
}

.quote-content:before,
.quote-content:after,
.sticky h1:before {
	font-family:'FontAwesome';
	margin:0;
}

.quote-content,
.quote-content:after,
.sticky h1 {
	margin-right:7px;
}

.aside-icon:before,
.audio-icon:before,
.author-icon:before,
.category-icon:before,
.comments-icon:before,
.edit-icon:before,
.gallery-icon:before,
.image-icon:before,
.link-icon:before,
.quote-icon:before,
.tags-icon:before,
.video-icon:before {
	content:' ';
	margin-left:10px;
	margin-right:5px;
}

.categories-wrapper,
.tags-wrapper {
	display:inline;
}



/* calendar widget */
.widget_calendar {
	float:left;
}

#wp-calendar {
	border-collapse:separate;
}

#wp-calendar caption {
	color:#333;
	font-size:18px;
	padding:5px;
}

#wp-calendar thead,
#wp-calendar tfoot {
	font-size:16px;
}

#wp-calendar th {
	border-bottom:3px solid #ccc;
}

#wp-calendar tbody td {
	text-align:center;
}

#wp-calendar tbody #today {
	background: #dddddd;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-ms-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
	border:1px solid #666666;
}

#wp-calendar tbody .pad {
	background:none;
}

#wp-calendar tfoot #next {
	font-size:10px;
	text-transform:uppercase;
	text-align:right;
}

#wp-calendar tfoot #prev {
	font-size:16px;
	text-transform:uppercase;
	padding-top:10px;
}

#wp-calendar tbody td {
	padding:8px;
}

.quote-content:before {
	content: "\f10d";
}

.quote-content:after {
	content: "\f10e";
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 16px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#main-content-wrapper[tabindex="-1"]:focus {
  outline: 0;
}

.tagcloud {
    margin-bottom: 20px;
}

.wp-caption {
	max-width:95%;
    padding:5px;
    border:1px solid #ccc;
    color:#555;
    background:#f9f9f9;
    -moz-box-shadow:1px 1px 5px rgba(153, 153, 153, 0.3);
    -webkit-box-shadow:1px 1px 5px rgba(153, 153, 153, 0.3);
    box-shadow:1px 1px 5px rgba(153, 153, 153, 0.3);
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	clear:both;
}

.wp-caption img {
	width:100%;
}

.wp-caption p.wp-caption-text {
	margin:0;
	background-color:#858581;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:2px 4px 2px 4px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.widget_tishonator_advancedtextcontent_widget {
	clear:both;
}

.post-date {
	display:block;
	margin:0 0 5px 15px;
}

@-webkit-keyframes zoom-image-in-and-out {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  50% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
}

@keyframes zoom-image-in-and-out {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  50% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
}

.zoom-img-background-img-wrapper {
	overflow:hidden;
}

.zoom-img-background-img-inner {
	-webkit-animation zoom-image-in-and-out 30s ease-out both;
	animation: zoom-image-in-and-out 30s ease-out 0s 1 normal both running;
	animation-iteration-count:1000;
	width:100%;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	opacity:0.85;
}

.zoom-bcgr-content {
	position:absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:96%;
}

.zoom-bcgr-content-inner h1,
.zoom-bcgr-content-inner h2,
.zoom-bcgr-content-inner h3,
.zoom-bcgr-content-inner {
	color:#FFFFFF;
}

.zoom-bcgr-content-inner {
	width:100%;
}

@media screen and (min-width: 1200px) {
	.number-counter-inner-content,
	.zoom-bcgr-content {
        max-width:950px;
    }
    .number-counter-inner-content {
        margin:0 auto;
    }
}

#rotating-text {
	position: relative;
	font-size: 52px;
	color:#444;
	display: block;
	line-height:1;
	padding:15px 0;
	text-align:center;
}

#rotating-text span {
	display: none;
	color:#111;
}

.advanced-text-wrapper {
	text-align:center;
}

.advanced-text-wrapper h1,
.advanced-text-wrapper h2,
.advanced-text-wrapper h3,
.advanced-text-wrapper h4,
.advanced-text-wrapper h5,
.advanced-text-wrapper h6 {
	color:#FFFFFF;
}

.advanced-text-content {
	padding:0;
	font-size:16px;
	text-align:center;
}

.advanced-text-button-wrapper {
	margin-bottom:5px;
	text-align:center;
}

#page-header {
	background-image:url('images/pageheader.png');
	background-repeat: repeat;
	-webkit-box-shadow: inset 0 -1px 1px -1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 -1px 1px -1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 -1px 1px -1px rgba(0, 0, 0, 0.25) inset;
	padding:20px 2% 20px 2%;
}
 
.home-title {
	padding-top:10px;
}

/* Registered Block Styles */
.is-style-btn .wp-block-button__link,
.is-style-btn .wp-block-button__link:hover,
.is-style-btn .wp-block-button__link:focus,
.is-style-btn .wp-block-button__link:active,
.is-style-btn .wp-block-button__link:visited {
	box-shadow: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.is-style-btn .wp-block-button__link:hover {
	opacity:0.85;
}

.is-style-tgroup {
	margin-bottom: 20px !important;
}

.is-style-tsitetitle a {
	text-decoration: none !important;
	font-weight: bold;
}

.is-style-tposttitle {
	text-align: center;
	margin: 10px 0 !important;
	font-size: 180%;
	font-weight: bold;
}

.is-style-tsociallinks {
	border-radius: 1px !important;
}

blockquote {
	margin-bottom:10px;
}

.full-width{
    width: 100vw;
     position: relative !important;
     margin-left: -50vw;
     left: 50%;
     margin-bottom: 40px;
}

.wp-block-cover img {
	box-shadow: none !important;
}

.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
	position: relative !important;
}


.breadcrumb-separator{
    color:#999;
    margin-left:7px !important;
    margin-right:7px !important;
}

.home-title,
.home-col-title {
	font-weight:normal;
	font-size:18px;
	padding-top:25px;
	letter-spacing:1px;
	float:none;
	clear:both;
	text-align:center;
}

.home-col-title .advanced-text-icon {
    font-size:inherit !important;
    text-shadow:none !important;
}

.home-after-title,
.home-col-after-title {
	clear:both;
}

.home-title,
.sidebar-title {
	display: inline-block;
	background: #FFF;
	z-index: 1;
	position: relative;
	font-weight: 700;
}

.home-title {
	padding: 0 10px;
}

.sidebar-title {
	margin-bottom:20px;
}

.home-title {
	margin-top:10px;
}

.sidebar-title:not(:first-child) {
	margin-top:15px;
	margin-bottom:10px;
}

.sidebar-before-title {
	clear:both;
}

.home-after-title {
	border-top: 1px solid #EEE;
	margin: -12px auto 10px auto;
}

.footer-title,
#footer-main h2 {
	margin-bottom: 25px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color:#dddddd;
}

#footer-main .wp-block-group h2:after {
	display: block;
	content: ' ';
}

#footer-main h2:after {
	display:block;
	content: ' ';
}

.footer-after-title,
#footer-main h2:after {
	clear:both;
}

.author-info-box {
	clear:both;
	padding-left:10px;
}

.author-info-box p {
	padding-left:100px;
	line-height:25px;
}

div.author-info-box p:nth-of-type(2) {
	white-space: pre-line;
}

.author-info-box ul {
	padding-left:100px;
}

.author-title {
	margin-top:25px;
	font-size:18px;
	clear:both;
	float:left;
	padding:0 5px 0 1px;
	margin-bottom:5px;
}

.author-avatar {
	float:left;
}

.avatar {
	-webkit-border-radius:45px;
	-moz-border-radius:45px;
	border-radius:45px;
}

.IN-widget button {
	min-width:auto !important;
	background-image:none !important;
}

.IN-widget {
	vertical-align: unset !important;
}

.social-sharing-box {
	clear:both;
}

.social-sharing-box ul li{
	margin-right:0;
}

.social-sharing-title {
	margin-top:25px;
	font-size:18px;
	clear:both;
	float:left;
	padding:0 5px 0 1px;
	margin-bottom:5px;
}

.page-entry-title {
	padding-left:0 !important;
}



/* custom page templates classes */
.custom-entry-title {
	padding-left:0 !important;
}

.wide-content article {
	width:auto;
}

.wide-content  h1,
.wide-content .content,
.wide-content .after-content,
.wide-content .quote-content {
	padding-left:0;
}

#main-content-left-sidebar-wrapper {
	
}

/* Google Map classes */
#map_canvas {
	width:100%;
	height:350px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

#map_canvas_widget {
	clear:both;
	width:100%;
	height:250px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

#map_canvas img,
#map_canvas_widget img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* office info classes */
.office-info-box {
	margin-top:10px;
}

.office-info-box .fa::before {
    margin-right: 5px;
}

.page-contact-title {
	border-bottom: 4px solid #555555;
    clear: both;
    float: left;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0 0 0 0 !important;
    padding: 0 5px 1px 1px !important;
    text-transform: uppercase;
}

#not-found-title {
	font-size:48px;
	padding-left:0 !important;
	text-align:center !important;
	margin-bottom:10px;
}

#not-found-image {
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
	margin-bottom:10px;
}

/* Tabs Widget Classes */
.tishonator_tabs_widget_content {
    position: relative;
    border: 1px solid #AAAAAA;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
}
.tishonator_tabs_widget_content img {
    max-width: 100%;
    height: auto;
}
.tishonator_tabs_widget_content li:before {
	content:none !important;
}
.tishonator_tabs_widget_content ul.tisho-tabs,
#popular-tab-content ul,
#recent-tab-content ul,
#comments-tab-content ul,
#tags-tab-content ul {
	padding:0;
	margin:0;
}

.tishonator_tabs_widget_content ul.tisho-tabs li {
    list-style: none;
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0 !important;
}
.tishonator_tabs_widget_content ul.has-1-tabs li {
    width: 100%;
    float: none;
    margin: 0 auto;
}
.tishonator_tabs_widget_content ul.has-2-tabs li {
    width:50%;
}
.tishonator_tabs_widget_content ul.has-3-tabs li {
    width: 33.33%;
}

.tishonator_tabs_widget_content ul.has-4-tabs li {
    width: 25%;
}

.tishonator_tabs_widget_content .has-4-tabs .tab_title.selected a {
    border-bottom:none;
}

.tishonator_tabs_widget_content .tab_title a {
    display: block;
    border-left: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    padding: 2px 0 4px;
    line-height: 2.4;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    font-size: 13px;
}

.tishonator_tabs_widget_content .tab_title:not(.selected) {
	background-color:#dedede;
}

.tishonator_tabs_widget_content .tab_title:not(.selected) a {
	color:#555555 !important;
}

.tishonator_tabs_widget_content .tab_title:not(.selected) a:hover {
	background-color:#555555 !important;
	color:#FAFAFA !important;
}

.tishonator_tabs_widget_content .tab_title:first-child a {
    margin-left: 0;
    border-left: 0;
}
.tishonator_tabs_widget_content .tab_title.selected a {
	border-bottom:none;
}
.tishonator_tabs_widget_content .inside {
    padding-top: 10px;
}
.tishonator_tabs_widget_content .tab-content li {
    list-style-type: none;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 11px 0;
    padding: 0px 15px 15px 15px;
    text-align: left;
    background: none;
    position: relative;
}
.tishonator_tabs_widget_content .tab-content li:last-child {
    border: none;
    margin-bottom: 0;
}
.tishonator_tabs_widget_content .tab-content li:first-child {
    padding-top: 5px;
}

.tishonator_tabs_thumb_small {
    float: left;
    margin-right: 12px;
    padding-top: 4px;
    width: 65px;
    height: 65px;
    overflow: hidden;
}
.tishonator_tabs_thumb_large {
    float: none;
    max-width: 100%;
    display: inline-block;
    margin-bottom: 4px;
    position: relative;
}
.tishonator_tabs_widget_content .entry-title {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.tishonator_tabs_widget_content .tisho-postmeta, .tishonator_tabs_comment_content, .tishonator_tabs_excerpt {
}
.tishonator_tabs_widget_content .wp-post-image {
    margin: 0 !important;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

/* Comments */
.tishonator_tabs_avatar {
    margin-right: 10px;
    float: left;
    margin-top: 4px;
}
.tishonator_tabs_comment_content p, .tishonator_tabs_excerpt p {
    margin-bottom: 0;
}
.tishonator_tabs_comment_meta {
    font-weight: bold;
}

/* Tags tab */
.tishonator_tabs_widget_content #tags-tab-content {
    padding-bottom: 10px;
}
.tishonator_tabs_widget_content #tags-tab-content ul {
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.tishonator_tabs_widget_content #tags-tab-content ul li {
    width: auto;
    color: #fff;
    margin-bottom: 0;
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 3px 3px 0 0;
    float: none;
    font-size: 16px;
}
.tishonator_tabs_widget_content #tags-tab-content ul li a {
    padding: 12px 10px;
    white-space: nowrap;
    display: block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* Pagination */
.tishonator_tabs_widget_content .tisho-pagination {
    margin: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 15px;
    float: left;
}
.tishonator_tabs_widget_content .tisho-pagination a {
    margin: 0 15px;
}
.tisho-pagination a.next {
    float: right;
}

.tishonator_tabs_widget_content img {
	box-shadow:none !important;
}

/* Loading... */
.tisho-loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/* End of Tabs Widget Classes */

/* WooCommerce */
li.wc-block-product {
	list-style-type: none !important;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
	max-width:50%;
}

.woocommerce-input-wrapper {
	width:100%;
}

#main-content-wrapper .wc-block-grid__product-title,
#body-content-wrapper .wc-block-grid__product-title {
  font-size: 20px;
}

#main-content-wrapper .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,
#body-content-wrapper .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product {
  font-size: 16px;
}

.wc-block-pagination-page.wc-block-components-pagination__page {
    background-image: none !important;
}

.woocommerce-product-gallery__image {
	margin-bottom:10px;
}

.mini_cart_item a.remove {
	float:left;
	margin-right: 5px;
}

.mini_cart_item a.remove {
	float:left;
	margin-right: 5px;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
	width:50%;
	float:right;
	clear:both;
}

#main-content-wrapper ul.products li.product .woocommerce-loop-category__title,
#main-content-wrapper ul.products li.product .woocommerce-loop-product__title,
#main-content-wrapper ul.products li.product h3 {
	font-size:22px;
}

.wc-forward {
    margin-right: 10px !important;
}
.woocommerce-mini-cart,
.cart_list,
.product_list_widget {
	opacity:1 !important;
	box-shadow:none !important;
}
.widget_shopping_cart_content {
	display:inline-block;
	padding:0 !important;
}

.woocommerce-pagination {
	text-align:left !important;
}

.woocommerce-pagination .page-numbers {
	border:none !important;
}

.woocommerce-pagination .page-numbers:hover {
  background-color: #FFF !important;
}

.wc-block-price-filter {
	padding-left: 10px;
	padding-right: 10px;
}

.woocommerce-pagination .page-numbers li {
	border: 1px solid #dddddd;
    padding:0 !important;
}
.woocommerce-pagination .page-numbers li:hover {
	padding:0 !important;
}

.woocommerce-pagination a {
	padding:6px 9px !important;
	margin:0 4px 0 0 !important;
	font-size:16px !important;
	text-align:center !important;
}

.woocommerce-pagination .current,
.woocommerce-pagination a:hover {
	margin-right:-1px !important;
	padding:6px 9px !important;
	text-decoration:none !important;
	font-size:16px !important;
	text-align:center !important;
}

.woocommerce-pagination .current {
	background:#FFFFFF !important;
}

.woocommerce-pagination a:hover {
	background:#FFFFFF !important;
}



.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
	text-shadow:none !important;
}

.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
	margin-right:10px !important;
}

.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
	border:none !important;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
	margin-right:0;
}

.payment_methods li:before {
	content:'' !important;
}

.product_list_widget {
	display:block !important;
	position:relative !important;
}

.product_list_widget li:before {
	content:none !important;
}

.product_list_widget img {
    height: auto;
    margin-bottom: 10px !important;
    max-width: 100%;
    display:block;
}

#cart-popup-content .product_list_widget img {
	width:50%;
	float:right;
	clear:both;
}

#cart-popup-content .product_list_widget li {
	float:left;
	width:100%;
	clear:both;
}

.product_list_widget li a.button {
	display: block;
	width: max-content;
}

.product_list_widget  li {
	float:left;
	width:24%;
	margin-right:1%;
}

#home-content-wrapper .product_list_widget li {
	margin-bottom:30px;
}

.product_list_widget li:nth-child(4n + 1) {
	clear:both;
}

#sidebar .product_list_widget  li {
	float:left;
	width:47%;
	margin:0 2% 10px 0;
}

#sidebar .product_list_widget li:nth-child(2n + 1) {
	clear:both;
}

/* WooCommerce Ratings */
.woocommerce .woocommerce-product-rating .star-rating {
    margin: 0 4px 0 0 !important;
    font-size: 18px !important;
}

.single-product .woocommerce-product-rating {
	margin-top:5px;
}

.single-product .count-rating,
.single-product .woocommerce-review-link {
	float:left;
	margin-right:5px;
	margin-top:-2px;
}

@media screen and (min-width: 800px) {
	.woocommerce #review_form #respond p {
		margin-right:20px;
	}

	.woocommerce #review_form #respond textarea {
		width:425px;
	}

	.woocommerce #review_form #respond .comment-form-author,
	.woocommerce #review_form #respond .comment-form-email {
		width:200px;
	}

	.woocommerce #review_form #respond #commentform input[type="text"],
	.woocommerce #review_form #respond #commentform input[type="email"] {
		width:195px;
	}
}

@media screen and (max-width: 799px) {
	.product_list_widget  li {
		float:left;
		width:47%;
		margin-right:2%;
	}

	.product_list_widget li:nth-child(2n + 1) {
		clear:both;
	}

	.woocommerce table.shop_table td {
		padding:5px;
	}

	.woocommerce td.product-quantity {
		min-width:10px;
	}
}

@media screen and (max-width: 360px) {
	.product_list_widget  li {
		float:left;
		width:96%;
		margin-right:0;
	}

	.product_list_widget li {
		clear:both;
	}
}

h1.product_title {
	margin-left:0 !important;
}

form.cart {
	float:none !important;
	margin-left:0 !important;
}

.woocommerce .amount {
	display:block;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	margin:0;
}

.product_list_widget del .amount {
	float:left;
	margin-right: 5px;
	text-decoration: line-through;
	font-size: 16px;
	font-weight: normal;
}

.woocommerce del .amount {
	text-decoration: line-through;
	font-size: 16px;
}

#hdrtop-cart-subcontent .product_list_widget .amount {
	display:inherit;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float:left !important;
    margin-left: 2% !important;
}

.woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before {content:'' !important;}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {display:table-cell !important;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {width: auto !important;}

.woocommerce #content div.product form.cart,
.woocommerce div.product form.cart,
.woocommerce-page #content div.product form.cart,
.woocommerce-page div.product form.cart {
	margin-top:10px !important;
	margin-bottom:0 !important;
}

.product_list_widget del {
	display:inline-flex;
}

.wc-block-grid__products .price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #ca7101;
}

.added_to_cart {
	margin-top:5px !important;
}

li.product:before {
	content:'';
}

section.related,
.product_meta {
	clear:both !important;
}

.product_meta .sku_wrapper,
.product_meta .posted_in,
.product_meta .tagged_as {
	clear:both !important;
	display:block !important;
	margin-top:10px !important;
}

#coupon_code {
    font-size: 11px;
}

mark {
    background-color: unset;
}

/* theme has built-in breadcrumb, so hide the woocommerce breadcrumb */
#main-content-wrapper .woocommerce-breadcrumb {
	display:none !important;
}

#content .page-title {
	display:none !important;
}

.woocommerce-breadcrumb {
	list-style:none;
	overflow:hidden;
	padding:0 !important;
	margin:15px 15px 0 0 !important;
	font-size:12px !important;
	float:right;
}

.cart_list li:before {
	content: none !important;
}

#content .products {
	border-top:1px solid #cccccc;
	padding-top:20px;
}

.star-rating {
	line-height:1.5;
}

del .woocommerce-Price-amount {
	color:#444444;
}

.woocommerce ul.product_list_widget li a {
	display:initial;
}

#main-content-wrapper ul.products li.product .button {
	margin-top:0;
}

#main-content-wrapper .woocommerce ul.products li.product .price {
	margin-top:15px;
	margin-bottom:15px;
}

#main-content-wrapper .add_to_cart_button {
	margin-top:20px;
}

/* bbPress */
#bbpress-forums li.bbp-header {
	background:inherit !important;
}

#bbpress-forums li:before {
	content:none;
}

#bbpress-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size:auto !important;
}

#bbpress-forums fieldset.bbp-form {
	border:none !important;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
	background-color:inherit !important;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
	background-color:inherit !important;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	background-color:inherit !important;
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
	background-color:inherit !important;
}

.bbp-breadcrumb {
	float:right !important;
	list-style:none;
	overflow:hidden;
	padding:0 !important;
	margin:15px 15px 0 0 !important;
	font-size:12px;
}

#main-content-wrapper .bbp-breadcrumb {
	display:none !important;
}

#bbpress-forums fieldset.bbp-form {
	padding-left:0 !important;
	padding-right:0 !important;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size:14px !important;
}

#bbpress-forums,
div.bbp-template-notice p {
	font-size:13px !important;
}

#bbp_search_submit {
	padding:3px 10px;
}

#bbp-search-form #bbp_search {
	margin-bottom:10px;
}

#searchform input[type="text"] {
	padding: 1px 0 1px 3px;
	background-color: #FFFFFF;
    border: 1px solid #B2AEA3;
    -webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	padding:8px 5px;
}


#searchform input[type="submit"] {
    -webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}



/* Skills */
.skills {
	margin: 15px 0;
	list-style: none;
	padding-top: 25px;
}

.skills li {
	list-style-type: none !important;
	position: relative;
	margin-top: 38px;
	height: 4px;
	background-color: #F5F5F5;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	border-radius: 2px;
}

.skills li:before {
	display:none;
}

.skills li:first-child { margin-top: 0; }

.skills li .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: visible !important;
	border-radius: 2px;
	-webkit-transition: width 1.2s ease-in-out;
	-o-transition: width 1.2s ease-in-out;
	transition: width 1.2s ease-in-out;
}

.skills li .progress-percent {
	position: absolute;
	top: -28px;
	right: 0;
	background-color: #333;
	color: #F9F9F9;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	height: 22px;
	line-height: 22px;
	padding: 0px 5px;
	font-size: 11px;
	border-radius: 2px;
}

.skills li .progress-percent .counter {
	font-weight: 400;
}

.progress-percent::after, .progress-percent::before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.progress-percent::after {
	border-top-color: #333;
	border-width: 4px;
	left: 50%;
	margin-left: -4px;
}

.progress-percent::before {
	border-top-color: #333;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}

.skills li > span {
	position: absolute;
	z-index: 1;
	top: -23px;
	left: 0;
	line-height: 20px;
	font-weight: bold;
}

/* Number Counts */
.counts-number-wrapper {
	clear:both;
	text-align:center;
	margin:20px 0 10px 0;
}

.cn-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 28px;
	border-radius: 50%;
	margin-bottom:10px;
}

.cn-number {
	font-size:36px;
	line-height:1;
}

.single-count-number h3 {
	padding:0;
	margin:0;
	line-height:1;
}

.single-count-number {
	text-align: center;
	padding:15px 10px;
}

/* Circle Progress */
.position {
  float: left;
  margin: 20px;
}

.circle-progress-bar {
  position: relative;
  height: 200px;
  width: 200px;
}

.circle-progress-bar div {
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 50%;
}

.circle-progress-bar div span {
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 175px;
  height: 175px;
  width: 175px;
  left: 12.5px;
  top: 12.5px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}

.circle-progress-bar .background { background-color: #b3cef6; }

.circle-progress-bar .rotate {
  clip: rect(0 100px 200px 0);
  background-color: #4b86db;
}

.circle-progress-bar .left {
  clip: rect(0 100px 200px 0);
  opacity: 1;
  background-color: #b3cef6;
}

.circle-progress-bar .right {
  clip: rect(0 100px 200px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}
 @keyframes 
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

/* Theme Blocks */
.wp-block-embed__wrapper {
	text-align: center;
}

.wp-block-post-date {
	text-align: center;
}
.wp-block-tishonator-social-sites-block,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4 {
	text-align:center;
}



.wc-block-grid__product {
	list-style: none !important;
}

.wc-block-grid__product:before {
	display:none !important;
}

/* Opening Hours */
.opening-hours li:before {
	content:'\f017' !important;
	font-family: 'FontAwesome';
	margin-right: 5px;
}

.pricing-plans li:before {
	content:'\f073' !important;
	font-family: 'FontAwesome';
	margin-right: 5px;
}

.pricing-plans li,
.opening-hours li {
	clear:both;
	line-height: 24px;
}

.pricing-plans li div,
.opening-hours li div {
	float:right;
}


/* Tabs Widget */
	
.simple-tabs .ui-tabs-nav h2,
.simple-tabs .ui-tabs-nav h3,
.simple-tabs .ui-tabs-hide {
	display: none;
}
	
.simple-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
	
.simple-tabs .ui-tabs-nav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 43px;
	line-height: 43px;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	border-right: 1px solid #fff;
}
	
.simple-tabs .ui-tabs-nav li a,
.simple-tabs .ui-tabs-nav li a:link {
	text-decoration: none;
	color: #777 !important;
	display: block;
	outline: none;
	cursor:pointer;
	background: #f2f2f2 !important;
	text-align: center;
	text-transform: uppercase;
	padding:0 10px;
}

.simple-tabs .ui-tabs-nav li.ui-tabs-active a {
	background-color:#FFFFFF !important;
	border-left:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}

.simple-tabs .ui-tabs-nav li a, .simple-tabs.simple-tabs-collapsible .simple-tabs-nav li.simple-tabs-selected a {
	cursor: pointer;
}

.simple-tabs .ui-tabs-hide {
	display: none !important;
}

.simple-tabs .ui-tabs-panel {
	overflow: hidden;
	clear: both;
	float: left; 
 	background: #fff;
	padding: 15px;
	border:1px solid #ebebeb;
}

/* Clients Classes */
.section-header {
	text-align: center;
}

#clients {
	margin-top:20px;
	margin-bottom:20px;
}

.client-item {
	border-right: 1px dashed #DDD;
	border-bottom: 1px dashed #DDD;
}

@media (max-width:767px) {
	.client-item:nth-child(2n + 2) {
		border-right: none;
	}
}

@media (min-width:768px) {
	.client-item:nth-child(6n + 6) {
		border-right: none;
	}
}

#clients:after {
	height: 20px;
	background-color: #FFF;
	margin-top: -10px;
	position: relative;
	width:100%;
}

.client-item a {
	opacity:0.6;
}

.client-item a:hover {
	opacity:1;
}

.client-item .img {
	width:75%;
	display:inline-block;
}

.client-item img {
	box-shadow: none !important;
}



.wpt_widget_content li:before {
	content:none !important;
}




.feature-content li {
	line-height:24px;
}

.feature-content li:before {
	content: "\f005";
	font-family:'FontAwesome';
	margin-right:5px;
}



.gallery {
	margin: 0 -1.1666667% 0;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 0;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item img {
	width:100%;
	height:auto;
}

.gallery-columns-1 .gallery-item {
	max-width: 99%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11%;
}

.gallery-icon img {
	margin: 0 auto;
	max-width:100%;
	height:auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 16px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.post-links .left,
.post-links .right {
    width: 40%;
}

/* Blocks */


article > * > *:first-child,
.entry .entry-summary > * > *:first-child {
  margin-top: 0;
}

article > * > *:last-child,
.entry .entry-summary > * > *:last-child {
  margin-bottom: 0;
}

article > *.alignwide,
.entry .entry-summary > *.alignwide {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

@media only screen and (min-width: 768px) {
  article > *.alignwide,
  .entry .entry-summary > *.alignwide {
    width: 100%;
    max-width: 100%;
  }
}

article > *.alignfull,
.entry .entry-summary > *.alignfull {
  position: relative;
  left: -1rem;
  width: calc( 100% + (2 * 1rem));
  max-width: calc( 100% + (2 * 1rem));
  clear: both;
}

@media only screen and (min-width: 768px) {
  article > *.alignfull,
  .entry .entry-summary > *.alignfull {
    margin-top: calc(2 * 1rem);
    margin-bottom: calc(2 * 1rem);
    left: calc( -12.5% - 75px);
    width: calc( 125% + 150px);
    max-width: calc( 125% + 150px);
  }
}

.wp-block-group:not(.alignwide):not(.alignfull) * {
    max-width: 100%;
    margin-left: 0;
}

article > *.alignleft,
.entry .entry-summary > *.alignleft {
  /*rtl:ignore*/
  float: left;
  max-width: calc(5 * (100vw / 12));
  margin-top: 0;
  margin-left: 0;
  /*rtl:ignore*/
  margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
  article > *.alignleft,
  .entry .entry-summary > *.alignleft {
    max-width: calc(4 * (100vw / 12));
    /*rtl:ignore*/
    margin-right: calc(2 * 1rem);
  }
}

article > *.alignright,
.entry .entry-summary > *.alignright {
  /*rtl:ignore*/
  float: right;
  max-width: calc(5 * (100vw / 12));
  margin-top: 0;
  margin-right: 0;
  /*rtl:ignore*/
  margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
  article > *.alignright,
  .entry .entry-summary > *.alignright {
    max-width: calc(4 * (100vw / 12));
    margin-right: 0;
    /*rtl:ignore*/
    margin-left: calc(2 * 1rem);
  }
}

article > *.aligncenter,
.entry .entry-summary > *.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  article > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  article > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  article > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    margin-left: 0;
    margin-right: 0;
  }
}

/*
 * Unset nested content selector styles
 * - Prevents layout styles from cascading too deeply
 * - helps with plugin compatibility
 */
article .entry-content,
article .entry-summary,
article .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
  margin: inherit;
  max-width: inherit;
  padding: inherit;
}

@media only screen and (min-width: 768px) {
  article .entry-content,
  article .entry-summary,
  article .entry,
  .entry .entry-summary .entry-content,
  .entry .entry-summary .entry-summary,
  .entry .entry-summary .entry {
    margin: inherit;
    max-width: inherit;
    padding: inherit;
  }
}

article p.has-background {
  padding: 20px 30px;
}

article .wp-block-audio {
  width: 100%;
}

article .wp-block-audio audio {
  width: 100%;
}

article .wp-block-audio.alignleft audio,
article .wp-block-audio.alignright audio {
  max-width: 198px;
}

@media only screen and (min-width: 768px) {
  article .wp-block-audio.alignleft audio,
  article .wp-block-audio.alignright audio {
    max-width: 384px;
  }
}

@media only screen and (min-width: 1379px) {
  article .wp-block-audio.alignleft audio,
  article .wp-block-audio.alignright audio {
    max-width: 385.44px;
  }
}

article .wp-block-video video {
  width: 100%;
}



article .wp-block-archives,
article .wp-block-categories,
article .wp-block-latest-posts {
  padding: 0;
  list-style: none;
}

article .wp-block-archives li,
article .wp-block-categories li,
article .wp-block-latest-posts li {
  color: #767676;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: calc(22px * 1.125);
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 0.75rem;
}

article .wp-block-archives li.menu-item-has-children, article .wp-block-archives li:last-child,
article .wp-block-categories li.menu-item-has-children,
article .wp-block-categories li:last-child,
article .wp-block-latest-posts li.menu-item-has-children,
article .wp-block-latest-posts li:last-child {
  padding-bottom: 0;
}

article .wp-block-archives li a,
article .wp-block-categories li a,
article .wp-block-latest-posts li a {
  text-decoration: none;
}

article .wp-block-archives.aligncenter,
article .wp-block-categories.aligncenter {
  text-align: center;
}

article .wp-block-categories ul {
  padding-top: 0.75rem;
}

article .wp-block-categories li ul {
  list-style: none;
  padding-left: 0;
}

article .wp-block-categories ul {
  counter-reset: submenu;
}

article .wp-block-categories ul > li > a::before {
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
  font-weight: normal;
  content: "– " counters(submenu, "– ", none);
  counter-increment: submenu;
}

article .wp-block-latest-posts.is-grid li {
  border-top: 2px solid #ccc;
  padding-top: 1rem;
  margin-bottom: 2rem;
}

article .wp-block-latest-posts.is-grid li a:after {
  content: '';
}

article .wp-block-latest-posts.is-grid li:last-child {
  margin-bottom: auto;
}

article .wp-block-latest-posts.is-grid li:last-child a:after {
  content: '';
}

article .wp-block-preformatted {
  font-size: 0.71111em;
  line-height: 1.8;
  padding: 1rem;
}

article .wp-block-verse {
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
  font-size: 22px;
  line-height: 1.8;
}

article .has-drop-cap:not(:focus):first-letter {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 3.375em;
  line-height: 1;
  font-weight: bold;
  margin: 0 0.25em 0 0;
}

article .wp-block-pullquote {
  border-color: transparent;
  border-width: 2px;
  padding: 1rem;
}

article .wp-block-pullquote blockquote {
  color: #111;
  border: none;
  margin-top: calc(4 * 1rem);
  margin-bottom: calc(4.33 * 1rem);
  margin-right: 0;
  padding-left: 0;
}

article .wp-block-pullquote p {
  font-size: 1.6875em;
  font-style: italic;
  line-height: 1.3;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

article .wp-block-pullquote p em {
  font-style: normal;
}

@media only screen and (min-width: 768px) {
  article .wp-block-pullquote p {
    font-size: 2.25em;
  }
}

article .wp-block-pullquote cite {
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  text-transform: none;
  color: #767676;
  /*
			 * This requires a rem-based font size calculation instead of our normal em-based one,
			 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
			 */
  font-size: calc(1rem / (1.25 * 1.125));
}

article .wp-block-pullquote.alignleft, article .wp-block-pullquote.alignright {
  width: 100%;
  padding: 0;
}

article .wp-block-pullquote.alignleft blockquote, article .wp-block-pullquote.alignright blockquote {
  margin: 1rem 0;
  padding: 0;
  text-align: left;
  max-width: 100%;
}

article .wp-block-pullquote.alignleft blockquote p:first-child, article .wp-block-pullquote.alignright blockquote p:first-child {
  margin-top: 0;
}

article .wp-block-pullquote.is-style-solid-color {
  background-color: #0073aa;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  article .wp-block-pullquote.is-style-solid-color {
    padding-left: 10%;
    padding-right: 10%;
  }
}

article .wp-block-pullquote.is-style-solid-color p {
  font-size: 1.6875em;
  line-height: 1.3;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

@media only screen and (min-width: 768px) {
  article .wp-block-pullquote.is-style-solid-color p {
    font-size: 2.25em;
  }
}

article .wp-block-pullquote.is-style-solid-color a {
  color: #fff;
}

article .wp-block-pullquote.is-style-solid-color cite {
  color: inherit;
}

article .wp-block-pullquote.is-style-solid-color blockquote {
  max-width: 100%;
  color: #fff;
  padding-left: 0;
  margin-left: 1rem;
  margin-right: 1rem;
}

article .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
article .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, article .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, article .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, article .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, article .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, article .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
  color: inherit;
}

@media only screen and (min-width: 768px) {
  article .wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  article .wp-block-pullquote.is-style-solid-color.alignright, article .wp-block-pullquote.is-style-solid-color.alignleft {
    padding: 1rem calc(2 * 1rem);
  }
}

@media only screen and (min-width: 768px) {
  article .wp-block-pullquote.is-style-solid-color.alignfull {
    padding-left: calc(10% + 58px + (2 * 1rem));
    padding-right: calc(10% + 58px + (2 * 1rem));
  }
}

article .wp-block-quote:not(.is-large), article .wp-block-quote:not(.is-style-large) {
  border-width: 2px;
  border-color: #0073aa;
  padding-top: 0;
  padding-bottom: 0;
}

article .wp-block-quote p {
  font-size: 1em;
  font-style: normal;
  line-height: 1.8;
}

article .wp-block-quote cite {
  /*
			 * This requires a rem-based font size calculation instead of our normal em-based one,
			 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
			 */
  font-size: calc(1rem / (1.25 * 1.125));
}

article .wp-block-quote.is-large, article .wp-block-quote.is-style-large {
  margin: 1rem 0;
  padding: 0;
  border-left: none;
}

article .wp-block-quote.is-large p, article .wp-block-quote.is-style-large p {
  font-size: 1.6875em;
  line-height: 1.4;
  font-style: italic;
}

article .wp-block-quote.is-large cite,
article .wp-block-quote.is-large footer, article .wp-block-quote.is-style-large cite,
article .wp-block-quote.is-style-large footer {
  /*
				 * This requires a rem-based font size calculation instead of our normal em-based one,
				 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
				 */
  font-size: calc(1rem / (1.25 * 1.125));
}

@media only screen and (min-width: 768px) {
  article .wp-block-quote.is-large, article .wp-block-quote.is-style-large {
    margin: 1rem 0;
    padding: 1rem 0;
  }
  article .wp-block-quote.is-large p, article .wp-block-quote.is-style-large p {
    font-size: 1.6875em;
  }
}

article .wp-block-image {
  max-width: 100%;
}

article .wp-block-image img {
  display: block;
}

@media only screen and (min-width: 768px) {
  article .wp-block-image .aligncenter {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  article .wp-block-image .aligncenter {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  article .wp-block-image .aligncenter {
    margin: 0;
    width: 100%;
  }
  article .wp-block-image .aligncenter img {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1168px) {
  article .wp-block-image .aligncenter {
    width: 100%;
  }
  article .wp-block-image .aligncenter img {
    margin: 0 auto;
  }
}

article .wp-block-image.alignfull img {
  width: 100vw;
  max-width: calc( 100% + (2 * 1rem));
}

@media only screen and (min-width: 768px) {
  article .wp-block-image.alignfull img {
    max-width: calc( 125% + 150px);
    margin-left: auto;
    margin-right: auto;
  }
}

article .wp-block-cover-image,
article .wp-block-cover {
  position: relative;
  min-height: 430px;
  padding: 1rem;
}



article .wp-block-cover-image .wp-block-cover-image-text,
article .wp-block-cover-image .wp-block-cover-text,
article .wp-block-cover-image h2,
article .wp-block-cover .wp-block-cover-image-text,
article .wp-block-cover .wp-block-cover-text,
article .wp-block-cover h2 {
  font-size: 1.6875em;
  font-weight: bold;
  line-height: 1.25;
  padding: 0;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  article .wp-block-cover-image .wp-block-cover-image-text,
  article .wp-block-cover-image .wp-block-cover-text,
  article .wp-block-cover-image h2,
  article .wp-block-cover .wp-block-cover-image-text,
  article .wp-block-cover .wp-block-cover-text,
  article .wp-block-cover h2 {
    font-size: 2.25em;
    max-width: 100%;
  }
}

article .wp-block-cover-image.alignleft, article .wp-block-cover-image.alignright,
article .wp-block-cover.alignleft,
article .wp-block-cover.alignright {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  article .wp-block-cover-image.alignleft, article .wp-block-cover-image.alignright,
  article .wp-block-cover.alignleft,
  article .wp-block-cover.alignright {
    padding: 1rem calc(2 * 1rem);
  }
}

@media only screen and (min-width: 768px) {
  article .wp-block-cover-image.alignfull .wp-block-cover-image-text,
  article .wp-block-cover-image.alignfull .wp-block-cover-text,
  article .wp-block-cover-image.alignfull h2,
  article .wp-block-cover.alignfull .wp-block-cover-image-text,
  article .wp-block-cover.alignfull .wp-block-cover-text,
  article .wp-block-cover.alignfull h2 {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  article .wp-block-cover-image.alignfull .wp-block-cover-image-text,
  article .wp-block-cover-image.alignfull .wp-block-cover-text,
  article .wp-block-cover-image.alignfull h2,
  article .wp-block-cover.alignfull .wp-block-cover-image-text,
  article .wp-block-cover.alignfull .wp-block-cover-text,
  article .wp-block-cover.alignfull h2 {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  article .wp-block-cover-image.alignfull,
  article .wp-block-cover.alignfull {
    padding-left: calc(10% + 58px + (2 * 1rem));
    padding-right: calc(10% + 58px + (2 * 1rem));
  }
  article .wp-block-cover-image.alignfull .wp-block-cover-image-text,
  article .wp-block-cover-image.alignfull .wp-block-cover-text,
  article .wp-block-cover-image.alignfull h2,
  article .wp-block-cover.alignfull .wp-block-cover-image-text,
  article .wp-block-cover.alignfull .wp-block-cover-text,
  article .wp-block-cover.alignfull h2 {
    padding: 0;
  }
}

article .wp-block-gallery {
  list-style-type: none;
  padding-left: 0;
}

article .wp-block-gallery .blocks-gallery-image:last-child,
article .wp-block-gallery .blocks-gallery-item:last-child {
  margin-bottom: 16px;
}

article .blocks-gallery-item:before {
	content:'' !important;
}

article .wp-block-gallery figcaption a {
  color: #fff;
}

article .wp-block-audio figcaption,
article .wp-block-video figcaption,
article .wp-block-image figcaption,
article .wp-block-gallery .blocks-gallery-image figcaption,
article .wp-block-gallery .blocks-gallery-item figcaption {
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
  text-align: center;
}

article .wp-block-separator,
article hr {
  background-color: #767676;
  border: 0;
  height: 2px;
  margin-bottom: 2rem;
  margin-top: 2rem;
  max-width: 2.25em;
  text-align: left;
  /* Remove duplicate rule-line when a separator
		 * is followed by an H1, or H2 */
}

article .wp-block-separator.is-style-wide,
article hr.is-style-wide {
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  article .wp-block-separator.is-style-wide,
  article hr.is-style-wide {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  article .wp-block-separator.is-style-wide,
  article hr.is-style-wide {
    max-width: 100%;
  }
}

article .wp-block-separator.is-style-dots,
article hr.is-style-dots {
  max-width: 100%;
  background-color: inherit;
  border: inherit;
  height: inherit;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  article .wp-block-separator.is-style-dots,
  article hr.is-style-dots {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  article .wp-block-separator.is-style-dots,
  article hr.is-style-dots {
    max-width: 100%;
  }
}

article .wp-block-separator.is-style-dots:before,
article hr.is-style-dots:before {
  color: #767676;
  font-size: 1.6875em;
  letter-spacing: 0.88889em;
  padding-left: 0.88889em;
}

article .wp-block-separator + h1:before,
article .wp-block-separator + h2:before,
article hr + h1:before,
article hr + h2:before {
  display: none;
}

article .wp-block-embed-twitter {
  word-break: break-word;
}

article .wp-block-table th,
article .wp-block-table td {
  border-color: #767676;
}

article .wp-block-file {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

article .wp-block-file .wp-block-file__button {
  display: table;
  transition: background 150ms ease-in-out;
  border: none;
  border-radius: 5px;
  background: #0073aa;
  font-size: 22px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.2;
  text-decoration: none;
  font-weight: bold;
  padding: 0.75rem 1rem;
  color: #fff;
  margin-left: 0;
  margin-top: calc(0.75 * 1rem);
}

@media only screen and (min-width: 1168px) {
  article .wp-block-file .wp-block-file__button {
    font-size: 22px;
    padding: 0.875rem 1.5rem;
  }
}

article .wp-block-file .wp-block-file__button:hover {
  background: #111;
  cursor: pointer;
}

article .wp-block-file .wp-block-file__button:focus {
  background: #111;
  outline: thin dotted;
  outline-offset: -4px;
}

article .wp-block-code {
  border-radius: 0;
}

article .wp-block-code code {
  font-size: 1.125em;
  white-space: pre-wrap;
  word-break: break-word;
}

article .wp-block-columns .wp-block-column > *:first-child {
  margin-top: 0;
}

article .wp-block-columns .wp-block-column > *:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  article .wp-block-columns {
    flex-wrap: nowrap;
  }
  article .wp-block-columns .wp-block-column:not(:first-child) {
    margin-left: 32px;
  }
}

article .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: bold;
}

article .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
  font-weight: normal;
}

article .wp-block-latest-comments .wp-block-latest-comments__comment,
article .wp-block-latest-comments .wp-block-latest-comments__comment-date,
article .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
  font-size: inherit;
}

article .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
  font-size: 0.71111em;
}

article .has-small-font-size {
  font-size: 0.88889em;
}

article .has-normal-font-size {
  font-size: 1.125em;
}

article .has-large-font-size {
  font-size: 1.6875em;
}

article .has-huge-font-size {
  font-size: 2.25em;
}

article .has-primary-background-color,
article .has-secondary-background-color,
article .has-dark-gray-background-color,
article .has-light-gray-background-color {
  color: #fff;
}

article .has-primary-background-color > p,
article .has-primary-background-color > h1,
article .has-primary-background-color > h2,
article .has-primary-background-color > h3,
article .has-primary-background-color > h4,
article .has-primary-background-color > h5,
article .has-primary-background-color > h6,
article .has-primary-background-color > a,
article .has-secondary-background-color > p,
article .has-secondary-background-color > h1,
article .has-secondary-background-color > h2,
article .has-secondary-background-color > h3,
article .has-secondary-background-color > h4,
article .has-secondary-background-color > h5,
article .has-secondary-background-color > h6,
article .has-secondary-background-color > a,
article .has-dark-gray-background-color > p,
article .has-dark-gray-background-color > h1,
article .has-dark-gray-background-color > h2,
article .has-dark-gray-background-color > h3,
article .has-dark-gray-background-color > h4,
article .has-dark-gray-background-color > h5,
article .has-dark-gray-background-color > h6,
article .has-dark-gray-background-color > a,
article .has-light-gray-background-color > p,
article .has-light-gray-background-color > h1,
article .has-light-gray-background-color > h2,
article .has-light-gray-background-color > h3,
article .has-light-gray-background-color > h4,
article .has-light-gray-background-color > h5,
article .has-light-gray-background-color > h6,
article .has-light-gray-background-color > a {
  color: #fff;
}

article .has-white-background-color {
  color: #111;
}

article .has-white-background-color > p,
article .has-white-background-color > h1,
article .has-white-background-color > h2,
article .has-white-background-color > h3,
article .has-white-background-color > h4,
article .has-white-background-color > h5,
article .has-white-background-color > h6,
article .has-white-background-color > a {
  color: #111;
}

article .has-primary-background-color,
article .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
  background-color: #0073aa;
}

article .has-secondary-background-color,
article .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
  background-color: #005177;
}

article .has-dark-gray-background-color,
article .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
  background-color: #111;
}

article .has-light-gray-background-color,
article .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
  background-color: #767676;
}

article .has-white-background-color,
article .wp-block-pullquote.is-style-solid-color.has-white-background-color {
  background-color: #FFF;
}

article .has-primary-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color > p {
  color: #0073aa;
}

article .has-secondary-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color > p {
  color: #005177;
}

article .has-dark-gray-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color > p {
  color: #111;
}

article .has-light-gray-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color > p {
  color: #767676;
}

article .has-white-color,
article .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
  color: #FFF;
}

.fb_iframe_widget span {
	display: block !important;
}

#pin-save-button span {
	margin-top: -19px !important;
	position: absolute;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
	padding-left: 10px;
}

.wp-block-post {
	list-style-type:none !important;
}

.wp-block-query .wp-block-columns {
	margin-bottom: 0;
}

/* Large Resolution */
@media screen and (min-width: 800px) {

	#header-logo {
	    display: flex;
	    align-items: center;
	}

	
	.header-content-spacing #navmain > div > ul > li > a {
		padding:35px 5px 30px 5px;
	}

	.header-content-scroll #site-identity h1 {
		font-size:18px;
	}

	.header-content-scroll #site-identity strong {
		display:none;
	}

	#header-content-wrapper {
	    position: relative;
	    min-height:80px;
	}

	#navmain {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	}

	#header-logo img {
		margin-top:5px;
	}

	.phone-and-email {
		display:inline;
	}
	
	#main-content,
	#main {
		float:left;
		margin:0 0 20px 2%;
		width:63%;
	}

	#sidebar {
		float:left;
		margin:10px 2% 30px 2%;
		width:30%;
		padding:0;
	}
	
	#header-logo {
		float:left;
		margin-top:5px;
	}

	#navmain div:not(#search-popup-content) {
		padding:0 0 0 20px;
	}
	
	#navmain ul {
		padding:0;
		margin:0;
		white-space:nowrap;
	}
	
	#navmain ul  li {
		position:relative;
		float:left;
	}
	
	#navmain > div > ul > li {
		margin-right:15px;
	}

	#navmain > div > ul > li > a {
		text-transform: uppercase;
		font-weight:bold;
		font-size:13px;
	}

	#navmain ul.sub-menu a {
		text-transform: uppercase;
		font-weight:700;
		font-size: 12px;
		line-height:22px;
	}
	
	#navmain ul a {
		padding:17px 5px;
		white-space:nowrap;
		display:inline-block;
		color:#444444;
	}

	#navmain ul ul li:hover > a {
		background-color:#F9F9F9;
		color:#ca7101;
	}
	
	#navmain ul ul ul,
	#navmain ul ul  ul li:first-of-type,
	#navmain ul ul ul li:first-of-type > a {
		-webkit-border-top-left-radius:1px;
		-moz-border-top-left-radius:1px;
		border-top-left-radius:1px;
		-webkit-border-top-right-radius:1px;
		-moz-border-top-right-radius:1px;
		border-top-right-radius:1px;
	}
	
	#navmain ul ul,
	#navmain ul ul li:last-of-type,
	#navmain ul ul li:last-of-type > a {
		-webkit-border-bottom-left-radius:1px;
		-moz-border-bottom-left-radius:1px;
		border-bottom-left-radius:1px;
		-webkit-border-bottom-right-radius:1px;
		-moz-border-bottom-right-radius:1px;
		border-bottom-right-radius:1px;
	}

	#navmain ul ul {
		list-style:none;
		margin:0;
		padding:0;
		position:absolute;
		z-index:5000;
		right:-99999px;
		color:#555555;
		background-color:#FFFFFF;
		box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
		border: 1px solid #EEE;	
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
		border-top:2px solid #ca7101;
	}

	#navmain ul ul:not(.cart_list) {
		box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
	}

	#navmain ul ul a {
		white-space:nowrap;
		display:block;
		padding:10px 0 10px 10px;
	}

	#navmain ul ul:not(.cart_list) {
        opacity:0;
    }

	#navmain ul li:hover > ul,
	#navmain ul li:focus-within > ul {
       right:auto;
       opacity:1;
       animation: opacity 700ms ease-in-out normal;
       -moz-animation: opacity 700ms ease-in-out normal;
       -ms-animation: opacity 700ms ease-in-out normal;
       -o-animation: opacity 700ms ease-in-out normal;
       -webkit-animation: opacity 700ms ease-in-out normal;    
    }

    /* add support of browsers which don't support focus-within */
    #navmain ul li.menu-item-focused > ul {
       right:auto;
       opacity:1;    
    }


    @keyframes opacity {
        from { opacity:0; }
        to { opacity: 1; }
    }
    @-moz-keyframes opacity {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    @-ms-keyframes opacity {
        from {opacity:0; }
        to { opacity: 1; }
    }
    @-o-keyframes opacity {
        from {opacity:0; }
        to { opacity: 1; }
    }
    @-webkit-keyframes opacity {
        from { opacity:0; }
        to { opacity: 1; }
    }

	#navmain ul li ul a {
		display:block;
	}
	
	#navmain ul ul li:hover > ul,
  	#navmain ul ul li:focus-within > ul {
  		top:-1px;
  		left:100%;
  	}

  	#navmain ul ul li.menu-item-focused > ul {
  		top:-1px;
  		left:100%;
  	}
	
	#navmain ul ul li {
		float:none;
	}
	
	#navmain ul ul a {
		padding:9px 35px 9px 10px;
	}
	
	/* comments */
	.commentlist li div .vcard img .avatar {
		padding:5px;
		left:7px;
		position:absolute;
		top:7px;
	}
	
	.commentlist li {
		margin:0 0 10px;
		padding:5px 10px;
		position:relative;
	}
	
	.commentlist li div.comment-meta {
		font-weight:bold;
		font-size:10px;
		line-height:16px;
		position:absolute;
		right:10px;
		text-align:right;
		top:5px;
	}
	
	#commentform input[type="text"],
	#commentform input[type="email"] {
		width:145px;
		padding-top:7px;
		padding-bottom:7px;
	}
	
	#commentform input[type="url"] {
		width:100%;
		padding-top:7px;
		padding-bottom:7px;
	}
	
	#commentform textarea {
		width:470px;
		display:block;
		padding-top:7px;
		padding-bottom:7px;
		height:150px;
	}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url  {
		width:150px;
		float:left;
	}

	.comment-form-cookies-consent {
		clear:both;
	}

	.form-submit {
		clear:both;
	}
	
	.comment-form-author,
	.comment-form-email	{
		margin-right:10px;
	}
	
	.comment-form-comment {
		clear:both;
		width:100%;
	}
	
	#comment {
		width:100%;
	}
	
	/* contact form */
	#contact-form {
		padding-top:10px;
	}

	#contact-form input[type="text"],
	#contact-form input[type="email"]{
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:5px;
	}
	
	#contact-form textarea {
		width:100%;
		display:block;
		padding-top:7px;
		padding-bottom:7px;
		height:150px;
	}

	.contact-form-author,
	.contact-form-email {
		width:47%;
		float:left;
	}

	.contact-form-author {
		margin-right:4%;
	}

	.contact-form-author input,
	.contact-form-email input,
	.contact-form-subject input {
		width:100%;
	}

	.contact-form-subject,
	.contact-form-message {
		clear:both;
		width:98%;
	}
	
	#sidebar #searchsubmit {
		padding-top:7px;
		padding-bottom:7px;
	}

	/* columns */
	.col2a,
	.col2b {
		float:left;
		width:47%;
	}
	
	.col2a {
		margin:0 4% 5px 0;
	}
	
	.col2b {
		margin:0 0 5px 0;
	}
	
	.col3a,
	.col3b,
	.col3c {
		float:left;
		width:30.6%;
	}
	
	.col3a,
	.col3b {
		margin:0 3.5% 5px 0;
	}
	
	.col3c {
		margin:0 0 5px 0;
	}
	
	.col4a,
	.col4b,
	.col4c,
	.col4d {
		width:22%;
		float:left;
	}
	
	.col4a,
	.col4b,
	.col4c {
		margin:0 3.5% 5px 0;
	}

	.col4d {
		margin:0 0 5px 0;
	}
}

/* Medium Resolution */
@media screen and (max-width: 799px) {

	#header-content-wrapper {
	    text-align: center;
	    padding-bottom:10px;
	}

	.cart-items-count {
		margin: -2px 0 0 -2px;
	}

	#header-logo {
		display:inline-block;
	}

	#site-identity h1 {
		margin-top:10px;
	}

	#header-top #header-phone {
		margin-right:10px;
	}


	#navmain ul ul {
		right:-99999px;
        	position:absolute;
	}

	#navmain .sub-menu-item-toggle {
		display:inline-block;
		padding:10px;
		float:right;
	}

	#navmain .sub-menu-item-toggle:before {
		font:16px 'FontAwesome';
		content:"\f107";
		width:20px;
		height:20px;
		padding:2px;
		line-height:1.4;
	}

	#navmain .sub-menu-item-toggle-expanded:before {
		content:"\f106";
	}

	#navmain ul.sub-menu > li > a {
		padding-left:25px;
	}

	#navmain ul.sub-menu ul.sub-menu > li > a {
		padding-left:50px;
	}

	.phone-and-email {
	    clear: both;
	    text-align: left;
	}
	
	h1 {
		font-size:24px;
	}

	.header-social-widget {
	    clear:both;
	    float:left;
	    margin:10px 0;
	}

	.header-social-widget li:first-of-type {
		margin-left:0;
	}
	
	.header-social-widget a {
		padding-bottom:4px;
	}
	
	.cart-contents-icon:hover {
		text-decoration:none !important;
	}
	
	#header-top {
		padding-top:20px;
	}
	
	.search-form-icon {
		float: right;
		font-size: 13px;
		position: absolute;
		right: 7%;
		top: 3px;
		visibility: visible !important;
		width: auto !important;
	}
	
	.search-form-icon:hover {
		text-decoration:none !important;
	}

	#hdrtop-searchform-subcontent {
		font-size:18px;
		letter-spacing:inherit;
	}

	#main-content,
	#main {
		float:none;
		clear:both;
		margin:0 2% 10px 2%;
		width:95%;
	}

	#sidebar {
		float:none;
		clear:both;
		margin:0 2% 10px 2%;
		width:95%;
	}
	
	#header-title {
		float:left;
		margin:0 0 0 10%;
	}

	#header-title div {
		float:left;
	}
	
	#header-title a {
		font-size:24px;
		text-shadow:2px 1px 1px #999;
	}

	#header-title img {
		float:left;
		margin:0;
	}

	#header-title strong {
		color:#444;
		font-weight:normal;
		display:block;
	}
	
	#navmain {
		cursor:pointer;
		float:left;
		margin-top:13px;
	}
	
	#navmain div.mobile-menu-expanded:before {
		content:"\f00d" !important;
	}
	
	#navmain div:first-of-type:before {
		font:16px 'FontAwesome';
		content:"\f0c9";
		margin:0 0 0 5%;
		color:#333333;
	}

	#navmain div {
		clear:both;
		text-align:left;
	}

	#navmain ul {
		padding:0;
	}

	#navmain div ul,
	#navmain div li {
		background-color: #FFFFFF;
	}
				
	#navmain div > ul {
		right:-99999px;
		list-style:none;
		margin:20px 0 0 -7%;
		padding:10px 7%;
		position:absolute;
		z-index:5000;
		overflow:hidden;
		width:100%;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
		box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
	}
	
	#navmain ul  li {
		position:relative;
		float:left;
		clear:both;
		width:100%;
	}
	
	#navmain ul a {
		white-space:nowrap;
		width:100%;
		display:block;
		padding:13px 0;
		-webkit-box-shadow: inset 0 -2px 2px -2px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0 -2px 2px -2px rgba(0, 0, 0, 0.25);
		box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.15) inset;

		font-weight:bold;
		text-transform: uppercase;
	}

	#navmain ul a:hover {
		color:#ca7101;
		border-top:none;
		border-right:none;
		border-left:none;
	}
	
	#page-header {
		padding:10px 2%;
	}
	
	#breadcrumbs {
		float:none;
		margin-top:0;
	}
	
	#page-header h1 {
		float:none;
		clear:both;
		margin-top:5px;
	}
	

	.separator {
		height:1px;
	}

	/* comments */
	.commentlist li div .vcard img .avatar {
		-moz-transform:scale(0.4);
		-webkit-transform:scale(0.4);
		transform:scale(0.4);
		-ms-transform: scale(0.4,0.4);
	}

	.commentlist li div .vcard img .avatar {
		padding:0;
		left:-10px;
		position:absolute;
		top:0;
	}

	.commentlist li {
		margin:0 1% 10px 0;
		padding:5px 3px 5px 10px;
		position:relative;
	}

	.commentlist li div .comment-meta {
		position:relative;
		text-align:right;
	}
	
	#commentform input[type="text"],
	#commentform input[type="email"],
	#commentform input[type="url"],
	#commentform textarea {
		width:300px;
		display:block;
	}
	
	#commentform textarea {
		height:150px;
	}
	
	.woocommerce-breadcrumb,
	.bbp-breadcrumb	{
		float:none !important;
		margin-top:0 !important;
	}
	
	input[type="submit"],
	button,
	.btn,
	#main .button {
		padding:6px 8px;
	}

	/* columns */
	.col2a,
	.col2b,
	.col3a,
	.col3b,
	.col3c,
	.col4a,
	.col4b,
	.col4c,
	.col4d {
		float:left;
		width:48%;
	}

	.col3c {
		margin: 0 auto !important;
		float: none;
		display: block;
	}
	
	.col2a,
	.col3a,
	.col3c,
	.col4a,
	.col4c {
		margin:0 4% 5px 0;
	}
	
	.col2b,
	.col3b,
	.col4b,
	.col4d {
		margin:0 0 5px 0;
	}

	.col3c,
	.col4c {
		clear:both;
	}

	#copyright {
		clear: both;
		text-align: center;
		margin-top:10px;
	}

	#fsocial {
		float:none;
		text-align:center;
		width:100%;
		max-width:100%;
	}

	#footer-phone-and-email {
		float:none;
		text-align:center;
		margin-top:10px;
	}

	.menu-footer_menu-container {
		text-align:center;
		margin-top:10px;
	}
}

/* Small Resolution */
@media screen and (max-width: 360px) {

	body {
		font-size: 16px;
	}

	#hdrtop-searchform-subcontent:before {
		width:30px;
		height:30px;
		line-height:30px;
		font-size:16px;
	}

	#hdrtop-searchform-subcontent {
		font-size:16px;
		letter-spacing:inherit;
	}


	.separator {
		height:1px;
	}
	
	/* comments */
	.commentlist li div .vcard img .avatar {
		-moz-transform:scale(0.4);
		-webkit-transform:scale(0.4);
		transform:scale(0.4);
		-ms-transform:scale(0.4,0.4);
	}

	.commentlist li div .vcard img .avatar {
		padding:0;
		left:-10px;
		position:absolute;
		top:0;
	}

	.commentlist li {
		margin:0 1% 10px 0;
		padding:5px 3px 5px 10px;
		position:relative;
	}

	.commentlist li div.comment-meta {
		position:relative;
		text-align:right;
	}
	
	#commentform input[type="text"],
	#commentform input[type="email"],
	#commentform input[type="url"],
	#commentform textarea {
		width:270px;
		display:block;
	}
	
	#commentform textarea {
		height:130px;
	}
	
	#contact-form input[type="text"],
	#contact-form input[type="email"],
	#contact-form input[type="url"],
	#contact-form textarea {
		width:96%;
	}

	.col1a,
	.col2a,
	.col2b,
	.col3a,
	.col3b,
	.col3c,
	.col4a,
	.col4b,
	.col4c,
	.col4d {
		float:none;
		width:96%;
		margin:0 2% 5px 2%;
	}
}

/* Extra-Large Resolution */
@media screen and (min-width: 1200px) {
	#page-header-content,
	#header-top-content,
	#header-content-wrapper {
		margin:0 auto;
		padding-top:10px;
	}

	#main-content-wrapper {
        padding-top:10px;
    }

	#top-widget-inner,
	#home-cols-inner,
	#bottom-widget-inner,
    #footer-content-wrapper,
    #footer-bottom-content-wrapper {
        margin:0 auto;
        width:950px;
    }

	
	#main-content,
	#main,
	#hdrtop-searchform-subcontent {
		margin-left:0;
	}
	
	#main-content-full {
		margin:0;
		width:auto;
	}
	
	#header-top-content,
	#header-content-wrapper,
	#top-widget,
	#home-cols, 
	.bottom-widget,
	.top-widget{
		padding-left:0;
		padding-right:0;
	}
	
	#sidebar {
		float:right;
		margin-right:0;
	}
	
	#breadcrumbs li:first-of-type,
	.woocommerce-breadcrumb a:first-of-type{
		margin-left:7px;
	}
	
	
	
	#footer-main,
	#footer-bottom-area {
		padding-left:0;
		padding-right:0;
	}
}

.social-share-icon {
	margin-right:10px;
    font-size:22px;
}


#map_canvas img,
#map_canvas_widget img {
	max-width:none;
}


[class*="image-effect"] .caption h3 {font-size: 17px;text-transform: uppercase;}
[class*="image-effect"] .caption p {font-size: 16px;line-height: normal;text-transform: uppercase;margin: 0;}
[class*="image-effect"] img {max-width: 100%;vertical-align: middle;border: 0;}
.link-wrap div {display: inline-block;}
.link-wrap .uk-icon-link, .link-wrap .uk-icon-link:focus, .link-wrap .uk-icon-link:hover {color: inherit;}

.tishonator-img-effect1 {position: relative;overflow: hidden;}
.tishonator-img-effect1 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tishonator-img-effect1:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.tishonator-img-effect1 .caption {position: absolute;bottom: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(50%);z-index: 10;text-align: center;width: 100%;}
.tishonator-img-effect1:after {left: 0;position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;}
.tishonator-img-effect1:hover:after {opacity: 1;}
.tishonator-img-effect1 .caption h3 {color: #fff;margin-bottom: 8px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.tishonator-img-effect1 .caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tishonator-img-effect1:hover .caption h3, 
.tishonator-img-effect1:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tishonator-img-effect1 .link-wrap {position: absolute;top: calc(50% - 30px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.tishonator-img-effect1 .link-wrap a {display: inline-block;height: 30px;width: 30px;line-height: 30px;background: #ca7101;text-align: center;color: #fff;font-size: 16px;opacity: 0;border-radius: 50%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tishonator-img-effect1 .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 5px;}
.tishonator-img-effect1 .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tishonator-img-effect1:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tishonator-img-effect1 .link-wrap a:hover {background:#b83806;}

.tishonator-img-effect19 {position: relative;overflow: hidden;}
.tishonator-img-effect19 img {-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tishonator-img-effect19:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);filter: blur(4px);}
.tishonator-img-effect19 .caption {position: absolute;bottom: 25%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;width: 100%;}
.tishonator-img-effect19:after {position: absolute;content: '';height: calc(100% - 40px);width: calc(100% - 40px);box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);background: rgba(0, 0, 0, 0.09);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.tishonator-img-effect19:hover:after {opacity: 1;}
.tishonator-img-effect19 .caption p {color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tishonator-img-effect19:hover .caption h3, 
.tishonator-img-effect19:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tishonator-img-effect19 .link-wrap {position: absolute;top: 40%;right: 50%;transform: translateX(50%) translateY(-40%);z-index: 10;}
.tishonator-img-effect19 .link-wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(0, 0, 0, 0.5);border-radius: 4px;text-align: center;color: #fff;font-size: 16px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tishonator-img-effect19 .link-wrap a:first-child {margin-right: 6px;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.tishonator-img-effect19 .link-wrap a:last-child {-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transition-duration: .7s;}
.tishonator-img-effect19:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tishonator-img-effect19 .link-wrap a:hover {background-color: rgb(0, 0, 0);}
.tishonator-img-effect19 .caption p, 
.tishonator-img-effect19:hover .caption h3 {-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: translateX(100%);}
.tishonator-img-effect19 .caption h3 {color: #fff;transition: all .5s ease-in-out;z-index: 1;padding: 12px;background-color: rgba(0, 0, 0, 0.4);width: 100%;margin: 0;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .tishonator-img-effect19:hover img {
    	opacity: 0.4;
    }
}


.tishonator-img-effect4 {position: relative;overflow: hidden;}
.tishonator-img-effect4 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tishonator-img-effect4:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.tishonator-img-effect4 .caption {position: absolute;bottom: 25%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;width: 100%;}
.tishonator-img-effect4:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;left: 0;}
.tishonator-img-effect4:hover:after {opacity: 1;}
.tishonator-img-effect4 .caption p {color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tishonator-img-effect4:hover .caption h3, 
.tishonator-img-effect4:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tishonator-img-effect4 .link-wrap {position: absolute;top: 40%;right: 50%;transform: translateX(50%) translateY(-40%);z-index: 10;}
.tishonator-img-effect4 .link-wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(0, 0, 0, 0.5);border-radius: 4px;text-align: center;color: #fff;font-size: 16px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tishonator-img-effect4 .link-wrap a:first-child {margin-right: 6px;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.tishonator-img-effect4 .link-wrap a:last-child {-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transition-duration: .7s;}
.tishonator-img-effect4:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tishonator-img-effect4 .link-wrap a:hover {background-color: rgb(0, 0, 0);}
.tishonator-img-effect4 .caption p, 
.tishonator-img-effect4:hover .caption h3 {-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.tishonator-img-effect4 .caption h3 {color: #fff;transition: all .5s ease-in-out;position: absolute;top: 50%;left: 0;right: 0;z-index: 1;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);display: inline-block;padding: 12px;background-color: rgba(0, 0, 0, 0.5);-webkit-transform-style: flat;transform-style: flat;}


/* Parallaxer */
@-webkit-keyframes keyframes-rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
@keyframes keyframes-rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
.tishoparallaxer.text-black {
  color: #222222; }

.tishoparallaxer.text-white {
  color: #ffffff; }

.tishoparallaxer:not(.mode-oneelement) {
  height: 300px;
  overflow: hidden;
  position: relative;
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .tishoparallaxer:not(.mode-oneelement) * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .tishoparallaxer:not(.mode-oneelement) .tishoparallaxer--target {
    position: relative; }
    .tishoparallaxer:not(.mode-oneelement) .tishoparallaxer--target > .vplayer {
      height: 100% !important; }
    .tishoparallaxer:not(.mode-oneelement) .tishoparallaxer--target > iframe[src*="vimeo"] {
      pointer-events: none; }
  .tishoparallaxer:not(.mode-oneelement) .tishoparallaxer--target.position-absolute {
    position: absolute;
    top: 0;
    left: 0; }
  .tishoparallaxer:not(.mode-oneelement) .tishoparallaxer--blackoverlay {
    position: absolute;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; }
  .tishoparallaxer:not(.mode-oneelement) .big-text {
    position: absolute;
    text-align: center;
    width: 80%;
    left: 10%;
    font-size: 40px;
    top: 70px;
    color: #eee;
    line-height: 1.5;
    opacity: 0.7; }
    .tishoparallaxer:not(.mode-oneelement) .big-text .smaller {
      font-size: 60%; }
  .tishoparallaxer:not(.mode-oneelement) > .container, .tishoparallaxer:not(.mode-oneelement) > .row, .tishoparallaxer:not(.mode-oneelement) > p, .tishoparallaxer:not(.mode-oneelement) > div {
    position: relative; }
  .tishoparallaxer:not(.mode-oneelement) .center-it {
  	opacity:1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
  .tishoparallaxer:not(.mode-oneelement) .center-it-bottom {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 10px;
    transform: translate(-50%, 0%); }
  .tishoparallaxer:not(.mode-oneelement) .center-it-top {
    position: absolute;
    left: 50%;
    bottom: auto;
    top: 10px;
    transform: translate(-50%, 0%); }
  .tishoparallaxer:not(.mode-oneelement) .center-it-vertically {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding: 10px; }
  .tishoparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"] {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%; }
    .tishoparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"] .display-block {
      display: block; }
  .tishoparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"].top {
    bottom: auto;
    top: 0; }
  .tishoparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"].flippedY {
    transform: scaleY(-1); }
  .tishoparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"].flippedX {
    transform: scaleX(-1); }
  .tishoparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"].flippedXY {
    transform: scale(-1, -1); }

.tishoparallaxer--aftermouse {
  position: relative; }

.tishoparallaxer.wait-readyall .tishoparallaxer--target {
  opacity: 0;
  transition-property: height, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-in; }

.big-prx-title {
  color: #fffcfc;
  font-weight: bold;
  font-family: "Lato", serif; }
  .big-prx-title + h2 {
    font-size: 40px;
    font-weight: bold; }

.tishoparallaxer.mode-oneelement {
  position: relative; }
  .tishoparallaxer.mode-oneelement.mouse-body-use-3d {
    perspective: 600px;
    transform-origin: top left;
    transform-style: preserve-3d; }

.tishoparallaxer-padding-con {
  position: relative; }
  .tishoparallaxer-padding-con > .tishoparallaxer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.tishoparallaxer.wait-readyall.dzsprx-readyall .tishoparallaxer--target {
  opacity: 1;
  visibility: visible; }

.tishoparallaxer .vp-inner .the-video {
  object-fit: cover; }

.tishoparallaxer.use-loading .tishoparallaxer--target {
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.7s;
  transition-timing-function: ease-in; }
.tishoparallaxer.use-loading .preloader-semicircles {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in; }
.tishoparallaxer.use-loading .horizontal-fog {
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.7s;
  transition-timing-function: ease-in; }
.tishoparallaxer.use-loading.loaded .horizontal-fog {
  opacity: 1;
  visibility: visible; }

.tishoparallaxer.simple-parallax.use-loading .tishoparallaxer--target {
  opacity: 0;
  visibility: hidden; }

.tishoparallaxer.height-is-based-on-content {
  height: auto;
  padding: 0; }
  .tishoparallaxer.height-is-based-on-content .dzs-container {
    padding: 45px 0; }
  .tishoparallaxer.height-is-based-on-content .tishoparallaxer--target {
    position: absolute;
    width: 100%; }
  .tishoparallaxer.height-is-based-on-content > div {
    position: relative; }

.tishoparallaxer > .parallaxer-content {
  pointer-events: none; }
  .tishoparallaxer > .parallaxer-content > * {
    pointer-events: auto; }

.tishoparallaxer:not(.height-is-based-on-content) > .parallaxer-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .tishoparallaxer:not(.height-is-based-on-content) > .parallaxer-content > .vc_row {
    color: #fffcfc;
    padding: 15px; }

.tishoparallaxer.use-loading.loaded .tishoparallaxer--target {
  opacity: 1;
  visibility: visible; }
.tishoparallaxer.use-loading.loaded .preloader-semicircles {
  transform: translate3d(0, -50px, 0);
  opacity: 0;
  visibility: hidden; }

.tishoparallaxer.allbody {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; }

.divimage {
  background-size: cover;
  background-position: center center; }
  .divimage.repeat-pattern {
    background-size: auto;
    background-position: top left; }

.tishoparallaxer.is-ie-11 .simple-parallax-inner {
  clip: auto; }
  .tishoparallaxer.is-ie-11 .simple-parallax-inner .divimage.tishoparallaxer--target {
    background-attachment: fixed;
    position: relative; }

.tishoparallaxer.simple-parallax {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }
  .tishoparallaxer.simple-parallax .simple-parallax-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(0, auto, auto, 0); }
  .tishoparallaxer.simple-parallax .tishoparallaxer--target {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
  .tishoparallaxer.simple-parallax .simple-parallax-inner.is-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: auto; }
    .tishoparallaxer.simple-parallax .simple-parallax-inner.is-image > .divimage {
      position: absolute;
      background-attachment: fixed;
      background-repeat: no-repeat; }
  .tishoparallaxer.simple-parallax.simple-parallax--is-only-image .simple-parallax-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: auto; }
    .tishoparallaxer.simple-parallax.simple-parallax--is-only-image .simple-parallax-inner > .divimage {
      position: absolute;
      background-attachment: fixed; }
  .tishoparallaxer.simple-parallax.simple-parallax--is-only-image.under-500 .simple-parallax-inner > .divimage {
    background-attachment: local; }
  .tishoparallaxer.simple-parallax.is-mobile .simple-parallax-inner.is-image {
    clip: rect(0, auto, auto, 0); }
    .tishoparallaxer.simple-parallax.is-mobile .simple-parallax-inner.is-image > .divimage {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-size: cover; }

.blur-it {
  filter: blur(20px);
  -webkit-filter: blur(20px); }

.tishoparallaxer div.semi-black-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#99000000',GradientType=0 ); }

.tishoparallaxer div.grey-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(50, 50, 50, 0.4); }

.tishoparallaxer div.paper-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(img/grey_wash_wall.jpg);
  opacity: 0.4; }

.radial-bg {
  position: absolute; }

.color-white {
  color: #fff; }

.row-inline {
  font-size: 0; }
  .row-inline > .col-md-6, .row-inline > .col-md-8, .row-inline > .col-md-4, .row-inline > .col-md-2 {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    float: none; }

.dzs-row-inline {
  font-size: 0; }
  .dzs-row-inline > .dzs-col-md-6 {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    float: none; }

@media (max-width: 992px) {
  .row-inline .col-md-6 {
    width: 100%;
    margin-bottom: 15px;
    padding: 0 30px 15px; } }
.separator-black-grey polygon, .separator-black-grey polyline, .separator-black-grey path {
  fill: #222; }

.separator-white-grey polygon, .separator-white-grey polyline, .separator-white-grey path {
  fill: #ddd; }

.dzs-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
  margin: 0 auto; }

.dzs-row {
  margin-right: -15px;
  margin-left: -15px; }
  .dzs-row + .dzs-row {
    margin-top: 15px; }
  .dzs-row:after {
    content: "";
    display: block;
    clear: both; }

.dzs-col {
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.dzs-col-md-6 {
  width: 50%;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

@-webkit-keyframes preloader-semicircles-tween {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
@keyframes preloader-semicircles-tween {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
.preloader-semicircles {
  width: 15px;
  height: 15px;
  background: rgba(230, 50, 50, 0.9);
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.7;
  visibility: visible;
  pointer-events: none;
  transform: translate3d(-50%, -50%, 0);
  animation: preloader-semicircles-tween 1.4s infinite linear;
  -webkit-animation: preloader-semicircles-tween 1.4s infinite linear; }

.mwrap-wrapper {
  overflow-x: hidden; }

body .tishoparallaxer .preloader-semicircles {
  position: absolute; }

.preloader-semicircles:after {
  position: absolute;
  width: 25px;
  height: 25px;
  border-top: 5px solid #c83232;
  border-bottom: 5px solid #c83232;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-radius: 25px;
  content: '';
  top: -10px;
  left: -10px;
  box-sizing: content-box; }

.center-it {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.dzs-colcontainer {
  margin-left: -15px;
  margin-right: -15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.dzs-colcontainer-w {
  width: 1230px;
  padding: 0 30px;
  max-width: 100%;
  min-height: 1px; }

.dzs-colcontainer.row-inline {
  font-size: 0; }
  .dzs-colcontainer.row-inline *[class*="dzs-col-"] {
    float: none;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle; }

.dzs-colcontainer:after {
  display: block;
  content: "";
  clear: both; }

*[class*="dzs-col-"] {
  float: left;
  padding-left: 15px;
  padding-right: 15px; }

.dzs-col-3 {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px; }

.dzs-col-4 {
  width: 33.3%;
  padding-left: 15px;
  padding-right: 15px; }

.dzs-col-8 {
  width: 66.6%;
  padding-left: 15px;
  padding-right: 15px; }

.dzs-col-6 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px; }

.dzs-col-12 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

.tishoparallaxer--team-members-con {
  width: 70%;
  max-width: 1100px;
  margin: 0 auto; }

.tishoparallaxer.under-760 .tishoparallaxer--team-members-con {
  width: 100%; }

.tishoparallaxer--team-member-con {
  text-align: center; }
  .tishoparallaxer--team-member-con img {
    max-width: 100%; }
  .tishoparallaxer--team-member-con .team-member--title {
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
    line-height: 1;
    font-size: 15px; }
  .tishoparallaxer--team-member-con .team-member--subtitle {
    opacity: 0.5;
    margin-top: 10px;
    line-height: 1.5;
    background-color: #FFFFFF;
    color: #111;
    padding: 5px; }

.center-it {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.black-leg-bar {
  height: 2px;
  left: -20px;
  background-color: #222222;
  width: 40px; }

.white-leg-bar {
  height: 2px;
  left: -20px;
  background-color: #ffffff;
  width: 40px; }

.light-grey-box, .lighter-grey-box, .dark-grey-box, .darker-grey-box, .white-white-box, .blue-box {
  background-color: #ccc;
  color: #222;
  padding: 20px;
  font-size: 17px;
  line-height: 1.8; }

.dark-grey-box {
  background-color: #444444;
  color: #ffffff; }

.blue-box {
  background-color: #426570;
  color: #ffffff; }

.darker-grey-box {
  background-color: #333;
  color: #ffffff; }

.lighter-grey-box {
  background-color: #dddddd; }

.offset-left-10px {
  margin-left: -10px; }

.offset-right-10px {
  margin-right: -10px; }

.white-white-box {
  background-color: #ffffff;
  color: #444444; }
  .white-white-box > * {
    color: #444444; }

.tishoparallaxer.blockquote-box {
  padding: 25px 30px 20px;
  font-size: 23px;
  font-weight: 300;
  font-style: italic; }
  .tishoparallaxer.blockquote-box p:last-child {
    margin-bottom: 0; }

.tishoparallaxer.blockquote-box:before, .tishoparallaxer.blockquote-box:after {
  content: "";
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve"> <g> <path d="M13.645,8.35c-2.256,2.016-3.384,4.068-3.384,6.156c0,2.088,0.864,3.733,2.592,4.932c-0.048,1.152-0.444,2.124-1.188,2.916 c-0.745,0.792-1.645,1.188-2.7,1.188c-2.64,0-3.96-1.439-3.96-4.319c0-1.968,0.731-4.115,2.196-6.444 c1.464-2.328,3.348-4.14,5.651-5.436L13.645,8.35z M24.085,8.35c-2.257,2.016-3.384,4.068-3.384,6.156 c0,2.088,0.864,3.733,2.592,4.932c-0.049,1.152-0.444,2.124-1.188,2.916c-0.745,0.792-1.646,1.188-2.7,1.188 c-2.641,0-3.96-1.439-3.96-4.319c0-1.968,0.73-4.115,2.195-6.444c1.464-2.328,3.349-4.14,5.652-5.436L24.085,8.35z"/> </g> </svg>');
  position: absolute;
  top: 5px;
  left: 5px;
  width: 22px;
  height: 22px;
  opacity: 0.5; }

.tishoparallaxer.mode-horizontal .tishoparallaxer--target {
  position: absolute; }
.tishoparallaxer.mode-horizontal .cloner {
  width: 100%; }
.tishoparallaxer.mode-horizontal .tishoparallaxer--target-con {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  min-width: 100%; }
.tishoparallaxer.mode-horizontal.loaded .tishoparallaxer--target {
  animation: slideshow 25s linear infinite; }

.horizontal-fog {
  position: absolute !important;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background-image: url(img/fog_clouds_png_by_paradise234-d5czivb.png);
  animation: slideshow 25s linear infinite;
  background-size: cover; }
  .horizontal-fog.clone {
    left: -100%; }

@keyframes slideshow {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }
.tishoparallaxer.animation-engine-css .tishoparallaxer--target {
  transition-property: opacity, visibility,transform;
  transition-duration: 0.1s;
  transition-timing-function: ease-in; }

.perspective800 {
  perspective: 100px; }

.tishoparallaxer.blockquote-box:after {
  content: "";
  top: auto;
  left: auto;
  right: 5px;
  bottom: 5px;
  transform: scaleX(-1); }

.tishoparallaxer.tishoparallaxer-row-start > *:not(.tishoparallaxer--target) {
  color: #fffcfc;
  padding: 15px; }

.text-align-left:not(.a) {
  text-align: left; }

.text-align-center:not(.a) {
  text-align: center; }

.text-style-whitebg {
  background-color: rgba(255, 255, 255, 0.5);
  color: #444444;
  font-weight: bold;
  font-size: 12px;
  padding: 10px 15px; }

.parallax-layer {
  position: absolute !important;
  max-width: 40%; }
  .parallax-layer.position-top-left {
    top: 0;
    left: 0; }
  .parallax-layer.position-top-center {
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0); }
  .parallax-layer.position-top-right {
    top: 0;
    left: auto;
    right: 0; }
  .parallax-layer.position-center-left {
    top: 50%;
    left: 0;
    transform: translate3d(0%, -50%, 0); }
  .parallax-layer.position-center-center {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }
  .parallax-layer.position-center-right {
    top: 50%;
    left: auto;
    right: 0;
    transform: translate3d(0%, -50%, 0); }
  .parallax-layer.position-bottom-left {
    top: auto;
    bottom: 0;
    left: 0; }
  .parallax-layer.position-bottom-center {
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0%, 0); }
  .parallax-layer.position-bottom-right {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0; }
  .parallax-layer .parallax-layer--inner {
    position: relative; }
  .parallax-layer .parallax-layer--media {
    max-width: 100%; }

.position-relative {
  position: relative; }

.mode-oneelement .vc_single_image-img {
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); }

@media all and (min-width: 900px) {
  .position-absolute-desktop {
    position: absolute; }

  .left60perc-desktop {
    left: 60%; }

  .left40perc-desktop {
    left: 40%; }

  .top40perc-desktop {
    top: 40%; }

  .top10perc-desktop {
    top: 10%; } }
.tishoparallaxer.parallaxer-loading-transition--wipe {
  overflow: hidden;
  max-width: 0.1%;
  transform: translate3d(-40px, 0, 0);
  transition-property: max-width, height, transform;
  transition-duration: 0.75s;
  transition-timing-function: ease-out; }
  .tishoparallaxer.parallaxer-loading-transition--wipe.loaded-transition-it {
    max-width: 100%;
    transform: translate3d(0px, 0, 0); }

.container-absolute:not(.a):not(.b) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }

.tishoparallaxer.parallaxer-loading-transition--scaleup {
  opacity: 0;
  transform: scale(0.8);
  transition-property: max-width, height, transform, opacity;
  transition-duration: 0.75s;
  transition-timing-function: ease-out; }
  .tishoparallaxer.parallaxer-loading-transition--scaleup.loaded-transition-it {
    opacity: 1;
    transform: scale(1); }

.tishoparallaxer:not(.height-is-based-on-content) > .fullwidth.fullheight {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mode-oneelement .vc_single_image-img {
  box-shadow: none !important;
}

/*!
 * animsition
 */
.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/**
 * overlay option
 */
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
/* loading option */
.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-name: animsition-loading;
          animation-name: animsition-loading;
}

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.fade-in {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
}


@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.fade-out {
  -webkit-animation-name: fade-out;
          animation-name: fade-out;
}
@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.fade-in-up {
  -webkit-animation-name: fade-in-up;
          animation-name: fade-in-up;
}


@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    opacity: 0;
  }
}


@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    opacity: 0;
  }
}


.fade-out-up {
  -webkit-animation-name: fade-out-up;
          animation-name: fade-out-up;
}
@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
          animation-name: fade-in-up-sm;
}


@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
}


@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
}


.fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
          animation-name: fade-out-up-sm;
}
@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
          animation-name: fade-in-up-lg;
}


@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}


@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}


.fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
          animation-name: fade-out-up-lg;
}
@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.fade-in-down {
  -webkit-animation-name: fade-in-down;
          animation-name: fade-in-down;
}


@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    opacity: 0;
  }
}


@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    opacity: 0;
  }
}


.fade-out-down {
  -webkit-animation-name: fade-out-down;
          animation-name: fade-out-down;
}
@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
          animation-name: fade-in-down-sm;
}


@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
}


@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
}


.fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
          animation-name: fade-out-down-sm;
}
@-webkit-keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
          animation-name: fade-in-down;
}


@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
}


@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
}


.fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
          animation-name: fade-out-down-lg;
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
            transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
            transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.fade-in-left {
  -webkit-animation-name: fade-in-left;
          animation-name: fade-in-left;
}


@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
            transform: translateX(-500px);
    opacity: 0;
  }
}


@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
            transform: translateX(-500px);
    opacity: 0;
  }
}


.fade-out-left {
  -webkit-animation-name: fade-out-left;
          animation-name: fade-out-left;
}
@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
          animation-name: fade-in-left-sm;
}


@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
}


@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
}


.fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
          animation-name: fade-out-left-sm;
}
@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
            transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
            transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
          animation-name: fade-in-left-lg;
}


@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
            transform: translateX(-1500px);
    opacity: 0;
  }
}


@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
            transform: translateX(-1500px);
    opacity: 0;
  }
}


.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
          animation-name: fade-out-left-lg;
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
            transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
            transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.fade-in-right {
  -webkit-animation-name: fade-in-right;
          animation-name: fade-in-right;
}


@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
            transform: translateX(500px);
    opacity: 0;
  }
}


@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
            transform: translateX(500px);
    opacity: 0;
  }
}


.fade-out-right {
  -webkit-animation-name: fade-out-right;
          animation-name: fade-out-right;
}
@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
          animation-name: fade-in-right-sm;
}


@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
}


@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
}


.fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
          animation-name: fade-out-right-sm;
}
@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
            transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
            transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
          animation-name: fade-in-right-lg;
}


@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
            transform: translateX(1500px);
    opacity: 0;
  }
}


@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
            transform: translateX(1500px);
    opacity: 0;
  }
}


.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
          animation-name: fade-out-right-lg;
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
}

@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
}


.rotate-in {
  -webkit-animation-name: rotate-in;
          animation-name: rotate-in;
}


@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
}


@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
}


.rotate-out {
  -webkit-animation-name: rotate-out;
          animation-name: rotate-out;
}
@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
}


.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
          animation-name: rotate-in-sm;
}


@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
}


@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
}


.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
          animation-name: rotate-out-sm;
}
@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
}


.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
          animation-name: rotate-in-lg;
}


@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
}


@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
  }
}


.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
          animation-name: rotate-out-lg;
}

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
            transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
            transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
            transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
            transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}


.flip-in-x {
  -webkit-animation-name: flip-in-x;
          animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}


@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
            transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
            transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}


@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
            transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
            transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}


.flip-out-x {
  -webkit-animation-name: flip-out-x;
          animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
            transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
            transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
            transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
            transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}


.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
          animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}


@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
            transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
            transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}


@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
            transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
            transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}


.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
          animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}


.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
          animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}


@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}


@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}


.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
          animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
            transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
            transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
            transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
            transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}


.flip-in-y {
  -webkit-animation-name: flip-in-y;
          animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}


@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
            transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
            transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}


@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
            transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
            transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}


.flip-out-y {
  -webkit-animation-name: flip-out-y;
          animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
            transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
            transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
            transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
            transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}


.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
          animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}


@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
            transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
            transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}


@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
            transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
            transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}


.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
          animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
            transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
            transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}


.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
          animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}


@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
            transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}


@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
            transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}


.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
          animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(.7);
            transform: scale(.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(.7);
            transform: scale(.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.zoom-in {
  -webkit-animation-name: zoom-in;
          animation-name: zoom-in;
}


@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(.7);
            transform: scale(.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(.7);
            transform: scale(.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.zoom-out {
  -webkit-animation-name: zoom-out;
          animation-name: zoom-out;
}
@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(.95);
            transform: scale(.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(.95);
            transform: scale(.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
          animation-name: zoom-in-sm;
}


@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(.95);
            transform: scale(.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(.95);
            transform: scale(.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
          animation-name: zoom-out-sm;
}
@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(.4);
            transform: scale(.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(.4);
            transform: scale(.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
          animation-name: zoom-in-lg;
}


@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(.4);
            transform: scale(.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(.4);
            transform: scale(.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
          animation-name: zoom-out-lg;
}

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}

@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}


.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
          animation-name: overlay-slide-in-top;
}


@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}


@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}


.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
          animation-name: overlay-slide-out-top;
}
@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}


.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
          animation-name: overlay-slide-in-bottom;
}


@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}


@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}


.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
          animation-name: overlay-slide-out-bottom;
}
@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}


.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
          animation-name: overlay-slide-in-left;
}


@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
          animation-name: overlay-slide-out-left;
}
@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}


.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
          animation-name: overlay-slide-in-right;
}


@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
          animation-name: overlay-slide-out-right;
}

/**
 * Slider classes
 */
.slide-title {
	color:#222222;
}

.slide-text {
	color:#222222;
	font-size: 20px;
}

.slide-text p {
	line-height:1.3 !important;
}

.slide-button {
	color:#FFFFFF;
	border-color:#FFFFFF;
	font-size: 18px;
	border:2px solid;
	padding:7px 12px;
	border-radius:5px;
	display:inline-block;
	margin-top:10px;
}

.slide-button:hover {
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	text-decoration: none !important;
}

.slide-button:hover span {
	color:#FFFFFF;
}


#debungcontrolls,
.debugtimeline {
    width: 100%;
    box-sizing: border-box
}

.rev_column,
.rev_column .tp-parallax-wrap,
.tp-svg-layer svg {
    vertical-align: top
}

#debungcontrolls {
    z-index: 100000;
    position: fixed;
    bottom: 0;
    height: auto;
    background: rgba(0, 0, 0, .6);
    padding: 10px
}

.tp-caption span {
	line-height:18px !important;
}

.debugtimeline {
    height: 10px;
    position: relative;
    margin-bottom: 3px;
    display: none;
    white-space: nowrap
}

.debugtimeline:hover {
    height: 15px
}

.the_timeline_tester {
    background: #e74c3c;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0
}

.rs-go-fullscreen {
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
    z-index: 9999999!important;
    background: #fff!important
}

.debugtimeline.tl_slide .the_timeline_tester {
    background: #f39c12
}

.debugtimeline.tl_frame .the_timeline_tester {
    background: #3498db
}

.debugtimline_txt {
    color: #fff;
    font-weight: 400;
    font-size: 7px;
    position: absolute;
    left: 10px;
    top: 0;
    white-space: nowrap;
    line-height: 10px
}

.rtl {
    direction: rtl
}

.rev_slider_wrapper {
    position: relative;
    z-index: 0;
    width: 100%
}

.rev_slider {
    position: relative;
    overflow: visible
}

.entry-content .rev_slider a,
.rev_slider a {
    box-shadow: none;
    background:unset;
}

.tp-overflow-hidden {
    overflow: hidden!important
}

.group_ov_hidden {
    overflow: hidden
}

.rev_slider img,
.tp-simpleresponsive img {
    max-width: none!important;
    transition: none;
    margin: 0;
    padding: 0;
    border: none
}

.rev_slider .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px
}

.rev_slider>ul,
.rev_slider>ul>li,
.rev_slider>ul>li:before,
.rev_slider_wrapper>ul,
.tp-revslider-mainul>li,
.tp-revslider-mainul>li:before,
.tp-simpleresponsive>ul,
.tp-simpleresponsive>ul>li,
.tp-simpleresponsive>ul>li:before {
    list-style: none!important;
    position: absolute;
    margin: 0!important;
    padding: 0!important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none;
    background-position: 0 0;
    text-indent: 0;
    top: 0;
    left: 0
}

.rev_slider>ul>li,
.rev_slider>ul>li:before,
.tp-revslider-mainul>li,
.tp-revslider-mainul>li:before,
.tp-simpleresponsive>ul>li,
.tp-simpleresponsive>ul>li:before {
    visibility: hidden
}

.tp-revslider-mainul,
.tp-revslider-slidesli {
    padding: 0!important;
    margin: 0!important;
    list-style: none!important
}

.fullscreen-container,
.fullwidthbanner-container {
    padding: 0;
    position: relative
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute!important
}

.tp-caption .rs-untoggled-content {
    display: block
}

.tp-caption .rs-toggled-content {
    display: none
}

.rs-toggle-content-active.tp-caption .rs-toggled-content {
    display: block
}

.rs-toggle-content-active.tp-caption .rs-untoggled-content {
    display: none
}

.rev_slider .caption,
.rev_slider .tp-caption {
    position: relative;
    visibility: hidden;
    white-space: nowrap;
    display: block;
    -webkit-font-smoothing: antialiased!important;
    z-index: 1
}

.rev_slider .caption,
.rev_slider .tp-caption,
.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap:last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap:last-child {
    margin-bottom: 0
}

.tp-svg-layer svg {
    width: 100%;
    height: 100%;
    position: relative
}

.tp-carousel-wrapper {
    cursor: url('./images/openhand.cur'), move
}

.tp-carousel-wrapper.dragged {
    cursor: url('./images/closedhand.cur'), move
}

.tp_inner_padding {
    box-sizing: border-box;
    max-height: none!important
}

.tp-caption.tp-layer-selectable {
    -moz-user-select: all;
    -khtml-user-select: all;
    -webkit-user-select: all;
    -o-user-select: all
}

.tp-caption.tp-hidden-caption,
.tp-forcenotvisible,
.tp-hide-revslider,
.tp-parallax-wrap.tp-hidden-caption {
    visibility: hidden!important;
    display: none!important
}

.rev_slider audio,
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
    max-width: none!important
}

.tp-element-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.tp-blockmask,
.tp-blockmask_in,
.tp-blockmask_out {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    transform: scaleX(0) scaleY(0)
}

.tp-parallax-wrap {
    transform-style: preserve-3d
}

.rev_row_zone {
    position: absolute;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    min-height: 50px;
    font-size: 0
}

.rev_column_inner,
.rev_slider .tp-caption.rev_row {
    position: relative;
    width: 100%!important;
    box-sizing: border-box
}

.rev_row_zone_top {
    top: 0
}

.rev_row_zone_middle {
    top: 50%;
    transform: translateY(-50%)
}

.rev_row_zone_bottom {
    bottom: 0
}

.rev_slider .tp-caption.rev_row {
    display: table;
    table-layout: fixed;
    vertical-align: top;
    height: auto!important;
    font-size: 0
}

.rev_column {
    display: table-cell;
    position: relative;
    height: auto;
    box-sizing: border-box;
    font-size: 0
}

.rev_column_inner {
    display: block;
    height: auto!important;
    white-space: normal!important
}

.rev_column_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    box-sizing: border-box;
    background-clip: content-box;
    border: 0 solid transparent
}

.tp-caption .backcorner,
.tp-caption .backcornertop,
.tp-caption .frontcorner,
.tp-caption .frontcornertop {
    height: 0;
    top: 0;
    width: 0;
    position: absolute
}

.rev_column_inner .tp-loop-wrap,
.rev_column_inner .tp-mask-wrap,
.rev_column_inner .tp-parallax-wrap {
    text-align: inherit
}

.rev_column_inner .tp-mask-wrap {
    display: inline-block
}

.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
    position: relative!important;
    left: auto!important;
    top: auto!important;
    line-height: 0
}

.tp-video-play-button,
.tp-video-play-button i {
    line-height: 50px!important;
    vertical-align: top;
    text-align: center
}

.rev_column_inner .rev_layer_in_column,
.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
    vertical-align: top
}

.rev_break_columns {
    display: block!important
}

.rev_break_columns .tp-parallax-wrap.rev_column {
    display: block!important;
    width: 100%!important
}

.fullwidthbanner-container {
    overflow: hidden
}

.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative
}

.tp-static-layers {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0
}

.tp-caption .frontcorner {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00A8FF;
    left: -40px
}

.tp-caption .backcorner {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    right: 0
}

.tp-caption .frontcornertop {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00A8FF;
    left: -40px
}

.tp-caption .backcornertop {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    right: 0
}

.tp-layer-inner-rotation {
    position: relative!important
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.caption.fullscreenvideo,
.rs-background-video-layer,
.tp-caption.coverscreenvideo,
.tp-caption.fullscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.noFilterClass {
    filter: none!important
}

.rs-background-video-layer {
    visibility: hidden;
    z-index: 0
}

.caption.fullscreenvideo audio,
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe audio,
.tp-caption.fullscreenvideo iframe video {
    width: 100%!important;
    height: 100%!important;
    display: none
}

.fullcoveredvideo audio,
.fullscreenvideo audio .fullcoveredvideo video,
.fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.videoisplaying .html5vid .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    margin-top: -25px;
    margin-left: -25px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    display: inline-block;
    z-index: 4;
    opacity: 0;
    transition: opacity .3s ease-out!important
}

.tp-audio-html5 .tp-video-play-button,
.tp-hiddenaudio {
    display: none!important
}

.tp-caption .html5vid {
    width: 100%!important;
    height: 100%!important
}

.tp-video-play-button i {
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 40px!important
}

.rs-fullvideo-cover,
.tp-dottedoverlay,
.tp-shadowcover {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.tp-caption:hover .tp-video-play-button {
    opacity: 1;
    display: block
}

.tp-caption .tp-revstop {
    display: none;
    border-left: 5px solid #fff!important;
    border-right: 5px solid #fff!important;
    margin-top: 15px!important;
    line-height: 20px!important;
    vertical-align: top;
    font-size: 25px!important
}

.tp-seek-bar,
.tp-video-button,
.tp-volume-bar {
    outline: 0;
    line-height: 12px;
    margin: 0;
    cursor: pointer
}

.videoisplaying .revicon-right-dir {
    display: none
}

.videoisplaying .tp-revstop {
    display: inline-block
}

.videoisplaying .tp-video-play-button {
    display: none
}

.fullcoveredvideo .tp-video-play-button {
    display: none!important
}

.fullscreenvideo .fullscreenvideo audio,
.fullscreenvideo .fullscreenvideo video {
    object-fit: contain!important
}

.fullscreenvideo .fullcoveredvideo audio,
.fullscreenvideo .fullcoveredvideo video {
    object-fit: cover!important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    transition: opacity .3s;
    background-image: linear-gradient(to bottom, #000 13%, #323232 100%);
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.rev-btn.rev-hiddenicon i,
.rev-btn.rev-withicon i {
    transition: all .2s ease-out!important;
    font-size: 15px
}

.tp-caption:hover .tp-video-controls {
    opacity: .9
}

.tp-video-button {
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    padding: 0
}

.tp-video-button:hover {
    cursor: pointer
}

.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-seek-bar,
.tp-volume-bar {
    width: 100%;
    padding: 0
}

.rs-fullvideo-cover {
    width: 100%;
    background: 0 0;
    z-index: 5
}

.disabled_lc .tp-video-play-button,
.rs-background-video-layer audio::-webkit-media-controls,
.rs-background-video-layer video::-webkit-media-controls,
.rs-background-video-layer video::-webkit-media-controls-start-playback-button {
    display: none!important
}

.tp-audio-html5 .tp-video-controls {
    opacity: 1!important;
    visibility: visible!important
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    z-index: 3
}

.tp-dottedoverlay.twoxtwo {
    background: url('./images/gridtile.png')
}

.tp-dottedoverlay.twoxtwowhite {
    background: url('./images/gridtile_white.png')
}

.tp-dottedoverlay.threexthree {
    background: url('./images/gridtile_3x3.png')
}

.tp-dottedoverlay.threexthreewhite {
    background: url('./images/gridtile_3x3_white.png')
}

.tp-shadowcover {
    width: 100%;
    background: #fff;
    z-index: -1
}

.tp-shadow1 {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8)
}

.tp-shadow2:after,
.tp-shadow2:before,
.tp-shadow3:before,
.tp-shadow4:after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: 0 0;
    box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
    transform: rotate(-3deg)
}

.tp-shadow2:after,
.tp-shadow4:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.tp-shadow5 {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.tp-shadow5:after,
.tp-shadow5:before {
    content: "";
    position: absolute;
    z-index: -2;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
    top: 30%;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-radius: 100px/20px
}

.tp-button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6)!important;
    font-size: 15px;
    line-height: 45px!important;
    font-family: arial, sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none
}

.tp-button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px!important
}

.purchase:hover,
.tp-button.big:hover,
.tp-button:hover {
    background-position: bottom, 15px 11px
}

.purchase.green,
.purchase:hover.green,
.tp-button.green,
.tp-button:hover.green {
    background-color: #21a117;
    box-shadow: 0 3px 0 0 #104d0b
}

.purchase.blue,
.purchase:hover.blue,
.tp-button.blue,
.tp-button:hover.blue {
    background-color: #1d78cb;
    box-shadow: 0 3px 0 0 #0f3e68
}

.purchase.red,
.purchase:hover.red,
.tp-button.red,
.tp-button:hover.red {
    background-color: #cb1d1d;
    box-shadow: 0 3px 0 0 #7c1212
}

.purchase.orange,
.purchase:hover.orange,
.tp-button.orange,
.tp-button:hover.orange {
    background-color: #f70;
    box-shadow: 0 3px 0 0 #a34c00
}

.purchase.darkgrey,
.purchase:hover.darkgrey,
.tp-button.darkgrey,
.tp-button.grey,
.tp-button:hover.darkgrey,
.tp-button:hover.grey {
    background-color: #555;
    box-shadow: 0 3px 0 0 #222
}

.purchase.lightgrey,
.purchase:hover.lightgrey,
.tp-button.lightgrey,
.tp-button:hover.lightgrey {
    background-color: #888;
    box-shadow: 0 3px 0 0 #555
}

.rev-btn,
.rev-btn:visited {
    outline: 0!important;
    box-shadow: none!important;
    text-decoration: none!important;
    line-height: 44px;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 35px;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    cursor: pointer
}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 900
}

.rev-btn.rev-withicon i {
    font-weight: 400;
    position: relative;
    top: 0;
    margin-left: 10px!important
}

.rev-btn.rev-hiddenicon i {
    font-weight: 400;
    position: relative;
    top: 0;
    opacity: 0;
    margin-left: 0!important;
    width: 0!important
}

.rev-btn.rev-hiddenicon:hover i {
    opacity: 1!important;
    margin-left: 10px!important;
    width: auto!important
}

.rev-btn.rev-medium,
.rev-btn.rev-medium:visited {
    line-height: 36px;
    font-size: 14px;
    padding: 10px 30px
}

.rev-btn.rev-medium.rev-hiddenicon i,
.rev-btn.rev-medium.rev-withicon i {
    font-size: 14px;
    top: 0
}

.rev-btn.rev-small,
.rev-btn.rev-small:visited {
    line-height: 28px;
    font-size: 12px;
    padding: 7px 20px
}

.rev-btn.rev-small.rev-hiddenicon i,
.rev-btn.rev-small.rev-withicon i {
    font-size: 12px;
    top: 0
}

.rev-maxround {
    border-radius: 30px
}

.rev-minround {
    border-radius: 3px
}

.rev-burger {
    position: relative;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0 0 14px;
    border-radius: 50%;
    border: 1px solid rgba(51, 51, 51, .25);
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.rev-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    transition: .7s;
    pointer-events: none;
    transform-style: flat!important
}

.rev-burger.revb-white span,
.rev-burger.revb-whitenoborder span {
    background: #fff
}

.rev-burger span:nth-child(2) {
    margin: 3px 0
}

#dialog_addbutton .rev-burger:hover:first-child,
.open .rev-burger:first-child,
.open.rev-burger:first-child {
    transform: translateY(6px) rotate(-45deg)
}

#dialog_addbutton .rev-burger:hover:nth-child(2),
.open .rev-burger:nth-child(2),
.open.rev-burger:nth-child(2) {
    transform: rotate(-45deg);
    opacity: 0
}

#dialog_addbutton .rev-burger:hover:last-child,
.open .rev-burger:last-child,
.open.rev-burger:last-child {
    transform: translateY(-6px) rotate(-135deg)
}

.rev-burger.revb-white {
    border: 2px solid rgba(255, 255, 255, .2)
}

.rev-burger.revb-darknoborder,
.rev-burger.revb-whitenoborder {
    border: 0
}

.rev-burger.revb-darknoborder span {
    background: #333
}

.rev-burger.revb-whitefull {
    background: #fff;
    border: none
}

.rev-burger.revb-whitefull span {
    background: #333
}

.rev-burger.revb-darkfull {
    background: #333;
    border: none
}

.rev-burger.revb-darkfull span,
.rev-scroll-btn.revs-fullwhite {
    background: #fff
}

@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}

.rev-scroll-btn {
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    width: 35px;
    height: 55px;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 23px
}

.rev-scroll-btn>* {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px
}

.rev-scroll-btn>.active,
.rev-scroll-btn>:focus,
.rev-scroll-btn>:hover {
    color: #fff
}

.rev-scroll-btn>.active,
.rev-scroll-btn>:active,
.rev-scroll-btn>:focus,
.rev-scroll-btn>:hover {
    opacity: .8
}

.rev-scroll-btn.revs-fullwhite span {
    background: #333
}

.rev-scroll-btn.revs-fulldark {
    background: #333;
    border: none
}

.rev-scroll-btn.revs-fulldark span,
.tp-bullet {
    background: #fff
}

.rev-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #fff;
    border-radius: 50%;
    animation: rev-ani-mouse 2.5s linear infinite
}

.rev-scroll-btn.revs-dark {
    border-color: #333
}

.rev-scroll-btn.revs-dark span {
    background: #333
}

.rev-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #FFF;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: rgba(0, 0, 0, .5);
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    cursor: pointer
}

.rev-cbutton-dark-sr,
.rev-cbutton-light-sr {
    border-radius: 3px
}

.rev-cbutton-light,
.rev-cbutton-light-sr {
    color: #333;
    background-color: rgba(255, 255, 255, .75)
}

.rev-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px
}

.rev-sbutton-blue {
    background-color: #3B5998
}

.rev-sbutton-lightblue {
    background-color: #00A0D1
}

.rev-sbutton-red {
    background-color: #DD4B39
}

.tp-bannertimer {
    visibility: hidden;
    width: 100%;
    height: 5px;
    background: #000;
    background: rgba(0, 0, 0, .15);
    position: absolute;
    z-index: 200;
    top: 0
}

.tp-bannertimer.tp-bottom {
    top: auto;
    bottom: 0!important;
    height: 5px
}

.tp-caption img {
    background: 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url('./images/coloredbg.png')
}

.tp-caption.slidelink a span {
    background: url('./images/coloredbg.png')
}

.tp-shape {
    width: 100%;
    height: 100%
}

.tp-caption .rs-starring {
    display: inline-block
}

.tp-caption .rs-starring .star-rating {
    float: none;
    display: inline-block;
    vertical-align: top;
    color: #FFC321!important
}

.tp-caption .rs-starring .star-rating,
.tp-caption .rs-starring-page .star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    font-family: star;
    font-size: 1em!important
}

.tp-loader.spinner0,
.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.tp-caption .rs-starring .star-rating:before,
.tp-caption .rs-starring-page .star-rating:before {
    content: "\73\73\73\73\73";
    color: #E0DADF;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.tp-caption .rs-starring .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 1em!important
}

.tp-caption .rs-starring .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    background-position: center center
}

.tp-loader.spinner5 {
    background-position: 10px 10px;
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    animation: tp-scaleout 1s infinite ease-in-out
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1);
        opacity: 0
    }
}

.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    display: inline-block;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.tp-loader.spinner3 .bounce1 {
    animation-delay: -.32s
}

.tp-loader.spinner3 .bounce2 {
    animation-delay: -.16s
}

@keyframes tp-bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    animation: tp-rotate 2s infinite linear
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes tp-bounce {
    0%,
    100% {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}

.tp-bullets.navbar,
.tp-tabs.navbar,
.tp-thumbs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0
}

.tp-bullets,
.tp-tabs,
.tp-thumbs {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0
}

.tp-tab,
.tp-thumb {
    cursor: pointer;
    position: absolute;
    opacity: .5;
    box-sizing: border-box
}

.tp-arr-imgholder,
.tp-tab-image,
.tp-thumb-image,
.tp-videoposter {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.tp-tab.selected,
.tp-tab:hover,
.tp-thumb.selected,
.tp-thumb:hover {
    opacity: 1
}

.tp-tab-mask,
.tp-thumb-mask {
    box-sizing: border-box!important
}

.tp-tabs,
.tp-thumbs {
    box-sizing: content-box!important
}

.tp-bullet {
    width: 15px;
    height: 15px;
    position: absolute;
    background: rgba(255, 255, 255, .3);
    cursor: pointer
}

.tp-bullet.selected,
.tp-bullet:hover {
    background: #fff
}

.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000
}

.tparrows:hover {
    background: #000
}

.tparrows:before {
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.hginfo,
.hglayerinfo {
    font-size: 12px;
    font-weight: 600
}

.tparrows.tp-leftarrow:before {
    content:'\f053';
}

.tparrows.tp-rightarrow:before {
    content: '\f054'
}

body.rtl .tp-kbimg {
    left: 0!important
}

.dddwrappershadow {
    box-shadow: 0 45px 100px rgba(0, 0, 0, .4)
}

.hglayerinfo {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #FFF;
    line-height: 20px;
    background: rgba(0, 0, 0, .75);
    padding: 5px 10px;
    z-index: 2000;
    white-space: normal
}

.helpgrid,
.hginfo {
    position: absolute
}

.hginfo {
    top: -2px;
    left: -2px;
    color: #e74c3c;
    background: #000;
    padding: 2px 5px
}

.indebugmode .tp-caption:hover {
    border: 1px dashed #c0392b!important
}

.helpgrid {
    border: 2px dashed #c0392b;
    top: 0;
    left: 0;
    z-index: 0
}

#revsliderlogloglog {
    padding: 15px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
    background: rgba(0, 0, 0, .7);
    z-index: 100000;
    font-size: 10px;
    overflow: scroll
}

.aden {
    filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)
}

.aden::after {
    background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
    mix-blend-mode: darken
}

.perpetua::after,
.reyes::after {
    mix-blend-mode: soft-light;
    opacity: .5
}

.inkwell {
    filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)
}

.perpetua::after {
    background: linear-gradient(to bottom, #005b9a, #e6c13d)
}

.reyes {
    filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75)
}

.reyes::after {
    background: #efcdad
}

.gingham {
    filter: brightness(1.05) hue-rotate(-10deg)
}

.gingham::after {
    background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
    mix-blend-mode: darken
}

.toaster {
    filter: contrast(1.5) brightness(.9)
}

.toaster::after {
    background: radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen
}

.walden {
    filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)
}

.walden::after {
    background: #04c;
    mix-blend-mode: screen;
    opacity: .3
}

.hudson {
    filter: brightness(1.2) contrast(.9) saturate(1.1)
}

.hudson::after {
    background: radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: .5
}

.earlybird {
    filter: contrast(.9) sepia(.2)
}

.earlybird::after {
    background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay
}

.mayfair {
    filter: contrast(1.1) saturate(1.1)
}

.mayfair::after {
    background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
    mix-blend-mode: overlay;
    opacity: .4
}

.lofi {
    filter: saturate(1.1) contrast(1.5)
}

.lofi::after {
    background: radial-gradient(circle, transparent 70%, #222 150%);
    mix-blend-mode: multiply
}

._1977 {
    filter: contrast(1.1) brightness(1.1) saturate(1.3)
}

._1977:after {
    background: rgba(243, 106, 188, .3);
    mix-blend-mode: screen
}

.brooklyn {
    filter: contrast(.9) brightness(1.1)
}

.brooklyn::after {
    background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
    mix-blend-mode: overlay
}

.xpro2 {
    filter: sepia(.3)
}

.xpro2::after {
    background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
    mix-blend-mode: color-burn
}

.nashville {
    filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)
}

.nashville::after {
    background: rgba(0, 70, 150, .4);
    mix-blend-mode: lighten
}

.nashville::before {
    background: rgba(247, 176, 153, .56);
    mix-blend-mode: darken
}

.lark {
    filter: contrast(.9)
}

.lark::after {
    background: rgba(242, 242, 242, .8);
    mix-blend-mode: darken
}

.lark::before {
    background: #22253f;
    mix-blend-mode: color-dodge
}

.moon {
    filter: grayscale(1) contrast(1.1) brightness(1.1)
}

.moon::before {
    background: #a0a0a0;
    mix-blend-mode: soft-light
}

.moon::after {
    background: #383838;
    mix-blend-mode: lighten
}

.clarendon {
    filter: contrast(1.2) saturate(1.35)
}

.clarendon:before {
    background: rgba(127, 187, 227, .2);
    mix-blend-mode: overlay
}

.willow {
    filter: grayscale(.5) contrast(.95) brightness(.9)
}

.willow::before {
    background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
    mix-blend-mode: overlay
}

.willow::after {
    background-color: #d8cdcb;
    mix-blend-mode: color
}

.rise {
    filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9)
}

.rise::after {
    background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
    mix-blend-mode: overlay;
    opacity: .6
}

.rise::before {
    background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
    mix-blend-mode: multiply
}

._1977:after,
._1977:before,
.aden:after,
.aden:before,
.brooklyn:after,
.brooklyn:before,
.clarendon:after,
.clarendon:before,
.earlybird:after,
.earlybird:before,
.gingham:after,
.gingham:before,
.hudson:after,
.hudson:before,
.inkwell:after,
.inkwell:before,
.lark:after,
.lark:before,
.lofi:after,
.lofi:before,
.mayfair:after,
.mayfair:before,
.moon:after,
.moon:before,
.nashville:after,
.nashville:before,
.perpetua:after,
.perpetua:before,
.reyes:after,
.reyes:before,
.rise:after,
.rise:before,
.slumber:after,
.slumber:before,
.toaster:after,
.toaster:before,
.walden:after,
.walden:before,
.willow:after,
.willow:before,
.xpro2:after,
.xpro2:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none
}

._1977,
.aden,
.brooklyn,
.clarendon,
.earlybird,
.gingham,
.hudson,
.inkwell,
.lark,
.lofi,
.mayfair,
.moon,
.nashville,
.perpetua,
.reyes,
.rise,
.slumber,
.toaster,
.walden,
.willow,
.xpro2 {
    position: relative
}

._1977 img,
.aden img,
.brooklyn img,
.clarendon img,
.earlybird img,
.gingham img,
.hudson img,
.inkwell img,
.lark img,
.lofi img,
.mayfair img,
.moon img,
.nashville img,
.perpetua img,
.reyes img,
.rise img,
.slumber img,
.toaster img,
.walden img,
.willow img,
.xpro2 img {
    width: 100%;
    z-index: 1
}

._1977:before,
.aden:before,
.brooklyn:before,
.clarendon:before,
.earlybird:before,
.gingham:before,
.hudson:before,
.inkwell:before,
.lark:before,
.lofi:before,
.mayfair:before,
.moon:before,
.nashville:before,
.perpetua:before,
.reyes:before,
.rise:before,
.slumber:before,
.toaster:before,
.walden:before,
.willow:before,
.xpro2:before {
    z-index: 2
}

._1977:after,
.aden:after,
.brooklyn:after,
.clarendon:after,
.earlybird:after,
.gingham:after,
.hudson:after,
.inkwell:after,
.lark:after,
.lofi:after,
.mayfair:after,
.moon:after,
.nashville:after,
.perpetua:after,
.reyes:after,
.rise:after,
.slumber:after,
.toaster:after,
.walden:after,
.willow:after,
.xpro2:after {
    z-index: 3
}

.slumber {
    filter: saturate(.66) brightness(1.05)
}

.slumber::after {
    background: rgba(125, 105, 24, .5);
    mix-blend-mode: soft-light
}

.slumber::before {
    background: rgba(69, 41, 12, .4);
    mix-blend-mode: lighten
}

.tp-kbimg-wrap:after,
.tp-kbimg-wrap:before {
    height: 500%;
    width: 500%
}

/*! jQuery UI - v1.12.1 - Accordion */
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 120%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}

.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid var(--dark-color2);
	background: var(--dark-color1);
	font-weight: normal;
	color: #FFFFFF;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #FFFFFF;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid var(--dark-color1);
	background: var(--dark-color2);
	font-weight: normal;
	color: #FFFFFF;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid var(--dark-color1);
	background: var(--dark-color2);
	font-weight: normal;
	color: #FFFFFF;
}
/*t
.ui-icon-background,
.ui-state-active .ui-icon-background {
	background-color: #ffffff;
}
t*/
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

.ui-accordion-header .ui-icon:before {
  font-family: 'FontAwesome';
  content: "\f196";
  float:left;
}

.ui-accordion-header-active .ui-icon:before {
  content: "\f147";
}


/*! jQuery.Flipster, v1.1.5 (built 2020-10-17) */
/* @group Flipster Essential Styles */
.flip-items li:before {
	content:'' !important;
}

.flipster {
  display: block;
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}
.flipster:focus {
  outline: none;
}
.flipster__container,
.flipster__item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
.flipster__container {
  display: block;
  white-space: nowrap;
  word-spacing: -0.25em;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.flipster__item {
  display: inline-block;
  white-space: normal;
  word-spacing: normal;
  vertical-align: bottom;
}
.flipster--click .flipster__item--past,
.flipster--click .flipster__item--future {
  cursor: pointer;
}
.flipster__item img {
  max-width: 100%;
}
/* @end */

/* @group Flipster Previous & Next Buttons */
.flipster__button {
  position: absolute;
  top: 50%;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  z-index: 999;
  cursor: pointer;
  font-size: 15px;
  opacity: 0.5;
  -webkit-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  margin: -1em 2em;
}
.flipster__button svg {
  width: 2em;
  stroke: currentColor;
  fill: transparent;
  stroke-width: 3;
  stroke-linecap: round;
}
.flipster__button:hover,
.flipster__button:focus {
  opacity: 1;
}
.flipster__button--prev {
  left: 0;
}
.flipster__button--next {
  right: 0;
}
/* @end */

/* @group Flipster Navigation */
.flipster__nav,
.flipster__nav__item {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.flipster__nav {
  display: block;
  margin: 0 0 4em;
  text-align: center;
  position: relative;
}
.flipster__nav__item {
  display: inline-block;
  margin: 0 0.25em;
}
.flipster__nav__link {
  display: block;
  color: inherit;
  padding: 0.5em 1em;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
       -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
          transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster__nav__link::after {
  content: '';
  display: block;
  background: #232221;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: translateY(100%) translateY(-0.25em);
      -ms-transform: translateY(100%) translateY(-0.25em);
          transform: translateY(100%) translateY(-0.25em);
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__link:hover,
.flipster__nav__link:focus {
  color: #FFF;
}
.flipster__nav__item--current > .flipster__nav__link::after,
.flipster__nav__link:hover::after,
.flipster__nav__link:focus::after {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.flipster__nav__child {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -1px;
  padding: 0.5em;
  background: #4e4441;
  z-index: 1;
}
.flipster__nav__child .flipster__nav__link {
  color: #FFF;
}
.flipster__nav__child .flipster__nav__link::after {
  background: #FFF;
}
.flipster__nav__child .flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__child .flipster__nav__link:hover,
.flipster__nav__child .flipster__nav__link:focus {
  color: #232221;
}
.flipster__nav__item--current .flipster__nav__child {
  display: block;
}
/* @end */

/* @group Flipster Carousel Theme */
.flipster--carousel .flipster__container,
.flipster--carousel .flipster__item,
.flipster--carousel .flipster__item__content {
  -webkit-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
       -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
          transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--carousel .flipster__item {
  -webkit-perspective: 800px;
          perspective: 800px;
}
.flipster--carousel .flipster__item--past,
.flipster--carousel .flipster__item--future {
  opacity: 0;
  -webkit-transition-delay: 115ms;
       -o-transition-delay: 115ms;
          transition-delay: 115ms;
}
.flipster--carousel .flipster__item--past-2,
.flipster--carousel .flipster__item--future-2 {
  opacity: 0.6;
  -webkit-transition-delay: 90ms;
       -o-transition-delay: 90ms;
          transition-delay: 90ms;
}
.flipster--carousel .flipster__item--past-1,
.flipster--carousel .flipster__item--future-1 {
  opacity: 0.8;
  -webkit-transition-delay: 60ms;
       -o-transition-delay: 60ms;
          transition-delay: 60ms;
}
.flipster--carousel .flipster__item--past .flipster__item__content {
  -webkit-transform: translateX(100%) rotateY(-20deg) scale(0.5);
          transform: translateX(100%) rotateY(-20deg) scale(0.5);
}
.flipster--carousel .flipster__item--past-2 .flipster__item__content {
  -webkit-transform: translateX(25%) rotateY(40deg) scale(0.65);
          transform: translateX(25%) rotateY(40deg) scale(0.65);
}
.flipster--carousel .flipster__item--past-1 .flipster__item__content {
  -webkit-transform: rotateY(45deg) scale(0.8);
          transform: rotateY(45deg) scale(0.8);
}
.flipster--carousel .flipster__item--future .flipster__item__content {
  -webkit-transform: translateX(-100%) rotateY(20deg) scale(0.5);
          transform: translateX(-100%) rotateY(20deg) scale(0.5);
}
.flipster--carousel .flipster__item--future-2 .flipster__item__content {
  -webkit-transform: translateX(-25%) rotateY(-40deg) scale(0.65);
          transform: translateX(-25%) rotateY(-40deg) scale(0.65);
}
.flipster--carousel .flipster__item--future-1 .flipster__item__content {
  -webkit-transform: rotateY(-45deg) scale(0.8);
          transform: rotateY(-45deg) scale(0.8);
}
.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
  -webkit-transform: translateX(175%) scale(0.5);
      -ms-transform: translateX(175%) scale(0.5);
          transform: translateX(175%) scale(0.5);
}
.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
  -webkit-transform: translateX(25%) scale(0.65);
      -ms-transform: translateX(25%) scale(0.65);
          transform: translateX(25%) scale(0.65);
}
.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
  -webkit-transform: translateX(0%) scale(0.8);
      -ms-transform: translateX(0%) scale(0.8);
          transform: translateX(0%) scale(0.8);
}
.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
  -webkit-transform: translateX(-175%) scale(0.5);
      -ms-transform: translateX(-175%) scale(0.5);
          transform: translateX(-175%) scale(0.5);
}
.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
  -webkit-transform: translateX(-25%) scale(0.65);
      -ms-transform: translateX(-25%) scale(0.65);
          transform: translateX(-25%) scale(0.65);
}
.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
  -webkit-transform: translateX(0%) scale(0.8);
      -ms-transform: translateX(0%) scale(0.8);
          transform: translateX(0%) scale(0.8);
}
.flipster--carousel .flipster__item--current .flipster__item__content {
  -webkit-transform: translateX(0) rotateY(0deg) scale(1);
          transform: translateX(0) rotateY(0deg) scale(1);
  -webkit-transition-delay: 60ms;
       -o-transition-delay: 60ms;
          transition-delay: 60ms;
}
/* @end */

/* @group Flipster Coverflow Theme */
.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
  -webkit-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
       -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
          transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--coverflow .flipster__item {
  -webkit-perspective: 800px;
          perspective: 800px;
}
.flipster--coverflow .flipster__container {
  padding-bottom: 5%;
}
.flipster--coverflow .flipster__item__content {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}
.flipster--coverflow .flipster__item__content img:only-child {
  display: block;
}
.flipster--coverflow .flipster__item--past .flipster__item__content {
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: scale(0.75) rotateY(55deg);
          transform: scale(0.75) rotateY(55deg);
}
.flipster--coverflow .flipster__item--future .flipster__item__content {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scale(0.75) rotateY(-55deg);
          transform: scale(0.75) rotateY(-55deg);
}
.flipster--coverflow .flip-current .flipster__item__content {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
/* @end */

/* @group Flat */
.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content {
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future {
  opacity: 0.5;
}
.flipster--flat .flipster__item--past .flipster__item__content {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
}
.flipster--flat .flipster__item--future .flipster__item__content {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
}
/* @end */

/* @group Flipster Wheel Theme */
.flipster--wheel {
  overflow: hidden;
}
.flipster--wheel .flipster__container,
.flipster--wheel .flipster__item__content {
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
       -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
          transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--wheel .flipster__container {
  padding-bottom: 20%;
}
.flipster--wheel .flipster__item__content {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}
.flipster--wheel .flipster__item--past .flipster__item__content {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.flipster--wheel .flipster__item--future .flipster__item__content {
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}
.flipster--wheel .flipster__item__content img:only-child {
  display: block;
}
.flipster--wheel .flipster__item--past .flipster__item__content {
  opacity: 0;
  -webkit-transform: rotateZ(-80deg) translate(-170%, 110%);
      -ms-transform: rotate(-80deg) translate(-170%, 110%);
          transform: rotateZ(-80deg) translate(-170%, 110%);
}
.flipster--wheel .flipster__item--future .flipster__item__content {
  opacity: 0;
  -webkit-transform: rotateZ(80deg) translate(170%, 110%);
      -ms-transform: rotate(80deg) translate(170%, 110%);
          transform: rotateZ(80deg) translate(170%, 110%);
}
.flipster--wheel .flipster__item--past-3 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(-60deg) translate(-70%, 75%);
      -ms-transform: rotate(-60deg) translate(-70%, 75%);
          transform: rotateZ(-60deg) translate(-70%, 75%);
}
.flipster--wheel .flipster__item--future-3 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(60deg) translate(70%, 75%);
      -ms-transform: rotate(60deg) translate(70%, 75%);
          transform: rotateZ(60deg) translate(70%, 75%);
}
.flipster--wheel .flipster__item--past-2 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(-40deg) translate(-17%, 30%);
      -ms-transform: rotate(-40deg) translate(-17%, 30%);
          transform: rotateZ(-40deg) translate(-17%, 30%);
}
.flipster--wheel .flipster__item--future-2 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(40deg) translate(17%, 30%);
      -ms-transform: rotate(40deg) translate(17%, 30%);
          transform: rotateZ(40deg) translate(17%, 30%);
}
.flipster--wheel .flipster__item--past-1 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotateZ(-20deg);
}
.flipster--wheel .flipster__item--future-1 .flipster__item__content {
  opacity: 1;
  -webkit-transform: rotateZ(20deg);
      -ms-transform: rotate(20deg);
          transform: rotateZ(20deg);
}
.flipster--wheel .flip-current .flipster__item__content {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
/* @end */

#home-content-wrapper .flipster__item__content img,
#main-content-wrapper .flipster__item__content img {
	max-width:350px;
	height: auto;
}


/* simple-image-carousel-wrapper */
.simple-image-carousel-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  height: 40vw;
  max-height: 500px;
  min-height: 300px;
  background: #ddd;
  overflow: hidden;
}

.simple-image-carousel-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.simple-image-carousel-wrapper ul li {
  list-style-type: none !important;
  margin-right: 7px !important;
}

/* simple-image-carousel-img */
ul.simple-image-carousel-img {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  transition: 0.5s;
}

ul.simple-image-carousel-img li {
  flex: 1 0 100%;
  padding:0;
  margin:0;
}

ul.simple-image-carousel-img li:before {
	display:none !important;
}

ul.simple-image-carousel-img li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* slider-arrow */
ul.slider-arrow {
  position: relative;
  color: #fff;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

@media screen and (min-width: 768px) {
  ul.slider-arrow {
    font-size: 2.5rem;
  }
}

ul.slider-arrow li {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 100%;
  padding: 0 15px;
  opacity: 0.4;
  transition: 0.5s;
}

ul.slider-arrow li:before {
	display:none !important;
}

ul.slider-arrow li:hover {
  opacity: 1;
}

/* slider-dot */
.slider-dot {
  position: absolute;
  bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.slider-dot li {
  cursor: pointer;
  margin: 0 8px !important;
  list-style-type: none !important;
  font-size: 0.6rem;
  opacity: 0.4;
}

.slider-dot li:before {
	display:none !important;
}

.slider-dot li.active {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .slider-dot li {
    margin: 0 12px;
    font-size: 0.95rem;
  }
}



.simple-tabs-block {
  border:none !important;
}

.simple-tabs-block .ui-tabs-nav h2,
.simple-tabs-block .ui-tabs-nav h3,
.simple-tabs-block .ui-tabs-hide {
  display: none;
}
  
.simple-tabs-block .ui-tabs-nav {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width:100%;
}
  
.simple-tabs-block .ui-tabs-nav li:before {
	display:none !important;
}

.simple-tabs-block .ui-tabs-nav li {
  float: left;
  margin: 0;
  padding: 0;
  height: 43px;
  line-height: 43px;
  border-left: none;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
  border-right: 1px solid #fff;
}
  
.simple-tabs-block .ui-tabs-nav li a,
.simple-tabs-block .ui-tabs-nav li a:link {
  text-decoration: none;
  color: #777 !important;
  display: block;
  outline: none;
  cursor:pointer;
  background: #f2f2f2 !important;
  text-align: center;
  text-transform: uppercase;
  padding:0 10px;
}

.simple-tabs-block .ui-tabs-nav li.ui-tabs-active a {
  background-color:#FFFFFF !important;
  border-left:1px solid #ebebeb;
  border-top:1px solid #ebebeb;
  border-right:1px solid #ebebeb;
}

.simple-tabs-block .ui-tabs-nav li a, .simple-tabs-block.simple-tabs-block-collapsible .simple-tabs-block-nav li.simple-tabs-block-selected a {
  cursor: pointer;
}

.simple-tabs-block .ui-tabs-hide {
  display: none !important;
}

.simple-tabs-block .ui-tabs-panel {
  overflow: hidden;
  clear: both;
  float: left; 
  background: #fff;
  padding: 15px;
  border:1px solid #ebebeb;
  width:100%;
}





/* Recent Posts Columns Block */
.blog-section {
  margin-bottom: 40px;
}

.blog-section .row {
  display: flex;
  align-items: stretch;
}

.single-blog-box {
  margin-bottom: 30px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
}

.blog-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.tishonator-recent-post-meta {
  padding: 15px 20px;
  font-size: 14px;
  border-bottom: 1px solid #f1f1f1;
}

.tishonator-recent-post-blog-content {
  padding: 20px;
}

.tishonator-recent-post-title {
  font-size: 18px;
  margin-bottom: 15px;
}

.tishonator-recent-post-title a {
  color: #333;
  text-decoration: none;
}

.tishonator-recent-post-more {
  margin-top: 15px;
}

.tishonator-recent-post-more a {
  color: #333;
  text-decoration: none;
  background-color: #f1f1f1;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  display: inline-block;
}

.tishonator-recent-post-more a:hover {
  background-color: #333;
  color: #fff;
}

.pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.page-numbers {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 2px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
}

.page-numbers.current,
.page-numbers:hover {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

.page-numbers.dots {
  background-color: transparent;
  border: none;
}


/* Partial Overlay Image */
.partial-overlay-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer;
}

.partial-overlay-box .partial-overlay-box-image {
	width: 70%;
	z-index: 2;
	overflow: hidden;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.partial-overlay-box .partial-overlay-box-image img {
	display: block;
	height: auto;
	width: 100%;
	opacity: 1;
	transition: opacity .3s ease;
}

.partial-overlay-box:hover .partial-overlay-box-image img {
	opacity: .9;
}

.partial-overlay-box .partial-overlay-box-info {
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	padding: 60px;
	margin: 35px 0 0 -20%;
	background: #fff;
	z-index: 4;
	box-shadow: 0 10px 45px rgba(0,0,0,.1);
	transition: all ease-in .3s;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.partial-overlay-box.description-left .partial-overlay-box-info {
	-ms-flex-order: -1;
	order: -1;
	margin: 35px -20% 0 0;
}

.partial-overlay-box .partial-overlay-box-info .story-title {
	font-family: 'Playfair Display';
	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0;
	color: #1d2c4c;
}

.partial-overlay-box .partial-overlay-box-info .partial-overlay-box-content p {
	font-size: 15px;
	font-weight: 300;
	color: #666;
	line-height: 16px;
}

.partial-overlay-box .partial-overlay-box-info .partial-overlay-box-content a {
	font-size: 16px;
	text-decoration: underline !important;
}

@media (max-width: 991px) {

	.partial-overlay-box .partial-overlay-box-image {
		height: auto;
		width: 100%;
		-ms-flex-order: -1;
		order: -1;
	}

	.partial-overlay-box.description-left .partial-overlay-box-info {
		-ms-flex-order: -1;
		order: -1;
		margin: 35px -20% 0 0;
	}

	.partial-overlay-box.description-left .partial-overlay-box-info { margin: -40px 5% 0; }

	.partial-overlay-box .partial-overlay-box-info {
		max-width: 90%;
		height: auto;
		-ms-flex-preferred-size: 90%;
		flex-basis: 90%;
		margin: -40px 5% 0;
	}
}



/* Automatic Slider */
.automatic-slideshow-2 {
  position: relative;
}

.automatic-slideshow-2 .slides {
  z-index: 109;
}

.automatic-slideshow-2 .slides .slide img {
  width: 100%;
}

.automatic-slideshow-2 .controls {
  position: absolute;
  z-index: 101;
  left: 30px;
  bottom: 30px;
  width: auto;
  margin: 0 auto;
  overflow: hidden;
  display: block;
}

.automatic-slideshow-2 .controls .control {
  background-color: #ffffff;
  padding: 5px 10px;
  margin: 0 5px;
  text-decoration: none;
  color: #000000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  display: inline-block;
  float: left;
}

/* mobile */

@media (max-width:979px) {
  .automatic-slideshow-2 .slides {
    width: 100%;
  }

  .automatic-slideshow-2 .slides .slide {
    width: 100%;
  }

  .automatic-slideshow-2 .slides .slide img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}




.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  position: relative;
}

.lb-cancel::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #FFF;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.lb-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-nav a:focus {
  outline: none;
  outline-style: none;
  text-decoration: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-prev,
.lb-next {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
}

.lb-prev::before,
.lb-next::before {
  content: '';
  position: absolute;
  border: solid #FFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 9px;
  transform: translate(-50%, -50%);
}

.lb-prev::before {
  left: 10px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.lb-next::before {
  right: 10px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  text-align: right;
  outline: none;
  opacity: 0.7;
  cursor: pointer;
  position: relative;
}

.lb-data .lb-close::before,
.lb-data .lb-close::after {
  content: '';
  position: absolute;
  top: 13px;
  left: 5px;
  width: 20px;
  height: 2px;
  background-color: #FFF;
}

.lb-data .lb-close::before {
  transform: rotate(45deg);
}

.lb-data .lb-close::after {
  transform: rotate(-45deg);
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.woocommerce-mini-cart-item img:not(:first-of-type) {
    display: none !important;
}

/*t Plugins t*/
.fa.fa-twitter::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "";
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    background-position: center 3px;
}







body {
  font-family: 'Chakra Petch', sans-serif;
}
:root {
  --e-global-color-primary: #262626;
  --e-global-color-secondary: #ffffff;
  --e-global-color-accent: #b50c09;
  --e-global-color-text: #707070;
  --e-global-color-light-blue: #1b2536;
  --e-global-color-dark-blue: #141e34;
  --e-global-color-dark-blue2: #192541;
  --e-global-color-soft-blue: #a4abbb;
  --e-global-color-very-dark-blue: #0e172a;
  --e-global-color-red: #c43d3a;
  --e-global-color-dark-blue3:#0a132a;
  --e-global-color-light-bluish:#959eb2;
  --e-global-color-yellow:#fbc729;
  --e-global-color-blue-f:#15203a;
  --e-global-color-blue-best:#0a152e;
}
html {
  scroll-behavior: smooth;
}
h1 {
  font-size: 64px;
  line-height: 70px;
  font-weight: 700;
  word-spacing: 10px;
  letter-spacing: -1px;
}
h2 {
  font-size: 46px;
  line-height: 54px;
  font-weight: 700;
}
h3 {
  font-size: 40px;
  line-height: 46px;
  font-weight: 700;
}
h4 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

h5 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.8px;
}
h6 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
}
p {
  font-family: 'Mulish', sans-serif;
  font-size: 18px;
  line-height:26px;
  font-weight: 400;
}
a {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
}

.navbar-nav li:first-child {
  margin-left:0px;
}
.navbar-nav li {
  display: inline-block;
  margin: 0 26px;
}
.home-header-section {
  background-repeat: no-repeat;
}
.main-header .navbar-brand {
  margin-left: 0px;
  padding-bottom: 0px;
}
.home-header-section .header .main-header .navbar-collapse .navbar-nav a {
  color:var(--e-global-color-secondary);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.navbar-light .navbar-nav .nav-link {
  padding-left:0px;
  padding-right: 0;
  position: relative;
}
.main-header {
  padding: 40px 265px 0px 360px;
}
.home-banner-text {
  padding: 0px 0 193px 0;
}
.btn-talk a {
  background: var(--e-global-color-accent);
  line-height: 21px;
  font-size: 16px;
  color: var(--e-global-color-secondary) !important;
  padding: 18px 23px 18px 36px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.btn-talk{
  margin-left: 52px !important;
}
.btn-talk a:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-secondary);
  transition: all ease-in-out 0.3s;
}
.btn-talk li i{
  margin-left: 20px;
  font-size: 20px;
  line-height: 16px;
}
.navbar-nav li.active > a:before {
  width: 40px;
  height: 3px;
  position: absolute;
  top: 36px;
  left:0;
  right: 0;
  margin: 0 auto;
  content: "";
  background:url(./images/nav-before-img.png);}


.navbar-nav li:hover > a:before {
  width: 40px;
  height: 3px;
  position: absolute;
  top: 36px;
  left:0;
  right: 0;
  margin: 0 auto;
  content: "";
  background:url(./images/nav-before-img.png);}
.navbar-nav .dropdown .autorix-drop-down li:hover > a:before {
  display: none;
}

.navbar-nav li:last-child {
  margin-left: 16px;
  margin-right: 0;
}

.home-banner-section .home-banner-text {
  padding: 0px 0 277px 0px;
}
.home-banner-section{
  padding-top: 157px;
  padding-left: 344px;
  position: relative;
}
.banner-img{
  position: absolute;
  right: -45px;
  bottom: 0px;
  top: 102px;
}
.home-banner-text h1 {
  margin-bottom: 10px;
  padding-right: 67px;
}

.banner-paragraph {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  word-spacing:0px;
  margin-bottom: 40px;
  padding-right: 134px;
}
.home-banner-section .banner-container-box  .social-icons ul{
  left: -250px;
  top: 39px;
}
.home-banner-section .banner-img-outer{
  padding-top: 100px;
}
.autorix-text {
  letter-spacing: 0px;
  margin-bottom: 24px;
  margin-left: 43px;
}
.autorix-text:before {
  background: url(./images/whychoose-bars.png);  content: "";
  width: 28px;
  height: 20px;
  position: absolute;
  top: -4px;
  /*t
  left: 1%;
  right: 0;
  t*/
  margin-left: -40px;
  background-repeat: no-repeat;
}
.banner-container-box .social-icons ul li .social-networks {
  font-size: 14px;
  margin-top: 16px;
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-very-dark-blue);
  border-radius: 100px;
  line-height: 48px !important;
  text-align: center;
  transition: all ease-in-out 0.3s;
  
  width: 47px;
  height: 47px;
  line-height: 48px !important;
  transition: transform ease 300ms;
}
.banner-container-box .social-icons ul li .social-networks:hover {
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  transform:translate(0, -5px);
}
.home-banner-section .banner-btn a {
  background: var(--e-global-color-accent);
  line-height: 21px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 19px 24px 19px 40px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.home-banner-section .banner-btn a i {
  margin-left: 24px;
  font-size: 20px;
  line-height: 22px;
}
.home-banner-section .banner-btn a:hover{
  transform: translateY(-5px);
  background:var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-secondary);
  transition: all ease-in-out 0.3s;
}

.home-header-section .main-header .autorix-drop-down li {
  margin-left: 0px !important;
  margin-right: 0;
  width: 100%;
}
.home-header-section .main-header .navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  margin: 0;
  padding: 0;
  background: var(--e-global-color-accent);
  border: none;
  border-radius: 0;
}
.home-header-section .main-header .navbar-nav .dropdown .autorix-drop-down li a {
  color: var(--e-global-color-secondary);
  font-size: 14px;
  line-height: 16px;
  padding: 10px 20px;
  font-weight: 600;
  transition: all 0.3s ease-out;
}

.home-header-section .main-header .navbar-nav .dropdown .dropdown-item.active, .dropdown-item:active{
  color: var(--e-global-color-accent) !important;
  background: var(--e-global-color-secondary);
}
.home-header-section .main-header .navbar-nav .dropdown .autorix-drop-down li a:hover{
  color: var(--e-global-color-accent);
  background: var(--e-global-color-secondary);
}

.home-header-section .home-banner-section .banner-container-box .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 14px;
  left: -108px;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: flex-start;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.whychoose-section{
  padding: 142px 0 110px;
}
.whychoose-section h2{
  padding: 0 232px;
  text-transform: uppercase;
  margin-bottom: 36px;
  color: var(--e-global-color-primary);
}
.whychoose-section .autorix-text:before {
  
  width: 28px;
  height: 20px;
  position: absolute;
  top: -4px;
  left: -142px;
  right: 0;
  margin: 0 auto;
}
.whychoose-section .autorix-text{
  text-align: center;
  color: var(--e-global-color-red);
  margin-bottom:16px;
  text-transform: uppercase;
}
.whychoose-section .blogs-section {
  background: var(--e-global-color-white);
  border-radius: 0px;
  padding: 0px 0 24px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border: none;
  transition: transform ease 300ms;
  box-shadow: 0px 6px 38px 0 #dae0e5;
  transition: all ease-in-out 0.3s;
  border-bottom: 2px solid var(--e-global-color-secondary);
}


.whychoose-section .blogs-section .blogs-h5{
  letter-spacing: 0.1px !important;
  color: var(--e-global-color-primary);
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0px;
  padding: 36px 102px 0px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all ease-in-out 1s;
}

.whychoose-section .blogs-section .read-more a{
  text-transform: uppercase;
  color: var(--e-global-color-accent) !important;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  margin-right: 12px;
  transition: all ease-in-out 1s;
}
.whychoose-section .blogs-section .read-more a:after,
nav ul li a:before {
  transition: all ease-in-out 1s;
}

.whychoose-section .blogs-section:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color:var(--e-global-color-secondary);
  background: #1c1060;;
  height: 1px;
  transition: all ease-in-out 0.3s;
}
.whychoose-section .blogs-section:hover:after {
  width: 100%;
  transition: all ease-in-out 0.3s;
}
.whychoose-section .blogs-section:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
  transition: all ease-in-out 0.3s;
}
.whychoose-section .blogs-section:hover:after {
  z-index: -10;
  animation: fill 0.6s forwards;
  -webkit-animation: fill 0.6s forwards;
  -moz-animation: fill 0.6s forwards;
  opacity: 1;
  transition: all ease-in-out 1s;
}
.whychoose-section .blogs-section:hover .blogs-p{
  color: #fff;
  z-index: 1;
  transition: all ease-in-out 1s;
}
.whychoose-section .blogs-section:hover:after .blogs-p {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
  transition: all ease-in-out 1s;
}

.whychoose-section .blogs-section:hover .blogs-h5{
  color: #fff;
  z-index: 1;
}
.whychoose-section .blogs-section:hover:after .blogs-h5{
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
  transition: all ease-in-out 1s;
}
.whychoose-section .blogs-section:hover .read-more a{
  color: #fff !important;
  z-index: 1;
}
.whychoose-section .blogs-section:hover:after .read-more a{
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}
.whychoose-section .blogs-section:hover .read-more a i{
  color: #fff !important;
  z-index: 1;
}
.whychoose-section .blogs-section:hover:after .read-more a i{
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
  transition: all ease-in-out 1s;
}

@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 2px;
  }
  50% {
    width: 100%;
    height: 2px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: var(--e-global-color-accent);
    transition: all ease-in-out 0.3s;
  }
}


.whychoose-section .blogs-section .read-more a i{
  color: var(--e-global-color-accent) !important;
  font-size: 16px;
  line-height: 30px;
  margin-left: 10px;
  transition: all ease-in-out 0.3s;
}
.whychoose-section .blogs-section .blogs-p{
  color: var(--e-global-color-text);
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 23px;
  padding: 0 43px;
  text-decoration: none;
  word-spacing: 1px;
  transition: all ease-in-out 0.3s;
}
.whychoose-section .whychoseus-left-img{
  margin-bottom: 0;
  bottom: -7px;
}

.left_icon img {
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}



.about-us-section{
  background: var(--e-global-color-dark-blue2);
  padding: 126px 0 91px;
  position: relative;
}
.about-us-section:before {
  background: url(./images/aboutus-background.png);  content: "";
  position: absolute;
  top:0px;
  left:0px;
  right: 51%;
  bottom: 0;
  background-repeat: no-repeat;
}
.about-us-section figure .about-center-img{
  margin-left:0px;
}
.about-us-section .about-text:before {
  background: url(./images/text-bars.png);  content: "";
  width: 28px;
  height: 20px;
  position: absolute;
  top: -4px;
  left:-9%;
  right: 0;
}
.about-us-section .about-text{
  color: var(--e-global-color-secondary);
  margin-left: 36px;
  text-transform: uppercase;
  margin-bottom: 17px;
  margin-top: -8px
}
.about-us-section .about-content{
  padding:0px;
}
.about-us-section .about-content h2{
  color: var(--e-global-color-secondary);
  text-transform: uppercase;
  letter-spacing: -1.5px;
  margin-bottom: 17px;
}
.about-us-section .about-content p{
  color: var(--e-global-color-secondary);
}
.about-us-section .about-content .about-content-box{
  background: var(--e-global-color-dark-blue);
  text-align: center;
  color: var(--e-global-color-secondary);
  padding: 18px 14px 21px;
  width: 100%;
  transition: all ease-in-out 0.3s;
}

.about-us-section .about-content .about-content-box:hover {
  background: var(--e-global-color-accent);
  background-position: 100%;
  transform: translateY(-0.5rem);
  transition: all ease-in-out 0.3s;
}

.about-us-section .about-content .about-content-box .about-plus{
  font-size: 40px;
  line-height:40px;
  font-weight: 700;
}
.about-us-section::after {
  background: url(./images/about-after-img.png);  content: "";
  width: 139px;
  height: 141px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.about-us-section .about-content .about-content-box p{
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.about-us-section .about-content .box-margin-left{
  margin-left: -10px;
}
.about-us-section .about-content .about-content-box .about-span-box{
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
}


.our-services-section .autorix-text:before {
  
  width: 28px;
  height: 20px;
  position: absolute;
  top: -2px;
  left: -130px;
  right: 0;
  margin: 0 auto;
}
.our-services-section{
  background-image:url(./images/our-services-background-img.jpg);  padding: 10px 0 50px;
}
.our-services-section .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 20px;
  margin-left: 43px;
  text-transform: uppercase;
  color: var(--e-global-color-accent);
}
.our-services-section .our-services-figure{
  text-align: center;
}
.our-services-section .our-services-content{
  text-align: center;
  margin-top: -20px;
}
.our-services-section .our-services-content p{
  color: var(--e-global-color-text);
  padding: 0 14px;
}
.our-services-section .our-services-content h5{
  letter-spacing: 0;
}
.our-services-section .our-services-content a{
  text-decoration: none;
  text-transform: uppercase;
  color: var(--e-global-color-accent);
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
}
.our-services-section h2{
  padding: 0 207px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.our-services-section .our-services-content .paragraph2 {
  color: var(--e-global-color-text);
  padding: 0 16px;
}

.our-services-section .our-services-content .our-services-center-box{
  padding: 0 45px;
}
.our-services-section .our-services-outer1{
  padding-top: 116px;
  padding-bottom: 32px;
}
.our-services-section .our-services-outer .our-services-figure img{
  box-shadow: 0px 6px 38px 0 rgb(238 238 252);
  border-radius: 100px;
  margin-bottom: 44px;
}
.our-services-section .our-services-outer .our-services-car-img{
  position: absolute;
  top: -102px;
  text-align: center;
  left: -45px;
  right: 0;
}
.our-services-section .our-services-left-img{
  padding-left: 80px;
}
.our-services-section .our-services-right-img{
  padding-right: 87px;
}
.our-services-section .banner-btn a {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 19px 24px 19px 40px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.our-services-section .banner-btn a:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-secondary);
  transition: all ease-in-out 0.3s;
}
.our-services-section .our-services-outer .steering-margin-bottom{
  margin-bottom:60px
}
.our-services-section .banner-btn a i {
  margin-left: 19px;
  font-size: 20px;
  line-height: 22px;
}

.mission-section .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 20px;
  margin-left:39px;
  text-transform: uppercase;
  color: var(--e-global-color-accent);
}
.mission-section .autorix-text:before {
  
  width: 28px;
  height: 20px;
  top: -2px;
}
.mission-section h2 {
  text-transform: uppercase;
  margin-bottom: 16px;
}
.mission-section .about-us-content .list-margin-bottom {
  margin-bottom:16px;
}
.mission-section .about-us-content ul i {
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  border-radius: 100px;
  width: 30px;
  height: 30px;
  position: relative;
  text-align: center;
  padding: 8px;
  margin-right: 7px;
  font-size: 16px;
  line-height: 16px;
}
.mission-section .about-us-content .list-span {
  color: var(--e-global-color-primary);
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  word-spacing: 0px;
  letter-spacing: 0.3px;
}
.mission-section .our-mission-figure-box{
  position: absolute;
  left: -167px;
  TOP:0px;
}
.mission-section .about-us-content p{
color:var(--e-global-color-text)
}
.mission-section .about-us-content .our-mission-p1 {
  margin-bottom: 8px;
}
.mission-section .about-us-content .our-mission-p2 {
 margin-bottom:26px;
}
.mission-section .mission-red-box{
  color: var(--e-global-color-secondary);
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: uppercase;
  word-spacing: -2px;
  letter-spacing: -0.1px;
  background: var(--e-global-color-accent);
  text-align: center;
  padding: 46px 30px;
    
  margin-left: 34PX;
}
.mission-section .mission-red-box h5{
  color: var(--e-global-color-secondary);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
  word-spacing: -1px;
}

.mission-section .mission-red-box .banner-btn a {
  background: var(--e-global-color-dark-blue2);
  line-height: 20px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 22px 20px 22px 68px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.mission-section .mission-red-box .banner-btn a:hover{
  transform: translateY(-5px);
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-accent);
  border: 1px solid var(--e-global-color-secondary);
  transition: all ease-in-out 0.3s;
}
.mission-section .mission-red-box .banner-btn a i{
  margin-left: 53px;
}
.mission-section .input-text {
  border: 1px solid var(--e-global-color-secondary);
  -webkit-transition: 1s;
  transition: 1s;
  padding: 26px 23px;
    
  width: 100%;
  border-radius: 65px;
  font-size: 16px;
  line-height: 24px;
  color: var(--e-global-color-form-text);
  background: var(--e-global-color-secondary);
  font-family: 'Mulish', sans-serif;
  font-weight: 400;
}
.mission-section{
  padding: 141px 0 112px;
}
.mission-section .mission-red-box .contact-form-margin{
  margin-bottom: 23px;
}
.mission-section .mission-red-box .contact-form-margin-car{
  margin-bottom: 34px;
}
.mission-section .about-us-content .margin-left-checkk {
  margin-left: 18px;
  letter-spacing: 0px !important;
}
.mission-section .our-mission-right{
  position: absolute;
  right: 0;
  bottom: -27px
}

.offer-section{
  padding: 140px 0;
  background: url(./images/offer-section-background.jpg);  position: relative;
}
.offer-section:before {
  background: url(./images/offer-section-left-img.png);  content: "";
  width: 169px;
  height: 152px;
  position: absolute;
  top: -25px;
  left: -46px;
  right: 0;
}
.offer-section::after {
  background: url(./images/offer-section-right-img.png);  content: "";
  width: 169px;
  height: 152px;
  position: absolute;
  right: -23px;
  bottom: -24px;
}
.offer-section .offer-text:before {
  background: url(./images/text-bars.png);  content: "";
  width: 28px;
  height: 20px;
  position: absolute;
  top: -2px;
  left: -14%;
  right: 0;
  margin: 0 auto;
  text-transform: uppercase;
}
.offer-section .offer-content{
  text-align: center;
  color: var(--e-global-color-secondary);
}
.offer-section .offer-content .offer-text{
  text-transform: uppercase;
  margin-bottom: 45px;
  margin-left: 44px;
}
.offer-section .offer-content h2{
  text-transform: uppercase;
}
.offer-section .offer-content .offer-upto{
  font-size: 64px;
  line-height: 70px;
  font-weight: 700;
  margin-bottom: 37px;
}
.offer-section .offer-content .offer-upto .percent-off{
  color: var(--e-global-color-accent);
}

.offer-section .banner-btn a {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 19px 18px 19px 52px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
  box-shadow: var(--box-shadow-button-hover);
}

.offer-section .banner-btn a:hover{
  box-shadow: var(--box-shadow-button);
  transform: translate(2px, -2px);
  letter-spacing: 0;
  border-radius: 40px;
  transition: all ease-in-out 0.3s;
}

.offer-section .banner-btn a:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-secondary);
  transition: all ease-in-out 0.3s;
}
.offer-section .banner-btn a i {
  margin-left: 35px;
  font-size: 20px;
  line-height: 22px;
}


.teams-section{
  background-image: url(./images/our-services-background-img.jpg);
  padding: 20px 0;
  position: relative;
}
.teams-section .autorix-text:before {
  width: 28px;
  height: 20px;
  top: -2px;
  left: -37px;
}
.teams-section .teams-text{
  color: var(--e-global-color-accent);
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-left: 36px;
}
.teams-section h2{
  text-transform: uppercase;
  margin-bottom: 17px;
}
.teams-section p{
  color:var(--e-global-color-text);
}
.teams-section .teams-p1{
  margin-bottom:9px;
}
.teams-section .teams-p2 {
  margin-bottom:27px;
}
.teams-section .banner-btn a {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 20px 22px 20px 36px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.teams-section .banner-btn a:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-very-dark-blue);
  transition: all ease-in-out 0.3s;
}
.teams-section .banner-btn a i {
  margin-left: 19px;
  font-size: 20px;
  line-height: 22px;
}
.teams-section .teams-card{
  background: var(--e-global-color-secondary);
  box-shadow: 0px 6px 38px 0 #dae0e5;
  padding: 37px 33px 28px;
  border-radius:0px;
  text-align: center;
  border: 1px solid var(--e-global-color-secondary);
  transition: all 0.3s ease-out;
}
.teams-section .teams-card:hover{
  background:var(--e-global-color-dark-blue2)
}
.teams-section .teams-content{
  padding-top: 124px;
}

.teams-section .teams-icon:focus{
  box-shadow: 0px 7px 21px 0 #3d4144;
}
.teams-section .teams-card:hover .desc{
  color: var(--e-global-color-secondary);
}
.teams-section .teams-card:hover .title{
  color: var(--e-global-color-secondary);
}
.teams-section .teams-card:hover .teams-icon{
 box-shadow: none;
}
.teams-section .teams-card .teams-icon, .teams-section .teams-card .teams-cross-icon{
  position: absolute;
  top: 158px;
  right: 44px;
  background:var(--e-global-color-secondary);
  width: 46px;
  height: 46px;
  border-radius: 100px;
  z-index: 1;
  line-height: 50px;
  box-shadow: 0px 7px 21px 0 #dae0e5;
  color: var(--e-global-color-primary);
  cursor: pointer;
}
.teams-section .teams-card .teams-icon, .teams-section .teams-card .teams-cross-icon {
  position: absolute;
  top: 165px;
  right: 45px;
}
.teams-section .teams-card .teams-cross-icon {
  box-shadow: none;
}
.teams-section .teams-card .teams-icon:hover .teams-section .teams-card .teams-cross-icon{
  box-shadow: none;
}

.teams-section .teams-card .teams-plus-icon img{
border-radius: 100px;
box-shadow: 0px 7px 21px 0 #dae0e5;
}
.teams-section .teams-card .title{
 font-size: 14px;
 line-height: 20px;
 font-weight: 700;
 color: var(--e-global-color-accent);
 text-transform: uppercase;
}
.teams-section .teams-card .desc{
  font-weight: 700;
  color: var(--e-global-color-primary);
  text-transform: uppercase;
  letter-spacing: 0;
}
.teams-section .teams-mb{
  margin-bottom: 30px;
}
.teams-section .teams-card ul {
  top: 115px;
  right: 25px;
  position: absolute;
}
.teams-section .teams-card .social-icons {
  background: var(--e-global-color-accent);
  width: 38px;
  height: 38px;
  border-radius: 100px;
  z-index: 1;
  font-size: 16px;
  line-height: 39px;
  position: relative;
  list-style: none !important;
}
.teams-section .teams-card .social-icons-outer1 {
  right: -1px;
}
.teams-section .teams-card .social-icons-outer2 {
  right: 9px;
  top: -83px;
}
.teams-section .teams-card .social-icons-outer3 {
  top: -158px;
  right: 38px;
}
.teams-section .teams-card .social-icons-outer4 {
  position: absolute;
  top: -107px;
  left: -180px;
}
.teams-section .teams-card .social-icons i {
  color: var(--e-global-color-secondary);
}
.teams-section .teams-icon:before, .teams-section .teams-cross-icon:before {
  content: "\2b";
  font-size: 20px;
  line-height: 20px;
  color: var(--e-global-color-primary);
  text-align: center;
  transition: ease-in-out 0.4s;
  font-family: "FontAwesome";
  font-weight: 900;
}
.teams-section .teams-cross-icon:before {
  content: "\f00d";
  color: var(--e-global-color-accent);
}
.teams-icon:before.teams-cross-icon {
  display: none;
}
.teams-section .teams-bottom-img{
  position: absolute;
  bottom: -14px;
}
.teams-section .Hide1, .teams-section .Hide2, .teams-section .Hide3, .teams-section .Hide4, .teams-section .Hide5, .teams-section .Hide6{
  display:none;
}



.our-work-section{
  padding: 0;
  position: relative;
}
.our-work-section .case_studies-content{
  padding: 0 135px;
  text-align: center;
}
.our-work-section .case_studies-content h6 {
  letter-spacing: 2.8px;
  margin-bottom: 12px;
}
.our-work-section .case_studies-content h2 {
  margin-bottom: 18px;
}
.our-work-section .case_studies-content p {
  margin-bottom: 40px;
}
.our-work-section .case_studies_image{
  position: relative;
  transition: all 0.3s ease-in-out;
}
.our-work-section .case_studies_box{
  background: var(--e-global-color-secondary);
  position: relative;
  padding: 26px 9px 30px;
  left: 0;
  border-radius: 0;
  text-align: center;
  box-shadow: 0px 0px 100px 0px rgb(226 228 231);
  bottom: 61px;
  width: 85%;
  right: 0;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}
.our-work-section .case_studies_box:hover{
  background: var(--e-global-color-blue-f);
  transition: all 0.3s ease-in-out;

}
.our-work-section .case_studies_box:hover .case-studies-descp{
  color: var(--e-global-color-secondary);
  transition: all 0.3s ease-in-out;
}
.our-work-section .case_studies_box h4 {
  padding: 0 30px;
  margin-bottom: 10px;
}
.our-work-section .case_studies_box p{
  font-size: 18px;
  line-height: 22px;
  color: var(--e-global-color-text);
  font-weight: 400;
  margin-bottom: 20px;
}
.our-work-section .box-arrow  i{
  border: 1px solid var(--e-global-color-secondary);
  border-radius: 100%;
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  font-size: 20px;
  line-height: 55px;
  height: 55px;
  width: 55px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.our-work-section .case_studies_box .case-studies-title{
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: var(--e-global-color-accent);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
}
.our-work-section .case_studies_box .case-studies-descp{
  font-size: 22px;
  line-height: 28px;
  color: var(--e-global-color-primary);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 11px;
}
.our-work-section .btn_wrapper{
  text-align: center;
}
.our-work-section .btn_wrapper .viewall_btn {
  font-weight: 500;
  font-size: 19px;
  line-height: 19px;
  padding: 22px 74px;
  text-align: center;
  color: var(--e-global-color-white);
  display: inline-block;
  background-color: var(--e-global-color-accent);
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
.our-work-section .btn_wrapper .viewall_btn:hover {
  background-color: var(--e-global-color-secondary);
  color: var(--e-global-color-white);
}
.our-work-section .case_studies_shape {
  position: absolute;
  left: 490px;
  top: 296px;
  z-index: -1;
}
.our-work-section .autorix-text:before {
  
  width: 28px;
  height: 20px;
  position: absolute;
  top: -2px;
  left: -100px;
  right: 0;
  margin: 0 auto;
}
.our-work-section .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 20px;
  margin-left: 43px;
  text-transform: uppercase;
  color: var(--e-global-color-accent);
}
.our-work-section  h2 {
  padding: 0 264px;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.our-work-section .owl-carousel .owl-nav button.owl-prev span {
  font-size: 40px;
  line-height: 43px;
  color: var(--secondary--color);
}

.our-work-section .owl-carousel .owl-nav button.owl-prev span {
  font-size: 108px;
  line-height: 108px;
  color: var(--e-global-color-primary);
  position: absolute;
  left: -64px;
  bottom: 302px;
  font-weight: 200;
}
.our-work-section .owl-carousel .owl-nav button.owl-prev span:hover{
  color: var(--e-global-color-accent);
}
.our-work-section .owl-carousel .owl-nav button.owl-next span {
  font-size: 108px;
  line-height: 108px;
  color: var(--e-global-color-primary);
  position: absolute;
  right: -64px;
  bottom: 302px;
  font-weight: 200;
}
.our-work-section .owl-carousel .owl-nav button.owl-next span:hover{
  color: var(--e-global-color-accent);
}
.our-work-section .owl-carousel .owl-nav.disabled {
  display: block;
}
.our-work-section .owl-theme .owl-dots .owl-dot {
  display: none;
}
.our-work-section .overlay{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background: rgba(7, 39, 88, 0.822);
	opacity: 0;
	visibility: hidden;
  transition: all .4s linear;
  -webkit-transition: all .4s linear;
  -moz-transition: all .4s linear;
  -o-transition: all .4s linear;
}
.our-work-section .simple-overlay-3{
  height: 0px;
  right: 0;
  left:initial;
  width: 0px;
}
.effect-image-1:hover .simple-overlay-3{
  visibility: visible;
  opacity: 0.7;
  width: 100%;
  height: 77%
}


.contact-us-form{
  background-image: url(./images/our-services-background-img.jpg);  padding: 20px;
  position: relative;
}
.contact-us-form .autorix-text:before {
  width: 25px;
  height: 21px;
  position: absolute;
  top: -2px;
  left: -122px;
  right: 0;
  margin: 0 auto;
}
.contact-us-form .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 20px;
  margin-left: 43px;
  text-transform: uppercase;
  color: var(--e-global-color-accent);
}
.contact-us-form h2 {
  padding: 0 264px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.contact-us-form .form-control {
  display: block;
  width: 100%;
  height: 62px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--e-global-color-text);
  background-color: var(--e-global-color-secondary);
  background-clip: padding-box;
  border: none;
  border-radius: 30px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 18px 31px;
  box-shadow: 0px 13px 41px 0 #e5eaef;
}
.contact-us-form .contact-section-2 {
  margin-top: 29px;
}
.contact-us-form .contact-us-wrapper .form-btn button{
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 20px 40px !important;
  display: inline-block;
  border-radius: 20px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  transition: all ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-accent);
}

.contact-us-form .contact-us-wrapper .form-btn button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(138, 34, 34, 0.2);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-very-dark-blue);
  transition: all ease-in-out 0.3s;
}



.contact-us-form .form-btn button i {
  margin-left: 41px;
  font-size: 20px;
  line-height: 22px;
}
.contact-us-form .contact-us-wrapper .form-btn{
  text-align: center;
}
.contact-us-form .col-inner{
  margin-bottom: 30px;
}
.contact-us-form .col-inner-msg{
  margin-bottom:48px;
}
.contact-us-form .col-inner-msg .input-fill {
  border-radius: 15px;
  padding: 14px 30px 48px;
}
.contact-us-form textarea {
  border: 1px solid #d7e8ef;
  padding: 9px 17px;
  line-height: 40px;
}
.contact-us-form textarea.form-control {
  height: 129px;
}

.carousel-section{
  padding: 140px 0;
  background: url(./images/carousel-section-img.jpg);  position: relative;
}
.carousel-section:before {
  background: url(./images/offer-section-left-img.png);  content: "";
  width: 169px;
  height: 152px;
  position: absolute;
  top: -25px;
  left: -46px;
  right: 0;
}
.carousel-section::after {
  background: url(./images/offer-section-right-img.png);  content: "";
  width: 169px;
  height: 152px;
  position: absolute;
  right: -23px;
  bottom: -24px;
}
.carousel-section .carousel-content{
  background: var(--e-global-color-dark-blue3);
}


.carousel-section .carosel-text ul li i {
  color: var(--e-global-color-yellow);
  letter-spacing:0px;
}
.carousel-section .carosel-text ul li {
  display: inline;
}
.carousel-section .carosel-text .carosel-p{
  font-size: 22px;
  color: var(--e-global-color-secondary);
  font-style: italic;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 18px;
  letter-spacing: 0;
}
.carousel-section .carosel-text h6{
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  color: var(--e-global-color-secondary);
  display: inline;
}
.carousel-section .carosel-text .ceo{
  color: var(--e-global-color-light-bluish);
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  display: inline-block;
  margin-left:5px;
}
.carousel-section .carousel-content{
  padding: 50px 0 48px;
}
.carousel-section .carosel-text .carosel-img{
  margin-bottom:18px;
}
.carousel-section .carosel-text .carosel-ul{
  margin-bottom: 5px;
}
.carousel-section .carousel-content .carousel-left-img-fig{
  margin-bottom: 0;
  float: right;
  margin-right: -8px;
  z-index: 4;
  position: relative;
}
.carousel-section .carosel-text{
  padding-left: 62px;
  padding-top: 17px;
  padding-right: 70px;
}
.carousel-section .carousel-content .red-box{
  background: var(--e-global-color-accent);
  position: absolute;
  width: 49%;
  height: 466px;
  top: -50px;
  left: 16px;
  z-index: 0;
}
.carousel-section .owl-carousel .owl-item img {
  display: block;
  width: auto;
}
.carousel-section .owl-theme, .owl-theme .owl-nav {
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  margin-left:0px;
}
.carousel-section .owl-theme .owl-nav {
  margin-top: 10px;
  color:var(--e-global-color-secondary);
  text-align: left;
  font-size: 27px;
  line-height: 20px;
  margin-left: 58px;
}
.carousel-section .owl-theme .owl-nav button:focus {
  outline: none;
}
.carousel-section .owl-theme .owl-nav [class*=owl-]:hover {
  background:transparent;
  color:var(--e-global-color-accent);
  text-decoration: none;
}

.footer-section{
  background:var(--e-global-color-dark-blue2);
  padding: 50px 0;
  position: relative;
  margin-top: 150px;
}
.footer-outer-margin{
  position: relative;
}
.footer-outer-margin figure{
  position: absolute;
  bottom: -88px;
  margin: 0;
  z-index: 1;
}
.footer-bar .footer-bar-content .text-size-16{
  color: var(--e-global-color-soft-blue);
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
.footer-bar{
  background: var(--e-global-color-blue-f);
  padding:31px 0;
  position: relative;
}
.footer-section .footer-right figure{
  position: absolute;
  right: 0;
  bottom: 0px;
  margin-bottom: 0;
}
.footer-section .foot-text{
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: var(--e-global-color-soft-blue);
  margin-bottom: 4px;
}
.footer-section .navbar-brand-footer{
  margin-bottom: 23px;
}
.footer-section .footer-a {
  cursor: pointer;
}
.footer-section .social-icons ul li i {
  font-size: 14px;
  margin-top: 16px;
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-very-dark-blue);
  border-radius: 100px;
  line-height: 48px !important;
  text-align: center;
  transition: all ease-in-out 0.3s;
  
  width: 47px;
  height: 47px;
  line-height: 48px !important;
  transition: transform ease 300ms;
}
.footer-section .social-icons ul li i:hover{
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  transform: translate(0, -5px);
}
.footer-section .social-icons ul li{
  display: inline-block;
  margin-right: 8px;
}
.footer-section .social-icons ul li:last-child{
  margin-right: 0px;
}
.footer-section .social-icons{
  z-index: 19;
}
.footer-section h5{
  font-size: 22px;
  line-height: 28px;
  color: var(--e-global-color-secondary);
  font-weight: 700;
  margin-bottom:18px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.footer-section .support-footer .footer-days{
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--e-global-color-secondary);
  margin-bottom: 7px;
}
.footer-section .support-footer .footer-days:hover{
  color: var(--e-global-color-accent);
}
.footer-section .support-footer .footer-time{
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--e-global-color-soft-blue);
}
.footer-section .footer-list .icon-list-box1 .footer-link-auto{
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: var(--e-global-color-soft-blue);
  letter-spacing: 0.5px;
}
.footer-section .footer-list .icon-list-box1 .footer-link-auto:hover{
  color: var(--e-global-color-accent);
}
.footer-section .footer-list .icon-list-box1 .footer-location{
  color: var(--e-global-color-accent);
  position: absolute;
  line-height: 18px;
  font-size: 18px;
  left: 3px;
  margin-top:-19px;
}
.footer-section .footer-list .icon-list-box1 .footer-location2 {
  color: var(--e-global-color-accent);
  position: absolute;
  line-height: 18px;
  font-size: 18px;
  left: 3px;
  margin-top: 5px;
}
.footer-section .footer-list .icon-list-box1 .footer-location3 {
  color: var(--e-global-color-accent);
  position: absolute;
  line-height: 18px;
  font-size: 18px;
  left: 3px;
  margin-top: 3px;
}
.footer-section .footer-list .icon-list-box1 li {
  padding-left: 34px;
  margin-bottom: 14px;
}
.footer-section .footer-list span i{
  display: inline-block;
}
.footer-section .support-footer{
  padding-left: 40px;
}
.footer-bar .f-bar-left{
  position: absolute;
  bottom: -16px;
}


.sub-header-section{
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.sub-header-section .sub-banner-section h1 {
  margin-bottom: 28px;
  padding-right: 0px;
  text-align: center;
  text-transform: uppercase;
}
.sub-header-section .sub-banner-section .home-banner-text .banner-btn{
  text-align: center;
  position: relative;
}
.sub-header-section .sub-banner-section .banner-btn .btn-inner {
  background: var(--e-global-color-dark-blue3);
  line-height: 22px;
  font-size: 20px;
  color: var(--e-global-color-secondary);
  padding: 17px 39px 17px 38px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  transition: all ease-in-out 0.3s;
  box-shadow: 0px 6px 38px 0 #111f2c;
}

.sub-header-section .sub-banner-section .banner-btn span, .sub-header-section .sub-banner-section .banner-btn a {
  font-family: 'Mulish', sans-serif;
}
.sub-header-section .sub-banner-section .banner-btn .btn-inner .text-bars {
  display: inline-block;
  margin: 0 8px 0 8px;
}
.sub-header-section .sub-banner-section .banner-btn img {
  width: 21px;
  height: 15px;
}
.sub-header-section .sub-banner-section .banner-btn .about-margin{
  margin-left:0px;
}

.sub-header-section .sub-banner-section .banner-btn .about-margin:before {
  width: 40px;
  height: 3px;
  position: absolute;
  top: 43px;
  left: 85px;
  right: 0;
  margin: 0 auto;
  content: "";
  background: url(./images/nav-before-img.png);}
.sub-header-section:before {
  background: url(./images/about-before-img.png);  content: "";
  width: 149px;
  height: 152px;
  position: absolute;
  top: 0px;
  left: 0%;
  right: 0;
}
.sub-header-section:after {
  background: url(./images/about-us-after-img.png);  content: "";
  width: 727px;
  height: 313px;
  position: absolute;
  right: 0px;
  bottom: 0;
}


.about-us-section-page .autorix-text:before {
  
  width: 28px;
  height: 20px;
  top: 65px;
  left: 3%;
  right: 0;
}
.about-us-section-page .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 20px;
  margin-left: 39px;
  text-transform: uppercase;
  color: var(--e-global-color-accent);
}
.about-us-section-page {
  padding: 20px 0;
}
.about-us-section-page h2 {
  text-transform: uppercase;
  margin-bottom: 16px;
}
.about-us-section-page .about-us-content .our-mission-p1 {
  margin-bottom: 8px;
}
.about-us-section-page .about-us-content p {
  color: var(--e-global-color-text);
  padding-right: 77px;
}
.about-us-section-page .about-us-content ul i {
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  border-radius: 100px;
  width: 30px;
  height: 30px;
  position: relative;
  text-align: center;
  padding: 8px;
  margin-right:10px;
  font-size: 16px;
  line-height: 16px;
}
.about-us-section-page .about-us-content .list-margin-bottom {
  margin-bottom: 16px;
}
.about-us-section-page .about-us-content .list-span {
  color: var(--e-global-color-primary);
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  word-spacing: 0px;
  letter-spacing: 0.3px;
}
.about-us-section-page .about-us-content .margin-left-checkk {
  margin-left: 18px;
  letter-spacing: 0px !important;
}
.about-us-section-page .about-us-box-page{
  background: var(--e-global-color-secondary);
  box-shadow: 0px 6px 38px 0 #d7dce0;
  transition: all ease-in-out 0.3s;
}
.about-us-box-page:hover {
  transform: rotate(0.5deg);
  transition: all ease-in-out 0.3s;
}
.about-us-section-page .about-us-box-page .about-us-content{
  padding-top: 67px;
  padding-left: 15px;
}
.about-us-section-page .about-us-box-page .about-red-box figure {
  position: absolute;
  bottom: 152px;
  right: -5px;
}
.about-red-box{
  position: relative;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content {
  position: relative;
  bottom: 270px;
  z-index: 11;
  right: 66px;
  text-align: center;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .span28 {
  font-size: 46px;
  line-height: 46px;
  font-weight: 700;
  color: var(--e-global-color-secondary);
  position: absolute;
  top: -45px;
  right: 12px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .about-plus {
  font-size: 46px;
  line-height: 46px;
  font-weight: 700;
  color: var(--e-global-color-secondary);
  position: absolute;
  right: -14px;
  top: -45px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .exp {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: var(--e-global-color-secondary);
  position: absolute;
  top: 6px;
  left: 468px;
  
  margin: 0 auto;
}
.best-choice-section {
  background:url(./images/best-choice-background.jpg);  padding: 142px 0 55px;
  position: relative;
  overflow: hidden;
}
.best-choice-section:before {
  background: url(./images/best-choice-before.png);  content: "";
  width: 1059px;
  height: 744px;
  top: 0px;
  left: -8px;
  right: 0;
  position: absolute;
}
.box-section {
  margin-top: -17px;
  overflow: hidden;
}
.box-section  .mission-box {
  background: url(./images/red-box-img.png);  background-position: bottom;
  background-repeat: no-repeat;
  text-align: center;
  padding: 27px;
}
.box-section .mission-counter {
  font-size: 40px;
  line-height: 41px;
  color: var(--e-global-color-secondary);
  font-weight: 700;
  margin-bottom:0;
  margin-top: 0px;
  letter-spacing: 2px;
}
.box-section .mission-box .plus-sign {
  font-size: 40px;
  line-height: 41px;
  left: -1px;
  top: 0px;
}
.box-section .mission-box .box-p{
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: var(--e-global-color-secondary);
  letter-spacing: 0;
  font-family: 'Mulish', sans-serif;  
}

.best-choice-section .autorix-text:before {
  background: url(./images/best-choic-bars.png);  content: "";
  width: 28px;
  height: 20px;
  top: -2px;
}
.best-choice-section h2 {
  text-transform: uppercase;
  margin-bottom: 15px;
  color:var(--e-global-color-secondary);
}
.best-choice-section .banner-btn a {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 19px 24px 19px 53px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.best-choice-section .banner-btn a:hover{
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-secondary);
  transition: all ease-in-out 0.3s;
}
.best-choice-section .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 20px;
  margin-left: 39px;
  text-transform: uppercase;
  color: var(--e-global-color-secondary);
}
.best-choice-section p{
  color: var(--e-global-color-secondary);
  margin-bottom: 36px;
}
.best-choice-section .banner-btn{
  margin-bottom: 143px;
}
.best-choice-section::after {
  background: url(./images/offer-section-right-img.png);  content: "";
  width: 196px;
  height: 152px;
  position: absolute;
  right: -62px;
  bottom: 0px;
}
.best-choice-section .best-choice-left{
  width: 196px;
  height: 152px;
  position: absolute;
  top:0px;
  left: -13px;
  right: 0;
}
.best-choice-section .play-video-icon {
  position: relative;
  bottom: -113px;
  margin-bottom: 0;
}
.best-choice-section .teams-p1 {
  margin-bottom: 10px;
}
.best-choice-section .banner-btn a i {
  margin-left: 30px;
  font-size: 20px;
  line-height: 22px;
}

.whychoose-section .service-page{
  background: var(--e-global-color-white);
  border-radius: 0px;
  padding: 0px 0 24px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border: none;
  transition: transform ease 300ms;
  box-shadow: 0px 6px 38px 0 #dae0e5;
  transition: all ease-in-out 0.3s;
  margin-bottom: 32px;
  border-bottom: 2px solid var(--e-global-color-secondary);
}

.whychoose-section .blogs-section .service-page-h5{
  letter-spacing: 0.1px !important;
  color: var(--e-global-color-primary);
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0px;
  padding: 69px 80px 0px;
  text-decoration: none;
  text-transform: uppercase;
}
.whychoose-section .service-page .circle-icon1{
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  
  top: 204px;
}


.our-projects{
  padding: 140px 0 100px;
  position: relative;
}

.our-teams-page .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 20px;
  margin-left: 43px;
  text-transform: uppercase;
  color: var(--e-global-color-accent);
}
.our-teams-page .autorix-text:before {
  
  width: 28px;
  height: 20px;
  position: absolute;
  top: -2px;
  left: -184px;
  right: 0;
  margin: 0 auto;
}
.our-teams-page h2 {
  padding: 0 20px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.our-teams-page{
  background:transparent;
  padding: 138px 0 140px;
  position: relative;
}
.our-teams-page .teams-card .teams-card-fig{
  margin-bottom: 30px;
}
.our-teams-page .teams-card .teams-icon, .our-teams-page .teams-card .teams-cross-icon {
  position: absolute;
  top: 220px;
  right: 69px;
}

.our-teams-page .teams-card .social-icons-outer4 {
  position: absolute;
  top: -102px;
  left: -267px;
}
.our-teams-page .teams-card .social-icons-outer1 {
  right: 22px;
  top: 62px;
}
.our-teams-page .teams-card .social-icons-outer2 {
  right: 15px;
  top: -21px;
}
.our-teams-page .teams-card .social-icons-outer3 {
  top: -105px;
  right: 26px;
}


.our-products .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 20px;
  margin-left: 43px;
  text-transform: uppercase;
  color: var(--e-global-color-accent);
}
.our-products .autorix-text:before {
  
  width: 28px;
  height: 20px;
  top: -2px;
  left: 42.5%;
}
.our-products h2 {
  padding: 0 20px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.our-products .teams-card .carosel-ul {
  margin-bottom: 9px;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
}
.our-products .teams-card ul li {
  display: inline;
}
.our-products .teams-card ul li i {
  color: var(--e-global-color-yellow);
  letter-spacing: -1px;
  font-size: 12px;
}
.our-products .heart-icon {
  position: absolute;
  top: 254px;
  right: 59px;
  background: var(--e-global-color-secondary);
  width: 46px;
  height: 46px;
  border-radius: 100px;
  z-index: 1;
  line-height: 50px;
  box-shadow: 0px 7px 21px 0 #dae0e5;
  transition: ease-in-out 0.4s;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.our-products .heart-icon i{
  cursor: pointer;
  font-size: 20px;
  line-height: 20px;
  color: var(--e-global-color-dark-blue2);
  text-align: center;
}
.our-products .teams-card:hover .heart-icon{
  box-shadow: none;
}
.our-products .teams-card:hover .heart-icon{
  background: var(--e-global-color-accent);
}
.our-products .teams-card:hover .heart-icon i{
  color: var(--e-global-color-secondary);
}

.our-products .teams-card .title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  margin-bottom: 17px;
}
.our-products .teams-card .banner-btn a {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 17px 18px 17px 34px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.our-products .teams-card .banner-btn a i {
  margin-left: 24px;
  font-size: 20px;
  line-height: 22px;
}
.our-products .teams-card figure{
  margin-bottom: 24px;
}
.our-products .teams-card {
  background: var(--e-global-color-secondary);
  box-shadow: 0px 6px 41px 0 #dae0e5;
  padding: 37px 34px 38px;
  border-radius: 0px;
  text-align: center;
  border: 1px solid var(--e-global-color-secondary);
  transition: all 0.3s ease-out;
}
.our-products .teams-card:hover .title {
  color: var(--e-global-color-accent);
}
 .our-products .teams-card:hover .teams-icon {
  box-shadow: none;
  background:var(--e-global-color-accent);
}
.our-products .teams-card:hover .teams-icon::before {
  color: var(--e-global-color-secondary);
}
.our-products .teams-card .our-product-fig{
  position: absolute;
  top: 18px;
  left: 17px;
  display: none;
}
.our-products{
 background: transparent;
}

.our-products .teams-card:hover .our-product-fig{
  display: block;
}

.map-section{
  background-image: url(./images/our-services-background-img.jpg);  padding: 142px 0 0px;
  position: relative;
}



.contact-form-section {
  background-image: url(./images/our-services-background-img.jpg);  padding: 100px 0 140px;
  position: relative;
}
.contact-form-section .contact-us-title {
  margin-bottom:33px;
  padding: 0 27px 0 0;
}
.contact-form-section p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--e-global-color-grey-icons);
  padding: 0 10px 0 0;
  margin-bottom: 35px;
}
.contact-form-section .icons-rounded-box-contact {
  background: var(--e-global-color-dark-icons-background);
  padding: 22px 22px;
  border-radius: 6px;
  margin-bottom: 40px;
  float: left;
  margin-right: 26px;
}
.contact-form-section .contact-li {
  float: left;
  width: 100%;
  margin-bottom:28px;
}
.contact-form-section .contact-content .contact-title {
  font-size: 22px;
  line-height: 33px;
  font-weight: 700;
  color: var(--e-global-color-primary);
  display: block;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.contact-form-section .contact-content .contact-parah {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: var(--e-global-color-text);
  display: block;
}
.contact-form-section .contact-form-margin {
  margin-bottom: 28px;
  width: 102%;
}
.contact-form-section .input-text {
  border: none;
  -webkit-transition: 1s;
  transition: 1s;
  padding: 12px 45px 12px 30px;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  border-radius: 24px;
  font-weight: 400;
  color: var(--e-global-color-text);
  box-shadow: 0px 6px 38px 0 #dae0e5;
  height: 55px;
}
.contact-form-section .input-text1 {
  border: none;
  -webkit-transition: 1s;
  transition: 1s;
  padding: 16px 45px 32px 33px;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  border-radius: 24px;
  font-weight: 400;
  color: var(--e-global-color-text);
  box-shadow: 0px 6px 38px 0 #dae0e5;
}

.contact-form-section .contact-section-btn a {
  color: var(--e-global-color-white-banner-text);
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  padding: 25px 40px 25px;
  display: block;
  background: var(--e-global-color-btn-red);
  border-radius: 8px;
}
.contact-form-section .teams-text {
  color: var(--e-global-color-accent);
}
.contact-form-section .autorix-text:before {
  
  width: 28px;
  height: 20px;
  top: -2px;
  left: -41px;
}
.contact-form-section .contact-fig{
  display: inline-block;
  float: left;
  margin-right:32px;
}
.contact-form-section .contact-content .next-number{
  margin-right: 95px;
}
.contact-form-section .banner-btn button {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 19px 24px 19px 71px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.contact-form-section .banner-btn button:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-very-dark-blue);
  transition: all ease-in-out 0.3s;
}
.contact-form-section .banner-btn button i {
  margin-left: 35px;
  font-size: 20px;
  line-height: 22px;
}
.contact-form-section .contact-form-margin-text-area{
  margin-bottom: 33px;
}
.contact-form-section .contact-us-title2 {
  margin-bottom:30px;
  padding: 0 27px 0 0;
}



.nft-section {
  padding: 125px 0 130px 0;
}
.nft-section .circle {
  top: -61px;
  right: -106px;
}
.nft-section .preview-box {
  padding: 19px;
  background-color: var(--e-global-color-secondary);
  border-radius: 5px;
  box-shadow: 0px 13px 41px 0 #e5eaef;
}
.nft-section .preview-box .preview-img {
  margin-bottom: 18px;
}
.nft-section .preview-box-top {
  margin-bottom: 11px;
}
.nft-section .preview-box-top i {
  font-size: 22px;
  line-height: 30px;
  color: var(--e-global-color-accent);
}
.nft-section .preview-box-middle {
  padding-bottom: 32px;
  border-bottom: 1px solid var(--e-global-color-desaturated-blue);
  margin-bottom: 24px;
}
.nft-section .preview-box-middle .left {
  float: left;
  width: 70%;
}
.nft-section .preview-box-middle .left figure {
  float: left;
  display: inline-block;
  margin-right: 16px;
}
.nft-section .preview-box-middle .left .name {
  font-size: 16px;
  line-height: 17px;
  display: block;
  font-weight: 400;
  padding-top: 7px;
}
.nft-section .preview-box-middle .left .mail {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  font-weight: 400;
  color: var(--e-global-color-text);
}
.nft-section .preview-box-middle .right {
  float: right;
  width: 30%;
}
.nft-section .preview-box-middle .right .bid {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  display: block;
  padding-top: 5px;
  color: var(--e-global-color-text);
}
.nft-section .preview-box-middle .right .price {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.nft-section .preview-box a {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  padding: 22px 23px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: var(--e-global-color-white);
  background-image: linear-gradient(90deg, var(--e-global-color-bright-blue) 0%, var(--e-global-color-accent) 100%);
}
.nft-section .preview-box a:hover {
  background-image: linear-gradient(90deg, var(--e-global-color-accent) 0%, var(--e-global-color-bright-blue) 100%);
}
.nft-section .create-nft-box {
  padding: 30px 13px;
  line-height: 0;
  
  background-color: var(--e-global-color-secondary);
  border-radius: 5px;
  box-shadow: 0px 13px 41px 0 #e5eaef;
}
.checkout-section .billing-details-h3{
  color: var(--e-global-color-primary);
}
.nft-section .create-nft-box .form-group label {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 13px;
  color: var(--e-global-color-primary);
  margin-left: 10px;
}
.checkout-section .your-order{
  color: var(--e-global-color-primary);
}
.checkout-section .select-icon{
  position: relative;
}
.checkout-section .select-icon::after{
  content: "";
  font-size: 19px;
  color: var(--e-global-color-text);
  width: 12px;
  right: 23px;
  top: 35%;
  height: 15px;
  position: absolute;
  line-height: 16px !important;
  text-align: center;
  transition: ease-in-out 0.4s;
  background-image:url(./images/dropdown-arrow.png);}
.nft-section .create-nft-box .form-group {
  float: left;
  width: 47.1%;
  margin: 0 10px 15px;
}
.nft-section .create-nft-box .special {
  width: 97% !important;
}
.nft-section .create-nft-box .form-group .form-control {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 61px;
  line-height:20px;
  padding: 10px 21px;
  border-radius:24px;
}
.nft-section .form-control::placeholder { 
  color: var(--createform-border-color);
  opacity: 1;
}
.nft-section .create-nft-box .form-group .form-control:focus {
  box-shadow: none;
}
.nft-section .create-nft-box .form-group select {
  -webkit-appearance: none;
  background-repeat: no-repeat !important;
  background-position: 94.3% 26px !important;
  background-image: url('./images/dropdown-arrow.png') !important;}
.nft-section input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  display: block;
  background-image: url(./images/calendar.png);}
.nft-section .create-nft-box .form-group textarea {
  height: 117px !important;
}
.nft-section .create-nft-box .form-check {
  float: left;
  width: 50%;
  padding-left: 30px;
  padding-top: 19px;
}
.nft-section .create-nft-box .form-check input {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: 0;
  border: 1px solid var(--e-global-color-accent);
  border-radius: 100px;
  -webkit-appearance: none;
}
.nft-section .create-nft-box .form-check input:checked {
  -webkit-appearance: auto;
}
.nft-section .create-nft-box .form-check label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin-left: 15px;
  display: block;
}
.nft-section .create-nft-box .btn {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  padding: 22px 52px;
  margin-right: 12px;
  border: none;
  border-radius: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: var(--e-global-color-white);
  background-image: linear-gradient(90deg, var(--e-global-color-bright-blue) 0%, var(--e-global-color-accent) 100%);
}
.nft-section .create-nft-box .btn:hover {
  background-image: linear-gradient(90deg, var(--e-global-color-accent) 0%, var(--e-global-color-bright-blue) 100%);
}
.nft-section .create-nft-box .btn-outer {
  float: left;
  width: 100%;
  padding-top: 15px;
}



.product-section {
  background-image: url(./images/our-services-background-img.jpg);  padding: 138px 0 140px;
  position: relative;
}
.product-section .heading {
  margin-bottom: 42px;
}
.product-section .heading h6 {
  color: var(--e-global-color-secondary);
}
.product-section .filter-list .circle {
  bottom: -59px;
  right: -92px;
}
.product-section .filter-list {
  text-align: center;
  margin-bottom: 50px;
  width: 100%;
}
.product-section .filter-list .btn {
  background: var(--e-global-color-dark-blue);
  border: 1px solid var(--e-global-color-desaturated-blue);
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 18px 24px;
  display: inline-block;
  border-radius: 0;
  text-transform: capitalize;
  margin: 0 7px;
  color: var(--e-global-color-white);
}
.product-section .filter-list .btn:hover {
  background-image: linear-gradient(90deg, var(--e-global-color-bright-blue) 0%, var(--e-global-color-accent) 100%);
}
.product-section .filter-list .btn:focus {
  box-shadow: none;
}
.product-section .filter-list .btn.active {
  background-image: linear-gradient(90deg, var(--e-global-color-bright-blue) 0%, var(--e-global-color-accent) 100%);
}
.product-section .product-box {
  padding: 19px 16px;
  background: var(--e-global-color-dark-blue);
  float: left;
  width: 100%;
  border: 1px solid var(--e-global-color-desaturated-blue);
  margin-bottom: 30px;
}
.product-section .product-box figure {
  margin-bottom: 19px;
}
.product-section .product-box-top figure {
  margin-right: 8px;
}
.product-section .product-box-top .name {
  font-size: 14px;
  line-height: 40px;
  font-weight: 400;
  display: inline-block;
}
.product-section .product-box-top .rate {
  position: relative;
  top: 7px;
  padding: 1px 8px;
  background: #1a1a37;
}
.product-section .product-box-top .rate i {
  color: var(--e-global-color-accent);
  margin-right: 2px;
  font-size: 14px;
}
.product-section .product-box-top .rate span {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.product-section .product-box-middle .bid {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: var(--e-global-color-text);
}
.product-section .product-box-middle .price {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}
.product-section .product-box-bottom {
  padding-bottom: 29px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--e-global-color-desaturated-blue);
}
.product-section .product-box-bottom .name {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  display: block;
  margin-bottom: 3px;
}
.product-section .product-box-bottom ul li {
  display: inline-block;
}
.product-section .product-box-bottom ul li i {
  color: var(--e-global-color-yellow);
  font-size: 11px;
}
.product-section .product-box .btn-link {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 12px 23px;
  text-decoration: none;
  display: inline-block;
  color: var(--secondary--color);
  background-image: linear-gradient(90deg, var(--primary--color) 0%, var(--accent-color) 100%);
}   
.product-section .product-box .btn-link:hover {
  background-image: linear-gradient(90deg, var(--accent-color) 0%, var(--primary--color) 100%);
}



.checkout-section .create-nft-box .form-group select {
  background-position: 96.3% 26px !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.checkout-section .preview-box {
  float: left;
  width: 100%;
}
.checkout-section .preview-box .product-outer {
  padding: 15px 0;
  border-bottom: 1px solid var(--borderline-color);
}
.checkout-section .preview-box .product-outer span {
  font-size: 16px;
  line-height: 17px;
  display: inline-block;
  font-weight: 700;
  color: var(--secondary--color);
}
.checkout-section .preview-box .product-outer .total {
  padding-top: 3px;
  color: var(--secondary--color);
  font-weight: 400;
}
.checkout-section .preview-box .shipping-outer {
  padding: 15px 0;
}
.checkout-section .preview-box .shipping-outer .shipping {
  font-size: 16px;
  line-height: 17px;
  font-weight: 500;
  display: block;
  color: var(--secondary--color);
  margin-bottom: 15px;
}
.checkout-section .preview-box .shipping-outer .price {
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  display: block;
  color: var(--secondary--color);
}
.checkout-section .preview-box .total-price-outer {
  padding: 15px 0;
}
.checkout-section .preview-box .total-price-outer span {
  font-size: 16px;
  line-height: 17px;
  display: inline-block;
  font-weight: 700;
  color: var(--secondary--color);
}
.checkout-section .preview-box .total-price-outer .total {
  padding-top: 3px;
  color: var(--secondary--color);
  font-weight: 400;
}
.checkout-section .preview-box .form-check {
  margin-bottom: 25px;
  border-bottom: 1px solid var(--borderline-color);
}
.checkout-section .preview-box .form-check input {
  width: 20px;
  height: 20px;
  line-height: 24px;
  margin-top: 0;
  border: 1px solid var(--primary--color);
  border-radius: 100px;
  -webkit-appearance: none;
  top: 2px;
}
.checkout-section .preview-box .form-check input:checked {
  -webkit-appearance: auto;
}
.checkout-section .preview-box .form-check label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin-left: 15px;
  margin-bottom: 10px;
  display: block;
  color: var(--secondary--color);
}
.checkout-section .preview-box .form-check p {
  font-size: 14px;
  line-height: 24px;
  margin-left: 15px;
  color: var(--secondary--color);
}
.checkout-section .preview-box .btn-outer .btn {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 19px 33px 19px 42px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}
.checkout-section .preview-box .btn-outer .btn:hover {
  background-image: linear-gradient(90deg, var(--accent-color) 0%, var(--primary--color) 100%);
}



.cart-section .product-detail-box {
  padding: 50px;
  background: var(--e-global-color-secondary);
  box-shadow: 0px 13px 41px 0 #e5eaef;
}
.cart-section .product-image {
  float: left;
  width: 14%;
}
.cart-section .product-details {
  float: left;
  width: 34%;
}
.cart-section .product-price {
  float: left;
  width: 15%;
  color: var(--e-global-color-soft-blue);
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}
.cart-section .product-quantity {
  float: left;
  width: 16%;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: var(--e-global-color-secondary);
}
.cart-section .product-removal {
  float: left;
  width: 9%;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: var(--e-global-color-secondary);
}
.cart-section .product-line-price {
  float: left;
  width: 12%;
  text-align: right;
  color: var(--e-global-color-soft-blue);
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}

.cart-section .group:before, .cart-section .shopping-cart:before, .cart-section .column-labels:before, .cart-section .product:before, .cart-section .totals-item:before,
.cart-section .group:after,
.cart-section .shopping-cart:after,
.cart-section .column-labels:after,
.cart-section .product:after,
.cart-section .totals-item:after {
  content: '';
  display: table;
}
.cart-section .group:after, .cart-section .shopping-cart:after, .cart-section .column-labels:after, .cart-section .product:after, .cart-section .totals-item:after {
  clear: both;
}
.cart-section .group, .cart-section .shopping-cart, .cart-section .column-labels, .cart-section .product, .cart-section .totals-item {
  zoom: 1;
}

.cart-section label {
  color: var(--e-global-color-secondary);
}

.cart-section .column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--e-global-color-soft-blue);
  color: var(--e-global-color-primary);
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.cart-section .column-labels .product-image {
  text-indent: -9999px;
}

.cart-section .product {
  margin-bottom: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--e-global-color-soft-blue);
}
.cart-section .product .product-image {
  text-align: left;
}
.cart-section .product .product-image img {
  width: 100px;
}
.cart-section .product .product-details .product-title {
  margin-right: 20px;
  color: var(--e-global-color-primary);
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}
.cart-section .product .product-details .product-description {
  margin: 5px 20px 5px 0;
  line-height: 1.4em;
}
.cart-section .product .product-quantity input {
  width: 40px;
  background: transparent;
  color: var(--e-global-color-accent);
  border: 1px solid var(--e-global-color-accent);
  text-align: center;
  font-size: 16px;
  height: 30px;
  border-radius: 3px;
}
.cart-section .product .product-quantity input:focus-visible {
  outline: none;
}
.cart-section .product .remove-product {
  border: 0;
  padding: 4px 8px;
  border: 1px solid var(--e-global-color-accent);
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  font-size: 12px;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.cart-section .product .remove-product:hover {
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-primary);
}
.cart-section .preview-box .btn-outer .btn {
  width: auto;
}


.checkout-section .create-nft-box .form-group select {
  background-position: 96.3% 26px !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.checkout-section .preview-box {
  float: left;
  width: 100%;
}
.checkout-section .preview-box .product-outer {
  padding: 15px 0;
  border-bottom: 1px solid var(--e-global-color-soft-blue);
}
.checkout-section .preview-box .product-outer span {
  font-size: 16px;
  line-height: 17px;
  display: inline-block;
  font-weight: 700;
  color: var(--secondary--color);
}
.checkout-section .preview-box .product-outer .total {
  padding-top: 3px;
  color: var(--secondary--color);
  font-weight: 400;
}
.checkout-section .preview-box .shipping-outer {
  padding: 15px 0;
}
.checkout-section .preview-box .shipping-outer .shipping {
  font-size: 16px;
  line-height: 17px;
  font-weight: 500;
  display: block;
  color: var(--secondary--color);
  margin-bottom: 15px;
}
.checkout-section .preview-box .shipping-outer .price {
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  display: block;
  color: var(--secondary--color);
}
.checkout-section .preview-box .total-price-outer {
  padding: 15px 0;
}
.checkout-section .preview-box .total-price-outer span {
  font-size: 16px;
  line-height: 17px;
  display: inline-block;
  font-weight: 700;
  color: var(--secondary--color);
}
.checkout-section .preview-box .total-price-outer .total {
  padding-top: 3px;
  color: var(--secondary--color);
  font-weight: 400;
}
.checkout-section .preview-box .form-check {
  margin-bottom: 25px;
  border-bottom: 1px solid var(--borderline-color);
}
.checkout-section .preview-box .form-check input {
  width: 20px;
  height: 20px;
  line-height: 24px;
  margin-top: 0;
  border: 1px solid var(--e-global-color-accent);
  border-radius: 100px;
  -webkit-appearance: none;
  top: 2px;
}
.checkout-section .preview-box .form-check input:checked {
  -webkit-appearance: auto;
}
.checkout-section .preview-box .form-check label {
  font-size: 16px;
  line-height: 22px;
  font-weight:700;
  margin-left: 15px;
  margin-bottom: 5px;
  display: block;
  color: var(--e-global-color-primary);
}
.checkout-section .preview-box .form-check p {
  font-size: 14px;
  line-height: 24px;
  margin-left: 15px;
  color: var(--e-global-color-text);
}
.checkout-section .preview-box .btn-outer .btn {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  padding: 22px 23px;
  text-decoration: none;
  display: inline-block;
  color: var(--e-global-color-secondary);
  background:var(--e-global-color-accent);
  border: none;
  border-radius: 57px;
  width: 100%;
}
.checkout-section .preview-box .btn-outer .btn:hover{
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-very-dark-blue);
  transition: all ease-in-out 0.3s;
}
.cart-section .preview-box .btn-outer .btn {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  padding: 22px 23px;
  text-decoration: none;
  display: inline-block;
  color: var(--e-global-color-secondary);
  background:var(--e-global-color-accent);
  border:1px solid var(--e-global-color-accent);
  border-radius: 57px;
}
.cart-section .preview-box .btn-outer .btn:hover{
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-very-dark-blue);
  transition: all ease-in-out 0.3s;
}
.cart-section .preview-box .btn-outer{
  width: 29%;
  float: right;
}
.checkout-section .preview-box .btn-outer .btn:hover {
  background-image: linear-gradient(90deg, var(--accent-color) 0%, var(--primary--color) 100%);
}



@media screen and (max-width: 2050px) {
  .about-us-section figure .about-center-img {
    margin-left:0px;
    width: 81%;
  }
  .about-us-section:before {
    right: 50%;
}
  }
@media screen and (max-width: 1950px) {
.home-banner-section {
  padding-top: 88px;
  padding-left: 293px;
  position: relative;
}
.sub-banner-section {
  padding-top: 182px;
  padding-left: 0px;
  position: relative;
}
.home-banner-section .btn-talk a {
  padding: 18px 27px 18px 34px !important;
}
.sub-banner-section .btn-talk a {
  padding: 18px 27px 18px 34px !important;
}
.main-header {
  padding: 40px 260px 0px 320px;
}
.about-us-section figure .about-center-img {
  margin-left:78px;
  width: 81%;
}
.about-us-section:before {
  right: 47%;
}
.footer-outer-margin figure {
  left: -79px;
}
}

@media screen and (max-width: 1850px) {
.main-header {
  padding: 40px 224px 0px 282px;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -225px;
  top: 35px;
}
.about-us-section:before {
  right: 45%;
}
}

@media screen and (max-width: 1750px) {
.home-banner-section {
  padding-top: 88px;
  padding-left: 210px;
  position: relative;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -150px;
  top: 17px;
}
.main-header {
  padding: 28px 200px 0 208px;
}
.about-us-section:before {
  right: 43%;
  left: -38px;
}
.about-us-section figure .about-center-img {
  margin-left: 200px;
  width: 64%;
}
}

@media screen and (max-width: 1650px) {
.home-banner-section {
  padding-left: 150px;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -106px;
  top: 12px;
}
.main-header {
  padding: 28px 150px 0 150px;
}
h1 {
  font-size: 60px;
  line-height: 70px;
}
.about-us-section:before {
  right: 43%;
  left: -90px;
}
.about-us-section figure .about-center-img {
  margin-left: 290px;
  width: 50%;
}
.footer-outer-margin figure {
  left: -113px;
}
}

@media screen and (max-width: 1550px) {
.home-banner-section {
  padding-left: 124px;
  padding-top: 62px;
}
.main-header {
  padding: 28px 90px 0 120px;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -93px;
  top: 12px;
}
.btn-talk li i {
  margin-left: 14px;
  font-size: 16px;
  line-height: 16px;
}
.btn-talk a {
  padding: 18px 18px 18px 22px !important;
}
.home-banner-text h1 {
  padding-right: 3px;
}
.about-us-section:before {
  right: 43%;
  left: -93px;
}

.mission-section .our-mission-figure-box img {
  width:100%;
}
.mission-section .our-mission-figure-box {
  position: absolute;
  left: -54px;
  top: 144px;
}
.footer-outer-margin figure {
  left: -52px;
}
.footer-outer-margin figure img {
  width: 614px;
  height: 614px;
}
}

@media screen and (max-width: 1440px) {
h1 {
  font-size: 50px;
  line-height: 56px;
}
.main-header {
  padding: 28px 55px 0 110px;
}
.btn-talk a {
  padding: 17px 15px 17px 19px !important;
}
.navbar-nav li {
  margin: 0 20px;
}
.whychoose-section .whychoseus-left-img {
  margin-bottom: 0;
  bottom: -75px;
}
.about-us-section:before {
  right: 43%;
  left: -262px;
}
.about-us-section figure .about-center-img {
  margin-left:198px;
  width: 45%;
}
.our-work-section .owl-carousel .owl-nav button.owl-next span {
  font-size: 84px;
  line-height: 96px;
  right: -30px;
  bottom: 302px;
}
.our-work-section .owl-carousel .owl-nav button.owl-prev span {
  font-size: 84px;
  line-height: 96px;
  left: -28px;
  bottom: 302px;
}

.sub-header-section:before {
  width: 147px;
  height: 136px;
  top: 0px;
  left: -2%;
}
.sub-header-section:after {
  width: 725px;
  height: 311px;
}

.best-choice-section {
  background-position: center;
}
.best-choice-section:before {
  left: -382px;
}
.best-choice-section .play-video-icon {
  bottom: -150px;
  margin-bottom: 0;
}
.best-choice-section .play-video-icon img{
  width: 130px;
}
.box-section {
  margin-top: -17px;
}
.footer-outer-margin figure img {
  width: 594px;
  height: 594px;
}
.footer-bar .f-bar-left {
  bottom: -16px;
  left: -109px;
}
}

@media screen and (max-width: 1350px) {

.home-banner-section {
  padding-left: 120px;
  padding-top: 62px;
}
.home-banner-text h1 {
  padding-right: 30px;
}
.home-banner-section .home-banner-text {
  padding: 0px 0 196px 0px;
}
.home-banner-section .banner-img-outer .banner-img img{
 width: 955px;
}
.main-header {
  padding: 28px 0px 0 98px;
}

.mission-section .our-mission-figure-box {
  position: absolute;
  left: -29px;
  TOP: 106px;
}
.mission-section .our-mission-figure-box img{
  width:100%;
}
.mission-section {
  padding: 104px 0 46px;
}
.footer-outer-margin figure img {
  width: 550px;
  height: 550px;
}
.footer-outer-margin figure {
  left: -69px;
}
}

@media screen and (max-width: 1250px) {
.main-header {
  padding: 28px 0px 0 78px;
}
.main-header .navbar-brand {
  margin-right:84px;
}
.btn-talk li i {
  margin-left: 10px;
}
.home-banner-text h1 {
  padding-right: 10px;
}

}

@media screen and (max-width: 1199px) {

.btn-talk a {
  line-height: 16px;
  font-size: 14px;
}
.main-header {
  padding: 28px 0px 0 78px;
}
.btn-talk {
  margin-left: 30px !important;
}
.main-header a img{
  width: 100px;
}
.main-header .navbar-brand {
  margin-right: 57px;
}
.btn-talk li i {
  font-size: 14px;
  line-height: 14px;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -74px;
  top: 234px;
}
.home-banner-section .banner-img-outer .banner-img img {
  width: 670px;
}
h1 {
  font-size: 44px;
  line-height: 50px;
}
.home-banner-section .banner-img-outer {
  padding-top: 65px;
}
.home-banner-section {
  padding-left: 83px;
  padding-top: 62px;
}
.home-banner-text h1 {
  padding-right: 0px;
}
.banner-container-box .social-icons ul li .social-networks {
  width: 40px;
  height: 40px;
  line-height: 40px !important;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -64px;
  top: 7px;
}
.banner-paragraph {
  padding-right: 20px;
}
h6 {
  font-size: 18px;
  line-height: 22px;
}
.autorix-text {
  margin-left: 33px;
  margin-bottom: 16px;
}
.autorix-text:before {
  width: 25px;
  height: 18px;
  top: 0px;
  left: 0%;
  right: 0;
}
.banner-btn a {
  padding: 16px 22px 16px 30px !important;
}
.banner-btn a i {
  margin-left: 12px;
  font-size: 18px;
  line-height: 20px;
}
.home-banner-section .home-banner-text {
  padding: 0px 0 97px 0px;
}
.home-banner-section .banner-img-outer {
  padding-top: 66px;
}
.navbar-nav li {
  display: inline-block;
  margin: 0 12px;
}
.home-banner-text {
  padding: 0px 0px 34px 12px;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 0;
}
.banner-paragraph {
  font-size: 18px;
  line-height: 26px;
}
.banner-paragraph {
   margin-bottom: 19px;
}
.btn-talk a {
  line-height: 14px;
  font-size: 14px;
  padding: 15px 20px 15px 20px !important;
}
.sub-header-section .sub-banner-section .banner-btn .btn-inner {
  line-height: 20px;
  font-size: 18px;
  padding: 15px 23px 16px 26px !important;
}

h4 {
  font-size: 22px;
  line-height: 24px;
}
.autorix-text:before {
  width: 25px;
  height: 18px;
  top: 0px;
  left: -5%;
  right: 0;
}
.home-banner-section .banner-btn a {
  padding: 18px 20px 18px 38px !important;
}
.home-banner-section .banner-btn a i {
  margin-left: 12px;
  font-size: 18px;
  line-height: 18px;
}

.whychoose-section {
  padding: 100px 0;
}
.whychoose-section h2 {
  padding: 0 174px;
  text-transform: uppercase;
  margin-bottom: 36px;
}
.whychoose-section .blogs-section .blogs-h5 {
  padding: 36px 56px 0px;
}
.whychoose-section .blogs-section .blogs-p {
  padding: 0 20px;
  margin-bottom: 10px;
}
.whychoose-section .blogs-section .read-more a {
  margin-right: -8px;
}
.whychoose-section .blogs-section .read-more a i {
  margin-left: 4px;
}
h2 {
  font-size: 38px;
  line-height: 40px;
}
.whychoose-section .autorix-text:before {
  width: 24px;
  height: 17px;
  top: -2px;
  left: -157px;
}

.about-us-section .about-content h2 {
  font-size: 33px;
  line-height: 38px;
}
.about-us-section figure .about-center-img {
  margin-left: 258px;
  width: 45%;
}
.about-us-section:before {
  right: 43%;
  left: -380px;
}
.about-us-section h3 {
  font-size: 33px;
  line-height: 40px;
}
.about-us-section .about-content .about-content-box .about-plus {
  font-size: 30px;
  line-height: 33px;
}
.about-us-section {
  padding: 112px 0 76px;
}
.about-us-section::after {
  width: 110px;
  height: 127px;
}
.sub-header-section .sub-banner-section .banner-btn .about-margin:before {
  width: 40px;
  height: 2px;
  top: 39px;
}


.our-services-section {
  padding: 100px 0 100px;
}
.our-services-section .autorix-text:before {
  width: 25px;
  height: 19px;
  top: 0px;
  left: -171px;
}
.our-services-section h2 {
  padding: 0px 176px;
}
.our-services-section .our-services-left-img {
  padding-left: 1px;
}
.our-services-section .our-services-content .our-services-center-box {
  padding: 0 34px;
}
.our-services-section .our-services-right-img {
  padding-right: 1px;
}
.our-services-section .our-services-outer1 {
  padding-top: 88px;
  padding-bottom: 36px;
}
.our-services-section .our-services-outer .our-services-car-img {
  top: -73px;
  text-align: center;
  left: -95px;
  right: 0;
}
.our-services-section .banner-btn a {
  padding: 19px 24px 19px 30px !important;
}
.our-services-section .banner-btn a i {
  margin-left: 10px;
  font-size: 18px;
  line-height: 20px;
}
.our-services-section .autorix-text {
  margin-left:0px;
}

.mission-section {
  padding: 100px 0 70px;
}
.mission-section .our-mission-figure-box {
  position: absolute;
  left: 0px;
  TOP: 227px;
}
.mission-section .our-mission-figure-box img {
  width: 92%;
}
.mission-section .our-mission-right {
  position: absolute;
  right: 0;
  bottom: -78px;
}
.mission-section .about-us-content .margin-left-checkk {
  margin-left: 10px;
}
.mission-section .about-us-content .list-span {
  font-size: 14px;
  line-height: 18px;
  word-spacing: 0px;
  letter-spacing: 0px;
}
.mission-section .about-us-content ul i {
  width: 28px;
  height: 28px;
  font-size: 14px;
  line-height: 14px;
}
.mission-section .mission-red-box .banner-btn a {
  padding: 18px 20px 18px 36px !important;
}
.mission-section .mission-red-box .banner-btn a i {
  margin-left: 40px;
}
.mission-section .mission-red-box .contact-form-margin {
  margin-bottom: 18px;
}
.mission-section .mission-red-box .contact-form-margin-car {
  margin-bottom: 25px;
}
.mission-section .mission-red-box h5 {
  margin-bottom: 24px;
}
.mission-section .input-text {
  padding: 24px 21px;
}
.mission-section .mission-red-box {
  margin-left: 0;
}
.mission-section .autorix-text:before {
  width: 25px;
  height: 19px;
  top: 0px;
  left: 0px;
}
.mission-section .autorix-text {
  margin-left: 37px;
}

.offer-section {
  padding: 100px 0;
}
.offer-section .offer-content .offer-text {
  margin-bottom: 28px;
}
.offer-section .offer-text:before {
  top: 0px;
  left: -17%;
}
.offer-section .banner-btn a {
  padding: 15px 22px 15px 37px !important;
}
.offer-section .banner-btn a i {
  margin-left: 15px;
}
.offer-section .offer-content .offer-upto {
  font-size: 44px;
  line-height: 48px;
  margin-bottom: 26px;
}
.offer-section .offer-content h2 {
  text-transform: uppercase;
  margin-bottom: 17px;
}

.teams-section .teams-card .teams-icon, .teams-section .teams-card .teams-cross-icon {
  top: 147px;
  right: 32px;
  width: 42px;
  height: 42px;
  line-height: 47px;
}
.teams-section .teams-card {
  padding: 30px 23px 27px;}
.teams-section .teams-card .desc {
  margin-bottom: 0;
}
.teams-section .teams-card .social-icons-outer1 {
  right: -17px;
  top: -5px;
}
.teams-section .teams-card .social-icons-outer2 {
  right: -12px;
  top: -88px;
}
.teams-section .teams-card .social-icons-outer3 {
  top: -163px;
  right: 15px;
}
.teams-section {
  padding: 100px 0;
}
.teams-section .banner-btn a {
  padding: 18px 20px 18px 30px !important;
}
.teams-section .teams-card .social-icons-outer4 {
  top: -107px;
  left: -136px;
}

.our-work-section {
  padding: 100px 0 90px;
}
.our-work-section h2 {
  padding: 0 220px;
}

.our-work-section .owl-carousel .owl-nav button.owl-next span {
  display: none;
}
.our-work-section .owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.our-work-section .owl-theme .owl-dots .owl-dot {
  display: inline-block;
}
.our-work-section .owl-theme .owl-dots, .owl-theme .owl-nav {
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}
.our-work-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background:var(--e-global-color-accent);
  opacity: 100%;
}


.our-work-section .owl-theme .owl-dots .owl-dot span{
  background:var(--e-global-color-accent);
  opacity: 0.3;
}

.contact-us-form {
  padding: 100px 0 100px;
}
.contact-us-form h2 {
  padding: 0 137px;
}
.contact-us-form .autorix-text:before {
  width: 25px;
  height: 18px;
  top: 0px;
}
.contact-us-form .form-btn button i {
  margin-left: 25px;
  font-size: 20px;
  line-height: 22px;
}

.contact-us-form .contact-us-wrapper .form-btn button {
  padding: 16px 21px 16px 47px !important;
}
.contact-form-section .banner-btn button {
  padding: 15px 24px 15px 50px !important;
}
.contact-form-section .banner-btn button i {
  margin-left: 22px;
}
.contact-form-section .teams-text {
  margin-left: 33px  !important;
}


.carousel-section {
  padding: 100px 0;
}
.carousel-section .carosel-text {
  padding-left: 40px;
  padding-top: 17px;
  padding-right: 40px;
}
.carousel-section .owl-theme .owl-nav {
  margin-left: 38px;
}
.carousel-section .carousel-content .red-box {
  height: 493px
}
.carousel-section .carousel-content .carousel-left-img-fig {
  left: 21px;
}
.carousel-section:before {
  left: -72px;
}
.carousel-section::after {
  right: -56px;
}

.sub-banner-section {
padding: 100px 0;
}
.sub-header-section:after {
 display: none;
}

.about-us-section-page {
  padding: 20px 0;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .span28 {
  font-size: 30px;
  line-height: 35px;
  top: -34px;
  right: -76px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .about-plus {
  font-size: 30px;
  line-height: 31px;
  font-weight: 700;
  right: -96px;
  top: -35px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .exp {
  top: 2px;
  left: 481px;
  font-size: 14px;
  line-height: 15px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content {
  bottom: 247px;
  z-index: 11;
  right: 113px;
}
.about-us-section-page .about-us-box-page .about-red-box figure {
  bottom: 152px;
  right: -28px;
}
.about-us-section-page .about-us-box-page .about-red-box figure img{
  width: 150px;
  height: 150px;
}
.about-us-section-page .about-us-content p {
  padding-right: 20px;
}
.about-us-section-page .autorix-text {
  margin-bottom: 8px;
  margin-left: 36px;
}
.about-us-section-page .about-us-box-page .about-us-content {
  padding-top: 60px;
}
.about-us-section-page .autorix-text:before {
  top: 61px;
}

.best-choice-section {
  padding: 100px 0 36px;
}
.best-choice-section:before {
  left: -466px;
}
.best-choice-section .autorix-text:before {
  width: 26px;
  height: 18px;
  top: 1px;
  left: -33px;
}
.best-choice-section .best-choice-left {
  left: -42px;
}
.best-choice-section::after {
  right: -87px;
}
.box-section .mission-counter {
  font-size: 36px;
  line-height: 38px;
  letter-spacing: 0px;
}
.best-choice-section .banner-btn a {
  padding: 19px 24px 19px 38px !important;
}
.best-choice-section .banner-btn a i {
  margin-left: 18px;
  font-size:18px;
  line-height: 20px;
}
.best-choice-section p {
  margin-bottom: 30px;
}
.footer-outer-margin figure img {
  display: none;
}
.footer-bar .f-bar-left {
  bottom: -16px;
  left: -109px;
  display: none;
}
.footer-section .footer-right figure {
  position: absolute;
  right: 0;
  bottom: -50px;
}
.footer-section {
  padding: 100px 0 80px;
}
.footer-bar {
  padding: 20px 0;
}

.whychoose-section .service-page .circle-icon1 {
  top: 167px;
}
.whychoose-section .service-page .service-page-h5 {
  padding: 74px 50px 0px;
}

.our-projects {
  padding: 100px 0 64px;
}

.our-teams-page {
  padding: 100px 0 70px;
}
.our-teams-page .teams-card .teams-icon, .teams-section .teams-card .teams-cross-icon .teams-icon{
  top: 202px;
  right: 34px;
}
.our-teams-page .teams-card .social-icons-outer1 {
  right: -12px;
  top: 43px;
}
.our-teams-page .teams-card .social-icons-outer2 {
  right: -14px;
  top: -44px;
}
.our-teams-page .teams-card .social-icons-outer3 {
  top: -127px;
  right: 0px;
}
.our-teams-page .teams-card .teams-icon, .teams-card .teams-cross-icon {
  top: 200px;
  right: 32px
}
.our-teams-page .teams-card .social-icons-outer4 {
  top: -102px;
  left: -211px;
}
.our-teams-page .teams-card .teams-card-fig {
  margin-bottom: 20px;
}
.our-teams-page .teams-card .teams-icon, .our-teams-page .teams-card .teams-cross-icon {
  top: 205px;
  right: 34px;
}


.our-products .teams-card .banner-btn a {
  padding: 13px 16px 13px 28px !important;
}
.our-products .teams-card .banner-btn a i {
  margin-left: 14px;
  font-size: 16px;
  line-height: 20px;
}
.our-products .teams-card .teams-icon, .teams-card .teams-cross-icon {
  top: 213px;
  right: 35px;
  width: 42px;
  height: 42px;
  line-height: 47px;
}
.our-products{
  padding: 100px 0 70px;
}
.our-products .autorix-text {
  letter-spacing: 0px;
  margin-bottom: 10px;
  margin-left: 0;
}
.our-products  .teams-card .desc {
  margin-bottom: 5px;
}
.our-products .heart-icon {
  top: 228px;
  right: 49px;
}
.our-products .autorix-text:before {
  width: 25px;
  height: 19px;
  top: 0px;
  left: 374px !important;
}

.map-section iframe {
  width: 100%;
  height: auto;
}
.contact-form-section {
  padding: 60px 0 70px;
}
.map-section {
  padding: 100px 0 0px;
}
.contact-form-section .banner-btn a {
  padding: 18px 24px 18px 47px !important;
}

.contact-form-section .autorix-text:before {
  width: 27px;
  height: 18px;
  top: 0px;
  left: -35px !important;
}
.contact-form-section .get-in:before{
  width: 27px;
  height: 18px;
  top: 0px;
  left: -6.5%;
}
.contact-form-section .contact-us-title2 {
  padding: 0;
}
.contact-form-section .contact-fig {
  margin-right:23px;
}
.contact-form-section .contact-content .next-number {
  margin-right: 52px;
}
.contact-form-section .contact-li {
  margin-bottom: 12px;
}
.contact-form-section .contact-content .contact-title {
  font-size: 20px;
  line-height: 30px;
}
.contact-form-section .contact-content .contact-parah {
  font-size: 16px;
  line-height: 24px;
}
.contact-form-section .contact-form-margin {
  margin-bottom: 24px;
  width: auto;
}

.product-section {
  padding: 100px 0;
}

.checkout-section .preview-box .btn-outer .btn { 
  font-size: 16px; 
  line-height: 16px; 
  padding: 18px 18px; 
}
.checkout-section .billing-details-h3 {
  font-size: 38px;
  line-height: 40px;
}
.checkout-section .your-order {
  font-size: 38px;
  line-height: 40px;
}
.nft-section .create-nft-box .form-group {
  margin: 0 7px 15px;
}
.checkout-section .preview-box .form-check label {
  margin-left: 14px;
  margin-bottom: 0px;
}
.checkout-section .preview-box .total-price-outer {
  padding: 10px 0;
}
.checkout-section .preview-box .form-check p {
  font-size: 14px;
  line-height: 18px;
}
.nft-section .create-nft-box .form-group .form-control {
  height: 55px;
}
.cart-section .preview-box .btn-outer .btn {
  padding: 20px 22px 20px 31px !important;
}

.teams-section .autorix-text:before {
  width: 29px;
  height: 16px;
  top: 3px;
  left: -36px;
}
.our-teams-page .autorix-text:before {
  width: 25px;
  height: 18px;
  top: 0px;
  left: -188px;
}

.effect-image-1:hover .simple-overlay-3 {
  height: 73%;
}
}
@media only screen and (max-width: 991px) {
.home-banner-section .home-banner-text {
    padding: 0px 0 513px 0px;
    text-align: center;
}
.banner-paragraph {
  padding-right: 0px;
  padding: 0 70px;
}
.autorix-text {
  margin-left: 16px;
  margin-bottom: 16px;
}
.autorix-text:before {
  width: 25px;
  height: 18px;
  top: 0px;
  left: 19%;
  right: 0;
}
.banner-img {
  position: absolute;
  right: -1px;
  bottom: 0px;
  top: 440px;
}
.banner-paragraph {
  padding-right: 90px;
}
.home-banner-section .banner-img-outer .banner-img img {
  width: 100%;
}
.main-header {
  padding: 60px 30px 0 90px;
}
.home-banner-section .banner-img-outer {
  padding-top: 55px;
}
.navbar-collapse {
  position: absolute;
  right: 0px;
  width: 100%;
  top: 50px;
  z-index: 16;
  padding: 0;
  background: var(--e-global-color-accent);
  border-radius: 0px;
  color: var(--e-global-color-secondary);
}
.navbar-collapse a {
  color: var(--e-global-color-secondary) !important;
  line-height: 16px;
  padding: 10px 20px !important;
}

.navbar-nav .active>a {
  background: var(--e-global-color-secondary) !important;
  color: var(--e-global-color-accent) !important;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -36px;
  top: 7px;
}

.navbar-nav li.active > a::before {
  display: none;
}



.navbar-collapse .btn-talk a:hover {
  border-radius: 0;
  outline: 0;
  border: none;
  background: none;
}
.navbar-nav li.active {
  color: var(--e-global-color-red-active) !important;
}
.navbar-nav li.active>a:before {
  display: none;
}
.navbar-toggler {
  margin-left: auto;
  border: none !important;
  padding: 0;
  width: 30px;
  height: 22px;
}
.navbar-light .navbar-toggler-icon {
  background:#fff;
  height: 2px;
  margin: 7px 0 0 0;
  width: 100%;
  float: right;
}
.navbar-toggler.collapsed span:nth-child(1) {
  transform: rotate(0deg);
}
.navbar-toggler span.navbar-toggler-icon:first-child {
  margin-top: 0;
}
.navbar-toggler span:nth-child(1) {
  transform: rotate(45deg);
  transform-origin: 0% 80%;
}
.navbar-toggler span.navbar-toggler-icon {
  transition: all 0.15s;
}
.navbar-toggler.collapsed span:nth-child(2) {
  opacity: 1;
}
.navbar-toggler span:nth-child(2) {
  opacity: 0;
}
.navbar-toggler.collapsed span:nth-child(3) {
  transform: rotate(0deg);
}
.navbar-toggler span:nth-child(3) {
  transform: rotate(-45deg);
  transform-origin: 15% 100%;
}
.home-banner-section {
  padding-top: 33px;
}
.about-banner-text {
  margin-bottom: 87px;
  padding-top: 40px;
}
.collapse:not(.show) {
  display: none;
}
.navbar-collapse ul {
  align-items: unset;
  text-align: unset;
  margin-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static !important;
  float: none;
}
.home-header-section .main-header .navbar-expand-lg .navbar-nav .dropdown-menu {
  border-radius: 0;
} 
button:focus {
  outline: none;
}
.sub-header-section .sub-banner-section .banner-btn .btn-inner {
  padding: 15px 28px 17px 28px !important;
}
.home-header-section .main-header .navbar-nav .dropdown .autorix-drop-down li a {
  font-size: 12px;
  line-height: 12px;
  padding:10px 26px !important;
  transition: all 0.3s ease-out;
}

.navbar li {
  margin: 0 !important;
  padding: 0px;
}

.navbar-nav li:hover > a:before {
  content: "";
  width: 30px;
  height: 3px;
  position: absolute;
  top: 36px;
  left: -9px;
  right: 0;
  margin: 0 auto;
  transform: skewX(20deg);
  background: var(--e-global-color-secondary);
  display: none;
}
.navbar-nav li:hover > a::after {
  content: "";
  width: 7px;
  height: 3px;
  position: absolute;
  top: 36px;
  left: 36px;
  right: 0;
  margin: 0 auto;
  transform: skewX(20deg);
  background: var(--e-global-color-accent);
  display: none;
}
.btn-talk {
  padding: 0;
}

.inner-arrow-menu-btn {
  right: -38px;
  top: 0px;
}

p {
  font-size: 16px;
  line-height: 24px;
}

h1 {
  font-size: 50px;
  line-height: 58px;
  letter-spacing: 0px;
}

.about-banner-text .about-h1 {
  font-size: 46px;
  line-height: 50px;
}

.banner-paragraph {
  margin-bottom: 28px;
}

.home-banner-text h1 {
  margin-bottom: 14px;
}

.home-banner-text {
  padding: 43px 12px 36px 9px;
}
.btn-talk a {
  background: transparent;
  line-height: 21px;
  font-size: 16px;
  padding:0 20px 10px !important;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  border: none;
  transition: all ease-in-out 0.3s;
}
.btn-talk {
  margin-left: 0 !important;
  margin-bottom: 5px;
}
.btn-talk li i {
  display: none;
}

.whychoose-section .autorix-text:before {
  width: 25px;
  height: 15px;
  top: 0px;
  left: -170px;
}
h5 {
  font-size: 20px;
  line-height: 24px;
}
h2 {
  font-size: 34px;
  line-height: 38px;
}
.whychoose-section h2 {
  padding: 0 89px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.whychoose-section .blogs-section .blogs-h5 {
  padding: 30px 33px 0px;
}
.whychoose-section .blogs-section .blogs-p {
  padding: 0 12px;
  margin-bottom: 10px;
}
.whychoose-section .blogs-section .blogs-p {
  font-size: 16px;
  line-height: 22px;
  padding: 0px;
  word-spacing: 0px;
}
.whychoose-section .whychoseus-left-img {
  margin-bottom: 0;
  bottom: -116px;
}
.whychoose-section {
  padding: 68px 0;
}

.about-us-section:before {
 display: none;
}
.about-us-section figure .about-center-img {
  margin-left: 0;
  width: 77%;
}
.about-us-section .about-figure{
  text-align: center;
  margin-bottom: 60px;
}
.about-us-section .about-text:before {
  top: 0px;
  left: 38%;
  width: 26px;
  height: 16px;
}
.about-us-section .about-content {
  text-align: center;
}
.about-us-section .about-content h2 {
  font-size: 33px;
  padding: 0 116px;
  line-height: 38px;
  letter-spacing: 1.5px;
}
.about-us-section .about-content .about-padding {
  padding: 0 84px;
}
.about-us-section {
  padding: 70px 0 50px;
}
.about-us-section .about-content .about-content-box .about-plus {
  font-size: 40px;
  line-height: 50px;
}
.about-us-section::after {
  width: 100px;
  height: 127px;
}

.our-services-section {
  padding: 67px 0 70px;
}
.our-services-section .banner-btn a {
  padding: 14px 20px 14px 22px !important;
}
.our-services-section h2 {
  padding: 0px 77px;
}
.our-services-section .our-services-outer1 {
  padding-top: 75px;
  padding-bottom: 30px;
}
.our-services-section .our-services-content p {
  padding: 0 0px;
}
.our-services-section .our-services-content .our-services-center-box {
  padding: 0 0px;
}
.our-services-section .our-services-outer .our-services-car-img {
  top: 12px;
  text-align: center;
  left: -48px;
  right: 0;
}
.our-services-section .our-services-outer .our-services-car-img img{
  width: 310px;
}
.our-services-section .our-services-outer1 {
  padding-top: 0px;
}
.our-services-section .our-services-content .paragraph2 {
  padding: 0 0px;
}
.our-services-section .our-services-outer .steering-margin-bottom {
  margin-bottom: 18px;
}
.our-services-section .autorix-text {
  margin-bottom: 12px;
  margin-left: 0;
}
.our-services-section .autorix-text:before {
  left: -168px;
}

.mission-section h2 {
  margin-bottom: 14px;
  font-size: 33px;
  line-height: 38px;
}
.mission-section .mission-red-box .banner-btn a {
  padding: 14px 18px 14px 25px !important;
}
.mission-section .mission-red-box .banner-btn a i {
  margin-left: 30px;
}
.mission-section .input-text {
  padding: 22px 20px;
}
.mission-section .mission-red-box h5 {
  margin-bottom: 22px;
}
.mission-section .about-us-content .margin-left-checkk {
  margin-left: 12px;
}
.mission-section {
  padding: 70px 0 40px;
}
.mission-section .about-us-content .list-margin-bottom {
  margin-bottom: 10px;
}

.offer-section {
  padding: 70px 0;
}
.offer-section .offer-text:before {
  top: 0px;
  left: -23%;
  width: 28px;
  height: 17px;
}
.offer-section .offer-content .offer-text {
  margin-bottom: 24px;
}
.offer-section .offer-content .offer-upto {
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 28px;
}
.offer-section .offer-text:before {
  top: 0px;
  left: -22%;
  width: 25px;
  height: 18px;
}
.offer-section .offer-content .offer-text {
  margin-bottom: 20px;
  margin-left: 0;
}
.offer-section .offer-content .offer-upto {
  font-size: 42px;
  line-height: 46px;
  margin-bottom: 28px;
}
.offer-section .banner-btn a {
  padding: 14px 26px 14px 33px !important;
}

.teams-section .autorix-text:before {
  width: 25px;
  height: 19px;
  top: 0px;
  left: -34px;
}
.teams-section .autorix-text {
  margin-left:33px;
  margin-bottom: 8px;
}
.teams-section .banner-btn a {
  padding: 16px 19px 16px 26px !important;
}
.teams-section {
  padding: 70px 0;
}
.teams-section .teams-bottom-img {
  bottom: -66px;
}
.teams-section .teams-card .teams-icon, .teams-section .teams-card .teams-cross-icon {
  top: 109px;
  right: 6px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.teams-section .teams-icon:before, .teams-section .teams-cross-icon:before {
  font-size: 16px;
  line-height: 20px;
}
.teams-section .teams-card {
  padding: 24px 8px 18px;
}
.teams-section .teams-card .desc {
  font-size: 18px;
  line-height: 22px;
}
.teams-section .banner-btn a i {
  margin-left: 8px;
  font-size: 17px;
  line-height: 18px;
}
.teams-section .teams-card .social-icons i {
  font-size: 14px;
  line-height: 14px;
}
.teams-section .teams-card .social-icons {
  width: 28px;
  height: 28px;
  line-height: 30px;
}
.teams-section .teams-card .social-icons-outer1 {
  right: -25px;
  top: -40px;
}
.teams-section .teams-card .social-icons-outer2 {
  right: -20px;
  top: -102px;
}
.teams-section .teams-card .social-icons-outer3 {
  top: -155px;
  right: 3px;
}
.teams-section .teams-card .social-icons-outer4 {
  top: -109px;
  left: -87px;
}
.teams-section .teams-card .title {
  margin-bottom: 4px;
}
.teams-section .teams-content {
  padding-top: 86px;
}
.teams-section .teams-mb {
  margin-bottom: 24px;
}

.our-work-section .autorix-text:before {
  height: 18px;
  top: 0px;
  width: 25px;
  left: -136px;
}
.our-work-section .case_studies_box .case-studies-descp {
  font-size: 18px;
  line-height: 20px;
}
.our-work-section .case_studies_box {
  left: 0px;
  width: 89%;
}
.our-work-section .box-arrow i {
  top: 5px;
  font-size: 16px;
  line-height: 38px;
  height: 38px;
  width: 38px;
}
.our-work-section h2 {
  padding: 0px 140px;
  margin-bottom: 26px;
}
.our-work-section .autorix-text {
  margin-bottom: 12px;
  margin-left: 0;
}
.our-work-section {
  padding: 70px 0 60px;
}
.contact-us-form {
  padding: 70px 0;
}
.contact-us-form .form-control {
  padding: 15px 24px 16px;
  height: 52px;
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
}
.contact-us-form .col-inner-msg .input-fill {
  padding: 24px 30px 48px;
}
.contact-us-form .form-btn a i {
  margin-left: 30px;
}
.contact-us-form .contact-us-wrapper .form-btn a {
  padding: 17px 20px 17px 52px !important;
}
.contact-us-form .autorix-text {
  margin-bottom: 12px;
}
.contact-us-form .contact-us-wrapper .form-btn button {
  padding: 14px 16px 14px 33px !important;
}

.carousel-section .carosel-text .carosel-p {
  font-size: 20px;
  line-height: 30px;
}
.carousel-section .carosel-text {
  padding-left: 0px;
  padding-top: 17px;
  padding-right: 20px;
}
.carousel-section .carousel-content .carousel-left-img-fig {
  top: 64px;
  left: 25px;
}
.carousel-section .carousel-content .carousel-left-img-fig img{
  width: 90%;
}
.carousel-section .carousel-content {
  padding: 35px 0 35px;
}
.carousel-section .carousel-content .red-box {
  height: 446px;
  top: -36px;
}
.carousel-section .owl-theme .owl-nav {
  margin-left: 0px;
  margin-top: 0px;
  font-size: 22px;
  line-height: 17px;
}
.carousel-section {
  padding: 72px 0;
}

.sub-header-section:after {
  width: 654px;
  height: 271px;
  right: 0px;
  bottom: 0px;
}
.sub-banner-section {
  padding-top: 20px;
  padding-bottom: 70px;
}
.sub-header-section .sub-banner-section h1 {
  margin-bottom: 22px;
}

.about-us-section-page {
  padding: 20px 0;
}
.about-us-section-page .autorix-text {
  margin-bottom: 5px;
  margin-left: 28px;
  font-size: 16px;
  line-height: 18px;
}
.about-us-section-page .about-us-box-page .about-us-content {
  padding-left: 0px;
}
.about-us-section-page .autorix-text:before {
  width: 26px;
  height: 13px;
  top: 37px;
  left: -1%;
  right: 0;
}
.about-us-section-page h2 {
  margin-bottom: 6px;
  font-size: 23px;
  line-height: 26px;
}
.about-us-section-page .about-us-box-page .about-red-box figure img {
  width: 134px;
  height: 134px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .span28 {
  font-size: 26px;
  line-height: 27px;
  top: 36px;
  right: -82px;
}
.about-us-section-page .about-us-box-page .about-red-box figure {
  bottom: 103px;
  right: -28px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .about-plus {
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
  right: -99px;
  top: 34px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .exp {
  top: 64px;
  left: 370px;
  font-size: 14px;
  line-height: 15px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content {
  bottom: 254px;
  z-index: 11;
  right: 113px;
}
.about-us-section-page .about-us-box-page .about-us-content {
  padding-top: 37px;
}
.about-us-section-page .about-us-content .our-mission-p1 {
  margin-bottom: 0px;
}
.about-us-section-page .about-us-content .list-span {
  font-size: 14px;
  line-height: 16px;
}
.about-us-section-page .about-us-content p {
  margin-bottom: 8px;
  padding-right: 8px;
  font-size: 15px;
  line-height: 22px;
}
.about-us-section-page .about-us-content .list-margin-bottom {
  margin-bottom: -7px;
}
.about-us-section-page .about-us-content ul i {
  width: 26px;
  height: 26px;
  font-size: 14px;
  line-height: 12px;
}
.about-us-section-page .about-us-content .fast-work-m{
  margin-left: 23px;
}
.best-choice-section h2 {
  margin-bottom: 11px;
  font-size: 28px;
  line-height: 33px;
}
.best-choice-section:before {
  left: 0;
  width: 894px;
  background-image: none;
  background:var(--e-global-color-blue-best);
  width: 50%;
}
.best-choice-section .play-video-icon {
  bottom: -153px;
  margin-bottom: 0;
  text-align: center;
}
.best-choice-section .play-video-icon img{
  width: 90px;
  height: auto;
}
.best-choice-section .banner-btn a {
  padding: 14px 18px 14px 25px !important;
}
.best-choice-section {
  padding: 70px 0 10px;
}
.box-section .mission-box .plus-sign {
  font-size: 28px;
  line-height: 28px;
  left: 2px;
  top: 0px;
}
.box-section .mission-counter {
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0px;
}
.box-section .mission-box {
  padding: 10px;
}
.box-section .mission-box .box-p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 6px !important;
}
.box-section {
  margin-top: -16px;
}
.best-choice-section .banner-btn {
  margin-bottom: 100px;
}
.footer-section .support-footer {
  padding-left: 0px;
}

.whychoose-section .service-page .circle-icon1 {
  top: 114px;
}
.whychoose-section .service-page .circle-icon1 img{
  width: 38%;
}
.whychoose-section .service-page .service-page-h5 {
  padding: 52px 18px 0px;
}

.our-projects {
  padding: 70px 0 42px;
}
.our-work-section .case_studies_box .case-studies-title {
  margin-bottom: 4px;
}
.our-projects .case_studies_image {
  margin-bottom: -20px;
}
.our-work-section .owl-theme .owl-nav {
  margin-top: -36px;
}

.our-teams-page .autorix-text:before {
  top: 0px;
  left: -232px;
}
.our-teams-page .teams-card .teams-icon, .our-teams-page .teams-card .teams-cross-icon {
  top: 164px;
  right: 12px;
}
.our-teams-page .teams-card .teams-card-fig {
  margin-bottom: 12px;
}
.our-teams-page .teams-card .social-icons-outer3 {
  top: -112px;
  right: -17px;
}
.our-teams-page .teams-card .social-icons-outer2 {
  right: -27px;
  top: -50px;
}
.our-teams-page .teams-card .social-icons-outer1 {
  right: -23px;
  top: 14px;
}
.our-teams-page .teams-card .social-icons-outer4 {
  top: -105px;
  left: -144px;
}
.our-teams-page{
  padding: 70px 0 40px;
}
.our-teams-page .autorix-text {
  margin-left: 0;
}

.our-products .autorix-text:before {
  width: 31px;
  height: 14px;
  top: 4px;
  left: 35%;
}
.our-products .teams-card .teams-icon, .our-products .teams-card .teams-cross-icon {
  top: 138px;
  right: 24px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.our-products .teams-card .title {
  margin-bottom: 10px;
}
.our-products .teams-card figure {
  margin-bottom: 15px;
}
.our-products .teams-card figure img{
  width: 82%;
}
.our-products .teams-card .banner-btn a {
  padding: 8px 12px 10px 20px !important;
  line-height: 16px;
  font-size: 14px;
}
.our-products .teams-card .carosel-ul {
  margin-bottom: 5px;
}
.our-products .teams-card .title {
  font-size: 18px;
  line-height: 20px;
}
.our-products h2 {
  margin-bottom: 26px;
}
.our-products{
  padding: 70px 0 40px;
}

.our-products .heart-icon {
  top: 146px;
  right: 32px;
  width: 38px;
  height: 38px;
  line-height: 38px;
}
.our-products .heart-icon i {
  cursor: pointer;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
}
.our-products .autorix-text {
  margin-left: 0;
}
.our-products .autorix-text:before {
  left: 255px !important;
}

.map-section {
  padding: 70px 0 0px;
}
.contact-form-section .autorix-text:before {
  width: 31px;
  height: 14px;
  top: 4px;
  left: -19%;
}
.contact-form-section .get-in:before {
  width: 25px;
  height: 18px;
  top: 0px;
  left: -334px !important;
}
.contact-form-section .contact-us-title2 {
  padding: 0;
  font-size: 27px;
  line-height: 30px;
  margin-bottom:18px;
}
.contact-form-section .contact-us-title {
  margin-bottom: 22px;
  font-size: 28px;
  line-height: 30px;
}
.contact-form-section .contact-form-margin {
  margin-bottom: 15px;
}
.contact-form-section .input-text {
  padding: 25px 39px 25px 25px;
}
.contact-form-section .contact-fig {
  margin-right: 15px;
}
.contact-form-section .input-text {
  padding: 14px 24px 14px 24px;
  height: 49px;
}
.contact-form-section .banner-btn a {
  padding: 15px 20px 15px 31px !important;
}
.contact-form-section {
  padding: 60px 0 60px;
}
.contact-form-section .banner-btn button i {
  margin-left: 20px;
}
.contact-form-section .banner-btn button {
  padding: 13px 18px 13px 36px !important;
}

.cart-section .product-detail-box {
  padding: 36px;
}
.cart-section .product {
  margin-bottom: 26px;
  padding-bottom: 22px;
}
.cart-section .product-image { 
  width:18%; 
}
.cart-section .product-details { 
  width:24%; 
}
.cart-section .product-price { 
  width: 15%;
  font-size: 16px;
  line-height: 16px;
}
.cart-section .product-quantity { 
  width: 17%; 
}
.cart-section .column-labels label {
  padding-bottom: 22px;
  margin-bottom: 22px;
  font-size: 20px;
  line-height: 24px;
}
.cart-section .product-removal {
  width: 12%;
}
.cart-section .product-line-price {
  width: 12%;
  font-size: 16px;
  line-height: 16px;
}
.checkout-section .preview-box .btn-outer .btn {
  padding: 15px 16px 15px 18px !important;
}
.cart-section .preview-box .btn-outer .btn {
  padding: 18px 18px 18px 30px !important;
}
.cart-section .preview-box .btn-outer {
  width: 40%;
}
.product-section {
  padding: 70px 0;
}

.checkout-section .preview-box .product-outer .total { 
  padding-top: 5px; 
  font-size: 14px; 
}
.checkout-section .preview-box .total-price-outer .total { 
  padding-top: 5px; 
  font-size: 14px; 
}
#search input[type="search"] { 
  font-size: 36px; 
}
.checkout-section .create-nft-box .form-group select { 
  background-position: 94.3% 21px !important; 
}

.nft-section .create-nft-box .form-group .form-control {
  height: 46px;
}
.nft-section .create-nft-box .form-group {
  margin: 0 5px 15px;
}
.checkout-section .billing-details-h3 {
  font-size: 33px;
  line-height: 40px;
}
.checkout-section .your-order {
  font-size: 33px;
  line-height: 40px;
}

.footer-section h5 {
  font-size: 20px;
  line-height: 24px;
}


.effect-image-1:hover .simple-overlay-3 {
  height: 69%;
}
}

@media screen and (max-width: 767px) {
h1 {
  font-size: 40px;
  line-height: 44px;
  padding: 0;
}
.main-header {
  padding: 46px 30px 0 71px;
}
.home-banner-section {
  padding-top: 54px;
  padding-left:0px;
}
.home-banner-section .banner-img-outer {
  padding-top: 0px;
}
.home-header-section .autorix-drop-down{
  min-width: 142px;
}
.sub-header-section .sub-banner-section .banner-btn .about-margin:before {
  width: 40px;
  height: 2px;
  top: 37px;
  left: 80px;
}
.whychoose-section .autorix-text {
  margin-left: 0px;
  margin-bottom:8px;
}
.whychoose-section .autorix-text:before {
  width: 25px;
  height: 18px;
  top: 0px;
  left: 12%;
  right: 0;
}
.whychoose-section {
  padding: 60px 0 36px;
}
.home-banner-text h1 {
  margin-bottom: 14px;
  padding: 0 57px;
  word-spacing: 0px;
  letter-spacing: 1px;
}
.banner-btn a i {
  margin-left: 8px;
  font-size: 16px;
  line-height: 16px;
}
.banner-paragraph {
  padding: 0px;
  margin-bottom: 24px;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -68px;
  top: 7px;
  display: none;
}
.banner-btn {
  
  padding: 0;
}
.banner-img {
  position: absolute;
  right: -1px;
  bottom: 0px;
  top: 334px;
}
.home-banner-section .home-banner-text {
  padding: 0px 0 350px 0px;
}
h6 {
  font-size: 16px;
  line-height: 20px;
}
.navbar-collapse {
  width: 100% !important;
}
.home-banner-section .banner-btn a {
  padding: 15px 20px 15px 30px !important;
}
.btn-talk a {
  line-height: 18px;
  font-size: 14px;
}
.home-header-section .header .main-header .navbar-collapse .navbar-nav a {
  font-size: 14px;
  line-height: 18px;
}
.sub-header-section .sub-banner-section .banner-btn img {
  width: 18px;
  margin-top: -5px;
  height: 13px;
}
.sub-header-section .sub-banner-section .banner-btn .btn-inner {
  line-height:18px;
  font-size: 16px;
}
.sub-header-section .sub-banner-section .banner-btn .btn-inner {
  padding: 14px 22px 16px 26px !important;
}
.autorix-text:before {
  width: 25px;
  height: 18px;
  top: 0px;
  left: 17%;
  right: 0;
}

.whychoose-section .blogs-section .blogs-h5 {
  padding: 26px 39px 0px;
}
.whychoose-section .blogs-section .blogs-p {
  padding: 0px 10px;
  margin-bottom: 7px;
}
.whychoose-section .blogs-section {
  padding: 0px 0 20px;
}
.whychoose-section h2 {
  padding: 0 40px;
  text-transform: uppercase;
  margin-bottom:25px;
}
h2 {
  font-size: 28px;
  line-height: 32px;
}
.whychoose-section .autorix-text:before {
  left: -175px;
}
.offer-section .banner-btn a i {
  font-size: 16px;
  line-height: 16px;
}
.offer-section .banner-btn a {
  padding: 13px 20px 13px 26px !important;
  font-size: 14px;
  line-height: 14px;
}

.about-us-section .about-content h2 {
  font-size: 32px;
  padding: 0 30px;
  line-height: 38px;
}
.about-us-section .about-text:before {
  top: 0px;
  left: 35%;
  width: 27px;
  height: 15px;
}
.about-us-section .about-content .about-padding {
  padding: 0 50px;
}
.about-us-section h3 {
  font-size: 28px;
  line-height: 30px;
}
.about-us-section .about-content .about-content-box .about-plus {
  font-size: 36px;
  line-height: 36px;
}
.about-us-section .about-figure {
  margin-bottom: 70px;
}
.about-us-section {
  padding: 60px 0 37px;
}
.about-us-section figure .about-center-img {
  width: 100%;
}
.about-us-section .about-figure {
  margin-bottom: 60px;
}
.about-us-section .about-text:before {
  top: 0px;
  left: 35%;
  width: 26px;
  height: 13px;
}
.about-us-section .about-content .about-content-box span {
  font-size: 34px;
  line-height: 36px;
}
.about-us-section::after {
  width: 90px;
  height: 122px;
}

.our-services-section .our-services-outer .steering-margin-bottom {
  margin-bottom: 40px;
}
.our-services-section h2 {
  padding: 0px 25px;
  margin-bottom: 30px;
}
.our-services-section .our-services-outer .our-services-content h5{
  margin-bottom: 5px;
}
.our-services-section {
  padding: 60px 0 60px;
}
 .our-services-section .banner-btn a i {
  margin-left: 5px;
  font-size: 18px;
  line-height: 20px;
}
.our-services-section .autorix-text:before {
  left: -162px;
}

.mission-section {
  padding: 60px 0 30px;
}
.mission-section .autorix-text:before {
  width: 27px;
  height: 16px;
  top: 0px;
  left: 185px;
}
.mission-section .about-us-content{
  text-align: center;
}
.mission-section .autorix-text {
  margin-left: 30px;
  margin-bottom: 12px;
}
.mission-section h2 {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 35px;
}
.mission-section .about-us-content .our-mission-p2 {
  margin-bottom: 22px;
  padding: 0 51px;
}
.mission-section .about-us-content .our-mission-p1 {
  margin-bottom: 6px;
  padding: 0 30px;
}
.mission-section .about-us-content .smart-tools-li{
  margin-left: -16px;
}
.mission-section .mission-red-box {
  padding: 50px 46px;
}
.mission-section .input-text {
  padding: 24px 26px;
}

.offer-section .offer-content .discount-text {
  letter-spacing: 1px;
}
.offer-section .banner-btn a {
  padding: 13px 20px 13px 26px !important;
}
.offer-section .offer-text:before {
  left: -27%;
}
.offer-section .offer-content .offer-upto {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 25px;
}
.offer-section {
  padding: 60px 0;
}

.teams-section {
  padding: 60px 0;
}
.teams-section .autorix-text:before {
  top: 0px;
  left: 134px;
}
.teams-section .autorix-text {
  text-align: center;
  margin-left: 0;
}
.teams-section h2 {
  margin-bottom: 12px;
  text-align: center;
}
.teams-section p {
  text-align: center;
  padding: 0 38px;
}
.teams-section .banner-btn{
  text-align: center;
  margin-bottom: 30px;
}
.teams-section .banner-btn a {
  padding: 15px 18px 15px 24px !important;
}
.teams-section .teams-card .teams-icon, .teams-section .teams-card .teams-cross-icon {
  top: 138px;
  right: 38px;
  width: 38px;
  height: 38px;
  line-height: 39px;
}
.teams-section .teams-card .social-icons-outer1 {
  right: -2px;
  top: -20px;
}
.teams-section .teams-card .social-icons-outer2 {
  right: 0px;
  top: -101px;
}
.teams-section .teams-card .social-icons-outer3 {
  top: -173px;
  right: 29px;
}
.teams-section .teams-card .social-icons-outer4 {
  top: -107px;
  left: -165px;
}
.teams-section .teams-card .social-icons {
  width: 38px;
  height: 38px;
  line-height: 38px;
}
.teams-section .teams-mb {
  margin-bottom: 20px;
}
.teams-section .teams-card .title {
  margin-bottom: 4px;
}
.teams-section .teams-card {
  padding: 24px 8px 24px;
}
.teams-section .teams-bottom-img {
  bottom: -139px;
}


.our-work-section .autorix-text:before {
  width: 25px;
  height: 18px;
  top: 0px;
  left: -126px;
}
.our-work-section .autorix-text {
  margin-bottom: 10px;
}
.our-work-section h2 {
  padding: 0px 68px;
  margin-bottom: 26px;
}
.our-work-section .case-img-margin{
  margin-bottom:-20px;
}
.our-work-section {
  padding: 60px 0 50px;
}

.contact-us-form {
  padding: 60px 0;
}
.contact-us-form h2 {
  padding: 0 10px;
  margin-bottom: 26px;
}
.contact-us-form .form-control {
  padding: 18px 27px;
  margin-bottom: 15px;
  height: 54px;
}
.contact-us-form .form-btn a i {
  margin-left: 22px;
  font-size: 16px;
  line-height: 18px;
}
.contact-us-form .contact-us-wrapper .form-btn a {
  padding: 17px 20px 17px 44px !important;
  line-height: 18px;
  font-size: 14px;
}
.carousel-section .carousel-content .carousel-left-img-fig img {
  width: 80%;
}
.carousel-section .carousel-content .carousel-left-img-fig {
  top: 64px;
  left: 0px;
  text-align: center;
  right: 0;
  float: none;
}
.carousel-section .carousel-content .red-box {
  height: 446px;
  top: -36px;
  display: none;
}
.carousel-section .carosel-text {
  padding-left: 46px;
  padding-top:60px;
  padding-right: 46px;
  text-align: center;
}
.carousel-section .owl-carousel .owl-item img {
  display: inline;
  width: auto;
}
.carousel-section .carosel-text h6 {
  display: block;
  margin-bottom: 16px;
}
.carousel-section .carosel-text .ceo {
  display: block;
  margin-left: 0px;
}
.carousel-section .carosel-text .carosel-ul {
  margin-bottom: 11px;
}
.carousel-section .owl-theme .owl-nav {
  text-align: center;
}
.carousel-section .carousel-content .carousel-left-img-fig {
  top:20px;
}
.carousel-section:before {
  width: 188px;
  height: 141px;
  top: -40px;
  left: -64px;
  right: 0;
}
.carousel-section::after {
  width: 188px;
  height: 141px;
  right: -57px;
  bottom: -24px;
}
.carousel-section {
  padding: 61px 0;
}

.sub-header-section .sub-banner-section h1 {
  margin-bottom: 20px;
  padding-right: 0px;
  padding-left: 0;
}
.sub-header-section:after {
  width: 578px;
  height: 267px;
  right: 0px;
  bottom: 0px;
}
.sub-banner-section {
  padding-top: 7px;
  padding-bottom: 0px;
}
.sub-header-section .sub-banner-section .banner-btn a {
  line-height: 16px;
  font-size: 16px;
  padding: 16px 20px 18px 22px !important;
}
.sub-header-section .sub-banner-section .banner-btn .text-bars {
  top: 17px;
  left: 0;
  width: 16px;
  right: 0;
  height: 6px;
  font-size: 14px;
  line-height: 15px;
  margin: 0 auto;
}

.about-us-section-page .about-us-box-page .about-page-left-img-figure{
  display: none;
}
.about-us-section-page .about-us-box-page {
  background: transparent;
  box-shadow:none;
  padding: 0 30px;
  
}
.about-us-section-page .about-us-box-page .about-us-content {
  padding-top: 244px;
  text-align: center;
}
.about-us-section-page .autorix-text:before {
  top: 244px;
  left: 36%;
}
.about-us-section-page .about-us-content p {
  margin-bottom: 11px !important;
  padding-right: 0px;
  font-size: 16px;
  line-height: 24px;
}
.about-us-section-page h2 {
  margin-bottom: 12px;
  font-size: 32px;
  line-height: 36px;
}
.about-us-section-page {
  padding: 20px 0;
}
.about-us-section-page .left-section-margin-bottom{
  margin-bottom: 0;
}
.about-us-section-page .about-us-box-page .about-red-box figure img {
  width: 203px;
  height: 203px;
  text-align: center;
}
.about-us-section-page .about-us-box-page .about-red-box figure {
  bottom: auto;
  right: 0;
  text-align: center;
  left: 0;
  
  top: 0;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .about-plus {
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
  right: 80px;
  top: 318px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .span28 {
  font-size: 30px;
  line-height: 32px;
  top: 318px;
  right: 100px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .exp {
  top: 355px;
  left: 274px;
  font-size: 14px;
  line-height: 15px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content {
  bottom: 250px;
  z-index: 11;
  right: 113px;
}
.about-us-section-page .about-us-content .left-section-margin-bottom .smart-tools-li{
  margin-left: -13px !important;
}
.best-choice-section h2 {
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 30px;
  padding-right: 0px;
}
.best-choice-section p {
  padding-right:0px;
  margin-bottom: 20px;
}
.best-choice-section:before {
  width: 52%;
}
.best-choice-section .banner-btn a {
  padding: 13px 16px 13px 20px !important;
  font-size: 14px;
  line-height: 14px;
}
.best-choice-section .autorix-text {
  margin-bottom: 14px;
}
.box-section {
  margin-top: -16px;
}
.best-choice-section .play-video-icon {
  margin-bottom: 0;
  z-index: 12;
  text-align: center;
}
.best-choice-section .banner-btn a i {
  margin-left: 10px;
  font-size: 14px;
  line-height: 16px;
}
.best-choice-section .banner-btn {
  margin-bottom: 55px;
}
.footer-section .navbar-brand-footer {
  margin-bottom: 18px;
}
.footer-section .social-icons ul li i {
  font-size: 14px;
  line-height: 48px !important;
  width: 42px;
  height: 42px;
  line-height: 42px !important;
}
.footer-section .footer-right figure {
  right: 0;
}
.footer-section .footer-list{
  padding-top: 27px;
}
.footer-section {
  padding: 60px 0 45px;
}

.whychoose-section .service-page .circle-icon1 {
  top: 133px;
}
.whychoose-section .service-page .service-page-h5 {
  padding: 49px 33px 0px;
}
.whychoose-section .service-page .circle-icon1 img {
  width: 33%;
}
.whychoose-section .blogs-section .service-page-h5 {
  margin-bottom: 6px
}

.whychoose-section .service-page {
  margin-bottom: 0;
}

.our-projects {
  padding: 60px 0 12px;
}
.our-teams-page {
  padding: 60px 0 35px;
}
.our-teams-page .autorix-text:before {
  top: 2px;
  left: -204px;
}
.our-teams-page h2 {
  margin-bottom: 20px;
  text-align: center;
}
.our-teams-page .teams-card .teams-icon, .our-teams-page .teams-card .teams-cross-icon {
  top: 189px;
  right: 20px;
}
.our-teams-page .teams-card .social-icons-outer1 {
  right: -22px;
  top: 32px;
}
.our-teams-page .teams-card .social-icons-outer2 {
  right: -25px;
  top: -50px;
}
.our-teams-page .teams-card .social-icons-outer3 {
  top: -132px;
  right: -18px;
}

.our-products .last-team-m {
  margin-bottom: 0px;
}
.our-products .teams-card .teams-icon, .our-products .teams-card .teams-cross-icon {
  top: 163px;
  right: 36px;
  width: 38px;
  height: 38px;
  line-height: 39px;
}
.our-products .autorix-text:before {
  top: 2px;
  left: 32%;
}
.our-products h2 {
  margin-bottom: 26px;
  text-align: center;
}
.our-products .teams-card .title {
  margin-bottom: 10px;
}
.our-products .teams-card {
  padding: 24px 8px 24px;
}
.our-products .banner-btn {
  text-align: center;
  margin-bottom: 0px;
}
.our-products .heart-icon {
  top: 158px;
  right: 38px;
}
.our-products .autorix-text:before {
  left: 174px !important;
}

.map-section {
  padding: 60px 0 0px;
}

.contact-form-section .autorix-text {
  margin-left: 0px;
  text-align: center;
}
.contact-form-section .autorix-text:before {
  top: 2px;
  left: 35%;
}
.contact-form-section .contact-content .next-number {
  margin-right:61px;
}
.contact-form-section .contact-fig {
  margin-right: 22px;
}
.contact-form-section .contact-us-title2 {
  margin-bottom: 16px;
}
.contact-form-section .about-us-list{
  padding: 0 96px;
}
.contact-form-section .get-in:before {
  width: 27px;
  height: 18px;
  top: 0px;
  left: 32.5%;
}
.contact-form-section .email-li{
  margin-bottom:24px;
}
.contact-form-section .contact-us-title {
  margin-bottom: 24px;
}
.contact-form-section .input-text {
  padding: 10px 48px 10px 25px;
  height: 55px;
}
.contact-form-section .input-text1 {
  padding: 16px 26px 32px 25px;
}
.contact-form-section .banner-btn a i {
  margin-left: 25px;
  font-size: 18px;
  line-height: 20px;
}
.contact-form-section .contact-li {
  margin-bottom: 12px;
}
.contact-us-form .contact-us-wrapper .form-btn button {
  padding: 14px 18px 14px 34px !important;
  line-height: 14px;
  font-size: 14px;
}
.contact-us-form .form-btn button i {
  margin-left: 20px;
  font-size: 16px;
  line-height: 18px;
}
.contact-form-section .banner-btn button i {
  margin-left: 18px;
  font-size: 16px;
  line-height: 18px;
}
.contact-form-section .banner-btn button {
  padding: 13px 18px 14px 36px !important;
  line-height: 14px;
  font-size: 14px;
}
.contact-us-form .autorix-text {
  margin-left: 0;
}
.contact-us-form .autorix-text:before {
  left: -148px;
}
.contact-form-section .teams-text {
  margin-left: 0px !important;
}
.contact-form-section .autorix-text:before {
  left: 167px !important;
}


.cart-section .product-detail-box { 
  padding: 30px; 
}
.cart-section .shopping-cart { 
  margin: 0; 
  padding-top: 20px; 
  border-top: 1px solid #47476d; 
}
.cart-section .column-labels { 
  display: none; 
}
.cart-section .product-image { 
  text-align: center; 
  float: right; 
  width: auto; 
}
.cart-section .product-image img {
  margin: 0 0 17px 0px;
}
.cart-section .product-details { 
  float: none; 
  margin-bottom: 10px; 
  width: auto; 
}
.cart-section .product-price { 
  clear: both; 
  width: 90px; 
}
.cart-section .product-quantity { 
  width: 100px; 
}
.cart-section .product-quantity input { 
  margin-left: 20px; 
}
.cart-section .product-quantity:before { 
  content: 'x'; 
}
.cart-section .product-removal { 
  width: auto; 
}
.cart-section .product-line-price {
  float: right;
  width: auto;
  margin-right: 29px;
}
.cart-section .product .product-quantity input { 
  width: 35px; 
  height: 28px; 
}
.cart-section .product .product-details .product-title {
  margin-right: 0px;
}
.cart-section .product {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.checkout-section .preview-box .btn-outer .btn {
  padding: 15px 20px 15px 25px !important;
}
.product-section {
  padding: 60px 0;
}

#search input[type="search"] { 
  font-size: 30px; 
}
.checkout-section .create-nft-box .form-group select { 
  background-position: 96.3% 21px !important; 
}
.checkout-section .billing-details-h3 {
  font-size:28px;
  line-height:30px;
}
.checkout-section .your-order {
  font-size:28px;
  line-height:30px;
}
.cart-section .preview-box .btn-outer {
  width: 54%;
}

.footer-section .foot-text {
  font-size: 16px;
  line-height: 24px;
}
.footer-section h5 {
  font-size: 18px;
  line-height: 20px;
}
.footer-section .navbar-brand-footer img{
  width: 50%;
}

.effect-image-1:hover .simple-overlay-3 {
  height: 71%;
}
}

@media screen and (max-width: 575px) {
.main-header {
  padding: 40px 14px 0 40px;
}
.sub-header-section .sub-banner-section .banner-btn .about-margin:before {
  width: 40px;
  height: 2px;
  top: 34px;
  left: 77px;
}
h6 {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px !important;
}
h1 {
  font-size:30px;
  line-height: 33px;
}
.home-banner-section {
  padding-top: 54px;
}
.autorix-text:before {
  width: 25px;
  height: 19px;
  top: 0px;
  left: -5%;
  right: 0;
}
.autorix-text {
  margin-left: 8px;
  margin-bottom: 16px;
}
.home-banner-text h1 {
  margin-bottom: 14px;
  text-align: center;
  padding: 0;
  word-spacing: 0px;
  letter-spacing: 1px;
}
.banner-paragraph {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 18px;
  padding: 0 10px;
  text-align: center;
}
.banner-btn a {
  padding: 12px 20px 12px 25px !important;
}
.banner-btn a i {
  margin-left: 8px;
  font-size: 16px;
  line-height: 18px;
}
.home-banner-section .home-banner-text {
  padding: 0px 0 220px 0px;
}
.about-banner-text .about-h1 {
  font-size: 26px;
  line-height: 32px;
}

.banner-img-content {
  left: 0px;
}
.banner-container-box .social-icons ul li .social-networks {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  font-size: 12px;
  margin-top: 14px;
}
.home-banner-section .banner-container-box .social-icons ul {
  left: -40px;
  top: 47px;
}
.nav-link {
  font-size: 16px;
  line-height: 20px;
  }

.inner-arrow-menu-btn {
  font-size: 8px;
  width: 15px;
  height: 14px;
  line-height: 13px !important;
  right: 28px;
  top: 3px;
  display: none;
  }

.btn-talk {
  width: auto;
  height: auto;
}

.banner-btn a {
  font-size: 14px;
}

.navbar-collapse a {
  font-size: 14px;
  line-height: 8px;
}
.sub-header-section .sub-banner-section .banner-btn .btn-inner {
  padding: 13px 24px 15px 24px !important;
}
.sub-header-section .sub-banner-section .banner-btn .btn-inner {
  line-height: 17px;
  font-size: 16px;
}
.our-services-section .our-services-outer1 {
  padding-top: 0px;
  padding-bottom: 0;
}
.our-services-section .our-services-content {
  margin-bottom: 20px;
}

.about-us-section .about-content .about-content-box span {
  font-size: 33px;
  line-height: 33px;
}
.about-us-section .about-content .about-content-box .about-plus {
  font-size: 35px;
  line-height: 33px;
}

.whychoose-section {
  padding: 57px 0 37px;
}
.whychoose-section .autorix-text:before {
  left: -170px;
  width: 24px;
  height: 16px;
}
.whychoose-section h2 {
  padding: 0 10px;
  margin-bottom: 18px;
}
.whychoose-section .blogs-section .blogs-h5 {
  padding: 20px 20px 0px;
  margin-bottom: 5px;
}
.whychoose-section .blogs-section {
  padding: 0px 0 15px;
}
.whychoose-section .blogs-section .read-more a i {
  font-size: 14px;
  line-height: 26px;
}
h2 {
  font-size: 24px;
  line-height: 28px;
}
.whychoose-section .blogs-section .blogs-p {
  padding: 0px 19px;
  margin-bottom:5px;
}
.whychoose-section .whychoseus-left-img {
  margin-bottom: 0;
  bottom: -124px;
}

.about-us-section .about-text:before {
  top: 1px;
  left: 25%;
  width: 27px;
  height: 12px;
}
.about-us-section .about-content h2 {
  font-size: 22px;
  padding: 0 7px;
  line-height: 26px;
  margin-bottom: 12px;
}
  

h2 {
    font-size: 20px;
    line-height: 24px;
}
h4 {
  font-size: 18px;
  line-height: 27px;
  }
h3 {
  font-size: 24px;
  line-height: 10px;
}
h3 {
  font-size: 20px;
  line-height: 28px;
}

.home-banner-section .banner-btn a {
  padding: 13px 18px 13px 28px !important;
}
.home-banner-section .banner-btn a i {
  margin-left: 7px;
  font-size: 16px;
  line-height: 16px;
}
 
 .mission-section .autorix-text:before {
  width: 28px;
  height: 14px;
  top: 0px;
  left: 96px;
}
.mission-section h2 {
  margin-bottom: 6px;
  font-size: 22px;
  line-height: 26px;
  padding: 0 21px;
}
.mission-section .about-us-content .our-mission-p1 {
  padding: 0 0px;
}
.mission-section .about-us-content .our-mission-p2 {
  margin-bottom: 10px;
  padding: 0 10px;
}
.mission-section .about-us-content .list-margin-bottom {
  margin-bottom: 0px;
}
.mission-section .about-us-content .margin-left-checkk {
  margin-left: 16px;
}
.mission-section .mission-red-box {
  padding: 40px 26px;
}
.mission-section .input-text {
  padding: 22px 24px;
}
.mission-section .mission-red-box .banner-btn a {
  padding: 14px 19px 14px 26px !important;
  line-height: 18px;
  font-size: 14px;
}
.mission-section .mission-red-box .banner-btn a i {
  margin-left: 22px;
}


.offer-section:before {
  width: 157px;
  height: 141px;
  top: -49px;
  left: -58px;
  right: 0;
}
.offer-section::after {
  right: -58px;
  bottom: -24px;
}
.offer-section .offer-text:before {
  left: -40%;
  width: 25px;
  height: 15px;
}
.offer-section .offer-content .offer-upto {
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 20px;
}
.offer-section .banner-btn a {
  padding: 12px 20px 12px 26px !important;
  line-height: 18px;
  font-size: 14px;
}
.offer-section .banner-btn a i {
  margin-left: 11px;
  font-size: 16px;
  line-height: 18px;
}

.teams-section .autorix-text:before {
  top: 2px;
  left: 48px;
  width: 28px;
  height: 13px;
}
.teams-section .teams-p2 {
  margin-bottom: 18px;
}
.teams-section {
  padding: 55px 0 60px;
}
.teams-section .teams-p1 {
  margin-bottom: 7px;
}
.teams-section p {
  padding: 0 8px;
}
.teams-section .banner-btn a {
  padding: 15px 16px 15px 21px !important;
  line-height: 18px;
  font-size: 14px;
}
.teams-section .team-card-margin{
  margin-bottom: 20px;
}
.teams-section .teams-card .title {
  margin-bottom: 4px;
}
.teams-section .teams-mb {
  margin-bottom: 20px;
}
.teams-section .teams-card .teams-icon, .teams-section .teams-card .teams-cross-icon {
  top: 136px;
  right: 76px;
  width: 40px;
  height: 40px;
  line-height: 41px;
}
.teams-section .teams-card .social-icons-outer1 {
  right: 41px;
  top: -23px;
}
.teams-section .teams-card .social-icons-outer2 {
  right: 49px;
  top: -106px;
}
.teams-section .teams-card .social-icons-outer3 {
  top: -177px;
  right: 80px;
}
.teams-section .teams-card .social-icons-outer4 {
  top: -106px;
  left: -252px;
}

.our-work-section .autorix-text:before {
  width: 25px;
  height: 15px;
  top: 0px;
  left: -124px;
}
.our-work-section h2 {
  padding: 0px 19px;
  margin-bottom: 24px;
}
.our-work-section .case_studies_box {
  left:0px;
  width: 90%;
}
.our-work-section .case-img-margin2 {
  margin-bottom:0 px;
}
.our-work-section .owl-theme .owl-nav {
  margin-top: -38px;
}

.contact-us-form .autorix-text:before {
  width: 25px;
  height: 15px;
  left: -144px;
  top: 0px;
}
.contact-us-form .autorix-text {
  margin-bottom: 10px;
}
.contact-us-form h2 {
  margin-bottom: 24px;
}
.contact-us-form .col-inner-msg {
  margin-bottom: 36px;
}
.contact-us-form .form-control {
  padding: 16px 27px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.contact-us-form .form-btn a i {
  margin-left: 15px;
}

.carousel-section:before {
  width: 157px;
  height: 141px;
  top: -49px;
  left: -58px;
  right: 0;
}
.carousel-section::after {
  right: -58px;
  bottom: -24px;
}
.carousel-section:before {
  width: 141px;
  height: 135px;
  top: -53px;
  left: -74px;
  right: 0;
}
.carousel-section::after {
  right: -40px;
  bottom: -24px;
  width: 151px;
  height: 135px;
}
.carousel-section .carosel-text .carosel-p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
}
.carousel-section .carosel-text {
  padding-left: 18px;
  padding-top: 50px;
  padding-right: 18px;
  text-align: center;
}
.carousel-section .carosel-text h6 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 12px;
}
.carousel-section .carosel-text .ceo {
  margin-bottom: 10px;
}
  
.footer-section .footer-content1 figure img {
  text-align: center;
  margin-bottom: 5px;
  width: 38%;
}
.carousel-section .owl-carousel .owl-item img {
  display: inline;
  width: 24%;
}
.box-section .mission-counter {
  font-size: 26px;
  line-height: 22px;
}

  .footer-section .red-light-footer-p {
    font-size: 14px;
    line-height: 24px;
  }

  .footer-section .footer-content1 {
    text-align: center;
  }

  .footer-section .footer-outer-margin {
    padding-bottom: 0px;
  }

  .footer-section .social-icons {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }

  .footer-section .red-light-footer-p {
    margin-bottom: 20px;
  }

  .footer-section .footer-list {
    padding-left: 76px;
    display: none;
  }

  .footer-section .footer-bar .footer-bar-content {
    padding: 10px 0;
    margin-top: 16px;
  }

  .footer-section .footer-bar .footer-bar-content {
    padding: 15px 0;
    margin-top: 10px;
  }

  .footer-section .footer-bar-content p {
    font-size: 12px;
    line-height: 16px;
  }

  .footer-section .footer-icon {
    display: none;
  }
  .footer-section .navbar-brand-footer {
    text-align: center;
}
.footer-section .foot-text {
text-align: center;
}
.footer-section .footer-right figure{
  display: none;
}
.footer-section .social-icons {
  margin-bottom: 0px;
}
.footer-section {
  padding: 60px 0 45px;
}
.navbar-collapse {
  width:100% !important;
}

.about-us-section .about-content h2 {
  font-size: 24px;
  padding: 0 30px;
  line-height: 28px;
}
.about-us-section .about-content .about-padding {
  padding: 0;
}

.about-us-section .about-content .about-content-box {
  padding: 40px 14px 40px;
}
.about-us-section .about-content .box-margin-left {
  margin-left: 0px;
}
.about-us-section::after {
  width: 83px;
  height: 130px;
  display: none;
}

.our-services-section .autorix-text:before {
  width: 25px;
  height: 15px;
  top: 0px;
  left: -151px;
}
.our-services-section h2 {
  padding: 0px 7px;
  margin-bottom: 14px;
}
.our-services-section .our-services-content p {
  padding: 0 23px;
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 19px;
}
.our-services-section .our-services-outer .our-services-content h5 {
  margin-bottom: 7px;
}
.our-services-section .our-services-outer .steering-margin-bottom {
  margin-bottom: 20px;
}
.our-services-section .banner-btn a {
  padding: 12px 18px 12px 20px !important;
  line-height: 18px;
  font-size: 14px;
}
.our-services-section .banner-btn a i {
  margin-left: 5px;
  font-size: 14px;
  line-height: 20px;
}
.our-services-section {
  padding: 60px 0 56px;
}
h5 {
  font-size: 18px;
  line-height: 20px;
}

.sub-header-section:before {
  width: 147px;
  height: 106px;
  top: 0px;
  left: -19%;
}
.sub-banner-section {
  padding-top: 55px;
  padding-bottom: 38px;
}
.sub-header-section .sub-banner-section .banner-btn a {
  line-height: 16px;
  font-size: 16px;
  padding: 15px 25px 15px 25px !important;
}
.sub-header-section .sub-banner-section .home-banner-text {
  padding: 0;
}

.about-us-section-page .about-us-box-page .about-red-box .red-box-content .about-plus {
  font-size: 30px;
  line-height: 33px;
  font-weight: 700;
  right: -13px;
  top: 318px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .span28 {
  font-size: 37px;
  line-height: 38px;
  top: 318px;
  right: 7px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content .exp {
  top: 361px;
  left: 214px;
  font-size: 14px;
  line-height: 15px;
}
.about-us-section-page .about-us-box-page .about-red-box .red-box-content {
  bottom: 257px;
  z-index: 11;
  right: 113px;
}
.about-us-section-page .about-us-box-page .about-us-content {
  padding-top: 226px;
  text-align: center;
}
.about-us-section-page .autorix-text:before {
  top: 226px;
  left: 27%;
}
.about-us-section-page h2 {
  margin-bottom: 10px;
  font-size: 26px;
  line-height:29px;
}
.about-us-section-page .about-us-content .margin-left-checkk {
  margin-left: 5px;
  letter-spacing: 0px !important;
}
.about-us-section-page .about-us-content ul i {
  margin-right: 5px;
}
.about-us-section-page .about-us-content .fast-work-m {
  margin-left: 12px;
}
.about-us-section-page .about-us-content .list-margin-bottom {
  margin-bottom: 0px;
}
.contact-us-form .contact-us-wrapper .form-btn a {
  padding: 14px 17px 14px 31px !important;
  line-height: 16px;
  font-size: 14px;
}
.best-choice-section .autorix-text:before {
  width: 27px;
  height: 14px;
  top: 0px;
  left: 77px;
}
.best-choice-section .autorix-text {
  margin-bottom: 14px;
  text-align: center;
  margin-left: 0;
}
.best-choice-section h2 {
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 29px;
  text-align: center;
  padding-right: 0;
  padding: 0 23px;
}
.best-choice-section p {
  padding-right: 0;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 25px;
}
.best-choice-section .banner-btn {
  margin-bottom: 87px;
  text-align: center;
}
.best-choice-section:before {
  background: transparent;
}
.best-choice-section {
  padding: 58px 0 15px;
  background-position: top;
}
.best-choice-section .play-video-icon {
  bottom: 40px;
  margin-bottom: 0;
  z-index: 12;
}
.best-choice-section .play-video-icon img {
  width: 75px;
  height: auto;
}
.footer-bar .footer-bar-content .text-size-16 {
  font-size: 12px;
  line-height: 14px;
}

.whychoose-section .service-page .service-page-h5 {
  padding: 54px 20px 0px;
  margin-bottom: 5px;
}
.whychoose-section .service-page .circle-icon1 {
  top: 188px;
}
.whychoose-section .service-page .circle-icon1 img {
  width: 30%;
}
.whychoose-section .service-page {
  margin-bottom: 0px;
}


.our-projects .case-img-margin {
  margin-bottom: -20px;
}
.our-teams-page .autorix-text:before {
  top: 2px;
  left: -200px;
}
.our-teams-page .teams-card .teams-icon, .our-teams-page .teams-card .teams-cross-icon {
  top: 206px;
  right: 62px;
  width: 40px;
  height: 40px;
  line-height: 41px;
}
.our-teams-page .teams-card .social-icons-outer3 {
  top: -122px;
  right: 18px;
}
.our-teams-page .teams-card .social-icons-outer2 {
  right: 8px;
  top: -38px;
}
.our-teams-page .teams-card .social-icons-outer1 {
  right: 12px;
  top: 47px;
}
.our-teams-page .last-team-m{
  margin-bottom: 0;
}

.our-products .autorix-text:before {
  left: 24%;
}
.our-products h2 {
  margin-bottom: 22px;
}
.our-products .teams-card .desc {
  margin-bottom: 7px;
}
.our-products .teams-card .title {
  margin-bottom: 10px;
}
.our-products .teams-card .teams-icon, .our-products .teams-card .teams-cross-icon {
  top: 221px;
  right: 53px;
  width: 40px;
  height: 40px;
  line-height: 41px;
}
.our-products .last-team-m {
  margin-bottom: 0px;
}
.our-products .heart-icon {
  top: 222px;
  right: 60px;
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.our-products .autorix-text:before {
  left: 87px !important;
}
.our-products .teams-card .banner-btn a {
  padding: 11px 17px 11px 26px !important;
  line-height: 16px;
  font-size: 14px;
}
.our-products .teams-card .banner-btn a i {
  margin-left: 14px;
  font-size: 14px;
  line-height: 14px;
}
.contact-form-section {
  padding: 51px 0 60px;
}
.contact-form-section .autorix-text:before {
  left: 24% !important;
  width: 25px;
  height: 17px;
}
.contact-form-section .contact-us-title2 {
  font-size: 26px;
  line-height: 30px;
}
.contact-form-section .about-us-list {
  padding: 0 24px;
}
.contact-form-section .contact-content {
  margin-bottom: 40px;
}
.contact-form-section .contact-li {
  margin-bottom: -28px;
}
.contact-form-section .get-in:before {
  left: 24%;
}
.contact-form-section .contact-content {
  margin-bottom: 10px;
}
.contact-form-section .contact-li {
  margin-bottom: 0;
}
.contact-form-section .email-li{
  margin-bottom: 27px;
}
.contact-form-section .input-text {
  padding: 26px 44px 26px 27px;
}
.contact-form-section .contact-form-margin {
  margin-bottom: 16px;
}
.contact-form-section .banner-btn a {
  padding: 14px 19px 14px 28px !important;
}
.contact-us-form .form-btn button i {
  margin-left: 14px;
  font-size: 16px;
  line-height: 17px;
}
.contact-us-form .contact-us-wrapper .form-btn button {
  padding: 13px 14px 13px 28px !important;
  line-height: 14px;
  font-size: 14px;
}
.contact-form-section .banner-btn button {
  padding: 12px 13px 12px 29px !important;
}


.cart-section .product .product-image img { 
  width: 65px; 
}
.cart-section .product-removal { 
  float: right; 
}
.cart-section .product-line-price { 
  float: right;
  clear: right;
  width: auto;
  margin-top: 18px;
  font-size: 14px;
  margin-right: 0;
}
.cart-section .product .product-line-price:before { 
  content: 'Item Total:'; 
  font-size: 14px; 
}
.cart-section .totals .totals-item label { 
  width: 60%; 
}
.cart-section .totals .totals-item .totals-value { 
  width: 40%; 
}
.cart-section .product-price { 
  font-size: 14px; 
}
.cart-section .product {
  margin-bottom: 26px;
  padding-bottom: 20px;
}
.checkout-section .preview-box .btn-outer .btn {
  padding: 15px 18px 15px 22px !important;
  line-height: 18px;
  font-size: 14px;
}
.checkout-section .preview-box .btn-outer .btn { 
  font-size: 14px; 
  line-height: 14px; 
  padding: 14px 20px; 
}
#search input[type="search"] {
  font-size: 24px; 
}
.nft-section .create-nft-box .form-group {
  margin: 0 0 20px 0px;
  width: 100%;
}
.checkout-section .billing-details-h3 {
  font-size: 24px;
  line-height: 26px;
}
.checkout-section .your-order {
  font-size: 24px;
  line-height: 26px;
}
.cart-section .preview-box .btn-outer {
  width: 100%;
}

.footer-section .navbar-brand-footer img {
  width: 40%;
}
.effect-image-1:hover .simple-overlay-3 {
  height: 78%;
}
}



.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(./images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}




.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background: #CCCCCC;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}


html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.as_share_box ul li {
    float: left;
    margin-right: 15px;
}

a.navbar-brand {
	font-weight: 600;
}

.wp-block-latest-posts__featured-image {
	float: left;
	margin:0 10px 10px 0;
	max-width: 130px;
}

footer {
	margin-top: 50px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }

.navbar-brand {
	color:#FFF !important;
	margin-right: 30px;
}

nav.navbar strong {
	display: block;
	color: #FFF;
	margin-right: 50px !important;
	font-weight: normal;
}

@media screen and (max-width: 991px) {
	div.btn-talk {
		display: none !important;
	}
}

.navbar-toggler:focus {
	box-shadow: none !important;
}

.text-right {
	text-align: right;
}

.footer-section {
	color: var(--e-global-color-soft-blue);
}

.footer-section a {
	color: var(--e-global-color-accent);
}

.footer-section a:hover {
	text-decoration: underline;
}

.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section h4,
.footer-section h5,
.footer-section h6 {
	font-size: 22px;
	line-height: 28px;
	color: var(--e-global-color-secondary);
	font-weight: 700;
	margin-bottom: 18px;
	letter-spacing: 0;
	text-transform: uppercase;
}

.carosel-img img {
  max-width: 100px !important;
  height: auto !important;
  border-radius: 50%;
}

.scrollup:before {
	content:"\f106";
	display:inline-block;
	vertical-align:middle;
	font:30px 'FontAwesome';
	color: rgba(255,255,255,.6) !important;
}

.scrollup {
	width: 40px;
	height: 40px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	border-radius: 50%;
	position: fixed;
	bottom: 40px;
	right:2%;
	color:#CBC8B5;
	background-color:var(--e-global-color-accent) !important;
	z-index:5001;
	line-height:34px;
	text-align:center;
}

.scrollup:hover {
	background-color:var(--e-global-color-blue-f) !important;
	color:#858282 !important;
}

.home-banner-section {
	margin-bottom: 30px;
}

h5.desc {
  font-size: 16px;
}

.footer-section .office-info-box span {
	color: var(--e-global-color-soft-blue);
}

.footer-section .office-info-box a:hover {
	color: var(--e-global-color-soft-blue);
}

.footer-section .office-info-box a:hover i:before {
	color:var(--e-global-color-accent);
}

#sidebar ul li {
	margin-bottom: 10px;
}

.entry-title {
	font-weight: bold;
}


@media (min-width:768px) {
	.our-services-section {
		padding-top: 30px !important;
	}
}

h1.entry-title,
h1.entry-title a {
	text-transform: uppercase;
	font-size: 46px;
	line-height: 54px;
	font-weight: 700;
	font-family: 'Chakra Petch', sans-serif;
	color: #212529;
}


a.more-link {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 16px;
  color: var(--e-global-color-secondary);
  padding: 12px 17px !important;
  display: inline-block;
  border-radius: 57px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid var(--e-global-color-accent);
  transition: all ease-in-out 0.3s;
}

a.more-link:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-very-dark-blue);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-very-dark-blue);
  transition: all ease-in-out 0.3s;
}


@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
  letter-spacing: 0px;
  margin-bottom: 24px;
  margin-left: 43px;
  font-size: 18px;
line-height: 18px;
font-weight: 600;
}

#sidebar h1:before,
#sidebar h2:before,
#sidebar h3:before,
#sidebar h4:before,
#sidebar h5:before,
#sidebar h6:before {
  background: url(./images/whychoose-bars.png);  content: "";
  width: 28px;
  height: 20px;
  position: absolute;
  /*t
  left: 1%;
  right: 0;
  t*/
  margin-left: -40px;
  background-repeat: no-repeat;
}



#sidebar {
	background: var(--e-global-color-secondary);
box-shadow: 0px 6px 38px 0 #dae0e5;
border-radius: 0px;
text-align: center;
border: 1px solid var(--e-global-color-secondary);
transition: all 0.3s ease-out;
text-align: left;
padding: 10px 20px;
}

#sidebar ul li {
	list-style: none !important;
}

a:hover {
	color:rgb(38, 38, 38);
}