@import url(fonts/SynopsisAAA/styles.css);
@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);

html{background:#f1f2f6; color:#333; }
a{ color:#333; text-decoration:none; outline:none;}
a:hover { text-decoration:none;}
html, body, input, textarea, select{ font-family:'Open Sans Hebrew', Arial, serif !important;  }

.font2 { font-family:'SynopsisAAA', Arial, serif !important; }

.browser_ie *, .browser_ie input, .browser_ie textarea, .browser_ie select { font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif !important; }

.centered { margin-left: auto; margin-right: auto; width:1171px; position:relative; }

body {color: #333;  padding:0px; margin:0px; overflow-y:scroll;  }
body.rtl { direction:rtl; text-align: right; }
body.ltr { direction:ltr; text-align: left; }

img{ border:none; vertical-align:middle;}

input[type=text], input[type=password], textarea, select{border:1px solid #acadb2; padding:3px; outline:none; font-size:13px; color:#616161;}
textarea { resize:none;}
* {margin: 0; padding: 0; box-sizing:border-box;}

input[type=text], input[type=password], textarea, select { width:150px;}
.DateSimple select { width:auto !important; }

input[type=checkbox] { width:auto !important; }

a { cursor:pointer;}

::-webkit-input-placeholder { color: #A1A1A1; }
:-moz-placeholder { color: #A1A1A1; }
::-moz-placeholder { color: #A1A1A1; }
:-ms-input-placeholder { color: #A1A1A1; }

/* Custum classes */
.gray{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.hr { clear:both; border-bottom:1px solid #CCC; height:1px; background:#E6E6E6; margin:20px 0px; }
input.error, .ms-parent.error { box-shadow:0px 0px 0px 1px #FF1D21;}

body.rtl .fr { float:right; }
body.ltr .fr { float:left; }
body.rtl .fl { float:left; }
body.ltr .fl { float:right; }

.animate-fast { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

h1, .h1, h2, .h2, h3, .h3 { margin-top:0px;}


.frm {}
body .frm li { margin-bottom:8px;}
.frm .caption { background:#f4f4f4; font-size:18px; color:#525863; padding:14px; min-width:190px; position:relative; }
.frm .caption:after { content:""; display:block; position:absolute; width:9px; /*height:15px; */ background:url(images/frm_arr.png) left center no-repeat; left:-9px; /*top:15px;*/ top:0px; bottom:0px;}
.frm .field { display:block; width:100%; }
.frm td.field { display:table-cell;}
.frm .sbm_area {  }

.frm .field input, .frm .field textarea, .frm .field select { width:100% !important; border:1px solid #b7b7b7; padding:10px;}
.frm input[type=submit] { background:#4c3957; color:#fff; border:none; padding:10px; text-align:center; width:100%; font-weight:bold !important; }


/* UI elements */
.btn { display:inline-block; padding:0 6px; border:none; font-size:16px; background:#dddddd; color:#777777; font-weight:bold; cursor:pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; height:29px; line-height:29px; vertical-align:middle; }
.sbm:hover, .btn:hover {  }

btn.gray { background:#dddddd; color:#777777;}

.btn_blue { display:block; background:#1db8e0; font-weight:bold; color:#fff; padding:10px; clear:both; text-align:center; margin:0 auto; width:100%; border:none; border-radius:3px; }

.btn.big { display:block; width:auto; height:44px; line-height:44px; text-align:center; }

.btn.blue { background:#5b3769; color:#fff; }

.paddme { padding:16px; }
.paddme.tb { padding-left:0px; padding-right:0px;}
.paddme.lr { padding-top:0px; padding-bottom:0px;}

input[type=submit]:active, .sbm:active, .btn:active { opacity:0.8;}

input.txt, textarea.txt { }
textarea.txt { padding:10px;}

form table td { padding:2px; }


.paging { text-align:center; margin:10px 0px;}

.paging a { display:inline-block; padding:3px; width:12px; font-size:12px; text-align:center; background:#CCC; color:#333;  -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 14px; border-radius: 12px; }
.rtl .paging a { margin-right:2px; }
.ltr .paging a { margin-left:2px; }

.paging span { display:inline-block; padding:3px; width:14px; font-size:12px; text-align:center; border:1px solid #CCC; color:#333;  -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; }
.rtl .paging span { margin-right:2px; }
.ltr .paging span { margin-right:2px; }



.tag_lbl { background:rgba(20,181,223,0.7); display:inline-block; clear:both; font-weight:bold; padding:/*7px*/ 2px 15px; color:#fff; }





.item .article_pic,
article .article_pic { overflow:hidden; position:relative; }

.item .article_pic span,
article .article_pic span { display:block; background:#E1E1E1 center center no-repeat; background-size:cover;
transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}

.item:hover .article_pic span,
article:hover .article_pic span { 
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
}

article .article_pic span { height:100%; width:100%; }

article .article_pic .play { display:block; width:60%; left:20%; height:70%; top:15%; background:url(images/play.png) center center no-repeat; background-size:contain; position:absolute; z-index:99; opacity:0.8; }
article.first .article_pic .play { background-size:auto !important; }

#vod_widget article .article_pic .play,
.widget_head article .article_pic .play,
#vod_footer_widget .article_pic .play { background-size:auto !important; }

/*
article .article_pic .play { display: block; width: 30%; left: 3%; height: 30%; top: 3%; background: url(images/play.png) left top no-repeat; position: absolute; z-index: 99; opacity: 0.8; background-size: contain; }
*/

/* COMMENTS */

.comments { padding:20px 0px 14px 0px; }

.comments .comment { display:block; border-bottom:1px solid #e8e8e8; position:relative; }
.rtl .comments .comment { padding:20px 50px 20px 0px; }
.ltr .comments .comment { padding:20px 0px 20px 50px; }

.comments .comment .remove { width:20px; height:20px; background:#C0C0C0; position:absolute; top:20px; text-align:center; line-height:20px; }
.rtl .comments .comment .remove { left:0px; }
.ltr .comments .comment .remove { right:0px; }

.comments .comment .number { position:absolute; top:20px; color:#cd0625; font-size:34px; border-bottom:1px solid #cd0625; }
.rtl .comments .comment .number { right:0px; }
.ltr .comments .comment .number { left:0px; }

.comments .comment h4 { cursor:pointer; font-size:17px;}
.comments .comment .msg {  overflow:hidden; display:none; font-size:17px; }
.comments .comment.opened .msg { display:block; }

.comments .add_comment_wrap { display:block; position:relative;}
.rtl .comments .add_comment_wrap { padding:5px 0px 0px 14px; }
.ltr .comments .add_comment_wrap { padding:5px 14px 0px 0px; }

.comments .add_comment_wrap .btn_comment { display:block; color:#9E9E9E; cursor:auto; width:100%; border:1px solid #b2b2b2; padding:10px; border-radius:3px; margin-bottom:10px; }
.comments .add_comment_wrap form { display:none; }
.comments .add_comment_wrap input[type=text],
.comments .add_comment_wrap textarea { width:100%; border:1px solid #b2b2b2; padding:10px; border-radius:3px; margin-bottom:10px; }

.comments .add_comment_wrap textarea { height:100px; }
 
.comments .add_comment_wrap input[type=text]:focus,
.comments .add_comment_wrap textarea:focus { border:1px solid #5b3769; box-shadow:0px 0px 7px rgba(0,0,0,0.2);}

.rtl .comments .add_comment_wrap .btn { margin-right:10px; }
.ltr .comments .add_comment_wrap .btn { margin-left:10px; }


.comments .comment .foot { color:#8e8e8e; font-size:13px; }

.comments .comment .plus { position:absolute; top:14px; display:block; width:12px; height:12px; background:url(images/pen_ico.png) center center no-repeat; }
.rtl .comments .comment .plus { left:14px; }
.ltr .comments .comment .plus { right:14px; }

.comments .comment .plus_popup { position:absolute; top:-45px; width:125px; }
.rtl .comments .comment .plus_popup { left:-1px; }
.ltr .comments .comment .plus_popup { right:-1px; }

.comments .comment .plus_popup a { display:block; text-align:center; font-size:14px; padding:5px 10px; border-top:1px solid transparent; border-bottom:1px solid transparent; }
.comments .comment .plus_popup a:hover { background:#da1f24; color:#fff; border-color:#C01B1F; }

.comments .see_more_comments { width:220px; margin:0 auto; margin-top:10px; display:block; position:relative; font-size:14px; }
.rtl .comments .see_more_comments { padding-right:20px; }
.ltr .comments .see_more_comments { padding-left:20px; }

.comments .see_more_comments:after { content:""; display:block; width:16px; background:url(images/ico_messages_gray.png) center center no-repeat; position:absolute; top:0px; bottom:0px;}
.rtl .comments .see_more_comments:after { right:10px; }
.ltr .comments .see_more_comments:after { left:10px; }


.comments .comment .report { position:absolute; top:14px; display:block; width:12px; height:12px; background:url(images/flag-1.png) no-repeat; }
.rtl .comments .comment .report { left:14px; }
.ltr .comments .comment .report { right:14px; }

.comments .comment .report:hover { opacity:0.8; }
.comments .comment .report_popup { position:absolute; top:34px; width:125px; }
.rtl .comments .comment .report_popup { left:-1px; }
.ltr .comments .comment .report_popup { right:-1px; }

.report_popup a { display:block; text-align:center; font-size:13px; padding:5px 5px; border-top:1px solid transparent; border-bottom:1px solid #E5E5E5; }
.report_popup a:hover { background:#da1f24; color:#fff; border-color:#C01B1F; }


/*
.comments .comment .user_edit { position:absolute; left:35px; top:14px; display:block; width:11px; height:11px; background:url(images/cmt_edit.png) no-repeat; }
.comments .comment .user_remove { position:absolute; left:54px; top:7px; display:block; width:23px; height:23px; background:url(images/trash.png) no-repeat; }
*/

.tags { margin-bottom:25px;}

.tags a { display:inline-block; background:#C3C3C3; height:40px; line-height:40px; padding:0 16px; margin-bottom:7px;  }
.rtl .tags a { margin-left:7px; }
.ltr .tags a { margin-right:7px; }

.tags a:hover, .tags a.active { background:#5b3769; color:#fff; }


/* breadcrumbs */
#breadcrumbs { list-style:none; overflow:hidden; font-size:12px; margin-bottom:30px; height:48px; line-height:45px; overflow:hidden; margin-bottom:0px; display:block; }
#breadcrumbs li { display:inline; color:#000; }
#breadcrumbs li:after { content:">"; margin:0 7px;}
#breadcrumbs li:last-child:after { display:none; content:"";}
#breadcrumbs a { color:#3A3A3A; font-weight:bold; }
#breadcrumbs .active { color:#ca041b; font-weight:normal; }


.block_tabs a { color:#777777; font-size:14px; line-height:29px; display:inline-block; font-weight:bold; padding:0 10px; height:29px; border-radius:3px; }
.block_tabs a.active { color:#fff; background:#14b6de; }



.soci a { display:inline-block; position:relative; color:#fff; font-weight:bold; font-size:14px; }
.rtl .soci a { padding:0px 30px 0px 10px; }
.ltr .soci a { padding:0px 10px 0px 30px; }

.soci a:after { content:""; display:block; position:absolute; width:30px; top:0px; bottom:0px; background:center center no-repeat; }
.rtl .soci a:after { right:0px; }
.ltr .soci a:after { left:0px; }

.soci a:hover { opacity:0.85;}

.soci a.soci_fb { background-color:#0e54aa; }
.soci a.soci_fb:after { background-image:url(images/btn_soci_f.png); }

.soci a.soci_email { background-color:#cf041c;  }
.soci a.soci_email:after { background-image:url(images/btn_soci_email.png); }

.soci a.soci_newsletter { background-color:#4297d5; }
.soci a.soci_newsletter:after { background-image:url(images/btn_soci_nl.png); }

.soci a.soci_whatsapp { background-color:#35bd45; }
.soci a.soci_whatsapp:after { background-image:url(images/btn_soci_whatsapp.png); }

.soci a.soci_app { background-color:#b3b3b3; }
.soci a.soci_app:after { background-image:url(images/btn_soci_app.png); }



#vod_video_page .mejs-container { width:100% !important; height:100% !important;}


.mgz_paging { display:block; padding:25px 0; }
.mgz_paging a, .mgz_paging span{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; }
.mgz_paging .active { background:#14b6de; color:#fff; }
.mgz_paging a:hover { background:#CFCFCF; }


.section_title{ font-size:36px; font-weight:normal; line-height:45px; border-bottom:2px solid #e4e7ec;  display:block; }
.section_title span { position:relative; display:inline-block;}
.section_title span:after { content:""; border-top:3px solid #4c3957; display:block; position:relative; top:2px; width:100%; }
.section_title.red_border:before { border-color:#d10220;  }


#vod_widget .ui-slider-handle { width:20px; height:20px; padding:0px; margin:0px; border:none; background:url(images/slider_handle.png) !important; top:-8px }
#vod_widget .ui-slider { height:2px; padding:0px; border:none; background:#69d3f9; border:none; border-radius:0px; }


#login_btn { position: fixed; top: 65px; right: -20px; padding: 7px 15px; background:#9a6ec1; color: #fff; z-index: 99999; 
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}


#basket_cont {
    float: right;
    width: 100%;
    background: #fff;
    padding: 25px;
}

#basket_cont table {
    width: 80%;
    margin: 0 auto;
    text-align: center;
	border-collapse: collapse;
}

#basket_cont table td,#basket_cont table th {
    padding: 5px;
	border: solid 1px;
}

.shopping_cart_cont {
    width: 100%;
}

#product-content td {
    padding: 35px 0 !important;
}

#order_form_cont #product-content td {
    padding: 10px 0 !important;
}

#product-content table td,#product-content table th{
    border-bottom: solid 1px;
    text-align:center;
    border: 0 !important;
}

#product-content table tr:last-child  td{
    border: 0;
}

.wrap-related h3 {
    width: 100% !important;
}

ul#related-products-nav {
    width: 100% !important;
}

#product-content .secondrow .wrap-related ul#related-products-nav li:last-child {
    border-bottom: 0;
}
/*
#to_shopping_cart {
    position: absolute;
    left: 0;
    top: 7px;
    padding: 6px 16px;
    background: #478ed5;
    border: solid 1px;
    border-radius: 10px;
}
*/
#to_shopping_cart {
	width:80px;
	height:80px;
	
	display: block;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	border:3px solid #fff;
    position: absolute;
    left: 5%;
    bottom: 39px;
    background: #5b3469;
    border-radius: 100%;
    background-image: url(/Templates/MGZ/images/shopping-cart-icon.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;
	z-index: 1111;
	-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; 
}
#to_shopping_cart:hover {  box-shadow: 0px 0px 20px rgba(0,0,0,0.8); }

#to_shopping_cart span { z-index: 99; display:none; width:20px; height: 20px; background: #B40003; color: #fff; position: absolute; right: -2px; top: -2px; text-align: center; font-size: 12px; color: #fff; line-height: 20px; border-radius: 100%; }

.nice-title {
    padding-right: 20px;
}

#paypal-button {
    float: right;
    width: 100%;
    text-align: center !important;
}

#paypal-button iframe {
    margin: 0 auto;
}

.container.order_form form table {
    width: 100%;
    margin: 0 auto !important;
    float: none;
}

.qtyselect input {
    width: 60px;
    text-align: center;
}

.totalbox {
    margin-bottom: 15px;
    font-size: 22px;
}


@media (max-width:768px){
	
	ul#block-product-list li .product-name{
		height: auto !important;
	}
	
	ul#block-product-list li {
    width: 50% !important;
    padding: 5px !important;
    text-align: center;
	}

	ul#block-product-list li img {
		max-width: 90%;
		height: auto !important;
	}

	ul#block-product-list li .product-photo{
		width:auto !important;
		height:auto !important;
	}

	ul#block-product-list li .product-name h2 {
		margin: 0;
		width: auto !important;
		height: 40px;
		overflow: hidden;
	}
	
	ul#block-product-list li .product-info {
		width: auto !important;
		padding: 0 !important;
		margin: 0  !important;
	}
	
	ul#block-product-list li .product-info .second-row .addcart a {
		background: #474042;
		color: #fff;
		padding: 5px;
	}
	
	ul#block-product-list li .product-info .second-row .addcart {
		padding-top: 16px;
		width: 100% !important;
	}
	
	#product-content .wrap-product-short {
		width: auto !important;
	}
	#product-content .secondrow .wrap-tabs.wrap-tabs {
		width: 100% !important;
	}
	#product-content .secondrow .wrap-tabs .tabs {
		width: 100% !important;
	}
	#product-content .secondrow {
		width: 100% !important;
	}
	
	
	
	
}