/*
	Theme Name: Cleancut
	Theme URI: https://cleancut.gr/
	Description: Cleancut Theme
	Version: 1.0.0
	Author: Konstantinos Kallipolitis
	Author URI: https://cleancut.gr/

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@view-transition {
	navigation: auto;
}

/* fonts */ 
 
@font-face {
    font-family: 'CFAstyStd-Light';
    src: url(' fonts/CFAstyStd-Light.otf');
  }
  @font-face {
    font-family: 'CFAstyStd-BookOblique';
    src: url('fonts/CFAstyStd-BookOblique.otf');
  }
  @font-face {
    font-family: 'CFAstyStd-LightOblique';
    src: url('fonts/CFAstyStd-LightOblique.otf');
  }
  @font-face {
    font-family: 'CFAstyStd-Bold';
    src: url('fonts/CFAstyStd-Bold.otf');
  }
  @font-face {
    font-family: 'CFAstyStd-Book';
    src: url('fonts/CFAstyStd-Book.otf');
  }
  @font-face {
    font-family: 'CFAstyStd-Medium';
    src: url('fonts/CFAstyStd-Medium.otf');
  }


  

/* General */
* {
	color:#222;
}
button:focus{
	outline:0;
}
a:focus, a:hover{
	text-decoration:none;
	color:#222;
}
p,a,div,section{
	color: #605E5E;
	font-family: 'CFAstyStd-Book';
	font-size: 17px;
}
ul{
	padding-left:0px;
}
blockquote {
    padding: 0;
    margin: 0;
    font-size: 0;
    border-left: 0px;
}
/* Containers */
.language-selector{
	position: fixed;
    width: 100px;
    height: 50px;
    background: #bf3486;
    right: 110px;
    bottom: 0;
	z-index: 20;
	text-align:center;
	margin-right:0px;
}
.language-selector ul{
	list-style:none;
	padding-top: 12px;
	margin-bottom:0;
}
.language-selector ul li{
	display:inline;
}
.language-selector ul li a{
	color:#CCCCCC;
	font-size:16px;
	font-family: 'CFAstyStd-Book';
	-webkit-transition: all 1s;
	transition: all 1s;
}
.language-selector ul li a:hover{
	color:#fff;
}
.language-selector .lang-item-en a::before{
	content:"|";
	font-size:16px;
	padding-right: 8px;
	padding-left: 5px;
	color:#fff;

}

.language-selector .current-lang a{
	color:#fff;

}
.language-mob{
	display:none;
}
.language-mob ul{
	padding-top:0 !important;
}
.language-mob ul li{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}
.language-mob ul li a{
	
}

.stopScroll {
    overflow: hidden;
    height: 100%;
}

.header{
	background:#000;
	height:75px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:10;
}
.header-wrapper{
	max-width:1775px;
	margin:0 auto;
}
.logo{
	padding-top:30px;
	padding-left: 50px;
}
.logo img{
	max-width: 160px; 
	height:auto;
}
.second-logo{
	display: block;
    position: relative;
	transform: translate(0px,30px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
  
}
.hide-second-logo{
	transform: translate(0px,0px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;

}
.menu-mobile{
	display:none;
}
.services-text.mobile-off{
	display:block;
}
.menu{
	text-align: center;
	padding-top:35px;
}
.menu ul{
	list-style:none;
}
.menu ul li{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
}
.menu ul li a{
	color:#fff;
	font-family: 'CFAstyStd-Book';
	font-size:13px;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.menu ul li a:hover{
	color:#bd3685;
}
.ham-menu {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 5px 5px;
	float: right;
	position: relative;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
	border-radius: 4px;
	outline:0;
	cursor:pointer;
}
#fullscreen-mob-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: hidden;
    transition: 0.7s;
    -webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	text-align: center;
}
#fullscreen-mob-menu ul{
	list-style:none;
	padding-top:75px;
}
#fullscreen-mob-menu ul li {
	padding-bottom:15px;
}
#fullscreen-mob-menu ul li a{
	font-size: 25px;
	color: #fff;
	font-family: 'CFAstyStd-Medium';
	letter-spacing: 1px;
	transition: 0.7s;
}
#fullscreen-mob-menu ul li a:hover {
    color: #bd3685;
}
.closebtn{
	color: #fff !important;
    float: right;
    right: 80px;
    position: absolute;
    top: 15px;
	font-size: 40px;
	opacity:0;
	cursor:pointer;
}

