@charset "utf-8";

/*
/*	Copyright (c) 2024 Andrew Stets
/*	Author: Andrew Stets
/*	This file is made for CURRENT TEMPLATE


01)	Andrew Stets Andrew Stets BASE
02) Andrew Stets MOBILE MENU
03) Andrew Stets LEFTPART
04) Andrew Stets RIGHTPART
05) Andrew Stets HOME
06) Andrew Stets ABOUT
07) Andrew Stets SERVICES
08) Andrew Stets PORTFOLIO
09) Andrew Stets NEWS
10) Andrew Stets CONTACT
11) Andrew Stets MAGIC CURSOR
12) Andrew Stets MEDIA QUERIES (FOR SMALL DEVICES)


/*---------------------------------------------------*/
/*	01) Andrew Stets BASE
/*---------------------------------------------------*/

a{
	text-decoration: none;
}
ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul li{
	margin: 0px;
	padding: 0px;
}
:root{
    --bff: 'Syne', sans-serif;
    --bc: #767676;
}
html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: var(--bff);
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #f9f9f9;
	color: var(--bc);
}
body::-webkit-scrollbar{
  width: 0px;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
img.svg{
	width: 15px;
	height: 15px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--bc);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: var(--bc);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: var(--bc);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--bc);
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: var(--bc);
}

::placeholder { /* Most modern browsers support this now. */
   color: var(--bc);
}

.container{
	max-width: 1240px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding:0px 20px;
	position:relative;
}

h1, h2, h3, h4, h5, h6{
	font-weight:600;
	line-height: 1.3;
	font-family: var(--bff);
	color: #000;
}

h1 { font-size: 45px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

a{
	text-decoration: none;
}

.andrew_stets_tm_all_wrap{
	width: 100%;
	height: auto;
	position: relative;
}
.andrew_stets_tm_all_wrap,
.andrew_stets_tm_all_wrap *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}

#preloader{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    display: flex;
}
#preloader:before,
#preloader:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: #000;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#preloader:after{
    left: auto;
    right: 0;
}
#preloader .loader_line{
    margin: auto;
    width: 1px;
    height: 250px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
.loader_line:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
    -o-animation: lineheight 1000ms ease-in-out 0s forwards;
    animation: lineheight 1000ms ease-in-out 0s forwards;
}
.loader_line:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #999999;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: lineround 1200ms linear 0s infinite;
    -o-animation: lineround 1200ms linear 0s infinite;
    animation: lineround 1200ms linear 0s infinite;
    animation-delay: 2000ms;
}

@keyframes lineheight{
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}

