/*YOUR CUSTOM STYLES*/
html, body { width:100%; height:100%;}.pad0 {padding:0!important;}.dn{display:none;}.mrg0 {margin:0!important;}.bg0 {background: none!important;}
.w100 {float:left; width:100%;}.w{float:left!important; width:100%!important;}.dn {display:none!important;}.brd0 {border:none!important;}
body {background: #f6f7f9;background: -moz-radial-gradient(center, ellipse cover, #f6f7f9 0%, #dfdedf 100%);background: -webkit-radial-gradient(center, ellipse cover, #f6f7f9 0%,#dfdedf 100%);background: radial-gradient(ellipse at center, #f6f7f9 0%,#dfdedf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f9', endColorstr='#dfdedf',GradientType=1 );font-family: 'axtshareq';}

@font-face {
    font-family: 'axtshareq';
    src: url('../fonts/axtshareq.eot');
    src: url('../fonts/axtshareq.eot') format('embedded-opentype'),
         url('../fonts/axtshareq.woff2') format('woff2'),
         url('../fonts/axtshareq.woff') format('woff'),
         url('../fonts/axtshareq.ttf') format('truetype'),
         url('../fonts/axtshareq.svg#axtshareq') format('svg');
}

@font-face {
font-family: 'AXtShareQXL';
src: url('../fonts/AXtShareQXL.eot');
src: url('../fonts/AXtShareQXL.eot?#iefix') format('embedded-opentype'),
url('../fonts/AXtShareQXL.woff2') format('woff2'),
url('../fonts/AXtShareQXL.woff') format('woff'),
url('../fonts/AXtShareQXL.ttf') format('truetype'),
url('../fonts/AXtShareQXL.svg#AXtShareQXL') format('svg');
font-weight: normal;
font-style: normal;
}

.BarqBox {height:100%; position:relative; padding:0; width:100%; max-width:1350px; margin:0 auto;}
.Main {height:100%; position:absolute; margin:0; padding:0; top:0; left:0;}
.btop {position:relative;height: 100%; background:url(../images/vector_bg2.png); background-repeat:no-repeat; background-position:center right; background-size:cover; height:420px;}
.btop img {height:auto;float:left; width:100%;}
.sectionTop {padding:25px 27px 23px 32px;}
.logo1 {float:right; margin:12px 0 0 0; }
.logo1 a, .logo1 img {float:right; width:100%; max-width:252px;}
.logo2 {float:left; }
.logo2 a { float: left;width: 100%;max-width: 705px; text-decoration:none;}
.logo2 img {float:right;max-width:271px; width:100%;}
.logo2 p {float: right;font-size: 46px;color: #ec1c24;margin:26px 10px 0 0;letter-spacing: 0.4px;line-height: 40px;font-family: 'axtshareq';}
.logo2 span { float:left; width:100%; font-size:15px; color:#fff;font-family: 'axtshareq';  direction:rtl; text-align:right;}
.sectionBox {max-width:100%;padding-bottom: 16px;}
.barqRow1 { margin:18% 0 20px 0;}
.barqRow1 h2 { font-size:14px; line-height:16px; text-align:left; color:#000008; float:right; max-width:214px; width:100%; height:43px; border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #eaeaea 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 50%,#eaeaea 100%);background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 50%,#eaeaea 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );margin:2px 0 0 50px; border:1px solid #989898;font-family: 'axtshareq'; padding:14px 10px 5px 29px;-webkit-font-smoothing: antialiased; box-shadow:0 8px 6px -6px #7b7b7b, inset 0px 0px 0px 1px #fff; -webkit-box-shadow:0 8px 6px -6px #7b7b7b, inset 0px 0px 0px 1px #fff; -moz-box-shadow:0 8px 6px -6px #7b7b7b, inset 0px 0px 0px 1px #fff; -o-box-shadow:0 8px 6px -6px #7b7b7b, inset 0px 0px 0px 1px #fff;}

.titles { float:right; max-width:413px;width:100%;height:43px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; text-align:center; padding:10px 40px 10px 0;margin:2px 0 0 0;background: #d0d2d3;background: -moz-linear-gradient(top, #d0d2d3 1%, #eaebeb 40%, #ffffff 100%);background: -webkit-linear-gradient(top, #d0d2d3 1%,#eaebeb 40%,#ffffff 100%);background: linear-gradient(to bottom, #d0d2d3 1%,#eaebeb 40%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d2d3', endColorstr='#ffffff',GradientType=0 );border-top: 1px solid #939598;box-shadow: inset 0px 1px 2px 0px #939598; -webkit-box-shadow: inset 0px 1px 2px 0px #939598, inset 0px -1px 0px 1px #fff; -moz-box-shadow:inset 0px 1px 2px 0px #939598, inset 0px -1px 0px 1px #fff; -o-box-shadow: inset 0px 1px 2px 0px #939598, inset 0px -1px 0px 1px #fff;}
.titles p { float:right; margin:1px 0 0 69px; font-size:14px;font-family: 'AXtShareQ'; color:#000008;}
.titles p:last-child { margin:1px 0 0 0;}

.barqRow2 { margin:0 0 7px 0;}
.barqRow2 h3 {font-size: 13px;line-height: 11px;padding: 6px 52px 0 0;text-align: right;color: #000008;float: right;width: 100%;max-width: 214px;height: 30px;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #eaeaea 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 50%,#eaeaea 100%);background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 50%,#eaeaea 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );margin: 0px 0 0 50px;border: 1px solid #c4c5c6;font-family: 'AXtShareQ'; position:relative; }
.barqRow2 span { position:absolute; right:0; top:0}
.barqRow2 span .one {width: 30px;float: left;height: 28px;position:relative;background: #ff0000; border-left:1px solid #538fbc;border-top:1px solid #6780a4;border-bottom:1px solid #6780a4;
background: -moz-linear-gradient(left, #8b0200 0%, #ff0000 100%);
background: -webkit-linear-gradient(left, #8b0200 0%,#ff0000 100%);
background: linear-gradient(to right, #8b0200 0%,#ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b0200', endColorstr='#ff0000',GradientType=1 );}
.barqRow2 span .one img {position: absolute;left: -17px;top: 0;height: 28px;width: auto;top: -1px;}

.titlesCheckbox {float:right; max-width:413px;width:100%;height:27px; padding:0px 45px 0 0;}
.bcheckbox {float: right;margin: 1px 0 0 63px;}
.bcheckbox:last-child { margin:1px 0 0 0;} 

.bcheckbox input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.bcheckbox input[type=checkbox].css-checkbox + label.css-label, .bcheckbox input[type=checkbox].css-checkbox + label.css-label.clr {padding-left:39px;height:27px; display:inline-block;line-height:27px;background-repeat:no-repeat;background-position: 0 0;font-size:27px;vertical-align:middle;cursor:pointer;}
.bcheckbox input[type=checkbox].css-checkbox:checked + label.css-label, .bcheckbox input[type=checkbox].css-checkbox + label.css-label.chk {background-position: 0 -27px;}
.bcheckbox label.css-label {background-image:url(../images/checkbox.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.bcheckbox input[type=radio].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.bcheckbox input[type=radio].css-checkbox + label.css-label, .bcheckbox input[type=radio].css-checkbox + label.css-label.clr {padding-left:34px;height:27px; display:inline-block;line-height:27px;background-repeat:no-repeat;background-position: 0 0;font-size:27px;vertical-align:middle;cursor:pointer;}
.bcheckbox input[type=radio].css-checkbox:checked + label.css-label, .bcheckbox input[type=radio].css-checkbox + label.css-label.chk {background-position: 0 -27px;}
.bcheckbox label.css-label {background-image:url(../images/checkbox.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.barqRow3 { margin:21px 0 20px 0;}
.barqRow3 h2 { font-size:14px; line-height:16px; text-align:right; direction:rtl; color:#000008; float:right; max-width:242px;width:100%; height:53px; border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #eaeaea 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 50%,#eaeaea 100%);background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 50%,#eaeaea 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );margin:2px 0 0 50px; border:1px solid #989898;font-family: 'AXtShareQ'; padding:11px 29px 5px 10px;-webkit-font-smoothing: antialiased; box-shadow:0 12px 8px -9px #7b7b7b, inset 0px 0px 0px 1px #fff; -webkit-box-shadow:0 12px 8px -9px #7b7b7b, inset 0px 0px 0px 1px #fff; -moz-box-shadow:0 12px 8px -9px #7b7b7b, inset 0px 0px 0px 1px #fff; -o-box-shadow:0 12px 8px -9px #7b7b7b, inset 0px 0px 0px 1px #fff;}


.bradio { float:right; width:53px;;}
.bradio span { float: right; font-size:17px; font-family:arial;text-align: right;padding-right: 13px;clear: both; width: 100%;}

.bradio input[type=radio].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.bradio input[type=radio].css-checkbox + label.css-label {padding-left:28px;height:22px; display:inline-block;line-height:22px;background-repeat:no-repeat;background-position: 0 0;font-size:22px;vertical-align:middle;cursor:pointer;font-size:17px; font-family:arial;}
.bradio input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -22px;}
.bradio label.css-label {background-image:url(../images/radio.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }

.titles2 { float:right; margin:-8px 0 0 0;}
/*.titles2 h6 {float: right;text-align: right;clear: both; font-size:14px;font-family: 'AXtShareQ';}*/
.titles2 h6 {float: left;clear: both; font-size:14px;font-family: 'AXtShareQ';}
.pb5 { padding-bottom:5px;}

.barqRow4 { margin:23px 0 0px 49px; float:right; max-width:260px; width:100%}
.barqRow4.last { margin:23px 0 0 0;}
.barqRow4 h3 {font-size: 12px;line-height: 16px;padding: 7px 87px 0 0;text-align: right;color: #000008;float: right;width: 100%;height: 30px;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 50%, #eaeaea 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 50%,#eaeaea 100%);background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 50%,#eaeaea 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );margin: 0px 0 0 50px;border: 1px solid #c4c5c6;font-family: 'AXtShareQ'; position:relative; }
.barqRow4 span { position:absolute; right:0; top:0}
.barqRow4 span .one {width: 65px;float: right;height: 28px;position:relative;background: #ff0000; border-left:1px solid #538fbc;border-top:1px solid #6780a4;border-bottom:1px solid #6780a4;
background: -moz-linear-gradient(left, #8b0200 0%, #ff0000 100%);
background: -webkit-linear-gradient(left, #8b0200 0%,#ff0000 100%);
background: linear-gradient(to right, #8b0200 0%,#ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b0200', endColorstr='#ff0000',GradientType=1 );}
.barqRow4 span .one img {position: absolute;left: -17px;top: 0;height: 28px;width: auto;top: -1px;}
.barqRow4 p {float: right;margin:5px 20px 0 20px;font-size: 14px;font-family: 'AXtShareQ';color: #000008;}
.barqRow4 .bcheckbox { margin:0; float:left;}

.barqRow4 .titlesCheckbox { width:100%; height:auto; padding:0; margin:10px auto 0;}
.section_Left {float: right;width: 100%;max-width: 880px;direction: rtl;}
.section_rite { float:right; max-width:225px; width:100%; position:relative; height:100%;}
.emailBox {width: 100%;min-height: 140px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border: 2px solid #9b9c9e;float: right;padding: 10px 30px;text-align: center;background: #f60000;background: -moz-linear-gradient(top, #f60000 0%, #5f0300 100%);background: -webkit-linear-gradient(top, #f60000 0%,#5f0300 100%);background: linear-gradient(to bottom, #f60000 0%,#5f0300 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60000', endColorstr='#5f0300',GradientType=0 );max-width: 220px;margin: -50px 5.5% 0 0;}
.emailBox p { float:left; width:100%; text-align:center; color:#fff; font-size:12px;font-family: 'AXtShareQ';}
.emailBox input { float:left; width:100%; direction:rtl; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background: #d0d2d3;
background: -moz-linear-gradient(top, #d0d2d3 1%, #eaebeb 40%, #ffffff 100%);background: -webkit-linear-gradient(top, #d0d2d3 1%,#eaebeb 40%,#ffffff 100%);background: linear-gradient(to bottom, #d0d2d3 1%,#eaebeb 40%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d2d3', endColorstr='#ffffff',GradientType=0 ); border:2px solid #9b9c9e; padding:2px 8px; height:22px;}
.buttonBox { position:relative;margin:37px 0 0 0;}
.buttonBox input { float:left; width:100%; height:22px;  border:none;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
background: #eff0f0; font-size: 13px;font-family: 'AXtShareQ';color: #000008; text-align:center; padding:2px 25px 0 0;
background: -moz-linear-gradient(top, #eff0f0 0%, #dadbdc 50%, #cbcccd 51%, #b0b2b3 100%);
background: -webkit-linear-gradient(top, #eff0f0 0%,#dadbdc 50%,#cbcccd 51%,#b0b2b3 100%);
background: linear-gradient(to bottom, #eff0f0 0%,#dadbdc 50%,#cbcccd 51%,#b0b2b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f0', endColorstr='#b0b2b3',GradientType=0 );
}	
.buttonBox a { border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; height:22px; width:32px; text-align:center; position:absolute; right:0; top:0;
background: #f70000;
background: -moz-linear-gradient(top, #f70000 0%, #600300 51%, #dadbdc 51%, #600300 51%, #600300 51%, #f70000 100%);
background: -webkit-linear-gradient(top, #f70000 0%,#600300 51%,#dadbdc 51%,#600300 51%,#600300 51%,#f70000 100%);
background: linear-gradient(to bottom, #f70000 0%,#600300 51%,#dadbdc 51%,#600300 51%,#600300 51%,#f70000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70000', endColorstr='#f70000',GradientType=0 );}	
.buttonBox a img { width:17px; margin: 3px 0 0 7px;}	
.nomore { display:block;}	
.addmore { display:none;}	







@media screen and (max-width:1200px){
.emailBox { margin:-50px 2% 0 0;}
}

@media screen and (max-width:1140px){
.sw {float:left; width:100%; text-align:center;}
.emailBox {margin: 35px auto 20px;max-width: 300px;display: inline-block; float:none;}
}

@media screen and (max-width:1100px){
.logo1 a, .logo1 img { width:85%;}
.logo2 img { width:170px;}
.logo2 p {font-size: 29px;margin: 10px 0 0 0;}
.logo2 span, .logo2 a { max-width:500px;}
.sectionTop {padding: 15px 20px 20px 30px;}
.barqRow1 { margin:14% 0 20px 0;} 
.btop { height:340px;}



}
@media screen and (max-width:900px){
.titles2 {margin: -8px 0 0 20px;}
.barqRow4 { margin:23px 0px 0 25px;}


}
@media screen and (max-width:850px){
.logo2 p { margin:10px 0 0 0;}
.logo2 span, .logo2 a {max-width: 400px;}
.bradio { width:45px;}
.barqRow4 {margin: 20px 0 0px 0; max-width:100%;}
.barqRow4 h3 { max-width:300px;}
.barqRow4 .titlesCheckbox {margin: 0px auto 0;max-width: 200px;}

}


@media screen and (max-width:767px){
.logo1 { margin:10px 0 100px 0;width: 100%;text-align: center;}
.logo1 a, .logo1 img {width: 180px;float: none;}
.logo2 {width:100%; margin:0 0 30px;}
.logo2 p { margin:10px 0 0 0; width:auto;}
.logo2 span, .logo2 a { max-width:100%; text-align:center;direction: rtl;}
.logo2 span {color: #000008;max-width: 80%;float: none;display: block;margin: 0 auto;}
.btop {height: 255px;background-position:center center;}
.sectionTop {padding: 15px 20px 20px;}
.logo2 img, .logo2 p { display:inline-block; float:none; vertical-align:text-bottom;}
.barqRow1 { margin:0 0 20px;}
.barqRow1 h2 {width: 100%;max-width: 80%;text-align: center;padding: 18px 10px 5px 10px;float: none; height:53px;margin: 0 auto;}
.barqRow3 h2 {float: none;margin: 0 auto; width: 100%;max-width: 80%;text-align: center;padding: 18px 10px 5px 10px;}
.barqRow4 { width:100%; max-width:100%; margin:20px 0 0!important;}	
.barqRow4 h3 { padding:7px 7px 0; text-align:center; margin:0 0 10px; max-width:100%}
.titlesCheckbox { max-width:100%; text-align:center;}
.barqRow4 .bcheckbox { float:none; display:inline-block; margin:15px 10px 0 0;width: 35px;}
.emailBox { margin:30px auto 20px; float:none; display:inline-block; max-width:330px;}
.stc { text-align:center;}
.buttonBox input { padding:2px 2px 2px 0; text-align:center;}
.titles2 { width:100%; max-width:100%; text-align:center; margin:20px auto 0;}
.bradio {float: none;width: auto;display: inline-block;}
.bradio span { padding:0; text-align:center;}
.bradio input[type=radio].css-checkbox + label.css-label {padding-left: 22px;}
.titles2 h6 { width:100%; text-align:center;}
.titles {float: none;margin: 20px auto 0; padding:10px 10px;}
.titles p  {margin: 0;width: 25%;text-align: center;}
.titlesCheckbox { float:none; margin:10px auto 0; padding:10px 10px; max-width:413px;}
.bcheckbox { display:inline-block; margin:0; text-align:center; width:25%;}
.barqRow2 h3 { width:100%;max-width:100%; text-align:center;padding: 7px;}
.nomore { display:none;}	
.addmore { display:inline-block;}
.barqRow2 { text-align:center;}
.barqRow4 p { margin:5px 0 0 5px}
.barqRow4 .titlesCheckbox { max-width:100%}



}

@media screen and (max-width:480px){
.logo2 span { max-width:100%;}
.logo2 p {margin: 0;font-size: 24px}
.barqRow4 h3 { padding:7px 55px 0 0;}
.barqRow3 h2, .barqRow1 h2 { max-width:94%; padding:15px 10px 15px 10px; height:auto!important }
.barqRow1 h2 { height:53px;}
.bradio { min-width:50px;}
.titles {max-width:94%;}
.emailBox { width:90%}

}