@charset "utf-8";
/* UTILITY */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearbox , .clear{ clear: both; }

/* CUSTOM STYLING */
/* page */
body { color: #000; font-size: 16px; line-height: 22px; text-align: right;}
body, select, input, textarea , button ,h1, h2, h3, h4, h5, h6  {font-family:'Open Sans Hebrew', sans-serif;}
h1, h2, h3, h4, h5, h6 { margin: .1em auto .1em; color:#6E078B; }
h1 { font-size: 2em; font-weight: bold; margin-bottom: 10px; }
h2 { font-size: 1.65em; }
h3 { font-size: 1.40em; }
h4 { font-size: 1.30em; font-weight: bold; margin-bottom: 5px; }
h5 { font-size: 1.18em; }
h6 { font-size: 1.05em; font-weight: bold; }
.page-header { margin: 0; border-bottom: 0; }
    .page-header h2 { line-height: 1; }
html[dir="rtl"] .row-fluid [class*="span"]{float: right; margin-left: 0 ; margin:0 0 20px; padding-left: 20px;}
html[dir="rtl"] p.readmore a.btn [class^="icon-"], html[dir="rtl"] p.readmore a.btn [class*=" icon-"]{display: none ;}
#content li { list-style-position: inside; }
p { margin-bottom: .35em; }
/* td { border: solid #A8A8A8 1px; padding: .35em; } */
::selection { }

a, a:link, a:visited { color: #090b18; text-decoration: none;  transition: color .3s; }
a:hover, a:active { color: #257FAB; transition: color .3s; }
.nav>li>a:hover, .nav>li>a:focus{background: none;}

/* btn style*/
a.btn , .button, .btn , a.product-details, a.readmore{background: #E0088C   !important ;color: #fff;text-shadow: none;font-size: 16px;box-shadow: none;border: 0  !important; border-radius: 3px; transition: all .3s;padding:5px 10px; margin-top: 5px; display: inline-block;}
a.btn:hover , .button:hover, .btn:hover, a.product-details:hover, a.readmore:hover{background: #213655  !important; color:#fff; transition: all .3s;}

/* breadcrumb */
ul.breadcrumb{background:none; font-size:24px;}
ul.breadcrumb span.divider.icon-location{display: none}
ul.breadcrumb .divider {background:url(../img/arrows.png) no-repeat center 6px ; }
ul.breadcrumb .divider img{opacity: 0;}
#all{overflow: hidden; width: 100%;}
.wrapper { width:100%; max-width: 1060px; margin: 0 auto; }
.left{float:left;}
.right{float:right;}
.w100, .w75, .w66, .w50, .w33, .w25 {display: inline-block; margin: 1%;}
.w100{width:100% !important;}
.w75{width:73%;}
.w66{width:64%;}
.w50{width:48%;}
.w33{width:31%;}
.w25{width:19%;}

/*Waypoints*/
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-15s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }


/* nav */
#helperBG{width:100%;background: #000;}
#helper{padding:0px 5px;}
#helper a, #nav-info .custom.contactinfo > div > i{ color:#fff; font-size:15px;}
#helper a:hover{ color:#A3A3A3;}
#helper .moduletable.contactinfo{padding-top:10px;}
#helper .moduletable .custom.contactinfo > div{display:inline-block; vertical-align: top; margin-left: 10px;}
#helper .moduletable .custom.contactinfo > div{display:inline-block; vertical-align: top; margin-left: 10px;}
#helper .moduletable .custom.contactinfo > div > i{margin-left: 6px;}

/* header */
#headerBG{position: fixed; top:0; right:0; left:0; margin: 0 auto; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.6);  z-index: 102;  }
#header{padding: 0; }
#header > *{display:inline-block; vertical-align: bottom;}
#sticky-header {
margin-top: 45px;
}
/* logo */
#headerBG #logo {margin-top: 10px;margin-bottom: 10px ;max-width: 100%;  transition: all .3s;}

/* nav */
#menu { text-align: center; display: block; width:70%; position: relative; z-index: 101; max-width: 80%; }

/* main menu */
.moduletable.mainmenu{display: inline-block; width:100%; position: relative; z-index: 99; max-width: none; margin:0 auto;  height:auto; line-height: 35px;}
.moduletable.mainmenu .unim{margin:0; }
.moduletable.mainmenu .unim > li{position: relative; margin-bottom:0 !important; border-right:0; color:#213655; font-size:20px; transition: all .3s;}
.moduletable.mainmenu .unim > li:before{position: absolute; top:40px; left:0; right:0; margin: 0 auto;}
.moduletable.mainmenu .unim .mobile-show{visibility: hidden; width:0; height:0;}
.moduletable.mainmenu a{font-size:16px;  transition: all .3s;  font-family:'Open Sans Hebrew', sans-serif;color:#213655;}
.moduletable.mainmenu .unim > li > a {padding: 70px 1em 16px; font-size:16px;}
.moduletable.mainmenu .unim > li > a i{display: none;}
.moduletable.mainmenu .unim > li.active > a, .moduletable.mainmenu .unim > li.current > a , .moduletable.mainmenu .unim > li:hover > a , .moduletable.mainmenu .unim > li.opened > a {color:#128aaa; transition: all .3s;}
.moduletable.mainmenu .submenu{width: 200px; top:118px;  margin: 0;}
.moduletable.mainmenu ul.submenu.level2{background: #213655; width: 200px; top:0px; }
.moduletable.mainmenu .submenu a{color:#fff;background: #213655; }
.moduletable.mainmenu .submenu > li.active > a, .moduletable.mainmenu .submenu > li.current > a, .moduletable.mainmenu .submenu > li:hover > a{background: #128aaa !important ; color:#fff;}

/*menu effects*/
.moduletable.mainmenu .unim > li > a:before, .moduletable.mainmenu .unim > li > a:after{opacity: 0;position: absolute; z-index:-1;top: 110%;left: 0;width: 100%;background: #cacaca;content: '';-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: top 0.3s, opacity 0.3s, transform 0.3s;}
.moduletable.mainmenu .unim > li > a:before{height: 0px;}
 .moduletable.mainmenu .unim > li > a:after{height: 114px;}
.moduletable.mainmenu .unim > li.active > a:before, .moduletable.mainmenu .unim > li.current > a:before , .moduletable.mainmenu .unim > li:hover > a:before , .moduletable.mainmenu .unim > li.opened > a:before {top: 100%; opacity: 1;}
.moduletable.mainmenu .unim > li.active > a:after, .moduletable.mainmenu .unim > li.current > a:after , .moduletable.mainmenu .unim > li:hover > a:after , .moduletable.mainmenu .unim > li.opened > a:after{top: 0%;opacity: 1;}

/* main menu mobile */
.moduletable.mainmenu .unim-icon.responsive.mobile{padding:10px; color:#fff; text-align: center; background: #06aef2;}
.moduletable.mainmenu .unim.responsive.mobile{text-align: center;}
.moduletable.mainmenu .unim.responsive.mobile .mobile-show{visibility: visible; width:100%; height:auto;}
.moduletable.mainmenu .unim.responsive.mobile .submenu , .moduletable.mainmenu .unim.responsive.mobile ul.submenu.level2{width:100%; margin-right: 0;}

/* links display */
#links > *{display: inline-block; vertical-align: top;}
#links .unim > li:before, #links .unim > li a{display: inline-block; float: right;}
#links .unim > li:before{line-height: 30px}
#links .unim > li{margin-bottom:0 !important; border-right:0; color:#257FAB; font-size:20px; transition: all .3s; margin-right:5px;}
#links .unim > li a{color:#090b18; font-size:16px;  transition: all .3s;  font-family:'Open Sans Hebrew', sans-serif;}
#links .unim > li.login a{background: #3B96D2; color:#fff;}
#links .unim > li.login:hover a{background: #000; color:#fff;}
#links .unim > li.fa.fa-phone a{padding-right: 2px  !important;}
#links .unim > li:hover{color:#000; transition: all .3s;}

/*slider*/
#slider {overflow: hidden; width: 100%; min-height: 498px; position: relative; z-index: -1;}
#slider .moduletable.slider{min-width: 2080px; position: fixed; top:60px; right:0; left:0; margin-top: 0 auto;}
#slider .moduletable.slider.inside{min-width: 1600px;}
#slider .moduletable.home{min-height: 500px;}

/*sidebar*/
#sidebar1, #sidebar2 {padding:0 10px;}
#sidebar1 .moduletable,#sidebar2 .moduletable {margin-bottom: 25px;}

/*top*/
#topBG{background: #fff;}
#top{padding:25px 10px; text-align: center;}

/* main */
#mainBG{position: relative; z-index: 100; background: #fff;margin-top: 160px}
body.frontpage #mainBG {margin-top: 0px}
#center-topBG{background: #213655;}
#center-bottomBG{background: url(../images/paralex-bg.jpg) no-repeat center top fixed; background-size: cover;}
#center-top, #center-bottom{ text-align: center;}
#center{text-align: center;}
#center iframe{ width: 100%  !important;  max-height: 300px;}
#content {padding: 40px 0; max-width: 1000px; margin: 0 auto;}
#content .row{margin-left: 0;}
#center-bottom{color:#fff; padding:50px 10px;}
#center-bottom .moduletable{max-width: 800px; margin: 0 auto;} 
#center-bottom .module-title{color:#128aaa; text-shadow:0 0 4px rgba(0, 0, 0, 0.8), 0 0 4px rgba(0, 0, 0, 0.8); font-size:30px;}

.page-header >*, .vbContainer > h2, .blog > h2, .browse-view > h1{ font-size:24px; color:#213655; line-height: 32px !important; margin-top:0px; margin-bottom: 10px; }
.blog .item .page-header >*{font-size:18px; color:#000;}
.item-page .article-subtitle{font-size:22px; font-weight: normal; line-height: 25px;}
.blog .items-row.cols-1.row-fluid [class*="span"]{padding-left: 0  !important;}
.items-row {
    text-align: right;
}

/* bottom */
#bottomBG { background: #ccc;  }
#bottom {padding:25px 10px; color:#3f3f3f; text-align: center; position: relative;}

/*back_to_top*/
#back_to_top{background:url(../img/back-to-top.png)no-repeat center top; width:69px; height:69px; position:absolute;  cursor: pointer; display: block; position: fixed; bottom:100px; right:10px;background-size: 100%; transition: all .3s;}
#back_to_top:hover{background-position:center bottom; transition: all .3s;}

/*footer*/
#footerBG{background:#636363; }
#footer{padding:20px; text-align: center;}
#footer, #footer a{color:#fff;}
#footer a:hover{color:#257FAB;}
.moduletable.rights{font-size:12px;}


/*ask-a-question pop-up*/
#fancybox-wrap{width:100% !important; max-width:600px; top:20%  !important; right:0  !important; left:0  !important; margin:0 auto; }
#fancybox-wrap iframe{height:500px; }
body.contentpane{background:#f8efe4;}
body.contentpane .ask-a-question-view h1{font-size:22px;}
body.contentpane .product-summary h2{font-size:20px; font-weight:normal;}
body.contentpane .product-summary .short-description{display:none; }
body.contentpane .product-summary .width30.floatleft.center{float:right;max-width:75px; height:auto; }
body.contentpane .product-summary .width30.floatleft.center img{width:100%; height:auto; }
body.contentpane .form-field{ float:right;  max-width:300px;text-align:right;margin-top:0px; direction:rtl; }
body.contentpane table.askform td{float:right; direction:rtl;}
body.contentpane table.askform input{display:inline-block; width:100% !important; height:25px; max-width:150px;}
body.contentpane table.askform textarea{display:inline-block; width:100% !important; height:60px; max-width:250px;}
a.ask-a-question, input.highlight-button{text-shadow:none  !important;font-size:16px;box-shadow:none  !important;border:0  !important; background: #E63F2E !important; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; color:#fff; transition:all .3s; padding:5px 10px; margin-top:10px; cursor:hand; cursor:pointer;}
a.ask-a-question:hover, input.highlight-button:hover{background:#3a1d0d  !important;}

/*custom style*/

/*sticky header*/
#headerBG.stuck{position: fixed; top:0; right:0; left:0; margin: 0 auto; transition: all .3s;}
#headerBG.stuck #header {}
#headerBG.stuck #logo {max-width: 110px;  transition: all .3s;}
#headerBG.stuck .moduletable.mainmenu .unim > li {font-size: 20px;}
#headerBG.stuck .moduletable.mainmenu .unim > li > a {padding: 33px 1em 7px; transition: all .3s;}
#headerBG.stuck .moduletable.mainmenu .unim > li > a:after {height: 62px; transition: all .3s;}
#headerBG.stuck .moduletable.mainmenu .unim > li:before {top: 7px; transition: all .3s;}
#headerBG.stuck .moduletable.mainmenu .submenu{top:73px;}

/*OVERRIED*/

/*foxcontainer*/
.moduletable.contactbox {max-width: 870px; margin: 0 auto;}
.foxcontainer {color:#000; margin:0 auto  !important;}
.foxcontainer.contactbox {max-width: 100%;}
.foxcontainer .subtitle {color:#213655; margin-bottom: 10px; line-height: 25px; text-align: right; font-weight:normal; font-size:1.65em;}
.foxcontainer.contactbox .control-group{display: inline-block; width:100%; max-width: 230px; margin-left: 15px;}
.foxcontainer.contactbox .customhtml0.control-group {display: block;max-width: 100%;text-align: right; margin-bottom: 10px  !important;}
.foxcontainer.contactbox .submit.control-group{max-width: 100px;}
.foxcontainer input[type="text"], .foxcontainer input, .foxcontainer textarea{ border-radius: 0px !important; border:1px solid #cacaca !important;  box-shadow: none  !important; font-style: normal;}
.foxcontainer.contactbox  input[type="text"], .foxcontainer.contactbox  input, .foxcontainer.contactbox  textarea{background: #fff  !important; color:#676464  !important; border-radius: 0 !important; border:1px solid #cacaca  !important; padding:0 10px  !important; box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);}
.foxcontainer button.btn{width:100%  !important; border-radius: 3px !important; height:30px; background: #128aaa   !important; border:1px solid #128aaa    !important;}
.foxcontainer.contactbox button.btn{background: #128aaa  !important; border-radius: 0 !important; border:1px solid #128aaa  !important;}
.foxcontainer button.btn:hover{background:#213655    !important;  border:1px solid #213655   !important;}
.foxcontainer.contactbox button.btn:hover{background:#962E91  !important;  border:1px solid #962E91   !important;}
.foxcontainer button.btn span{color:#fff  !important; font-weight:bold;}
.foxcontainer.contactbox  button.btn span{color:#fff  !important; font-weight:bold;}
.foxcontainer button.btn:hover span{color:#fff  !important; }
.foxcontainer.contactbox button.btn{margin-top: 0  !important;}

/*newsflash*/
.moduletable.articles{padding:50px 10px;}
.newsflash-title {font-size: 24px; font-weight:normal; line-height: 30px; margin-top: 15px;}
.newsflash-item {width: 30%;text-align: center; padding: 0 15px;}
.article-image {position: relative;border-radius: 50%; max-width: 240px;margin: 0 auto;}


.newsflash-item.newsflash-1 .newsflash-title{color:#fff;}
.newsflash-item.newsflash-1 a.readmore{background:#128aaa   !important;}
.newsflash-item.newsflash-2 .newsflash-title{color:#fff;}
.newsflash-item.newsflash-2 a.readmore{background:#128aaa   !important;}
.newsflash-item.newsflash-3 .newsflash-title{color:#fff;}
.newsflash-item.newsflash-3 a.readmore{background:#128aaa   !important;}
.newsflash-item.newsflash-1 a.readmore:hover, .newsflash-item.newsflash-2 a.readmore:hover , .newsflash-item.newsflash-3 a.readmore:hover{background:#fff;color:#000;       !important;}
.newsflash-item p{color:#fff!important;}

/*hover-effects*/
.newsflash-item .article-image:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);content: '';opacity: 0;border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; z-index: 9;}
.newsflash-item:hover .article-image:before {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.newsflash-item .article-image a{position: relative; display: block; width: 100%; height:auto;}
.newsflash-item .article-image a:before{position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;border: 2px solid #fff;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);-webkit-transform-origin: 50%;transform-origin: 50%; z-index: 9;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.newsflash-item:hover .article-image a:before{opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);}
.newsflash-item .article-image a:after {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,0deg) scale3d(0,0,1);transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,0deg) scale3d(0,0,1);-webkit-transform-origin: 50%;transform-origin: 50%;content: "\f002";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;/*--adjust as necessary--*/color: #fff;font-size: 30px;position: absolute;top: 50%;left: 50%;z-index: 9}
.newsflash-item:hover .article-image a:after{opacity: 1;-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,0) scale3d(1,1,1);transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,0) scale3d(1,1,1);}

/*categories*/
.moduletable.categories {padding-bottom:50px;}
.moduletable.categories li {width: 32%; max-width: 260px; margin-top: 10px;padding:0 20px;  transition: all .3s;}
.moduletable.categories li a img {width: 100%;margin-top: 0; margin-bottom:30px; transition: all .3s;}
.moduletable.categories li a span {top: auto; bottom:0; background: none;}
.moduletable.categories li a.green span{color:#213655;}
.moduletable.categories li a.blue span{color:#ED1473;}
.moduletable.categories li a.pink span{color:#01E8C6;}

.moduletable.social ul { margin-bottom: 0; }
    .moduletable.social li { display: inline-block; }
    .moduletable.social a { width: 45px; height: 45px; text-align: center; display: block; font-size: 24px; background: #213655; border-radius: 50%; padding: 10px; margin: 5px; color: #FFF; }
        .moduletable.social a:hover { background: #128aaa; color: #fff; }
        
/*  worksmenu */
#worksmenu {}
    #worksmenu li {width:30%; max-width:100%; display:inline-block; vertical-align:top; margin-bottom:35px; margin-left:15px; margin-right:15px;}
        #worksmenu li a {}
            #worksmenu li a img {max-width:100%; display:block; margin-bottom:15px; transition:.5s}
            #worksmenu li:hover a img {transform:scale(1.1); -webkit-transform:scale(1.1); transition:.5s}
            #worksmenu li a span { font-size:19px;}
/* phones */
.phones {display:block!important; width:100%; text-align:right; margin-top:10px; color:#213655;}