@charset "utf-8";

/* NORMALIZATION *v*********************

****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;  padding: 0;  border: 0;  font-size: 100%; font: inherit;  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */

* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

 -moz-box-sizing: border-box; /* Firefox, other Gecko */

 box-sizing: border-box; /* Opera/IE 8+ */

 }

 /* makes padding not expand object's size */

body { line-height: 1; direction: ltr; font-family: Arial, Helvetica, sans-serif; background:#000 url(../images/background.jpg) no-repeat top center;  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {   display: block; }

html { }

.clearBox, .clear { clear: both; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: '';  content: none; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

table { border-collapse: collapse; border-spacing: 0; }

h1 { font-size: 24px; font-weight: bold; margin-bottom: 10px; }

h2 { font-size: 20px; margin-bottom:8px; }

h3 {  font-size: 18px; margin-bottom: 6px; }

h4{ font-size: 15px; font-weight: bold; margin-bottom: 5px; }

.item-separator { margin: 10px 0; } /* links vertical separator */

.moduletableres{display:none;}



/* COMPONENT AND MODULE STYLING *v******

****************************************/



/*phocagallery*/

.highslide-wrapper-11{z-index:999;}

#phocagallery{text-align: left;}

#phocagallery .pg-name{color:#fff !important; text-align:center; position:absolute; top: 160px;display: block;width: 100%;height: 28px;background: rgba(0, 0, 0, 0.7);left: 0;

line-height: 28px;}

#phocagallery-pane .phocagallery-box-file, #phocagallery .phocagallery-box-file, .phocagallery-box-file{display:inline-block; float:none !important; height:225px !important; width:190px !important;}

.phocagallery-box-file{background:none !important; border:0 !important; margin:0 30px 0 9px !important; padding:0 !important;}

.phocagallery-box-file-first{width:0 !important; height:0 !important; background:none !important; position:relative; }

.phocagallery-box-file .pg-box-subfolder{width:0 !important; height:0 !important; background:none !important; }

#phocagallery .pg-center, #phocagallery-upload .pg-center, #phocagallery-subcategory-creating .pg-center{color:#fff;}

.pg-image {width: 190px !important; height: 190px !important;}

.pg-cat-image {width: 190px !important; height: 190px !important;}

#phocagallery-pane .phocagallery-box-file-first, #phocagallery .phocagallery-box-file-first, .phocagallery-box-file-first{display:inline-table;}

#phocagallery .pg-name small {font-size:12px;}

#phocagallery .pg-name small:before {

   content: "id: ";

}



/* Phoca Boxes */

#shadowbox_container {z-index:10001;}

  #shadowbox {direction:ltr !important;}

  #shadowbox_content {position:relative !important;}

  



/*foxcontainer*/
/*.foxcontainer.contactbox
.foxcontainer {position:absolute; top:0 ; right:0;}

.foxcontainer h2{display:none;}

.foxform input, .foxform textarea{border:1px solid red; background:none; color:#fff; width: 265px !important; float: left; margin:0 0 10px 0;}

.foxform label {color: #fff;display: inline-block;width: 115px !important;padding: 0 10px;}

.foxform button.foxbutton{float:right; margin-right:20px;width: 100px !important;background: red !important;border: 0 !important;height: 30px !important;}

.foxform button.foxbutton span{color:#fff;}

.foxform select.foxtext {background: #000;border: 1px solid red;color: red;margin-bottom: 10px;}*/