@keyframes lineround{
    0%{
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
}

/*hiding all*/
.preloaded .loader_line:after{
    opacity: 0;
}
.preloaded  .loader_line{
    opacity: 0;
    height: 100%!important;
}
.preloaded:before,
.preloaded:after{
    -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    -o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero{
    0%{
        width: 50%;
    }
    100%{
        width: 0%;
    }
}
.abs_image{
	position: relative;
}
.abs_image img{
	opacity: 0;
	min-width: 100%;
}
.abs_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.line_effect{
	text-decoration: none;
	color: currentColor;
	display: inline-block;
	position: relative;
}
.line_effect:after{
	content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 3px;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}
.line_effect:hover:after{
	width:100%;
	left:0;
	right:auto;
}

/*---------------------------------------------------*/
/*	02) Andrew Stets MOBILE MENU
/*---------------------------------------------------*/

.andrew_stets_tm_topbar{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-color: #f1f2f6;
	background-image: linear-gradient(180deg, #f1f2f6 0%, #c9c6c6 85%);
	z-index: 14;
	display: none;
}
.andrew_stets_tm_topbar .topbar_inner{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 20px;
}
.andrew_stets_tm_topbar .logo img{
	max-width: 180px;
	max-height: 40px;
}
.andrew_stets_tm_topbar .logo h3{
	font-weight: 900;
	font-family: "Montserrat";
	font-size: 25px;
	letter-spacing: 4px;
}
.andrew_stets_tm_topbar .logo[data-type="image"] img{display: inline-block;}
.andrew_stets_tm_topbar .logo[data-type="image"] h3{display: none;}
.andrew_stets_tm_topbar .logo[data-type="text"] img{display: none;}
.andrew_stets_tm_topbar .logo[data-type="text"] h3{display: inline-block;}

.andrew_stets_tm_topbar .hamburger{
	padding: 0px;
}
.andrew_stets_tm_topbar .hamburger-inner,
.andrew_stets_tm_topbar .hamburger-inner:after,
.andrew_stets_tm_topbar .hamburger-inner:before{
	width: 30px;
	height: 2px;
}
.andrew_stets_tm_topbar .trigger{
	position: relative;
	top: 5px;
}
.andrew_stets_tm_topbar .hamburger-box{
	width: 30px;
}
.andrew_stets_tm_mobile_menu{
	position: fixed;
	top: 50px;
	right: -200px;
	height: 100vh;
	width: 200px;
	z-index: 15;
	/*background-color: #fff;*/
	background-color: #f1f2f6;
	background-image: linear-gradient(360deg, #f1f2f6 0%, #c9c6c6 85%);

	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.andrew_stets_tm_mobile_menu.opened{
	right: 0px;
}
.andrew_stets_tm_mobile_menu .menu_list{
	width: 100%;
	height: auto;
	text-align: right;
	padding: 100px 20px 0px 20px;
}
.andrew_stets_tm_mobile_menu .menu_list ul{
	margin: 0px;
	list-style-type: none;
}
.andrew_stets_tm_mobile_menu .menu_list ul li{
	margin: 0px 0px 7px 0px;
}
.andrew_stets_tm_mobile_menu .menu_list ul li a{
	color: #000;
}

/*---------------------------------------------------*/
/*	03) Andrew Stets LEFTPART
/*---------------------------------------------------*/

.andrew_stets_tm_all_wrap .leftpart{
	width: 400px;
	height: 100vh;
	position: fixed;
	display: flex;
	align-items: center;
	z-index: 12;
	padding: 0px 100px;
	background-color: #f1f2f6;
	background-image: linear-gradient(115deg, #f1f2f6 0%, #c9c6c6 85%);
}
.andrew_stets_tm_all_wrap .leftpart_inner{
	width: 100%;
	height: auto;
}
.andrew_stets_tm_all_wrap .leftpart .logo img{
	max-width: 210px;
}
.andrew_stets_tm_all_wrap .leftpart .logo h3{
	font-family: "Montserrat";
	font-weight: 900;
	font-size: 31px;
	letter-spacing: 5px;
}
.andrew_stets_tm_all_wrap .leftpart .logo[data-type="image"] img{display: inline-block;}
.andrew_stets_tm_all_wrap .leftpart .logo[data-type="image"] h3{display: none;}
.andrew_stets_tm_all_wrap .leftpart .logo[data-type="text"] img{display: none;}
.andrew_stets_tm_all_wrap .leftpart .logo[data-type="text"] h3{display: inline-block;}
.andrew_stets_tm_all_wrap .leftpart .menu{
	padding: 50px 0px 50px 0px;
	width: 100%;
}
.andrew_stets_tm_all_wrap .leftpart .menu ul{
	margin: 0px;
	list-style-type: none;
}
.andrew_stets_tm_all_wrap .leftpart .menu ul li{
	margin: 0px 0px 10px 0px;
	width: 100%;
}
.andrew_stets_tm_all_wrap .leftpart .menu ul li:last-child{
	margin-bottom: 0px;
}
.andrew_stets_tm_all_wrap .leftpart .menu ul li a{
	color: var(--bc);
	display: block;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.andrew_stets_tm_all_wrap .leftpart .menu ul li a:hover{
	color: #000;
}
.andrew_stets_tm_all_wrap .leftpart .menu ul li.active a{
	color: #000;
}
.andrew_stets_tm_all_wrap .leftpart .copyright{
	width: 100%;
}
.andrew_stets_tm_all_wrap .leftpart .copyright p{
	font-size: 15px;
	color: #999;
	line-height: 25px;
}
.andrew_stets_tm_all_wrap .leftpart .copyright a{
	color: var(--bc);
	font-weight: 500;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.andrew_stets_tm_all_wrap .leftpart .copyright a:hover{
	color: #000;
}

.dark .andrew_stets_tm_all_wrap .leftpart{
	background-color: #444;
}
.dark .andrew_stets_tm_all_wrap .leftpart .menu ul li a{
	color: #bbb;
}
.dark .andrew_stets_tm_all_wrap .leftpart .copyright p{
	color: #bbb;
}
.dark .andrew_stets_tm_all_wrap .leftpart .copyright a{
	color: #bbb;
}
.dark .andrew_stets_tm_all_wrap .leftpart .copyright a:hover{
	color: #fff;
}
.dark .andrew_stets_tm_all_wrap .leftpart .menu ul li.active a,
.dark .andrew_stets_tm_all_wrap .leftpart .menu ul li :hover{
	color: #fff;
}
.dark .andrew_stets_tm_all_wrap .leftpart .logo h3{
	color: #fff;
}

/*---------------------------------------------------*/
/*	04) Andrew Stets RIGHTPART
/*---------------------------------------------------*/

.andrew_stets_tm_all_wrap .rightpart{
	width: 100%;
	min-height: 100vh;
	position: relative;
	background-color: #f9f9f9;
	padding-left: 400px;
}
.andrew_stets_tm_all_wrap .rightpart_in{
	position: relative;
	width: 100%;
	border-left: 1px solid #ebebeb;
	min-height: 100vh;
}
.andrew_stets_tm_section{
	position: absolute;
    top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	overflow-y: scroll;
	opacity: 0;
	visibility: hidden;
	z-index: 8;
	transition: visibility 1s linear, opacity 0s linear;
	-moz-transition: visibility 1s linear, opacity 0s linear;
	-webkit-transition: visibility1s linear, opacity 0s linear;
	-o-transition: visibility 1s linear, opacity 0s linear;
}
.andrew_stets_tm_section.animated {
	opacity: 1;
	visibility: visible;
	z-index: 9;
}
.andrew_stets_tm_section.active {
	opacity: 1;
	visibility: visible;
	z-index: 10;
}
.andrew_stets_tm_section.hidden {
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}
.andrew_stets_tm_section::-webkit-scrollbar{
  width: 0px;
}
.tm_text_effect span{
	display: block;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_text_effect .wrapper{
	overflow: hidden;
	position: relative;
}
.tm_text_effect .after{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	transform: translateY(100%);
}
.tm_text_effect:hover .before{
	transform: translateY(-100%);
}
.tm_text_effect:hover .after{
	transform: translateY(0);
}
.andrew_stets_tm_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.andrew_stets_tm_button{
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.andrew_stets_tm_button:before{
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #000;
	transform: translateY(100%);
	pointer-events: none;
	transition: all .3s ease;
}
.andrew_stets_tm_button:hover:before{
	transform: translateY(0);
}
.andrew_stets_tm_button span{
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
}
.andrew_stets_tm_button a{
	display: block;
	padding: 15px 35px;
	background-color: #666;
}

/*---------------------------------------------------*/
/*	05) Andrew Stets HOME
/*---------------------------------------------------*/

.andrew_stets_tm_home{
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.andrew_stets_tm_home .andrew_stets_tm_button{
	margin-top: 35px;
}
.andrew_stets_tm_home h3{
	font-size: 45px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
}
.andrew_stets_tm_home .name{
	position: relative;
	font-size: 17px;
	margin-bottom: 12px;
	text-transform: uppercase;
	display: inline-block;
}
.andrew_stets_tm_home .left{
	width: 50%;
}
.andrew_stets_tm_home .right{
	width: 50%;
	padding-left: 40px;
	-webkit-perspective: 400px;
    perspective: 400px;;
}
.andrew_stets_tm_home .abs_image{
	-webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
	max-width: 80%;
}
.andrew_stets_tm_home .abs_image:before{
	position: absolute;
	content: "";
	top: -15px;
	left: 15px;
	bottom: 15px;
	right: -15px;
	border: 1px solid rgba(0,0,0,.1);
	z-index: -1;
	transition: all .3s ease;
}
.andrew_stets_tm_home .particle_wrapper{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#particles-js {
	width: 100%;
	height: 100%;
  	position: relative;
  	z-index: 2;
}
.andrew_stets_tm_home video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cd-headline.clip .cd-words-wrapper::after{
	width: 4px;
	height: 60%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #000;
	opacity: 1;
    animation: point 0.8s infinite;
}
@keyframes point{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/*---------------------------------------------------*/
/*	06) Andrew Stets ABOUT
/*---------------------------------------------------*/

.andrew_stets_tm_title{
	width: 100%;
}
.andrew_stets_tm_title span{
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 5px;
}
.andrew_stets_tm_about{
	width: 100%;
	padding: 100px 0px 110px 0px;
}
.andrew_stets_tm_biography{
	width: 100%;
	display: flex;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 100px;
	margin-bottom: 100px;
}
.andrew_stets_tm_biography .biography{
	width: 50%;
	padding-right: 50px;
}
.andrew_stets_tm_biography .text{
	margin-top: 50px;
	margin-bottom: 30px;
}
.andrew_stets_tm_biography .personal_details{
	width: 50%;
	padding-left: 50px;
}
.andrew_stets_tm_biography .list{
	width: 100%;
	margin-top: 50px;
}
.andrew_stets_tm_biography .list li{
	margin-bottom: 6px;
}
.andrew_stets_tm_biography .list li:last-child{
	margin-bottom: 0px;
}
.andrew_stets_tm_biography .list span:first-child{
	color: #000;
	font-weight: 500;
	min-width: 140px;
	display: inline-block;
}
.andrew_stets_tm_skills{
	width: 100%;
	display: flex;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 110px;
	margin-bottom: 100px;
}
.andrew_stets_tm_skills .left{
	width: 50%;
	padding-right: 50px;
}
.andrew_stets_tm_skills .right{
	width: 50%;
	padding-left: 50px;
}
.andrew_stets_progress{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-top: 52px;
}
.progress_inner{
	width:100%;
	margin-bottom:20px;
}
.progress_inner:last-child{
	margin-bottom: 0px;
}
.progress_inner > span{
	margin:0px 0px 5px 0px;
	width:100%;
	display:block;
	text-align:left;
}
.progress_inner span.number{
	float: right;
}
.progress_inner .background{
	background:rgba(0,0,0,.1);
	width:100%;
	min-width:100%;
	position:relative;
	height:2px;
}
.progress_inner .background .bar_in{
	height:100%;
	background:var(--bc);
	width:0px;
	overflow:hidden;
}
.progress_inner .background .bar{
	width:0px;
	height:100%;
}
.progress_inner .background .bar.open{
	-webkit-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
	-moz-animation:    wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Fx 5+ */
	animation:         wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* IE 10+ */
	width:100%;	
}

@-webkit-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@keyframes wow {0%{ width:0%; } 100%{ width:100%; }}

.andrew_stets_tm_features{
	width: 100%;
	display: flex;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 100px;
	margin-bottom: 100px;
}
.andrew_stets_tm_features .list{
	width: 100%;
	margin-top: 50px;
}
.andrew_stets_tm_features .left{
	width: 50%;
	padding-right: 50px;
}
.andrew_stets_tm_features .right{
	width: 50%;
	padding-left: 50px;
}
.andrew_stets_tm_features .list li{
	margin-bottom: 6px;
}
.andrew_stets_tm_features .list li:last-child{
	margin-bottom: 0px;
}
.andrew_stets_tm_features .list label{
	padding-right: 7px;
}
.andrew_stets_tm_timeline{
	width: 100%;
	display: flex;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 100px;
	margin-bottom: 100px;
}
.andrew_stets_tm_timeline .list{
	width: 100%;
	margin-top: 50px;
}
.andrew_stets_tm_timeline .left{
	width: 50%;
	padding-right: 50px;
}
.andrew_stets_tm_timeline .right{
	width: 50%;
	padding-left: 50px;
}
.andrew_stets_tm_timeline li{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.andrew_stets_tm_timeline li:last-child{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.andrew_stets_tm_timeline li .list_inner{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.andrew_stets_tm_timeline li .year span{
	display: inline-block;
	border: 1px solid rgba(0,0,0,.1);
	padding: 5px 20px;
}
.andrew_stets_tm_timeline li .info{
	padding-right: 30px;
}
.andrew_stets_tm_timeline li .info h3{
	font-size: 18px;
}
.andrew_stets_tm_counter{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 80px;
	margin-bottom: 100px;
}
.andrew_stets_tm_counter .list{
	width: 100%;
	margin-top: 60px;
}
.andrew_stets_tm_counter .list ul{
	margin-left: -30px;
	display: flex;
	flex-wrap: wrap;
}
.andrew_stets_tm_counter .list ul li{
	width: 25%;
	padding-left: 30px;
	margin-bottom: 30px;
}
.andrew_stets_tm_counter .list ul li .list_inner{
	width: 100%;
	border: 1px solid rgba(0,0,0,.1);
	padding: 20px;
	text-align: center;
}
.andrew_stets_tm_counter .list ul h3{
	margin-bottom: 2px;
	font-size: 25px;
}
.andrew_stets_tm_partners{
	width: 100%;
	margin-top: 40px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 110px;
	margin-bottom: 100px;
}
.andrew_stets_tm_partners .list{
	width: 100%;
	margin-top: 60px;
}
.andrew_stets_tm_partners .in{
	overflow: hidden;
}
.andrew_stets_tm_partners ul{
    display: flex;
    margin-left: -30px;
}
.andrew_stets_tm_partners li{
    width: 100%;
    margin-left: 30px;
}
.andrew_stets_tm_partners .list_inner{
    height: 100%;
    text-align: center;
    border: 1px solid rgba(0,0,0,.1);
    padding: 32px 50px;
	display: flex;
	align-items: center;
}
.andrew_stets_tm_partners .list_inner img{
    max-height: 100px;
}
.andrew_stets_tm_members{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 80px;
	margin-bottom: 100px;
}
.andrew_stets_tm_members .list{
	width: 100%;
	margin-top: 60px;
}
.andrew_stets_tm_members .list > ul{
	margin-left: -30px;
	display: flex;
	flex-wrap: wrap;
}
.andrew_stets_tm_members .list > ul > li{
	width: 33.3333%;
	padding-left: 30px;
	margin-bottom: 30px;
}
.andrew_stets_tm_members .list > ul > li .list_inner{
	width: 100%;
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	padding: 10px;
}
.andrew_stets_tm_members .list .abs_image{
	margin-bottom: 10px;
	overflow: hidden;
}
.andrew_stets_tm_members .list_inner .abs_image:before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.andrew_stets_tm_members .list_inner .abs_image:hover:before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.andrew_stets_tm_members .list ul .details{
	border-top: 1px solid rgba(0,0,0,.1);
	padding: 20px 20px 10px 20px;
}
.andrew_stets_tm_members .list .name{
	font-size: 18px;
}
.andrew_stets_tm_members .list .job{
	display: inline-block;
	margin-bottom: 12px;
}
.andrew_stets_tm_testimonials{
	width: 100%;
}
.andrew_stets_tm_testimonials .list{
	width: 100%;
	margin-top: 60px;
}
.andrew_stets_tm_testimonials .list ul{
	margin: 0px;
	list-style-type: none;
	cursor: e-resize;
}
.andrew_stets_tm_testimonials .list ul li{
	margin: 0px;
}
.andrew_stets_tm_testimonials .list ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	padding: 40px;
}
.andrew_stets_tm_testimonials .list ul li .text{
	width: 100%;
	position: relative;	
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.andrew_stets_tm_testimonials .details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
}
.andrew_stets_tm_testimonials .details .image{
	position: relative;
	width: 60px;
	height: 60px;
}
.andrew_stets_tm_testimonials .details .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 100%;
}
.andrew_stets_tm_testimonials .details .info{
	padding-left: 20px;
}
.andrew_stets_tm_testimonials .details .info h3{
	font-size: 18px;
    font-weight: 600;
}
.andrew_stets_tm_testimonials .details .info span{
	font-size: 14px;
}
.andrew_stets_tm_testimonials .owl-carousel .owl-stage-outer{
	overflow: hidden;
}
.andrew_stets_tm_testimonials .owl-carousel .owl-stage-outer{
	overflow: visible;
}
.andrew_stets_tm_testimonials .owl-item.active{
	opacity: 1;
}
.andrew_stets_tm_testimonials .owl-item{
	opacity: 0;
}

/*---------------------------------------------------*/
/*	07) Andrew Stets SERVICES
/*---------------------------------------------------*/

.andrew_stets_tm_service{
	width: 100%;
	padding: 100px 0px 70px 0px;
}
.andrew_stets_tm_service .services_list{
	width: 100%;
	margin-top: 60px;
}
.andrew_stets_tm_service .services_list > ul{
	display: flex;
	flex-wrap: wrap;
	margin-left: -40px;
}
.andrew_stets_tm_service .services_list > ul > li{
	width: 33.3333%;
	padding-left: 40px;
	margin-bottom: 40px;
}
.andrew_stets_tm_service .services_list .list_inner{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 45px 50px 42px 50px;
	border: 1px solid rgba(0,0,0,.1);
}
.andrew_stets_tm_service .services_list .list_inner .svg{
	width: 40px;
	height: 40px;
	color: #999;
	margin-bottom: 17px;
}
.andrew_stets_tm_service .services_list .title{
	font-size: 18px;
}
.andrew_stets_tm_service .services_list .list{
	width: 100%;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 29px;
	padding-top: 25px;
}
.andrew_stets_tm_service .services_list .list li{
	width: 100%;
	margin-bottom: 5px;
	position: relative;
	padding-left: 18px;
}
.andrew_stets_tm_service .services_list .list li:last-child{
	margin-bottom: 0px;
}
.andrew_stets_tm_service .services_list .list li:before{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background-color: rgba(0,0,0,.15);
	border-radius: 100%;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}

/*---------------------------------------------------*/
/*	08) Andrew Stets PORTFOLIO
/*---------------------------------------------------*/

.andrew_stets_tm_portfolio{
	width: 100%;
	padding: 95px 0px 80px 0px;
}
.andrew_stets_tm_portfolio .portfolio_title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.andrew_stets_tm_portfolio .portfolio_title .andrew_stets_tm_title{
	width: auto;
}
.portfolio_filter li{
	display: inline-block;
	position: relative;
	margin-left: 12px;
}
.portfolio_filter li:first-child{
	margin-left: 0px;
}
.portfolio_filter li:after{
	position: relative;
	content: "/";
	margin-left: 15px;
}
.portfolio_filter li:last-child:after{
	display: none;
}
.portfolio_filter ul li{
	display: inline-block;
	position: relative;
	margin-left: 12px;
}
.portfolio_filter ul li a{
	color: var(--bc);
	display: inline-block;
	transition: all .3s ease;
}
.portfolio_filter ul li a:hover,
.portfolio_filter ul li a.current{
	color: #000;
}
.andrew_stets_tm_portfolio .portfolio_list{
	width: 100%;
	margin-top: 70px;
}
.andrew_stets_tm_portfolio .portfolio_list ul{
	margin-left: -30px;
	display: flex;
	flex-wrap: wrap;
}
.andrew_stets_tm_portfolio .portfolio_list ul li{
	width: 33.3333%;
	padding-left: 30px;
	margin-bottom: 30px;
}
.andrew_stets_tm_portfolio .portfolio_list ul li .list_inner{
	width: 100%;
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	padding: 10px;
}
.andrew_stets_tm_portfolio .portfolio_list ul li .abs_image:before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.andrew_stets_tm_portfolio .portfolio_list ul li .list_inner .abs_image:hover:before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.andrew_stets_tm_portfolio .portfolio_list .abs_image{
	margin-bottom: 10px;
	overflow: hidden;
}
.andrew_stets_tm_portfolio .portfolio_list ul .details{
	border-top: 1px solid rgba(0,0,0,.1);
	padding: 20px 20px 10px 20px;
}
.andrew_stets_tm_portfolio .portfolio_list .name{
	font-size: 18px;
}
.andrew_stets_tm_portfolio .portfolio_list .name a{
	color: #000;
}
.andrew_stets_tm_portfolio .portfolio_list .job a{
	color: var(--bc);
}

/*---------------------------------------------------*/
/*	09) Andrew Stets NEWS
/*---------------------------------------------------*/

.andrew_stets_tm_news{
	width: 100%;
	padding: 100px 0px;
}
.andrew_stets_tm_news .news_list{
	width: 100%;
	margin-top: 50px;
}
.andrew_stets_tm_news .news_list > ul > li{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 40px 0;
	transition: .3s;
	position: relative;
}
.andrew_stets_tm_news .news_list > ul:hover > li{
	opacity: .4;
}
.andrew_stets_tm_news .news_list > ul:hover > li:hover{
	opacity: 1;
}
.andrew_stets_tm_news .news_list > ul > li:first-child{
	padding-top: 0px;
}
.andrew_stets_tm_news .news_list > ul > li:last-child{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.andrew_stets_tm_news .news_list .list_inner{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.andrew_stets_tm_news .news_list .title{
	width: 50%;
}
.andrew_stets_tm_news .news_list .title h3{
	font-size: 24px;
}
.andrew_stets_tm_news .news_list .title h3 a{
	display: inline-block;
	color: #000;
}
.andrew_stets_tm_metabox{
	width: 50%;
	text-align: right;
	padding-left: 50px;
	transition: all .3s ease;
}
.andrew_stets_tm_metabox li{
	display: inline-block;
	position: relative;
	margin-left: 12px;
}
.andrew_stets_tm_metabox li:first-child{
	margin-left: 0px;
}
.andrew_stets_tm_metabox li:after{
	position: relative;
	content: "/";
	margin-left: 12px;
}
.andrew_stets_tm_metabox li:last-child:after{
	display: none;
}
.andrew_stets_tm_metabox li a{
	color: #000;
}
.hover_image{
	width: 400px;
	position: fixed;
	right: 180px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-perspective: 400px;
    perspective: 400px;;
	z-index: 11;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}
.hover_image .img.active{
	opacity: 1;
	transform: scale(1);
}
.hover_image .img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transform: scale(0.95);
	transition: .5s;
}
.hover_image .abs_image{
	-webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
}
.hover_image .abs_image .main:before{
	position: absolute;
	content: "";
	top: -15px;
	left: 15px;
	bottom: 15px;
	right: -15px;
	border: 1px solid rgba(0,0,0,.1);
	z-index: -1;
	transition: all .3s ease;
}
.andrew_stets_tm_news .news_image{
	display: none;
	position: absolute;
	z-index: -11;
}

/*---------------------------------------------------*/
/*	10) Andrew Stets CONTACT
/*---------------------------------------------------*/

.andrew_stets_tm_contact{
	width: 100%;
	padding: 100px 0px 110px 0px;
}
.andrew_stets_tm_contact .info_list{
	width: 100%;
	margin-top: 60px;
}
.andrew_stets_tm_contact .info_list > ul{
	display: flex;
	flex-wrap: wrap;
	margin-left: -40px;
}
.andrew_stets_tm_contact .info_list > ul > li{
	width: 25%;
	padding-left: 40px;
	margin-bottom: 40px;
}
.andrew_stets_tm_contact .info_list > ul > li .list_inner{
	width: 100%;
	height: 100%;
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	padding: 20px;
	text-align: center;
}
.andrew_stets_tm_contact .info_list > ul > li span{
	display: block;
}
.andrew_stets_tm_contact .info_list > ul > li{
	display: block;
}
.andrew_stets_tm_contact .info_list .icon{
	width: 25px;
	height: 25px;
	margin-bottom: 5px;
}
.andrew_stets_tm_social ul li{
	display: inline-block;
	margin-right: 3px;
}
.andrew_stets_tm_social ul li:last-child{
	margin-right: 0px;
}
.andrew_stets_tm_social ul li a{
	display: inline-block;
	width: 25px;
	height: 25px;
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	color: var(--bc);
	transition: all .3s ease;
}
.andrew_stets_tm_social ul li .svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 12px;
	height: 12px;
}
.andrew_stets_tm_social ul li a:hover{
	color: #000;
	border-color: #000;
}

.andrew_stets_tm_contact .form_wrapper{
	width: 100%;
	margin-bottom: 30px;
}
.andrew_stets_tm_contact .form_wrapper ul{
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
}
.andrew_stets_tm_contact .form_wrapper ul li{
	width: 50%;
	padding-left: 15px;
	margin-bottom: 15px;
}
.andrew_stets_tm_contact .form_wrapper ul li input,
.andrew_stets_tm_contact .form_wrapper ul li select{
	width: 100%;
	height: 50px;
	padding: 5px 20px;
	background-color: transparent;
	font-family: var(--bff);
	color: var(--bc);
	border: 1px solid rgba(0,0,0,.1);
}
.andrew_stets_tm_contact .form_wrapper ul li select{
	padding-left: 15px;
}
.andrew_stets_tm_contact .form_wrapper ul li input:focus,
.andrew_stets_tm_contact .form_wrapper ul li select:focus,
.andrew_stets_tm_contact .form_wrapper textarea:focus,
.andrew_stets_tm_contact .enter_code input:focus{
	outline: none;
}
.andrew_stets_tm_contact .form_wrapper textarea{
	padding: 20px;
	height: 120px;
	background-color: transparent;
	resize: none;
	font-family: var(--bff);
	border: 1px solid rgba(0,0,0,.1);
}
.andrew_stets_tm_contact #enter_code{
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.andrew_stets_tm_contact #enter_code span{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background-color: #666;
	padding: 0px 30px;
}
.andrew_stets_tm_contact #enter_code input{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background-color: transparent;
	padding: 0px 20px;
	font-family: var(--bff);
	border: 1px solid rgba(0,0,0,.1);
}
.andrew_stets_tm_contact input::-webkit-outer-spin-button,
.andrew_stets_tm_contact input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.andrew_stets_tm_contact input[type=number] {
  -moz-appearance: textfield;
}

.error_box{
	width: 100%;
	background-color: #fce3e3;
	padding: 20px 10px;
	text-align: center;
	margin-bottom: 10px;
	display: none;
}
.error_box p{
	color: #721c24;
}
.success_box{
	width: 100%;
	display: none;
	background-color: #0ac083;
	padding: 20px 10px;
	text-align: center;
	margin-bottom: 10px;
}
.success_box p{
	color: #fff;
}
.error .cf-form-control {
	border-bottom: 1px solid red !important;
}
.error select {
	border-bottom: 1px solid red !important;
}
.success .cf-form-control {
	border-bottom: 1px solid green !important;
}
.success select {
	border-bottom: 1px solid green !important;
}
#text-area-w {
	width: 100%;
	margin-bottom: 9px;
}
.mapouter{
	filter: grayscale(1);
	transition: all .3s ease;
}
.mapouter:hover{
	filter: grayscale(0);
}

/*---------------------------------------------------*/
/*	11) Andrew Stets MAGIC CURSOR
/*---------------------------------------------------*/

.mouse-cursor{
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	visibility: hidden;
  }
  .cursor-inner {
	margin-left: -3px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	z-index: 100;
	background-color: #000;
	-webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
	transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
  }
  .cursor-inner.cursor-hover {
	margin-left: -40px;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background-color: #000;
	opacity: .3;
  }
  .cursor-outer {
	margin-left: -15px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	border: 2px solid #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
	opacity: .5;
	-webkit-transition: all .08s ease-out;
	transition: all .08s ease-out;
  }
  .cursor-outer.cursor-hover{
	opacity: 0;
  }
  .andrew_stets_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{
	  display: none;
	  opacity: 0;
	  visibility: hidden;
	  position: absolute;
	  z-index: -1111;
  }

/*---------------------------------------------------*/
/*	12) Andrew Stets MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1600px) {
	.container{max-width: 968px;}
	.andrew_stets_tm_all_wrap .rightpart{padding-left: 350px;}
	.andrew_stets_tm_all_wrap .leftpart{width: 350px;padding: 0px 70px;}
	.andrew_stets_tm_home h3{font-size: 31px;}
	.andrew_stets_tm_home .abs_image{max-width: 75%;}
	.andrew_stets_tm_news .news_list .title h3{font-size: 21px;}
	.hover_image{width: 300px;right: 75px;}
}
@media (max-width: 1024px) {
	.container{max-width: 100%;}
	.mouse-cursor{display: none;}
	.andrew_stets_tm_topbar{display: block;}
	.andrew_stets_tm_section{padding-left: 0px;}
	.andrew_stets_tm_all_wrap .leftpart{display: none;}
	.andrew_stets_tm_all_wrap .rightpart{padding-left: 0px;}
	.andrew_stets_tm_all_wrap .rightpart_in{border-left: none;}
	.andrew_stets_tm_home{flex-direction: column-reverse;}
	.andrew_stets_tm_home .right{width: 100%;padding-left: 0px;margin-bottom: 50px;}
	.andrew_stets_tm_home .abs_image{max-width: 300px;}
	.andrew_stets_tm_home .left{width: 100%;}
	.andrew_stets_tm_home .name{font-size: 14px;}
	.andrew_stets_tm_home h3{font-size: 35px;}
	.andrew_stets_tm_home .abs_image{transform: rotate(0deg) !important;}
	.andrew_stets_tm_biography{flex-direction: column;}
	.andrew_stets_tm_biography .biography{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.andrew_stets_tm_biography .personal_details{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_skills{flex-direction: column;}
	.andrew_stets_tm_skills .left{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.andrew_stets_tm_skills .right{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_features{flex-direction: column;}
	.andrew_stets_tm_features .left{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.andrew_stets_tm_features .right{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_timeline{flex-direction: column;}
	.andrew_stets_tm_timeline .left{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.andrew_stets_tm_timeline .right{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_counter .list ul li{width: 50%;}
	.andrew_stets_tm_members .list > ul > li{width: 50%;}
	.andrew_stets_tm_service .services_list > ul > li{width: 50%;}
	.andrew_stets_tm_portfolio .portfolio_title{flex-direction: column;align-items: baseline;}
	.portfolio_filter{margin-top: 50px;}
	.andrew_stets_tm_portfolio .portfolio_list{margin-top: 30px;}
	.andrew_stets_tm_portfolio .portfolio_list ul li{width: 50%;}
	.hover_image{display: none !important;z-index: -111 !important;opacity: 0 !important; visibility: hidden !important;}
	.andrew_stets_tm_news .news_list .list_inner{flex-direction: column-reverse;}
	.andrew_stets_tm_metabox{width: 100%;text-align: left;padding-left: 0px;margin-bottom: 15px;}
	.andrew_stets_tm_news .news_list .title{width: 100%;}
	.andrew_stets_tm_contact .info_list > ul > li{width: 50%;margin-bottom: 20px;}
}
@media (max-width: 768px) {
	.andrew_stets_tm_home h3{font-size: 25px;}
	.andrew_stets_tm_home .right{margin-bottom: 35px;}
	.andrew_stets_tm_home .andrew_stets_tm_button{margin-top: 25px;}
	.andrew_stets_tm_home .abs_image{max-width: 220px;}
	.andrew_stets_tm_biography .list span:first-child{min-width: auto;}
	.andrew_stets_tm_counter .list ul{margin-left: 0px;}
	.andrew_stets_tm_counter .list ul li{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_members .list > ul{margin-left: 0px;}
	.andrew_stets_tm_members .list > ul > li{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_service .services_list > ul{margin-left: 0px;}
	.andrew_stets_tm_service .services_list > ul > li{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_portfolio .portfolio_list ul{margin-left: 0px;}
	.andrew_stets_tm_portfolio .portfolio_list ul li{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_contact .info_list > ul > li{width: 100%;padding-left: 0px;}
	.andrew_stets_tm_contact .info_list > ul{margin-left: 0px;}
	.andrew_stets_tm_contact .form_wrapper ul{margin-left: 0px;}
	.andrew_stets_tm_contact .form_wrapper ul li{width: 100%;padding-left: 0px;}
}