﻿/*   
Theme Name: Hatamov
Author: Serhii Nikolaienko
Author Email: seganiko.corp@gmail.com
Author Phone: +48576111731
Author Telegram: @sega_niko
Author Viber: +48576111731
Author WhatsApp: +48576111731
Author Url: https://seganiko.com
Author Linkedin profile: https://www.linkedin.com/in/sergeynikolaenko/
Version: 1.0
*/





.content{
	margin-top: 118px;
}





.showreel{
	padding: 75px 0;
}

.h-heading-showreel{
	font-size: 36px;
	font-weight: 700;
	width: 100%;
	margin: 0 0 25px;
	text-align: center;
	color: #fff;
}

.container-showreel{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

.container-showreel iframe{
	width: 100%;
	max-width: 900px;
	/* aspect-ratio: 1.618 / 1; */
	aspect-ratio: 1.78 / 1;
	border-radius: 20px;
}





.tasks-index{
	padding: 95px 0 125px;
}

.one-tasks-index{
	width: calc(50% - 40px);
}





.heading-portfolio{
	padding: 65px 0 40px;
	color: #fff;
	text-align: center;
}

.h-heading-portfolio{
	font-size: 36px;
	font-weight: 700;
	width: 100%;
	margin: 0 0 15px;
}

.mini-heading-portfolio{
	font-size: 18px;
	font-weight: 400;
	width: 100%;
}





.h-heading-call{
	font-size: 28px;
	margin: 0 0 25px;
}

.text-heading-call{
	margin: 0 0 45px;
}





.heading-call.heading-checklist{
	padding: 60px 0;
}

.heading-checklist .btn-heading-call{
	margin-top: 35px;
	margin-bottom: 0;
}





.overlay-why-are{
	padding: 165px 0 145px;
}





.order-call-beacoup .h-order-call{
	font-size: 26px;
}

.order-call-beacoup .mini-h-order-call{
	font-size: 18px;
}





.order-call.order-call-bottom{
	padding: 75px 0;
}

.order-call.order-call-bottom .container{
	justify-content: center;
}

.order-call.order-call-bottom .heading-order-call{
	width: 100%;
}

.order-call.order-call-bottom .heading-order-call .h-order-call{
	text-align: center;
	margin: 0 0 25px;
}

.order-call.order-call-bottom .form-order-call{
	width: 100%;
	max-width: 300px;
}

.order-call.order-call-bottom .container-form-order-call .wpcf7-form{
	gap: 22px;
}

.order-call.order-call-bottom .block-submit-btn{
	margin: 0;
}





.icon-container-order-call{
	width: 100%;
	margin: 42px 0 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 22px;
}

.icon-container-order-call a{
	background: #fff;
	border-radius: 50%;
}

.icon-container-order-call .icon-btn-call{
	position: relative;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -2px;
	margin-right: -2px;
}

@keyframes wiggle{
	0%, 100% { transform: rotate(0deg); }
	15% { transform: rotate(10deg); }
	30% { transform: rotate(-10deg); }
	45% { transform: rotate(6deg); }
	60% { transform: rotate(-6deg); }
	75% { transform: rotate(3deg); }
	90% { transform: rotate(-3deg); }
}

.icon-btn-call-whatsapp,
.icon-btn-call-phone{
	animation: none;
	display: inline-block;
	animation-name: wiggle;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.icon-btn-call-whatsapp{
	animation-delay: 0s;
	animation-play-state: running;
}

.icon-btn-call-phone{
	animation-delay: 2s;
	animation-play-state: running;
}





.footer{
    padding: 22px 0;
}

.footer .container{
	justify-content: center;
}

.footer-landing-logo{
	width: 200px;
}

.footer-landing-logo .footer-copyright{
	text-align: center;
}





@media screen and (max-width: 1600px){

	
	
	
	
}



@media screen and (max-width: 1200px){

	
	
	
	
}



@media screen and (max-width: 991px){

	
	
	
	
}



@media screen and (max-width: 768px){

	
	
	
	
}


