/*-------------------------------------------------- BODY --------------------------------------------------*/ *{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } article, aside, details, figcaption, figure, footer, header, hgroup, nav {display:block; } audio, canvas, video {display:inline-block; *display:inline; *zoom:1; } section{ display: inline; } audio:not([controls]) {display:none; } [hidden] {display:none; } html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height: 100%;} html, button, input, select, textarea {font-family: 'Open Sans Hebrew', sans-serif; color:#454545; font-weight: 400; } body {margin:0; padding:0; background:#fff; font-size:16px; line-height:1.3; height: 100%;} ::-moz-selection {background:#72a9bd; color:inherit; text-shadow:none;} ::selection {background:#72a9bd; color:inherit; text-shadow:none; } img::selection {background:transparent;} img::-moz-selection {background:transparent;} a{outline: none; } a{ color: #454545; } a:hover{ color: #a59366; } img {border: none;} .f-left{float: left;} .f-right{float: right;} .left{text-align: left;} .right{text-align: right;} .center{text-align: center;} .clear{ clear: both;} .ib{display: inline-block;} .rtl{direction:rtl;} body{ -webkit-font-smoothing: subpixel-antialiased !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; background-image: url(pics/bg.jpg); background-position: top center; } input, select, textarea{ font-size: 100%; } .eng{direction: ltr; unicode-bidi: bidi-override;} .heb{direction: rtl; unicode-bidi: bidi-embed;} /*-------------------------------------------------- Non-Semantic Helper Classes --------------------------------------------------*/ .ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;} .ir br {display:none;} .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, .cf:before, .cf:after {content:""; display:table;} .clearfix:after, .cf:after {clear:both;} .clearfix, .cf {*zoom:1;} ::-webkit-input-placeholder { color: #454545;} :-moz-placeholder { /* Firefox 18- */ color: #454545;} ::-moz-placeholder { /* Firefox 19+ */ color: #454545;} :-ms-input-placeholder { color: #454545;} :focus::-webkit-input-placeholder {color: transparent} :focus::-moz-placeholder {color: transparent} :focus:-moz-placeholder {color: transparent} :focus:-ms-input-placeholder {color: transparent} /*-------------------------------------------------- Typography --------------------------------------------------*/ h1{ margin: 0; padding: 0; font-size: 2em; font-weight: normal;direction: rtl; } h2{font-size:1.333em; font-weight: 900; margin: 0; padding: 0; direction: rtl;} h3{ margin: 0; padding: 0; font-size: 1.5em;font-weight: normal;direction: rtl; } h4{ font-size: 1.3em; font-weight: normal;direction: rtl; margin: 0; padding: 0; } h5{ font-size: 1em; font-weight: normal; margin: 0;direction: rtl; } .red{ color: #C7050D; } .english{ color: #C7050D; font-weight:600;} #hiddenPanel {position:fixed; top:180px; right:-200px; width:200px; background: #214246; height:300px; z-index: 10; } #close-bar { position:absolute; left:-50px; top:0; background:#214246; color:white; width:50px; height:300px; padding-top:15px; cursor: pointer; -webkit-box-shadow: -4px 2px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: -4px 2px 5px 0px rgba(0,0,0,0.4); box-shadow: -4px 2px 5px 0px rgba(0,0,0,0.4);} .kamp{ display:block; position: absolute; width: 300px; height: 50px; left: -110px; top: 120px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #side_cont{ padding:40px 10% 20px 0; } #side_cont input{ width: 100%; margin:12px 0; border:none; border-radius: 0; font-size: 1em; padding:5px; text-align: right; } #side_cont button{width: 100%; margin:7px 0; border:1px solid #A59366; border-radius:0; font-size: 1em; padding:5px; background-color: #214246; color: #fff; cursor: pointer; } #side_cont button:hover{ border:1px solid #A59366; background-color: #A59366; color: #fff; } .video_info{ padding:2.5% 0 4%; } .video_info h2{ font-weight: 300; padding-bottom:10px; } .cbp-af-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; height: 150px; direction: rtl; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; background: #fafafa; border-bottom:1px solid #fff; } .cbp-af-header .cbp-af-inner { margin: 0 auto; width: 100%; max-width: 1200px; position: relative; } .cbp-af-header nav { display: inline-block; width: 90%; text-align: center; vertical-align: top; } #facebook{ float:left; } #facebook i{ color: #A59366; font-size: 1.125em; } .top_info { float:left; text-align: left; margin-left:-8px; } .top_phone i{ color: #A59366; } .top_info div{ direction: ltr; color: #6d8285; margin-top:-10px; float:left; } .top_phone{font-family: 'Roboto', sans-serif; } .top_info div img{ position: relative; top:9px; } .top_info div:first-child img{ top:6px; } .top_info div a{ text-decoration:none; } /* Transitions and class for reduced height */ .cbp-af-header nav a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .cbp-af-header.cbp-af-header-shrink { height: 70px; background: #fafafa; } .coteret{ color: #A59366; background-color: #214246; font-size: 1.33em; padding:10px; } .cat_text{ text-align: right; direction: rtl; } .logo img{height: 100%; } .logo{ display: inline-block; width: 10%; text-align: right; position: relative; z-index: 9999; } .cbp-af-header>.cbp-af-inner>.logo{ height: 115px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; float:right; top:15px; } .cbp-af-header>.cbp-af-inner nav{ padding-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .cbp-af-header>.cbp-af-inner .top_info{ padding-top:20px } .cbp-af-header.cbp-af-header-shrink>.cbp-af-inner>.logo{ height: 60px; top:5px; } .cbp-af-header.cbp-af-header-shrink>.cbp-af-inner nav{ padding-top:20px; } .cbp-af-header.cbp-af-header-shrink>.cbp-af-inner .top_add{ display: none; } .cbp-af-header.cbp-af-header-shrink>.cbp-af-inner .top_mail{ display: none; } .cbp-af-header.cbp-af-header-shrink>.cbp-af-inner .top_phone{ display: none; } .cbp-af-header.cbp-af-header-shrink>.cbp-af-inner .top_info{ padding-top:0px; } .cbp-af-header>.cbp-af-inner nav a{ padding-bottom:30px;} .cbp-af-header.cbp-af-header-shrink>.cbp-af-inner nav a{ padding-bottom:15px; } .underphone_button{ width: 90%; margin:0 auto; direction: rtl;} .underphone_button a{ display: block; color: #087E3F; font-size:3em; font-weight: 300;padding:10px; text-decoration: none; padding-top:2.5%; } .underphone_button i{ padding-right:15px; font-size: 60%;} /*-------------------------------------------------- Basic --------------------------------------------------*/ #info_page_table{ width: 100%; max-width: 500px; border-right:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; } #info_page_table span{ display: inline-block; margin-left:-4px; border-left:1px solid #D7D7D7; border-top:1px solid #D7D7D7; padding:7px; } #info_page_table span:nth-child(even){ width: 20%; text-align: center; } #info_page_table span:nth-child(odd){ width: 80%; } #info_page_table span:nth-child(1){ font-weight: bold; } #info_page_table span:nth-child(2){ font-weight: bold; } .explanation{ color: red; } span.span_block{ display: block; } #wrapper{ width: 100%; text-align: center; margin:0 auto; } #wrapper_under { width: 100%; max-width: 800px; text-align: center; margin:0 auto; } .width-wrapper{margin:0 auto; width:100%; position: relative; max-width:1200px; margin: 0 auto;} .width-wrapper_inner{} #keywords{ color: black; width: 19%; margin: 0 auto; } #holder{ width: 100%; clear: both;} #holder_inner{ width: 100%; clear: both; padding:5% 0;} .pnim_image img{ width: 100%; } .pnim_image>#logo{ top:10%; width: 10% } .pnim_image{ height: 200px; overflow: hidden; background-image: url(pics/footer_bg.jpg); background-attachment: fixed; background-size: cover; margin-top:150px; background-position: center; width:100%; } .rsABlock { bottom:15%; width: 60%; right:0; left:0; margin:0 auto;} .infoBlock.rsABlock { bottom: auto; top:20%; width: 60%; right:0; left:0; margin:0 auto; color: #454545; font-size: 1.125em; direction: rtl;} .date{ color:#b5b5b5; font-family: 'Lobster', cursive; font-size: 2em; } .news_title{ padding:2.5% 0; font-weight: bold; } .top_title{ text-align: center; line-height: 1.5; direction: rtl;} .top_title h1{ font-size: 3.250em; color: #087e3f; padding:0 10px; font-weight: 600; display: inline-block; background: rgba(255,255,255,.8);} .top_title h2{ font-size:2.250em; color: #087e3f; padding:0 15px;font-weight: 300; background: rgba(255,255,255,.8); direction: rtl; clear: both; display: inline-block; margin-top:15px; } .top_title p{ font-size: 1.125em; color: #3C3C3C; padding:0 15px 30px;font-weight: normal; background: rgba(255,255,255,.8); margin:0; } .top_title_holder{ clear: both; } .top_title a{ text-decoration: none; color: #FFFFFF; font-size:1.333em; background-color: #36A8FF; padding:12px; width: 70%; max-width: 250px; text-align: center; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } .top_title a:hover{ background-color: #C7050D; } .top_title a i{ } .top_title.left_dir a{float:left; } .top_title.center_dir a{ float:none; } .top_title.right_dir a{ float:right;} nav{ width: 100%;text-align: right;} #lang{ float:left; direction: rtl; padding-top:3px; width: 20%; } #lang a{ display: inline-block; font-size: .86em; text-decoration: none;} #lang a:hover{ color: #A59366;} #lang a img{ width: 30px; position: relative; padding:0 10px 0 4px;} #main_menu_mob{ display: none; } #basket_menu { width: 24%; float:left; font-size: .85em;} .inner_pic{display: inline-block; width: 50%; margin-left:-4px; vertical-align: top; float:left;} .inner_pic img{ width: 100%;} .inner_menu{ text-align: right;} .inner_menu:only-child{ width: 100%; } .inner_menu h4{ font-weight: 700; font-size: 1em; padding-bottom:5%; color: #00adef;} .inner_menu h2{ font-weight: 700; font-size: 1em; padding-bottom:2%; color: #087E3F;} .inner_menu ul{display:inline-block; width: 100%; text-align: right; direction: rtl; list-style-type: none; vertical-align: top; padding:0 2%; margin-right:-4px; } .inner_menu ul:last-child { /*border-left:none; width: 100%;*/} .inner_menu:only-child ul{ } .inner_menu li{ position: relative; border-bottom:1px solid #bcaf8e;padding:10px;} .inner_menu li a{ text-decoration: none; color: #fff; min-width: 250px; display: block; padding:0 !important; position: relative;} .inner_menu li a.red{ color: #f26530; font-weight: 700;} .inner_menu li a:hover{ color: #fff;} .inner_menu:last-child li{ border-bottom:none; } /*.inner_menu li a:before{content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; padding-left: 0.5em; position: absolute; top: 4px; right: -5px; z-index: 1; }*/ .innermenu_cats{ direction: rtl; } .inner_menu ul.brands{ border-left:none;} .inner_menu ul.brands li{float:right; width:50%; padding:1% 5%; } .inner_menu ul.brands li img{width: 100%; } .about_pic{ width: 100%;} .about_pic img{width: 100%; } .about_text{ padding-left:2%; font-size: 1.125em; line-height: 2;} .about_text h1{ color: #87af01; } #rest_main {text-align: right; direction: rtl; padding-top:2.5%; } .rest_pic{ float:left; width: 55%; } .rest_pic img{width: 100%; } .rest_text{ float:right; width: 45%; padding: 0 5% 0 10%; font-size: 1.125em; line-height: 2; color: #000;} .rest_text h1{ color: #87af01; } .info{ text-align: right; direction: rtl; padding-right:6%; padding-bottom:3.5%;} .info p{line-height:1.7;} .info p img{} .info ul li{ list-style-type: none; padding:8px 20px; border-bottom: 1px solid #F5F5F5; position: relative; width: 60%; } .info ul li:before{ content: "\f100"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #A59366; padding-left: 0.5em; position: absolute; top: 8px; right: 0px; z-index: 1; } .info blockquote { border-right: 10px solid #DCDCDC; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; font-size: 1.33em; color: #000; font-style: italic; } .info blockquote:after{ display: none; } .gal_hold{ float:right; width: 33.333%; padding:10px; } .gal_hold img{width: 100%; } .gal_hold a{ display: block; position: relative; } .gal_hold_inner{ overflow: hidden; position: relative; height: 150px; } .gal_hold_inner a>.zoom img{ width: auto; } .gal_hold_inner a>.zoom{ position: absolute; top:0; text-align: center; width: 100%; height: 98%; display: block; padding-top:25%; background-color: rgba(0,0,0,.5); opacity: 0; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; cursor: pointer; } .gal_hold_inner a:hover>.zoom{ opacity: 1; } #top_sell{ background-color: #87AF01;padding:2% 0; } #top_sell .top_selltitle{/*width: 93%;*/ position: relative;} #top_sell .top_selltitle h1{ color: #fff; } #top_sell .top_selltitle:before{ content: ''; display: block; position: absolute; margin:0 auto; width: 100px; height: 3px; background-color: #fff; left:0; right:0; bottom:-5px; } .page_title h1{ color: #bc2426; text-align: right; border-bottom:2px solid #bc2426; } .white_cont{ padding:3%; } .white_cont .title{ text-align: right; padding-bottom:30px; } section#contact_main{ background-color: #214246; display: block; padding:2.5% 0; direction: rtl;} #contact_main h2{ color: #fff; font-weight: 100; padding-bottom:2%; font-size: 1.66em; } #contact_main input[type="text"]{ width: 28%;padding:7px; text-align:right ; margin:2% 0; font-size: 1.125em; border:1px solid #A59366; } #contact_main button{ width: 9%; padding:7px; text-align:center ; margin:2% 0; color: #FFFFFF; border:1px solid #A59366; background-color: #214246; font-size: 1.125em; cursor: pointer; } #contact_main button:hover{ background-color: #A59366; color: #214246; } #contact_form{ width: 50%; margin:0 auto; } #contact_map{ clear: both; padding-top:30px; } #contact_address{ width: 44%; float:left; text-align: right; direction: ltr; line-height: 2; } #contact_address i{ padding-left:15px; color: #A59366; } #contact_form .half{ width: 50%; float:right; margin-left:0;} #contact_form .half:last_child{ width: 49%; float:left; margin-right:2%;} #contact_form input[type="text"], #contact_form textarea{ width: 100%; padding:7px; text-align:right ; outline: 0; margin:2% 0; border:1px solid #A59366; } #contact_form button{ padding:8px; width: 35%; background-color: #A59366; color: #FFFFFF; border: none; float:left; font-size: 2em; font-weight: 100; cursor: pointer; border:none; float:left; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer; } #contact_form button:hover{ background-color: #214246; color:#A59366; } /*-------------------------------------------------- HEADER --------------------------------------------------*/ header{ position: relative; /* z-index: 9999; width: 100%; background: rgba(255,255,255,.9); */ } #top_header{ background-color: #232425; padding:7px 0; border-bottom: 1px solid rgba(255,255,255,.6);} #top_right{ float:right; width: 25%; text-align: right;padding:1.5% 0; line-height: 2; } #top_left{ float:left; width: 60%; } .header_menu{ float:left; padding-top:1.5%; } #top_left a{ text-decoration:none; } #top_info{ width: 98%; background-color: #A59366; padding:12px 10px; text-align: right; color: #fff; padding-right:14%; } #top_info span{ display: inline-block; padding:0 2.5%; } #top_info a{ color: #fff; text-decoration: none; } #top_info i{ padding-left:10px; } #top_menu a { text-decoration: none; } #logo{ width: 25%; float:right; padding-right:7%;} #logo a{ } #logo img{ width: 100%; } #logo_mob{ display: none; } .get_visa{ float:right; padding-top:1%; } .get_visa i{ padding-right:10px; } .get_visa a{ display: block; padding:10px 20px; background-color: #36a8ff; font-size: 1.33em; color:#fff; text-decoration: none; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; } .get_visa a:hover{ background-color: #C7050D; } .top_social{ padding-top:15px; } #search{ text-align: center; direction: rtl;position: relative; float: right; width: 35%; padding-right:5%; margin-top:6%;} #search_side { position: relative; margin-top:15px; } .sb-search{ width: 100%; position: relative; } .sb-search-input{ width: 100%; padding:6px; text-align: right; direction: rtl; border-radius: 3px; border:1px solid #979797;} .sb-search-submit{ position: absolute; left:0; width: 30px; height: 30px; top:0; background-color: transparent; border:none; cursor: pointer; z-index: 95; } .sb-icon-search:before{ content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #919191; font-size: 18px; padding-left: 0.5em; position: absolute; top: 6px; left: 0; z-index: 1; } .menu{ position: relative; z-index: 99999; background: rgba(255,255,255,1); margin-top:3%; font-size: 1.125em; } .menu.cloned{ border-bottom: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9;} #top_basket{ direction: rtl; float:left; } #top_basket span{ display: inline-block; padding:12px 10px; font-size: 1.25em; } #top_basket span:last-child{ padding: 10px;} #top_basket a{ text-decoration: none; color: #FFFFFF; } #top_basket i{ color: #fff; } #top_phone{ width: 50%; float:right; text-align: right;} #top_social{ width: 50%; float:left; text-align: left;} #top_social a{ display: inline-block; width: 22px; height: 22px; background-color: #fff; border-radius: 3px; padding:1px 5px; } #top_phone_mob{display:none;} #top_phone a{color:#cacaca; font-size: 1.12em; text-decoration: none; padding:12px 0; font-family: 'Roboto Condensed', sans-serif;} #top_phone a i{ color: #fff; } #top_basket_mob{ display: none; position: absolute; top: 10px; left:10px; z-index: 9999; direction: rtl;} #top_basket_mob a{ color: #FFFFFF; text-decoration: none;} #top_basket_mob i{ color: #f26530; } #top_login{ direction: rtl;padding:12px 0; float:right;padding-right:15px; color: #fff; } #top_login a{ color: #FFFFFF; text-decoration: none; padding:0 5px; font-size: 1.25em; } #top_login a:hover{ color: #FFFFFF; text-decoration: underline; } .count{ padding: 0 10px; } .count span{padding: 0 10px; } #clients{ clear:both; padding-top:3%; text-align: right; } #clients h2{ font-weight: normal; font-size: 1.66em; padding-bottom:2%; } .clients_logos{ border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; padding:10px; text-align: center;} .c_logo{ display: inline-block; margin-left:-4px; height: 65px; } .c_logo img{ height: 100%; } .half_menu{padding-left:4%; display: inline-block; vertical-align: top; } .half_menu>.menu_row{ padding:5px; position: relative;} .half_menu>.menu_row a{ padding:0!important; } .half_menu >.menu_row:before{ content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #A59366; padding-left: 0.5em; position: absolute; top: 5px; right: -10px; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .half_menu>.menu_row:hover:before{ right: -5px; } .half_menu div a{ display: block; text-decoration: none; } /*-------------------------------------------------- MAIN MENU --------------------------------------------------*/ .sf-menu { /*position: relative; */ margin: 0; padding: 0; list-style: none; /* margin-bottom:10px; */ padding-bottom:10px; } .sf-menu .sf-mega { position: absolute; display: none; z-index: 99; } .sf-menu > li { display: inline-block; margin-left:-4px; } .sf-menu li:hover > .sf-mega, .sf-menu li.sfHover > .sf-mega { display: block; } .sf-menu > li > a { display: block; position: relative; } .sf-menu { position: relative; z-index:1; width: 80%; direction: rtl; float:right; z-index:2; text-align: left; } .sf-menu .sf-mega { border:1px solid #E9E9E9; /* width: 40%; *//* allow long menu items to determine submenu width */ width: 100%; max-width: 1000px; right:0; } .sf-menu .sf-mega.small{ min-width: 220px; text-align: right; } .sf-menu > li > a { color: #454545; text-decoration: none; zoom: 1; /* IE7 */ font-size: 1.125em; -moz-transition: all .1s linear; -o-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear; font-weight: normal; /*border-bottom:3px solid transparent; */ } .sf-menu > li { padding:0 20px; position: relative; } .sf-menu > li > a:hover{ /*border-bottom:3px solid #A59366; */} .sf-menu > li > a.active{} .sf-menu > li:hover, .sf-menu > li.sfHover { /* only transition out, not in */ -webkit-transition: none; transition: none; } .sf-menu > li:after{ content: "/"; position: absolute; left:0; top:0; } .sf-menu > li:last-child:after{ content: ""; } /*** mega menu dropdown ***/ .sf-mega { background-color: #A59366; padding: 1em; box-sizing: border-box; /* width: 100%; */ } .sf-mega a{ font-weight: 300; color: #454545;} .sf-mega a:hover{ color:#A59366;} .sf-mega-section { float: left; width: 8em; /* optional */ padding: 0 1em 1em 0; margin-right: 1em; border-right: 1px solid #b4c8f5; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { /* padding-right: 2.5em; */ padding-left:10px; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; left: -5px; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(0,0,0,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: black; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #000000; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(0,0,0,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: black; } .title h1{ position: relative; text-align: right; color: #A59366; line-height: 1.3; margin-bottom:2%; /*padding-right:5%;*/ font-weight: 100; font-size: 2.33em;} .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .top_index{ position: relative; z-index: 999; } .main_order_btn{ position: absolute; bottom:15%; right:20%; width: 15%; } .main_order_btn img{ width: 100%; } #main_video{ display: inline-block; width: 60%; margin-left:-4px; vertical-align: top; } #rel_videos{ width: 100%; vertical-align: top;} .rel_vid{ display: inline-block; margin-left:-4px; width: 50%;padding:2.5%; } .rel_vid h3{ color: #A59366; text-align: center; font-weight: 300; padding-bottom:15px; } .online_order_item{ width: 33.3333%; float:right; padding:1%; } .online_order_item img{ width:100%;} .articles_holder{ display: -webkit-inline-flex; /* Safari */ display: inline-flex; -webkit-flex-wrap: wrap; /* Safari */ flex-wrap: wrap; width: 100%; } .article{ width: 26%; margin:2% 3.333%; background-color: #fff; border-bottom:3px solid #A59366 } .article span{ overflow: hidden; height:250px; } .article span img{ width: 100%; } .article h2{ color: #A59366; padding:0 5%; font-weight: 300; } .article p{ padding:1px 5%; } .article a{ padding:0 5% 5% 0; text-align: right; color: #214246; font-size: .86em; font-style: italic; display: block; } #services .article{ width: 22%; margin:1.5%; } /*-------------------------------------------------- SIDE_MENU --------------------------------------------------*/ h2.side_menu_lvl_1_link{ background-color: #87af01; color: #FFFFFF; font-weight: normal; padding:5px; } .side_menu_lvl_1_link a { text-decoration: none; } a.side_menu_link_3, a.side_menu_link_4 { text-decoration: none; } /*-------------------------------------------------- CAT_HOVER RFFECTS --------------------------------------------------*/ section#areas{ display: block; padding:2.5% 0; direction: rtl; } section#about{ display: block; padding:2.5% 0; direction: rtl; } section#news{ display: block; padding:2.5% 0; direction: rtl; } section#servic{ display: block; padding:2.5% 0; direction: rtl; } section#servic_main{ display: block; padding:1.5% 0; direction: rtl; background-color: #FAFAFA; } section#video{ display: block; padding:2.5% 0; direction: ltr; } section#articles{ display: block; padding:2.5% 0; direction: ltr; background-color: #FAFAFA; } section#main_cats{ display: block;} section#why{ display: block; padding:2.5% 0; direction: rtl;} section#clients { display: block; padding:2.5% 0; direction: rtl; } section#hazon{ display: block; height: 550px; overflow: hidden; background-image: url(pics/green_bg.jpg); background-position: center; background-attachment: fixed; background-size: cover; padding:2.5% 0;} section#about_inner{ display: block; padding:5% 0; direction: rtl; } section#lawers_inner{ display: block; padding:5% 0; direction: rtl; } #main_cats>.main_title{ padding:2.5% 0 ; } section#client_inner{ display: block; height:400px; overflow: hidden; background-image: url(pics/client_bg.jpg); background-position: center; background-attachment: fixed; background-size: cover; padding:2.5% 0; position: relative;} #clients_holder{ padding-top:3%; } #client_inner:before { content: ""; display: block; top: 0; width: 100%; height: 100%; background-color: rgba(165, 147, 102, .86); position: absolute; } .about_inner_holder{ width: 86%; margin:3% auto; padding:5%; border:1px solid #A59366; padding-top:1.5%; } .video_inner_holder{ width: 100%; border:1px solid #A59366; padding:3%;} .client{ width: 15%; display: inline-block; } .client img{ width: 100%; } blockquote { width: 50%; margin:0 auto; font-size: 1.125em; line-height: 2.5; color: #fff; padding:1.5% 0; direction: rtl; quotes: "\201C""\201D""\2018""\2019"; position: relative; } blockquote:before { color: rgba(255,255,255,.38); font-family: 'Roboto Slab', sans-serif; content: open-quote; font-size: 10em; position: absolute; top:-20%; left:0; } blockquote:after { color: rgba(255,255,255,.38); font-family: 'Roboto Slab', sans-serif; content: close-quote; font-size: 10em; position: absolute; bottom:-80%; right:0; } #about p{ padding:0 15%; direction: rtl; line-height:1.8; font-weight: normal; font-size: 1.125em; } .hazon_img{ } .hazon_img img{ border-radius:50%; } .area h2{ font-weight: normal; padding:2.5% 0; font-size: 1.5em; } .area a{ text-decoration: none; color: #A59366; } .area p{ line-height: 1.5 } .main_cats_text{ float:right; width:45%; padding-right:2.5%; text-align: right; direction: rtl; line-height: 1.7; font-size: 1.125em; padding-top:2.5%; } .main_cats_text h1{ font-weight: bold; color: #36A8FF; } .law_info{ width: 60%; padding:5%; text-align: right; direction: rtl; line-height: 1.6; } .law_pic{ width: 40%; padding:0 2%;} .law_pic img{ width: 100%; } .left_dir .law_info{ float:left; padding-left:5%; } .left_dir .law_pic{ float:left; } .right_dir .law_info{ float:right; padding-right:5%; } .right_dir .law_pic{ float:right; } .lawer_in{ padding:2.5% 0; } .lawer_in h2{ font-size: 2.66em; color: #A59366; font-weight: 100; } #lawers_inner hr{ border: 0; height: 1px; background: #A59366; background-image: linear-gradient(to right, #fff, #A59366, #fff);} .grid { margin: 0; direction: rtl; list-style: none; text-align: center; } .gird-cell{ display: inline-block; width:25%; text-align: center; position: relative; margin-left: -5px; margin-top:-5px; } .gird-cell h2{ position: relative; color: #3598DB; font-size: 1.66em; font-weight: 600; } .gird-cell p{ } .gird-cell h2 span{ color: #3c3c3c;} .circle_shadow{position: relative; top:-20px; } .circle_shadow img{width:100%; } /* Common style */ .grid figure { position: relative; z-index: 1; overflow: hidden; margin:0; width:100%; background: #fff; text-align: center; cursor: pointer; border-radius: 50%; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ height: inherit; } .grid figure:nth-child(5){ margin-right:0; } .grid figure a { position: relative; z-index: 1; display: inline-block; overflow: hidden; background: #087e3f; text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; width: 100%; opacity: 1; } .grid figure figcaption { color: #fff; font-size: 1.25em; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .grid figure:hover figcaption{ opacity: 1; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure a { z-index: 9; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { } .grid figure h2 span { font-weight: 800; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { font-size: 68.5%; } .grid figure p.fig_more{ top:15%; display: block; max-width: 120px; padding:7px; background-color: #fff; color: #087E3F; font-weight: 500; } .cat_icon{ display: inline-block; position: relative; top:50px; padding:7px 10px; z-index: 99; width: 100px; } figcaption> .cat_icon img{ width: 100%; opacity: 0;} figcaption:hover> .cat_icon img{ opacity: 1!important; } figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } figure.effect-chico:hover img { opacity: 1; -webkit-transform: scale(1.12); transform: scale(1.12); } figure.effect-chico figcaption { } figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-chico h2 { position: absolute; padding: 5px 10px; width: 100%; text-align: center; font-size: 1.66em; color: #fff; font-weight: 300; background: rgba(8,126,63,.84); top:60%; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-chico h3{ opacity: 0; font-size: 1.125em; padding-top:35%; font-weight: 300; } figure.effect-chico p { margin: 0 auto; top:5%; width: 60%; position: relative; -webkit-transform: scale(1); transform: scale(1); } figure.effect-chico:hover h2{ opacity: 0; } figure.effect-chico:hover h3{ opacity: 1; } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } .area { display: inline-block; margin-left:-4px; width: 25%; padding:0 2%; vertical-align: top; } /* Common style */ .grid2 figure { position: relative; overflow: hidden; margin: 0; width: 100%; background: #000; text-align: center; cursor: pointer; } .grid2 figure img { position: relative; display: block; width: 101%; opacity: 0.8; } .grid2 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid2 figure figcaption::before, .grid2 figure figcaption::after { pointer-events: none; } .grid2 figure figcaption, .grid2 figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid2 figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid2 figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid2 figure h2 span { font-weight: 800; } .grid2 figure h2, .grid2 figure p { margin: 0; } .grid2 figure p { letter-spacing: 1px; font-size:86%; } /*---------------*/ /***** Bubba *****/ /*---------------*/ figure.effect-bubba { background: #000; } figure.effect-bubba img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0,0,0); transform: perspective(1000px) translate3d(0,0,0); } figure.effect-bubba:hover img { opacity: 0.8; -webkit-transform: perspective(1000px) translate3d(0,0,21px); transform: perspective(1000px) translate3d(0,0,21px); } figcaption:hover> .fig_icon img{ opacity: 1; width: auto; margin:0 auto; } figcaption> .fig_icon img { width: auto; } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } figure.effect-bubba h2 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } figure.effect-bubba p { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-bubba:hover h2, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #down_arrow{ margin:0 auto; width: 25%; background-color: #d7d7d7; padding:15px; margin-top:1.5%; } #down_arrow a{ text-decoration: none; font-size: 2.5em; font-weight:100; } #down_arrow img{ display: inline; } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #clients_holder{ position: relative; } .logos{ width: 90%; margin:0 auto; max-width: 1200px; } .logos img{ width: 100%; } #why{ background-image: url(pics/why_bg.jpg); background-size: cover; position: relative; height: 550px; overflow: hidden; background-attachment: fixed;} #why:before{ content: ""; display: block; top:0; width: 100%; height: 100%; background-color: rgba(165, 147, 102, .9); position: absolute; } #why_man{ position: absolute; bottom:0; right:10%; width: 19%; } #why_man img{ width: 100%; display: block; } .lawer_name{ padding-top:15px; color: #fff; } .lawer_name h3{ font-size: 1.125em; } .inserv{ padding:5% 0 2.5% } /*-------------------------------------------------- ITEM --------------------------------------------------*/ #visa_main{ position: relative; overflow: hidden; height: 300px; display: block; } #visa_main:after{ content:''; position: absolute; width: 100%; height: 100%; display: block; background: rgba(0,0,0,.7); top:0; z-index: 1; } #visa_main img{ position:absolute; width: 100%; top:0; display: block; } #visa_main h1,#visa_main h2{ position: absolute; z-index: 2; width: 70%; text-align: right; direction: rtl; right:0; } #visa_main h1{ top:50px; color: #efbb20; } #visa_main h2{ top:150px; color: #fff; font-weight: normal; } #items_holder{ margin-top:2%; } #main_items { margin-top:5%; position: relative; padding-bottom:8%; } .down_button{ position: absolute; bottom:-60px; margin:0 auto; left:0; right:0; } .down_button a{ text-decoration: none; font-size: 2em; color: #fff; } .down_button a span{ display: block; } .down_button a i{color:#f5f5f5; font-size: 2.2em; background-color: #81a702; border-radius: 50%; padding:5px 10px; } #main_items > .item_pnim{ width: 25%; } #category{ } .item_pnim{ float:right; width: 33.333%;padding:0 15px; margin: 10px 0; } .item_inner{ width: 100%; background-color: #FFFFFF; padding-bottom:20px; } .item h4,.item_pnim h4{ font-size: 1em; text-align: right; padding-top:20px; min-height: 105px; font-weight: 900; } .item_main h4{ font-size: 1.33em; text-align: right; padding-top:20px; } .item_pic{ height: 200px; position: relative; overflow: hidden;} .item_pic img{ height:100%; min-height: 202px; -webkit-transform: scale(1); transform: scale(1);-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .item_pic img:hover{-webkit-transform: scale(1.04); transform: scale(1.04);} .item_title{padding:2%; text-align: center; height: 60px;} .item_title h5{ font-size: 1.33em; color: #324C5E; } .item_main_price{color:#951f20;; font-weight: 500; font-size: 2em; padding: 4% 0; float:right;font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic;} .item_main_price span{ font-size: .667em } .item_main_oldprice {color: #888888; font-weight: 800; font-size: 1.33em; padding:8% 6% 0 0; float:right; vertical-align: bottom; font-family: Trebuchet MS; text-decoration: line-through; } .item_main_oldprice span{ font-size: .5em } .item_price{color: #6e8f00; font-weight: 800; font-size: 1.66em; padding: 4% 0; direction: rtl;font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic;} .item_price span{ font-size: .65em; font-family: 'Open Sans Hebrew';font-style: normal; font-weight: normal; } .item_oldprice {color: #888888; font-weight: 500; font-size: 1em;/* padding:8% 6% 0 0; float:right; */vertical-align: bottom; text-decoration: line-through; height: 30px; } .item_oldprice span{ font-size: .4em } .item_price2{color: #888; font-weight: 500; font-size: 1em; text-decoration: line-through;} .item_price2 span{ font-size: .667em } .item_order{color: #FFFFFF; width: 70%; padding-top:5%; margin:0 auto; } .item_order a{ color: #FFFFFF; text-decoration: none; background-color: #324c5e; border-radius:3px; padding:10px; display: block; font-size: 1.125em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; } .item_order a:hover{ background-color: #202f3a; } .item_order a i{ position: relative; top:0px; right:10px; } .item2{ width: 100%; background-color: #FFFFFF; padding:10px; margin: 10px 0; border-bottom:1px solid #D3D3D3; } .item2_pic{ width: 15%; float:right; } .item2_pic img{ width: 100%; max-height: 250px; } .item2_title{ float: right; width: 50%; padding-right:2.5%; text-align: right; } .item2_price { float: right; width: 15%; line-height: 80px; } .item2_price span:first-child{ font-size: 80%; } .item2_order{float:left; padding-top:25px; } .item2_order button,.item2_order a{ color: #FFFFFF; text-decoration: none; background-color: #951f20; border:none; display: block; text-decoration: none; padding:5px 20px; display: block; font-size: 1.125em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; } .item2_order button:hover,.item2_order a:hover{ background-color: #bc2426; } .item2_order button i,.item2_order a i{ position: relative; top:0px; right:10px; } .prod_desc{ padding: 3% 20px; text-align: right; direction: rtl; } .prod_name{ line-height: 80px; } .nutritional_table .row{ padding: 2%; margin: 1%; border-bottom: 1px solid;} .nutritional_table .row_header{ width: 33%; float: right; text-align: right; direction: rtl;} #icons_bottom{ padding:2.5% 0; } .icon_bottom{ float:right; width: 25%; padding:2% 5%; } .icon_bottom img{ width: 100%; padding:8%; } .icon_bottom h4{ display: block; color: #00ADEF; text-align: center; font-weight: 900; font-size: 1em; } .button { float: left; width: 20%; max-width: 350px; display: block; margin: 1em; border: none; font-size: 2em; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 2; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .button_side { width: 100%; display: block; border: none; font-size: 2em; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 2; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .button:focus,.button_side:focus { outline: none; } .button > span, .button_side > span { vertical-align: middle; } /* Nina */ .button--nina { padding: 0 1em; background:#36A8FF ; color: #fff; margin-top:120px; overflow: hidden; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .button_side.button--nina{ margin-top:0; margin-bottom:2.5%; } .button--nina.button--inverted { background: #fff; color: #7986cb; } .button--nina > span { display: inline-block; padding: 10px 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .button--nina::before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .button--nina:hover { background-color: #C7050D; } .button--nina:hover::before { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .button--nina:hover > span { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .button--nina:hover > span:nth-child(1) { -webkit-transition-delay: 0.045s; transition-delay: 0.045s; } .button--nina:hover > span:nth-child(2) { -webkit-transition-delay: 0.09s; transition-delay: 0.09s; } .button--nina:hover > span:nth-child(3) { -webkit-transition-delay: 0.135s; transition-delay: 0.135s; } .button--nina:hover > span:nth-child(4) { -webkit-transition-delay: 0.18s; transition-delay: 0.18s; } .button--nina:hover > span:nth-child(5) { -webkit-transition-delay: 0.225s; transition-delay: 0.225s; } .button--nina:hover > span:nth-child(6) { -webkit-transition-delay: 0.27s; transition-delay: 0.27s; } .button--nina:hover > span:nth-child(7) { -webkit-transition-delay: 0.315s; transition-delay: 0.315s; } .button--nina:hover > span:nth-child(8) { -webkit-transition-delay: 0.36s; transition-delay: 0.36s; } .button--nina:hover > span:nth-child(9) { -webkit-transition-delay: 0.405s; transition-delay: 0.405s; } .button--nina:hover > span:nth-child(10) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } #main_bottom{ } #main_bottom{ background-image: url(pics/logo_bg.png); background-position: right 5% bottom; background-repeat: no-repeat; background-size: 12%; padding:2.5% 0; display: block } .bott_sec{ float:right; width: 33.3333%; padding:0 7.5%; border-left:1px dotted #36A8FF; text-align: right; direction: rtl; min-height: 480px; } .bott_sec:last-child{ border-left:none; } .main_title{ text-align: center; padding-bottom:20px; } .main_title span{ position: relative; display: inline-block; } .main_title span:before{ content: ""; position: absolute; display: block; height: 2px; width: 25px; right:-25px; top:70%; background-color: #A59366; } .main_title span:after{ content: ""; position: absolute; display: block; height: 2px; width: 25px; left:-25px; top:70%; background-color: #A59366; } .main_title.lawers span:before{ content: ""; position: absolute; display: block; height: 2px; width: 25px; right:-25px; top:70%; background-color: #fff; } .main_title.lawers span:after{ content: ""; position: absolute; display: block; height: 2px; width: 25px; left:-25px; top:70%; background-color: #fff; } .main_title h1{ font-size: 2em; font-weight: 100; position: relative; color: #214246; } .main_title.lawers h1{ font-size: 2em; font-weight: 100; position: relative; color: #fff; } .title_white h1{ font-size: 2em; font-weight: 100; position: relative; color: #fff; padding:1.5% 0;} .title_white.pnim h1{ font-size: 2.33em; font-weight: 100; position: relative; color: #A59366; padding:0; text-align: right;} #why_text{ width: 70%; text-align: right; direction: rtl; color: #fff; } .why_item{ display: inline-block; width: 49%; position: relative; padding:15px 6% 15px 0; vertical-align: top; } .why_number{ display: block; position: absolute; right:0; top:-15%; font-family: 'Lobster', cursive; font-size: 7em; color: #155c33; z-index: 1 } .why_item h3{ font-size: 1.125em; position: relative; z-index: 2; } .why_item p{ font-size: 1em; font-weight: 300; position: relative; z-index: 2; } .news_holder{margin:0 auto; width: 90%; } .news_holder h3{ font-size: 1em; font-family: 'Droid Serif', serif; color: #36A8FF; } #main_contact p strong{ color: #36A8FF; } #main_contact a i{ font-size: 150%; } .add_holder{ float:right; padding:0 2.5%; line-height: 1.8; margin-top:5%; border-right:2px solid #666666; } .add_holder:first-child{ border-right:2px solid #666666; border-left:2px solid #666666; } #services{ width: 103%; margin-left:-3%; padding-top:0%; direction: rtl;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: start; align-content: flex-start; } #inner_serv{ width: 103%; margin-left:-3%; padding-top:0%; direction: rtl;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: start; align-content: flex-start; } .service{ display: inline-block; width: 30%; text-align: center;padding:0% 5% 4%; margin-left:3%; border:1px solid #d4d4d4; margin-bottom:3%; vertical-align: middle; direction: rtl; color: #214246; } #services .service{ width: 17%; padding: 0% 0% 3%; } #inner_serv .service{ width: 22%; padding: 0% 0% 3%; } .service img{ width:100%; max-width: 100px;} .service h3{ font-size: 1.125em; font-weight: 600; margin-top:-10px; } .service p{ font-size:1em; font-weight: normal; } .service a{ text-decoration: none; } .service a.more{ font-size:.86em; font-weight: normal; color: #A59366; text-decoration: none; position: relative; } .service.all_serv a{ font-size:1.125em; font-weight: 600; color: #214246; text-decoration: none; position: relative; margin-top:38%; display: inline-block;padding-left:20px;} .service a.more:after,.service.all_serv a:after{ content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #A59366; font-size: 125%; position: absolute; top: -1px; left: -15px; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .service a.more:hover:after{ left: -20px; } .service.all_serv a:after{ font-size: 150%; top:-5px; } #services.inner_page .service{ width: 13.666%; padding:15px; } #services.inner_page .service a{ font-size: 1.125em; color: #214246; } #services.inner_page .service a:after{ display: none; } #inner_serv .service img{ width: 100%; max-width: none; } #inner_serv .service h3{ margin-top:5px;} .video_inner_holder a{font-weight: normal; color: #A59366; text-decoration: none; position: relative; margin-top:20px; } .video_inner_holder a:after{ content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #A59366; font-size: 125%; position: absolute; top: -1px; left: -15px; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .video_inner_holder a:hover:after{ left: -20px; } #this_service { padding:5%; text-align: right; direction: rtl; } .this_press{ display: inline-block; width: 30%; margin:1.5333%; margin-left:-4px; } .this_press .title h3{ font-size: 1em; color: #214246; text-align: center; background-color: #E9E9E9; padding:10px; min-height: 80px; } .press_image{ border:1px solid #E9E9E9 } .this_press img{ width: 100%; } .title a{ text-decoration: none; } #press_holder{ padding:5% 0; text-align: right; direction: rtl; display: -webkit-inline-flex; /* Safari */ display: inline-flex; -webkit-flex-wrap: wrap; /* Safari */ flex-wrap: wrap; } #psak_holder { padding:5%; text-align: right; direction: rtl; } .this_psak{ padding:15px 0; border-bottom:1px solid #A59366; } .inner_psak{ padding:15px 0; } .psak_text a{ display: block; float:left; background-color: #A59366; padding:10px 15px; text-decoration: none; color: #fff;margin:20px 20px 0 0; } .psak_text p{ width: 80%; float:right; } .back_art{ padding-top:3%; text-align: center; } .back_art a{ display: inline-block; background-color: #A59366; padding:10px 25px; text-decoration: none; color: #fff; font-size: 2em; font-weight: 100; } .service_name{ } /*-------------------------------------------------- VISA FORM --------------------------------------------------*/ #visa_form{ width: 100%;direction: rtl; } .top_tabs{ border-bottom:3px solid #C7050D; text-align: right; direction: rtl; } .tab{display: inline-block; background-color: #DCDCDC; padding: 10px; } .tab.active{ background-color: #C7050D; } .tab a{ display: block; text-decoration: none; font-size: 1.33em; color: #888888;} .tab.active a{ color: #fff;} .visa_select> .styled-select{ position:relative; } #visa_form input{ margin:10px 0; width: 70%; display: inline-block; border: 1px solid #CACACA; border-radius:3px; text-align: right; padding: 7px; margin-left:-4px; } #visa_form form{padding:2.5% 0; } .half{ display: inline-block; width: 50%; margin-right:-4px; vertical-align: top; } .half:first-of-type{ padding-left:5%; } .half:last-of-type{ padding-right:5%; } .half.vis{padding-left:3%; } .visa_top{padding-bottom:5%; } #visa_form label{ text-align: right; width: 30%; margin:10px 0; vertical-align: middle; display: inline-block; margin-left:-4px; position: relative;} .visa_select> select.styled-select{ width: 70%; display: inline-block; margin:10px 0; margin-left:-4px; background: url(pics/downarrow.png) no-repeat left white; padding: 7px; border: 1px solid #CACACA; border-radius:3px; direction: rtl; appearance:none; text-align: right; padding-left:25px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ } select.styled-select2{ width: 100%; margin-left:-4px; background: url(pics/downarrow.png) no-repeat left white; padding: 7px; border: 1px solid #CACACA; border-radius:3px; direction: rtl; appearance:none; text-align: right; padding-left:25px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ } .info_table{ padding:20px; background-color: #E4E0DD; } .tab_row{ width: 100%; } .tab_row span{ display: inline-block; margin-left:-4px; padding:8px; border-bottom:1px dotted #919191 } .tab_row span:nth-child(even){ width: 50%; text-align: left; } /* 30% */ .tab_row span:nth-child(odd){ width: 50%; text-align: right } /* 70% */ .process_time, .process_time_selected { display: none; } .tab_row div.bottom_prices span:nth-child(even){ width: 30%; text-align: right; } /* 30% */ .tab_row div.bottom_prices span:nth-child(odd){ width: 70%; text-align: left } /* 70% */ .total_row{ margin:2.5% 0; padding:1.5%; background-color: #E9E9E9; float:left; width: 100%; font-size: 1.33em; font-weight: bold; } .visa_total{ float:right; width: 50%; text-align: right; } .visa_total span{ font-size: 1.66rem; color: #C7050D; padding-right:5%;} .next_step{ float:left; width: 50%; text-align: left; } button.enter{ width: 100%; max-width: 200px; border:none; float:left; margin-top:5%; font-size: 1.33em; } button.next_step_butt{ border:none; font-size: 1.33em; } button.enter a{ color: #fff; text-decoration: none; } .next_step a, button.enter,button.next_step_butt{ display: inline-block; padding:1.5% 5%; background-color: #C7050D; text-decoration: none; color: #fff; padding-left:60px; font-weight: normal; position: relative; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .next_step a:after, button.enter:after{ content: "\f190"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #fff; padding-left: 0.5em; position: absolute; top: 8px; left: 10px; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .next_step a:hover, button.enter:hover{ background-color: #36a8ff;-webkit-box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; box-shadow: 0 0 0 0 black; } .next_step a:hover:after, button.enter:hover:after { left:5px; } .half h2{ color: #fff; text-align: center; padding:1.5%; background-color: #C7050D; font-weight: normal; margin-bottom:2.5%; } #user_data h2{ text-align: right; padding:1.5%; color: #C7050D; font-weight: normal; margin-bottom:2.5%; font-size: 2em; } .required:before{ content: "*"; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #C7050D; position: absolute; top: 0px; right: -10px; z-index: 1; } a.forgot{ color: #C7050D; text-align: right; display: block; float:right; width: 50%; padding-top:30px; } .half p{ font-size:.86em; text-align: right; color: #888888; } .secured{ text-align: center; padding-top:15%; width: 100%; clear: both; } .info_cell{ display: inline-block; /*width: 16.6666%; margin-left:-4px; padding:0 10px;*/ } #applicant_info label{ display: block; width: 100%; } #applicant_info input{ width: 90%; margin:0; } #applicant_info input,#applicant_info select { font-size: 86%; } ::-webkit-inner-spin-button { display: none; } #applicant_info h2{ clear: both; margin: 2% 0 .5% 0; text-align: right; font-weight: normal; background-color: #E9E9E9; padding:8px;} #visa_detail label,#visa_detail input{ display: inline-block; margin-left:-4px; } #visa_detail{ width: 70%; margin:0 auto; padding-top:2.5%; } #visa_detail label{ width: 15%;margin-right:5%; } #visa_detail input{ width: 30%; } input[type="checkbox"] { display:none; } input[type="checkbox"] + label span { display:inline-block; height:30px; margin:2px 4px 0 0; vertical-align:middle; cursor:pointer; } input[type="checkbox"]:checked + label span { } #checks{ padding-top:2.5%; text-align:right;padding-right:7%; } #checks input,#checks label{ width: auto; margin:5px 0; } #checks div{ text-align: right; } #confirmation_info{ padding:2.5% 0; text-align: right; direction: rtl; line-height: 1.7; float:right; width: 70%;padding-left:5%; } .confirmation_pic{ float:left; width: 30%; padding-top:5%; } .confirmation_pic img{ width: 100%; } /*-------------------------------------------------- PNIM PAGE --------------------------------------------------*/ #side_menu{ width: 25%; float:right; padding-top:2.5%;} .side_pic{ width: 25%; float:right; padding-top:2.5%; } .side_pic img{ width: 100%; border-top:4px solid #A59366} #contain_side{ width: 75%; float:left; padding-right:3%; padding-top:3%} #visa_contain_side{ width: 80%; padding:1% 0; margin:0 auto;} /*padding was 3%*/ #visa_contain_side .visa_by_flight{ padding-bottom: 1%; color: #C7050D; } .info_pic img{ width: 100%; border-top:4px solid #A59366; } .top_pic{padding-bottom:2%; } .top_pic img{ width: 100%; } .side_menu_title{ text-align: right; color: #FFFFFF; background-color: #87af01; padding:7px; } .side_menu_title i{ padding-right:10px; } .info_page_menu{ padding-bottom: 12%;} .info_page_menu h2{ text-align: right; } .info_page_link{ direction: rtl; text-align: right; padding:6px 10px; cursor: pointer; font-size: 1em; font-weight: 500; margin-bottom:2px; padding-right:10px; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; border-bottom:1px solid #D3D3D3; } .info_page_link a{ text-decoration: none; font-size: 1.125em; font-weight:400; } .info_page_link:hover a{ color: #A59366; } .info_page_link:before{ content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } .info_page_link:hover{ padding-right:15px; } .info_page_link:hover:before{ content: "\f100"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #A59366; } #accordian {width: 100%; text-align: right;} #accordian ul{ padding:0; } #accordian h3 i{ color: #A59366; font-weight: bold; padding-left:10px; } #accordian h3 { padding:6px 10px; cursor: pointer; font-size: 1em; font-weight: 500; margin-bottom:2px; padding-right:10px; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; border-bottom:1px solid #D3D3D3; } #accordian h3:before{ content: "\f100"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } /*heading hover effect*/ #accordian h3:hover { padding-right:15px; } #accordian h3:hover:before{ content: "\f100"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #87af01; } /*iconfont styles*/ #accordian h3 span { margin-right: 10px; } .side_menu_lvl_2_link{ font-size: .9em!important; } .side_menu_lvl_2_list{ font-size: .9em!important; } /*list items*/ #accordian li { list-style-type: none; } #accordian ul ul li { list-style-type: none; /* border-bottom:1px dotted #35383D; */ padding:0; width: 100%; background-color: #e4e0dd; } /*links*/ #accordian ul ul li a { padding:6px 10px; cursor: pointer; font-size: 1em; font-weight: 500; margin-bottom:2px; padding-right:10px; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; border-bottom:1px solid #D3D3D3; } #accordian ul ul li a:before{ content: "\f100"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } /*heading hover effect*/ #accordian ul ul li a:hover { padding-right:15px; } #accordian ul ul li a:hover:before{ content: "\f100"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #87af01; } #accordian ul ul li a.active { border-right: 5px solid #F26530; color: #F26530; } /*Lets hide the non active LIs by default*/ #accordian ul ul { display: none; padding:0; } #accordian li.active ul { display: block; } #accordian2 {width: 100%; text-align: right;padding-top:10%;} #accordian2 ul{ padding:0; } #accordian2 h3 { padding:7px 10px; cursor: pointer; font-size: 1em; font-weight: normal; color: #F26530; border-bottom:1px solid #6D6D6D; } #accordian2 h3 span{ color: #000; } #accordian2 li>div{ padding:30px 10px; } /*heading hover effect*/ #accordian2 h3:hover { } /*iconfont styles*/ #accordian2 h3 span { margin-right: 10px; } /*list items*/ #accordian2 li { list-style-type: none; } #accordian2 ul ul li { list-style-type: none; padding:5px 0; width: 100%; } /*links*/ #accordian2 ul ul li a { text-decoration: none; display: block; padding: 0 15px; /*transition for smooth hover animation*/ transition: all 0.15s; } /*hover effect on links*/ #accordian2 ul ul li a:hover { border-right: 5px solid #EC1C24; } /*Lets hide the non active LIs by default*/ #accordian2 ul ul { display: none; padding:0; } #accordian2 li.active ul { display: block; } /*-------------------------------------------------- BIG ITEM --------------------------------------------------*/ #big_item_pic{ float:left; width: 55%;padding-right:1.5%; } .main_pic_small{ max-height: 700px; max-width: 100%;} #description{ float:right; width: 45%; padding: 2%; margin:0; text-align: right; direction: rtl; } #description h3{ font-size: 1rem; font-weight: 700; padding-bottom:10px; } .line{ height: 2px; border-bottom:1px solid #DCDCDC; width: 100%; } .big_item_price{ padding: 2% 0; color: #324C5E; font-size: 2em; direction: ltr; float:right; width: 60%;} .big_item_price span{ font-size: .65em;font-family: 'Open Sans Hebrew';font-style: normal; font-weight: normal; } #total_price{ font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic; font-weight: bold; } .big_item_price2{ color: #888; font-weight: 500; font-size: 1.2em; text-decoration: line-through; padding: 5%;} .big_item_price2 span{ font-size: 0.8rem; } .big_item_color{ padding: 2% 0; } .big_item_color input{ display: none; } .big_item_color img{ margin-top: -20%; } .big_item_color span{ display: inline-block; min-width: 15%; margin-top: 1.5%;} .big_item_color label{ display: inline-block; cursor: pointer; overflow: hidden; width: 70%; margin:1% .5%; border: 2px solid #FFF; outline: #DDD solid 1px; height: 35px; background-color: #fff; text-align: right; font-weight: bold; line-height: 30px; padding-right:15px; } .big_item_color label.active{ outline: 1px solid red; } .big_item_color label.active:hover {outline: 1px solid red;} /*.big_item_color label img{ width: 200%; margin-top: -45%; margin-left: -50%;}*/ .big_item_color label:hover {outline: #bcbcbc solid 1px;} .big_item_size{ padding: 2% 0; width: 50%; float:right; } .big_item_size a{display: inline-block; width: 22%; margin: 1.5% .5%;border: 2px solid #FFF; background-color: #fff; outline: #DDD solid 1px; height: 30px; color: #000; text-align: center; font-weight: 700; text-decoration: none;} .big_item_size a:hover {border: 2px solid #EC1C24;} .sizes_table{ width: 37%; margin: auto; text-align: left; padding:2% 0; } .sizes_table a{ background-color: #666666; display: block; text-decoration: none; color: #fff; text-align: center; padding:5px 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .sizes_table a:hover{ background-color: #000; } .prod_comments_block{ padding: 3% 0; clear: both; } .prod_comments_block texarea{ min-height: 90px; } .big_item_order { padding: 2% 0; } .quantity{ float:right; width: 40%; } .quantity input{ text-align: center; width: 100%; font-size: 1.5em; border: 1px solid #999; display: block; } .order_btn{ float:left;width: 100%; } .order_btn button{ padding:10px 0; margin-top:10px; width: 100%; border: 0; font-size: 1.33em; direction: ltr; background-color: #324C5E; display: block; text-decoration: none; color: #fff; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .order_btn button:hover{ background-color: #202F3A ; } .order_btn button span{ } /*-------------------------------------------------- FOOTER --------------------------------------------------*/ footer { background-image: url(pics/footer_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: top; background-attachment: fixed; height: 250px; overflow: hidden; clear: both; padding:3% 0; position: relative; color: #000; background-color: #e6e6e6; direction: rtl; } footer:before{ content: ""; display: block; top:0; width: 100%; height: 100%; background-color: rgba(165, 147, 102, .7); position: absolute; } .footer_block{ display: inline-block; width: 33.333%; margin-left:-4px; vertical-align: top; color: #fff; text-align: center; } footer a{ text-decoration: none; color: #fff; } footer a:hover{ color: #fff; } .foo_icon{ background-color: #fff; border-radius: 50%; display: inline-block; margin-bottom:20px; } .footer_menu{ border-bottom:1px solid #75bb91; padding:12px; text-align: center; } .footer_menu ul{ margin:0 auto; list-style-type: none; padding:0; text-align: center; width: 100%} .footer_menu li{ display: inline-block;} .footer_menu li:last-child{ border-left:none; } .footer_menu a{padding:7px 20px; color: #fff; font-size: 1.125em; } #footer_social{ width: 5%; float:left;} #footer_social a{display:block; text-align: center; color: #000; font-size: 2em; } #footer_social a:hover{ color: #087e3f; } a.footer_phone{ display: block; font-size: 2em; padding:1.5% 0; } #footer_map{ float:left; width: 50%; padding-bottom:15px; } #footer_links{ float:right; width: 65%; } #footer_links li{ font-weight: 500; margin-top:20%; position: relative; } #footer_links li:before{ content: "\f0c0"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #A59366; padding-left: 0.5em; position: absolute; top: 0px; right: -35px; font-size: 1.33em; z-index: 1; } #footer_links ul{ float:right; width: 33.333%; text-align: right; direction: rtl; line-height: 160%; list-style-type: none; margin:0; padding:0;} #footer_links a{ color: #000; text-decoration: none; font-weight: 800; font-size: 1.66em} #footer_links a:hover{ text-decoration: none; color: #A59366; } #footer_contact{ float:right; width: 50%; margin-top:10px; padding:15px; text-align: right; padding-left:3%; } #footer_contact h2{ font-weight: normal; font-size: 1.33em; padding-bottom:2.5%; color: #FFFFFF;} #footer_contact input[type="text"]{ width: 49%; float:right; background-color: transparent; padding:5px; text-align:right ; outline: 0; margin:2% 0; margin-left:1%; border:1px solid #fff; color: #FFFFFF; } #footer_contact input[type="text"].large{ width: 98.5%; } #footer_contact textarea{ width: 49%; float:left; background-color: transparent; padding:5px; text-align:right ; outline: 0; margin:2% 0; margin-left:1%; border:1px solid #fff; color: #FFFFFF; } #footer_contact input[type="submit"]{ padding:5px; width: 35%; background-color: transparent; color: #FFFFFF; border: none; font-size: 1em; font-weight: normal; cursor: pointer; margin:2% 0; border:2px solid #fff; float:right; margin-left:1.5%; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer; } #footer_contact input[type="submit"]:hover{ background-color:#fff; color: #231F20; } #footer_bottom{ padding:10px; background-color: rgba(165, 147, 102, 1);} .copyright{ float:left; width: 25%;padding-top:2%; direction: rtl;} #credit{ width: 100%; text-align: center; direction: rtl; font-size: .9rem; font-weight: normal; padding:5px;} #credit a{ color: #fff; } #cart_table{ float: left; width: 72%; margin-right: 2%; margin-top:2%; background-color: #fff; margin-bottom: 30px; padding: 0 10px; } #cart_table.small_cart { width: 100%; float:none; } #cart_side { float: right; width: 25%; margin-top:1.5%; } #order_side{ float: right; width: 25%; margin-top:1.5%; } #order_side h2{ font-size: 1em; font-weight: bold; padding: 20px 0 10px 0; } #order_side a{ color:#6E8F00;} #cart_side_holder{ text-align: right; margin-top:2%; width: 100%; padding:2%; margin-bottom:20px; background-color: #fff; } #cart_side h2{ font-size: 1em; font-weight: bold; padding: 20px 0 10px 0; } #cart_side a{ color: #6E8F00;} .cart_row { direction: rtl; margin-bottom:20px; } .cart_img img{ max-width: 200px; max-height: 200px; width: 100%;} .prod_inf{padding-right:2%; } .comment{ vertical-align: top; padding-top: 1.5%; padding-right: 10%; } .total{ text-align: right; float:right; width: 50%; padding:10px; font-weight: bold; } .del{ float:left; width: 20%; text-align: left; padding:10px } .cart_title{ border-bottom:1px solid #DCDCDC; padding:5px; direction: rtl; text-align: center; } .cart_title div, .cart_row2 div, .cart_row3 div { display: inline-block; margin-right:-4px; } .secure{ border-bottom: 1px solid #6E8F00; color: #6E8F00; padding: 10px; font-weight: bold; } .cart_img{ width: 20%; } .cart_name{ width: 30%; } .cart_price{ width: 10%; } .cart_quan{ width: 10%; } .cart_comm{ width: 30%; } .cart_row2 div{ padding:10px; vertical-align: top; } .cart_row2 >.cart_img{ text-align: center; } .cart_row2 >.cart_name{ text-align: right;padding-top:30px; } .cart_row2 >.cart_price{padding-top:30px; } .cart_row2 >.cart_quan {padding-top:30px; } .cart_row2 >.cart_comm{padding-top:30px; } .cart_row3 >.cart_img{ text-align: center; } .cart_row3 >.cart_name{ text-align: right; padding:10px 0; width: 100%; border-bottom: 1px solid #D3D3D3;} .cart_row3 >.cart_price{padding-top:20px; width: 50%; text-align: right; padding:10px 0; } .cart_row3 >.cart_quan {padding-top:20px; width: 50%; text-align: left; padding:10px 0; } .cart_row3 >.cart_comm{padding-top:20px; } .cart_bottom_row{ background-color: #DCDCDC; } #cart_options{ display: block;padding-top:20px; } #cart_options >.cart_opt{ padding: 2% 10%; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #basket{ color: #FFFFFF; background-color: #1E2A5B; padding:20px 10px; margin-top:1.2%; width: 100%; margin-bottom:10px; clear: both; } #basket a{ text-decoration: none; color: #FFFFFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} #basket a:hover{color: #00AECF; } .login_link{ float: right; margin-right: 10%; } .register_link{ float: left; margin-left: 10%; } .secure_logos{ padding-top:20px; } .secure_logos img{ width: 100%} #checkout_btn{ margin-bottom:20px; width: 100%; } #checkout_btn2{ margin-bottom:20px; width: 30%; float:left; } #checkout_btn a, #checkout_btn2 a{ display: block; width: 100%; padding: 15px; background-color:#324C5E; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #FFFFFF; text-decoration: none; font-size: 1.33em; font-weight: normal; } #checkout_btn a:hover, #checkout_btn2 a:hover{ background-color: #202F3A; } .sale_in_menu{ position: relative; } .sale_in_menu a:hover{ background-color: transparent!important;} .sale_in_menu img{ width: 100%; } .percent{ position: absolute; top:10px; left:10px; background-color: #D0362E; color:#fff; text-align: center; border-radius: 50%; width: 80px; height: 80px; vertical-align: middle; } .percent h3{ display:block; font-size: 1.66em; font-weight: bold; padding-top:25%; } .percent span{ display:block; font-size: 1em; font-weight: normal; } .sale_in_menu h1{ position: absolute; bottom:20px; left:0; right:0; margin: auto; width: 80%; padding:10px; font-size: 1.33em; font-weight: normal; text-align: center; background:rgb(0,0,0); background:rgba(0,0,0,.8); color: #FFFFFF; } /*-------------------------------------------------- sizes_table --------------------------------------------------*/ #login { width: 40%; text-align: right; float: right; padding-top: 5%; } .login_bg{ width: 40%; float: left; } .login_bg img{ width: 100%; } #sizes_table{ width: 100%; } .table{ width: 96%; border-collapse: collapse; margin: 2%; } .table-condensed{ } .table-condensed tr{ border-bottom: 1px dotted #666666 } .table-condensed td{ padding:5px; text-align: right; direction: ltr; } .order_holder{ float:left; width: 72%; margin-right: 2%; margin-top: 2%; padding:2%; background-color: #FFFFFF; } .order_holder h1{ font-size: 1.33em; padding: 10px 0; } .login_table{ float:right; width: 50%; text-align: right; padding-left:2%; direction: rtl; } .login_table2{ float:right; width: 60%; text-align: right; direction: rtl; } .login_table3{ float:right; width: 60%; text-align: right; direction: rtl; background-color: #E9E9E9; padding:20px; } .form-group2{ width: 49%; display: inline-block; padding-left:3%; vertical-align: top; } .form-group3{ width: 100%; display: block; padding-left:4.5%; } .login_table2 label{ display: block; padding-top:10px; } .login_table2 input{ width: 100%; padding: 5px; border-radius:3px; margin: 7px 0; border:1px solid #ccc; text-align: right; } .login_table2 input { width: 100%; padding: 5px; margin: 7px 0; border: 1px solid #ccc; text-align: right; } .order_step2 button{ } .login_table2 button,.order_step2 button, .btn{ display: block; width: 15%; padding: 5px; border-radius:3px; background-color: #87AF01; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #FFFFFF; text-decoration: none; font-size: 1em; font-weight: bold; border:none; float:right;} .login_table2 button:hover,.order_step2 button:hover,.btn:hover{ background-color: #324C5E; } .login_table textarea{ width: 100%; padding: 5px; border-radius:3px; margin: 7px 0; border:1px solid #ccc; text-align: right; } #coupon input{ width: 35%; padding: 5px; border-radius:3px; margin: 7px 0; border:1px solid #ccc; text-align: right; } .form-group input{ width: 100%; padding: 5px; border-radius:3px; margin: 7px 0; border:1px solid #ccc; text-align: right; } .login_table button{ display: block; width: 30%; padding: 5px; border-radius:3px; background-color: #951F20; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #FFFFFF; text-decoration: none; font-size: 1em; font-weight: bold; border:none; float:right; max-width: 150px; } #main_news{ padding:10px; background-color: #E9E9E9; } .login_table button:hover{ background-color: #D0362E; } #mob_left { display: none; } .mob{display: none; } .nomob{ display: block; } #main_gallery{ clear: both; margin-top:150px; background-image: url(pics/main_gall_bg.jpg); background-repeat: no-repeat; background-size: cover; } .add_holder_mob{ display: none; } .rsContent:before{ /*content: ''; position: absolute; top:0; height: 100%; display: block; width: 100%; background: rgba(76,76,76,.3);*/ } #contact_form [name=copyemail] { height: 0; opacity: 0.01; } /*-------------------------------------------------- media query --------------------------------------------------*/ @media screen and (min-width:100px) and (max-width:959px) { header{ display: none; } footer{ height: initial; } #mobile_header{ background-color: #fafafa; } .cbp-af-header nav{ display: none; } .cbp-af-header>.cbp-af-inner>.logo{ float:none; } .width-wrapper{ width: 94%; } .logo { width: 20%; text-align: center; float:left; } .logo img{ height: 70px; padding:10px; } .top_phone{ width: 40%; float:left; padding-top:10px; position: relative; z-index:9999; } .top_phone a { font-family: 'Roboto', sans-serif; text-decoration: none; } .top_phone img{ position: relative; top:7px; } .area{ width: 64%; } #why{ height: initial; } .footer_block{ width: 100%; margin-bottom:20px; } #main_gallery{ margin-top:0px; } .client{ width: 35%; } .law_pic{ width: 100%; } .law_info{ width: 100%; } .lawer_in h2{ font-size: 2em } #services.inner_page .service{ width: 30.333%; padding:5px; } .service h3{ font-size: .86em; } #lang { padding-top: 5px; padding-right: 0%; } .menu{ display: none; } #main_gallery{ top: auto; margin-bottom:0; } #about_main{ width: 100%; padding:0; } #jobs_main{ width: 100%; } .c_logo{ height: 60px; } .footer_img{ display: none; } #top_social{ padding-top:3px; } #top_phone{ width: 80%; text-align: right; position: absolute; top: 5px; right:10px; z-index: 999; } #top_header{ padding-bottom:15px; background-color: #000; } #search{ width: 100%; padding: 0 5% 15px 5%;margin-top:3%; } .sb-icon-search:before{ left:5%; } #logo_mob{ display: block;padding: 10px; width: 40%; float: right;} #mob_left { display: block; text-align: left; width: 60%; padding:10px; } #top_left,#top_right{ display: none; } .mob{ display: block; } .nomob{ display: none; } #basket_menu{ width: 80%; position: absolute; z-index: 9999; } .info ul li{ width: 100%; } .info ul{ padding:0; margin:0; } .login_bg{ display: none; } #logo_mob img{ width: 100%;} .about_pic, .about_text { width: 100%;} .about_text{ padding-top:20%; } .rest_text,.rest_pic{ width: 100%;} .online_order_text p{ display: none; } #online_order img{ max-height: 250px; width: auto; } | .online_order_text a{ margin-top:15%; } #wrapper{ max-width: none; } nav{ display: none;} #main_menu_mob{ display: block;} #top_menu{ width: 100%; text-align: center; } #top_right{ width: 100%; } #holder{ margin-top:0; } #top_login a,#top_basket span{ font-size: 1em; } .top_title h1{ font-size: 1.33em; bottom:0; } .top_title a{ padding:3px 10px; } .top_title h2{ display: none; } .rsABlock { right: 5%; width: 100%; } .cart_name{ display: none!important; } .cart_price{ width: 30%; } .form-group2{ width: 100%; } .login_table2 button, .order_step2 button{ width: 31%; } .top_title p{ display: none; } #visa_steps{ width: 100%; } .arrow{ display: none; } .step{ width: 25%; } #main_items > .item_pnim{ width: 100%; } .order_visa{ width: 85%; } .grid{ width: 100%; padding:20px 0;} .service{ width: 47%; } .service:last-child{ width: 100%; } .service.all_serv a{ margin-top:6%; } .article{ width: 100%; } .gird-cell { width: 50%; } #full-width-slider2>.rsOverflow { overflow: visible; height: 370px!important; } .infoBlock.rsABlock{ top:0; width: 100%; } #footer_links ul{ width: 100%; } #footer_links{ display: none} #down_arrow{ width: 100%; } .footer_address span{ width: 100%; display: block; padding:10px 0 } .cat_icon{ top:10px; } figure.effect-chico h2{ font-size: 1em; } .main_cats_text{ width: 100%; } #why_man{ display: none; } #why_text{ width: 100%; } .button{ width: 80%; } .button--nina{ margin-top:235px; } #visa_main h1, #visa_main h2{ width: 100%; } .bott_sec{ width: 100%; padding: 5% 10%; min-height: initial; border-left:none; border-bottom: 1px dotted #36A8FF } .bott_sec:last-child{ border-bottom:none; } /*.item_title h5{ font-size: 80%; } */ #coupon input{ width: 60%; } .item_pnim{ width: 100%; } .item_main{ width: 50%; } .item{ width: 50%; height: 350px;} #contact_form{ padding-left:0; margin-bottom:2.5%; } #contact_address{ display: none; } .item_pic img{ min-height: 230px; } #main_items{ padding-bottom:20%; } #catalog_main h1{ font-size: 2em; top:15%; } #catalog_main a{ width: 45%; padding:5px; font-size: 1.33em; bottom:15%; } #bottom_secure img{ width: 100%; padding: 10px; } #bottom_secure p{ width: 100%; padding: 0 10px; } footer{} #main_bottom{ background-position: left 5% bottom; background-size: 38%; } #social{ width: 100%; } .footer_address{ width: 100%; padding:10px; height: auto; } .footer_menu{ display: none; } .add_holder{ display: none; } .add_holder_mob{ display: block; text-align: right; padding-right:10%; } #footer_links{ width: 100%; border:none; } #footer_contact{ width: 100%; } #footer_map{ width: 100%; } .footer_social, .footer_address{ text-align: center; } #credit{ width: 100%; } .copyright{ width: 100%; } .footer_logo{ display: none;} .pnim_image{ margin-top:70px;background-size: 250%; background-position: top; } .cbp-af-header .cbp-af-inner{ border-bottom:1px solid #fff; } .cbp-af-header{ height: 70px; } #contain_side { width: 100%; padding: 0 15px;padding-top:60px; } .white_cont{ padding-top:60px; } .side_pic{ display: none; } #contact_form{ width: 100%; } #contact_form button{ width: 50%; margin-left:1.5%; } #contact_form .half{ width: 100%; } #side_menu{ width: 100%; padding: 0 15px; } #big_item_pic{ width: 100%; } #description{ width: 100%; margin:0; } .sizes_table{ width: 40%; } .order_btn button{ font-size: 1.33em; } #cart_table{ width: 100%;} #cart_side{ width: 100%; } .order_holder{ width: 100%;} #order_side{ width: 100%; } .login_table2, .login_table{ width: 100%; padding-right:15px; } .login_table3{ width: 100%; } .item2_pic{ width: 30%; } .item2_price{ width: 50%; clear:right; text-align: right; } .item2_title{ width: 70%; } .prod_name { line-height: normal; } #login{ width: 100%; } #checkout_btn2{ width: 100%; } .help_me{ position: static; padding:2.5%; } .help_me:after{ display: none; } .main_order_btn { position: static; width: 80%; margin: 0 auto; padding-top:2.5%; } #contact_address{ width: 100%; } .info p img{ width: 100% } .cat_item{ width: 33.333%; } .cat_item h2{ font-size: 1em; } #footer_address, #footer_hours{ width: 94%; } .pnim_image>#logo { top: 16%; width: 20%; } .gird-cell{ margin-top:0; } #visa_contain_side{ width: 96%; } .tab{ padding:7px; } .tab a{ font-size: .86em; } .half{ width: 100%;} .half:first-of-type{ padding-left:0; } .half:last-of-type{ padding-right:0; } .visa_total{ width: 100%; } .next_step{ width: 80%; padding-top:2.5%; } .next_step a { padding:3.5% 5%; padding-left:60px; } .info_cell{ width: 50%; } #visa_detail { width: 100%; } #visa_detail label { width: 30%; } #visa_detail input { width: 50%; } #visa_detail input[type="checkbox"]{ width: auto; } #visa_detail label[for="c1"]{ width: auto; } .confirmation_pic{ display: none; } #confirmation_info{ width: 100%; } #main_video{ width: 100%; } #rel_videos{ width: 100%; } .rel_vid{ padding:0; width: 100%; } #contact_main input[type="text"]{ width: 100%; } #contact_main button{ width: 100%; } #side_cont{ padding:40px 10%; background-color: #A59366; } #side_cont h2{ color: #fff; font-weight: 300; } #inner_serv .service{ width: 47%; } #services .service{ width: 47%; } #services .service:first-child{ width:100%; } } @media screen and (min-width:560px) and (max-width:959px) { .area{ width: 33.333%; } .service{ width: 50%; } .rsABlock { right: 0; top: auto; bottom:0; width: 80%; } .item_title{ height: auto; } #main_items > .item_pnim{ width: 50%; } #footer_address, #footer_hours{ width: 50%; } #footer_social{ width: 50%; } #top_phone{ text-align: right; } .top_title h1{ font-size: 2em; } .footer_address span{ display: inline; } .cat_icon{ top:0; } .left_arr{ left:1%; top:5px; } .right_arr{ right:1%; top:5px; } #main_cats{ background-size: 46%; } .bott_sec:nth-child(1), .bott_sec:nth-child(2){ width: 50%; padding:0 7.5%; border-left:1px dotted #36A8FF; text-align: right; direction: rtl; min-height: 400px; border-bottom:none; } .bott_sec:nth-child(2){ border-left:none; } } @media screen and (min-width:960px) and (max-width:1199px) { .logo{ width: 10%; } .cbp-af-header nav{ width: 62%; } .width-wrapper,.cbp-af-header .cbp-af-inner{ width: 96%; } #basket_menu{ width: 30%; } .area{ width: 25%; } .main_menu_left>.sf-menu a{ padding-right:0; } .main_menu_right>.sf-menu a{ padding-left:0; } .sf-menu > li { padding: 0 .5em;} .width-wrapper{ max-width: 96%; } .footer_img { left:5%; } .sf-menu > li > a{ padding: 0 5px; } .cbp-af-header #logo{ width: 285px; height: 75px; } .cbp-af-header.cbp-af-header-shrink #logo{ width: 260px; height: 62px; } .item_pic img{ width: 100%; max-width: none; max-height: none; } .none{ display: none; } .item{ width: 25%; height: 310px; } #footer_contact input[type="submit"]{ width: 40%; } a.footer_phone{ font-size: 1.5em; } #footer_links{ padding-left:1.5%; } .item_pic{ height:160px; } h4{ font-size: 1.1em; } .grid{ } #down_arrow{ width: 35%; } .c_logo{ height: 50px; } .left_arr, .right_arr{ top:15px; } #side_menu{ width: 24%; } #contain_side{ margin-bottom:2%;} #checkout_btn a, #checkout_btn2 a{ font-size:1em; } .item_order{ width: 80%; } #description{ width: 45%; } #big_item_pic{ width: 50%; } .sizes_table{ width: 42%; } .order_btn{ width: 60%; } .order_btn a{ font-size: 1.333em; } .main_order_btn { bottom: 25%; right: 3%; width: 21%; } .help_me{ left:4%; } .help_me:after{ font-size: 7em; top: 67px; left: -80px;} .online_order_text h1{ margin-bottom: 0; } .online_order_text p{ font-size:1.2em; line-height: 1.5; } .online_order_text a{ margin-top:0; } #main_gallery{ top:0; } #contact_form button{ width: 100%; } .top_title h1{ font-size: 2em; } .area{ padding:0 1.5%; } blockquote{ width: 70%; padding:5% 0; } section#hazon{ height: 500px } #visa_steps{ width: 80%; } .order_visa{ width: 40%; } #main_cats{ background-size: 30%; } .main_cats_text{ width: 52%; } .cat_icon{ top:10px; } figure.effect-chico h2{ font-size: 1.125em; } .button{ width: 25%; } .bott_sec{ padding:0 3.5%; } .footer_address{ padding: 15px 0 0 0; } .add_holder{ margin-top:2%; } .footer_logo img { padding: 14% 10% 5% 15%;} .button--nina{ padding:0 1em; } #visa_contain_side{ width: 100%; } .top_title h1{ font-size: 2.5em; } } @media screen and (min-width:1200px) and (max-width:1399px) { .width-wrapper,.cbp-af-header .cbp-af-inner{ width: 96%; } .top_title h1{ font-size: 2.5em; } figure.effect-chico h2{ font-size: 1.33em; } #contact_form button{ width: 70%; } } @media screen and (min-width:1400px)and (max-width:1600px) { #contact_form button{ width: 70%; } } form [name=copyemail] { height: 0; opacity: 0.01; margin: 0 !important; padding: 0 !important; }