/*
Theme Name: Shikko
Template: Divi
Text Domain: shikko
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 2.7.8
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("font/fontface.css");
h1, h2, h3, h4, h5, h6, body, input, textarea, select {font-family: 'Open Sans Hebrew', sans-serif !important;}

.container {text-align:right;}
.rtl #acp-toggle-toolbar {top:80px !important;}
#acp-toolbar	{z-index:1000000}
#logo {float:right;margin-top:10px;}
#et-top-navigation {}
#top-menu li {padding-right:0 !important;padding-left:15px;}
#top-menu li:last-child {padding-left: 0 !important}
#top-menu li ul li {text-align:right;}
#top-menu li a, #et-secondary-nav li a {font-weight: normal}
#top-menu li.current-menu-item a, #et-secondary-nav li.current-menu-item a {font-weight:bold !important}
#et-secondary-nav li {margin-right:0 !important;margin-left:15px;}
#et-secondary-nav li:last-child {margin-left: 0 !important}

#main-content .container:before {background:none;}

.et_fixed_nav #et-top-navigation {float:left;padding-right:0 !important;-webkit-transition: none !important;-moz-transition:  none !important;-o-transition:  none !important;transition:  none !important;}
#et-secondary-menu {padding-top:5px;}
#top-header .et-social-icons {float:right;}
.header-phone {font-size:24px;}
#et-info-phone:before {font-size: 22px;margin-right: 5px;position: relative;top: 2px;}

#top-menu li .sub-menu li {text-align:right;padding-left:0 !important;padding-right: 0 !important}

#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {padding:0 16px 23px 0px;}
#top-header .et-social-icons {float:left;}
/** HOMEPAGE **/
.why-electric {background: url(img/bike-pattern.png) repeat;}
.et_pb_main_blurb_image {max-width:60%;margin:0 auto;}

