/*
Theme Name: Nanook
Theme URI: www.nanook.co.il
Description: Puenta Custom Theme
Author: Studio Puenta
Author URI: http://www.puenta.co.il/
Version: 1.0
*/

*{padding:0;margin:0;box-sizing: border-box;direction: rtl;font-family: 'Heebo', sans-serif;}
::selection{
	background-color: rgba(247,202,87,95);
	color: #fff;
}
body::-webkit-scrollbar{width: 0.7em;background-color: transparent;}
body::-webkit-scrollbar-thumb{background-color: #f7ca57;outline: 1px solid slategrey;}
body::-webkit-scrollbar-track{background-color: #2c323a;}
.text-align{text-align: center;}
.py-1{padding: 1rem 0;}
.py-2{padding: 2rem 0;}
.py-3{padding: 3rem 0;}
.py-4{padding: 4rem 0;}
h1,h2,h3,h4,h5,h6{color:#2c323a;letter-spacing: 0; }
p{font-size: 20px;color: #2c323a;}
a{text-decoration: none;}
ul{list-style: none;}
.wrapper{max-width: 1820px;width: 90%;margin: 0 auto;}
.flexwrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
.hidden {display: none;}
img{display: block;}
.wpcf7 .ajax-loader{position: absolute !important;}
header{height: 80px;position: fixed;transition: 0.5s;top: 0;width: 100%;background-color: rgba(255,255,255,.95);z-index: 100;}
header.top{background-color: transparent;}
header .openheader{width: 25%;background-color: rgba(0,0,0,.90);height: 100vh;position: fixed;right: -25%;top: 0;transition: all 0.5s;padding: 2rem;z-index: 1;}
header .openheader.active{right: 0;}
header .openheader button{width: 25px;height: 25px;background: transparent url(//www.nanook.co.il/wp-content/themes/nanook/img/close.svg)no-repeat center right;border: none;font-size: 25px;color: #f7ca57;}
header .openheader nav{margin:45px 0;}
header .openheader nav ul li a{color:#f7ca57;font-size: 22px;font-weight: 300;line-height: 45px;display: block;transition: 0.5s;}
header .openheader nav ul li:hover a{padding-right: 15px;color: #fff;}
header .openheader nav ul li.current-menu-item a{padding-right: 15px;color: #fff;font-weight: 400;}
header .openheader .info{border-bottom: 1px solid #f7ca57;}
header .openheader .info .info-details{width: 37%;}
header .openheader .info .info-details img{width: 100%;margin-bottom: 10px;}
header .openheader .info .info-details p,header .openheader .info .info-details a{color: #f7ca57;font-size: 13px;}
header .openheader .info .info-details .socialwrapper{display: flex;flex-wrap: wrap;justify-content: flex-start;margin-top:3px;padding-bottom: 5px;}
header .openheader .info .info-details .socialwrapper a{width: 35px;height: 35px;margin-left: 7px;} 
header .openheader .info .infoimage{width: 40%;display: flex;flex-direction: column;justify-content: flex-end;}
header .openheader .info .infoimage img{width: 100%;}
header .headerwrapper{display: flex;flex-wrap: wrap;justify-content: space-between;height: 100%;}
header .headerwrapper .mainlogo{width: 230px;display: flex;flex-direction: column;justify-content: center;}
header .headerwrapper .mainlogo img{width: 100%;height: auto;}
header .headerwrapper .middleheader{width: 270px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
header .openmenu{display: flex;flex-direction: column;justify-content: center;}
header .bar1, header .bar2, header .bar3{width: 30px;height: 4px;background-color: #2c323a;margin: 3px auto;transition: 0.4s;display: block;text-align: center;}
header .bar1{margin-top:0px;}
header .headerwrapper .middleheader .buttonclick{display: flex;flex-direction: column;justify-content: center;margin-right: 15px;}
header .headerwrapper .middleheader button{height: 30px;background-color: transparent;display: inline-block;font-size: 20px;border: none;font-weight: 500;color: #2c323a;}
header .headerwrapper .leftheader{display: flex;flex-wrap: wrap;justify-content: flex-end;}
header .headerwrapper .leftheader .phone{margin-left: 15px;display: flex;flex-direction: column;justify-content: center;}
header .phone a{color:#2d333b;font-size:20px;background: #f7ca57 url(//www.nanook.co.il/wp-content/themes/nanook/img/phone.svg)no-repeat left 15px center/20px;display: block;padding: 5px 20px 5px 43px;border-radius: 8px;font-weight: 500;}

main{padding-top: 80px;}
#topsection .maintitle,#topsection .videowrapper{width: 47%;order: 1;}
#topsection .maintitle h1{font-size: 61px;font-weight: 400;line-height: 59px;margin-bottom:10px;}
#topsection .maintitle .opencontact{margin-top: 15px;display: inline-block;background-color: #f7ca57;padding:8px 15px;text-align: center;color: #2c323a;font-size: 25px;font-weight: 500;border: none;cursor: pointer;transition: all 0.3s;border: 3px solid #f7ca57;}
#topsection .maintitle .opencontact:hover{background-color: transparent;margin-top: 10px;}
.ytp-autohide:not(.ytp-mweb-player) .ytp-watermark: hover; {display: none !important;}
.videomask{-webkit-text-fill-color: transparent;width:70%;overflow: hidden;-webkit-mask-box-image: url(//www.nanook.co.il/wp-content/themes/nanook/img/shape.svg) 0 0 0 0%;position: relative;right: 35px;text-align: center;}
.videomask video{height: 360px;}
#topsection .videowrapper{background: url(//www.nanook.co.il/wp-content/themes/nanook/img/Ellipse 2.png)no-repeat right top;background-size: contain;padding: 30px 0;order: 0;}
#mainctegories{overflow: hidden;}
#mainctegories .maincatwrapper .vcat{width: 25%;height: 270px;background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;flex-direction: column;justify-content: center;text-align: center;transition: 0.5s;}
#mainctegories .maincatwrapper .vcat:hover{transform: scale(1.05);box-shadow: 0 0 22px 2px #b8b8b8;}
#mainctegories .maincatwrapper .vcat a{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;align-items: center;}
#mainctegories .maincatwrapper .vcat a span{color: #fff;font-size: 25px;padding: 5px 15px;border-radius: 25px;width: auto;font-weight: 500;}
#mainctegories .maincatwrapper .vcat.animation a span{color: #2c323a;}
#topvideos h2{font-size: 50px;}
.themovieswrapper .filters-button-group{padding: 2rem 0;position: relative;}
.themovieswrapper .filters-button-group ul{position: absolute;right: 0;left: 0;z-index: 500;width: 500px;margin: 0 auto;border: 1px solid #2c323a;background-color: rgba(255,255,255,.90);}
.themovieswrapper .filters-button-group ul li{width: 100%;border-bottom: 1px solid #2c323a;}
.themovieswrapper .filters-button-group ul li.openlist{display: inline-block;height: 35px;padding: 0 30px;line-height: 35px;position: relative;}
.themovieswrapper .filters-button-group ul li.openlist span{width: 35px;height: 35px;position: absolute;left: 0;background-color:#f7ca57;border-right: 1px solid #2c323a;border-bottom: 1px solid #2c323a;}
.themovieswrapper .filters-button-group ul li.openlist span::before{content: "";position: absolute;width:100%;height:100%;top:0;left:0;z-index:0;background: url(//www.nanook.co.il/wp-content/themes/nanook/img/arrow.svg) no-repeat center center/16px;transition: all 0.3s;}
.themovieswrapper .filters-button-group ul.activelist li.openlist span::before{transform: rotate(180deg);}
.themovieswrapper .filters-button-group ul li button{height: 30px;padding: 0 30px;line-height: 30px;font-weight: 400;text-align: center;background-color: transparent;border: none;margin: 0 auto;font-size: 16px;cursor: pointer;transition: all 0.3s;}
.themovieswrapper .filters-button-group ul li button:hover{color: #f7ca57;}
.themovieswrapper .filters-button-group ul li:last-child{border-bottom: none;}

#topvideos .mainprojects{padding: 40px 0;}
#topvideos .mainprojects .project{width: 22%;height: 220px;margin:0 1.5%;position: relative;overflow: hidden;margin-bottom: 30px;}
#topvideos .mainprojects .project .mainarea{position: relative;overflow: hidden;cursor: pointer;height: 100%;}
#topvideos .mainprojects .project .mainarea img{height: 100%;width: auto;display: block;transition: all 0.3s;}
.page-template-diy #topvideos .mainprojects .project .mainarea img{width: 100%;height: auto;}
#topvideos .mainprojects .project:hover .mainarea img{transform: scale(1.1);}
#topvideos .mainprojects .project .mainarea .themascontent{position: absolute;width: 100%;height: 60px;background-color: rgba(255,255,255,.8);bottom: 0;padding: 0 15px;}
#topvideos .mainprojects .project .mainarea .themascontent .textcontent{width:70%;display: flex;flex-direction: column;justify-content: center;}
#topvideos .mainprojects .project .mainarea .themascontent .nanooklogo{width:30%;display: flex;flex-direction: column;justify-content: center;}
#topvideos .mainprojects .project .mainarea .themascontent .textcontent h4{font-size:18px;text-align:right;font-weight: 500;}
#topvideos .mainprojects .project .mainarea .themascontent .textcontent h6{font-size: 16px;text-align:right;font-weight: 400;}
#topvideos .mainprojects .project .mainarea .themascontent .nanooklogo img{width: 100%;height: auto;}
#topvideos .mainprojects .project .popup{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 1200px;width:60%; background-color: transparent;z-index: 1000;}
#topvideos .mainprojects .project .popup iframe{width: 1200px;height: 600px;}
#topvideos .mainprojects .project .popup .closepopup{width: 40px;height: 40px;position: absolute;right: 0;top: -40px;background:#f7ca57 url(//www.nanook.co.il/wp-content/themes/nanook/img/closelight.svg)no-repeat center center/53%;color: #2c323a;text-align: center;line-height: 40px;font-size: 25px;border: none;}
#topvideos .mainprojects .project .popup h4{text-align: right;color: #fff;font-size: 25px;font-weight: 500;}
#topvideos .mainprojects .project .popup p{text-align: right;color: #fff;font-size: 20px;}
#topvideos .mainprojects .project .popup a{color: #f7ca57;text-align: right;text-decoration: underline;display: block;font-size: 20px;}
#topvideos .mainprojects .project .overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(3px);z-index: 5;}
#clientslogos .bx-wrapper,#clientslogos .bx-wrapper .bx-viewport{direction: ltr;box-shadow: none;border: none;background-color: transparent;}

#testimonials{background-color: #f7ca57;margin-top: 40px;max-height: 230px;}
#testimonials .bgimage{padding-top: 100px;width: 200px;text-align: center;}
#testimonials .bgimage img{width: 65%;transform: rotate(-14deg);opacity: .15;}
#testimonials .bx-wrapper,#testimonials .bx-wrapper .bx-viewport{direction: ltr;box-shadow: none;border: none;background-color: transparent;margin-bottom: 0;height: 100%;}
#testimonials .lefttestimonials{width: calc(100% - 200px);}
#testimonials .lefttestimonials img{max-width: 230px;max-height: 172px;}
#testimonials .lefttestimonials .testimonialsdetails{width: calc(100% - 255px);display: flex;flex-direction: column;justify-content: center;margin-right: 25px;text-align: center;}
#testimonials .lefttestimonials .testimonialsdetails p{font-size: 35px;color: #222222;line-height: 35px;}
#testimonials .lefttestimonials .testimonialsdetails h4{font-size: 22px;margin-top: 15px;color: #222222;}
#testimonials .lefttestimonials .testimonialsdetails h4 span{font-weight: 400;margin-right: 15px;}
#testimonials .bx-wrapper .bx-controls-direction a{bottom: 20px;top: auto;width: 20px;height: 20px;}
#testimonials .bx-wrapper .bx-controls-direction a.bx-prev{background: url(//www.nanook.co.il/wp-content/themes/nanook/img/left.svg)no-repeat center center/11px;left: 0;}
#testimonials .bx-wrapper .bx-controls-direction a.bx-next{background: url(//www.nanook.co.il/wp-content/themes/nanook/img/arrow.svg)no-repeat center center/18px;left: 30px;right: auto;transform: rotate(-90deg);}

#specialsits{background: url(//www.nanook.co.il/wp-content/themes/nanook/img/specbg.svg)no-repeat top 25px center/cover;position: relative;z-index: 1;background-attachment: fixed;}
#specialsits::before{content: '';width: 100%;height: 100%;background-color: rgba(255,255,255,0);top: 0;left: 0;position: absolute;z-index: -1;}
#specialsits h2{font-size: 50px;}
#specialsits .specialistwrapper{padding: 3rem 0;justify-content: center;width: 1000px;margin: 0 auto;}
#specialsits .specialistwrapper .thespec{width: 20%;margin: 0 2.5% 50px 2.5%;}
#specialsits .specialistwrapper .thespec .icon{margin-bottom: 10px;}
#specialsits .specialistwrapper .thespec .icon img{width: 75%;margin: 0 auto;}
#specialsits .specialistwrapper .thespec h5{font-size: 25px;line-height: 28px;margin-bottom: 7px;}

#contact{background: #e0ebe9 url(//www.nanook.co.il/wp-content/themes/nanook/img/form_03.jpg)no-repeat center center/cover;height: auto;}
#contact h3{text-align: center;font-size: 30px;margin-bottom: 25px;}
#contact form{width: 640px; margin: 0 auto;padding: 25px 0;}
#contact form p{display: flex;flex-wrap: wrap;justify-content: space-between;}
#contact form label{width: 47%;}
#contact form label input{width: 100%;height: 60px;line-height: 60px;background-color: #fff;border: 2px solid #2c323a;margin-bottom: 14px;padding-right: 7px;direction: rtl;text-align: right;font-size: 20px;}
#contact form input[type=submit],#contact form .recaptcha-btn{width: 47%;height: 60px;line-height: 60px;text-align: center;background-color: #2c323a;color: #fff;font-size: 25px;font-weight: 500;border: none;cursor: pointer;-webkit-appearance: none;}

#banner .flexwrapper{justify-content: flex-start;max-width: 1200px;}
#banner .bannerlogo{display: flex;flex-direction: column;justify-content: center;}
#banner .bannerlogo img{max-width: 200px;}
#banner .bannerimage img{max-width: 400px;display: block;}
#banner .bannercontent{width: 50%;display: flex;flex-direction: column;justify-content: center;}
#banner .bannercontent h3{display: inline-block;width: auto;font-size: 35px;}
#banner .bannercontent p{font-size: 20px;}

#diy .diy-right{width: 50%;display: flex;flex-direction: column;justify-content: center;padding: 0 10%;background-color: #f7ca57;}
#diy .diy-right h3{font-size: 40px;}
#diy .diy-right a{display: inline-block;padding: 0 20px;height: 50px;line-height: 50px;background-color: #fff;color: #2c323a;font-size: 22px;width: 200px;margin: 0 auto;margin-top: 35px;font-weight: 500;transition: all 0.3s;border: 3px solid #fff;}
#diy .diy-right a:hover{background-color: transparent;}
#diy .diy-left{width: 50%;}
#diy .diy-left img{width: 100%;display: block;}
#diy .diy-left iframe{width: 100%;}

#topvideos1 .mainprojects1{padding: 40px 0;}
#topvideos1 .mainprojects1 .project1{width: 22%;height: 220px;margin:0 1.5%;position: relative;overflow: hidden;margin-bottom: 30px;}
#topvideos1 .mainprojects1 .project1 .mainarea{position: relative;overflow: hidden;cursor: pointer;height: 100%;}
#topvideos1 .mainprojects1 .project1 .mainarea img{height: 100%;width: auto;display: block;transition: all 0.3s;}
.page-template-diy #topvideos1 .mainprojects1 .project .mainarea img{width: 100%;height: auto;}
#topvideos1 .mainprojects1 .project1:hover .mainarea img{transform: scale(1.1);}
#topvideos1 .mainprojects1 .project1 .mainarea .themascontent{position: absolute;width: 100%;height: 60px;background-color: rgba(255,255,255,.8);bottom: 0;padding: 0 15px;}
#topvideos1 .mainprojects1 .project1 .mainarea .themascontent .textcontent{width:70%;display: flex;flex-direction: column;justify-content: center;}
#topvideos1 .mainprojects1 .project1 .mainarea .themascontent .nanooklogo{width:30%;display: flex;flex-direction: column;justify-content: center;}
#topvideos1 .mainprojects1 .project1 .mainarea .themascontent .textcontent h4{font-size:18px;text-align:right;font-weight: 500;}
#topvideos1 .mainprojects1 .project1 .mainarea .themascontent .textcontent h6{font-size: 16px;text-align:right;font-weight: 400;}
#topvideos1 .mainprojects1 .project1 .mainarea .themascontent .nanooklogo img{width: 100%;height: auto;}
#topvideos1 .mainprojects1 .project1 .popup{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 1200px;width:60%; background-color: transparent;z-index: 1000;}
#topvideos1 .mainprojects1 .project1 .popup iframe{max-width: 1200px;height: 600px;width: 100%;}
#topvideos1 .mainprojects1 .project1 .popup .closepopup{width: 40px;height: 40px;position: absolute;right: 0;top: -40px;background:#f7ca57 url(//www.nanook.co.il/wp-content/themes/nanook/img/closelight.svg)no-repeat center center/53%;color: #2c323a;text-align: center;line-height: 40px;font-size: 25px;border: none;}
#topvideos1 .mainprojects1 .project1 .popup h4{text-align: right;color: #fff;font-size: 25px;font-weight: 500;}
#topvideos1 .mainprojects1 .project1 .popup p{text-align: right;color: #fff;font-size: 20px;}
#topvideos1 .mainprojects1 .project1 .popup a{color: #f7ca57;text-align: right;text-decoration: underline;display: block;font-size: 20px;}
#topvideos1 .mainprojects1 .project1 .overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(3px);z-index: 5;}

#blog h3{font-size: 50px;}
#blog .blogwrapper{justify-content: center;}
#blog .post{width: 40%;margin: 0 20px;}
#blog .post .image{height: 390px;overflow: hidden;}
#blog .post .image img{width: 100%;display: block;height: auto;transition: all 0.3s;}
#blog .post:hover .image img{transform: scale(1.1);}
.post-details{background: #edf1f9;padding: 1rem;text-align: right;}
.post-details .date{margin-bottom: 8px;}
.post-details h5{font-size: 30px;margin-bottom: 7px;}
.post-details h5 a{color:#2c323a; }
#blog a.readmore{display: inline-block;background-color: #f7ca57;color: #2c323a;padding: 0.5rem 1rem;text-align: center;border: 2px solid #2c323a;font-size: 20px;font-weight: 500;transition: all 0.3s;}
#blog a.readmore:hover{background: transparent;}

.page-template-about .innerpage{position: relative;}
.page-template-about .innerpage .wrapper,.single-post .wrapper,#faq .wrapper{max-width: 1300px;}
.page-template-about .innerpage .wrapper{position: relative;}
.page-template-about h1{padding-bottom: 3rem;}
.page-template-about .bgimag{position: absolute;background: url(//www.nanook.co.il/wp-content/themes/nanook/img/testimonials.svg) no-repeat center center/140px;width: 200px;height: 150px;top: -30px;right: 26%;opacity: .4;transform: rotate(-10deg);}
.page-template-about .innerpage img{width: 100%;margin-top: 10px;height: auto;margin-bottom: 15px;}
.page-template-about .innerpage p{margin-bottom: 22px;text-align: justify;}

.page-template-about #faq h2{font-size:40px;margin-bottom: 25px;}
.page-template-about #faq .faqsinner .faqline h3{background-color: #fbe4ab;height: 70px;line-height: 70px;padding: 0 30px;}
.page-template-about #faq .faqsinner .faqline h3 span{color: #ee6f4c;}
.page-template-about #faq .faqsinner .faqline:nth-child(even) h3{background-color: #f9d781;}
.page-template-about #faq .faqsinner .answer{display: none;padding: 30px;}
.page-template-about #faq .faqsinner .answer h4{color: #60bc68;margin-bottom: 15px;}
.page-template-about #faq .faqsinner .answer p{margin-bottom: 7px;}
.page-template-about #faq .faqsinner .answer.active{display: block;}

.page-template-contact{background:#e0ebe9;}
.page-template-contact .contactpage{position: relative;background: url(//www.nanook.co.il/wp-content/themes/nanook/img/NAN_contact_03.png) no-repeat center bottom;background-size: cover;}
.page-template-contact .contactpage .bgimag{position: absolute;background: url(//www.nanook.co.il/wp-content/themes/nanook/img/testimonials.svg) no-repeat center center/140px;width: 200px;height: 150px;top: -30px;left:36%;opacity: .4;transform: rotate(-10deg);}
.page-template-contact .contactpage .wpcf7{padding-bottom: 120px;}
.page-template-contact .contactpage form{width: 800px;margin: 0 auto;margin-top: 50px;padding-bottom: 130px;}
.page-template-contact .contactpage form p{display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-template-contact .contactpage form p label{width: 48%;}
.page-template-contact .contactpage form p label input{width: 100%;height: 60px;border: 1px solid #2c323a;background-color: #fff;font-size: 18px;padding-right: 7px;line-height: 45px;text-align: right;margin-bottom: 20px;}
.page-template-contact .contactpage form p label select{width: 100%;height: 60px;border: 1px solid #2c323a;background-color: #fff;font-size: 18px;padding-right: 7px;line-height: 45px;text-align: right;margin-bottom: 20px;}
.page-template-contact .contactpage form p input[type=submit],.page-template-contact .contactpage form p .recaptcha-btn{width: 48%;margin: 0 auto;display: block;height: 60px;line-height: 60px;background-color: #2c323a;border: 1px solid #2c323a;color: #fff;text-align: center;font-size: 25px;font-weight: 600;cursor: pointer;transition: 0.3s;}
.page-template-contact .contactpage form p input[type=submit]:hover,.page-template-contact .contactpage form p .recaptcha-btn:hover{background-color: transparent;color:#2c323a; }

.tax-videos_category header,.tax-diycat header{background-color:rgba(40,40,40,.6);}
.tax-videos_category header.top,.tax-diycat header.top{background-color: transparent;}
.tax-videos_category header .openmenu span,.tax-diycat header .openmenu span{background-color: #fff;}
.tax-videos_category header .middleheader button,.tax-diycat header .middleheader button{color: #fff;}
.tax-videos_category main,.tax-diycat main{padding-top: 0;}
.tax-videos_category .innerbanner,.tax-diycat .innerbanner{height: 500px;display: flex;flex-direction: column;justify-content: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 0;background-attachment: fixed;}
.tax-videos_category .innerbanner{height: 500px;}
.tax-videos_category .innerbanner iframe,.tax-diycat .innerbanner iframe{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);}
.tax-videos_category .innerbanner::before,.tax-diycat .innerbanner::before{content: '';width: 100%;height: 100%;background-color: rgba(40,40,40,.6);top: 0;left: 0;position: absolute;z-index: -1;}
.tax-videos_category .mainbanner,.tax-diycat .mainbanner{text-align: center;}
.tax-videos_category h1,.tax-diycat h1{color: #fff;font-size: 35px;font-weight: 500;align-items: center;display: inline-block;margin: 0 auto;}
.tax-videos_category #topvideos .mainprojects .project,.tax-diycat #topvideos .mainprojects .project{height:240px;}
.tax-videos_category #contact h3,.tax-diycat #contact h3{text-align: center;font-size: 30px;margin-bottom: 20px;}

.catbtns{justify-content: center;margin-top: 30px;}
.catbtns a{width: auto;padding: 0 15px;height: 40px;line-height: 40px;background-color: #fff;border: 2px solid #2c323a;color: #2c323a;font-size: 22px;text-align: center;margin: 0 10px;transition: 0.3s;}
.catbtns a:hover,.catbtns a.current{background-color: #f7ca57;}
.mainblog{margin-top: 50px;align-items: flex-start;}
.mainblog aside{width: 30%;border: 1px solid #2c323a;}
.mainblog aside .innerbg{background: #f7ca57;height: 90px;position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.mainblog aside .innerbg img{right: 30px;opacity: .5;height: 60%;position: absolute;transform: rotate(-15deg);}
.mainblog aside .search{position: relative;top: -20px;}
.mainblog aside .search form{width: 90%;margin: 0 auto;position: relative;}
.mainblog aside .search form label{width: 100%;}
.mainblog aside .search form label input{width: 100%;height: 40px;line-height: 40px;background-color: #fff;border: 1px solid #2c323a;padding-right: 7px;}
.mainblog aside .search form input[type=submit]{background: url(//www.nanook.co.il/wp-content/themes/nanook/img/search.svg)no-repeat;width: 20px;height: 20px;position: absolute;border: none;cursor: pointer;top: 9px;left: 10px;}
.mainblog aside .categories{padding: 0 5%;text-align: right;margin-bottom: 20px;}
.mainblog aside .categories h4{font-size: 30px;}
.mainblog aside .categories ul{padding-right: 10px;}
.mainblog aside .categories ul li{border-bottom: 2px solid #e9eaeb;}
.mainblog aside .categories ul li a{color: #95989c;line-height: 50px;display: block;transition: 0.3s;}
.mainblog aside .categories ul li a:hover{color: #ee6f4c;padding-right: 7px;}
.mainblog aside .recentposts{padding: 0 5%;text-align: right;}
.mainblog aside .recentposts h4{font-size: 30px;}
.mainblog aside .recentposts .footer-post-left h6,.mainblog aside .recentposts .footer-post-left h6 a{color: #2c323a;font-size: 20px;}
.mainblog aside .recentposts .footer-post-left .date span{color: #ee6f4c;font-size: 16px;}
.mainblog aside .blogsidebanner{padding: 0 5%;text-align: right;margin-top: 25px;}
.mainblog aside .blogsidebanner .blogbanner{width: 100%;margin-bottom: 20px;}
.mainblog aside .blogsidebanner .blogbanner h6{font-size: 25px;}
.mainblog aside .blogsidebanner .blogbanner a img{width: 100%;}

.mainblog .mainblogposts{width: 67%;}
.mainblog .mainblogposts .mainpost{width: 48%;margin-bottom: 40px;}
.mainblog .mainblogposts .mainpost .image{height:311px;}
.mainblog .mainblogposts .mainpost .image a{width: 100%;height: 100%;display: block;overflow: hidden;object-fit: cover;}
.mainblog .mainblogposts .mainpost .image img{width: 100%;height: auto;transition: 0.3s;}
.mainblog .mainblogposts .mainpost:hover .image a img{transform: scale(1.1);}


.page-template-blog .mainblog .mainblogposts .pagination{display: flex;width: 100%;flex-wrap: wrap;justify-content: center;}
.page-template-blog .mainblog .mainblogposts .pagination a{height: 50px;background-color: #f7ca57;border: 2px solid #2c323a;color: #2c323a;text-align: center;line-height: 50px;font-weight: 600;margin-right: 15px;padding: 0 15px;transition: 0.3s;display: block;}

.single .single-post img{width: 100%;display: block;margin-bottom: 15px;height: auto;}
.single .single-post p{margin-bottom: 22px;}
.single .single-post p iframe,.single .single-post p object,.single .single-post p embed{width: 100%;height: 600px;}
.single .single-bottom{margin-top: 30px;}
.single .single-bottom .innerbg img{width: 220px;transform: rotate(-15deg);opacity: .15;}
.single .single-bottom .paginationtop{display: flex;flex-direction: column;justify-content: center;}
.single .single-bottom .paginationtop nav.pagination ul{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.single .single-bottom .paginationtop nav.pagination ul li a{height: 50px;background-color: #f7ca57;border: 2px solid #2c323a;color: #2c323a;text-align: center;line-height: 50px;font-weight: 600;margin-right: 15px;padding: 0 15px;transition: 0.3s;display: block;}
.single .single-bottom .paginationtop nav.pagination ul li a:hover{background-color: transparent;}
.single .samecatposts h2{text-align: center;font-size: 50px;margin-bottom: 20px;}
.single .samecatposts .mainblogposts{justify-content: flex-start;}
.single .samecatposts .mainblogposts .mainpost{width: 30%;margin-left: 3%;}
.single .samecatposts .mainblogposts .mainpost .image{height: 290px;overflow: hidden;}
.single .samecatposts .mainblogposts .mainpost .image a{width: 100%;height: 100%;display: block;overflow: hidden;object-fit: cover;}
.single .samecatposts .mainblogposts .mainpost .image a img{width: 100%;height: auto;transition: 0.3s;}
.single .samecatposts .mainblogposts .mainpost:hover .image a img{transform: scale(1.1);}

.tax-videos_category .samecatposts h4{text-align: center;font-size: 50px;margin-bottom: 20px;}
.tax-videos_category .samecatposts .mainblogposts{justify-content: flex-start;}
.tax-videos_category .samecatposts .mainblogposts .mainpost{width: 30%;margin-left: 3%;}
.tax-videos_category .samecatposts .mainblogposts .mainpost .image{height: 290px;overflow: hidden;}
.tax-videos_category .samecatposts .mainblogposts .mainpost .image a{width: 100%;height: 100%;display: block;overflow: hidden;object-fit: cover;}
.tax-videos_category .samecatposts .mainblogposts .mainpost .image a img{width: 100%;height: auto;transition: 0.3s;}
.tax-videos_category .samecatposts .mainblogposts .mainpost:hover .image a img{transform: scale(1.1);}

.tax-diycat .samecatposts h4{text-align: center;font-size: 50px;margin-bottom: 20px;}
.tax-diycat .samecatposts .mainblogposts{justify-content: flex-start;}
.tax-diycat .samecatposts .mainblogposts .mainpost{width: 30%;margin-left: 3%;}
.tax-diycat .samecatposts .mainblogposts .mainpost .image{height: 290px;overflow: hidden;}
.tax-diycat .samecatposts .mainblogposts .mainpost .image a{width: 100%;height: 100%;display: block;overflow: hidden;object-fit: cover;}
.tax-diycat .samecatposts .mainblogposts .mainpost .image a img{width: 100%;height: auto;transition: 0.3s;}
.tax-diycat .samecatposts .mainblogposts .mainpost:hover .image a img{transform: scale(1.1);}


.page-template-diy #mainctegories .maincatwrapper .vcat{width: 25%;height: 270px;background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;flex-direction: column;justify-content: center;text-align: center;transition: 0.5s;}
.page-template-diy #mainctegories .maincatwrapper .vcat:hover{transform: scale(1.05);box-shadow: 0 0 22px 2px #b8b8b8;}
.page-template-diy #mainctegories .maincatwrapper .vcat a{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;align-items: center;}
.page-template-diy #mainctegories .maincatwrapper .vcat a span{color: #fff;font-size: 25px;padding: 5px 15px;border-radius: 25px;width: auto;font-weight: 500;background-color:#de7959 ;}
.page-template-diy #mainctegories .maincatwrapper .vcat.animation a span{color: #2c323a;}

.page-template-thanks .thankswrapper{max-width:780px;margin: 40px auto;background-color: #f7ca57;}
.page-template-thanks .thankswrapper .image{width: 40%;}
.page-template-thanks .thankswrapper .thanks-dtls{width: 60%;text-align: center;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.page-template-thanks .thankswrapper .thanks-dtls .bgimage{max-width: 130px;text-align: center;margin: 0 auto;margin-bottom: 10px;}
.page-template-thanks .thankswrapper .thanks-dtls .bgimage img{width: 100%;opacity: 0.2;display: block;transform: rotate(-10deg);}

footer#footer{background: #222222;}
footer#footer .wrapper.flexwrapper{max-width: 1250px;}
footer#footer .one-forth{width: 23%;}
footer#footer .one-forth h4{color: #f7ca57;font-size: 25px;font-weight: 500;margin-bottom: 10px;}
footer#footer .one-forth p,footer#footer .one-forth a{color: #f7ca57;font-size: 16px;}
footer#footer .one-forth a{display: block;overflow: hidden;}
footer#footer .one-forth .socialwrapper{display: flex;flex-wrap: wrap;justify-content: flex-start;margin-top: 10px;}
footer#footer .one-forth .socialwrapper a{width: 35px;height: 35px;margin-left: 7px;}
.footerpostwrapper .footerpost {justify-content: flex-start;margin-bottom: 10px;}
.footerpostwrapper .footerpost .footer-post-image{width: 18%;margin-left: 10px;}
.footerpostwrapper .footerpost .footer-post-image a{overflow: hidden;display: block;}
.footerpostwrapper .footerpost .footer-post-image img{width: auto;display: block;height: 50px;}
.footerpostwrapper .footerpost .footer-post-left{width: 78%;}
.footerpostwrapper .footerpost .footer-post-left h6{font-weight: 500;color: #fff;}
.footerpostwrapper .footerpost .footer-post-left h6 a{color: #fff;}
.footerpostwrapper .footerpost .footer-post-left .date span{color: #fff;}
footer#footer .one-forth form label input{height: 45px;width: 100%;border: none;background-color: #fff;line-height: 45px;padding-right: 7px;}
footer#footer .one-forth form input[type=submit]{background-color: #f7ca57;height: 45px;line-height: 45px;text-align: center;color: #222;border: none;width: 100%;display: block;cursor: pointer;margin-top: 10px;font-size: 22px;font-weight: 500;-webkit-appearance: none;}
.credit{background-color: #222222;}
.credit h6{color: #fff;font-size: 13px;font-weight: 300;direction: rtl;}

.opencontactpopup{width: 800px;position: fixed;top: 22%;left:0;right: 0;background: #fff;margin: 0 auto;z-index: 1000;padding: 2rem;}
.opencontactpopup .nanooklogo{width: 100%;text-align: left;display: flex;flex-wrap: wrap;justify-content: flex-end;margin-bottom: 10px;}
.opencontactpopup .nanooklogo img{width: 160px;height: auto;}
.opencontactpopup .innerpopup{background-color: #f7ca57;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 2rem;}
.opencontactpopup .innerpopup .empty{width: 50%;}
.opencontactpopup .innerpopup .popupform{width: 48%;}
.opencontactpopup .innerpopup .popupform h4{color: #d20a0c;font-size: 30px;text-align: center;}
.opencontactpopup .innerpopup .popupform p{color: #2c323a;font-size: 30px;text-align: center;font-weight: 600;line-height: 40px;}
.opencontactpopup .innerpopup .popupform form label{width: 100%;}
.opencontactpopup .innerpopup .popupform form label input{width: 100%;margin-bottom: 15px;height: 40px;background-color: #fff;border: 2px solid #2c323a;padding-right: 7px;font-size: 16px;text-align: right;}
.opencontactpopup .innerpopup .popupform form input[type=submit]{display: block;background-color: #2c323a;height: 40px;border: none;text-align: center;color: #fff;font-size: 25px;width: 100%;}
.opencontactpopup .asaf{position: absolute;right: 40px;bottom: 0;width: 40%;background: url(//www.nanook.co.il/wp-content/themes/nanook/img/asafm.png)no-repeat right bottom/270px;height: 100%;}
.opencontactpopup .closepopupmain{width: 40px;height: 40px;position: absolute;right: 0;top:0px;background-color: #f7ca57;color: #2c323a;text-align: center;line-height: 40px;font-size: 25px;border: none;z-index: 10000;cursor: pointer;}
.popupoverlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(3px);z-index: 5;}
.mobilefooter{display: none;position: fixed;bottom: 0;width: 100%;height: 40px;}
.mobilefooter a{display: none;}
.mobilefooter a.wsup{background-image: url(//www.nanook.co.il/wp-content/themes/nanook/img/wsup.svg);}
.mobilefooter a.footertel{background-image: url(//www.nanook.co.il/wp-content/themes/nanook/img/phone.svg);}

.search-results .searchbox{width: 30%;margin-bottom: 30px;}
.search-results .searchbox .image{height: 311px;}
.search-results .searchbox .image a{width: 100%;height: 100%;display: block;overflow: hidden;object-fit: cover;}
.search-results .searchbox .image a img{width: 100%;height: auto;transition: 0.3s;}
.search-results .searchbox .image:hover a img{transform: scale(1.1);}
.search-results .searchbox .title h5{font-size:22px;}
.search-results .searchbox .title h5 a{color: #2c323a;}



@media screen and (min-width:1441px) and (max-width:1600px) {
	header .openheader nav ul li a{font-size: 18px;line-height: 38px}
	#topvideos .mainprojects .project,#topvideos1 .mainprojects1 .project1{height: 190px;}
}
@media screen and (min-width:1280px) and (max-width:1440px) {
	header .openheader nav ul li a{font-size: 18px;line-height: 38px}
	#mainctegories .maincatwrapper .vcat{height: 200px;}
	#topvideos .mainprojects .project,#topvideos1 .mainprojects1 .project1{height: 170px;}
}
@media screen and (min-width:1025px) and (max-width:1279px) {
	header .openheader nav ul li a{font-size: 18px;line-height: 38px}
	#mainctegories .maincatwrapper .vcat{height: 250px;}
	#topvideos .mainprojects .project .popup,#topvideos1 .mainprojects1 .project1 .popup{width: 90%;}
	#topvideos .mainprojects .project .popup iframe,#topvideos1 .mainprojects1 .project1 .popup iframe{width: 100%;height: 520px;}
	#specialsits .specialistwrapper{width: 90%;}
	#banner .bannercontent{width: 44%;}
	#topvideos .mainprojects .project,#topvideos1 .mainprojects1 .project1{height: 150px;}
	.tax-videos_category .innerbanner{height: 330px;}
}
@media screen and (min-width:769px) and (max-width:1024px) {
	header .openheader nav ul li a{font-size: 18px;line-height: 38px}
	header .openheader{width: 45%;right: -45%;}
	#mainctegories .maincatwrapper .vcat{height: 190px;}
	#topvideos .mainprojects .project{height: 130px;}
	#specialsits .specialistwrapper{width: 90%;}
	#banner .bannercontent{width: 34%;}
	#diy .diy-left{overflow: hidden;}
	#topvideos .mainprojects .project .popup,#topvideos1 .mainprojects1 .project1 .popup{width: 90%;}
	#topvideos .mainprojects .project .popup iframe,#topvideos1 .mainprojects1 .project1 .popup iframe{width: 100%;height: 520px;}
	.tax-videos_category .innerbanner{height: 290px;}
}
@media screen and (min-width:461px) and (max-width:768px) {

	header .headerwrapper .middleheader{width: 260px;}
	header .openheader{width: 65%;right: -65%;}
	#topsection .maintitle h1{font-size: 35px;line-height: 44px;}
	#topsection .videowrapper{background-position: center center;}
	.videomask{width: 100%;right: 0;}
	.videomask video{width: 100%;height: 270px;}
	#specialsits .specialistwrapper{width: 90%;}
	#specialsits .specialistwrapper .thespec{width: 45%;}
	.page-template-diy #mainctegories .maincatwrapper .vcat,.home #mainctegories .maincatwrapper .vcat{width: 50%;}
	.themovieswrapper .filters-button-group ul{z-index: 0;}
	#topvideos .mainprojects .project,#topvideos1 .mainprojects1 .project1{width: 47%;}
	#testimonials .bgimage{width: 15%;}
	#testimonials .lefttestimonials{width: 84%;}
	#testimonials .lefttestimonials img{width: 30%;}
	#testimonials .lefttestimonials .testimonialsdetails{width: 68%;margin-right: 10px;}
	#testimonials .lefttestimonials .testimonialsdetails p{font-size: 26px;line-height: 29px;}
	#specialsits h2{font-size: 35px;}
	#specialsits .specialistwrapper .thespec .icon img{width: 55%;}
	#banner .bannerlogo{width: 30%;}
	#banner .bannerimage{width: 30%;}
	#banner .bannerimage img{width: 100%;height: 100%;}
	#banner .bannercontent{width: 40%;}
	#banner .bannercontent h3{font-size: 23px;}
	#diy .diy-right{padding: 1% 5%;}
	#diy .diy-left{overflow: hidden;}
	#diy .diy-left img{height: 100%;width: auto;align-items: center;}
	#blog .post .image{height: 170px;}
	footer#footer .one-forth{width: 100%;text-align: center;margin-bottom: 30px;}
	footer#footer .one-forth .socialwrapper{justify-content: center;}
	.footerpostwrapper .footerpost{justify-content: center;}
	footer#footer .one-forth form{width: 60%;margin: 0 auto;}
	footer#footer .one-forth img{width: 60%;margin: 0 auto;}
	.opencontactpopup{width: 100%;}
	#topvideos .mainprojects .project .popup,#topvideos1 .mainprojects1 .project1 .popup{width: 90%;}
	#topvideos .mainprojects .project .popup iframe,#topvideos1 .mainprojects1 .project1 .popup iframe{width: 100%;height:430px;}
	.page-template-contact .contactpage form{width: 100%;}
}
@media screen and (max-width:460px){
	p{font-size: 18px;}
	header .openheader{width: 100%;right: -100%;}
	header .headerwrapper .middleheader{width: 30%;}
	header .headerwrapper .phone{width: 53%;}
	header .headerwrapper .phone a{font-size: 14px;background-position: left 10px center;padding: 5px 10px 5px 25px;}
	header .headerwrapper .mainlogo{width: 39%;}	
	header .openheader nav{margin: 25px 0;}
	header .openheader nav ul li a{font-size: 18px;line-height: 33px;}
	header .headerwrapper .leftheader{width: 70%;}
	#topsection .maintitle h1{font-size: 35px;line-height: 39px;}
	#topsection .maintitle, #topsection .videowrapper{width: 100%;}
	#topsection .videowrapper{background-position: bottom center;padding: 40px 0;}
	#topsection .maintitle button{margin-bottom: 15px;}
	.videomask{width: 100%;right: 0px;-webkit-mask-box-image: unset;}
	.videomask video{height: 190px;width: 90%;}
	#mainctegories .maincatwrapper{flex-direction: column-reverse;}
	#mainctegories .maincatwrapper .vcat{width: 100%;height: 210px;margin-bottom: 5px;}
	.page-template-diy #mainctegories .maincatwrapper .vcat{width: 100%;height: 210px;margin-bottom: 5px;}
	.page-template-diy #mainctegories .maincatwrapper .vcat a span{font-size: 20px;}
	#topvideos{padding: 10px 0;}
	#topvideos h2{font-size: 26px;}
	#topvideos .themovieswrapper .filters-button-group ul{width: 90%;z-index: 1;}
	#topvideos .mainprojects{padding: 20px 0;}
	#topvideos .mainprojects .project{width: 100%;height: 200px;}
	#topvideos1 .mainprojects1 .project1{width: 100%;height: 200px;}
	#topvideos1 .themovieswrapper .filters-button-group ul{width: 90%;z-index: 1;}
	#testimonials .bgimage{width: 100%;padding-top:0px;order: 2;margin-top: -55px;}
	#testimonials .bgimage img{width: 30%;margin: 0 auto;}
	#testimonials .lefttestimonials{width: 100%;}
	#testimonials .lefttestimonials img{width: 25%;}
	#testimonials .lefttestimonials .testimonial{margin-top: 10px;align-items: flex-start;}
	#testimonials .lefttestimonials .testimonialsdetails{width: 71%;margin-right: 10px;}	
	#testimonials .lefttestimonials .testimonialsdetails p{font-size: 19px;line-height: 23px;}
	#testimonials .lefttestimonials .testimonialsdetails h4{font-size: 16px;margin-top: 0;}
	#testimonials .bx-wrapper .bx-controls-direction a.bx-prev{left: auto;right: 20px;}
	#testimonials .bx-wrapper .bx-controls-direction a.bx-next{left: auto;right: 0;}
	#testimonials .bx-wrapper, #testimonials .bx-wrapper .bx-viewport{height: auto !important;}
	#specialsits h2{font-size: 26px;}
	#specialsits .specialistwrapper{width: 100%;padding: 1rem 0;}
	#specialsits .specialistwrapper .thespec{width: 45%;margin-bottom: 30px;}
	#specialsits .specialistwrapper .thespec h5{font-size: 19px;}
	#specialsits .specialistwrapper .thespec p{font-size: 17px;}
	#contact form{width: 80%;}
	#contact form label{width: 100%;}
	#contact form input[type=submit]{width: 100%;}
	#banner .bannerlogo{width: 40%;}
	#banner .bannerimage{width: 60%;}
	#banner .bannerimage img{width: 100%;height: auto;}
	#banner .bannercontent{width: 100%;}
	#banner .bannercontent h3{font-size: 24px;}
	#diy{margin-top: 20px;}
	#diy .diy-right{width: 100%;padding: 25px;}
	#diy .diy-right h3{font-size: 26px;}
	#diy .diy-left{width: 100%;}
	#blog{padding: 1rem 0;}
	#blog h3{font-size: 26px;}
	#blog .post{width: 100%;margin-bottom: 20px;}
	#blog .post .image{height: 190px;}
	.post-details h5{font-size: 26px;}
	footer#footer .one-forth{width: 100%;margin-bottom: 25px;text-align: center;}
	footer#footer .one-forth:nth-child(1),footer#footer .one-forth:nth-child(2){width: 48%;text-align: right;order: 1;}
	footer#footer .one-forth .socialwrapper{justify-content: flex-start;}
	.footerpostwrapper .footerpost{justify-content: flex-start;}
	.footerpostwrapper .footerpost .footer-post-image{width: 31%;}
	footer#footer .one-forth:nth-child(3){order: 2;}
	footer#footer .one-forth:nth-child(4){order: 0;}
	footer#footer .one-forth:nth-child(4) img{width: 50%;margin: 0 auto;}

	.opencontactpopup{width: 100%;top: 115px;display: none;}
	.opencontactpopup .innerpopup{padding: 1rem;}
	.opencontactpopup .innerpopup .empty{width: 30%;}
	.opencontactpopup .innerpopup .popupform{width: 68%;}
	.opencontactpopup .innerpopup .popupform h4{font-size: 22px;}
	.opencontactpopup .innerpopup .popupform p{font-size: 18px;line-height: 27px;}
	.opencontactpopup .asaf{background: url(//www.nanook.co.il/wp-content/themes/nanook/img/asafm.png)no-repeat right bottom/180px;}
	#topvideos .mainprojects .project .popup{width: 100%;}
	#topvideos .mainprojects .project .popup iframe{width: 100%;height: 200px;}
	#topvideos .mainprojects .project .popup h4{font-size: 20px;padding-right: 10px;}
	#topvideos .mainprojects .project .popup p{font-size: 17px;padding-right: 10px;}
	#topvideos .mainprojects .project .popup a{font-size: 17px;padding-right: 10px;}

	.page-template-about h1{padding-bottom:0;}
	.page-template-about .bgimag{position: relative;width: 140px;height: 70px;top: 5px;right: 0;}
	.page-template-about #faq .faqsinner .faqline h3{font-size: 16px;line-height: 18px;display: flex;flex-direction: column;justify-content: center;}
	.page-template-about #faq .faqsinner .faqline h3 span{}
	.page-template-about #faq .faqsinner .answer p{font-size: 16px;}

	.page-template-contact .contactpage form{width: 100%;}
	.page-template-contact .contactpage .wpcf7{padding-bottom: 0;}
	.page-template-contact .contactpage form p label{width: 100%;}
	.page-template-contact .contactpage form p input[type=submit]{width: 100%;}

	.tax-videos_category .innerbanner{height: 360px;background-attachment: unset;}
	.tax-videos_category  h1{font-size: 24px;}
	.tax-videos_category #topvideos .mainprojects .project{height: 210px;margin: 0;margin-bottom: 20px;}
	#topvideos .mainprojects .project .mainarea img{width: 100%;height: auto;}
	.catbtns a{font-size: 17px;margin: 0 4px;margin-bottom: 10px;}
	.mainblog{margin-top: 20px;}
	.mainblog aside{width: 100%;order: 2;}
	.mainblog .mainblogposts{width: 100%;}
	.mainblog .mainblogposts .mainpost{width: 100%;}
	.mainblog .mainblogposts .mainpost .image{height: 190px;}
	.single .samecatposts .mainblogposts .mainpost{width: 100%;}
	.single .samecatposts .mainblogposts .mainpost .image{height: 190px;}
	.single .samecatposts h2{font-size: 30px;}
	#contact h3{font-size: 18px;}
	.mobilefooter{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.mobilefooter a{width: 50%;display: block;background-repeat: no-repeat;background-position: center center;background-size: 30px;}
	a.wsup{background-color: #fff;border-left: 1px solid #222}
	a.footertel{background-color: #fff;}
	footer#footer .one-forth h4{font-size: 22px;}

	#topvideos1 .mainprojects1 .project1 .popup{width: 100%;}
	#topvideos1 .mainprojects1 .project1 .popup iframe{width: 100%;height:200px ;}

	.single .single-post p iframe,.single .single-post p object,.single .single-post p embed{width: 100%;height: 180px;}
	.credit{padding-bottom: 45px;}

	.search-results .searchbox{width: 100%;}
}
@media screen and (min-width:410px) and (max-width:415px){
	.videomask video{height:189px;}
}
@media screen and (min-width:360px) and (max-width:375px){
	.videomask video{height: 170px;}
}
@media screen and (min-width:360px) and (max-width:459px){
	header .headerwrapper .middleheader button{font-size: 19px;}
	.opencontactpopup .asaf{width: 50%;right: -30px;}
	.opencontactpopup .innerpopup .popupform h4{font-size: 18px;}
	#mainctegories .maincatwrapper .vcat{height: 200px;}
	#topvideos .mainprojects .project{height: 180px;}	
}
@media screen and (min-width:320px) and (max-width:359px){
	header .headerwrapper .middleheader button{font-size: 15px;}
	header .openheader nav{margin: 9px 0;}
	header .openheader nav ul li a{line-height: 37px;}
	#topsection .maintitle h1{font-size: 28px;}	
	#mainctegories .maincatwrapper .vcat{height: 180px;}
	#topvideos h2{font-size: 23px;}
	#topvideos .mainprojects .project{height: 160px;}
	#contact form{width: 78%;}
	.tax-videos_category #topvideos .mainprojects .project{height: 180px;}
	.opencontactpopup{top: 7%;}
	.opencontactpopup .asaf{width: 54%;right: -40px;}
	.opencontactpopup .innerpopup .popupform h4{font-size: 18px;}
	#contact form label input{height: 50px;line-height: 50px;font-size: 18px;}
	#contact form input[type=submit]{height: 50px;kerning: 50px;font-size: 20px;}
	footer#footer .one-forth h4{font-size: 20px;}
	.tax-videos_category .innerbanner h1{font-size: 20px;}
	.videomask video{height: 146px;}
	header .headerwrapper .phone a{font-size: 10px;}
}


.load-more-btn {
    display: inline-block;
    background-color: #f7ca57;
    color: #2c323a;
    padding: 0.5rem 1rem;
    text-align: center;
    border: 2px solid #2c323a;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
}

.no-posts-found {
    display: none;
}

.load-more-btn:hover {
    background: #fff;
}

.fade-in {
    opacity: 1 !important;
    visibility: visible !important;
}

.fade-out {
    opacity: 0 !important;
    visibility: hidden !important;
}

.lds-spinner {
    color: official;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    position: relative;
    width: 80px;
    height: 80px;
    z-index: 1;
    margin: auto;
  }
  .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 20px;
    left: 37px;
    width: 3px;
    height: 10px;
    border-radius: 20%;
    background: #000;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }