/* Author : Lukáš Fischer - https://lukasf.cz =========================== */
/*
/* Max-width:1200px =========================== */
@media screen and (max-width:1200px){
html{}
.contact_section_01{flex-direction:column;align-items:flex-start;}
.contact_section_01 .wrapper{border-right:unset;}
}
/* Max-width:1100px =========================== */
@media screen and (max-width:1100px){
html{}
/* Global style */
.desktop{display:none;}
.mobile{display:inline-block;}

/* Layout style */
html{}
body{}
.container{width:96%;padding:0 2%;}
.content-page{width:96%;padding:10px 2%;} 
 
/* Header */
header{}
header .container{flex-direction:row-reverse;align-items:center;}
header ul{display:none;}
header .right .phone{display:none;}
header .right > a{display:none;}
/* Nav Mobile Easy */
/* button */
span.button-nav-mobile, .button-nav-mobile-close{float:none;display:inline-block;padding:0;position:relative;top:0px;color:#fff;text-align:center;cursor:pointer;text-transform:uppercase;font-weight:600;letter-spacing:1px;transition: all 0.5s ease;}
span.button-nav-mobile svg{}
span.button-nav-mobile svg line{stroke:#9e005d!important;}
.button-nav-mobile-close svg line{stroke:#9e005d!important;}
/* Close Button */
.nav-mobile-easy > ul > li:first-of-type{padding:10px 20px 10px;text-align:left;}
.navMobileClose{visibility:hidden;cursor:pointer;display:inline-block;padding:10px 20px 10px 40px;font-size:18px;text-align:center;text-transform:uppercase;font-weight:300;letter-spacing:1px;color:#fff;background:url(../img/icon-close-nav-mobile.png) #00222C no-repeat 15px 50%;}
/* Navigation */
.clone{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;background:rgb(0 34 44 / 50%);z-index:10;}
.nav-mobile-easy{position:absolute;width:100%;margin:0 0 0 0%;right:-100%;background:rgb(26 23 27 / 95%);}
.nav-mobile-easy > ul{list-style:none;width:100%;text-align:left;padding:60px 0 20px;}
.nav-mobile-easy > ul > li{display:block;padding:0 20px;}
.nav-mobile-easy > ul > li a{display:block;max-width:75%;font-size:20px;font-weight:300;padding:8px 0 8px;margin:0;text-decoration:none;color:#fff;letter-spacing:0.031em;border-bottom:solid 1px rgb(176 48 123);}
.nav-mobile-easy > ul > li:last-child a{border:none;}
/**/
.nav-mobile-easy .right{display:block;padding:10px 20px 30px;text-align:left;}
.nav-mobile-easy .right > a{display:inline-block;width:44px;height:44px;line-height:44px;margin:0 0 0 4px;text-align:center;font-size:18px;text-decoration:none;color:#fff;background:unset;border:solid 1px #b0307b;transition:all .25s ease;}
.nav-mobile-easy .right > a svg{display:inline-block;height:52%;width:auto;margin:24% 0;}
.nav-mobile-easy .right > a svg path{fill:#fff;transition:all .25s ease;}
.nav-mobile-easy .right > a:hover svg path{fill:#fff;}
/**/
.nav-mobile-easy .right .phone{float:none;padding:10px 25px 10px 0;margin-top:10px;font-size:16px;color:#fff;border-left:unset;}
.nav-mobile-easy .right .phone span{font-size:16px;margin-bottom:4px;}
.nav-mobile-easy .right .phone a{letter-spacing:0px;color:#fff;}
.nav-mobile-easy .right .phone a strong{color:#fff;}
/*    */
/* Content */
}

/* Max-width: 959px =========================== */
@media screen and (max-width:959px){
body{}
.template__Content h1{font-size:34px;line-height:40px;font-weight:700;color:#9e005d;}
/**/
.referenceHeadPanel .left, .referenceHeadPanel .right{float:none;}
.referenceHeadPanel .left .button, .referenceHeadPanel .right .button{margin:0 4px 4px 0;}
/**/
.bl__1 div:nth-child(1), .bl__1 div:nth-child(1) h2{font-size:28px;}
.bl__1 div:nth-child(2), .bl__1 div:nth-child(2) h2{font-size:40px;}
/**/
.blockType__01{padding:70px 0;display:flex;flex-direction:column;align-items:center;}
.blockType__01 .wrapper{padding:0 6%;}
.blockType__01 .wrapper.a-right{text-align:left;}
.blockType__01 .wrapper.a-right p{text-align:left;}
.blockType__01 .wrapper.iframe{text-align:left;}
/**/
.template__Content h2{font-size:30px;text-align:left;}
.template__Content h3{font-size:24px;}
.contact_section_01 .wrapper{padding:0 6%;}
.contact_section_01 .contact table td strong {font-size:30px;}
/**/
.template__Content.fullWidthTitle{padding:0 6%;}
}

/* Max-width:768px =========================== */
@media screen and (max-width:768px){
body{}
/* bl__1 */
.bl__1{padding: 135px 0 30px;}
.bl__1 div:nth-child(1){margin-bottom:20px;}
.bl__1 div:nth-child(1), .bl__1 div:nth-child(1) h2, .bl__1 div:nth-child(2){font-size:24px;}
.bl__1 hr{margin:20px auto;}
/* hp__bl__2 */
.hp__bl__2 .grid-0{padding:0 0 30px;border-bottom:solid 1px #d5d5d5;}
.hp__bl__2 p{display:none;}
.hp__bl__2 h2{margin:-30px 0 20px;}
.hp__bl__2 .service-sublist{min-height:unset;margin:0 0 18px;}
.hp__bl__2 .service-sublist a{font-size:13px;line-height:16px;}
.services-page{padding:118px 0 32px;}
.services-page h1{font-size:34px;line-height:40px;font-weight:700;color:#9e005d;}
.services-overview{padding:10px 0 0;}
.services-overview .container{display:block;}
.services-overview .grid-0{padding:0 0 30px;border-right:none;border-bottom:solid 1px #d5d5d5;}
.services-overview .grid-0 img{margin-bottom:0;}
.services-overview h2{margin:0 0 18px;}
.services-overview p{display:block;margin:0 0 20px;}
.services-overview .service-sublist{min-height:unset;margin:0 0 18px;}
.services-overview .service-sublist a{font-size:13px;line-height:16px;}
.contact-page{padding:118px 0 44px;}
.contact-page h1{font-size:34px;line-height:40px;font-weight:700;color:#9e005d;}
.contact-page__intro{margin:0 auto 30px;font-size:16px;line-height:25px;}
.contact-page__grid{display:block;border-top:solid 1px #e3e7e7;border-bottom:none;}
.contact-page__panel{min-height:unset;padding:30px 4%;border-right:none;border-bottom:solid 1px #e3e7e7;}
.contact-page__panel h2{font-size:26px;line-height:32px;margin-bottom:20px;}
.contact-page__item{margin-bottom:26px;}
.contact-page__item a{font-size:25px;line-height:32px;}
.contact-page__form{max-width:92%;margin:34px auto 0;padding:34px 0 38px;border:0;}
.contact-page__form strong.title{font-size:28px;line-height:34px;}
.contact-page__form-text{margin-bottom:22px;}
.contact-page__form .form .text,
.contact-page__form .form textarea{font-size:15px;}
.default-page{padding:118px 0 44px;}
.default-page h1{font-size:34px;line-height:40px;font-weight:700;color:#9e005d;}
.textContent_page h1,
.service-template-section-01 h1,
.reference-template-section-00 h1,
.refernceTopArea .titleArea h1{font-size:34px;line-height:40px;font-weight:700;color:#9e005d;}
/* referenceArea__1 */
.referenceArea__1 > div > a:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#efefef;z-index:9;}
/* referenceLogoArea__1 */
.referenceLogoArea__1 .wrapper a{width:100px;line-height:100px;}
.referenceLogoArea__1 .wrapper a img{max-width:90px;}
/* footer */
footer .number{margin-bottom:40px;}
footer.footer-services-page{padding-top:38px;}
footer.footer-services-page #footer{display:block;}
footer.footer-services-page .grid-5{width:100%;float:none;margin-bottom:32px;}
footer.footer-services-page .wrapper{padding:0 4%;}
footer.footer-services-page .footerService ul{gap:7px;margin-bottom:20px;}
footer.footer-services-page .footerService ul li a,
footer.footer-services-page .footerService ul li:last-child a{font-size:13px;line-height:16px;}
/**/
.reference_Theme h1{font-size:34px;line-height:40px;font-weight:700;color:#9e005d;}
.reference_Theme h1 span{font-size:34px;line-height:40px;font-weight:700;color:#9e005d;}
/**/
.reference_Grid a .desc{margin:-15px 0 0;}

}

/* Max-width:767px =========================== */
@media screen and (max-width:767px){
body{}
/**/
strong.title{font-size:30px;}
}

/* Max-width:590px =========================== */
@media screen and (max-width:590px){
body{}
.referenceHeadPanel .right .button:nth-child(2), .referenceHeadPanel .right .button:nth-child(3){display:none;}
}

/* Max-width:480px =========================== */
@media screen and (max-width:480px){
body{}
/**/
span.button-nav-mobile{padding:15px 8px;margin-right:0;}
/**/
.bl__1 div:nth-child(1), .bl__1 div:nth-child(1) h2, .bl__1 div:nth-child(2){font-size:24px;}
.bl__1 p{font-size:18px;margin:0 0 24px;}
}

/* Homepage responsive refinements =========================== */
@media screen and (max-width:1100px){
section.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;}
section.project-grid .item,
section.project-grid .item.a,
section.project-grid .item.b,
section.project-grid .item.c,
section.project-grid .item.d,
section.project-grid .item.e,
section.project-grid .item.f{grid-column:auto;grid-row:auto;min-height:320px;}
section.project-grid .item.a,
section.project-grid .item.b{grid-column:1 / -1;min-height:360px;}
section.project-grid .content{right:0;bottom:0;padding:32px;background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.72) 100%);}
section.project-grid .content h3{margin:0 0 14px;font-size:30px;line-height:36px;}
section.project-grid .content p{margin:0 0 18px;font-size:15px;line-height:22px;}
section.project-grid .content span.button{height:auto;line-height:18px;padding:13px 18px;font-size:13px;}
}

@media screen and (max-width:900px){
.local-nav{padding:24px 0;}
.local-nav ul{flex-wrap:wrap;gap:10px;padding:0;margin:0;}
.local-nav ul li{display:block;}
.local-nav ul a{padding:11px 14px;font-size:12px;line-height:16px;text-align:center;}
/**/
.cta-section{padding:42px 0;}
.cta-section .flex-area{display:block;max-width:92%;text-align:center;}
.cta-section .flex-area > div,
.cta-section .flex-area > div:last-child{display:block;}
.cta-section h3{margin:0 0 16px;font-size:28px;line-height:34px;text-align:center;}
.cta-section p{margin:0 0 24px;font-size:17px;line-height:25px;text-align:center;}
.cta-section .button{max-width:100%;white-space:normal;}
/**/
.pricelist-section{padding:42px 0;}
.pricelist-section > .container > p{margin:0 auto 28px;max-width:680px;font-size:15px;line-height:24px;}
.pricelist-section .grid-area{display:grid;grid-template-columns:1fr;gap:18px;}
.pricelist-section .list,
.pricelist-section .list:nth-child(2){margin:0;padding:0;}
.pricelist-section .list .wrapper{padding:30px 24px;}
.pricelist-section .list p{display:block;font-size:15px;line-height:24px;}
.pricelist-section .list h4{font-size:20px;line-height:26px;}
.hp-faq-section{padding:42px 0;}
.hp-faq-section strong.title{margin-bottom:26px;}
.hp-faq-section .faq-grid{grid-template-columns:1fr 1fr;gap:14px;}
.hp-faq-section .faq-item{padding:24px;}
.hp-faq-section .faq-item h3{font-size:20px;line-height:27px;}
.hp-faq-section .faq-item p{font-size:14px;line-height:23px;}
.about-us-section{padding:42px 0;}
.about-us-section .grid-area{display:block;}
.about-us-section .grid-area > div{margin:0 0 38px;}
.about-us-section .grid-area > div:last-child{margin-bottom:0;}
.about-us-section .flex-area{display:block;}
.about-us-section .flex-area > div{display:block;}
.about-us-section .flex-area img{max-width:420px;margin:0 auto 24px;}
.reviews-wrapper{padding-top:24px;}
.reviews-carousel .review .wrapper{margin:0;}
.reviews-carousel .review .wrapper .content{padding:24px;border-radius:8px;}
.reviews-carousel .slick-arrow{top:-24px;}
/**/
.small-cta-area{margin:40px 0 0;}
.small-cta-area .wrapper{box-sizing:border-box;width:100%;max-width:92%;padding:38px 28px;}
.small-cta-area .wrapper h2{font-size:28px;line-height:34px;}
}

@media screen and (max-width:768px){
.bl__1{padding:118px 0 42px;}
.bl__1 h1{margin:0 0 24px;font-size:38px;line-height:46px;}
.bl__1 h2{margin:0 0 24px;font-size:19px;line-height:29px;}
.bl__1 h3{margin:0 0 26px;font-size:17px;line-height:25px;}
.bl__1 a.button{height:auto;line-height:18px;padding:15px 18px;white-space:normal;}
/**/
.hp__bl__2{padding:34px 0 24px;}
.hp__bl__2 strong.title{margin-bottom:24px;}
.hp__bl__2 .grid-0{margin-bottom:28px;padding:0 0 28px;}
.hp__bl__2 .grid-0:last-child{margin-bottom:0;}
.hp__bl__2 .grid-0 img{max-width:92px;height:auto;margin-bottom:6px;}
.hp__bl__2 h2{margin:0 0 16px;font-size:21px;line-height:27px;}
.hp__bl__2 h2 strong{font-size:30px;line-height:36px;}
.hp__bl__2 p{display:block;margin:0 0 18px;font-size:15px;line-height:24px;}
.hp__bl__2 .button{white-space:normal;}
/**/
.form-section{padding:42px 0;}
.form-section .sub-text{font-size:15px;line-height:24px;}
.form-section .form{max-width:92%;}
}

@media screen and (max-width:560px){
strong.title{font-size:28px;line-height:34px;}
strong.title em{font-size:20px;line-height:28px;}
.local-nav ul{display:grid;grid-template-columns:1fr;gap:8px;}
.local-nav ul a{display:block;}
/**/
section.project-grid{grid-template-columns:1fr;}
section.project-grid .item,
section.project-grid .item.a,
section.project-grid .item.b{min-height:300px;}
section.project-grid .content{padding:24px;}
section.project-grid .content h3{font-size:26px;line-height:31px;}
section.project-grid .content p{font-size:14px;line-height:21px;}
/**/
.pricelist-section .list .wrapper{padding:26px 20px;}
.pricelist-section .list h3{font-size:22px;line-height:28px;}
.pricelist-section .list h4{font-size:18px;line-height:25px;}
.hp-faq-section .faq-grid{grid-template-columns:1fr;}
.hp-faq-section .faq-item{padding:22px 20px;}
.small-cta-area .wrapper{max-width:100%;padding:32px 20px;}
.small-cta-area .wrapper h3{font-size:24px;line-height:30px;}
.small-cta-area .wrapper h2{font-size:24px;line-height:30px;}
}

@media screen and (max-width:420px){
.bl__1 h1{font-size:32px;line-height:39px;}
.bl__1 h2{font-size:17px;line-height:26px;}
.hp__bl__2 h2 strong{font-size:26px;line-height:32px;}
.hp__bl__2 .service-sublist{gap:6px;}
.hp__bl__2 .service-sublist a{padding:7px 9px;font-size:12px;}
section.project-grid .item,
section.project-grid .item.a,
section.project-grid .item.b{min-height:280px;}
}