/* Fox Contact general */
.foxcontainer {padding:10 !important; color:#000; margin:0 !important; width:50% !important; max-width:400px;}
.foxcontainer .control-group {margin-bottom:10px !important;}
.foxcontainer .controls {position:relative;}
.foxcontainer label {color: #fff  !important;display: inline-block;width: 150px !important;padding: 0 0px;}

.foxcontainer .error span.asterisk {position:absolute; z-index:9; font-size:12px; right:2px; top:6px;}
.foxcontainer input, .foxcontainer textarea {background:rgba(255,255,255,.5) !important; border:1px solid #ccc !important; border-radius:0 !important; color:#000 !important; font-style:italic;}
.foxcontainer h2 {color:#000; font-weight:normal; margin-bottom:20px;}
.foxcontainer input {margin-bottom:0; padding:5px 10px !important; margin-top:0;}
.foxcontainer textarea {padding:8px 10px !important;}
.foxcontainer button.btn {color: #FF0004;border:0 !important; border-radius:0 !important; box-shadow:none; margin-left:0 !important; background:#257FAB !important; margin-top:4px;}
.foxcontainer button.btn:hover {background:##FF0004 !important;}
.foxcontainer button.btn span {color:#fff; text-shadow:none;}
.foxcontainer .error input, .foxcontainer .error textarea {border:#E73D3D inset 1px !important;}
.foxcontainer .validfoxtext {box-shadow:none;}
.foxform div {margin:20 0 2px 0 !important;}








/* CUSTOM STYLING *v********************

****************************************/

/* page */

body { color: #FFF; font-size: 14px; }

 /* normalizes the major blocks to wrapper width */

h1, h2, h3, h4 { }

a, a:link, a:visited { color: #fff; text-decoration: none;  transition: color .3s; }

a:hover, a:active { color: #fff; transition: color .3s; }



/* WRAPPER */

#allwrapper {width:960px;margin:0 auto;}



/* header */



#header{width:100%; margin:0 auto;}

#top_header{width:100%; margin:0 auto; padding-top:7px; text-align:right;}

/* language */

  #language{display:inline-block;}

  #language div.mod-languages li{margin-left:3px !important; margin-right:0 !important;}

/* social */

  #social{display:inline-block;}

  #social img{margin-left:6px;}

#l_header{padding-top:10px; float:left; width:265px;}

/* logo */

  #logo{width:100%; margin:0 auto;}

#r_header{padding-top:40px; float:right;width:695px;}

/* topmenu */

  #topmenu {position:relative;z-index:5; float:right; width:100%; padding:16px 0 0; height:47px;}

    #topmenu ul {text-align:right; width:100%;}

    #topmenu li {margin:0;display:inline-block; margin:0 4px; position:relative;}

      #topmenu li a {display:block; color:#fff;font-size:16px !important;line-height:16px;text-align:center !important;background:none;height:16px; font-weight:normal !important; padding:15px 0 0;  border-top:1px solid #fff; width:90px;}

        #topmenu li:hover a{ color:#ff0004; border-top:1px solid #ff0004;}

      #topmenu li.current > a, #topmenu li.active > a {  color:#ff0004 !important; border-top:1px solid #ff0004;}

        /* pure CSS sub menu */

          #topmenu li ul { display: none; margin-top: 0; position: absolute; z-index: 99; width:100%;  padding-top:25px; left:0;}

            #topmenu li:hover ul, #topmenu li ul:hover { display: none;}

              #topmenu li li { background:none ;float: none; border-right:0;height:auto; width:100%; display:block !important; margin:0 !important;}

                #topmenu li li:first-child{border-top:0; }

                #topmenu li li:hover{background:none !important;}

                #topmenu li li.current, #topmenu li li.active {background:none;}

              #topmenu li li a { height: auto; color:#fff !important; font-weight:bold; font-size: 14px; line-height: 16px; padding: 5px 10px; background:none; border-radius:0; width:100%; display:block; text-align:left !important; line-height:15px;}

              #topmenu li li:first-child a { padding: 5px 10px;}

                #topmenu li li a:hover{background:none; color:#ff0004!important; font-size:14px;}

                #topmenu li li.current > a, #topmenu li li.active > a {background:none; color:#fff !important; font-size:14px;}

                #topmenu li ul li a{background:none;}

                #topmenu li ul li a:hover{background:none !important; }

                #topmenu li.current li a, #topmenu li li.current a {background:none;}





/* middle */



/* content */

#content{width:100%; margin:90px auto 50px; float:left; min-height:500px;}



/*flash_box*/

/*#flash_box{height:340px;margin-top:30px; width:100%;}*/



/* text */



  #text{width:695px; float:right; text-align:left; position:relative;line-height: 1.4; }


  #text h2:first-of-type{color:#ff0004; border-top:2px solid #ff0004; border-bottom:2px solid #ff0004; padding:10px 0; clear: both;}

  #text h2:first-of-type a{color:inherit;}

  #text p.about{padding-right:175px; text-align:justify;}

  #text img{float:left; width:210px; margin:0 60px 200px 0;}

  #text .blog img{float:left; width:100%; background: #fff; margin:0 30px 200px 0;}

 #text .img-fulltext-right img, #text .img-fulltext-left img, #text .img-intro-right img, #text .img-intro-left img, #text .img-fulltext {float:left; width:210px; margin:0 60px 200px 0;}

  #text .img_caption { float: none !important; }

  #text .blog p a span{text-decoration:underline;}

  #text .blog .img-intro-left{float:left; margin:0 60px 10px 0; background: #fff;}


  #text .twocol .img-fulltext-right img, #text .twocol .img-fulltext-left img, #text .twocol .img-intro-right img, #text .twocol .img-intro-left img, #text .twocol .img-fulltext { width: 100px; }

  .blog .column-1, .blog .column-2{/*width: 50%;float: left;*/ padding:0 15px 20px 0;}

  .blog.twocol .column-1, .blog.twocol .column-2 { height: 200px; }


#text h1:first-of-type { color: #FF0004; }

p.readmore a { display: inline-block; background: #FFF; padding: 3px 6px; color: #000; margin: 7px 0; }
  p.readmore a:hover { opacity: .9; transition: all .3s; }

  .pagination, .pagination .counter { clear: both !important; }
.pagination span, .pagination a {margin:5px !important;}

/* sidebar */

  #sidebar{width:210px; float:left; }

/* breadcrumbs */

  #breadcrumbs .breadcrumbs a{width:210px; float:left; color:#ff0004; border-top:2px solid #ff0004; border-bottom:2px solid #ff0004; padding:10px 0; font-size:32px; font-weight:bold;}



/* sidemenu */

  #sidemenu{width:210px; float:left; }

  #sidemenu h3{width:210px; float:left; color:#ff0004; border-top:2px solid #ff0004; border-bottom:2px solid #ff0004; padding:10px 0;}

  #sidemenu h3 a{color:#ff0004;}

  #sidemenu ul{margin-top:6px;}

  #sidemenu li a{border-bottom:1px solid #fff; padding:15px 0 10px;width:210px; display:inline-block; color:#fff;}

  #sidemenu li a:hover{border-bottom:1px solid #ff0004;  color:#ff0004;}

  #sidemenu li.current > a, #sidemenu li.active > a{border-bottom:1px solid #ff0004;  color:#ff0004;}



/* footer */

  #footer {clear:both;text-align:center;height:auto;width:100%; border-top:1px solid #1d1c1c; padding:0 0 20px;}

  

    /*CONTACTINFO block -----------------------------------------------*/

    #contactinfo p{font-size:16px;padding:10px 0 15px; color:#c6c6c6; line-height:1.3em; text-align:center;}

    #contactinfo a{color:#c6c6c6;}

      

    /*COPYRIGHTS block ------------------------------------------------*/

    #rights {font-size:10px !important;line-height:1em;margin:0 auto 10px; text-align:center;}

      #rights a {padding:4px; color:#c6c6c6;}

      

      /***contact***/

      .foxform button.foxbutton {

    background: none repeat scroll 0 0 #FF0000 !important;

    border: 0 none !important;

    float: right;

    height: 30px !important;

    margin-right: 185px;

    width: 100px !important;

  }

.moduletablecss{

  position: absolute;

    right: 0;

    top: 0;

  opacity:0;

}

      

      

      

      

      

      

      

/* RESPONSIVE STYLING *v*********************

****************************************/      

      

/* @media all and (max-width: 1050px) {
#menures ul li a{text-align:left; padding-left:20px !important;}
#menures ul li.deeper li a{padding-left:40px !important;}
} */
@media all and (max-width: 1000px) {



/* WRAPPER */

#allwrapper {width:100%;margin:0 auto; padding:0 10px;}





#l_header{padding-top:30px; float:left; width:26%;}

/* logo */

  #logo{width:100%; margin:0 auto;}

  #logo img{width:100%; margin:0 auto;}

#r_header{padding-top:40px; float:right;width:74%;}

/* topmenu */

  #topmenu {position:relative;z-index:9999; float:right; width:100%; padding:16px 0 0; height:47px;}

    #topmenu ul {text-align:right; width:100%;}

    #topmenu li {margin:0;display:inline-block; margin:0 4px; position:relative;}

      #topmenu li a {display:block; color:#fff;font-size:15px !important;line-height:16px;text-align:center !important;background:none;height:16px; font-weight:normal !important; padding:15px 10px 0;  border-top:1px solid #fff; width:100%;}

        #topmenu li:hover a{ color:#ff0004; border-top:1px solid #ff0004;}

      #topmenu li.current > a, #topmenu li.active > a {  color:#ff0004 !important; border-top:1px solid #ff0004;}

      

/*flash_box*/

#flash_box{margin-top:-28px; width:100%; height:270px;}



/* content */

#content{width:100%; margin:60px auto 50px; float:left; min-height:350px;}



/* text */

#text{width:74%; float:right; text-align:left; position:relative;}

#text img{float:left; width:30%; margin:0 10px 10px 0;}

  #text .blog img{float:left; width:100%; background: #fff;}

  

  #text .blog .img-intro-left{float:left; width:30%; margin:0 10px 10px 0; background: #fff; height:auto;}

  .blog .column-1, .blog .column-2{width: 50%;float: left; height:150px; padding:0 0 0 20px;}

  .blog .column-1 h2, .blog .column-2 h2{font-size:14px; color:#fff;width:65%; float:right; text-align:left;}

  

/* sidebar */

#sidebar{width:26%; float:left; }

/* breadcrumbs */

#breadcrumbs .breadcrumbs a{width:100%; float:left; color:#ff0004; border-top:2px solid #ff0004; border-bottom:2px solid #ff0004; padding:10px 0; font-size:32px; font-weight:bold;}



/* sidemenu */

  #sidemenu{width:100%; float:left; }

  #sidemenu li a{border-bottom:1px solid #fff; padding:15px 0 10px;width:100%; display:inline-block; color:#fff;}

/*phocagallery*/

#phocagallery{text-align: right;}

#phocagallery .pg-name{color:#fff !important; text-align:center; position:absolute; top: 100%;display: block;width: 100%;height: 28px;background: rgba(0, 0, 0, 0.7);left: 0;

line-height: 28px;}

#phocagallery-pane .phocagallery-box-file, #phocagallery .phocagallery-box-file, .phocagallery-box-file{margin:0 20px 40px !important;}

.phocagallery-box-file{background:none !important; border:0 !important; margin:0 30px 0 9px !important; padding:0 !important;}

.phocagallery-box-file-first{width:0 !important; height:0 !important; background:none !important; position:relative; }

.phocagallery-box-file .pg-box-subfolder{width:0 !important; height:0 !important; background:none !important; }

#phocagallery .pg-center, #phocagallery-upload .pg-center, #phocagallery-subcategory-creating .pg-center{color:#fff;}

#phocagallery .pagination a, #phocagallery .pagination span{margin:5px;display: inline-block; color: #AAA; }
#phocagallery .pagination a { color: #FFF !important; }

}



@media all and (max-width: 900px) {



/*foxcontainer*/

.foxcontainer {position:absolute; top:155px ; right:0; left:20px;}

.foxcontainer h2{display:none;}

.foxform input, .foxform textarea{border:1px solid red; background:none; color:#fff; width: 265px !important; float: left; margin:0 0 10px 0;}

.foxform label {color: #fff;display: inline-block;width: 115px !important;padding: 0 10px;}

.foxform div button.foxbutton{background: none repeat scroll 0 0 #FF0000 !important;

    border: 0 none !important;

    float: right;

    height: 30px !important;

    margin-right: 185px;

    width: 100px !important;}

.foxform button.foxbutton span{color:#fff;}



}





@media all and (max-width: 750px) {

#l_header{padding-top:30px; float:left; width:30%;}

/* logo */

  #logo{width:100%; margin:0 auto;}

  #logo img{width:100%; margin:0 auto;}

  

#r_header{padding-top:40px; float:right;width:70%;}

/* topmenu */

  #topmenu {position:relative;z-index:9999; float:right; width:100%; padding:16px 0 0; height:47px;}

    #topmenu ul {text-align:left; width:100%;}

    #topmenu li {margin:0;display:inline-block; margin:0 4px; position:relative;}

      #topmenu li a {display:block; color:#fff;font-size:15px !important;line-height:10px;text-align:center !important;background:none;height:45px; font-weight:normal !important; padding:15px 10px 0;  border-top:1px solid #fff; width:100%;}

        #topmenu li:hover a{ color:#ff0004; border-top:1px solid #ff0004;}

      #topmenu li.current > a, #topmenu li.active > a {  color:#ff0004 !important; border-top:1px solid #ff0004;}

      

#text .blog .img-intro-left{float:left; width:30%; margin:0 10px 60px 0; background: #fff; height:auto;}

  .blog .column-1, .blog .column-2{width: 100%;float: left; height:150px; padding:0 0 0 20px;}

  .blog .column-1 h2, .blog .column-2 h2{font-size:14px; color:#fff;width:65%; float:right; text-align:left;}

  

}

@media all and (max-width: 800px) {

/* breadcrumbs */

#breadcrumbs .breadcrumbs a{width:100%; float:left; color:#ff0004; border-top:2px solid #ff0004; border-bottom:2px solid #ff0004; padding:10px 0; font-size:20px; font-weight:bold;}

#text p{float:left;margin-top:0; line-height:20px; width:85%; margin-left:30px; font-size:12px;}



/*foxcontainer*/

.foxcontainer {position:absolute; top:100px ; right:0; left:20px; width:80% !important;}

.foxcontainer h2{display:none;}

.foxform input, .foxform textarea{border:1px solid red; background:none; color:#fff; width: 80% !important; float: left; margin:0 0 3px 10px;}

.foxform label {color: #fff;display: inline-block;width: 115px !important;padding: 0 10px; font-size:12px;}

.foxform button.foxbutton{float:none; margin-right:0;width: 100px !important;background: red !important;border: 0 !important;height: 30px !important;margin-left:10px;}

.foxform button.foxbutton span{color:#fff;}

.foxform select.foxtext {width: 47% !important;margin-left: 10px;}

.foxform textarea{height:50px !important;}

}





@media all and (max-width: 500px) {

#l_header{padding-top:30px; float:none; width:100%; margin:0 auto;}

/* logo */

  #logo{width:100%; margin:0 auto; text-align:center;}

  #logo img{width:70%; margin:0 auto;}

  

#r_header{padding-top:40px; float:right;width:100%;}

/* topmenu */

  #topmenu {position:relative;z-index:9999; float:right; width:100%; padding:16px 0 0; height:47px;}

    #topmenu ul {text-align:center; width:100%;}

    #topmenu li {margin:0;display:inline-block; margin:0 4px; position:relative;}

      #topmenu li a {display:block; color:#fff;font-size:15px !important;line-height:10px;text-align:center !important;background:none;height:45px; font-weight:normal !important; padding:15px 10px 0;  border-top:1px solid #fff; width:100%;}

        #topmenu li:hover a{ color:#ff0004; border-top:1px solid #ff0004;}

      #topmenu li.current > a, #topmenu li.active > a {  color:#ff0004 !important; border-top:1px solid #ff0004;}

      

/* breadcrumbs */

#breadcrumbs .breadcrumbs a{width:100%; float:left; color:#ff0004; border-top:2px solid #ff0004; border-bottom:2px solid #ff0004; padding:10px 0; font-size:20px; font-weight:bold;}





  

}



@media all and (max-width: 650px) {



/* breadcrumbs */

#breadcrumbs .breadcrumbs a{width:100%; float:left; color:#ff0004; border-top:2px solid #ff0004; border-bottom:2px solid #ff0004; padding:10px 0; font-size:14px; font-weight:bold;}



#r_header{padding-top:0; float:right;width:100%;}

/* topmenu */

  #topmenu {position:relative;z-index:9999; float:right; width:100%; padding:16px 0 0; height:275px;}

    #topmenu ul {text-align:center; width:100%;}

    #topmenu li {margin:0;display:block; margin:0 4px; position:relative; width:100%;}

      #topmenu li a {display:block; color:#fff;font-size:15px !important;line-height:10px;text-align:center !important;background:none;height:45px; font-weight:normal !important; padding:15px 10px 0;  border-top:1px solid #fff; width:100%;}

        #topmenu li:hover a{ color:#ff0004; border-top:1px solid #ff0004;}

      #topmenu li.current > a, #topmenu li.active > a {  color:#ff0004 !important; border-top:1px solid #ff0004;}

}



@media all and (max-width: 800px) {

#text .blog .img-intro-left{float:left; width:80%; margin:0 10px 0 0; background: #fff; height:auto;}

  .blog .column-1, .blog .column-2{width: 100%;float: left; height:215px; padding:0 0 0 20px;}

  .blog .column-1 h2, .blog .column-2 h2{font-size:14px; color:#fff;width:100%; float:right; text-align:left;}

  .moduletableres .customres p{text-align:right !important;}

.moduletablenormal{display:none;}

}



/**Change Alon**/



.color_li{color:#ffffff;line-height:20px;}

.list_ul{list-style:none;}

#content #flash_box{margin:-60px auto 50px !important;}

#content #text .blog .items-row  .item .img-intro-left img, #content #text .blog .items-row  .item .img-intro-left{background:none;}

#content #text .blog .items-row  .item .img-intro-left img{

    line-height: 10px;

    margin-top: auto;}

.fox_dropdown.foxtext { width: 100% !important; height: 27px !important; background: url(../images/contactField.png) right no-repeat !important; opacity: 1 !important; padding: 3px 8px !important; }


.foxcontainer .chzn-container-single .chzn-single { background: rgba(255, 255, 255, 0.498039) !important; border: rgb(204, 204, 204) solid 1px; }
.foxcontainer .chzn-container-single .chzn-search { display: none; }
.foxcontainer .chzn-container .chzn-drop { background: #DDD !important; }
.foxcontainer .chzn-container-single .chzn-single div b { background-color: #DDD !important; }