/*!
Theme Name: pleaz
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pleaz
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.

pleaz 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 .rowing{
 	white-space: nowrap;
 	margin:0 0 10px;
 }
 
.rowing div {
    width: 160px;
    border-radius: 50%;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.rowing div img {
    display: block;
}

.bgwhite{
	background:#FFF;
}

.btn-orange, .popupaoc-link{
    color: white;
    background: #ff7b0a;
    padding: 13px 25px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 35px;
    display: inline-block;
}

.mb0{
	margin-bottom:-10px !important;
}

.blogin .slick-slide{
	box-shadow:1px 5px 30px rgba(0,0,0,0.1);
	border-radius:20px;
}

.slick-dots li button::before, .slick-dots li.slick-active button::before {
	color:#f77a21 !important;
}

.bloger{
	padding-top:100px;
}

.ptb100{
	padding:100px 0;
}

.footer-section a{
	color:#FFF;
}

.white{
	padding-left:15px;
	color:#FFF;
}

#menu-t{
	background:white;
	padding:15px 0;
}

.topshape{
    position: absolute;
    top: -159px;
    z-index: 9999;
}

.noD{
	display:none !important;
}


@media(max-width:810px){
.txtdesc {
    font-size: 16px;
}
 
.site-footer {
    padding: 50px 0 0px 0;
}
	h1{
		font-size:28px !important;
	}

	.onpadds{
		padding:0 5%;
		box-sizing: border-box;
	}

	.blogin .slick-slide{

	}

	.paddtop50{
		padding-top:50px !important;
	}

	.noM{
		display:none !important;
	}

	.noD{
		display:block !important;
	}

	.topshape{
		top:-40px !important;
	}

	.mCenter{
		text-align: center;
		justify-content: center;
	}

	.rowing div{
		width:25% !important;
	}

	.circle{
		min-width: 300px;
		min-height:300px;
		max-width:300px;
		max-height:300px;
	}

	.circle::before {
	    width: 300px;
	    height: 300px;
	}


	.circle::after {
	    width: 300px;
	    height: 300px;
	}

	.custom-text{
		font-size:17px !important;
	}

	.custom-head{
		font-size:22px !important;
    font-weight: 700;
	}

	.media-animated{
		transform:unset !important;
	}

	.rounder::before{
		left: -2% !important;
		width:50vh !important;
		height:50vh !important;
	}

	.mtopm{
		margin-top:15rem !important;
	}

	.sk{
		font-size:19px;
	}

	.dot:nth-of-type(2){
		display:none;
	}

	.mtopn{
		margin-top:40rem !important;
	}

	form label{
		font-size:13px;
	}

	.content-popup{
		max-width: 97% !important;
		width:97% !important;
	}

	.mtopn2{
		margin-top:25rem !important;
	}

	.mobile-app {
	    top: 20px !important;
	    height: 70vh !important;
	    left: -4vh !important;
	}

	.mobile-app2{
		height:69vh !important;
		bottom:10vh !important;
		right:-36% !important;
	}

	.btn-orange{
		padding:10px 20px !important;
		font-size:14px;
	}

	.bloger{
		padding-top:0px !important;
	}

	.ptb100{
		padding-top:0px !important;
	}
}

article header, header.fullm{
	background:linear-gradient(90deg, #ee3b47, #f87f1e);
	padding:150px 0;
}

article header h1, header h1{
	color:#FFF;
	text-align: center;
	font-size:40px;
  line-height:1.3em;
  margin:0 auto;
  max-width: 55%;
  font-weight: 700;
  font-family: 'Josefin Sans', sans-serif;
}

.mxk{
    max-height: 230px;
    overflow: hidden;
}

.linkers p{
    padding: 0 30px;
    box-sizing: border-box;
}

#breadcrumbs{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    max-width: 25%;
    margin: 20px auto 0;
}

.linkers a:hover{
  color:#000 !important;
}

article .art {
    padding: 50px;
    margin-top: -50px;
    z-index: 9;
    position: relative;
    display: block;
    background: #FFF;
    margin-bottom:50px;
    box-shadow:1px 5px 15Px rgba(0,0,0,0.1);
    font-family: 'Josefin Sans', sans-serif;
}

.art p{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  font-size: 22px;
}

.art {
    padding: 50px;
    margin-top: -50px;
    z-index: 9;
    position: relative;
    display: block;
    background: #FFF;
    margin-bottom:100px;
    box-shadow:1px 5px 15Px rgba(0,0,0,0.1);
}

.art h2{
  font-family: 'Josefin Sans', sans-serif;
}

.mover{
	position:absolute;
	top:0;
	left:0;
	transform: scale(1.3);
	z-index:-1;
}

.size-full{
    width: 100%;
    height: 100%;
}

#popup{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.7);
    display:none;
    z-index: 9999999;
}

.popit{
	display:block !important;
}

.max-title{
	pointer-events: none;
}

#wpcf7-f56-o2{
	max-width:45%;
	margin:0 auto;
}

.content-popup{
    padding: 20px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 45%;
    width: 45%;
    box-sizing: border-box;
    overflow:hidden;
}

.wpcf7-text {
    border: 1px solid rgba(0,0,0,.1);
    height: 35px;
    margin: 7px 0 10px;
    margin: 0px !important;
    padding-left: 10px;
    font-size: 16px;
}

.carousel figure img{
  transition:.3s ease;
}

#wpcf7-f124-o1 input[type=text], #wpcf7-f124-o1 input[type=email], #wpcf7-f124-o1 textarea{
  margin:0 0 7px !important;
  background:#FFF;
  border:none;
  border-bottom:1px solid rgba(0,0,0,0.1);
}

#wpcf7-f124-o1 input[type=text]::placeholder, #wpcf7-f124-o1 input[type=email]::placeholder, #wpcf7-f124-o1 textarea::placeholder{
	color:rgba(0,0,0,0.6) !important;
}


#wpcf7-f124-o1 .wpcf7-submit{
  margin-top:10px !important;
  font-size: 16px;
  border-radius: 20px;
  padding: 11px 30px;
}

.carousel figure img:hover{
  filter:brightness(80%);
}

textarea{
    border: 1px solid rgba(0,0,0,.1);
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
}

.wpcf7-submit {
    height: auto;
    margin: 7px 0 10px !important;
    position:relative;
    display:inline-block;
    padding:10px 25px;
    background:linear-gradient(90deg, #ee3b47, #f87f1e);
    color:#FFF;
    width:auto;
}

form label{
	font-size:16px;
	font-weight: 600;
}

.wpcf7-text{
  background:#FFF !important;
}


.dot {
  position: absolute;
  border-radius: 100%;
  z-index: -1;
}
.dot:nth-of-type(1) {
  top: -80px;
  right: -80px;
  width: 160px;
  height: 160px;
  background-color: #f77724;
  -webkit-animation: float 6s ease-in-out infinite;
  -moz-animation: float 6s ease-in-out infinite;
  -o-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
@media (min-width: 768px) {
  .dot:nth-of-type(1) {
    top: -190px;
    right: -190px;
    width: 380px;
    height: 380px;
  }
}
.dot:nth-of-type(2) {
  bottom: -120px;
  left: -120px;
  width: 240px;
  height: 240px;
  background-color: #f66867;
  -webkit-animation: float 8s ease-in-out infinite;
  -moz-animation: float 8s ease-in-out infinite;
  -o-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}
.dot:nth-of-type(3) {
  bottom: -50px;
  right: -50px;
  width: 100px;
  height: 100px;
  background-color: #fe9b0d;
  -webkit-animation: float 4s ease-in-out infinite;
  -moz-animation: float 4s ease-in-out infinite;
  -o-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}

@-webkit-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@-moz-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@-o-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(20px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}

.sk{
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 32px;
}

.pt2, .pt3{
	height:400px;
	display:block !important;
  position:relative;
}

#om2, #om3 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition:.1s ease;
}

.opat{
	opacity:1 !important;
}

.blog-item img{
  transition:.3s ease;
}

.blog-item img:hover{
  filter:brightness(80%);
}