/* GLOBAL STYLES */

@import "../fonts/stylesheet.css";


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{font-size:16px;color:#2d3035;margin:0;padding:0;font-family: 'Open Sans Hebrew';font-weight:400;    direction: rtl;}
a{color:#17293e;text-decoration:none;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
a:focus{outline:none;text-decoration:none;color:#3c97ac;}
a:hover,a:active{outline:0;text-decoration:none;color:#3c97ac;}
p{margin:0 0 20px 0;}
img{max-width:100%;border:0;}
ol,ul{margin:0;padding:5px 0 15px;}
table{border-collapse:collapse;border-spacing:0}
hr{background-color:rgba(0,0,0,0.1);border:0;height:1px;margin-bottom:23px;}
h1,h2,h3,h4,h5,h6{clear:both;font-weight:700;color:#464646;font-family: 'Open Sans Hebrew';line-height:1.2;margin:36px 0 12px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
h1{font-size:42px;}
h2{font-size:36px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:18px;}
h6{font-size:16px;}
input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-webkit-border-radius:0px;border:1px solid #b7b7b7;}
input,button,textarea,select{border:1px solid #ccc;outline:none;font-family: 'Open Sans Hebrew';font-size:14px;color:#000;}
input[type=submit],button{cursor:pointer;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all  0.4s ease-in-out;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset;}

textarea:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-webkit-border-radius:0px;border:1px solid #b7b7b7;}
textarea,button,textarea,select{border:1px solid #ccc;outline:none;font-family: 'Open Sans Hebrew';font-size:14px;color:#000;}
textarea[type=submit],button{cursor:pointer;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all  0.4s ease-in-out;}
textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset;}

select{background-image:url('./images/down-arrow.png');background-position:right 30px center;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
::-webkit-selection{background-color:#47d5ff;color:#000;text-shadow:none;}
::-moz-selection{background-color:#47d5ff;color:#000;text-shadow:none;}
::selection{background-color:#47d5ff;color:#000;text-shadow:none;}
::-webkit-input-placeholder{color:#000;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
::-moz-placeholder{color:#000;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
:-ms-input-placeholder{color:#000;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* Slider */
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{outline:none;position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow{cursor:pointer;z-index:5;position:absolute;top:50%;margin-top:-17.5px;color:#fff;background:transparent;width:23px;height:23px;font-size:0;cursor:pointer;border:1px solid #000000;border-radius:100%;padding:0px;}
.slick-arrow:before{font-family:'FontAwesome';font-size:14px;color:#000000;}
.slick-arrow:hover{background:#fff;color:#000;}
.slick-arrow.slick-prev{left:0px;}
.slick-arrow.slick-prev:before{content:"\f104";}
.slick-arrow.slick-next{right:0px;}
.slick-arrow.slick-next:before{content:"\f105";}
.slick-arrow.slick-disabled,.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none;}
ul.slick-dots{margin:0;padding:0;list-style:none;float:left;width:100%;}
ul.slick-dots{text-align:center;padding:10px 0 0;}
ul.slick-dots li{display:inline-block;padding:0 5px;}
ul.slick-dots li button{display:inline-block;background:#a1a1a1;width:15px;height:15px;border-radius:100%;font-size:0;text-index:-9999;cursor:pointer;padding:0px;}
ul.slick-dots li button:hover,ul.slick-dots li.slick-active button{background:#b2d6c8;}

ul.form-group li input::-webkit-input-placeholder { /* Edge */color: #000;}
ul.form-group li input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #000;}
ul.form-group li input::placeholder {color: #000;}

ul.form-group li textarea::-webkit-input-placeholder { /* Edge */color: #000;}
ul.form-group li textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #000;}
ul.form-group li textarea::placeholder {color: #000;}


.container {/*width: 1600px;*/width: 1200px;}

/*---Header---*/
.main-content > .vc_row{margin-left:0;margin-right:0;}
.fullwidth-section .container{width:100%;max-width:100%;}
.fullwidth-section .container .vc_column-inner{padding:0px;}
.grid-section{clear:both;margin:0!important;}
.vc_column-inner:after,.vc_column-inner:before{display:block;}
.wpb_button,.wpb_content_element,ul.wpb_thumbnails-fluid > li{margin-bottom:0;}
.header-main{position:relative; background-color: #fff;padding: 35px 0;float: left; width: 100%;}


/*Header Fixed */
.header-main.fixed {z-index: 11;padding: 0;height: 70px !important;animation: stuckMoveDown .6s;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);padding: 10px 0;}
.fixed {position: fixed;top: 0;left: 0;width: 100%;background: #fff;margin: 0 auto}
/*.fixed .logo { padding: 10px 0px;}*/
.fixed .nav-menu {padding: 10px 0}
.header-main.fixed .logo img {max-height: 50px !important}
.header-main:not(.fixed) .logo img {transition: max-height .5s; /*max-width: 170px;*/ }
@keyframes stuckMoveDown {
0% { transform: translateY(-100%);}
100% { transform: translateY(0);}
}

/*Nav*/
.nav-menu{float:left;}
.menulinks{display:none;text-align:center;width:41px;height:35px;line-height:35px;color:#fff;font-size:22px;position:absolute;top:0px;right:15px;cursor:pointer;}
ul.mainmenu{vertical-align:middle;display:inline-block;margin:0;padding:0;list-style:none;text-align:left;}
ul.mainmenu > li{display:inline-block;    margin: 0 30px; position:relative;vertical-align:top;}
ul.mainmenu > li > a:not(.child-triggerm){    padding: 0;display:inline-block;text-align:center;font-size:20px;font-weight:700;color:#000;  line-height:18px;position:relative;vertical-align:top;}
ul.mainmenu > li.parent > a:not(.child-triggerm){padding-right:20px;}
ul.mainmenu > li:hover a,ul.mainmenu > li > a.active{color:#1076bc;}
ul.mainmenu > li > a.active, ul.mainmenu > li > a:hover{border-bottom:2px solid #1076bc;}
/*ul.mainmenu > li > a.active:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#16c1f3;border-width:8px;margin-left:-8px;}
*/ul.mainmenu ul{position:absolute;left:0;width:250px;padding:0;list-style:none;margin:0;background:#111;z-index:2;display:none;}
ul.mainmenu ul li{border-bottom:1px solid rgba(255,255,255,0.1);position:relative;}
ul.mainmenu ul li:last-child a:hover {border-bottom:none;}
ul.mainmenu li:last-child a{ color:#1076bc; }
ul.mainmenu li li a:not(.child-triggerm){color:#fff;display:block;padding:8px 15px;font-size:15px;}
ul.mainmenu li li a:hover{/*background:rgba(255,255,255,0.1);*/ background: #EEB63D;}
ul.mainmenu ul ul{position:absolute;left:100%;top:0;display:none;}
ul.mainmenu > li.parent > a:before{content:"\f107";font-family:FontAwesome;position:absolute;right:0;top:50%;transform:translateY(-50%);}
ul.mainmenu > li.parent > a.child-triggerm:before{content:none;}
.header-main .row{display:flex;align-items:center;}
ul.mainmenu > li:last-child:hover a{ border:none; }


/*Nav*/

/*Tables css*/
table{border-collapse:collapse;margin:0 0 1.5em;width:100%;}
thead th{border-bottom:2px solid #bbb;padding-bottom:0.5em;}
th{padding:0.4em;text-align:left;}
tr{border-bottom:1px solid #eee;}
td{padding:0.4em;}
th:first-child,td:first-child{padding-left:0;}
th:last-child,td:last-child{padding-right:0;}


ul.mainmenu > li > a span {float: right; padding: 0 0 0 10px; }

header#header {
    float: left;
    width: 100%;
}
.yellow-btn{ color: #171717; padding: 8px 15px; border: 2px solid #171717; display: inline-block; position: relative; font-weight: bold; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.yellow-btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.yellow-btn:hover:before, .yellow-btn:focus:before, .yellow-btn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.yellow-btn:hover{ color: #fff; }



/* service-area Section */
.service-areas{padding: 120px 0;background: #f5f9ed;position: relative; float: left; width: 100%;  display: inline-block;vertical-align: middle; margin: -10px 0 0; z-index: -1;}
.service-text{padding: 90px 0 70px;border-bottom: 7px solid #fff;}
.service-areas .service-box-area{float: left; background:#fff;  /* width: calc(100% + 8px);*/  width: 100%;display: inline-block;}
.service-areas .service-box{ width: 50%; float: right;display: inline-block;text-align: right;position: relative;    padding: 0; transition: inherit;}
.service-areas .service-box-inner{position: relative; padding: 0 125px 0 0; }
.service-areas .service-box-image{ width: 50%; float: left;text-align: center;}
.service-areas .service-box-image img{     width: 570px;object-fit: cover;object-position: center;}
.service-areas .service-box-image .service-box-cover{position: relative;    margin: 30px 0 0;}
.service-areas .service-box-image .service-box-cover:before{content: ""; background:url(../images/about-bg.png); position: absolute;left: 88px; bottom: -20px;    height: 435px; width: 550px;z-index: -1;}
.service-areas .service-box-inner h3{color:#1076bc;z-index: 1; margin: 0;padding: 0; left: 0;text-align: right; width: 100%; -ms-transform(x): translate(-34%); /* IE 9 */ -webkit-transform(x): translate(-34%); /* Safari */ transform(x): translate(-34%);font-style: normal; font-weight: 600;font-size: 38px; margin: 0 0 40px; line-height: 40px; position: inherit; top: inherit;}
.service-areas .service-box-inner h3 sup{}
.service-areas .service-box-inner p{ font-weight:600;font-size: 19px; line-height: 29px;color:#534A43; margin: 0 0 30px;}
.service-areas .service-box-inner p:last-child{ margin: 0; }
.service-areas .service-box-inner a{ margin: 20px 0 0; display: inline-block;background: #F1C541; border: 2px solid #F1C541; color: #fff;line-height: 18px;  font-style: normal; font-weight: 500; font-size: 18px; padding: 15px 40px;border-radius: 4px;}
.service-areas .service-box-inner a:hover{background: none;border: 2px solid #F1C541; color: #F1C541; text-decoration: none;}
.service-areas .service-box-area .container-fluid{margin:0;}
.service-areas .service-box-area .container-fluid .col-md-4{margin:0;padding:0;}
.service-inner{ text-align: center;float:none;width: 80%;margin: 0 auto;}
.service-inner .main-service-box{ display: inline-block;width: 380px;    padding: 0 20px;}
.service-areas .service-box:hover{transform: translateY(0px);}


.story-sec{ background: #ffffff; padding: 140px 0 100px;margin: -70px 0 0; position: relative; text-align: center; float: left; width: 100%; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);}
.story-sec h3 {margin: 0 0 50px; font-size: 38px; color: #000; }
.story-box-detail{ display: flex;flex-wrap: wrap; max-width: 1230px; text-align: center; margin: 0 auto; }
.story-box {width: 48%; border-radius: 0 0 0 90px;border: 2px solid #1076bc;padding: 30px 20px; margin: 0 auto; position: relative; }
.story-box:after{ content: ""; position: absolute; bottom: -32px;left: 80px; height: 38px; width: 57px; background: url(../images/d-arrow.png) no-repeat; border-top: 2px solid #fff;}
.story-box p{ text-align: right;margin: 0 0 10px;font-size: 17px; color: #000;line-height: 25px; font-weight:600;}
.story-box span{ color: #1076bc; text-align: left;display: inherit;font-weight: 600; }


.footer-logo { text-align: left;}
.footer-bottom-section{background: #1076bc;    border-top: 1px solid #fff; padding:15px 0; color:#fff;float: left;width: 100%; text-align: center; }
.copyright{margin:0;color:#fff;float: right;font-style: normal; font-weight: 600; font-size: 14px;    text-align: right; padding: 0 50px 0 0;}
.copt-web{ text-align: left; }
.copyright a{color:#fff;text-decoration: underline;}
.copyright a:hover { color: #F1C541; }
.footer-bottom-section ul{    padding: 0;}
.footer-bottom-section ul li{    display: inline;}
.footer-bottom-section ul li:last-child{border: none;}
.footer-bottom-section ul li a{color:#fff; font-style: normal; font-weight: 500; font-size: 16px;line-height: 18px; border-right: 1px solid #fff;    padding: 0 10px; }
.footer-bottom-section ul li a:hover{text-decoration: none;color:#F1C541 ;}
.footer-bottom-section ul li:last-child a{ border: none; padding-right: 0; }
.footer-bottom-section span{ padding: 0 0 0 50px; text-align: left; font-weight: 600;   display: block;     font-size: 14px;}

/* Back To Top */
#toTop { text-align: center;border: 2px solid #3F3F3F; bottom: 20px; cursor: pointer;display: none; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#toTop i{ position: absolute;right: 0;top: 9px; width: 100%;font-size: 28px; color: #3F3F3F;}
#toTop:hover {background: #3F3F3F;color:#fff;}
#toTop:hover i{color:#fff;}



.banner-scetion { float: left; width: 100%;height: 940px; display: flex;}
.video-scetion{ width: calc(100% - 520px);    position: relative; }
.video-scetion img, .video-scetion iframe{height: 100%; width: 100%; object-fit: cover;}
.video-scetion span{position: absolute; bottom: 20px; left: 20px;color: #fff; font-size: 16px;font-weight: 600;}
.banner-form{ width: 520px;background: #1076bc; padding: 30px 50px; text-align: center; color: #fff; }
.banner-form h3{    margin: 0; color: #fff;    font-size: 40px;}
.banner-form span{ font-size: 25px;    font-weight: 600; }
.banner-form h4{color: #fff; margin: 0;font-size: 32px;}
.banner-form p{font-size: 25px;    font-weight: 600;}
.banner-form form{}
.banner-form form .form-group{direction: rtl;}
.banner-form form ul.form-group {padding: 0;    margin: 0;}
.banner-form form ul.form-group li{ margin: 0 auto 10px; list-style: none; max-width: 310px;}
.banner-form form ul.form-group li input{font-weight: 600;    color: #000;background: #fff; border: 0; min-width: 255px; height: 44px; padding: 6px 15px; color: #1076bc; font-size: 16px;}
.banner-form form ul.form-group li input.btn{background: #a1d310; color: #fff; font-size: 16px; border: none; padding: 7px 20px; font-weight: 600;     min-width: 100%}
.banner-form form ul.form-group li input.btn:hover{background: #000;}
.banner-form form ul.form-group li input::-webkit-input-placeholder { /* Edge */color: #fff;}
.banner-form form ul.form-group li input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
.banner-form form ul.form-group li input::placeholder {color: #fff;}

.banner-form form ul.form-group li textarea{font-weight: 600;    color: #000;background: #fff; border: 0; min-width: 255px; padding: 6px 15px; color: #1076bc; font-size: 16px;}
.banner-form form ul.form-group li textarea::-webkit-input-placeholder { /* Edge */color: #fff;}
.banner-form form ul.form-group li textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
.banner-form form ul.form-group li textarea::placeholder {color: #fff;}

.mideator{ position: relative; margin: 40px 0;} 
.mideator img{}
.mideator:before{ content: ""; position: absolute; left: 70px; top: 15px; background: #fff; height: 2px; width: 80px; } 
.mideator:after{ content: ""; position: absolute; right: 70px; top: 15px; background: #fff; height: 2px; width: 80px;}


/*Page Loader */
.load-complete {position: fixed;background: #19314B;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;z-index: 1031;}
.load-complete img {margin: 0 auto;display: block;top: 50%;position: absolute;left: 0;right: 0;text-align: center;}



/*Form Section */
section.bottom-form { position: relative; background-color:#1076bc; float: left; width: 100%; padding: 50px 0; }
.bannerbottom {margin: 0 auto; text-align: center;background-color:#1076bc; }
.bannerbottom h3 {line-height: 35px;   font-size: 32px;color: #fff; direction: rtl; margin: 0 0 10px; }
.bannerbottom span{font-size: 25px; color: #fff; font-weight: 700; margin: 0 0 20px;display: inline-block;}
.bannerbottom form {direction: rtl; display: flex; align-items: center; justify-content: center; }
.bannerbottom form .form-group {margin: 0 5px; }
.bannerbottom .form-group input {background: transparent; border: 3px solid #fff; min-width: 255px; height: 44px; padding: 6px 15px; color: #fff; font-size: 20px; }
.bannerbottom button.btn.btn-default {background: #a1d310; color: #fff; font-size: 22px; border: none; padding: 7px 20px; font-weight: 600; }
.bannerbottom form{}
.bannerbottom form .form-group{direction: rtl; display: flex; align-items: center; justify-content: center;}
.bannerbottom form ul.form-group {padding: 0;    margin: 0;}
.bannerbottom form ul.form-group li{margin: 0 5px; list-style: none;}
.bannerbottom form ul.form-group li input{font-weight: 600;   color: #000;background: #fff; border: 0; min-width: 255px; height: 44px; padding: 6px 15px; color: #1076bc; font-size: 16px;}
.bannerbottom form ul.form-group li input.btn{background: #a1d310; color: #fff; font-size: 16px; border: none; padding: 7px 20px; font-weight: 600; min-width: 90px;}
.bannerbottom form ul.form-group li input.btn:hover{background: #000;}
.bannerbottom form ul.form-group li input::-webkit-input-placeholder { /* Edge */color: #fff;}
.bannerbottom form ul.form-group li input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
.bannerbottom form ul.form-group li input::placeholder {color: #fff;}

.bannerbottom form ul.form-group li input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1076bc;
  opacity: 1; /* Firefox */
}

.bannerbottom form ul.form-group li input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1076bc;
}

.bannerbottom form ul.form-group li input::-ms-input-placeholder { /* Microsoft Edge */
  color: #1076bc;
}

.mob-contact{ display: none; }

.top-sec{background: url(../images/top-sec-bg.png) no-repeat; padding: 90px 0 135px; width: 100%; height: 100%;/* float: left;*/display: inline-block;background-position: top center; background-size: cover; }
.pain-box{display: flex; flex-wrap: wrap; direction: rtl; max-width: 730px; margin: 50px auto 75px;padding: 0;}
.pain-box li{ height: 180px; width: 50%; list-style: none; background-color: #74bf50; text-align: center;position: relative; background-size: cover;
    background-repeat: no-repeat; }
.pain-box li span{ display: block;    margin: 0 0 15px; }
.pain-box li img{}
.pain-box li h5{ color: #fff; display: block; margin: 0;font-size: 23px; }
.imb-bx{ height: 180px; width: 50%; background-repeat: no-repeat; }

.pain-box li:nth-child(3), .pain-box li:nth-child(4){ display: flex;flex-direction: row-reverse; }
.pain-box li:nth-child(3) .pain-box-detail, .pain-box li:nth-child(4) .pain-box-detail { right: 0;}


.top-sec .container {width: 940px; text-align: center; }
.top-sec h3{ color: #1076bc; font-size: 38px; margin: 0 0 40px; line-height: 38px;}
.top-sec p{ color: #000; font-size: 19px; margin: 0 0 50px; line-height: 28px; font-weight: 600;}
.top-sec p a{ color: #1076bc; }
.pain-box-detail{ transform: translateY(-50%); position: absolute; width: 50%; left: 0; top: 50%;}
.top-form{ padding: 35px 0; margin:-140px auto 0; background:#1076bc;width: 1110px; z-index: 9; position: relative;}
.top-form h3{ color: #fff; }
.top-form .container { text-align: center; width: 100%;}

.banner-form form ul.form-group li input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1076bc;
  opacity: 1; /* Firefox */
}

.banner-form form ul.form-group li input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1076bc;
}

.banner-form form ul.form-group li input::-ms-input-placeholder { /* Microsoft Edge */
  color: #1076bc;
}

.banner-form form ul.form-group li textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1076bc;
  opacity: 1; /* Firefox */
}

.banner-form form ul.form-group li textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1076bc;
}

.banner-form form ul.form-group li textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #1076bc;
}

.top-form .mideator, .bottom-form .mideator{ display:none;}



/*popup*/
.fancybox-overlay {    background: url(../images/fancybox_overlay.png)!important;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  background-image: url(../images/fancybox_sprite.png)!important;}
.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .fancybox-skin {  padding: 20px!important;  background: #1076bc!important;}



.fancybox-inner  h4{color: #fff; margin: 0;font-size: 32px; text-align: center;}
.fancybox-inner  p{ color: #fff; font-size: 25px;    font-weight: 600; text-align: center;}

.fancybox-inner  form{}
.fancybox-inner  form .form-group{direction: rtl;}
.fancybox-inner  form ul.form-group {padding: 0;    margin: 0;}
.fancybox-inner  form ul.form-group li{ margin: 0 auto 10px; list-style: none; max-width: 310px;}
.fancybox-inner  form ul.form-group li input{font-weight: 600;    color: #000;background: #fff; border: 0; min-width: 255px; height: 44px; padding: 6px 15px; color: #1076bc; font-size: 16px;}
.fancybox-inner  form ul.form-group li input.btn{background: #a1d310; color: #fff; font-size: 16px; border: none; padding: 7px 20px; font-weight: 600;     min-width: 100%}
.fancybox-inner  form ul.form-group li input.btn:hover{background: #000;}
.fancybox-inner  form ul.form-group li input::-webkit-input-placeholder { /* Edge */color: #fff;}
.fancybox-inner  form ul.form-group li input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
.fancybox-inner  form ul.form-group li input::placeholder {color: #fff;}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width:768px){
    ul.mainmenu{display:block!important;}
    ul.mainmenu li:hover > ul{display:block;}
    ul.mainmenu ul li:hover ul{display:block;}
}
@media only screen and  (min-width: 1661px) and (max-width: 2500px){
.container { width: 1600px;}
}

@media (max-width:1660px){
ul.mainmenu > li {  margin: 0 20px;}


}
@media (max-width:1440px){
.container { width: 1200px;}
.service-areas .service-box-image .service-box-cover:before { left: 0;}
}

@media (max-width:1366px){


}
@media (max-width:1200px){
.container { width: 1200px;}
ul.mainmenu > li {margin: 0 20px;}
.banner-form { width: 420px;    padding: 50px 40px;}
.video-scetion { width: calc(100% - 420px);}
.banner-form h3 { font-size: 35px;}
.mideator { margin: 25px 0;}
.banner-scetion {  height: 675px;}
.service-areas .service-box-inner { padding: 0;}


}

/*-- Max Media Queries --*/
@media (max-width:1199px){
.header-main { padding: 15px 0;}
.top-sec .container {width: 100%;}
.top-form { width: 100%;}
.container {  width: 100%;}
.banner-form span { font-size: 21px; line-height: 24px; margin: 10px 0 0; display: block; }
.banner-form form ul.form-group li input { height: 40px;}
.banner-scetion {  height: 600px;}
.banner-form {padding: 40px 40px;}
.top-sec { padding: 50px 0 135px;}
.story-sec { padding: 70px 0 100px; margin: 0;}
.service-areas {  padding: 80px 0 70px;}
.service-areas .service-box-inner p { font-size: 16px; line-height: 25px; margin: 0 0 15px;}
.service-areas .service-box-image .service-box-cover:before { left: -10px;     height: 390px;width: 475px;  }
.service-areas .service-box-image img {  width: 100%;}

}
@media (max-width:1024px){

.banner-form { padding: 30px 30px; width: 330px;}
.video-scetion { width: calc(100% - 330px);}
.banner-form h3 {  font-size: 27px;}
.banner-form h4 { font-size: 25px;}
.banner-scetion { height: 580px;}
.service-areas .service-box, .service-areas .service-box-image {  width: 100%;}
.service-areas .service-box-inner h3 { margin: 0 0 20px;}
.service-areas .service-box-image { padding: 50px 0 0;}
ul.mainmenu > li > a:not(.child-triggerm) { font-size: 15px;}
.service-areas .service-box-image .service-box-cover:before {
    left: -10px;
    height: 96%;
    width: 97%;
}
}




@media (max-width:991px){
ul.mainmenu > li > a:not(.child-triggerm) { font-size: 13px;}
ul.mainmenu > li {margin: 0 10px;}









}


  @media only screen and (max-width: 768px) {
  ul.resp-tabs-list { display: none; } 
  h2.resp-accordion { display: block; } 
  .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } 
  .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: initial; clear: none; } 
  .resp-accordion-closed { display: none !important; } 
  .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } 
  }


@media (max-width:767px){
    /*Nav*/
    .menulinks{display:inline-block;}
    ul.mainmenu > li.parent > a:before {content: none;}
    ul.mainmenu{text-align:left;position:absolute;top:100%;padding:0;right:0;width:100%;background:#000;display:none;z-index:9999999;max-height: calc(100vh - 91px);overflow: auto;}
    ul.mainmenu > li{float:left;width:100%;padding:0px;margin:0;border-top:1px solid rgba(255,255,255,0.2);position:relative;}
    ul.mainmenu > li:first-child{border:none;}
    ul.mainmenu > li > a:not(.child-triggerm){padding:10px 15px;font-size:16px;float:left;width:100%;border:none;text-align:right;color:#fff;}
    ul.mainmenu > li > a:hover{background:rgba(255,255,255,0.2);}
    ul.mainmenu > li > a.active:after{display:none;}
    ul.mainmenu ul{position:relative;top:auto;left:auto;float:left;width:100%;}
    ul.mainmenu ul li{position:relative;}
    ul.mainmenu li li a:link,ul.mainmenu li li a:visited{padding:8px 15px 8px 25px;color:#fff;}
    ul.mainmenu ul ul{position:relative;left:auto;top:auto;float:left;width:100%;}
    ul.mainmenu ul ul li{padding-left:10px;}
    .header-main .row > div{position:initial;}
    .mobile-toggle{position:absolute;display:block;height:25px;width:30px;left:15px;top:50%;display:block;cursor:pointer;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
    .mobile-toggle i{position:absolute;height:5px;    border-radius: 15px;display:block;width:100%;background:#1076bc;left:0px;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);}
    .mobile-toggle i:after,.mobile-toggle i:before{content:"";height:100%;width:100%;background:#1076bc;left:0;position:Absolute;}
    .mobile-toggle i:after{    border-radius: 15px;top:9px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:top  0.2s linear 0.2s,-webkit-transform 0.2s linear;transition:top  0.2s linear 0.2s,-webkit-transform 0.2s linear;-o-transition:transform 0.2s linear,top  0.2s linear 0.2s;transition:transform 0.2s linear,top  0.2s linear 0.2s;transition:transform 0.2s linear,top  0.2s linear 0.2s,-webkit-transform 0.2s linear;}
    .mobile-toggle i:before{    border-radius: 15px;top:-9px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:top 0.2s linear 0.2s,-webkit-transform 0.2s linear;transition:top 0.2s linear 0.2s,-webkit-transform 0.2s linear;-o-transition:transform 0.2s linear,top 0.2s linear 0.2s;transition:transform 0.2s linear,top 0.2s linear 0.2s;transition:transform 0.2s linear,top 0.2s linear 0.2s,-webkit-transform 0.2s linear;}
    .mobile-open .mobile-toggle i{background:transparent;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
    .mobile-open .mobile-toggle i:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0;-webkit-transition:all 0.2s linear,-webkit-transform 0.2s linear 0.2s;transition:all 0.2s linear,-webkit-transform 0.2s linear 0.2s;-o-transition:all 0.2s linear,transform 0.2s linear 0.2s;transition:all 0.2s linear,transform 0.2s linear 0.2s;transition:all 0.2s linear,transform 0.2s linear 0.2s,-webkit-transform 0.2s linear 0.2s;}
    .mobile-open .mobile-toggle i:before{top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.2s linear,-webkit-transform 0.2s linear 0.2s;transition:all 0.2s linear,-webkit-transform 0.2s linear 0.2s;-o-transition:all 0.2s linear,transform 0.2s linear 0.2s;transition:all 0.2s linear,transform 0.2s linear 0.2s;transition:all 0.2s linear,transform 0.2s linear 0.2s,-webkit-transform 0.2s linear 0.2s;}
    a.child-triggerm{display:block!important;cursor:pointer;position:absolute!important;top:0px;right:0px;width:50px!important;min-width:50px!important;height:38px!important;padding:0!important;border-left:1px dotted rgba(255,255,255,.20);}
    a.child-triggerm:hover{text-decoration:none;color:#f00;}
    a.child-triggerm span{position:relative;top:50%;margin:0 auto!important;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;}
    a.child-triggerm span:after{position:absolute;content:'';}
    a.child-triggerm span,a.child-triggerm span:after{width:10px;height:1px;background-color:#fff;display:block;}
    a.child-triggerm span:after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;}
    a.child-triggerm.child-open span:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;}
    a.child-triggerm.child-open span{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;}
    a.child-triggerm:hover span,a.child-triggerm:hover span:after{background-color:#f00;}


.video-scetion, .banner-form { width: 100%;}
.banner-scetion {  display: inherit;}
header#header { z-index: 999;  position: relative;}
.banner-scetion { display: flex;height: auto;  flex-direction: column-reverse;}
.video-scetion img, .video-scetion iframe { height: 400px;}
.mideator:before { left: 240px;}
.mideator:after { right: 240px;}
.story-box-detail {  max-width: 100%;}
.pain-box {  max-width: 100%;}
.bannerbottom form ul.form-group li input {  min-width: 200px;}

/*.pain-box li { width: 25%;}*/






}
@media (max-width:640px){
.mideator:before {left: 180px;}
.mideator:after { right: 180px;}
.pain-box { max-width: 100%; margin: 50px auto 50px;}
.story-box { width: 100%; margin: 0 auto 50px;}
.story-sec h3 {  margin: 0 0 30px;}
.story-sec { padding: 50px 0 50px;}
/*.pain-box li { width: 50%;  margin: 0 0 10px;}*/
.service-areas { padding: 60px 0 50px;}
.bannerbottom form ul.form-group li input {min-width: 100%; max-width: 100%; width: 100%; }
.bannerbottom form ul.form-group { display: inline-block;width: 100%;}
.bannerbottom form ul.form-group li, .banner-form form ul.form-group li, .banner-form form ul.form-group {  margin: 0 0 10px;  width: 100%;max-width: 100%;}
.pain-box li h5 { padding: 0 10px; font-size: 20px;}
.pain-box li {
    height: 150px;}
.imb-bx { height: 150px;}
}

@media (max-width:568px){
.mideator:after {right: 18%; } .mideator:before {left: 18%; }

.imb-bx {  height: 190px; background-size: 100% 100%;}
.pain-box {  display: flex;   /*flex-direction: row-reverse;*/}
.pain-box li{width:100%;height: 190px;   background-position: center;}
/*.pain-box li:nth-child(2) { order: 1; }
.pain-box li:nth-child(1) { order: 2; }
.pain-box li:nth-child(3) { order: 3; }
.pain-box li:nth-child(4) { order: 4; }
.pain-box li:nth-child(5) { order: 5; }*/
  .banner-form h3 br{ display: none; }  
.banner-form span { font-size: 18px;}
.bannerbottom form ul.form-group li, .banner-form form ul.form-group li, .banner-form form ul.form-group, .bannerbottom form ul.form-group { margin: 0 auto 10px;  width: 90%;  max-width: 90%;}
.banner-form form ul.form-group li input { height: 45px;}
.mob-contact{ display: block;position: fixed;  bottom: 0; left: 0; width: 100%;z-index: 99; }
.mob-contact .mob-contact-box{background: #fff; float: left; width: 100%;    padding: 0;   border: 1px solid #1076bc;}
.mob-contact .mob-contact-box li{ width: 49%;    padding: 30px 0; position: relative;  text-align: center; display: inline-block; }
 .mob-contact .mob-contact-box li:before{ content:""; position: absolute;left: 0; top:0; height: 95px; width: 1px; background:#1076bc ; }
  .mob-contact .mob-contact-box li:last-child:before{ background: none; }
.mob-contact .mob-contact-box li a{}
.mob-contact .mob-contact-box li span{color: #1076bc; font-weight: bold; font-size: 22px; margin: 0 10px 0 0;}
.mob-contact .mob-contact-box li img{    height: 30px;  max-width: auto;}
.top-sec p { line-height: 38px;}
.story-box p { line-height: 30px;}
.story-box { border-radius: 0 0 0 35px}
.story-box-detail { padding: 0 30px;}
.service-areas .service-box-inner h3, .service-areas .service-box-inner { text-align: center;}
.service-areas .service-box-inner p { line-height: 31px}
.service-areas .service-box-image .service-box-cover:before { left: -12px;  bottom: -15px;    height: 100%;  width: 100%;}
.top-form .mideator, .bottom-form .mideator{ display:block;}
.bannerbottom span { margin: 0;}

#toTop {  display: none !important;}

.footer-bottom-section{ margin: 0 0 96px; }

.pain-box li:nth-child(2), .pain-box li:nth-child(4){ display: flex;flex-direction: row-reverse; }
.pain-box li:nth-child(2) .pain-box-detail, .pain-box li:nth-child(4) .pain-box-detail { right: 0;}

.pain-box li:nth-child(3){ display: flex;flex-direction: row; }
.pain-box li:nth-child(3) .pain-box-detail{ left: 0;right: inherit;}


 }


@media (max-width:414px){

 .logo img { max-width: 200px;}
 .video-scetion span { right: 10px; left: inherit;}
.mideator:after { right: 23%;}
.mideator:before {  left: 23%;}
.top-sec h3 {font-size: 32px;  margin: 0 0 20px;}
.bannerbottom h3 { font-size: 28px;}
.bannerbottom span {  font-size: 21px;}
.story-sec h3 {  font-size: 31px;}
section.bottom-form {  padding: 30px 0;}
.copyright { padding: 0;}
.footer-bottom-section span {padding: 0;}
.mob-contact .mob-contact-box li img { height: 20px;}
.mob-contact .mob-contact-box li span { font-size: 16px;}
.mob-contact .mob-contact-box li:before { height: 83px;}
.video-scetion img, .video-scetion iframe {
    height: 280px;
}
.imb-bx { height: 160px;}
.pain-box li { height: 160px;}
.footer-bottom-section{ margin: 0 0 80px; }
}


@media (max-width:375px){
.mideator:after {right: 15%; } .mideator:before {left: 15%; }
.story-box-detail {
    padding: 0 15px;
}
}