.open-mob{
	width:100% !important;
}
.mob-menu-container{
	opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.FadeInEffect {
    opacity: 1 !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
	border-radius: 1px;
	background: #fff;
	margin:5px 0px;
}

.social{
	padding-top:35px;
	text-align: right;
	padding-right:30px;
}
.social p{
	display:inline-block;
	color:#fff;
	font-family: 'CFAstyStd-Book';
	font-size:13px;
}
.social ul{
	list-style:none;
	display:inline-block;
}
.social ul li{
	width:20px;
	height:20px;
	display:inline-block;
	padding-right:17.5px;
	padding-left:17.5px;
	
}
.social ul li img{
	width:20px;
	height:20px;
}
.hero-section{
	background:url(' /wp-content/uploads/2018/03/Texni.Big_-1.jpg');
	background-size: cover !important;
	background-repeat:no-repeat;
	margin-top:75px;
}
.hero{
	max-width:1775px;
	margin:0 auto;
	
}
.hero .col-lg-12{
	position:relative;
}
.main-hero-image{
	width: 100%;
    height: 100%;
}
.vlefara{
	position:absolute;
	max-width:220px;
	right:30px;
	bottom:40px;
	transition: all 1.5s;
	transform: rotateY(0deg);
}
.rotate-vlefara{
	transform: rotateY(180deg);
}
.hero-quote{
	position:absolute;
	bottom: 120px;
	max-width:380px;
	left: 120px;
	text-align:center;
}
.hero-quote p{
	font-size:23px;
	color:#ffffff;
	font-family: 'CFAstyStd-Medium';
	position: relative;
	z-index: 2;
	text-align:left;
	
}
.contact-mobile {
	display:none;
}
.hero-quote a{
	font-family: 'CFAstyStd-Medium';
	font-size:14px;
	color:#ffffff;
	position:relative;
	z-index:2;
	left: 35px;
    bottom: 2px;
}
.romvos{
	
	position: absolute;
	bottom: -85px;
	left: 0px;
	
}
.about-info{
	max-width:910px;
	margin:0 auto;
	padding-top: 320px;
	position:relative;
	margin-bottom: 300px;
}
.about-info .info-text{
	background:rgba(50, 19, 93, 0.85);
	padding:75px 100px 70px 115px;
	
}
.about-info .info-text p{
	color:#fff;
	font-size:15px;
	font-family: 'CFAstyStd-Book';
	line-height:35px;
	margin-bottom:0;
}
.about-info .info-quote{
	font-family: 'CFAstyStd-Bold';
	font-size:45px;
	color:#99ff99;
	position: absolute;
	left: -135px;
	top:-45px;
	margin-top: 320px;
}
.info-quote h2{
	z-index: 2;
	position: absolute;
	top: 115px;
	font-size:45px;
}
.info-quote img{
	width:330px;
	position: absolute;
	left: -60px;
	transition: all 1.5s;
	
}
.rotate-info-quote{
	transform: rotate(160deg);
}

.services{
	background:#66cccc;
}
#services-wrapper{
	max-width:1150px;
	margin:0 auto;
	padding:60px 0px;
}
.services-column ul{
	list-style:none;
}
.services-column ul li{
	color:#fff;
	font-family: 'CFAstyStd-Medium';
}
.services-text h2{
	color:#32135d;
	font-size:45px;
	font-family: 'CFAstyStd-Bold';
	z-index: 2;
    position: relative;
}
.services-text img{
	max-width:160px;
	position:absolute;
	z-index: 1;
	top: 0;
	left: 80px;
}
.watefall-wrapper{
	position: absolute;
	top: 0;
	left: 82px;
}
.waterfall{
	width: 23px;
    height: 0px;
    background: #cc3399;
    display: block;
	margin-right:23px;
	float:left;
}

/* #waterfall-1{
	height:105px;
}
#waterfall-2{
	height:127px;
}
#waterfall-3{
	height:127px;
}
#waterfall-4{
	height:105px;
} */
.fall-effect-1{
	height:105px;
	transition: all 2s;
}
.fall-effect-2{
	height:127px;
	transition: all 2s;
}
.fall-effect-3{
	height:127px;
	transition: all 2s;
}
.fall-effect-4{
	height:105px;
	transition: all 2s;
}

.portfolio{
	width:100%;
	overflow:hidden;
}
.portfolio img{
	max-width: 50vw;
	border:0px;
	margin:0px;
	display: inline-block;
	float: left;
	
	height:auto;
}
.portfolio-wrapper{
	overflow-x: hidden;
	white-space: nowrap;
	
	
}
.portfolio-wrapper h2{
	color:#80dbac;
	position: absolute;
    right: 160px;
	font-size:38px;
	font-family: 'CFAstyStd-Bold';
	margin-top:85px;
	z-index: 2;
}
.portfolio-wrapper::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
	background: transparent;  /* optional: just make scrollbar invisible */
	height:0;
}
/* optional: show position indicator in red */
.portfolio-wrapper::-webkit-scrollbar-thumb {
	background:transparent;
	width:0;
	height:0;
}
.portfolio-full-width{
	padding:0;
	position:relative;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
	border:0px !important;
	margin:0px !important;
	background:transparent !important;
	padding:0 !important;
}
.owl-theme .owl-nav [class*=owl-]{
	border:0px !important;
	margin:0px !important;
	padding:0 !important;
	background:transparent !important;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
	border:0px !important;
	margin:0px !important;
	padding:0 !important;
	background:transparent !important;
}

