/*
 Theme Name: Sven Theme
 Author: Tigran Martirosyan
*/
/*
 Theme Name: Sven Theme
 Author: Tigran Martirosyan
*/

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.main-title {
    font-family: "Alfa Slab One", serif !important;
    font-size: 64px;
    line-height: 83px;
    letter-spacing: 4px;
    font-weight: 400;
    font-style: normal;
}

.title {
    font-size: 64px;
    font-weight: 600;
}
#menu-general {
	padding: 0;
}
section.hero-section {
	height: 100vh;
}
header ul {
	list-style-type: none;
	display: flex;
}
header ul a {
	color: black;
	text-decoration: none;
	margin: 10px;
	font-size: 30px;
}
.menu {
	margin-right: -20px;
}
.intro {
/*     height: calc(100vh - 180px); */
    display: flex;
    align-items: center;

}
.intro h3 {
    font-size: 50px;
    font-weight: 600;
	max-width: 75%;
}

.intro h2 {
    font-size: 50px;
    font-weight: 400;
}

.intro h2+div {
	text-align: justify;	
}

.intro p {
    font-size: 24px;
    line-height: 39px;
}

.skills-box h2 {
    font-size: 20px;
    text-align: center;
}

.skills-box ul {
    padding: 0;
    list-style: none;
	min-height: 155px;
}

.skills-box li::marker {
    content: "+";
}

.skills-box li,
.skills-box h3,
.skills-box p {
    font-size: 14px;
    line-height: 24px;
}
.skills-box li {
	padding-left: 10px;
}
.skills-box h3 {
	margin: 0;
    font-weight: 700;
}

.skill-box {
	max-width: 300px;
}
.skill-box + div {
    /* position: absolute; */
    /* left: -24px; */
    height: 280px;
    margin-top: 80px;
    width: 1px;
    background-color: #c0c0c0;
} 
.skills-box div:not(div.text-center, .skill-box h3+div):last-child {
	display: none;
}

.customers-box {
	max-width:1500px;
}

.project-highlights h3 {
    font-size: 32px;
}
.project-highlights h3 + p{
	font-weight: 600;
}

.box-for-content {
    border-radius: 5px;
    min-height: 256px;
/*     background-color: #f1f1f1; */
    font-size: 14px;
}

.education-row > div {
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
}
.education-row > div:last-child, 
.education-row > div:first-child {
    border: 0;
}
.education-row h3 {
    font-size: 24px;
    min-height: 65px;
}
.education-row .part-1 {
    max-width: 50%;
}
#education li::marker {
	content: "Thesis:";
}
.logo-box {
/* 	width: 20%; */
}
.logo-image {
	display: flex;
	min-height: 145px;
}
footer ul {
	list-style-type: none;
	padding: 0;
}
footer ul a{
	color: white;
	text-decoration: none;
}
footer ul i{
	padding-right: 24px;	
}
footer {
	font-size: 24px;
	font-weight: 100;
}
footer p {
	margin: 0;	
}
footer h3 {
	font-size: 32px;
	font-weight: 700;
}
footer ul p {
	font-weight: 900;
    font-size: 32px;
    margin-top: 20px;
}

.frm_fields_container input,
.frm_fields_container textarea {
	background-color: black !important;
	outline: 0 !important;
	box-shadow: none !important;
	border: 1px solid white !important;
    font-size: 24px !important;
    font-weight: 100 !important;
    border-radius: 5px !important;
	color: white !important;
}
.frm_button_submit {
	width:100% !important;
	background-color: white !important;    
	font-size: 24px !important;
	color: black !important;
	border: 0 !important;
	background: white !important; 
}
.modal-dialog {
	min-width: 300px;
    max-width: 1000px;
}
.privacy-modal-button:hover {
	cursor: pointer;
}
@media screen and (max-width: 1220px) {
	.intro img {
		width:100%;
	}
	.customers-box {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 992px) {
	.skills-box {
		flex-wrap: wrap;
	}
	.skill-box + div {
		display: none;
	}
	.education-row > div {
		border: 0;
	}
	footer > h3 {
		margin: 0 !important;
		margin-top: 24px;
	}
	.customers-box {
		flex-direction: column;
	}
	.customers-box div:nth-child(3) {
		order: -1;	
	}
}

@media screen and (max-width: 1400px) {
	section.hero-section {
		height: initial;
	}
}
@media screen and (max-width: 1300px) {
	.logo-image img {
		width: 75%;
	}
	.logo-image {
		min-height: 120px;
		justify-content: center;
	}
	.logo-box {
		width: 20%;
	}
}
@media screen and (max-width: 991px) {
	header ul {
		display: block;
		text-align: center;
	}
	.main-title {
		font-size: 36px;
		line-height: 40px;	
	}
	.intro h3 {
		font-size: 34px;
		text-align: center;
		max-width: 100%;
	}
	.intro h2 {
		font-size: 45px;
		text-align: center;
	}
	.intro p {
		line-height: 35px;
	}
	.menu {
		margin-right: 0;
	}
	.logo-box {
		width: 100%;
	}
}