@charset "utf-8";
/*
/*	Copyright (c) 2018 Marketify
/*	Author: Marketify
/*	This file is made for CURRENT TEMPLATE


	01) sopno BASE
	02) sopno CONTENT
	03) sopno ABOUT
	04) sopno SERVICES
	05) sopno COUNTERBOX
	06) sopno PORTFOLIO
	07) sopno TESTIMONIALS
	08) sopno NEWS
	09) sopno CONTACT
	09) sopno CONTACT
	10) sopno TO TOP
	11) sopno PARTICLE HOMEPAGE
	12) sopno RIPPLE HOMEPAGE
	13) sopno PORTFOLIO SINGLE
	14) sopno MOBILE HEADER
    15) sopno MEDIA QUERIES (FOR SMALL DEVICES)


/*---------------------------------------------------*/
/*	01) sopno BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: "Open Sans";
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.5px;
	word-wrap: break-word;
	font-weight: 400;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
img.svg{
	width: 15px;
	height: 15px;
}
.sopno_template_wrapper_all,
.sopno_area_section,
.sopno_tm_content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
#ripple{
	position: relative;
	z-index: 0;
}
.sopno_tm_content{
	position: relative;
	z-index: 2;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #333;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #333;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #333;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #333;
}

::placeholder { /* Most modern browsers support this now. */
   color: #333;
}
.sopno_preloader{
  position: fixed;
  background-color: #fff;
  z-index: 9999999;
  height: 100%;
  width: 100%;
	
  -webkit-transition: .2s all ease;
  -o-transition: .2s all ease;
  transition: .2s all ease;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s; }  
.sopno_preloader .spinner_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 33333;
}
.sopno_preloader.loaded {
    opacity: 0;
    visibility: hidden;
}
.sopno_preloader:before,
.sopno_preloader:after{
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    background-color: #041230;
	
    -webkit-transition: .7s all ease;
    -o-transition: .7s all ease;
    transition: .7s all ease;
}
.sopno_preloader:before{
    top: 0;
    left: 0; 
}
.sopno_preloader:after{
    bottom: 0;
	left: 0; 
}
.sopno_preloader.loaded:before, 
.sopno_preloader.loaded:after{height: 0%;}

/*---------------------------------------------------*/
/*	02) sopno CONTENT
/*---------------------------------------------------*/