.nav-box{
	max-width:40px;
	height:auto;
	width:100%;
}
.owl-nav{
	position:absolute;
	top:0px;
	right:0px;
	max-width: 100%;
    width: 100%;
}
.nav-left{
	position: absolute;
	max-width:40px;
	height:auto;
	right: 100px;
	margin-top:60px;
	cursor:pointer;
	transition:all 1s;
	border-radius:100%;
}
.nav-right{
	position: absolute;
	max-width:40px;
	height:auto;
	right: 100px;
	margin-top: 120px;
	cursor:pointer;
	transition:all 1s;
	border-radius:100%;
}
/* .nav-left:hover{
	background:#80dbac;
}
.nav-right:hover{
	background:#80dbac;
} */
.bio-wrapper{
	background:url(' /wp-content/uploads/2018/03/BIO.2560.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}


.bio-full-width{

}
.bio{
	max-width:1220px;
	margin:308px auto;
	padding:60px 60px 100px 60px;
	background:rgba(51, 0, 102, 0.85);
}
.bio p{
	font-size:15px;
	color:#fff;
	font-family: 'CFAstyStd-Book';
	line-height: 35px;
}
.bio h2{
	color:#99ff99;
	font-family: 'CFAstyStd-Bold';
	font-size:60px;
	margin-bottom:50px;
	
}
.contact-wrapper{
	background:#66cccc;
}

.contact{
	max-width:1220px;
	margin:200px auto 250px auto;
	border:3px solid #330066;
	padding:75px 60px 75px 60px;
}
.contact-texting{
	margin-bottom:60px;
}
.contact-text p{
	color:#004e64 !important;
	font-size:18.5px !important;
	font-family: 'CFAstyStd-Bold' !important;
	
}
.contact-text p a{
	color:#fff;
	font-size:18.5px;
	font-family: 'CFAstyStd-Bold';
}
.contact-title{
	text-align:right;
	position:relative;
	
}
.contact-title h2{
	font-size:45px;
	font-family: 'CFAstyStd-Bold';
	color:#32135d;
	padding-right: 50px;
	position:relative;
	z-index:2;
	padding-top:20px;
}
.contact-image img{
	max-width:150px;
	height:auto;
	position: absolute;
    right: 25px;
	top: -20px;
	transition:all 2s;
}
.rotate-imiselino{
	transform: rotateY(180deg);
}

.info {
	color:#fff !important;
	font-size:22.5px !important;
	padding-bottom:15px;
}
.callout{
	color:#006666;
	font-size:18.5px;
	font-family: 'CFAstyStd-Bold';
	margin-top:50px;
	margin-bottom:50px;
}
.footer-social{
	list-style:none;
	
}
.footer-social li{
	display:inline-block;
	padding-right:35px;
	width: 25px;
    height: 25px;
}
.footer-social li  img{
	width: 25px;
    height: 25px;
}
.mobile-on{
	display:none;
}

@media  screen and (max-width:1920px){
	
}
@media  screen and (max-width:1680px){
	.portfolio img{
		max-width: 50vw;
	}
}


@media  screen and (max-width:1440px){
	.menu ul li a{
		font-size:12px;
	}
	.social p{
		font-size:12px;
	}
	.social ul li img {
		width: 15px;
		height: 15px;
	}
	.logo img {
		max-width: 140px;
		height: auto;
	}
	.hero-quote p{
		font-size:21px;
	}
	.hero-quote a{
		font-size:12px;
	}
	.vlefara {
		max-width: 200px;
	}
	.info-quote h2{
		font-size:38px;
		top:100px;
	}

	.about-info {
		max-width: 810px;
	}
	.portfolio img {
		max-width: 50vw;
	}

}
@media screen and (max-width:1280px){
	.menu ul li a{
		font-size:11px;
	}
	.social p{
		font-size:11px;
	}
	.logo img {
		max-width: 120px;
		height: auto;
	}
	.about-info {
		max-width: 710px;
	}
	.info-quote h2 {
		font-size: 35px;
		
	}
}
@media  screen and (max-width:1235px){
	.social{
		padding-right:15px;
	}
	.logo{
		padding-left:30px;
	}
	.menu ul li{
		padding-left:10px;
		padding-right:10px;
	}
	.social ul li{
		padding-left:15px;
		padding-right:15px;
	}
	.social p{
		display:none;
	}
	.hero-quote{
		max-width: 250px;
		bottom: 80px;
		left: 50px;
	}
	.hero-quote p{
		font-size:14px;
	}
	.romvos {
		bottom: -53px;
	}
	.hero-quote a {
		font-size: 10px;
		left: 25px;
	}
	.vlefara {
		max-width: 160px;
	}
	.hero-section{
		background:url(' /wp-content/uploads/2018/02/Texni.2560-1.jpg');
	}


	/* .hero-section .respo-bg{
		background: url( /wp-content/uploads/2018/02/Texni.Big_.jpg);
    background-size: contain;
    background-repeat: no-repeat;
	}
	 */

}
@media  screen and (max-width:1200px){
	
	.about-info {
		max-width: 610px;
		margin-top: 220px;
		margin-bottom: 160px;
		padding-top: initial;
	}
	.info-quote h2 {
		font-size: 30px;
		top: 100px;
	}
	.info-quote img {
		width: 245px;
	}
	.about-info .info-quote{
		left:-100px;
		margin-top:initial;
	}
	.about-info .info-text{
		padding: 65px 80px 60px 85px;
	}
	.nav-right,.nav-left{
		right:50px;
	}
	.portfolio-wrapper h2{
		right: 120px;
	}
	.bio{
		margin:208px auto;
	}
	.bio h2{
		font-size:55px;
	}
	.contact{
		margin: 150px auto 150px auto;
	}
	.contact-title h2 {
		font-size: 42px;
	}
}
@media  screen and (max-width:1100px){
	.social ul li{
		padding-left:10px;
		padding-right:15px;
	}
	.portfolio img {
		max-width: 50vw;
	}
}
@media  screen and (max-width:991px){
	.menu{
		display:none;
	}
	.menu-mobile{
		display:block;
	}
	.language-selector{
		display:none;
	}
	
	.menu-mobile{
		padding-top: 30px;
	}
	.social p{
		display:inline-block;
	}
	.about-info{
		margin-top: 100px;
		max-width: 100%;
		
	}
	.language-mob{
		display:block;
	}
	.portfolio img {
		max-width: 50vw;
	}
	.info-quote img {
		width: 185px;
	}
	.about-info .info-quote{
		left:initial;
		top:initial;
		position: relative;
		padding-left:30px;
	}
	.info-quote h2{
		position:relative;
		top:initial;
		font-size: 25px;
	}
	
	.info-quote img{
		position:absolute;
		top: -50px;
		left: 0px;
		transform: rotate(180deg);
	}
	.info-quote h2 br{
		display:none;
	}
	.mobile-space{
		display:block !important;
	}
	.about-info .info-text{
		padding:30px;
	}
	.main-hero-image{
		display:none;
	}
	.hero {
		height:600px;
		background:url(' /wp-content/uploads/2018/03/Hero.2560.jpg');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.hero-section{
		padding: 0 15px;
	}
	.watefall-wrapper {
		left: 60px;
	}
	.logo img{
		width:120px;
	}
	.services-text h2{
		font-size:42px;
	}
	.portfolio-wrapper h2{
		font-size:36px;
	}
	.bio h2{
		font-size:42px;
	}
	.bio{
		margin:100px auto;
		padding: 60px 30px 80px 30px;
	}
	.contact{
		padding: 75px 30px 75px 60px;
	}
	
	.mobile-social ul{
		text-align:center;
		padding-top:0px !important;
	}
	.mobile-social li{
		max-width: 25px;
		height: 25px;
		display:inline-block;
		margin:0 7.5px;
	}
	.mobile-social li img{
		max-width: 25px;
    	height: 25px;
	}
}




@media  screen and (max-width:768px){
	
}
@media  screen and (max-width:767px){
	.about-info {
		margin-top: 125px;
		max-width: 100%;
		margin-bottom:150px;
	}
	.about-info .info-quote{
		left:initial;
		top:initial;
		position: relative;
		padding-left:30px;
	}
	.info-quote h2{
		position:relative;
		top:initial;
		font-size: 25px;
	}
	.bio p{
		line-height:30px;
	}
	.about-info .info-text{
		padding:30px;
	}
	.info-quote h2 br{
		display:none;
	}
	.social p {
		display: none;
	}
	.mobile-space{
		display:block !important;
	}
	.info-quote img{
		position:absolute;
		top: -50px;
		left: 0px;
		transform: rotate(180deg);
	}
	.about-info .info-text p {
		font-size: 15px;
		line-height: 30px;
	}
	.services-text.mobile-off{
		display:none;
	}
	.services-text.mobile-on{
		display:block;
	}
	.services-text{
		padding-bottom:80px;
	}
	.fall-effect-4{
		height:75px;
	}
	.fall-effect-3{
		height:90px;
	}
	.fall-effect-2{
		height:90px;
	}
	.fall-effect-1{
		height:75px;
	}
	.waterfall{
		width:18px;
	}
	.services-text h2{
		font-size:35px;
	}
	.watefall-wrapper {
		left: 40px;
	}
	
	.bio h2{
		margin-bottom:30px;
	}
	.portfolio img {
		max-width: 100vw;
		position: relative;
    	left: 15px;
	}
	.services-text h2{
		font-size:40px;
	}
	.portfolio-wrapper h2{
		font-size:34px;
	}
	.contact-title{
		display:none;
	}
	.contact-mobile.contact-title{
		display:block;
		text-align:left;
	}
	.contact-mobile.contact-title img{
		transform: rotate(270deg);
		max-width:100px;
		position: absolute;
		right: initial;
    	top: -45px;
    	left: 60px;
		
	}
	.rotate-imiselino {
		transform: rotateY(0deg);
	}
	.contact-title h2 {
		font-size: 30px;
	}
	.contact-text p{
		font-size:17.5px !important;
	}
	.contact-text p a{
		font-size:17.5px;
	}
	.info{
		font-size:20px !important;
	}
	.contact-text{
		padding-top:70px;
	}
	.contact {
		margin: 100px auto 100px auto;
		padding: 75px 30px 75px 30px;
	}
	.services-column ul li{
		font-size:26px;
	}
	.portfolio{
		margin-right: -15px !important;
		margin-left: -15px !important;
	}

}
@media  screen and (max-width:680px){
	
}
@media  screen and (max-width:540px){
	.logo img{
		width:initial;
	}
	.logo,.menu-mobile{
		max-width: 50%;
		-webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
	}
	.social{
		display:none;
	}
	.vlefara{
		display:none;
	}
	.portfolio-wrapper h2{
		left:30px;
		right:initial;
		color:#cc3399;
		margin-top: 26px;
	}
	.nav-right{
		right:30px;
		margin-top: 80%;
	}
	.nav-left{
		left:30px;
		right:initial;
		margin-top: 80%;
	}
	/* .nav-right:hover{
		background:#fff;
	}
	.nav-left:hover{
		background:#fff;
	} */
	.hero-section{
		padding:0;
		background:none;
	}
	.respo-bg{
		padding:0;
	}
	.logo {
		padding-left: 15px;
	}
	.hero-quote {
		left: 30px;
	}
	.about-info .info-text{
		background:transparent;
	}
	.about-info{
		background:url(' /wp-content/uploads/2018/02/Texni.2560-1.jpg');
		background-size:cover;
		margin:0px;
		padding-top:100px;
		padding-bottom:40px;
	}
	.info-quote img{
		max-width:140px;
		transform: rotate(130deg);
		top: -30px;
    	left: 20px;
	}
	.about-info .info-text{
		padding:45px 30px 30px 30px;
	}
	.bio{
		background:none;
		padding: 20px 0px 20px 0px;
	}
	.bio-wrapper{
		background-position:center center;
	}
	.contact {
		margin: 15px auto 15px auto;
		padding: 50px 15px 45px 15px;
	}
	.contact-mobile.contact-title img{
		max-width:40px;
		transform: rotate(0deg);
		height:80px;
		top: 0px;
    	left: 120px;
	}
	.contact-title h2{
		padding-right:initial;
	}
	.contact-texting {
		margin-bottom: 30px;
	}
	.bio {
		margin: 45px auto 35px auto;
	}
	#services-wrapper{
		padding:46px 0 40px 0;
	}
	.hero-quote {
		max-width: 280px;
	}
	.hero-quote p {
		font-size: 17px;
	}
	.romvos {
		bottom: -60px;
	}
	.hero-quote a {
		left: 45px;
		font-size: 14.5px;
	}
	.contact-text {
		padding-top: 50px;
	}
	.services-column ul li{
		font-size:23px;
	}
	.services-column ul{
		margin-bottom:0;
	}
	.ham-menu{
		padding:0px;
	}
}
@media  screen and (max-width:420px){
	.about-info .info-quote{
		padding-left:20px;
		padding-right:20px;
	}
	.about-info .info-text{
		padding-left:20px;
		padding-right:20px;
	}
	
	.services-text,.services-column {
		padding-left:5px;
		padding-right:5px;
	}
	.portfolio-wrapper h2{
		left:20px;
	}
	.nav-left{
		left:20px;
	}
	.nav-right{
		right:20px;
	}
	.logo, .menu-mobile{
		padding-right:5px;
		padding-left:5px;
	}
	.bio-text{
		padding-left:5px;
		padding-right:5px;
	}
	.contact-full-width{
		padding-left:10px;
		padding-right:10px;
	}
	.contact{
		margin: 10px auto 10px auto;
		padding: 50px 0px 45px 0px;
	}
	.contact-mobile.contact-title img{
		left:110px;
	}
	.info{
		padding-bottom:0;
	}
	.contact-mobile,.contact-title{
		padding:10px;
	}
	.romvos {
		left:initial;
		position:absolute;
		max-width:60%;
		height:auto;
		right: 0px;
    	bottom: -18px;
	}
	.hero-quote {
		left: initial;
		bottom: 50px;
		top: initial;
		position: absolute;
		max-width: 320px;
	}
	.contact{
		border:none;
	}
}
@media  screen and (max-width:385px){
	
}
@media  screen and (max-width:370px){
	
}
@media  screen and (max-width:360px){
	
}
@media  screen and (max-width:320px){
	
}
	















@media  screen and (min-width:1950px){
	.header{
		background:#000;
		height:100px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index:10;
	}
	.header-wrapper{
		max-width:2370px;
	}
	.menu ul li a{
		color:#fff;
		font-family: 'CFAstyStd-Book';
		font-size:17px;
		-webkit-transition: all 1s;
		transition: all 1s;
	}
	.social p{
		font-size:17px;
	}
	.logo{
		padding-top:40px;
	}
	.logo img{
		max-width: 230px; 
		height:auto;
	}
	.menu{
		padding-top:50px;
	}
	.social{
		padding-top:50px;
	}
	.social ul li{
		width:25px;
		height:25px;
		display:inline-block;
		padding-right:17.5px;
		padding-left:17.5px;
		
	}
	.social ul li img{
		width:25px;
		height:25px;
	}
	.vlefara{
		max-width:355px;
		bottom:50px;
		right:40px;
	}
	.hero-quote{
		max-width:510px;
		bottom:150px;
	}
	.hero{
		max-width:2370px;
		margin:0 auto;
		
	}
	.hero-quote p{
		font-size:31px;
	}
	.hero-quote a{
		font-size:20px;
		left: 55px;
		bottom: 2px;
	}
	.romvos{
		bottom:-115px;
	}
	.about-info{
		max-width:1220px;
		margin:0 auto 325px auto;
		padding-top:425px;
	}
	.info-quote{
		margin-top: 425px;
	}
	.about-info .info-text p{
		font-size:20px;
		line-height:50px;
	}
	.info-quote h2{
		font-size:65px;
		top:150px;
	}
	.about-info .info-text{
		padding:90px 115px 85px 170px;
	}
	.about-info .info-quote{
		left:-185px;
		top:-85px;
	}
	.info-quote img{
		width:430px;
		left:-80px;
	}
	.services-column ul li{
		font-size:30px;
	}
	#services-wrapper{
		max-width:1366px;
		padding:90px 0px;
		
	}
	.services-text h2{
		font-size:60px;
		top:15px;
	}
	.fall-effect-1{
		height:140px;
	}

	.fall-effect-2{
		height:170px;
	}

	.fall-effect-3{
		height:170px;
	}

	.fall-effect-4{
		height:140px;
	}
	.waterfall{
		width: 30px;
		margin-right:30px;
	}
	.watefall-wrapper{
		left:105px;
	}
	.portfolio img{
		max-width:50vw;
		
	}
	.portfolio-wrapper h2{
		font-size:50px;
		margin-top:90px;
		right:210px;
	}
	.nav-left{
		max-width:50px;
		right:130px;
		margin-top:70px;
	}
	.nav-right{
		max-width:50px;
		right:130px;
		margin-top:140px;
	}
	.bio{
		max-width:1620px;
		padding: 85px 80px 130px 80px;
	}
	.bio h2{
		font-size:60px;
		margin-bottom: 65px;
	}
	.bio p{
		font-size:20px;
		line-height:50px;
	}
	.contact-text p{
		font-size:25px !important;

	}
	.contact-text p a {
		font-size:25px;
		color:#fff;
	}
	.info{
		font-size:30px;
	}
	.contact-title h2{
		font-size:60px;
		padding-top: 40px;
		padding-right: 70px;
	}
	.contact{
		max-width:1620px;
		padding: 100px 80px 100px 80px;
	}
	.contact-title img{
		max-width:200px;
	}
	.footer-social li img{
		width: 30px;
    	height: 30px;
	}
	.footer-social li{
		width: 30px;
		height: 30px;
		padding-right: 55px;
	}
}