/*!
Theme Name: Shahal
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shahal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*
-------------------------
GLOBAL STYLE
-------------------------
*/

@font-face {
  font-family: 'Heebo';
  src: url('assets/fonts/Heebo-Light.ttf')  format('truetype');
  font-weight:300;
}
@font-face {
  font-family: 'Heebo';
  src: url('assets/fonts/Heebo-Regular.ttf')  format('truetype');
  font-weight:400;
}
@font-face {
  font-family: 'Heebo';
  src: url('assets/fonts/Heebo-Medium.ttf')  format('truetype');
  font-weight:500;
}
@font-face {
  font-family: 'Heebo';
  src: url('assets/fonts/Heebo-Bold.ttf')  format('truetype');
  font-weight:700;
}
@font-face {
  font-family: 'Heebo';
  src: url('assets/fonts/Heebo-Black.ttf')  format('truetype');
  font-weight:900;
}

html,body {
    color: #1d1d1d;
    font-size: 18px;
    line-height: 30px;
    height: 100%;
    font-family: 'Heebo', sans-serif;
}
/*yan*/
a:not([href]):not([tabindex]) {
    color: white;
    text-decoration: none;
}
a:hover, a:focus {
    color: #44D1C0 !important;
    text-decoration: none;
    transition: 0.5s all ease;
}