.catalog_buttons .et_pb_main_blurb_image img {	filter: grayscale(100%);border:1px solid #dadada;}
.catalog_buttons .et_pb_main_blurb_image img:hover 	{filter: grayscale(0%);} 


.category article {border-bottom:1px solid #333;padding-bottom:20px;}
/** SIDEBAR **/
#sidebar .et_pb_widget {background:#EDEDED;padding:10px;}
#sidebar .widgettitle {}
#sidebar .textwidget {font-size: 15px;line-height: 18px;}
#sidebar .wpcf7 {margin-top:15px;}


.container.bike {padding-top:128px !important;}
.bike_title {text-align:center;margin-bottom:0;}
.bike_table {width:100%;border:0 !important;padding:0 !important;font-size:15px;}
.bike_table tr td {text-align:right;padding:0 !important;border-bottom:1px solid #dadada;}
.bike_table tr td.row_title {width:40%;font-weight:bold;}

.pdf_download {font-size:25px;}
.pdf_download .fa {background:#7BC142;color: #fff;font-size: 25px;height: 40px;line-height: 38px;margin-left: 5px;text-align: center;width: 40px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.bike-gallery {margin-bottom:35px;}
.bike_logo {max-height:50px;margin-bottom:10px;}

.slick-arrow {position:absolute;top:40%;width:51px;height:95px;border:0;cursor:pointer;background-repeat:no-repeat;background-color:transparent}
.slick-prev {right:-5%;background-image: url(img/right_arrow.png);}
.slick-next {left:-5%;background-image: url(img/left_arrow.png);}

.more_bikes {text-align:center;margin-top:50px;}
.more_bikes a {color:#333;}
/** CONTACT PAGE **/
#contact-page .wpcf7-text,#contact-page .wpcf7-email,#contact-page .wpcf7-textarea,#sidebar .wpcf7-text,#sidebar .wpcf7-email {width:100%;font-size:15px;padding:3px;color:#333;border: 1px solid #dadada;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#contact-page .wpcf7-text:focus,#contact-page .wpcf7-email:focus,#contact-page .wpcf7-textarea:focus,#sidebar .wpcf7-text:focus,#sidebar .wpcf7-email:focus {border: 1px solid #7BC142;}
#contact-page .wpcf7-textarea {height:80px;}
#contact-page .wpcf7-submit,#sidebar .wpcf7-submit{display:block;width:100%;text-align:center;border:0;background:#7BC142;color:#fff;padding:7px 0;font-size:15px;font-weight:bold;cursor:pointer;}
.page-id-57 .et_parallax_bg {background-position: center bottom !important;}


.warranty_form input {-webkit-transition: all 0.250s ease-in-out;-moz-transition: all 0.250s ease-in-out;-o-transition: all 0.250s ease-in-out;transition: all 0.250s ease-in-out;}
.warranty_form .wpcf7-email,.warranty_form .wpcf7-text,.warranty_form .wpcf7-select,.warranty_form .wpcf7-date {width:100%;font-size:15px;padding:5px;}
.warranty_form .wpcf7-email:focus,.warranty_form .wpcf7-text:focus,.warranty_form .wpcf7-select:focus,.warranty_form .wpcf7-date:focus {border-color:#7BC142 !important;outline:0 !important}
.warrantysubmit  {background:#7BC15D;color:#231F20;font-weight:bold;font-size:18px;padding:8px 25px;bordeR:0;margin:0 auto;width:28%;display:block;cursor:pointer}

/** BOTTOM CONTACT **/
.et_pb_widget {float:none;}
#footer-widgets {padding:4% 0 2% !important}
.bottom_contact h3 {text-align:center;}
.bottom_contact .wpcf7 {font-size:16px;}
.bottom_contact .wpcf7-text, .bottom_contact .wpcf7-email {margin-left:5px;padding:5px;}
.bottom_contact .wpcf7-submit {cursor:pointer;border:0;background:#7BC142;color:#333;padding:5px 20px}
.et_pb_text_align_right {text-align:right !important}
@media all and (max-width: 479px) {
.slick-arrow {height:30px;background-size:contain;z-index:1;}
.contact-area {width: 100% !important;}

#logo {max-width:100% !important;max-height:100% !important;float:none !important;margin: 0 auto !important;}
	.et_header_style_left .logo_container{position:static}
	#et-main-area {padding-top:160px;}
	.et_pb_section_first {padding-top:0 !important;}
	.bottom_contact .wpcf7-text, .bottom_contact .wpcf7-email {width:100%;margin-left:0 !important;margin-bottom:5px;}
	.bottom_contact .wpcf7-submit {display:block;width:100%;text-align:center;}

}

/*Code by Itay*/

#acp-toggle-toolbar {z-index: 999999;}
input.home-send {width: 101%; text-align: center; margin: 0 auto; margin-top: 10px; height: 35px; cursor: pointer; border: 0; background: #7BC142; color: #333; font-size: 16px;}
.contact-field {height: 30px;}
.contact-area {width: 24%; float:right; margin-left: 1%; text-align: right; color: #fff;}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 318px;
	height: 264px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
    background: #7bc142;
    text-align: center;
}


iframe body .rc-anchor-logo-portrait {
    margin: 0 !important;
}

label#recaptcha-anchor-label {
    width: auto !important;
}

.rc-anchor-normal-footer {
    margin: 9px -10px 0 0 !important;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha > div {
    margin-bottom: 20px !important;
}


@media screen and (min-width: 1230px) and (max-width: 1305px) {
.logo_container {width: auto;}
#logo {margin-right: -6%;}
}

@media screen and (min-width: 1185px) and (max-width: 1229px) {
.logo_container {width: auto;}
#logo {margin-right: -10%;}
}

@media screen and (min-width: 1140px) and (max-width: 1184px) {
.logo_container {width: auto;}
#logo {margin-right: -10%; max-height: 45% !important; margin-top: 3%;}
}

@media screen and (min-width: 1100px) and (max-width: 1139px) {
.logo_container {width: auto;}
#logo {margin-right: -10%; max-height: 35% !important; margin-top: 4%;}
}