@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);
body{ background-color:#6bbde8; font-family: "Alef Hebrew",“Helvetica Neue”,Helvetica,Arial,sans-serif; font-size:18px; color:#6f6f6f;}
#wrapper {margin: 4px auto 0px auto; width:1240px; min-height:720px; background-color:#FFF; -moz-box-shadow: 1px 1px 2px #4e97bd; -webkit-box-shadow: 1px 1px 2px #4e97bd; box-shadow: 1px 1px 2px #4e97bd;}
/* margin|padding - top right bottom left*/
header{margin:48px 90px 0px 10px; float: right; background-color:none; width:1084px; height:90px; direction:rtl;}
header h1{float: right; direction:rtl; position:relative; top:-21px; right:10px;} 
header h2{float: right; direction:rtl; position:relative; top:-17px;right:12px;}
#title_text{direction:rtl; font-size:21px;color:#01abc4; font-weight:bold; height:55px; padding-top:2px;}
#title_text2{direction:rtl; font-size:21px;color:#73ab3e; font-weight:bold; height:55px; padding-top:2px;}
#title_text3{direction:rtl; font-size:21px;color:#f7bf38; font-weight:bold; height:55px; padding-top:2px;}
#title_text4{direction:rtl; font-size:21px;color:#f75a53; font-weight:bold; height:55px; padding-top:2px;}

#mainFrame{margin:32px 90px 0px 90px;  float: right; background-color:#efefef; width:1060px; direction:rtl; padding:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
#mainFrame p{padding-right:12px;}

#mainFrame2{margin:32px 90px 0px 90px;  float: right; background-color:none; width:1060px; height: auto; direction:rtl; padding:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
#mainFrame2 p{padding-right:12px;}

#question_box{margin:16px 90px 0px 90px; float: right; width:1060px; direction:rtl; padding:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}

.question_box_info {background-color:#efefef;}
.question_box_info:hover {background-color:#01abc4; color:#efefef; cursor:pointer; background-image:url(../imgs/white_arrow_btn_bg.png); background-position:center left; background-repeat:no-repeat;}

.question_box_share {background-color:#efefef;}
.question_box_share:hover {background-color:#73ab3e; color:#efefef; cursor:pointer; background-image:url(../imgs/white_arrow_btn_bg.png); background-position:center left; background-repeat:no-repeat;}


.question_box_contact {background-color:#efefef;}
.question_box_contact:hover {background-color:#f7bf38; color:#efefef; cursor:pointer; background-image:url(../imgs/white_arrow_btn_bg.png); background-position:center left; background-repeat:no-repeat;}

.question_box_eval {background-color:#efefef;}
.question_box_eval:hover {background-color:#f75a53; color:#efefef; cursor:pointer; background-image:url(../imgs/white_arrow_btn_bg.png); background-position:center left; background-repeat:no-repeat;}

.qb_text{width:960px;direction:rtl;}

#blueBox{font-size:16px; width:224px; height:224px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#01abc4; color:#FFF; margin:10px; padding:8px;}
#greenBox{font-size:16px; width:224px; height:224px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#73ab3e; color:#FFF; margin:10px; padding:8px;}
#yellowBox{font-size:16px; width:224px; height:224px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#f7bf38; color:#FFF; margin:10px; padding:8px;}
#redBox{font-size:16px; width:224px; height:224px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#f75a53; color:#FFF; margin:10px; padding:8px;}

#blueBox:hover, #greenBox:hover, #yellowBox:hover, #redBox:hover {cursor:pointer;}

#textBox{width:208px; height:96px;margin-right:8px;}
#img_box{ margin-right:8px;}
#btn_arrow{width:36px; height:36px; position:relative; bottom:10px; left:0px; float:left;}
footer{font-size:14px; color:#FFF; margin:auto; width:1240px; min-height:32px; padding: 4px 4px 0px 0px; text-align:right;}
/*FONTS*/
h1{font-size:24px; color:#1C79AB; font-weight:300;}
h2{font-size:21px; color:#1C79AB; font-weight:300;}

#mm{    float: right;
    margin: -30px -3px 0px 0px;
    clear: both;    float: right;
    margin: -30px -3px 0px 0px;
    clear: both;}
#mm_item{float:left; width:48px; height:48px;}

.prompt{-moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; padding:0px 4px 0px 4px; background-color:#FFF; font-weight:bold;}


#btn_back{width:132px; float:right; height:48px; background-color:#6bbde8; color:#FFF; padding-top:10px; padding-right: 12px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
#btn_back2{width:132px; float:right; margin:48px 90px 0px 90px; height:48px; background-color:#6bbde8; color:#FFF; padding-top:10px; padding-right: 12px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
#btn_back_txt{width:64px;  padding-top:1px; float:left; padding-left:16px; font-size:24px;}
#btn_back:hover, #btn_back2:hover{background-color:#6dd3ed; cursor:pointer;}
.bold_txt{ font-size:1.1em; font-weight:bolder;}

@media screen and (max-width:1139px){
body{ background-color:#6bbde8; font-family: "Alef Hebrew",“Helvetica Neue”,Helvetica,Arial,sans-serif; font-size:20px; color:#6f6f6f; text-rendering:optimizeLegibility;}
#wrapper {width:720px; min-height:960px; margin: 4px auto 0px auto;}
/* margin|padding - top right bottom left*/
header{margin:48px 44px 0px 20px;  float: right; background-color:none; width:624px; height:170px; direction:rtl;}
header h1{float: right; direction:rtl; position:relative; top:-21px; right:10px;} 
header h2{float: right; direction:rtl; position:relative; top:-17px;right:12px;}
#mainFrame{margin:32px 64px 0px 90px;  float: right; background-color:#efefef; width:572px; direction:rtl; padding:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
#mainFrame p{width:464px;}

#mainFrame2{margin:15px 64px 0px 58px; float: right; background-color:none; width:572px; height: auto; direction:rtl; padding:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
#mainFrame2 p{width:464px;}

#question_box{margin:16px 64px 0px 58px; float: right; width:572px; direction:rtl; padding:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}


.qb_text{width:520px;}

#blueBox{font-size:16px; width:248px; height:248px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#01abc4; color:#FFF; margin:10px; padding:8px;}
#greenBox{font-size:16px; width:248px; height:248px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#73ab3e; color:#FFF; margin:10px; padding:8px;}
#yellowBox{font-size:16px; width:248px; height:248px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#f7bf38; color:#FFF; margin:10px; padding:8px;}
#redBox{font-size:16px; width:248px; height:248px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#f75a53; color:#FFF; margin:10px; padding:8px;}
#textBox{width:208px; height:96px;margin-right:20px;}
#img_box{ margin-right:20px;}
#btn_arrow{width:36px; height:36px; position:relative; bottom:-8px; left:0px; float:left;}
footer{font-size:14px; color:#FFF; margin:auto; width:720px; min-height:56px; padding: 8px 8px 0px 4px;}


#btn_back2{margin:48px 64px 0px 58px;}
}

@media screen and (max-width:590px){
body{ background-color:#6bbde8; font-family: "Alef Hebrew",“Helvetica Neue”,Helvetica,Arial,sans-serif; font-size:23px; color:#6f6f6f; text-rendering:optimizeLegibility;}
#wrapper {width:360px; min-height:1640px; margin: 4px auto 0px auto; }
/* margin|padding - top right bottom left*/
header{margin:48px 20px 0px 0px; float:right; background-color:none; width:320px; height:27px; direction:rtl;}
header h1{float: right; direction:rtl; position:relative; top:-21px; right:10px;} 
header h2{float: right; direction:rtl; position:relative; top:-18px; right:12px;}
#mainFrame{margin:32px 10px 32px 10px; float: right; background-color:#f8f8f8; width:320px; direction:rtl; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
#mainFrame p{width:280px;}

#mainFrame2{margin:96px 10px 0px 0px; float: right; background-color:none; width:320px; height: auto; direction:rtl; padding:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
#mainFrame2 p{width:300px;}

#question_box{margin:16px 30px 0px 30px; float: right; width:280px; direction:rtl; padding:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}

.qb_text{width:236px;}

#blueBox{font-size:20px; width:264px; height:264px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#01abc4; color:#FFF; margin:10px; padding:16px;}
#greenBox{font-size:20px; width:264px; height:264px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#73ab3e; color:#FFF; margin:10px; padding:16px;}
#yellowBox{font-size:20px; width:264px; height:264px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#f7bf38; color:#FFF; margin:10px; padding:16px;}
#redBox{font-size:20px; width:264px; height:264px; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#f75a53; color:#FFF; margin:10px; padding:16px;}
#textBox{width:208px; height:96px; margin-right:16px;}
#img_box{ margin-right:20px;}
#btn_arrow{width:36px; height:36px; position:relative; bottom:-32px; left:0px; float:left;}
footer{font-size:18px; color:#FFF; margin:auto; width:312px; min-height:128px; padding: 18px 8px 0px 8px;}
/*FONTS*/
h1{font-size:24px; color:#6bbde8; font-weight:300;}
h2{font-size:21px; color:#6bbde8; font-weight:300;}

#mm{float:right;margin:-16px -10px 0px 0px; padding-right:14px;}
#mm_item{float:left; width:61px; height:61px;}

#btn_back2{margin:48px 30px 0px 30px;}
}