.sopno_top_menu_left_side{
	width: 300px;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	background: linear-gradient(to right, #66B0A2, #4D8B8A);
	z-index: 100;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	
}
.sopno_top_menu_left_side.hide{left: -300px;}
.sopno_top_menu_left_side.opened{left: -300px;}
.sopno_top_menu_left_side .logo_wrap{
	background-color: linear-gradient(to right, #66B0A2, #4D8B8A);
	padding: 50px 20px;
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_top_menu_left_side .menu_list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 20px 0px 60px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_top_menu_left_side .menu_list_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.sopno_top_menu_left_side .menu_list_wrap ul li{margin:0px;}
.sopno_top_menu_left_side .menu_list_wrap ul li:last-child{margin-bottom: 0px;}
.sopno_top_menu_left_side .menu_list_wrap ul li a{
	text-decoration: none;
	color: #fff;
	font-family: "Montserrat";
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding-bottom: 19px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.sopno_top_menu_left_side .menu_list_wrap ul li a:before{
	position: absolute;
	content: "";
	height: 2px;
	width: 0px;
	background-color: #333;
	top: 14px;
	transform: translateY(-50%);
	left: 100%;
	margin-left: 10px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.sopno_top_menu_left_side .menu_list_wrap ul li a:hover{color: #333;}
.sopno_top_menu_left_side .menu_list_wrap ul li a:hover:before{width: 35px;}
.sopno_top_menu_left_side .leftside_bottom{
	position: absolute;
	left: 60px;
	bottom: 38px;
}
.sopno_top_menu_left_side .sopno_tm_resize.opened{right: -30px;}
.sopno_top_menu_left_side .sopno_tm_resize i{
	color: #fff;
	transform: rotate(0deg);
	position: absolute;
	left: 6px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.sopno_top_menu_left_side .leftside_bottom .social_wrap ul li a:hover{color: #E3872D;}
.sopno_top_menu_left_side .sopno_tm_resize {
    position: absolute;
    right: 0px;
    bottom: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background-color: #66B0A2;
    display: inline-block;
    text-decoration: none;
    z-index: 200;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 15px 0 0 15px;
}
.sopno_top_menu_left_side .sopno_tm_resize.opened{right: -30px;}
.sopno_top_menu_left_side .sopno_tm_resize i{
	color: #fff;
	transform: rotate(0deg);
	position: absolute;
	left: 6px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.sopno_top_menu_left_side .sopno_tm_resize i.opened{transform: rotate(-180deg);}
.sopno_main_part_right{
	width: 100%;
	height: auto;
	float: left;
	padding-left: 300px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_top_menu_left_side .sopno_tm_resize i.opened{transform: rotate(-180deg);}
.sopno_main_part_right{
	width: 100%;
	height: auto;
	float: left;
	padding-left: 300px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_main_part_right.full{padding-left: 0px;}
.sopno_main_part_right.opened{padding-left: 0px;}
.sopno_main_part_right .main_part_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_slider_content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_universal_box_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_universal_box_wrap .bg_wrap{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
.sopno_universal_box_wrap .overlay_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 15;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.sopno_universal_box_wrap .overlay_video{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 15;
	overflow: hidden;
}
.sopno_universal_box_wrap .overlay_video video{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	object-fit: cover;
}
.sopno_universal_box_wrap .overlay_color{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;
}
.sopno_universal_box_wrap .content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	z-index: 25;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_universal_box_wrap .overlay_image.hero{background-image: url(..//img/hero/2.jpg);}
.sopno_universal_box_wrap .overlay_color.hero{background-color: rgba(7,23,55,.8);}
.sopno_universal_box_wrap .content.hero{height: 100vh;}
.sopno_slider_content .inner_content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	text-align: center;
	width: 100%;
	padding: 0px 20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_slider_content .image_wrap{
	width: 200px;
	height: 200px;
	display: inline-block;
	margin-bottom: 38px;
	position: relative;
}
.sopno_slider_content .name_holder h3{
	font-family: "Montserrat";
	text-transform: uppercase;
	color: #fff;
	font-size: 50px;
	font-weight: 300;
}
.sopno_slider_content .name_holder h3 span{
	font-weight: 500;
	color: #66B0A2;
}
.sopno_slider_content .text_typing{
	width: 100%;
	height: auto;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_slider_content .text_typing p{
	color: #fff;
	font-size: 24px;
	font-family: "Montserrat";
}
.sopno_tm_animation_text_word{
	font-weight: 600;
	line-height: 1;
	font-family: "Montserrat";
}
.sopno_single_about_wrap .sopno_tm_animation_text_word{color: #66B0A2;}
.rib_arrow_wrap{
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	margin-left: -21px;
	z-index: 55;
}
.rib_arrow_wrap.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite; }
.social_icon{
	margin-top:50px;
}
.social_icon ul {
    list-style: none;
	
}
.social_icon ul li {
    display: inline-block;
}
.social_icon ul li a {
    color: #fff;
	margin:0 2px;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
.rib_arrow_wrap a{
	text-decoration: none;
	color: #fff;
	font-size: 30px;
}

/*---------------------------------------------------*/
/*	03) sopno ABOUT
/*---------------------------------------------------*/

.sopno_tm_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: left;
	padding-bottom: 100px;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_title_holder.contact{padding-bottom: 93px;}
.sopno_tm_title_holder:before{
	position: absolute;
	content: "";
	width: 6px;
	height: 72px;
	background-color: #66B0A2;
	top: 2px;
}
.sopno_tm_title_holder h3{
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -.5px;
	padding-left: 25px;
	line-height: 1;
/*	font-style: italic;*/
}
.sopno_tm_title_holder span{
	font-size: 16px;
	font-family: "Montserrat";
	padding-left: 25px;
}
.sopno_about_wrapper_all{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}

.sopno_tm_main_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: left;
	margin-bottom: 120px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_main_title_holder.about{
	text-align: left;
	margin-bottom: 0px;
	padding: 0px;
}
.sopno_tm_main_title_holder h3{
	font-weight: 900;
	font-family: "Montserrat";
	color: #041230;
	font-size: 30px;
	line-height: 1;
}
.sopno_tm_main_title_holder h3 span{position: relative;}
.sopno_tm_main_title_holder h3 span:before{
    position: absolute;
	content: "";
	width: 50px;
	height: 4px;
	background-color: #041230;
	letter-spacing: 0px;
	bottom: -10px;
}
.sopno_about_wrapper_all{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_main_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: left;
	margin-bottom: 120px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_main_title_holder.about{
	text-align: left;
	margin-bottom: 0px;
	padding: 0px;
}
.sopno_tm_main_title_holder h3{
	font-weight: 900;
	font-family: "Montserrat";
	color: #041230;
	font-size: 30px;
	line-height: 1;
}
.sopno_tm_main_title_holder h3 span{position: relative;}
.sopno_tm_main_title_holder h3 span:before{
    position: absolute;
	content: "";
	width: 50px;
	height: 4px;
	background-color: #041230;
	letter-spacing: 0px;
	bottom: -10px;
}
.sopno_single_about_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-bottom: 122px;
	position: relative;
	margin-top: -6px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_single_about_wrap .author_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	display: flex;
	align-items: center;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_single_about_wrap .leftbox{
	width: 35%;
	float: left;
	height: auto;
	padding-right: 40px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
	
}
.sopno_single_about_wrap .leftbox .about_image_wrap .image{
	position: absolute;
	z-index: 2;
}
.sopno_single_about_wrap .leftbox .about_image_wrap .image .inner{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.sopno_single_about_wrap .leftbox .about_image_wrap .border .inner{
	position: absolute;
	top: 25px !important;
	bottom: -25px !important;
	left: 25px !important;
	right: -25px !important;
	border: 10px solid #66B0A2;
}
.sopno_single_about_wrap .leftbox .about_image_wrap img{opacity: 0;}
.sopno_single_about_wrap .rightbox{
	width: 65%;
	float: right;
	padding: 0px 0px 0px 65px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_single_about_wrap .subtitle{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.sopno_single_about_wrap .subtitle p{
	font-family: "Montserrat";
	color: #333;
	font-size: 15px;
	font-weight: 600;
}
.sopno_single_about_wrap .definition{margin-bottom: 15px;}
.sopno_single_about_wrap .definition p{color: #333;}
.sopno_single_about_wrap .definition p strong{color: #66B0A2;}

.sopno_single_about_wrap .about_short_contact_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 13px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_single_about_wrap .sopno_tm_main_title_holder{margin-bottom: 40px;}
.sopno_single_about_wrap .about_short_contact_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.sopno_single_about_wrap .about_short_contact_wrap ul li{
	margin: 0px 0px 10px 0px;
	width: 50%;
	float: left;
}
.sopno_single_about_wrap .about_short_contact_wrap ul li:nth-of-type(2n){clear: right;}
.about_short_contact_wrap ul li label{
	font-family: "Montserrat";
	font-weight: 700;
	font-size: 13px;
	color: #000;
	min-width: 85px;
	display: inline-block;
}
.sopno_single_about_wrap .about_short_contact_wrap ul li a{
	text-decoration: none;
	color: #000;
    position: relative;
	
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sopno_single_about_wrap .about_short_contact_wrap ul li a:hover{color: #BD0A0D;}
.sopno_single_about_wrap .buttons_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_single_about_wrap .buttons_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.sopno_single_about_wrap .buttons_wrap ul li{
	margin: 0px 30px 10px 0px;
	float: left;
}
.sopno_single_about_wrap .buttons_wrap ul li:last-child{margin-right: 0px;}
.sopno_single_about_wrap .buttons_wrap ul li a span{
	position: relative;
	z-index: 2;
}
.sopno_single_about_wrap .buttons_wrap ul li a{
	text-decoration: none;
    color: #fff;
    background: linear-gradient(to right, #66B0A2, #4D8B8A);
    font-weight: 600;
    font-family: "Montserrat";
    padding: 12px 35px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    overflow: hidden;
	border-radius: 30px;
}
.sopno_single_about_wrap .buttons_wrap ul li a:before{
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background-color: #041230;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.sopno_single_about_wrap .buttons_wrap ul li a:hover:before{width: 180%;}
.sopno_tm_skills_wrap,
.sopno_tm_skills_wrap .inner_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_skills_wrap{
	background-color: #f6f7fd;
	padding: 90px 0px;
	margin-bottom: 100px;
}
.sopno_tm_skills_wrap .inner_wrap{display: flex;}
.sopno_tm_skills_wrap .leftbox{
	width: 35%;
	height: auto;
	clear: both;
	float: left;
	padding-right:0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_skills_wrap .rightbox{
	width: 65%;
	height: auto;
	clear: both;
	float: right;
	padding-left: 65px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.progress_bar_wrap_total{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 10px;
	position: relative;
	margin-top: -4px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_progress_wrap[data-size=big] .sopno_tm_progress .sopno_tm_bar_bg{height:40px;}
.sopno_tm_progress_wrap[data-size=small] .sopno_tm_progress .sopno_tm_bar_bg{height:5px;}

.sopno_tm_progress_wrap[data-round=a] .sopno_tm_progress .sopno_tm_bar_bg, .sopno_tm_progress_wrap[data-round=a] .sopno_tm_progress .sopno_tm_bar{
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.sopno_tm_progress_wrap[data-round=b] .sopno_tm_progress .sopno_tm_bar_bg, .sopno_tm_progress_wrap[data-round=b] .sopno_tm_progress .sopno_tm_bar{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.sopno_tm_progress_wrap[data-round=c] .sopno_tm_progress .sopno_tm_bar_bg, .sopno_tm_progress_wrap[data-round=c] .sopno_tm_progress .sopno_tm_bar{
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
}
.sopno_tm_progress{
	width:100%;
	margin-bottom:16px;
}
.sopno_tm_progress:last-child{margin-bottom: 0px;}
.sopno_tm_progress > span{
	margin:0px 0px 3px 0px;
	width:100%;
	display:block;
	text-align:left;
}
.sopno_tm_progress span.label{
	font-size:13px;
	font-weight:700;
	color:#000;
	font-family: "Montserrat";
}
.sopno_tm_progress span.label .experience{font-size: 12px;font-weight: 600;}
.sopno_tm_progress span.number{
	float:right;
	font-size:13px;
	color:#000;
	font-weight: 700;
	font-family: "Montserrat";
}
.sopno_tm_progress .sopno_tm_bar_bg{
	background:rgba(0,0,0,.1);
	width:100%;
	min-width:100%;
	position:relative;
	height:20px;
}
.sopno_tm_progress .sopno_tm_bar_bg .sopno_tm_bar_wrap{
	width:0px;
	height:100%;
}
.sopno_tm_progress .sopno_tm_bar_bg .sopno_tm_bar_wrap.open{
	-webkit-animation: sopno_tm_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
	-moz-animation:    sopno_tm_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Fx 5+ */
	animation:         sopno_tm_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* IE 10+ */
	width:100%;	
}
.sopno_tm_progress .sopno_tm_bar_bg .sopno_tm_bar{
	height:100%;
	background:#333;
	width:0px;
	overflow:hidden;
}
.sopno_tm_progress_wrap[data-strip=on] .sopno_tm_progress .sopno_tm_bar{
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent);
	
	-webkit-animation: sopno_tm_bar_move 4s linear infinite;
	-moz-animation: sopno_tm_bar_move 4s linear infinite;
	animation: sopno_tm_bar_move 4s linear infinite;
	background-size: 50px 50px;
}
@-webkit-keyframes sopno_tm_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}
@-moz-keyframes sopno_tm_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}
@keyframes sopno_tm_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}

/*expand width animation*/
@-webkit-keyframes sopno_tm_expand {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes sopno_tm_expand {0%{ width:0%; } 100%{ width:100%; }}
@keyframes sopno_tm_expand {0%{ width:0%; } 100%{ width:100%; }}

.sopno_tm_mini_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_mini_title_holder h2 {
    margin-bottom: 15px;
}
.sopno_tm_mini_title_holder h4 {
    line-height: 1;
    margin-bottom: 18px;
}
.sopno_tm_mini_title_holder.contact h4{margin-bottom:30px;}

/*---------------------------------------------------*/
/*	04) sopno SERVICES
/*---------------------------------------------------*/

.sopno_tm_services_wrap .sopno_tm_title_holder_wrap{margin-bottom: 93px;}
.sopno_tm_services_wrap .list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_tm_services_wrap {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    margin-bottom: 70px;
}
.sopno_tm_services_wrap .list_wrap ul{
	margin: 0px 0px 0px -30px;
	list-style-type: none;
}
.sopno_tm_services_wrap .list_wrap ul li{
	margin: 0px 0px 30px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_tm_services_wrap .list_wrap ul li .inner {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    padding: 56px 40px 33px 40px;
    top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
	transition:.5s;
	overflow:hidden;
}
.sopno_tm_services_wrap .list_wrap ul li .inner::before {
	position: absolute;
	left: 0;
	bottom: -400px;
	height: 100%;
	width: 100%;
	content: "";
	background: linear-gradient(to right, #66B0A2, #4D8B8A);
	z-index: -1;
	transition: .5s;
	opacity:0;
}
.sopno_tm_services_wrap .list_wrap ul li .inner:hover::before {
	bottom: 0;
	opacity:1;
}
.sopno_tm_services_wrap .list_wrap ul li .inner:hover .title_service h3,
.sopno_tm_services_wrap .list_wrap ul li .inner:hover .single_service_button a,
.sopno_tm_services_wrap .list_wrap ul li .inner:hover .text p{
	color:#fff;
}
.sopno_tm_services_wrap .list_wrap ul li .icon{margin-bottom: 21px;}
.sopno_tm_services_wrap .list_wrap ul li .icon .svg{
	width: 40px;
	height: 40px;
	color: #66B0A2;
}
.sopno_tm_services_wrap .list_wrap ul li .title_service{margin-bottom: 17px;}
.sopno_tm_services_wrap .list_wrap ul li .title_service h3{
	font-family: "Montserrat";
    font-size: 22px;
    font-weight: 600;
    color: #000000;
	line-height: 1;
	transition:.5s;
}
.sopno_tm_services_wrap .list_wrap ul li .text p{
	transition:.5s;
}
.single_service_icon {
     width: 80px;
    height: 48px;
    background: #f4f4f4;
    position: relative;
    line-height: 42px;
    color: #fff;
    transition: .3s;
    font-size: 30px;
    text-align: center;
    display: inline-block;
    transition: .3s;
    margin-bottom: 40px;
}
.single_service_icon::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 20px solid #f4f4f4;
    transition: .3s;
}
.single_service_icon::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid #f4f4f4;
    transition: .3s;
}
.single_service_icon .svg{
	width: 40px;
	height: 40px;
}
.single_service_button {
    margin-top: 7px;
}
.single_service_button a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    position: relative;
	transition:.5s;
	display:inline-block;
	color:#66B0A2;
}
.single_service_button a:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 15px;
    height: 2px;
    width: 0%;
    background: #fff;
    opacity: 0;
    transition: .3s;
}
.single_service_button a:hover:before {
    opacity:1;
	width:100%;
}
/*---------------------------------------------------*/
/*	05) sopno COUNTERBOX
/*---------------------------------------------------*/
.sopno_counter_area {
    height: 258px;
    background: #66B0A2;
}
.sopno_tm_counter_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_counter_wrap{overflow: hidden;}
.sopno_tm_counter_list{
	list-style-type:none;
	width:100%;
	margin: 0px;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	perspective: 500px;
}
.sopno_tm_counter_list li{
	width:25%;
	float:left;
	text-align:center;
	margin: 0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_counter_list li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 90px 15px 93px 15px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_counter_list li h3{
	font-family: "Montserrat";
	color: #fff;
	margin-bottom: 10px;
}
.sopno_tm_counter_list li h3 > span{
	font-size: 40px;
	font-weight: 700;
}
.sopno_tm_counter_list li .inner > span{
	color:#fff;
	font-family: "Open Sans";
	font-size: 14px;
	display: block;
	font-weight: 600;
}

/*---------------------------------------------------*/
/*	06) sopno PORTFOLIO
/*---------------------------------------------------*/

.sopno_tm_title_holder.portfolio{padding-bottom: 90px;}
.sopno_portfolio_wrapper_all{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-bottom: 70px;
	background-color: #fff;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_portfolio_wrapper_all .sopno_tm_button{text-align: center;}
.sopno_tm_portfolio_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_tm_portfolio_filter{
	width:100%;
	height: auto;
	text-align:left;
	list-style-type:none;
	margin: 0px 0px 13px 0px;
	display: inline-block;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_portfolio_filter li{
	display:inline-block;
	margin:0px 40px 0px 0px;
}
.sopno_tm_portfolio_filter li:last-child{margin-right: 0px;}
.sopno_tm_portfolio_filter li a{
	text-decoration:none;
	font-size:14px;
	font-weight:700;
	color:#000;
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	
	-webkit-transition: all .1s ease;
	   -moz-transition: all .1s ease;
	    -ms-transition: all .1s ease;
	     -o-transition: all .1s ease;
	        transition: all .1s ease;
}
.sopno_tm_portfolio_filter li a.current{color: #BD0A0D;}

/* PORTFOLIO LIST */

.sopno_tm_portfolio_list{
	list-style-type:none;
	margin: 0px 0px 0px -30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_portfolio_list > li{
	width:33.3333%;
	float:left;
	position:relative;
	margin: 0px 0px 30px 0px;
	padding-left: 30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_portfolio_list li img{min-width: 100%;}
.sopno_tm_portfolio_titles {
  white-space: nowrap;
  background: #ffffff;
  font-size: 20px;
  font-weight: 700;
  padding: 5px 15px;
  color: #000000;
  position: fixed;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
}
.sopno_tm_portfolio_titles.visible {
  opacity: 1;
  visibility: visible;
}
.sopno_tm_portfolio_titles .work__cat {
  position: absolute;
  background: #ffffff;
  top: 100%;
  left: 0;
  margin-top: -5px;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 400;
  padding: 5px 15px;
}
.entry{position: relative;}
.sopno_tm_portfolio_image_main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/*---------------------------------------------------*/
/*	07) sopno TESTIMONIALS
/*---------------------------------------------------*/

.sopno_testimonials_wrapper_all{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_tm_testimonial_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_tm_testimonial_wrap .carousel_wrap{
	width: 100%;
	max-width: 730px;
	margin: 0px auto;
	height: auto;
	clear: both;
	text-align: center;
	cursor: e-resize;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_tm_testimonial_wrap .carousel_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.sopno_tm_testimonial_wrap .carousel_wrap ul li{margin: 0px;}
.sopno_tm_testimonial_wrap .carousel_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_tm_testimonial_wrap .quotebox_wrap{
	clear: both;
	margin-bottom: 22px;
}
.sopno_tm_testimonial_wrap .quotebox_wrap i{
	color: #66B0A2;
	font-size: 35px;
}
.sopno_tm_testimonial_wrap .definitions_wrap{
	clear: both;
	margin-bottom: 32px;
}
.sopno_tm_testimonial_wrap .definitions_wrap p{
	color: #fff;
	font-size: 27px;
	font-family: "Montserrat";
	font-weight: 600;
	line-height: 1.4;
}
.inner_name_holder {
    padding-bottom: 30px;
}
.sopno_tm_testimonial_wrap .name_holder h3 {
    font-size: 27px;
    color: #fff;
    margin-top: 25px;
    font-weight: 600;
}
.sopno_tm_testimonial_wrap .name_holder span {
    display: block;
    margin-top: 12px;
    font-size: 16px;
}

.sopno_universal_box_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_universal_box_wrap .bg_wrap{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
.sopno_universal_box_wrap .overlay_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 15;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.sopno_universal_box_wrap .overlay_video{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 15;
	overflow: hidden;
}
.sopno_universal_box_wrap .overlay_video video{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	object-fit: cover;
}
.sopno_universal_box_wrap .overlay_color{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;
}
.sopno_universal_box_wrap .content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	z-index: 25;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_universal_box_wrap .overlay_image.testimonial{background-image: url(..//img/hero/3.jpg);}
.sopno_universal_box_wrap .overlay_color.testimonial{background-color: rgba(7,23,55,.8);}
.sopno_universal_box_wrap .content.testimonial{padding: 82px 0px 90px 0px;}

/*---------------------------------------------------*/
/*	08) sopno NEWS
/*---------------------------------------------------*/

.sopno_tm_list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_list_wrap > ul.total{
	margin: 0px 0px 0px -30px;
	list-style-type: none;
}
.sopno_tm_list_wrap > ul.total > li{
	margin: 0px 0px 30px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_list_wrap > ul.total > li:last-child{margin-bottom: 0px;}
.sopno_tm_list_wrap > ul.total > li .inner_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_news_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 98px;
	padding-bottom: 70px;
	background-color: #f6f7fd;
	margin-bottom: 100px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_news_wrap .link_news{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 22;
}
.sopno_news_wrap .sopno_tm_list_wrap .inner_list{
	background-color: #fff;
	border-radius: 3px;
}
.sopno_news_wrap .definitions_wrap {
    padding: 40px 30px 20px 30px;
}
.sopno_news_wrap .image_wrap{position: relative;}
.sopno_news_wrap .image_wrap .big{display: none;}
.sopno_news_wrap .image_wrap .small{display: block;}
.sopno_news_wrap .news_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.sopno_news_wrap .date_wrap{margin-bottom: 16px;}
.sopno_news_wrap .date_wrap p{
	color: #333;
	font-family: "Montserrat";
	font-weight: 600;
}
.sopno_news_wrap .full_def{display: none;}
.sopno_news_wrap .date_wrap p a{
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	margin-left: 23px;
	
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sopno_news_wrap .date_wrap p a:hover{color: #66B0A2;}
.sopno_news_wrap .date_wrap p a:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 1px;
	background-color: #333;
	top: 50%;
	right: 100%;
	margin-right: 8px;
}
.sopno_news_wrap .title_holder{margin-bottom: 18px;}
.sopno_news_wrap .title_holder h3{
	color: #fff;
	line-height: 1.4;
	font-weight: 600;
	font-family: "Montserrat";
}
.sopno_news_wrap .title_holder h3 a{
	text-decoration: none;
	color: #041230;
	font-size: 22px;
	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;
}
.sopno_news_wrap .title_holder h3 a:hover{color: #66B0A2;}
.sopno_news_wrap .definition{margin-bottom: 26px;}
.sopno_news_wrap .definition p{color: #333;}
.sopno_news_wrap .read_more a{
	text-decoration: none;
    color: #fff;
    background-color: #66B0A2;
    font-weight: 600;
    font-family: "Montserrat";
    padding: 12px 35px;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.sopno_news_wrap .read_more a:before{
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background-color: #041230;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.sopno_news_wrap .read_more a:hover:before{width: 170%;}
.sopno_news_wrap .read_more a span{
	position: relative;
	z-index: 2;
}
.sopno_tm_popup_share_wrap{display: none;}
#sopno_popup_news{
	opacity: 0;
	visibility: hidden;
	
	width: 100%;
	height: 100vh;
	position: fixed;
	background-color: rgba(255,255,255,1);
	padding: 50px 0px;	
	z-index: 99999999;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
	
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}
#sopno_popup_news.opened{
	opacity: 1;
	visibility: visible;
}
#sopno_popup_news .definitions_wrap{
	width: 100%;
	float: left;
}
#sopno_popup_news .full_def{
	display: block;
	margin-bottom: 20px;

	width: 100%;

	float: left;
}
#sopno_popup_news .full_def p{display: inline-block;}
#sopno_popup_news .definition{display: none;}
#sopno_popup_news .inner_popup{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
#sopno_popup_news .date_wrap p{
	color: #333;
    font-family: "Montserrat";
    font-weight: 600;
}
#sopno_popup_news .date_wrap p a{
	color: #333;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin-left: 23px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
#sopno_popup_news .date_wrap p a:hover{color: #BD0A0D;}
#sopno_popup_news .image_wrap{
	margin-bottom: 45px;
	position: relative;
	width: 100%;
	float: left;
}
#sopno_popup_news .image_wrap .big{
	display: block;
	min-height: 250px;
}
#sopno_popup_news .image_wrap .small{display: none;}
#sopno_popup_news .image_wrap .news_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#sopno_popup_news .date_wrap{
	margin-bottom: 16px;
	width: 100%;
	float: left;
}
#sopno_popup_news .date_wrap p a:before{
	position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background-color: #333;
    top: 50%;
    right: 100%;
    margin-right: 8px;
}
#sopno_popup_news .title_holder{
	margin-bottom: 18px;
	width: 100%;
	float: left;
}
#sopno_popup_news .title_holder h3{
    line-height: 1.4;
    font-weight: 600;
    font-family: "Montserrat";
}
#sopno_popup_news .title_holder h3 a{
    text-decoration: none;
    color: #000;
    font-size: 22px;
    display: block;
}
#sopno_popup_news .definition p{color: #333;}
#sopno_popup_news .read_more{display: none;}
#sopno_popup_news .sopno_tm_popup_share_wrap{
	display: block;
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-bottom: 5px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
#sopno_popup_news .sopno_tm_popup_share_wrap ul{
	margin: 0px;
	list-style-type: none;
}
#sopno_popup_news .sopno_tm_popup_share_wrap ul li{
	display: inline-block;
	margin: 0px 15px 0px 0px;
}
#sopno_popup_news .sopno_tm_popup_share_wrap ul li a{
	text-decoration: none;
    color: #000;
    font-size: 15px;
    position: relative;
    font-family: "Montserrat";
    font-weight: 600;
	
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#sopno_popup_news .sopno_tm_popup_share_wrap ul li a:hover{color: #BD0A0D;}
#sopno_popup_news .close{
	position: absolute;
	top: 30px;
	right: 40px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: block;
	z-index: 111111111;
}
#sopno_popup_news .close a{
	position: relative;
	display: block;
	height: 30px;
	margin-right: 10px;
	margin-top: 12px;
}
#sopno_popup_news .close a:before{
	position: absolute;
	content: "";
	width: 2px;
	height: 20px;
	background-color: rgba(0,0,0,1.00);
	top: 5px;
	right: 13px;
	transform: rotate(45deg);
}
#sopno_popup_news .close a:after{
	position: absolute;
	content: "";
	width: 2px;
	height: 20px;
	background-color: rgba(0,0,0,1.00);
	top: 5px;
	right: 13px;
	transform: rotate(135deg);
}

/*---------------------------------------------------*/
/*	09) sopno CONTACT
/*---------------------------------------------------*/

.sopno_contact_wrap_all{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_contact_wrap_all .leftbox {
    width: 40%;
    height: auto;
    float: right;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sopno_contact_wrap_all .leftbox .short_info_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_contact_wrap_all .leftbox .short_info_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.sopno_contact_wrap_all .leftbox .short_info_wrap ul li{
	margin: 0px 0px 15px 0px;
}
.sopno_contact_wrap_all .leftbox .short_info_wrap ul li label{
	font-family: "Montserrat";
    font-weight: 700;
    font-size: 13px;
    color: #000;
}
.sopno_contact_wrap_all .leftbox .short_info_wrap ul li span{padding-left: 5px;}
.sopno_contact_wrap_all .leftbox .short_info_wrap ul li a{
	text-decoration: none;
	color: #000;
}
.sopno_contact_wrap_all .rightbox {
    width: 60%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sopno_tm_contact_wrap{
	max-width: 830px;
	height: auto;
	margin: 0px auto;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_contact_wrap .subtitle{
	text-align: center;
	margin-bottom: 69px;
}
.sopno_tm_contact_wrap .subtitle p{color: #333;}
.sopno_tm_contact_wrap .main_input_wrap{
	margin-bottom: 75px;
	position: relative;
	top: -24px;
}
.sopno_tm_contact_wrap .main_input_wrap,
.sopno_tm_contact_wrap .main_input_wrap .wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_contact_wrap .main_input_wrap .wrap{margin-bottom: 20px;}
.sopno_tm_contact_wrap .main_input_wrap .wrap input{
	width: 100%;
	text-align: left;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(10,4,37,1);
	color: #333;
	padding-left: 0px !important;
}
.sopno_tm_contact_wrap .main_input_wrap .wrap input:focus{
	outline: none;
}
.sopno_tm_contact_wrap .main_input_wrap .wrap textarea{
	width: 100%;
	height: 80px;
	text-align: left;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(10,4,37,1);
	color: #333;
	padding-left: 0px !important;
}
.sopno_tm_contact_wrap .main_input_wrap .wrap textarea:focus{
	outline: none;
}
.sopno_tm_contact_wrap .sopno_tm_button a{
	text-decoration: none;
    color: #fff;
    background: linear-gradient(to right, #66B0A2, #4D8B8A);
    font-weight: 600;
    font-family: "Montserrat";
    padding: 12px 35px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.sopno_tm_contact_wrap .sopno_tm_button a:before{
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background-color: #041230;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.sopno_tm_contact_wrap .sopno_tm_button a:hover:before{width: 170%;}
.sopno_tm_contact_wrap .sopno_tm_button a span{
	position: relative;
	z-index: 2;
}
.sopno_tm_contact_wrap .empty_notice{
	color: #BD0A0D;
	margin-bottom: 7px;
	display: none;
	text-align: left;
}
.sopno_tm_contact_wrap .contact_error{
	color: rgba(255,0,4,1.00);
	text-align: left;
}
.sopno_tm_contact_wrap .returnmessage{
	color:#0064FF;
	margin-bottom: 7px;
	text-align: left;
}

.sopno_footer_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: left;
	background: linear-gradient(to right, #66B0A2, #4D8B8A);
	padding: 50px 0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */ 
}
.sopno_footer_wrap p {
    color: #fff;
    text-align: center;
}
.sopno_footer_wrap p a{
	text-decoration: none;
	color: #fff;
	font-family: "Montserrat";
	font-weight: 600;
    position: relative;
}

/*---------------------------------------------------*/
/*	10) EDREA TO TOP
/*---------------------------------------------------*/

.sopno_tm_totop{
	position: fixed;
	bottom: 40px;
	right: 55px;
	z-index: 100;
	overflow: hidden;
	outline: 1px solid rgba(255,255,255,.2);

	background: linear-gradient(to right, #66B0A2, #4D8B8A);
    padding: 22px;
    border-radius: 3px;
    display: inline-block;
	
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
.sopno_tm_totop:before{
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -75%;
    width: 0%;
    background-color: #041230;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.sopno_tm_totop:after{
	width: 0px;
    height: 0px;
    position: absolute;
    content: '';
    border: 5px solid transparent;
    border-bottom-color: #fff;
    top: 14px;
    left: 17px;
	z-index: 2;
}
.sopno_tm_totop:hover:before{width: 290%;}
.sopno_tm_totop.opened{
	opacity: 1;
	visibility: visible;
	bottom: 55px;
}

/*---------------------------------------------------*/
/*	11) sopno PARTICLE HOMEPAGE
/*---------------------------------------------------*/

#particles-js {
	width: 100%;
	height: 100%;
  	position: relative;
  	z-index: 2;
}
.sopno_universal_box_wrap.particle{
	height: 100vh;
	position: relative;
	background-image: url(..//img/hero/2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.sopno_universal_box_wrap.particle .particle_overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color:rgba(7,23,55,.8);
}

/*---------------------------------------------------*/
/*	12) sopno RIPPLE HOMEPAGE
/*---------------------------------------------------*/

.sopno_tm_ripple_wrap{
	width: 100%;
	height:100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(..//img/hero/2.jpg);
	position: relative;
}
.sopno_tm_ripple_wrap .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(7,23,55,.8);
	z-index: 1;
}
.sopno_tm_ripple_wrap .container{
	height: 100%;
	z-index: 2;
}

/*---------------------------------------------------*/
/*	13) sopno PORTFOLIO SINGLE
/*---------------------------------------------------*/

.sopno_tm_portfolio_single_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 150px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_portfolio_single_wrap .title_holder h3{
	font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 1;
	margin-bottom: 100px;
}
.sopno_tm_portfolio_single_wrap .details_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	flex-direction: row;
	margin-bottom: 100px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_portfolio_single_wrap .details_wrap .leftbox{
	width: 40%;
	height: auto;
	float: left;
	padding-right: 50px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_portfolio_single_wrap .details_wrap .name_holder h3{
	font-family: "Montserrat";
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    line-height: 1;
	margin-bottom: 20px;
}
.sopno_tm_portfolio_single_wrap .details_wrap .short_list ul{
	margin: 0px;
	list-style-type: none;
}
.sopno_tm_portfolio_single_wrap .details_wrap .short_list ul li{margin: 0px 0px 3px 0px;}
.sopno_tm_portfolio_single_wrap .details_wrap .short_list ul li:last-child{margin-bottom: 0px;}
.sopno_tm_portfolio_single_wrap .details_wrap .short_list ul li span{display: inline-block;}
.sopno_tm_portfolio_single_wrap .details_wrap .short_list ul li span.first{
    font-weight: 600;
	min-width: 150px;
}
.sopno_tm_portfolio_single_wrap .details_wrap .rightbox{
	width: 60%;
	height: auto;
	float: left;
}
.sopno_tm_portfolio_single_wrap .details_wrap .rightbox p{line-height: 2;}
.sopno_tm_portfolio_single_wrap .images_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 50px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_portfolio_single_wrap .images_list ul{
	margin: 0px;
	list-style-type: none;
}
.sopno_tm_portfolio_single_wrap .images_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 100%;
}
.sopno_tm_portfolio_single_wrap .images_list ul li:last-child{margin-bottom: 0px;}
.sopno_tm_portfolio_single_wrap .images_list ul li img{min-width: 100%;}
.sopno_tm_portfolio_single_wrap .pagination_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_tm_portfolio_single_wrap .pagination_wrap a{
	text-decoration: none;
	color: #000000;
	font-weight: 600;
	font-size: 16px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.sopno_tm_portfolio_single_wrap .pagination_wrap a:hover{color: #66B0A2;}

/*---------------------------------------------------*/
/*	14) sopno MOBILE HEADER
/*---------------------------------------------------*/

.sopno_header_mobile_menu{
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 11111111;
	left: 0px;
	top: 0px;
	display: none;
}
.sopno_header_mobile_menu .main_menu{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 30px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #041230;
	border-bottom: 1px solid rgba(255,255,255,.1);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_hamburger_menu{width: auto;}
.sopno_hamburger_menu .hamburger{
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.sopno_hamburger_menu .hamburger-box{
    width: 30px;
    height: 18px;
    display: inline-block;
    position: relative;
}
.sopno_hamburger_menu .hamburger-inner{
    display: block;
    top: 50%;
    margin-top: -2px;
}
.sopno_hamburger_menu .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
    width: 30px;
    height: 2px;
    background-color: #333333;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.sopno_hamburger_menu .hamburger-inner::before,
.sopno_hamburger_menu .hamburger-inner::after{
    content: "";
    display: block;
}
.sopno_hamburger_menu .hamburger-inner::before{top: -8px;}
.sopno_hamburger_menu .hamburger-inner::after{ bottom: -10px;}
.sopno_hamburger_menu .hamburger--collapse-r .hamburger-inner{
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.sopno_hamburger_menu .hamburger--collapse-r .hamburger-inner::after{
    top: -16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.sopno_hamburger_menu .hamburger--collapse-r .hamburger-inner::before{
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.sopno_hamburger_menu .hamburger--collapse-r.is-active .hamburger-inner{
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sopno_hamburger_menu .hamburger--collapse-r.is-active .hamburger-inner::after{
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.sopno_hamburger_menu .hamburger--collapse-r.is-active .hamburger-inner::before{
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sopno_hamburger_menu .hamburger{
	padding: 0px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.sopno_hamburger_menu .hamburger-box{display: block;}
.sopno_hamburger_menu .hamburger .hamburger-inner::before,
.sopno_hamburger_menu .hamburger .hamburger-inner::after,
.sopno_hamburger_menu .hamburger .hamburger-inner{
	background-color: #fff;
	width: 30px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.sopno_top_mobile_menu{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: rgba(4,18,48,.97);
	padding: 30px 20px;
	display: none;
	border-bottom: 1px solid rgba(0,0,0,.09);
	border-top: 1px solid rgba(0,0,0,.09);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */	
}
.sopno_top_mobile_menu .mob_menu{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.sopno_top_mobile_menu .mob_menu > ul{
	margin: 0px;
	list-style-type: none;
}
.sopno_top_mobile_menu .mob_menu > ul > li{margin: 0px 0px 5px 0px;}
.sopno_top_mobile_menu .mob_menu > ul > li:last-child{margin-bottom: 0px;}
.sopno_top_mobile_menu .mob_menu > ul > li a{
	text-decoration: none;
	color: #fff;
	font-family: "Montserrat";
	font-weight: 600;
	font-size: 19px;
}

/*---------------------------------------------------*/
/*	15) sopno MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1400px) {
	.sopno_single_about_wrap .leftbox{padding-right: 0px;}
}
@media (max-width: 1200px) {
	.sopno_tm_services_wrap .list_wrap ul li{width: 50%;}
	#sopno_popup_news .close{right: 0px;}
	.sopno_tm_list_wrap > ul.total > li{width: 50%;}
	.sopno_contact_wrap_all .leftbox{width: 100%;padding-right: 0px;margin-bottom: 19px;}
	.sopno_contact_wrap_all .rightbox{width: 100%;float: none;}
	.sopno_preloader{display: none;}
	.sopno_single_about_wrap .leftbox .about_image_wrap img { opacity: 0;display: none}
	.sopno_single_about_wrap .leftbox { display: none;}
	.sopno_single_about_wrap .rightbox {width: 100%;}
	.sopno_contact_wrap_all .leftbox { padding-left: 0;}
}
@media (max-width: 1040px) {
	.sopno_single_about_wrap{flex-direction: column;}
	.sopno_single_about_wrap .main_part .info_list ul li{width: 100%;}
	.sopno_single_about_wrap .leftbox{width: 100%;padding-right: 0px;}
	.sopno_single_about_wrap .leftbox .about_image_wrap{display: none;}
	.sopno_single_about_wrap .main_part{width: 100%;}
	.sopno_tm_skills_wrap .inner_wrap{flex-direction: column;}
	.sopno_tm_skills_wrap .leftbox{padding-right: 0px;width: 100%;margin-bottom: 60px;}
	.sopno_tm_skills_wrap .rightbox{width: 100%;padding-left: 0px;}
	.sopno_tm_main_demos_list_wrap ul{margin: 0px;}
	.sopno_tm_main_demos_list_wrap ul li{width: 100%;padding: 0px;}
	.sopno_tm_portfolio_single_wrap .details_wrap{flex-direction: column;}
	.sopno_tm_portfolio_single_wrap .details_wrap .leftbox{padding-right: 0px;width: 100%;margin-bottom: 50px;}
	.sopno_tm_portfolio_single_wrap .details_wrap .rightbox{width: 100%;}
	.sopno_header_mobile_menu{display: block;}
	.sopno_single_about_wrap .author_wrap{flex-direction: column;align-items: baseline; }
	.sopno_single_about_wrap .rightbox{width: 100%;padding-left: 0px;}
	.sopno_main_part_right{padding-left: 0px;}
	.sopno_top_menu_left_side{display: none;}
	.sopno_contact_wrap_all .leftbox { padding-left: 55px;}
}
@media (max-width: 768px) {
	.sopno_slider_content .name_holder h3{font-size: 40px;}
	.sopno_slider_content .text_typing p{font-size: 21px;}
	.sopno_tm_title_holder h3{font-size: 45px;}
	.sopno_tm_title_holder:before{top: -2px;}
	.sopno_tm_services_wrap .list_wrap ul{margin: 0px;}
	.sopno_tm_services_wrap .list_wrap ul li{width: 100%;padding-left: 0px;}
	.sopno_counter_area {height: 300px;}
	.sopno_tm_counter_list li .inner{padding: 45px 15px 0 15px;}
	.sopno_tm_counter_list li {width: 50%;}
	.sopno_tm_portfolio_list > li{width: 50%;}
	.sopno_tm_list_wrap > ul.total{margin: 0px;}
	.sopno_tm_list_wrap > ul.total > li{width: 100%;padding-left: 0px;}
	.sopno_single_about_wrap .about_short_contact_wrap ul li{width: 100%;}
	.sopno_tm_totop{right: 20px;bottom: 10px;}
	.sopno_tm_totop.opened{bottom: 20px;}
	.sopno_tm_portfolio_single_wrap .title_holder h3{font-size: 45px;}
	.sopno_contact_wrap_all .leftbox {padding-left: 0;}
}
@media (max-width: 480px) {
	.sopno_slider_content .name_holder h3{font-size: 30px;}
	.sopno_slider_content .text_typing p{font-size: 18px;}
	.sopno_tm_title_holder:before{display: none;}
	.sopno_tm_title_holder h3{padding-left: 0px;}
	.sopno_tm_title_holder span{padding-left: 0px;}
	.sopno_tm_counter_list li{width: 100%;}
	.sopno_tm_counter_list li .inner{padding: 0px 0px 35px 0px;}
	.sopno_tm_portfolio_list{margin: 0px;}
	.sopno_tm_portfolio_list > li{width: 100%;padding-left: 0px;}
	.sopno_tm_counter_wrap{padding: 57px 0px 48px 0px;}
	.sopno_tm_counter_list li {width: 50%;}
	.sopno_tm_title_holder h3 { font-size: 35px;}
	.sopno_about_tm_title_holder_inner h2 {margin-bottom: 10px;}
}