/*!
	Theme Name: pizhma
	Theme URI: http://underscores.me/
	Author: Underscores.me
	Author URI: http://underscores.me/
	Description: Description
	Version: 1.0.0
	Tested up to: 5.4
	Requires PHP: 5.6
	License: GNU General Public License v2 or later
	License URI: LICENSE
	Text Domain: pizhma
	Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
	
	This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned.
	
	pizhma is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
	Underscores is distributed under the terms of the GNU GPL v2 or later.
	
	Normalizing styles have been helped along thanks to the fine work of
	Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
	>>> TABLE OF CONTENTS:
	----------------------------------------------------------------
	# Generic
	- Normalize
	- Box sizing
	# Base
	- Typography
	- Elements
	- Links
	- Forms
	## Layouts
	# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
	# plugins
	- Jetpack infinite scroll
	# Utilities
	- Accessibility
	- Alignments
	
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	# Generic
--------------------------------------------------------------*/
.close-popup {
	width: 32px;
	height: 32px;
    position: absolute;
    cursor: pointer;
    z-index: 60
}

.close-popup button {
	position: absolute;
    background: url(/wp-content/themes/pizhma/template-pijma/assets/img/close.svg) 0 0/cover no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    left: 379px;
}

.popup-success {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999;
    padding: 30px;
    width: 463px;
	height: 300px;
	border-radius: 20px;
	box-shadow: 2px 2px 4px 0px rgba(89, 88, 81, 0.15);
	
    background-color: #fff;
    text-align: center;
    display: none; 
}

.popup-success h3 {
    margin-top: 30px
}

.popup-success p {
    margin-top: 20px
}


.popup-success .content-title {
	font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}
.popup-success .content-text{
	font-family: 'Roboto';
    font-size: 16px;
    font-weight: 100;
    line-height: 18.75px;
}
.popup-success .content-text p span {
	color: #A745F3;
    font-weight: 600;
    font-size: 16px;
    line-height: 18.75px;
}

.popup-success .content {
	margin-top: 50px;
}

.overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .75);
    z-index: 50
}

.overlay,
.popup-form {
    position: fixed;
    display: none
}

.site-container .header .header_social_mobail{
	display: none;
}

.site-container .header .header__social .header__tl a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
	padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    background: #16c93d;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(89,88,81,.15);
    box-shadow: 2px 2px 4px 0 rgba(89,88,81,.15);
}


.contact_wrapper .banner .banner__container {
    padding-top: 23%;
}

section.form .form__container .form__right .form__file {
	width: 100%;
}

.inline{
	display: inline-block;
}

.img_close{
	vertical-align: middle;
}

.serv .item__list .item:hover{
	border: 1px solid #9747FF;
	box-shadow: 1px 1px 2px 0px #59585126;
}

.abouts .abouts__container .abouts__image {
    height: 100%;
}

section.preim .item__list .item {
    padding: 40px;
}

body .banner .banner__container .banner__text {
    width: 880px;
}

body .services .list__item .item .item__text {
	padding: 0 60px 16px;
}

body .services .list__item .item .item__price {
	font-family: Roboto-Light;
    font-size: 32px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
}

.items_left, .items_right{
	width: 45%;
}

body .tarif .item__list .item {
    width: 100%;
    margin-right: 0;
}

input::placeholder {
	color: #C9C9C9;
}

html body main section button:hover, body .form .form__container .form__left .form__buttom .form-btn:hover, body .services .list__item .item .item__btn a:hover{
	background: #8D3ACE;
}

html body main .mob{
	display: none;
}

@media (max-width: 576px){
	
	html body main .mob{
		display: block;
	}
	
	html body main .desk{
		display: none;
	}
	
	html body main .mob .item__icon img{
		width: 40px;
		height: 40px;
		max-width: none;
		margin-right: 10px;
	}
	
	html body main .mob .item{
		display: flex;
	}
	
	html body main section.preim.mob .item__list .item {
		padding: 20px;
	}
	
	html body main section.preim.mob .item__list .item .item__title {
		margin-top: 0;
	}
	
	.form .form__container .form__right .form__group .services__toggle p{
		position: absolute;
		top: -3px;
		margin-right: 40px;
	}
	
	section.services .list__item .item .item__top .item__top-title {
		font-family: Roboto-Light;
		font-size: 16px;
		font-weight: 600;
		line-height: 17.6px;
		text-align: left;
		left: 95px;
		position: absolute;
	}
	
	section.services .list__item .item .item__top .item__top-icon{
		position: absolute;
		left: 25px;
	}
	
	.site-container .header .header__burger { 
		top: 10px;
	}
	
	.site-container .header .header-top {
		padding: 7px; 
	}
	
	.site-container .header .header_social_mobail{
		display: block;
	}
	
	.site-container .header .header_social_desk{
		display: none;
	}
	
	section.service .service__container .service__left .service__title h2 {
		margin-bottom: 32px;
	}
	
	section.service-index {
		background: none;
	}
	
	section.clients .section__title h2 {
		font-size: 28px;
		font-family: Roboto-Light;
		font-size: 28px;
		font-weight: 600;
		line-height: 28px;
		text-align: left;
		
	}
	
	section.clients .clients__slider {
		padding-bottom: 0;
	}
	
	body .header .header__stiky .header_services-mob{
		color: #000;
	}
	
	body .header .open {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	body section.clients .section__title h2 {
		font-size: 28px;
		font-family: Roboto-Light;
		font-size: 28px;
		font-weight: 600;
		line-height: 28px;
		text-align: left;
	}
	
	body .form .form__container .form__right .form__group .services__toggle {
		display: flex;
		flex-direction: column;
		justify-content: space-between;   
		padding: 0 16px;
	    height: 100%;
		min-height: 50px;
	}
	
	body .form .form__container .form__right .form__group .services__toggle p {
		position: relative;
	}
	
	body .services .list__item .item {
		margin-right: 8px;
	}
	
	body .header-top .header-top__line .header-top__mobile {
		border-bottom: none;
	}
	
	body .main-slider .swiper-slide .slide__container {
        max-width: 90%;
	}
}