a.btn-primary:hover,a.btn-primary:focus{color:#fff!important;}

img{
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
ul,li{
    list-style: none;
    margin:0;
    padding:0;
}
p{
    line-height: 30px;
}
a, a:hover, a:focus{
    color:#1f1f1f;
    text-decoration:none;  
    transition: 0.5s all ease;
}

h1,h2,h3,h4,h5,h6{
	margin-top:0;
}
h2{font-weight:400;}

button:focus,.active ,.active:focus{outline:0;}

.btn-primary.focus, .btn-primary:focus{box-shadow:none;}
.btn, .btn-primary{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: rgb(65,212,192);
background: -moz-linear-gradient(left, rgba(65,212,192,1) 0%, rgba(68,197,212,1) 100%);
background: -webkit-linear-gradient(left, rgba(65,212,192,1) 0%,rgba(68,197,212,1) 100%);
background: linear-gradient(to right, rgba(65,212,192,1) 0%,rgba(68,197,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41d4c0', endColorstr='#44c5d4',GradientType=1 );
}

/*.type_of_production_main_div .btn-primary{background:transparent;}*/

.section-breadcrumbs {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
}

.breadcrumbs span,.breadcrumbs span a {
    /*color:#fff;*/
	padding:0; 
	margin:0 0 0 0;
	background-color:transparent;
}

.post-template-template-article .breadcrumbs span,.post-template-template-article .breadcrumbs span a {
	/*color:#1d1d1d;*/
}

.section-padding{
    padding:80px 0;
}
.display-table{
	display: table;
	width:100%;
	height: 100%;
}
.display-table-cell{
	display: table-cell;
	vertical-align: middle;
}
.display-table-row {
	display: table-cell;
	vertical-align: bottom;
}
.site-btn {

}
.site-btn:hover {

}
.section-title h1 {

}
.section-title:before {

}
.section-title {
	/*margin-top:40px;*/
	margin-bottom:40px;
}

/*
-------------------------
GLOBAL STYLE END
-------------------------
*/



/*
-------------------------
HEADER STYLE
-------------------------
*/



/*
-------------------------
HEADER STYLE END
-------------------------
*/


/*
-------------------------
PAGE NAME 
-------------------------
*/

#main{/*padding-top:100px;*/}
.admin-bar #main{/*padding-top:68px;*/}
.video_content_mobile{
    display: none;
}
.main_header_mobile{
    display: none;
}
.slicknav_nav {
    position: fixed;
    background-color: #fff;/*#1d1d1d;*/
    z-index: 9999;
    right: 0px;
    top:85px;
    width: 100%;
    height:100%;
}
.slicknav_nav a{color:#202020;}
.mobile_slider_social{
    display:-webkit-inline-box;
    padding-top: 20px;
}
.mobile_slider_social a i{
    font-size: 21px;
}
.nav-up {
    top: -40px;
}

.mfp-content .share {
    background-color: #33D1D2;
    float: none; 
    text-align: center;
    padding: 6px 20px;
    position: absolute;
    right: 40px;
    top: -6px;
    z-index: 9999;
}

.mfp-content .share a {
    background-color: #fff;
	color:#33D1D2;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
    margin-right: 5px;
    margin-left: 5px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	display:inline-block;
}

.sticker-box-new{position:relative; display:inline-block;overflow:hidden; width: calc(100% - 10px);}
.sticker-box-new img{ max-width: none; width: 100%;}
.cover_tag{position:absolute; top:10px;left:10px;padding:4px 12px; background-color:#33D1D2; color:#fff;}
.cover_title{position:absolute; bottom:0;left:0;width:100%;
padding:10px;
text-align:center;
color:#fff;
background: -moz-linear-gradient(top,  rgba(107,107,107,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(107,107,107,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(107,107,107,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6b6b6b', endColorstr='#000000',GradientType=0 );
}
.cover_text{position:absolute; top:100%;left:0;width:100%; height:100%; color:#fff;transition: all 0.5s ease; display: flex; align-items: center;cursor:pointer;}
.cover_text *{ padding:10px; background-color:rgba(0,0,0,0.8);width:100%; cursor:pointer;}
.sticker-box-new:hover .cover_text{top:0;}

.industry-gallery .grid-sizer, .industry-gallery .grid-item, .my-masonry-gallery .grid-sizer { width: 100%; text-align:center;}
.grid-item .sticker-box-new{position:relative;}
.grid-item .sticker-box-new:after{position:absolute;top:0;left:0; width:100%;height:100%;content:'';background:rgba(0,0,0,0.1);}
.grid-item .sticker-box-new:hover{z-index:9;}
.grid-item.has_gallery{cursor:pointer;}



@media screen and (min-width:540px){
.industry-gallery .grid-sizer, .industry-gallery .grid-item, .my-masonry-gallery .grid-sizer { width: 50%; }
}
@media screen and (max-width:767px){
	.col-4{flex:0 0 100%; max-width:100%;}
	.h1, h1 {
		font-size: 2.3rem;
		line-height: 1;
	}
	.inner-banner{padding:0!important;}
	.inner-banner h1{padding-top: 1.2rem;}
	.banner-section p,.inner-banner p{line-height: 1.2rem;}
	#popup-inline .field textarea {
		max-height: 100px!important;
	}
	.site-footer{
		padding-bottom: 70px;
	}
}
@media screen and (max-width:991px){
.col-6{flex:0 0 100%; max-width:100%;}
}

@media screen and (min-width:992px){
.industry-gallery .grid-sizer, .industry-gallery .grid-item, .my-masonry-gallery .grid-sizer { width: 25%; }
}
 
.c-form.custom_frm{
    width: 40%;
	max-width:445px;
}
.c-form.custom_frm form textarea{
    height: 100px;
    resize: none;
}
.rtl .c-form.custom_frm .field input,.rtl  .c-form.custom_frm .field select, .rtl .c-form.custom_frm .field textarea{
    direction: rtl;
}
.c-form.custom_frm .field input::placeholder, .c-form.custom_frm .field textarea::placeholder{
    color: #FFFFFF;
    opacity: 1;
}
.main-menu{
    margin-top: 0px !important;
}

.c-form.custom_frm.custom_frm_contact{width:100%; /*max-width:500px;*/ margin:0 auto;}
.c-form.custom_frm.custom_frm_contact .field input::placeholder, .c-form.custom_frm.custom_frm_contact .field textarea::placeholder{
    color: #0B2830;
    opacity: 1;
}

.custom_frm_contact .field input, .custom_frm_contact .field select, .custom_frm_contact .field textarea{
	color: #0B2830;
	border-color:#0B2830;
	border-width:0 0 1px 0;
}

.custom_frm_contact .field.submit{margin-top:20px;}

.waze_link svg{width:100px;height:100px;}
.article_text{
	background:rgba(0,0,0,0.7);
	color:#fff;
	padding:0 10px;
}
.article_desc p{
	margin-bottom:0;
	padding-bottom:0;
}

.article_text a.btn{background-color:#33D1D2; margin-bottom:10px;}
.article_text a.btn:hover,.article_text a.btn:focus{color:#fff!important;}

.articles-wrapper { position: relative; overflow: hidden; margin-top: 2.5rem; color: #3a3a3a; }

	.articles-wrapper > a,.articles-wrapper > a:hover,.articles-wrapper > a:active { display: block; color: #3a3a3a!important; }
	
	.articles-wrapper-card { text-align: right; }

	.articles-wrapper img { display: block; width: calc(100% - 10px);height: 160px!important;margin: 5px 5px 1.25rem 5px; height: auto; box-shadow: 0 0 5px 5px rgba(229, 229, 229, .6); }

	.articles-wrapper h2, .articles-wrapper h3 { font-size: 1.1rem; margin-bottom: .3125rem; }

	.articles-wrapper p.summary { font-size: .9rem; line-height: 1.33; }
	.articles-wrapper .btn{
		display: inline-block;
		padding: .3125rem 15px;
		text-align: center;
		/*background-image: linear-gradient(to right, #00aac7, #41d9f3);*/
		color: #fff;
		font-size: 1rem;
		border: 1px solid transparent;
		border-radius: 2px;
		cursor: pointer;
		vertical-align: middle;
	}
	
	.articles-wrapper a:hover .btn, .articles-wrapper a:active .btn{
	    background-image: none;
		background-color: #fff;
		color: #3a3a3a;
		border: 1px solid #4DD7EE;
	}

.process_image{width:100%;}

/*top baner video*/
.middle-xs {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.top-video-container, .img-banner {
    position: relative;
    padding-bottom: calc(100vh - 180px);/*56.25%;*/
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.top-video-container{    
	background-image: url('assets/images/image-bg01.jpg');
    background-size: cover;
}

#top-video-container{padding-bottom:56.25%;}

.img-banner{
	 padding-bottom: 480px!important;/*56.25%;*/
}

.vid_overlay {
    position: absolute;
    width: 100%;
    height: calc(100vh - 80px); /*calc(100vh - 180px);*/
    background: rgba(0,0,0,0.35);
}

body:not(.home) .vid_overlay {
	 height: 480px;
}

/*
@media screen and (max-width:992px){
	.vid_overlay :after{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100px;
		content:'';
		background: rgba(0,0,0,0.65);
		
	}
}
*/

@media screen and (max-width:991px){
	#main{padding-top:0!important;}
	.vid_overlay,  .img-banner{
		 height: calc(480px + 104px)!important;  /*note 480 is the value of .img-banner */
		 /*padding-top:94px;
		 padding-bottom:94px;*/
	}
}
@media screen and (min-width:992px){
	body:not(.home) .vid_overlay {
		 height: calc(480px + 84px);  /*note 480 is the value of .img-banner */
	}
}

.top-video-container iframe, .top-video-container object, .top-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top_vid_wrap, .top_vid_container {
    height: 100%;
    text-align: center;
	color:#fff;
}
.top_vid_wrap{max-width:910px;margin:0 auto;}

.top_vid_play i {
    font-size: 0px;
    padding: 20px;
    color: #fff;
}

/*top baner video*/

@media only screen and (min-width: 1920px) and (max-width: 1930px) {
    
    .process-box-1 {
        font-size: 18px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 18px !important;
        text-align: center;
        right: 4% !important;
        padding: 0 !important;
    }
    .process-box-2 {
        font-size: 18px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 18px !important;
        text-align: center;
        right: 22% !important;
        padding: 0 !important;
    }
    .process-box-3 {
        font-size: 18px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 18px !important;
        text-align: center;
        right: 40% !important;
        padding: 0 !important;
    }
    .process-box-4 {
        font-size: 18px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 18px !important;
        text-align: center;
        right: 58% !important;
        padding: 0 !important;
    }
    .process-box-5 {
        font-size: 18px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 18px !important;
        text-align: center;
        right: 76% !important;
        padding: 0 !important;
    }
    
}
@media only screen and (min-width: 1800px) and (max-width: 1900px) {
    .video-banner {
        /*margin-top: 85px;*/
    }
}
@media only screen and (min-width: 1368px) and (max-width: 1750px) {
    .video-banner {
        /*margin-top: 100px;*/
    }
}
@media only screen and (min-width: 1366px) and (max-width: 1367px) {
    .video-banner {
        /*margin-top: 100px;*/
    }
}
@media only screen and (min-width: 1311px) and (max-width: 1311px) {
    .main-menu li + li a:before {
        content: " | ";
        color: #fff;
        top: 3px;
        font-size: 15px;
        opacity: 0.5;
        margin-left: 5px !important;
        margin-right: -6px !important;
    }
    .main_header_desktop .desktop_logo{
        max-width: 13.666667%;
    }
    .main-menu li a{
        font-size: 14px !important;
    }
    .main_header_desktop .social_content{
        max-width: 21.666667% !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .main_header_desktop{
        display: none;
    }
    .main_header_mobile{
        display: block;
    }
    .mobile-menu {
        display: block !important;
    }
    .mobile_second_header{
       width:100%; 
    }
    .mobile_first_header{
        width:100%;
    }
    .slicknav_menu {
        display: table;
        background:none;
        /*top: 10px;*/
        position: relative;
    }
    .slicknav_btn{
        background-color: #4c4c4c;
    }
    .mobile-menu {
        padding-top: 16px !important;
        padding-bottom: 9px !important;
    }
    /*.main_header_mobile .logo-left-text p{*/
    /*    text-align: right !important;*/
    /*}*/
    .mobile_first_header .site-logo{
        float: right !important;
        position: unset !important;
        width: auto !important;
        padding-top: 0 !important;
    }
    .process-box-1 {
        font-size: 12px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 5% !important;
        padding: 0 !important;
    }
    .process-box-2 {
        font-size: 12px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 23% !important;
        padding: 0 !important;
    }
    .process-box-3 {
        font-size: 12px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 40% !important;
        padding: 0 !important;
    }
    .process-box-4 {
        font-size: 12px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 57% !important;
        padding: 0 !important;
    }
    .process-box-5 {
        font-size: 12px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 73% !important;
        padding: 0 !important;
    }
    .process-box-1 h5 {
        font-size: 15px;
    }
    .process-box-2 h5 {
        font-size: 15px;
    }
    .process-box-3 h5 {
        font-size: 15px;
    }
    .process-box-4 h5 {
        font-size: 15px;
    }
    .process-box-5 h5 {
        font-size: 15px;
    }
    .process-box-1 .process_heading1 h6 {
        font-weight: 900;
        margin-top: -5px !important;
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }
    .process-box-2 .process_heading2 h6 {
       font-weight: 900;
        margin-top: -5px !important;
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }
    .process-box-3 .process_heading3 h6 {
        font-weight: 900;
        margin-top: -5px !important;
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }
    .process-box-4 .process_heading4 h6 {
        font-weight: 900;
        margin-top: -5px !important;
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }
    .process-box-5 .process_heading5 h6 {
        font-weight: 900;
        margin-top: -5px !important;
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }
     .contact_us_page{
        margin-top: 12% !important;
    }
    .mobile-menu .slicknav_menu .slicknav_icon-bar {
        background-color: #43C3D7;
    }
    .video-banner {
        /*margin-top: 85px;*/
    }
	.process_desc_section {
		width: 85% !important;
		height: 35% !important;
		padding-right: 10px;
	}
	.viewmore_main .main_viewmore_btn{
	    text-align: center;
        margin-top: 20px;
        justify-content: center;
	}
}

/*
@media only screen and (min-width: 990px) and (max-width: 990px) {
    .main_header_desktop{
        display: none;
    }
    .main_header_mobile{
        display: block;
    }
    .mobile-menu {
        display: block;
    }
    .mobile_second_header{
       width:100%; 
    }
    .mobile_first_header{
        width:100%;
    }
    .slicknav_menu {
        display: table;
        background:none;
        top: 10px;
        position: relative;
    }
    .slicknav_btn{
        background-color: #4c4c4c;
    }
    .main_header_mobile .logo-left-text{
        display: block !important;
    }
    .main_header_mobile .logo-left-text p{
        text-align: right !important;
    }
    .mobile_first_header .site-logo{
        float: right !important;
        position: unset !important;
        width: auto !important;
    }
    .contact_us_page{
        margin-top: 34% !important;
    }
    
}
*/
@media only screen and (min-width: 640px) and (max-width: 830px) {
	#main{padding-top:85px;}
    .slicknav_btn{
        background-color: #4c4c4c;
    }
    .slicknav_menu {
        display: table;
        background:none;
        /*top: 10px;*/
        position: relative;
    }
    .main_header_desktop{
        display: none;
    }
    .main_header_mobile{
        display: block;
        background: rgba(0,0,0,1);
    }
    .mobile-menu {
        display: block !important;
    }
    .mobile_second_header{
       width:100%; 
    }
    .mobile_first_header{
        width:100%;
    }
    .mobile_first_header .site-logo{
        float: right !important;
        position: unset !important;
        width: auto !important;
        padding-top: 0 !important;
    }
    .main_header_mobile .logo-left-text{
        text-align: right !important;
        display: block !important;
    }
    .mobile-menu {
        padding-top: 16px !important;
        padding-bottom: 9px !important;
    }
    .main_header_mobile .logo-left-text p{
        top:3px;
    }
    .contact_us_page{
        margin-top: 14% !important;
    }
    .mobile-menu .slicknav_menu .slicknav_icon-bar {
        background-color: #43C3D7;
    }
	.process_desc_section {
		width: 85% !important;
		height: 35% !important;
		padding-right: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 830px) {
    .process-box-1 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 5% !important;
        padding: 0 !important;
    }
    .process-box-2 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 23% !important;
        padding: 0 !important;
    }
    .process-box-3 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 40% !important;
        padding: 0 !important;
    }
    .process-box-4 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 57% !important;
        padding: 0 !important;
    }
    .process-box-5 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 73% !important;
        padding: 0 !important;
    }
    .process-box-1 h5 {
        font-size: 12px;
    }
    .process-box-2 h5 {
        font-size: 12px;
    }
    .process-box-3 h5 {
        font-size: 12px;
    }
    .process-box-4 h5 {
        font-size: 12px;
    }
    .process-box-5 h5 {
        font-size: 12px;
    }
    .process-box-1 .process_heading1 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-2 .process_heading2 h6 {
       font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-3 .process_heading3 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-4 .process_heading4 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-5 .process_heading5 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
}
@media only screen and (max-width: 768px) {
    .main_header_desktop{
        display: none;
    }
    .main_header_mobile{
        display: block;
    }
    .mobile-menu {
        display: block;
    }
    .mobile_first_header{
        width:100%;
    }
    .mobile_second_header{
        width:100%;
    }
    .slicknav_menu {
       display: table;
    }
    .contact_us_page{
        margin-top: 17% !important;
    }
    .viewmore_main .responsive_gallery{
	    max-width: 50%;
        max-height: 170px !important;
        min-height: 170px !important;
        margin-bottom: 10px;
        padding-right: 10px !important;
        padding-left: 10px !important;
	}
	.viewmore_main .responsive_gallery .responsive_gallery_a{
	    max-height: 170px !important;
        height: 170px !important;
        min-height: 170px !important;
        margin-bottom: 15px;
        max-width: 100%;
	}
	.viewmore_main .main_viewmore_btn{
	    text-align: center;
        margin-top: 20px;
        justify-content: center;
	}
}
@media only screen and (max-width: 767px) {
    
	.desktop-only {
		display: none !important;
	}

	#modal_contactus_main{
        z-index: 99999;
    }
    #modal_contactus_main .close{
        text-align: right;
        margin: 9px;
    }
    #modal_contactus_main .wpcf7 form input, #modal_contactus_main .wpcf7 form select, #modal_contactus_main .wpcf7 form textarea{
        width: 86%;
        margin-bottom: 15px;
    }
    #modal_contactus_main .wpcf7 form .wpcf7-submit{
        background: #45CFC2;
        margin-left: 20px;
    }
    #modal_contactus_main span.wpcf7-not-valid-tip{
        display:none;
    }
    iframe{
        height: 200px;
    }
    .video_content_mobile{
        display: block;
    }
    .video_content_desktop{
        display:none;
    }
     
    .mobile-menu {
        display: block;
        display: inline-block !important;
        float: right;
        padding-top: 16px;
    }
    .mobile-menu .mobile_second_header{
        padding: 0;
    }
     
    .c-form.custom_frm{
        width: 100% !important;
    }
    
    .main_header_desktop{
        display: none;
    }
    .main_header_mobile{
        display: block;
    }
    .main_header_mobile .logo-left-text p{
        text-align: unset !important;
    }
    .contact_us_page{
        margin-top: 17% !important;
    }
    
    .gallery_with_post_and_viewmore .btn_postgallery_more{
        margin-right: 90px;
    }
   
}
@media only screen and (min-width: 568px) and (max-width: 568px) {
    .process-box-1 {
        font-size: 13px !important;
        position: absolute;
        width: 24% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 3% !important;
        padding: 0 !important;
    }
    .process-box-2 {
        font-size: 13px !important;
        position: absolute;
        width: 24% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 20% !important;
        padding: 0 !important;
    }
    .process-box-3 {
        font-size: 13px !important;
        position: absolute;
        width: 24% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 38% !important;
        padding: 0 !important;
    }
    .process-box-4 {
        font-size: 13px !important;
        position: absolute;
        width: 24% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 56% !important;
        padding: 0 !important;
    }
    .process-box-5 {
        font-size: 13px !important;
        position: absolute;
        width: 24% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 73% !important;
        padding: 0 !important;
    }
    .process-box-1 h5 {
        font-size: 17px;
    }
    .process-box-2 h5 {
        font-size: 17px;
    }
    .process-box-3 h5 {
        font-size: 17px;
    }
    .process-box-4 h5 {
        font-size: 17px;
    }
    .process-box-5 h5 {
        font-size: 17px;
    }
    .process-box-1 .process_heading1 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 16px !important;
    }
    .process-box-2 .process_heading2 h6 {
       font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 16px !important;
    }
    .process-box-3 .process_heading3 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 16px !important;
    }
    .process-box-4 .process_heading4 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 16px !important;
    }
    .process-box-5 .process_heading5 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 16px !important;
    }
    .contact_us_page{
        margin-top: 19% !important;
    }
}
@media only screen and (min-width: 411px) and (max-width: 568px) {
    .mobile_first_header .site-logo{
        float: right !important;
        position: unset !important;
        width: auto !important;
        padding-top: 0 !important;
    }
    .main_header_mobile .logo-left-text{
        text-align: right !important;
        display: block !important;
    }
    .main_header_mobile .logo-left-text p{
        top:3px;
    }
    .mobile-menu {
        padding-top: 16px !important;
        padding-bottom: 9px !important;
    }
    .contact_us_page{
        margin-top: 19% !important;
    }
	.process_desc_section {
		width: 85% !important;
		height: 35% !important;
		padding-right: 10px;
	}
	.viewmore_main .responsive_gallery{
	    max-width: 50%;
        max-height: 170px !important;
        min-height: 170px !important;
        margin-bottom: 10px;
        padding-right: 10px !important;
        padding-left: 10px !important;
	}
	.viewmore_main .responsive_gallery .responsive_gallery_a{
	    max-height: 170px !important;
        height: 170px !important;
        min-height: 170px !important;
        margin-bottom: 15px;
        max-width: 100%;
	}
	.viewmore_main .main_viewmore_btn{
	    text-align: center;
        margin-top: 20px;
        justify-content: center;
	}
}
@media only screen and (max-width: 415px){
    .process-box-1 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 5% !important;
        padding: 0 !important;
    }
    .process-box-2 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 23% !important;
        padding: 0 !important;
    }
    .process-box-3 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 40% !important;
        padding: 0 !important;
    }
    .process-box-4 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 57% !important;
        padding: 0 !important;
    }
    .process-box-5 {
        font-size: 9px !important;
        position: absolute;
        width: 21% !important;
        top: 18%;
        line-height: 13px !important;
        text-align: center;
        right: 73% !important;
        padding: 0 !important;
    }
    .process-box-1 h5 {
        font-size: 12px;
    }
    .process-box-2 h5 {
        font-size: 12px;
    }
    .process-box-3 h5 {
        font-size: 12px;
    }
    .process-box-4 h5 {
        font-size: 12px;
    }
    .process-box-5 h5 {
        font-size: 12px;
    }
    .process-box-1 .process_heading1 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-2 .process_heading2 h6 {
       font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-3 .process_heading3 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-4 .process_heading4 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-5 .process_heading5 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .contact_us_page{
        margin-top: 27% !important;
    }
	.process_desc_section {
		width: 85% !important;
		height: 35% !important;
		padding-right: 10px;
	}
	.viewmore_main .responsive_gallery{
	    max-width: 50%;
        max-height: 170px !important;
        min-height: 170px !important;
        margin-bottom: 10px;
        padding-right: 10px !important;
        padding-left: 10px !important;
	}
	.viewmore_main .responsive_gallery .responsive_gallery_a{
	    max-height: 170px !important;
        height: 170px !important;
        min-height: 170px !important;
        margin-bottom: 15px;
        max-width: 100%;
	}
	.viewmore_main .main_viewmore_btn{
	    text-align: center;
        margin-top: 20px;
        justify-content: center;
	}
}
@media only screen and (max-width: 320px) {
    .main_header_mobile p{
        font-size: 19px !important;
    }
    .mobile_first_header .site-logo {
        float: right !important;
        position: unset !important;
        width:45% !important;
        margin-left: 10px !important;
        
    }
    .mobile-menu {
        padding-top: 15px !important;
        padding-bottom: 0px !important;
    }
    .mail_part{
        margin-right: 15px;
    }
    .slicknav_menu {
        top: -11px;
    }
    .main_header_mobile .logo-left-text p{
        top:-3px;
    }
    .process-box-1 {
        font-size: 8px !important;
        position: absolute;
        width: 23% !important;
        top: 18%;
        line-height: 10px !important;
        text-align: center;
        right: 5% !important;
        padding: 0 !important;
    }
    .process-box-2 {
        font-size: 8px !important;
        position: absolute;
        width: 23% !important;
        top: 18%;
        line-height: 10px !important;
        text-align: center;
        right: 22% !important;
        padding: 0 !important;
    }
    .process-box-3 {
        font-size: 8px !important;
        position: absolute;
        width: 23% !important;
        top: 18%;
        line-height: 10px !important;
        text-align: center;
        right: 39% !important;
        padding: 0 !important;
    }
    .process-box-4 {
        font-size: 8px !important;
        position: absolute;
        width: 22% !important;
        top: 18%;
        line-height: 10px !important;
        text-align: center;
        right: 56% !important;
        padding: 0 !important;
    }
    .process-box-5 {
        font-size: 8px !important;
        position: absolute;
        width: 23% !important;
        top: 18%;
        line-height: 10px !important;
        text-align: center;
        right: 72% !important;
        padding: 0 !important;
    }
    .process-box-1 h5 {
        font-size: 12px;
    }
    .process-box-2 h5 {
        font-size: 12px;
    }
    .process-box-3 h5 {
        font-size: 12px;
    }
    .process-box-4 h5 {
        font-size: 12px;
    }
    .process-box-5 h5 {
        font-size: 12px;
    }
    .process-box-1 .process_heading1 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-2 .process_heading2 h6 {
       font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-3 .process_heading3 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-4 .process_heading4 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .process-box-5 .process_heading5 h6 {
        font-weight: 900;
        margin-top: -9px !important;
        margin-bottom: 2px !important;
        font-size: 11px !important;
    }
    .contact_us_page{
       margin-top: 34% !important;
    }
}
.main-menu a {
    /*font-size: 20px !important;*/
	font-size:16px!important;
	 font-weight: 400;
    padding: 0px 24px !important;
}

.main-menu .sub-menu li{width:100%; display:block;border-bottom:2px solid #797070;padding-bottom:4px;}
.main-menu .sub-menu li:last-of-type{border-bottom:0;}

.rtl .main-menu .sub-menu a{
	font-size:16px!important;
	text-align:right;
}
.main-menu .sub-menu a{
	font-size:16px!important;
	text-align:left;
}
.main-menu .menu li:hover > ul.sub-menu{
	width:370px!important;
	max-width:370px!important;
}

.main_header_desktop.site-header .social_content p{
    font-size: 18px !important;
	/*font-size: 19px !important;*/
	line-height: 1;
}
.main_header_desktop .logo-left-text p{
    font-size: inherit;
    font-weight: inherit !important;
    line-height: 1;
    top: 20px;
}
.main_header_desktop{
    height: 100px;
    background: rgba(0,0,0,1);
    border-bottom: 2px solid #47CCC7;
}
.socials a{
    color: #47A4C5;
    background: #fff;
    margin-left: 5px;
}
.main_header_desktop .social_content .socials a span{
    color: #47A4C5;
}

.main-menu > ul > li:first-child { border-top: 0; }
.rtl .main-menu > ul > li > a { border-left:0;border-right: 1px solid #737373; padding: 0 10px; }
.main-menu > ul > li > a { border-left: 1px solid #737373; padding: 0 10px; }

.rtl .main-menu > ul > li:first-child > a { border-right: 0; }
.main-menu > ul > li:first-child > a { border-left: 0; }

/*.main-menu li + li a:before {
    content: " | ";
    color: #fff;
    top: 3px;
    font-size: 15px;
    opacity: 0.5;
    margin-left: 9px;
    margin-right: -15px !important;
}*/

.main-menu li ul.sub-menu li a:before {
    content: none !important;
}
.text_carousel .carousel-indicators li{
    border-radius: 10px !important;
    height: 10px !important;
    width: 10px !important;
}

.process-box {  
    font-size: 16px;
    line-height: 20px;
    text-align: center;
	margin:0 auto;
    padding: 0 10px 0 10px;
	width:185px;
	height:185px;
	-webkit-border-radius: 93px;
	-moz-border-radius: 93px;
	border-radius: 93px;
	border:14px solid #42ccd3;
	
}

.process_desc_section{
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	direction: ltr;
	width: 92%;
	height: 100px;;
}


.top_row{margin-bottom:30px;margin-top:60px;}

.process-box h5{
    text-align: center;
    color: #37cbd5;
    font-weight: 700;
	padding-top:10px;
}

.process-box .process_heading h6{
    font-weight: 900;
    margin-top: -8px;
    margin-bottom: 4px;
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.col-xs-flex-2{    
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

@media (min-width:768px){
	.col-md-flex-4{    
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.3333%;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	
}


/*
.process-box-1 {    
    font-size: 16px;
    position: absolute;
    width: 23%;
    top: 19%;
    line-height: 20px;
    text-align: center;
    height: 25%;
    right: 3%;
    padding: 0 10px 0 10px;
}
.process-box-2{
    font-size: 16px;
    position: absolute;
    width: 23%;
    top: 69%;
    line-height: 20px;
    text-align: center;
    right: 21%;
    height: 25%;
    padding: 0 10px 0 10px;
}
.process-box-3{
   font-size: 16px;
    position: absolute;
    width: 24%;
    top: 19%;
    line-height: 20px;
    text-align: center;
    right: 38%;
    height: 25%;
    padding: 0 10px 0 10px;
}
.process-box-4{
    font-size: 16px;
    position: absolute;
    width: 23%;
    top: 69%;
    line-height: 20px;
    text-align: center;
    right: 56%;
    height: 25%;
    padding: 0 10px 0 10px;
}
.process-box-5{
    font-size: 16px;
    position: absolute;
    width: 23%;
    top: 19%;
    line-height: 20px;
    text-align: center;
    right: 74%;
    height: 25%;
    height: 25%;
    padding: 0 10px 0 10px;
}

.process-box-1 h5{
    text-align: center;
    color: #37cbd5;
    font-weight: 700;
}
.process-box-2 h5{
    text-align: center;
    color: #37cbd5;
    font-weight: 700;
}
.process-box-3 h5{
    text-align: center;
    color: #37cbd5;
    font-weight: 700;
}
.process-box-4 h5{
    text-align: center;
    color: #37cbd5;
    font-weight: 700;
}
.process-box-5 h5{
    text-align: center;
    color: #37cbd5;
    font-weight: 700;
}

.process-box-1 .process_heading1 h6{
    font-weight: 900;
    margin-top: -8px;
    margin-bottom: 4px;
}
.process-box-2 .process_heading2 h6 {
    font-weight: 900;
    margin-top: -8px;
    margin-bottom: 4px;
}
.process-box-3 .process_heading3 h6{
    font-weight: 900;
    margin-top: -8px;
    margin-bottom: 4px;
}
.process-box-4 .process_heading4 h6{
    font-weight: 900;
    margin-top: -8px;
    margin-bottom: 4px;
}
.process-box-5 .process_heading5 h6{
    font-weight: 900;
    margin-top: -8px;
    margin-bottom: 4px;
}
*/
.contact_us_page{
    margin-top: 8%;
}
.contact_us_page .field input, .contact_us_page .field select, .contact_us_page .field textarea{
    border-color: black;
}
.contact_us_page .field textarea{
    height: 135px;
}
.contact_us_page .field input[type='submit']{
    border-color: #45CEC4;
}

.rtl .contact_us_page .contactform .field input,.rtl .contact_us_page .contactform .field select,.rtl .field textarea{
    direction: rtl !important;
}
.rtl .contact_us_page h2,.rtl .contact_us_page p:first-of-type{
    text-align: right !important;
}
/*START TEXT IMAGE CONTENT CSS*/
.image_text_content{
    margin-top: 20px;
    padding-right: 20px !important;
}
.big_text_content{
    margin-top: 20px;
    text-align: right;
}
div.image_text_section{
    background: #EBF0F0;
    margin-top: 20px;
}
.image_text_content ul.line_text_content li{
    float:right;
    text-align: right;
}
.image_text_content ul.line_text_content li .text_image{
    float:right;
    width: 10%;
    height: 10%;
    margin-left: 15px;
}
.image_text_content h3.image_text_title{
    text-align: right;
    font-size: 24px;
    font-weight: 700;
}
.image_text_content ul.line_text_content
{
    display: flow-root;
    padding: 10px 0;
}
/*END TEXT IMAGE CONTENT CSS*/

/*START FOOTER IMAGE SLIDER CSS*/
.carousel-container.top_brand_slider_container{
    direction: ltr;
    margin: 25px;

}
.top_brand_slider_container .carousel-item {
    position: relative;
    display: block !important;
}
/*.top_brand_slider_containe .carousel-item img {*/
/*    border-radius: 5px;*/
/*    width: 100%;*/
/*    height: 65px;*/
/*}*/
.top_brand_slider_container .top_brand_slider .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    transition: all .2s linear;
    display: block !important;
}
.top_brand_slider_container .top_brand_slider .owl-nav > div {
    background: #fff;
    position: absolute;
    top: 1px;
    padding: 6px;
    transition: all .2s linear;
    transform: translateY(-50%);
}
.top_brand_slider_container .top_brand_slider .owl-nav .owl-next, 
.top_brand_slider_container .top_brand_slider .owl-nav .owl-prev{
    background: #fff;
    width: 25px;
    height: 28px;
    /*text-indent: -99999px;*/
    opacity: 1;
    text-align: center;
}
.top_brand_slider .owl-nav .owl-prev {
    position: absolute;
    left: -25px;
    top: 30px;
}
.top_brand_slider .owl-nav .owl-next {
    position: absolute;
    right: -25px;
    top: 30px;
}
.top_brand_slider .owl-prev:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fdd700;
    border-width: 7px;
    margin-top: -7px;
}
.top_brand_slider .owl-nav i {
    height: 25px;
    display: block;
}
.top_brand_slider .owl-prev:after {
    border-color: rgba(127, 127, 127, 0);
    border-right-color: #fff;
    border-width: 5px;
    margin-top: -5px;
}
.top_brand_slider .owl-prev:after, 
.top_brand_slider .owl-prev:before {
    z-index: 999;
    right: 10px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.top_brand_slider .owl-nav i.fa-chevron-right:before{
        content: "\f053" !important;
}
.top_brand_slider .owl-nav i.fa-chevron-left:before{
        content: "\f054" !important;
}
/*END FOOTER IMAGE SLIDER CSS*/



.article_left_box {
    padding: 2px;
    margin-bottom: 7px;
}
.article_left_box .article_left_box_title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}

.hover-content{
    padding: 20px;
}
.btn-theme{
    /*background: #45CEC4 !important;*/
    /*color: #FFFF !important;*/
}
a:hover.btn-theme{color:#1f1f1f!important;}
.btn-gray{
    background: #e3e3e3 !important;
    color: #000 !important;
	margin: 10px;
}
.main-content .row{
    margin-left: 10px;
    margin-right: 10px;
}
.viewmore_main .main_viewmore_btn{
	text-align: center;
	justify-content: center;
}
/*
.type_of_production_main_div{
    margin-left: -34px !important;
    margin-right: -34px !important;
	padding: 25px 20px 12px 20px;
}
*/

.google-acfmap {
    width: 100%;
    height: 400px;
}

.mobile-only{display:none;}

@media only screen and (max-width: 767px) {
.mobile-only{display:block;}  
  .main-content .row{
        margin-left: -15px;
        margin-right: -15px;
    }
    .mobile-menu .slicknav_menu .slicknav_icon-bar{
        background-color: #fff;/*#43C3D7;*/
    }
	.type_of_production_main_div{
		margin-left: inherit !important;
		margin-right: inherit !important;
	}
	
	.div_contact_form_wide form input.wpcf7-form-control{
		width: 100%!important;
		margin-bottom: 10px;
	}
	.div_contact_form_wide form select.wpcf7-form-control{
		width: 100%!important;
		margin-bottom: 10px;
	}
}
.first-container{padding-top:30px; padding-bottom:30px;}
section .container-fluid{padding-top:30px; padding-bottom:30px; padding-right:45px; padding-left:45px; max-width: 1600px;/*1920px;*/}
section .container{/*max-width:1920px;*/}
.type_of_production_main_div>div{padding:0 60px;}

/*GI gallery*/
.sticker-box{position:relative; overflow:hidden;}
.sticker-box .cover_text{position:absolute; top:100%; right:0; width:100%; height:100%;  color: #fff; background: rgba(0,0,0,0.7); padding:4px 8px; transition: top 0.6s ease 0s;}
.sticker-box:hover .cover_text ,.sticker-box:focus .cover_text{top:0; }

.sticker-box.sticker-box-2 .cover_text{text-align: center;min-height: 50%;position: absolute;width: 100%;bottom: 0;  padding:4px 8px; /*transition:none; top: auto; */height: auto;display: flex; flex-direction: column;justify-content: center; height:100%;}
.sticker-box.sticker-box-2 .cover_text p{/*padding-bottom:40px;*/}

.sticker-box .btn_wrapper{/*position:absolute;*/ width:100%; bottom:10px; right:0; text-align:center;}
.sticker-box .btn{background-color:#45CFC2;color:#fff;}
.sticker-box .btn:hover,.sticker-box .btn:focus{color:#000;}

.img-carousel.owl-theme{direction:ltr;}
.img-carousel.owl-theme img{display:none; width:auto;margin:0 auto;}
.img-carousel.owl-theme img:first-of-type{display:block;}

.owl-controls{position:absolute; top:50%; left:0; width:100%;}
.owl-controls .owl-next,.owl-controls .owl-prev{position:absolute; right:15px; font-size:30px;}
.owl-controls .owl-next{ right: auto; left:15px;}

.gi_wrapper .div_contact_form_wide{border:0;}
.gi_wrapper .div_contact_form_wide input{padding: 0 5px;}
.gi_wrapper .div_contact_form_wide select{padding: 0 5px;}
.gi_wrapper .div_contact_form_wide input[type="submit"]{background-color:#43d0c5; color:#fff; padding:3px;}

.GI_TW_expander {
  color: white;
}

.GITheWall ul {
  list-style: none;
  /*padding: 20px 0;*/
  padding:0 0 20px 0;
  margin: 0 auto;
 /* text-align: left;*/
  width: 100%;
}
.GITheWall ul li {
  display: inline-block;
  /*argin: 10px 5px 0 5px;*/
  vertical-align: top;
  width: 200px;
}
.GITheWall ul li.GI_TW_Selected_Row {
  -webkit-transition: margin-bottom 0.3s ease-in;
  -moz-transition: margin-bottom 0.3s ease-in;
  -o-transition: margin-bottom 0.3s ease-in;
  transition: margin-bottom 0.3s ease-in;
}

.GI_TW_expander {
  position: absolute;
  z-index: 1;
  top: 0;
  background: black;
  left: 0;
  width: 100%;
  margin-top: 10px;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
.GI_TW_expander.animating {
  overflow: hidden !important;
}
.GI_TW_expander.opened {
  overflow: visible;
}
.GI_TW_expander .GI_TW_pointer {
  position: absolute;
  margin-left: -20px;
  margin-top: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
  -webkit-transition: left 0.3s ease-in;
  -moz-transition: left 0.3s ease-in;
  -o-transition: left 0.3s ease-in;
  transition: left 0.3s ease-in;
}
.GI_TW_expander .GI_TW_expander-inner {
  width: calc(100% - 80px);
 /* min-height: 760px;/*560px;*/
  margin: 0 auto;
  overflow: hidden;
  padding:10px 0;
}
.GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg {
  position: relative;
  width: 100%;
  height: 580px;
  margin: 10px 0 0;
  text-align: center;
  overflow: hidden;
}
.GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img {
  position: relative;
}
.GI_TW_expander .GI_TW_Controls {
  z-index: 1;
}
.GI_TW_expander .GI_TW_close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index:9999;
}
.GI_TW_expander .GI_TW_arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.GI_TW_expander .GI_TW_arrow.GI_TW_hidden {
  display: none;
}
.GI_TW_expander .GI_TW_arrow.GI_TW_next {
  right: 30px;
}
.GI_TW_expander .GI_TW_arrow.GI_TW_prev {
  left: 30px;
}
.GI_TW_expander .GI_TW_loading {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ddd;
  box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #cccccc;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0;
  -webkit-animation: loader 0.5s infinite ease-in-out both;
  -moz-animation: loader 0.5s infinite ease-in-out both;
  -ms-animation: loader 0.5s infinite ease-in-out both;
  -o-animation: loader 0.5s infinite ease-in-out both;
  animation: loader 0.5s infinite ease-in-out both;
}

.GI_TW_expander  .owl-controls .owl-next{left:5px;}
.GI_TW_expander  .owl-controls .owl-prev{right:5px;}

.GI_TW_expander #page_thin_form{padding:0 15px;margin-top:90px;}
.gi_wrapper .div_contact_form_wide input{padding: 0 5px;}
.gi_wrapper .div_contact_form_wide select{padding: 0 5px;}
.GI_TW_expander #page_thin_form>div{padding-right:0;padding-left:0;}

.GI_TW_expander #page_thin_form input::placeholder, .GI_TW_expander #page_thin_form  textarea::placeholder{color:#fff;}

.GI_TW_expander .vertical-center{
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.h2-like{text-align: center; width: 100%;font-size: 30px;}

.single .col-md-9 .social-section{width:100%; margin-top:15px;margin-bottom:15px;}
.single .sticker-box{height:150px;}

/* stickers  */
.stickers-gallery {
  max-width: 1920px;
  display:block;
  width:100%;
  margin-right:0;
}

/* clearfix */
.stickers-gallery:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.sticker-gallery-item {
  width: calc(25% - 10px);
}

.sticker-gallery-item {
  /*height: 320px;*/
  float: right;
  margin-bottom: 10px;
}

#tab_content_wrapper img{width:100%; }


/*
.single .contact_field.col-md-3{
-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
*/
@-moz-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-webkit-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-o-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-ms-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}


.hidden {
  display: none !important;
  visibility: hidden;
}


.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}


.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.clear-both {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

/*tabs*/
.tab-menu{}
.tab-menu li{padding:0!important;}
.tab-menu li button{padding: 0 20px; border:0; background:transparent; cursor:pointer; color:inherit;}

.tablist_wrapper li{position:relative;}

/*
.tablist_wrapper li.active:after{
	content:'';
	position:absolute;
	bottom:-42px;
	right:calc(50% - 15px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 20px 15px;
	border-color: transparent transparent #E3E3E3 transparent;
}
*/

.tab_content_wrapper_outer{
	margin-right:0;
	margin-left:0;
}

#tab_content_wrapper{
	background-color:#F5F5F5; /*#E3E3E3;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 30px 15px;/* 30px 15px 20px 15px;*/
	width:100%;
}

/*#tab_content_wrapper img{max-height:270px;}*/

.tab_content_text{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.tab_content{display:none;}
.tab_content.active{display:block;}

.stickers-gallery{margin-top:30px;}
/*.stickers-gallery img{padding-top:10px;padding-bottom:10px;}*/

#slider_clients .carousel-inner{/*padding:0 40px;*/padding-bottom:40px;}

body.home .video-banner iframe{
	/*height:calc(100vh - 180px);*/
}

#page-buttons{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.process-client-process .single_process_text h3{
    font-size: 27px;
    margin: 18px;
    font-weight: bold;
}

.contact_form_wide_inner{margin-right:0;margin-left:0;position:relative;}

#page_thin_form .div_contact_form_wide {margin-top:40px;position:absolute;left:0;bottom:0;}
div.wpcf7-response-output{/*display:none!important;*/ color:#fff; margin:0;}

#page_thin_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;/*#1d1d1d;*/
}
#page_thin_form ::-moz-placeholder { /* Firefox 19+ */
  color:  #fff;/*#1d1d1d;*/
}
#page_thin_form :-ms-input-placeholder { /* IE 10+ */
  color: #fff;/*#1d1d1d;*/
}
#page_thin_form :-moz-placeholder { /* Firefox 18- */
  color:  #fff;/*#1d1d1d;*/
}

div.wpcf7 .ajax-loader{display:none;}

.contact_field {
    padding-bottom: 20px !important;
    margin-bottom: 0;
    padding: 0 5px;
    text-align: center;
}

.contact_form_wide_inner .contact_field { padding-bottom: 0px !important;}

#page_thin_form>div{padding:20px 10%;}

#page_thin_form  input,#page_thin_form  select {
    border: 1px solid #fff;/*#1d1d1d;*/
    border-width: 0 0 1px 0;
    line-height: 1.5;
    padding: 10px;
    width: 100%;
    background: transparent;
    color: #fff;/*#1d1d1d;*/
    font-family: inherit;
}
#page_thin_form  .submit input{
	/*background-color: #0B2830;*/
    border: 0;
    font-weight: bold;
	/*color:#fff;*/
	color:#000;/*#0B2830;*/
	background: rgb(65,212,192);
background: -moz-linear-gradient(left, rgba(65,212,192,1) 0%, rgba(68,197,212,1) 100%);
background: -webkit-linear-gradient(left, rgba(65,212,192,1) 0%,rgba(68,197,212,1) 100%);
background: linear-gradient(to right, rgba(65,212,192,1) 0%,rgba(68,197,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41d4c0', endColorstr='#44c5d4',GradientType=1 );
}

#page_thin_form h4,#page_thin_form .h4-like{
	font-size: 35px;
    line-height: 1.2;
    padding-bottom: 10px;
}

#page_thin_form  .div_contact_form_wide_content{
	color:#fff;
}

section.social-section .container-fluid{padding-top:15px; padding-bottom:15px;}

.section-title-contact .h1-like{    
	font-size: 32px;
    color: #fff;
    font-weight: 600;
	padding-bottom:15px;
}

section.contact-section{padding-top:3rem!important;}

body.post-template-template-article h1{margin-top:20px;}

body.post-template-template-article .intro{
	padding: 12px;
    border-radius: 8px;
    
    margin-bottom: 20px;
}

body.post-template-template-article .intro p{
	margin-bottom:0;
}

.row-no-spaces .container{padding:0;}
#contact-page-section,
#contact-page-section a,
#contact-page-section a:hover, 
#contact-page-section .custom_frm_contact .field input:not([type="submit"]),
#contact-page-section .custom_frm_contact .field textarea {color:#fff;}
#contact-page-section .custom_frm_contact .field select {color:#fff;}
#contact-page-section .custom_frm_contact .field option {color:#000;}

#contact-page-section .custom_frm_contact .field input, 
#contact-page-section .custom_frm_contact .field textarea {border-color:#fff;}
#contact-page-section .custom_frm_contact .field select {border-color:#fff;}


#contact-page-section .c-form.custom_frm.custom_frm_contact .field input::placeholder, 
#contact-page-section .c-form.custom_frm.custom_frm_contact .field textarea::placeholder{ 
  color: #fff;
}

img.aligncenter{display:block;margin:0 auto;}

.slider.slider-gallery{
	text-align:center;
}

.slider.slider-gallery img{
	max-height:500px;
	width:auto!important;
}

@media only screen and (max-width: 767px) {
	
	.tab-menu li{
		margin-right: 0;/*2%;*/
		margin-left: 1%; /* 2%;*/
		margin-bottom: 15px;
		width: 32.66%;/* 46%;*/
		float: right;
		height: 60px;
	}
	
	.tab-menu li:nth-of-type(3n){
		margin-left:0;
	}
	
	.tablist_wrapper li.active:after{display:none;}
	
	.tab-menu li button{   
		padding: 0 5px;
		display: inline-block;
		vertical-align: middle;
		height: 98%;
	}
	
	/*.sticker-box:not(.sticker-box-2){background-image:none!important; height:auto!important;}*/
	.sticker-box .mobile_img_wrapper{display:table-row; text-align:center;}
	.sticker-box .mobile_img_wrapper img{padding:10px; width:auto; max-height:100px; max-width: 170px;}
	.GI_TW_expander .GI_TW_expander-inner{width:calc(100% - 30px);}
	.gi_text{padding: 0 24px;}
	
	.row-no-spaces .container{padding-right:15px;padding-left:15px;}
	
	.top-video-container {
		padding-bottom: 0;
		height: 500px;
	}
	
	.process-client .col-6{max-width:100%; flex:0 0 100%;}
}
@media only screen and (max-width: 991px) {
section .container-fluid{ padding-right:15px; padding-left:15px;}
	.type_of_production_main_div>div{padding:0 10px;}
	#page_thin_form>div{padding:20px;}
	.rtl .slicknav_nav  ul  li  a {text-align:right;}
	.slicknav_nav  ul  li  a { font-size: 16px;font-weight:bold; padding: 6px 15px 4px 15px;
	text-align: left; border-left: 0;background-color: #f2f2f2;    line-height: 36px; }
	.rtl .slicknav_nav  ul  li.slicknav_parent > a  i {margin-left:0px;margin-right:5px;}
	.slicknav_nav  ul  li.slicknav_parent > a  i{display: inline-block; margin-left: 5px;color: #47A4C5;}
	.slicknav_nav .slicknav_row:hover{background-color: #f2f2f2;}
	.slicknav_nav .sub-menu{background-color:#47A4C5;}
	.slicknav_nav .sub-menu li  a{ color:#fff; background-color: #47A4C5;} 
	
	#page_thin_form .div_contact_form_wide {position:static;}
	.contact_form_wide_inner .contact_field { padding-bottom: 20px !important;}
	
	.top_vid_container  >div[class*='col-']{
		padding-right: 2rem;
		padding-left: 2rem;
	}
	
	.grid-sizer,
	.sticker-gallery-item {
	  width: calc(100% - 10px);
	}
}





/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9999999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999999;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:right;z-index:1045;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:hand;cursor:hand;cursor:hand;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
/*.mfp-close:hover,.mfp-close:focus{opacity:1}*/
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active{margin-top:-54px;}
/*.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}*/
.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}

.mfp-arrow-left{right:0;}
.mfp-arrow-right:after{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-right:before{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{left:0;}
.mfp-arrow-left:after{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-left:before{border-left:27px solid #3F3F3F;}

.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;}
/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}

@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){
	.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;;}
	.mfp-img-mobile img.mfp-img{padding:0;}
	.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
	.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
	.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}
	.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
	.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
	.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width: 900px){
	.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
	.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
	.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
	.mfp-container{padding-left:6px;padding-right:6px;}
}
/* custom popup */
.white-popup{position:relative;background:#FFF;padding:20px;width:auto;max-width:95%;margin:20px auto;}
/* popup animation */
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready{opacity:0.8;;}
.mfp-fade.mfp-bg.mfp-removing{opacity:0}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;}

.row-flex{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}

.slicknav_btn{background-color:transparent;}



@media all and (min-width: 1200px){
/*.process-client-process .single_process{flex: 0 0 20%; }*/
section .container-fluid,section .container{padding-right:15px; padding-left:15px;max-width:1600px;/*1920px;*/}

}

.rtl #popup-inline-trigger {let:10px;right:auto}
#popup-inline-trigger {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 992;
    background-color: #092135;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: .5rem 0 .5rem 25px;
    border-radius: 2px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
#popup-inline-trigger > i {
    float: right;
    background-color: #4ecbff;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 4rem;
    padding: 0 25px;
    margin: -.5rem 0 -.5rem 25px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
#popup-inline-trigger > span {
    display: inline-block;
}
#popup-inline-trigger > span > strong {
    display: block;
    font-size: 1.375rem;
}
#popup-inline-trigger:hover span,#popup-inline-trigger:hover i{
	color:#fff;
}

#popup-inline {
    padding: 1.25rem 30px;
    max-width: 600px;
    margin: 0 auto;
    color: #000;
    background-color: #fff;
    border: 4px solid #4c9fc1;
    text-align: center;
	position:relative;
}

#popup-inline *{color:#000;}
#popup-inline .field input,#popup-inline .field select,#popup-inline .field textarea{border-color:#4c9fc1;}
#popup-inline .field textarea{max-height:200px;}

@media all and (max-width: 991px){
	#popup-inline {max-width:90%;}
	#popup-inline-trigger {
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 0;
		font-size: 1rem;
		padding: .25rem 0 .25rem 15px;
	}
	#popup-inline-trigger > i {
		padding: 0 15px;
		margin: -.25rem 0 -.25rem 15px;
		line-height: 3.5rem;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.slick-dots{display:none!important;}
	#popup-inline .field input, #popup-inline .field select, #popup-inline .field textarea{padding-top:4px;padding-bottom:4px;}
}

/*.faq - start */
.s_faq .tab_wrapper{margin-bottom:10px;}
.s_faq .panel{
	padding:0; 
	width:100%;
	visibility:hidden;
	opacity:0;
	max-height:0;
	-webkit-transition: visibility 0.8s ease, opacity 0.8s ease,max-height 0.8s ease;
	-moz-transition: visibility 0.8s ease, opacity 0.8s ease,max-height 0.8s ease;
	-ms-transition: visibility 0.8s ease, opacity 0.8s ease,max-height 0.8s ease;
	transition: visibility 0.8s ease, opacity 0.8s ease,max-height 0.8s ease;
}

/*.s_faq .title_block{position:relative; padding:0; margin-bottom:10px;}*/
.s_faq .title_block a{padding:8px 15px; cursor:pointer; width:100%;display:block;}
.s_faq .title_block a:hover{color:#fff!important;}
.s_faq .title_block .shavron  {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	padding: 0 20px;
}

.s_faq .title_block .shavron svg{transform: rotateZ(-270deg);}
.s_faq .tab_wrapper.open .title_block .shavron svg{transform: rotateZ(0deg);}

.s_faq .tab_wrapper.open .panel{
	visibility:visible;
	opacity:1;
	max-height:800px;
	/*margin-bottom:16px;
	padding:40px;*/
	width:100%;
}
/*
.s_faq .tab_wrapper .title_block,
.s_faq .tab_wrapper:not(.open) .title_block,
.s_faq .tab_wrapper:not(.open) .shavron  {background-color:#33D1D2;}*/

ul.faq-list { list-style: none; padding: 0; margin: 0; }

	ul.faq-list > li { margin-bottom: .5rem; position: relative; padding-bottom: 1.5rem; background-color: #fff; color: #6b6b6b; border: 1px solid #dfd5ce; border-radius: 8px; text-align: right; }

	ul.faq-list > li:last-child { margin-bottom: 0; }

ul.faq-list > li > .h { cursor: pointer; color: #141414; font-size: 1.125rem; font-weight: 500; padding: 1rem 50px 1rem 20px; }

	ul.faq-list > li > .h:before { color: #33D1D2; font-size: 1.25rem; font-family: "Assistant"; font-weight: bold; content: "ש"; display: inline-block; padding: 1rem 20px; border-radius: 8px; vertical-align: middle; position: absolute; top: -1px; right: 0; }
	
	ul.faq-list > li > .h > .e { display: block; position: absolute; bottom: 1px; right: 1px; left: 1px; padding: .25rem 50px .625rem 20px; border-radius: 8px; background-color: #fff; color: #33D1D2; font-size: 1rem; font-weight: bold; }

	ul.faq-list > li > .h > .e > i { margin-left: 5px; }

ul.faq-list > li > .b { display: none; position: relative; font-size: 1rem; color: #6b6b6b; padding: 1rem 50px 1rem 20px; }

	ul.faq-list > li > .b:before { color: #cbcbcb; font-size: 1.25rem; font-family: "Assistant"; font-weight: bold; content: "ת"; display: inline-block; padding: 1rem 20px; border-radius: 8px; vertical-align: middle; position: absolute; top: -1px; right: 0; }


/*.faq - end */
.single_tip_text{padding-right:60px;position:relative;padding-top:20px;}
.icon-wrapper{text-align:center;width:50px; height:50px;position:absolute;right:0px; top:10px;}
.icon-wrapper img{max-width:100%; max-height:100%;}

/* .benefits - start */
.s_benefits{text-align:center;}
.benefit_title,.single_tip_title{font-weight:bold;}

@media only screen and (max-width: 991px){
	.s_faq .tab_wrapper.open .panel{padding:1rem 50px 1rem 20px;/*8px;*/}
	.s_faq .tab_wrapper.open .panel > .col-12{padding-right:0;padding-left:0;}
}

.grecaptcha-badge {
visibility:hidden!important;
}

#whatsapp-inline-trigger {position:fixed;bottom:0;left:0;z-index:9999999;}
@media only screen and (min-width: 992px){
	#whatsapp-inline-trigger {display:none;}
}