/*
Theme Name: Tamnoon Media
Theme URI:https://www.tamnoonmedia.com/
Author: CNC
Author URI:https://www.tamnoonmedia.com/
Description:
Version:2.9
*/
@charset "utf-8";
/* CSS Document */
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2; color:#757575}
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display:block; max-width:none }
.table-cell {display:table-cell; vertical-align:middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }
.wpcf7-form{ direction:rtl;}

.header{ position:relative; z-index:500;}
.post-header{ background:#fff; border-bottom:1px solid #eee;}
.post-header .logo{ float:left; padding:30px 0}
.post-header .phone{ line-height:113px; border-left:1px solid #d8d8d8; padding-left:15px; display:block; float:right; margin-left:20px;}
.post-header .phone i{ color:#00bcd4;}
.main-nav{ float:right;}

.banner-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.banner-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.banner{ position:relative}
.banner .banner-img{height:700px; }

.banner-wrapper { height:700px; width:100%; position:relative; overflow:hidden;}
.video-bg { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.banner-wrapper .container{top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#fff; text-align:center; z-index:200; position:absolute;}

.banner-image{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.banner-image img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.banner{ position:relative}
.banner .banner-image{height:700px; }
.banner .carousel-caption{  margin:0; padding:0; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); bottom:auto; color:#fff; text-align:left; font-weight:400;}
.banner .carousel-control-prev, .banner .carousel-control-next{background-size:16px; background-position:center; background-repeat:no-repeat; width:60px; height:60px; opacity:1; text-indent:-9999px; z-index:30; top:50%; margin-top:-30px; background-color:rgba(40,40,40,0.60);}
.banner .carousel-control-prev{ background-image:url(https://tamnoonmedia.com/wp-content/themes/tamnoon/images/left-arrow.svg); left:0;}
.banner .carousel-control-next{ background-image:url(https://tamnoonmedia.com/wp-content/themes/tamnoon/images/right-arrow.svg); right:0;}
.banner .carousel-caption .btn{ margin-top:5px;}
.banner .carousel-caption .btn{ margin-right:8px;}
.banner .carousel-caption h2{ font-size:70px;}
.banner .carousel-caption h2,.banner .carousel-caption h3{ line-height:100%;}
.banner .image{ position:absolute; right:0; bottom:0; line-height:0; z-index:10; width:50%;}


.section{ padding:60px 0;}
.project-list a.d-block{ position:relative; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2); box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
.project-list a.d-block .full-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:400px;}
.project-list a.d-block .full-img img{flex:1 1 auto; align-self:start; justify-self:top; object-fit:cover; height:100%; min-width:100%; width:auto;}
.project-list a.d-block .full-img:before{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.70); z-index:1; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity:0}
.project-list a.d-block:hover .full-img:before{ opacity:1;}
.project-list a.d-block span{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; padding:0 25px; font-weight:700; font-size:24px; color:#fff; opacity:0;  -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; z-index:100; text-align:center;}
.project-list a.d-block:hover span{ opacity:1}
.project-list .row:nth-child(odd) [class*=col-]:first-child{  -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} 
.project-list .row:nth-child(even) [class*=col-]:last-child{  -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;} 

.w2{ text-align:center;}
.w2 [class*=col-] img{ margin:0 auto 30px; width:150px; display:block;}
.w2 [class*=col-] h5{ font-size:20px; font-weight:400;}
.w2 [class*=col-] h5 strong{ font-weight:700;}

.w3 .row [class*=col-]{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.w3 .row .content{ padding:6%;}
.form-wrapper{ padding:30px; margin:60px auto; width:70%; background:#fff; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2); box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
.form-wrapper h3{ font-weight:300; text-align:center;}

.footer{ text-align:center; padding:50px 0; background:#eee;}
.footmenu{ margin:20px 0;}
.footmenu ul{ margin:0; padding:0; list-style:none;}
.footmenu ul li{ display:inline-block; margin:0 12px;}
.footmenu ul li a{ color:#221e14;}
.footmenu ul li a:hover{ color:#00bcd4;}

.sidebar-form, .contact-form{ padding:10%; border:1px solid #d8d8d8;}
.contact-info { text-align:center;}
.contact-info i{ font-size:70px; margin:0 auto 20px; display:block;}
.contact-info [class*=col-]{ border-left:1px solid #d8d8d8;}
.contact-info [class*=col-]:last-child{ border-left:none;}

.map {height:250px; position:relative; width:100%;}
.map .map-inner {left:0; position:absolute; top:0; bottom:0; width:100%;}
.map .map-inner iframe { height:100%; width:100%;}

.service-list .service-item + .service-item{ margin-top:30px; padding-top:30px; border-top:1px solid #d8d8d8;}
.service-item img{ width:180px; margin-left:24px}

.masonary{ margin:0 -9px 0 -9px; }
.column {float:right; }
.size-1of4 {width: 25%; padding:0 9px; }
.size-1of3 {width: 33.333%; padding:0 9px; }
.size-1of2 {width: 50%; padding:0 9px; }
.size-1of1 {width: 100%; padding:0 9px; }
/* Configurate salvattore with media queries */
@media screen and (max-width: 575px) {
.masonary[data-columns]::before {content: '1 .column.size-1of1'; }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.masonary[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.masonary[data-columns]::before {content: '3 .column.size-1of3'; }
}
@media screen and (min-width: 992px) {
.masonary[data-columns]::before {content: '3 .column.size-1of3'; }
}
.masonary figure{ margin-bottom:0;}
.masonary a{ position:relative;}
.masonary a:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.masonary a span{ position:absolute; padding:30px; color:#fff; text-align:center; z-index:100; font-weight:700; font-size:20px; bottom:0; left:0; right:0;}
.masonary a:hover img{-webkit-transform:-webkit-scale(1.1) -webkit-rotate(0); transform:scale(1.1) rotate(0);}
.masonary a.d-block.fancybox:after{ background:url(https://tamnoonmedia.com/wp-content/themes/tamnoon/images/play-button.svg) no-repeat center; background-size:100%; height:60px; width:60px; position:absolute; z-index:10; top:50%; left:50%; margin:-25px 0 0 -25px; content:'';}

#filters {margin:0 0 20px;; padding:0; list-style:none; text-align:center;}
#filters li { display:inline-block;}
#filters li span {display: block; padding:5px 15px; text-decoration:none; color:#666; cursor: pointer; font-size:16px; text-transform:uppercase; text-align:center; font-weight:700;}
#filters li span.active { color:#00bcd4; }
#portfoliolist .portfolio {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; display:none; overflow:hidden; margin-top:10px;}

.project-details h6{ padding:12px 0; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; margin-bottom:25px;}

.owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent; position:relative}
.owl-carousel{display:none; width:100%; z-index:1}
.owl-carousel .owl-stage{position:relative; -ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.owl-carousel .owl-stage-outer{position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel, .owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-loading{opacity:0; display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-grab{cursor:move; cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0; transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d; transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative; height:100%; background:#000}
.owl-carousel .owl-video-play-icon{position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(https://tamnoonmedia.com/wp-content/themes/tamnoon/owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:-webkit-transform .1s ease; transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease}
.owl-next, .owl-prev{background-position:0 0}
.owl-carousel .owl-video-frame{position:relative; z-index:1; height:100%; width:100%}
.owl-nav{}
.owl-next, .owl-prev{background-color:#000; border-radius:0; height:40px; width:40px; text-align:center; line-height:40px; font-size:16px; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; color:#fff; display:inline-block; margin:0; top:50%; margin-top:-20px; position:absolute;}
.owl-next:hover, .owl-prev:hover{ background-color:#333}
.owl-next{ right:0;}
.owl-prev{ left:0;}

.post-item{border:1px solid #ced4da; -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.1); box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
.post-item .content{ padding:20px; }
.post-item .content h4{position:relative;}
.post-item .content h6{ color:#7e7e7e; font-size:12px; font-weight:500;}

.blog-sidebar h3{ margin-bottom:15px; position:relative; padding-bottom:10px; position:relative; font-size:22px;}
.blog-sidebar h3:after{ position:absolute; bottom:0; left:0; width:40px; height:2px; background:#1abc9c; content:'';}
.single-post .blog-post .blog-post-img{ display:none;}
.blog-sidebar .widget{ margin:0 0 30px 0; padding:0;}
.blog-sidebar .widget:last-child{ margin:0;}
.blog-sidebar .widget ul{ padding:0; margin:0; list-style:none;}
.blog-sidebar .widget ul li{color:#686868; display:block; margin-bottom:10px; padding-bottom:10px; position:relative; border-bottom:1px solid #ced4da}
.blog-sidebar .widget ul li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.blog-sidebar .widget ul li .post-date{ font-size:12px;}
.blog-sidebar .widget ul li .post-date{ display:block;}
.blog-sidebar .widget ul li a{ color:#4c4c4c;}
.blog-sidebar .widget .widget-content{padding:15px; border:1px solid #ced4da; background:#fff; -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.1); box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}

.blog-sidebar .widget.widget_search .widget-content{ padding:0; border:none;}
.blog-sidebar .widget .widget-content span.screen-reader-text{ display:none;}
.blog-sidebar .widget .widget-content form{ display:block; position:relative; margin:0;}
.blog-sidebar .widget .widget-content form label{ display:block; margin:0;}
.blog-sidebar .widget .widget-content form input[type="text"]{ padding-right:58px;}
.blog-sidebar .widget .widget-content form input[type="submit"]{ background:url(https://tamnoonmedia.com/wp-content/themes/tamnoon/images/search.svg) no-repeat center #1abc9c; background-size:20px; position:absolute; top:0; padding:0; width:48px; border:none; text-indent:-9999px; right:1px; top:1px; bottom:1px; margin:0;}

.search-list article{background:#fff; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e7e7e7;}
.search-list img.wp-post-image{ display:none;}
.search-list article .comments-link, .search-list article .entry-meta, .search-list article img.default-image{ display:none}
.entry-meta{ margin-bottom:12px;}
.entry-meta .byline, .entry-meta .posted-on, .entry-meta .comments-link, .entry-meta .cat-links{ margin-right:10px; display:inline-block; line-height:12px;}
.entry-meta .svg-icon{ margin-right:5px; color:#ef8019;}

.comment-list .comment{ border:1px solid #e7e7e7; background:#fff; margin-bottom:25px; padding:20px;}
.comment-respond h3.comment-reply-title{font-family:'Source Sans Pro', sans-serif; font-weight:600;}
.comment-respond h3.comment-reply-title small{ font-size:14px; font-weight:600; letter-spacing:2px; text-transform:uppercase;}
.search-form label, .search-form span{ display:block;}


.header-page{ position:absolute; top:0; left:0; right:0; z-index:500;}
.header-page .container{ position:absolute; top:10%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.header-page .container .logo{ max-width:420px; width:auto;}

.footer-page{ position:absolute; bottom:0; left:0; right:0;}
.footer-page .container{ position:absolute; bottom:10%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); direction:ltr;}
.footer-page .container .logo{ max-width:420px; width:auto;}
.header-page .full-img, .footer .full-img{ line-height:0;}

.thankyou-banner{ position:relative;}
.thankyou-banner h2{ color:#f75162; position:absolute; top:30%; left:50%; -webkit-transform:translate(-50%,-30%); -ms-transform:translate(-50%,-30%); transform:translate(-50%,-30%); font-size:79px; font-weight:700; padding:4px 8px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); line-height:1; z-index:100; text-align:center; font-family: 'Almoni Tzar AAA';}
.thankyou-banner .banner-img img{ width:100%; height:auto;}