/*
Theme Name: Tourog
Theme URI: http://templatemonster.themezinho.net/tourog
Author: themezinho
Author URI: https://www.templatemonster.com/
Description: Creative Agency WordPress Theme
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.5.2
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Tourog
Tags: blog, custom-logo, custom-menu, editor-style, featured-images, sticky-post, theme-options
*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
body {
    padding: 0;
}

img {
    height: auto;
    max-width: 100%;
}

iframe {
    width: 100%;
    max-width: 100%;
}


.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.screen-reader-text {
    display: block;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


html{
    scroll-behavior: smooth;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

.bypostauthor {
    display: block;
}

section.icon-content-block {
    overflow: visible;
}


.wp-block-cover, .wp-block-cover-image {
    height: auto;
}

/* add to css */
.main-text-block{
    display:flex;
    justify-content: center;
}

.section-title h2,.text-content-block p ins,.text-content-block h4,.icon-content-block figure h5, .selected figure h5,
.slider .gallery-thumbs .swiper-slide a,.about-cases p strong,.milestones .odometer,.milestones h6,.milestones h4,.about-title p,.portfolio-post h2,.portfolio-footer h2{
    font-weight: 700;
}
.portfolio-slider .protfolio-text h3 a{
font-weight: 600;
}

.footer .footer-contactform h6,.page-header .inner p,.contacts-info h6,.portfolio-post h4,
.portfolio-fonts h2{
font-weight: 500;
}

.portfolio-slider .protfolio-text p,.footer .footer-contactform h2,.e-contact-form .submit-block button,.about-text p,.about-cases p,
.portfolio-color{
    font-weight: 400;
}


.icon-content-block figure p, .selected figure p,.portfolio-slider .protfolio-text h3 a,.portfolio-color{
    font-size: 24px;
}

.icon-content-block figure h5, .selected figure h5,.about-text p,.about-cases p,.contacts-info p,.portfolio-post p,.portfolio-post li,
.portfolio-footer p,.portfolio-footer li,.slider .gallery-thumbs .swiper-slide a,.header-buttons a,.text-content-block p{
    font-size: 28px;
}

.portfolio-slider .protfolio-text p{
    font-size:22px;
}

.about-cases p strong,.contacts-info h6,.portfolio-post h4,.portfolio-footer h4{
    font-size:32px;
}

.e-contact-form .submit-block button{
    font-size:36px;
}

.footer .footer-contactform h6,.portfolio-font {
    font-size: 46px;
}

.milestones h4,.works li .caption ul{
    font-size: 18px;
}

.milestones h6{
    font-size: 66px;
}

.about-title p,.portfolio-post h2,.portfolio-fonts h2,.portfolio-footer h2{
    font-size: 120px;
}

.footer .footer-contactform h2{
    font-size: 100px;
}

.footer .footer-contactform h2,.about-cases p strong{
    line-height: 1;
}

.text-content-block h4,.footer .footer-contactform h2,.footer .footer-contactform h6,.e-contact-form .submit-block button,
.page-header .inner p,.about-title p,.milestones h4,.milestones .odometer,.contacts-info h6,.portfolio-post h2,.portfolio-post h4,
.portfolio-fonts h2,.portfolio-footer h2{
    font-family: 'Oswald', sans-serif;
}

.text-content-block p {
    padding-top: 10px;
    margin-bottom: 70px;
}

.text-content-block p ins {
    margin-top: 10px;
}

.text-content-block h4 {
    letter-spacing: 2px;
}

.text-content-block p img {
    position: absolute;
    right: 0;
}

.text-content-block p .big-logo-text {
    transform: scale(1.5);
}

/* Portfolio slider */
.portfolio-slider .protfolio-text h3 a {
    color: white;
    margin-top: 10px;
    text-transform: uppercase;
}

.portfolio-slider .protfolio-text p,.portfolio-color {
    color: white;
}

.portfolio-slider figure a {
    margin-bottom: 24px;
}

.portfolio-slider figure a img{
    height: 530px;
}

.swiper-button-next, .swiper-button-prev {
    top: 44%;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.portfolio-slider:hover .swiper-button-next, .portfolio-slider:hover .swiper-button-prev {
    opacity: 1;
}

.swiper-button-next {
    right: -100px;
}

.swiper-button-prev {
    left: -100px;
}


/* Main slider  */
.slider .gallery-thumbs {
    padding: 45px 0;
}

.section-title a{
    position: relative;
}

.slider .gallery-thumbs .swiper-slide a:nth-child(1),.header-buttons a:nth-child(1) {
    margin-right: 2.5vw;
}

.slider .gallery-thumbs .swiper-slide a:nth-child(2):after,.section-title a:after, .e-contact-form .submit-block button:after,.header-buttons a:nth-child(2):after{
    content: "";
    width:70px;
    height: 70px;
    border-radius: 100px;
    background: #38B2AC;
    position: absolute;
    right: -0.7vw;
    bottom: -8px;
    z-index: -1;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.section-title a:after{
    width: 80px;
    height: 80px;
    right: -18px;
    bottom: -18px;
}

.section-title a:hover:after{
    width:130%;
}

.slider .gallery-thumbs .swiper-slide a:after:hover,.header-buttons a:after:hover {
    width: 115% !important;
}

.clients figure img{
    opacity: 0.7;
}

.works li figure{
    margin-bottom:620px;
}

.clients figure img:hover{
    opacity: 1;
}


/* Cursor animation */
@keyframes appear {
    0% {
        opacity: .8;
        transform: scale(.5, .5);
    }
    70% {
        opacity: .3;
        transform: scale(1, 1);
    }
    100% {
        opacity: 0;
        transform: scale(.5, .5);
    }
}

@-webkit-keyframes appear {
    0% {
        opacity: .8;
        -webkit-transform: scale(.5, .5);
    }
    70% {
        opacity: .3;
        -webkit-transform: scale(1, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.5, .5);
    }
}

.cursor-animation {
    position: fixed;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border-radius: 50%;
    background: #38B2AC;
    z-index: 9999;
    animation: appear .2s;
    -webkit-animation: appear .2s;
}

/* Footer */
.footer .footer-bottom {
    justify-content: center;
}

.footer .wpcf7,#white-form .wpcf7 {
    width: 100%;
    margin-left: 0;
    background: none;
    padding: 0;
}

.footer .footer-contactform {
    margin-top: 90px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

.e-contact-form {
    margin-top: 20px;
}

.e-contact-form .contact-names {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.e-contact-form .contact-names .your-name-block, .e-contact-form .contact-names .your-email-block {
    width: 49%;
    position: relative;
}

.e-contact-form .your-message-block {
    position: relative;
}

.e-contact-form .contact-names input, .e-contact-form textarea {
    background: none;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    color:white;
}

.works li .caption h3{
    margin-top: 12px;
}

.e-contact-form label {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 15px;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
    width: auto;
    background: #222327;
}

.e-contact-form .submit-block button {
    padding: 0;
    text-transform: uppercase;
    position: relative;
    width: auto;
    background: none;
    margin-top: 50px;
    margin-bottom: 40px;
    margin-right: 2vw;
}

.e-contact-form .submit-block {
    text-align: right;
}

.e-contact-form .submit-block button:after{
    bottom: -24px;
}

.e-contact-form .submit-block button:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.e-contact-form .submit-block button:hover:before {
    width: 100%;
}

.e-contact-form .submit-block button:after {
    width:108px;
    height: 108px;
}

.e-contact-form .submit-block button:hover:after {
    width: 120%;
}

#white-form .e-contact-form {

}

.page-header .inner h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 9vw;
    text-align: center;
    text-transform: uppercase;
}

.page-header .inner p {
    font-size: 38px;
    text-align: center;
    text-transform: uppercase;
}

/* About-us */
.about-title p strong,.about-cases p strong{
    text-transform: uppercase;
    color: #38B2AC;
}

.about-title p{
    color:black;
    line-height: 1.2;
}

.about-cases p img{
    margin-top: 5px;
}

.about-text p,.about-cases p,.portfolio-post p,.portfolio-post li,.contacts-info p,.portfolio-footer p,.portfolio-footer li{
    color: #718096;
}

.about-cases p{
    margin-bottom: 0;
}

.about-cases .case-content{
    width:90%;
}

.header-buttons{
    margin-top:32px;
}

.row .header-buttons a{
    display:inline-block;
    font-size:42px;
	font-weight:700;
}

.header-buttons a:before{
    width:75x;
	height:3px;
}

.header-buttons a:nth-child(2):after{
    width: 108px;
    height: 108px;
    bottom: -18px;
    right: -20px;
}

.row .header-buttons a:hover:before{
    width:100%
}

.row .header-buttons a:hover:after{
     width:calc(100% + 48px);
 }

.slider .gallery-thumbs .swiper-slide a:hover:after{
    width:120%;
}

.milestones .odometer{
    margin: 0;
}

.milestones h4{
    text-align: left;
    text-transform: uppercase;
    border:none;
    margin: 0;
    padding: 0;
}

.milestones h6{
   width: 10%;
}

.section-title{
    text-transform: uppercase;
}

.testimonials-title{
    margin-top:-9%;
}

.testimonials-slider{
    background: white;
}

.testimonials-about{
    padding-bottom: 60px;
}

.contacts-info h6{
    margin-bottom: 15px;
    color: #22262A;
}

.about-cases p img{
    margin-right: 16px;
}



.contacts-info a{
    margin-right: 22px;
}

.page-header .inner .container .row{
    justify-content: center;
}

.portfolio-post h2,.portfolio-post h4{
    text-transform: uppercase;
    color: #22262A;
}

.portfolio-post img,.portfolio-images img{
    box-shadow: 0px 0px 73.0973px rgba(62, 68, 128, 0.15), inset -2.35564px -11.7782px 23.5564px rgba(102, 131, 188, 0.5), inset 0px 2.35564px 23.5564px #FFFFFF;
}

.portfolio-images img{
    width:100%;
}

.portfolio-fonts {
    display:flex;
    margin-top: 200px;
    margin-bottom: 200px;
    z-index: -1;
}
.portfolio-fonts h2{
    width: 50%;
    color:white;
    text-transform: uppercase;
}

.portfolio-post h2{
    width:76%;
}

.portfolio-fonts > div{
    width:50%;
}

.portfolio-images.kandibur-images > div {
    margin-top: -950px;
}

.portfolio-font{
color:white;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
}

.portfolio-font > div{
    margin-bottom: 20px;
}

.portfolio-color{
    display: flex;
}
.portfolio-color>div{
    margin-right: 24px;
}

.color-box{
    width:100px;
    height: 100px;
	border: white 1px solid;
    border-radius: 10px;
}

.portfolio-footer a{
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 34px;
    text-transform: uppercase;
    color: #222327;
    position: relative;
    outline: none;
    text-decoration: none;
}

.portfolio-footer a:before{
    content: "";
    width:40%;
    height: 2px;
    background:#222327;
    position: absolute;
    bottom: -4px;
    left: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.portfolio-footer a:hover:before{
    width:100%;
}

.portfolio-post{
    z-index: 1;
    margin-bottom: -300px;
}

.portfolio-post h2{
    margin-bottom: 40px;
}

.portfolio-post .description-post{
    display: flex;
    margin-bottom: 60px;
}

.portfolio-post .description-post p{
    width:50%;
    margin-right: 40px;
}

.portfolio-post  ul,.portfolio-footer  ul{
    list-style-type: none;
}

.portfolio-post ul li,.portfolio-footer  ul li{
    position: relative;
    padding-left: 10px;
    margin-bottom: 20px;
}

.portfolio-post .description-post  ul li:before{
    background: none;
}
.portfolio-post ul li:before,.portfolio-footer  ul li:before{
    content:"";
    width: 100%;
    height: 100%;
    background: url("../../uploads/2022/06/Vector-6.png") no-repeat;
    position: absolute;
    left: -42px;
    top: 0;
}

.portfolio-post h4{
    margin-bottom: 20px;
}

.portfolio-post img{
    margin-top:80px;
    width: 100%;
}

.portfolio-images{
    margin-top:-299px;
}

.single-portfolio .content-section:nth-child(1){
    z-index:1;
}

.slider .gallery-thumbs .swiper-slide h1{
    font-size:3.5vw;
    font-weight:900;
    margin-bottom:40px;
    line-height: 1.1;
}

.slider .gallery-thumbs{
   overflow:initial;
}

.identity-block{
    position: relative;
}

.identity-block.right{
    display: flex;
    justify-content: end;
}

.identity-block .identity-image{
z-index: -1;
}

.identity-block .text-content-block{
    position: absolute;
    z-index: 1;
    background: white;
    padding: 50px 80px;
    width: 80%;
    top: 240px;
    right: -62%;
    box-shadow: 0px 0px 73.0973px rgba(62, 68, 128, 0.15);
}
.identity-block.right .text-content-block{
    left:-67%;
}

.identity-block .text-content-block p{
    margin-bottom: 0;
    padding-top: 0;
}

.identity-block .text-content-block p:nth-child(1){
    font-size:28px;
    text-transform: uppercase;
    color: #718096;
}

.identity-block .text-content-block p:nth-child(2){
    font-size:36px;
    text-transform: uppercase;
    color:black;
    margin-bottom: 16px;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    line-height: 1;
}

.identity-block .text-content-block p:nth-child(3){
    font-size:24px;
    color: #718096;
}

.identity-block img{
    width:100%;
}

.helenbond-main{
    margin-top: 160px;
    margin-bottom: 60px;
    padding: 50px 80px;
    box-shadow: 0px 0px 73.0973px rgba(62, 68, 128, 0.15);
    position: relative;
}

.helenbond-main .section-title{
    background: black;
    width: auto;
    padding: 12px 80px;
    color:white;
    position: absolute;
    right: -150px;
    top:-110px;
}

.helenbond-main > div:nth-child(2) img{
    margin-top: -10px;
}

.helenbond-main > div:nth-child(3) img{
    margin-top: 100px;
}

.helenbond-sub{
    position: relative;
}

.helenbond-sub .section-title{
    background: black;
    width: auto;
    padding: 12px 80px;
    color:white;
    position: absolute;
    right: -150px;
    top:-110px;
}

.helenbond-sub .ukrain .section-title{
    background: black;
    width: auto;
    padding: 12px 80px;
    color:white;
    position: absolute;
    right: 15px;
    top:-110px;
}

.postid-570 .helenbond-sub .section-title{
    right: 180px;
    top: -60px;
}

.postid-570 .helenbond-sub.left .section-title{
    left: 180px;
    right: unset;
}

.postid-570 .helenbond-sub img{
   box-shadow:  0px 0px 73.0973px rgba(62, 68, 128, 0.15);
}

.slider .swiper-container .swiper-slide .slide-video-bg video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.6;
}

.preloader .layer{

}

.switcher{
    margin-top: 30px;
}

.switcher a{
    color:white!important;
}

.switcher .wpml-ls-legacy-list-horizontal{
    border:none;
    position: relative;
}

.switcher .wpml-ls-legacy-list-horizontal ul li:not(.wpml-ls-current-language){
    display: none;
    position:absolute;
    top: -18px;
    right: 39px;
}

.switcher .wpml-ls-legacy-list-horizontal ul:hover li{
    display: block;
}

.description-post ul{
    padding:0;
}

.helenbond-text p{
    text-align: left;
    padding-left: 42px;
    padding-right: 28px;
}

.helenbond-text.text-more-left p{
    padding-left: 70px;
    padding-right: 52px;
}

.helenbond-text p:nth-child(1){
    text-transform: uppercase;
    font-weight: 600;
    font-size:36px;
}

.content-section{
    margin-top: -1px!important;
}

.section-title a{
    border:none;
    font-weight: 500;
}
.section-title a:before{
    content: "";
    width: 50px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.section-title a:hover:before{
    width:100% !important;
}
.left-side .social-links ul{
	margin-bottom:20px;
}

.section-title a{
	font-weight: 700;
    font-family: 'Oswald',sans-serif;
}

.social-links{
	display:none !important;
}

.grecaptcha-badge{
	display:none !important;
}


@media screen and (min-width: 1440px) and (max-width: 1919px){
    .works li figure{
        margin-bottom: 430px ;
    }
}

@media screen and (max-width: 1439px){
    .footer .footer-bottom{
        padding: 25px 0;
    }

    .footer .footer-contactform h6{
        font-size: 42px;
    }

    .footer .footer-contactform h2{
        font-size: 90px;
    }
}

@media screen and (min-width: 1921px) {
    .portfolio-fonts h2 {
        font-size: 130px;
    }
	
	.portfolio-images.kandibur-images>div{
		margin-top: -1360px;
	}
	
	.portfolio-images.kandibur-images{
		width:100%;
		    margin-left: 0px;
    margin-right: 0px;
	}
}

@media screen and (max-width: 1359px){
    .about-cases p img{
        margin-right: 6px;
    }
    .about-title p{
        font-size: 100px;
    }
    .about-cases p strong{
        font-size: 28px;
    }

    .testimonial {
        padding: 50px 30px;
    }

    .portfolio-post h2{
        width:85%;
    }


}

@media screen and (max-width: 1279px){
    .slider .gallery-thumbs .swiper-slide a:nth-child(2):after, .e-contact-form .submit-block button:after, .header-buttons a:nth-child(2):after{
        width:60px;
        height: 60px;
        bottom: -9px;
    }

    .slider .gallery-thumbs .swiper-slide a{
        font-size: 20px;
    }

    .slider .gallery-thumbs .swiper-slide a:hover:after{
        width:120%;
    }

    .icon-content-block figure{
        padding: 50px 15px;
    }

    .icon-content-block figure p{
        font-size:20px;
    }
    .portfolio-slider figure a img{
        height: 400px;
    }

    .e-contact-form .submit-block button:after {
        width: 108px;
        height: 108px;
    }

    .e-contact-form .submit-block button:after {
        bottom: -24px;
    }

    .footer .footer-contactform h2,.portfolio-post h2,.portfolio-fonts h2{
        font-size: 90px;
    }

    .about-title p{
        font-size: 92px;
    }
    .about-text p{
        font-size:24px;
    }

    .about-cases .case-content{
        width:100%;
    }

    .about-cases p strong{
        font-size: 24px;
    }

    .milestones h6{
        font-size:50px;
    }

    .testimonial {
        padding: 25px 30px;
    }

    .portfolio-post h2{
        width:80%;
    }



    .section-title h2{
        font-size: 60px;
    }
	
	.identity-block.right .text-content-block{
		left:-88%;
	}
	
	.identity-block .text-content-block{
		padding: 18px 30px;
    width: 90%;
    top: 56px;
		right: -88%;
	}
	
	.portfolio-images.second-image{
		margin-top:-166px;
	}
}

@media screen and (max-width: 1023px){
    .text-content-block p{
        font-size: 18px;
    }

    .icon-content-block figure h5{
        font-size: 24px;
    }

    .icon-things{
        display: flex;
        flex-wrap: wrap;
    }

    .icon-things > div,.case-content-block > div{
        width:50%;
    }

    .icon-things > div:nth-child(3),.case-content-block > div:nth-child(3){
        width:100%;
    }

    .portfolio-slider figure a img{
        height: 300px;
    }

    .portfolio-slider .protfolio-text h3 a{
        font-size: 20px;
    }

    .portfolio-slider .protfolio-text p{
        font-size:18px;
    }

    .footer .footer-contactform h6{
        font-size:36px;
    }
    .footer .footer-contactform h2{
        font-size: 70px;
    }
    .contacts-info h6{
        font-size: 28px;
    }
    .contacts-info p{
       font-size: 24px;
    }
    .row .header-buttons a{
        font-size:20px;
    }

    .about-title .text-content-block p{
        font-size:53px;
    }

    .content-section .milestones-block{
        padding-right: 8%!important;
        padding-left: 8%!important;
    }

    .milestones h6{
        font-size:38px;
    }

    .testimonials-title{
        margin-top:25px;
    }

    .description-post{
       flex-direction: column;
    }

    .portfolio-post .description-post   p {
        width:100%;
        margin-bottom: 32px;
    }
    .portfolio-post h2{
        font-size: 70px;
    }
    .portfolio-fonts h2{
        font-size: 80px;
    }
    .section-title h2{
        font-size: 42px;
    }
    .mobile-image .vc_column-inner{
        margin-top:-400px!important;
        margin-bottom:-400px!important;
        margin-left: 0px!important;
    }
    .portfolio-footer h2{
        font-size: 90px;
    }

    .portfolio-footer .text-content-block p{
        font-size: 24px;
    }
	.section-title h2{
		font-size:38px;
	}
	
	.e-contact-form .submit-block button:after{
		right: -12px;
	}
	
	.e-contact-form .submit-block button:hover:after{
		width:113%;
	}
	
	.works li{
		width:49%;
		padding:30px;
	}
	
	.works li figure{
		margin-bottom:380px;
	}
	.header-buttons,.slider .gallery-thumbs .swiper-slide > div{
		display:inline-block;
	}
	.content-section{
		padding:90px 0;
	}
	.about-cases p{
		font-size:18px;
	}
	.about-cases p strong{
		line-height:1.7;
	}
	.section-title a{
		font-size:23px;
	}
	
	.portfolio-fonts{
		flex-wrap:wrap;
	}
	
	.portfolio-fonts h2,.portfolio-fonts > div{
		width:100%;
	}
	.testimonials-about .vc_custom_1655724954003{
		margin-top:0!important;
		padding-top:30px;
	}
	
	.testimonials-title{
		margin-top:-52px;
	}
	
	.testimonials-about{
		flex-direction:column-reverse;
	}
	
	.clients figure{
		padding:20px;
	}
	
	.page-id-19 section.content-section:nth-child(1){
		padding-bottom:0;
	}
	
	.page-id-19 .text-content-block p{
		margin-bottom:15px;
	}
	
	.page-id-19 .case-content-block .about-cases p{
		padding-bottom:15px;
	}
	
	.about-cases p strong{
		font-size:20px;
	}
	
	.postid-546 .mobile-image .vc_column-inner {
    margin-top: -250px!important;
    margin-bottom: -230px!important;
    
}
	
	.postid-579 .portfolio-post{
		margin-bottom:-160px;
	}
	
	.identity-block .text-content-block{
		width: 94%;
    top: 41px;
    right: -96%;
	}
	.identity-block.right .text-content-block{
		    left: -96%;
	}
	
	.identity-block .text-content-block p:nth-child(1){
		    font-size: 20px;
	}
	.identity-block .text-content-block p:nth-child(2) {
    font-size: 28px;
	}
	.identity-block .text-content-block p:nth-child(3) {
		font-size: 18px;
	}
	
	.kandibur-images{
	height:440px
	}
	
	.postid-509 .mobile-image .vc_column-inner {
    margin-top: -260px!important;
    margin-bottom: -230px!important;
}
	
	
	
	.postid-537 .mobile-image .vc_column-inner {
    margin-top: -260px!important;
}
	
	.postid-562 .mobile-image .vc_column-inner {
    margin-top: -230px!important;
    margin-bottom: -250px!important;
	}
	
	.postid-558 .mobile-image .vc_column-inner{
		    margin-top: -270px!important;
	}
	
	.postid-573 .mobile-image .vc_column-inner {
    margin-top: -200px!important;
	}
	
	.postid-581 .mobile-image .vc_column-inner {
    margin-top: -370px!important;
    margin-bottom: -230px!important;
	}
	
	.postid-566 .mobile-image .vc_column-inner {
    margin-top: -180px!important;
    margin-bottom: -250px!important;
	}
	
	.helenbond-sub .section-title {
  
    right: -25px;
    top: -70px;
}
	
	.testimonials-title .section-title{
		justify-content:right;
	}
	
	.section-title a{
		margin-right:14px;
	}
	
	.swiper-button-prev{
		left:-200px;
	}
}

@media screen and (min-width:768px) and (max-width: 1023px){
	.slider .gallery-thumbs .swiper-slide h1{
		    font-size: 7.5vw;
	}
	.portfolio-slider figure {
		height:300px;
	}
	.slider .gallery-thumbs{
		bottom:40%;
	}
	.page-id-19 .section-title h2{
		font-size:53px;
	} 
	.portfolio-slider .protfolio-text h3 a{
		display:block;
		margin-left:0 !important;
		padding-left:0 !important;
	}
	.testimonials-title .section-title h2{
		    text-align: center;
    width: 72%;
    margin-right: 100px;
	}
	
	.postid-402 .mobile-image .vc_column-inner{
		margin-top: -380px!important;
    margin-bottom: -220px!important;
	}
}

@media screen and (max-width: 767px){
	.identity-block .text-content-block p:nth-child(1){
		    font-size: 24px;
	}
	.identity-block .text-content-block p:nth-child(2) {
    font-size: 32px;
	}
	.identity-block .text-content-block p:nth-child(3) {
		font-size: 22px;
	}
	.works li {
    width: 100%;
    padding: 0 30px;
    margin-top: 0 !important;
    margin-bottom: 60px;
}
	
    .main-text-block{
        flex-direction: column;
    }

    .icon-things > div,.case-content-block > div{
        width:100%;
    }

    .footer .footer-contactform h2{
        font-size: 40px;
    }

    .footer .footer-contactform h6{
        font-size:24px;
    }

    .contact-names{
        flex-direction: column;
    }
    .e-contact-form .contact-names .your-name-block,.e-contact-form .contact-names .your-email-block{
        width:100%;
    }
    .e-contact-form .contact-names .your-name-block{
        margin-bottom: 15px;
    }

    .e-contact-form{
        padding-left: 10px;
        padding-right: 10px;
    }
    .e-contact-form label {
        top:-10px;
    }
    .page-header .inner h1{
        letter-spacing: 0;
        text-align: center;
    }
    .page-header .inner p{
        font-size: 28px;
    }

    .row .header-buttons a{
        font-size:26px;
    }

    .header-buttons a:nth-child(2):after{
        width: 65px;
        height: 65px;
        bottom: -7px;
    }

    .site-navigation .inner ul li{
        font-size: 50px;
    }

    .milestones-block{
        flex-wrap: wrap;
        display: flex;
    }

    .portfolio-post h2{
        font-size:42px;
        width: 100%;
    }

    .portfolio-fonts{
        flex-direction: column;
    }
    .portfolio-fonts h2{
        width:100%;
    }
    .portfolio-fonts > div:nth-child(2){
        width:100%;
    }
    .single-portfolio .mobile-image .vc_column-inner {
        margin-top: -130px!important;
        margin-bottom: -170px!important;
        margin-left: auto!important;
        margin-right: auto !important;
    }
	
	.kandibur-images{
		height:100%;
	}
    .portfolio-footer h2{
        font-size: 45px;
    }



    .text-content-block p{
        font-size:17px;
    }

    .text-content-block p img.wp-image-360{
        bottom:140px;
		    right: 23px;
    width: 60%;
    }

    .e-contact-form .contact-names{
        margin-bottom: 0;
    }

    .e-contact-form .contact-names .your-name-block,.e-contact-form .contact-names .your-email-block,.footer .footer-contactform h2{
        margin-bottom: 30px;
    }

    .page-header .inner p{
        padding-right: 0;
    }

    .page-header .inner {
        padding-left: 35px;
    }

    .works li .caption ul {
        font-size: 22px;
    }

    .works li .caption h3{
        line-height: 1.1;
    }

    .works li figure{
        margin-bottom: 120%;
    }

    .about-cases .case-content p:nth-child(1){
        width:85%;
        margin-bottom: 10px;
    }

    .about-cases p img{
        margin-right: 20px;
        margin-top:9px;
    }

    .milestones{
        margin-bottom: 30px;
    }
    .section-title.text-center{
        padding: 0 12%;
    }
    .section-title h2{
        font-size:45px;
    }

    .e-contact-form .submit-block button{
        z-index: 1;
    }

    .text-content-block p{
        margin-bottom: 0;
    }

    .preloader .inner{
        margin:0 80px 0 0;
    }

    span.bitch{
        margin-right: 70%;
    }

    .icon-block-section .section-title h2{
        font-size: 40px;
    }

    .testimonials-slider .swiper-pagination{
        right: 23px;
        bottom: 8px;
    }

    .fonts-without-pad .portfolio-fonts{
        margin-bottom: -30px;
    }
    .slider .gallery-thumbs .swiper-slide h1{
        font-size:28px;
    }
    .page-header .inner h1{
        font-size:52px;
    }
	.e-contact-form .submit-block button:after{
		right:-10px;
	}
	.e-contact-form .submit-block button:hover:after{
		width:112%;
	}
	.preloader .inner figure img{
		    transform: translateX(1px);
	}
	.preloader .inner {
    
}
	
	.about-cases .case-content p:nth-child(2){
		font-size:17px;
	}
	
	.section-title a{
		font-size:26px;
		font-weight:700;
		font-family:'Oswald',sans-serif;
		
	}
	
	.section-title a:after{
		bottom:-15px;
	}
	
	.portfolio-images.second-image{
		margin-top:-150px;
	}
	.portfolio-color{
		flex-wrap:wrap;
		justify-content:space-evenly;
	}
	
	.page-id-19 main .content-section:nth-child(1){
		padding-bottom:0px;
	}
	
	.testimonials-about .vc_custom_1655724954003{
		margin-top:0!important;
		padding-top:0;
	}
	
	.testimonials-title{
		margin-top:-120px;
	}
	
	.testimonials-about{
		flex-direction:column-reverse;
	}
	
	.mobile-image figure img{
    transform: scale(1.1);
    margin-left: 0px;
	}
	
	.left-side .hamburger{
		margin-top: 225px;
	}
	
	.postid-579 section.content-section:nth-child(1){
		padding-top:60px;
	}
	
	.postid-579 section.content-section{
		padding: 0;
	}
	
	.postid-579 section.content-section:nth-child(1) .portfolio-post,.postid-570 section.content-section:nth-child(1) .portfolio-post{
		margin-bottom:0;
	}
	
	.postid-579 section.content-section figure{
		margin:0;
	}
	
	.identity-block .text-content-block{
		position:initial; 
		padding: 24px;
		width:100%;
	}
	
	.postid-570 .helenbond-sub .section-title{
		    right: 0px;
    top: -78px;
		    width: 100%;
    padding: 12px 30px;
	}
	
	.postid-570 .helenbond-sub.left .section-title{
		left:0;
	}
	
	.helenbond-text p{
		padding-left:0;
		padding-right:0;
	}
	
	.helenbond-text.text-more-left p {
    padding-left: 0px;
    padding-right: 0px;
}
	.switcher .wpml-ls-legacy-list-horizontal ul li:not(.wpml-ls-current-language){
		top: -25px;
    right: 19px;
	}
	
	.postid-579 .page-header .inner h1{
		width:94%;
	}
}