/* CSS Document */

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

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

/* Reset */
html, body, .mainbox {height: 100%; margin: 0;}
body > .mainbox {height: auto; min-height: 100%;}
body {margin: 0; color: #4f4f51; font: 18px/22px 'OPH', sans-serif;}
img {border: 0;}
ul, ol {margin: 0; padding: 0;}
ul li {list-style: none;}
ol li {list-style: inside decimal;}
h1, h2, h3 {margin: 30px 0 20px; font-weight: normal;}
h1 {font-size: 36px; margin: 0 0 20px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
p {margin: 10px 0;}
a, input, textarea {outline: none;}
th {font-weight: normal; text-align: left;}
fieldset {padding: 0; border: 0; margin: 0;}
blockquote {margin: 0; padding: 0;}
textarea {resize: none; overflow: auto;}
input::-moz-focus-inner {border: 0; padding: 0;}
a {color: #333;}
a:hover {text-decoration: none;}
.inline {display: inline-block;}
.clear {clear: both; display: block;}
.clearfix:after, .wrapper:after, section:after, header:after, footer:after {content: ""; clear: both; display: block;}
.wrapper {margin: 0 auto; max-width: 1222px;}
.clear_tablet {display: none;}

/* Transition effect's */
.transition, .button, nav li a, .tabhead ul li a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/* === Responsive grid === */
.clear {clear: both; display: block;}
.clearfix:after, .row:after {content: ""; clear: both; display: block;}
.container {margin: 0 auto; max-width: 600px;}
.clear_tablet {display: none;}
.row {margin-left: -15px; margin-right: -15px;}
.grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9 {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 1px;
}
.grid2 {width: 16.6666666%;}
.grid3 {width: 25%;}
.grid4 {width: 33.3333333%;}
.grid5 {width: 41.6666666%;}
.grid6 {width: 50%;}
.grid7 {width: 58.3333333%;}
.grid8 {width: 66.6666666%;}
.grid9 {width: 75%;}

.Videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* === Text input required === */
*::-webkit-input-placeholder {color: #777; opacity: 1;}
*::-moz-placeholder {color: #777; opacity: 1;}
*::-ms-input-placeholder {color: #777; opacity: 1;}
input.styler:focus:required:invalid { border: 1px solid red; }
input.styler:focus:required:valid { border: 1px solid green; }


/* =========== FORMS START =========== */
/* Text field */
.styler {
	background: #fff;
	border: 1px solid #fff;
	-webkit-appearance: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: 5px;
	font: 14px/20px 'OPH';
	height: 32px;
}
.styler:focus {border-color: #aaa; box-shadow: inset 0 0 3px #aaa;}


/* Button */
.button {
	background: #f7941e;
	cursor: pointer; 
	-webkit-appearance: none; 
	display: block; 
	text-decoration: none; 
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #fff;
	font: 24px/34px 'OPH_bold';
	padding: 0 15px;
	height: 34px;
}
.button:hover {background: #d47d15;}
.button:active {box-shadow: inset 0 1px 3px #693b04;}
/* ============ FORMS END ============ */





/* Header */
header {background: #fff; height: 92px;}

.logobox {float: right; margin: 18px 0 0;}
.facebookyoutube { float:right ; margin:20px 10px 5px 5px;  }
.facebookyoutube .yt { float: right; font-size:32px; margin:0 3px 0 3px; }
.facebookyoutube .fb { float: right; font-size:32px; margin:0 3px 0 3px; }


.searchbox {float: left; margin: 25px 0 0;}
.searchbox a.butt {
	background: #e1e1e2;
	height: 35px;
	color: #4f4f51;
	font: 16px/35px 'OPH_bold';
	display: block;
	float: left;
	text-decoration: none;
	padding: 0 10px;
	margin: 0 6px 0 0;
}
.searchbox .bizlogo {
float: left; 
width: 140px;
 
}

.searchbox a.butt.register {background: #f7941e; color: #fff; margin-right: 10px;}
.searchbox i {font-size: 36px; line-height: 34px; float: left; margin: 1px 10px 0 0;}

.search {border: 1px solid #58585a; width: 131px; height: 33px; position: relative; padding: 0 10px 0 40px; float: right;}
.search .inp {background: 0; border: 0; color: #4f4f51; font: 16px/20px 'OPH'; padding: 4px 0; margin: 2px 0 0; float: right; width: 100%;}
.search .inpW {background: 0; border: 0; color: #4f4f51; font: 19px/23px 'OPH'; padding: 4px 0; margin: 2px 0 0; float: right; width: 100%;}
.search .but {position: absolute; border: 0; cursor: pointer; text-indent: -9999px; width: 19px; height: 19px; left: 7px; top: 7px;
	background: url(../images2016/sprite/search.png) no-repeat;}
body.green_page .searchbox a.butt.register {background: #00a79b;}
body.red_page .searchbox a.butt.register {background: #eb4824;}

.search {border: 1px solid #58585a; width: 131px; height: 33px; position: relative; padding: 0 10px 0 40px; float: right;}
.search .inp {background: 0; border: 0; color: #4f4f51; font: 16px/20px 'OPH'; padding: 4px 0; margin: 2px 0 0; float: right; width: 100%;}
.search .but {position: absolute; border: 0; cursor: pointer; text-indent: -9999px; width: 19px; height: 19px; left: 7px; top: 7px;
	background: url(../images2016/sprite/search.png) no-repeat;}


/* breadcrumbs */
.breadcrumbs {font-size: 14px; margin: 10px 0; line-height: 16px;}
.breadcrumbs a {color: #f7941e; text-decoration: none;}
body.green_page .breadcrumbs a {color: #00a79b;}
body.red_page .breadcrumbs a {color: #eb4824;}





/* NAV */
nav {float: left; margin: 28px 0 0 20px;}
nav li {float: right; font-size: 18px; line-height: 20px; font-family: 'OPH_bold'; position: relative; margin: 0 0 0 20px;}
nav li a {color: #4f4f51; text-decoration: none;}
nav li:hover > a, nav li.active a  {color: #f7941e;}

/* NAV dropdown */
nav li ul {
	background: #fff;
	position: absolute;
	width: 160px;
	border-top: 3px solid #f7941e;
	right: 0;
	z-index: 500;
	padding: 15px 0;
	top: 29px;
	display: block;
	opacity: 0;
	transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
}
nav li ul:before {content: ""; border: 10px solid transparent; border-bottom: 10px solid #f7941e; position: absolute; right: 7px; top: -20px;}
nav li ul li {float: none; font-size: 16px; line-height: 18px; font-family: 'OPH'; margin: 0; max-height:28px; }
nav li ul li a {display: block; padding: 7px 19px;}
nav li ul li a:hover {background: #4f4f51;}
nav li:hover ul {opacity: 1;}

.showmenu {display: none; width: 34px; float: left; margin: 4px 12px 0 0;}
.showmenu b {background: #4f4f51; height: 5px; margin: 0 0 5px; display: block; border-radius: 3px; -moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
.showmenu.opened b {background: #f7941e;}


body.green_page nav li ul:before {border-bottom-color: #00a79b;}
body.green_page nav li ul {border-top-color: #00a79b;}
body.green_page .showmenu.opened b {background: #00A79B;}
body.green_page nav li:hover > a, nav li.active a  {color: #00A79B;}

body.red_page nav li ul:before {border-bottom-color: #eb4824;}
body.red_page nav li ul {border-top-color: #eb4824;}
body.red_page .showmenu.opened b {background: #eb4824;}
body.red_page nav li:hover > a, nav li.active a  {color: red;}


/* SLIDER */
.slider_outer {position: relative;}
.slider_outer .item {background-repeat: no-repeat; background-position: center top;}
.slider_outer .wrapper {position: relative; height: 350px;}
.slide_txt {position: absolute; right: 80px; top: 45px; font-size: 22px; line-height: 24px; color: #fff; max-width: 480px;}
.slide_name {color: #eae9e9; font-size: 24px; line-height: 26px; display: block; margin: 0 0 8px;}
.slide_name2 {color: #fff; font-size: 48px; line-height: 58px; display: block; margin: 0 0 40px;}
.slide_name3 {color: #00a79b; font-size: 48px; line-height: 50px; display: block; margin: 0 0 10px;}
body.red_page .slide_name3 {color: #eb4824;}
.slide_name4 {color: #fff; font-size: 30px; line-height: 30px; display: block; margin: 0 0 20px;}

.slide_more {
	background: #00a79b;
	color: #fff;
	display: inline-block;
	position: relative;
	color: #fff;
	font: 30px/62px 'OPH';
	text-decoration: none;
	padding: 0 20px 0 60px;
	float: left;
	margin: 0;
}
body.red_page .slide_more {background: #eb4824;}
.slide_more:before {
	content: "";
	display: block;
	position: absolute;
	left: 10px;
	border: 14px solid transparent;
	border-right: 14px solid #fff;
	position: absolute;
	top: 16px;
}

.slider_outer .owl-dots {text-align: center; position: absolute; left: 0; width: 100%; bottom: 20px;}
.slider_outer .owl-dot {width: 14px; height: 14px; display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	background: #9a9a9b; margin: 0 7px;}
.slider_outer .owl-dot.active {background: #00a79b;}
body.red_page .slider_outer .owl-dot.active {background: #eb4824;}


/* Marquee */
.course_outer { width: 100%; background: #f1f1f1; position: relative; height: 42px; direction: ltr; color: #000; font-size: 17px; overflow: hidden; margin:0 0 20px 0; }
#marquee {white-space: nowrap; padding: 10px 0; height: 16px;}
#marquee .IndexName { margin:0 10px 0 10px; font-weight:bold; }
#marquee .IndexArrow { margin:0 0 0 10px; }
#marquee .IndexChg { margin:0 0 0 10px; direction: ltr;  }
.msg_outer { width: 100%; background: #f1f1f1; position: relative; height: 32px; direction: ltr; color: #000; font-size: 17px; overflow: hidden; margin:0 0 5px 0; text-decoration:none; }
#marqueeMsg {white-space: nowrap; padding: 10px 0; height: 16px;}


/* Sidebar */
section.main {width: 100%; overflow: hidden;}
section.BreadcrumbPanel {width: 100%; overflow: hidden;}
ul.breadcrumb {
  padding: 5px 8px;
  margin: 10px 0 10px 0;
  list-style: none;
  background-color: #F1F1F1;
}
ul.breadcrumb li, ul.breadcrumb h1 {
  display: inline;
  font-size: 12px;
  font-family: 'OPH_bold';
}
ul.breadcrumb li+li:before {
  padding: 4px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: black;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: black;
  text-decoration: underline;
}

.middle {position: relative;}
.banner160 {position: absolute; right: -220px; top: 0;}
aside.leftside {float: left; margin: 0; width: 305px;}

.modulebox {margin: 0 0 30px;}
.modulebox:after {content: ""; clear: both; display: block;}
.module_title {position: relative; color: #4f4f51; font-size: 30px; line-height: 30px; margin: 0 0 10px;}
.module_title:before {content: ""; display: block; width: 19px; height: 19px; background: url(../images2016/arrow_sml.svg) no-repeat; position: absolute;
	left: 0; bottom: 7px;}
.module_title:after {content: ""; height: 3px; background: #4f4f51; width: 100%; position: absolute; left: 0; bottom: 5px;}
.module_title b {background: #fff; padding: 0 3px; font-weight: normal; margin-right: 13px; position: relative; z-index: 2;}
.module_title a {text-decoration: none;}

.module_content {background: #f9f9f9; padding: 10px; margin: 0 0 10px;}
.module_content iframe {padding: 0; margin: 0 auto; display: block; width: 100%; border: 0; height: 170px; max-width: 310px;}
.module_content .remark { margin:5px 0 0 0; font-size:10px;  }

.module_more {font-size: 14px; line-height: 18px; margin: 0 5px; text-align: left;}
.module_more a {color: #7a7979; text-decoration: none; position: relative; padding-left: 17px;}
.module_more a:hover {text-decoration: underline;}
.module_more a:before {content: ""; display: block; border: 10px solid transparent; border-right: 10px solid #f7941e; position: absolute;
	left: -12px; top: 50%; margin-top: -10px;}
.module_rt { color:lime; font-weight:bold; margin:20px 5px 0 5px; cursor:pointer; }
	
body.green_page .module_more a:before {border-right-color: #00a79b;}
body.red_page .module_more a:before {border-right-color: #eb4824;}
.modulebox	.text { display: block; font-size: 18px; line-height: 20px; margin:0 0 4px 0; }

.aside_news {font-size: 18px; line-height: 20px; position: relative; padding-right: 95px; margin: 5px 0 15px; min-height: 20px;}
.aside_news a {color: #4f4f51; text-decoration: none;}
.aside_news a:hover {text-decoration: underline;}
.news_date {color: #a6a1a0; font-size: 20px; line-height: 20px; position: absolute; right: 0; top: 2px;}

.icloud_box {margin: 0 0 40px; font-size: 22px; line-height: 20px;}
.icloud_box a {background: #f7941e; padding: 12px 100px 12px 18px; display: block; color: #fff; position: relative; text-decoration: none;}
body.green_page .icloud_box a {background: #00a79b;}
body.red_page .icloud_box a {background: #eb4824;}
.icloud_box .iname {font-size: 30px; line-height: 30px; display: block; margin: 0 0 7px; font-family: 'OPH_bold';}
.icloud_box .fa {position: absolute; right: 20px; top: 13px; font-size: 60px;}

.aside_banners:after {content: ""; clear: both; display: block;}
.aside_banners span {display: block; margin: 0 0 30px;}
.aside_banners img {display: block; max-width: 100%;}

.register_form {padding: 15px;}
.register_form .fld {position: relative; padding-right: 80px; margin: 0 0 15px;}
.register_form .fld label {position: absolute; display: block; width: 70px; right: 0; top: 4px;}
.register_form .fld .styler {border: 1px solid #4f4f51; width: 100%;}
.register_form .err {margin: 0 0 5px; color: #fa0000; font-size: 12px; line-height: 14px;}
.register_form .button {padding: 0; width: 100%;}

.pdf_button {background: #eb4824; display: block; padding: 15px 20px 15px 65px; text-decoration: none; color: #fff; font-size: 30px; 
	line-height: 36px; position: relative; margin: 0 auto 30px; max-width: 300px;}
.pdf_button .fa {font-size: 36px; position: absolute; left: 20px; top: 14px;}

.meeting_button {background: #4F4F51; display: block; padding: 15px 20px 15px 65px; text-decoration: none; color: #fff; font-size: 20px; 
	line-height: 36px; position: relative; margin: 0 auto 30px; }
.meeting_button .fa {font-size: 36px; position: absolute; left: 20px; top: 14px;}
.itutimMsg_button { background:white; border:2px solid #4F4F51; display: block; padding: 15px 20px 15px 65px; text-decoration: none; color: #4F4F51; font-size: 20px; 
	line-height: 36px; position: relative; margin: 0 auto 30px; 
	font: normal 18px/20px Arial; }





/* CONTENT */
.center_column {float: right; margin: 0; width: 866px;}

.general_news {display: table; width: 100%; margin: 0 0 50px;}
.general_news .img {display: table-cell; width: 333px; vertical-align: top;}
.general_news .img img {max-width: 100%;}
.general_news .desc {display: table-cell; padding: 0 20px 0 0; vertical-align: top; color: #4f4f51; font-size: 20px; line-height: 22px;
	position: relative;}
.general_news a {text-decoration: none;}
.general_news .name1 {color: #f7941e; font-size: 38px; line-height: 26px; margin: 10px 0 10px; display: block;}
.general_news .name2 {color: #4f4f51; font-size: 37px; line-height: 40px; margin: 0; display: block;}
.general_news .name2 a {color: #4f4f51; text-decoration: none;}
.general_news .txt {margin: 0 0 25px; line-height:30px;}
.general_news .meta {color: #4f4f51; font-size: 16px; line-height: 16px; width: 100%; position: absolute; left: 0; bottom: 2px;}
.general_news .meta a {color: #4f4f51; text-decoration: none;}
.general_news .meta i {color: #000; margin-left: 3px;}
.general_news .comments {float: left;}
.general_news .user {float: right; margin-right: 20px;}
.general_news .date {float: right; margin: 0 15px 0 0;}

.pagetitle {position: relative; font-family: 'OPH_bold'; font-size: 35px; line-height: 35px; color: #4f4f51; margin: 0 0 10px;}
.pagetitle:before {background: url(../images2016/arrow_big.svg) no-repeat; display: block; content: ""; width: 24px; height: 22px; position: absolute;
	left: 0; bottom: 12px;}
.pagetitle:after {content: ""; height: 5px; display: block; background: #4f4f51; width: 100%; position: absolute; left: 0; bottom: 7px;}
.pagetitle b {font-weight: normal; background: #fff; margin-right: 25px; padding: 0 5px; position: relative; z-index: 2;}

.pagetitle2 {position: relative; font-family: 'OPH'; font-size: 36px; line-height: 36px; color: #eb4824; margin: 0 0 10px;}
.pagetitle2:after {content: ""; height: 2px; display: block; background: #eb4824; width: 100%; position: absolute; left: 0; bottom: 7px;}
.pagetitle2 b {font-weight: normal; background: #fff; padding: 0 5px; position: relative; z-index: 2;}

.pagetitle3 {font-size: 30px; line-height: 32px; margin: 0 0 15px; color: #5b5c5c;}
.pagetitle3 a {color: #5b5c5c;}

.pagetitle4 {position: relative; font-family: 'OPH_bold'; font-size: 35px; line-height: 35px; color: #4f4f51; margin: 10px 0 10px;}


/* NEWS */
.grid_news_out {margin-left: -26px; margin-bottom: 30px;}
.videogrid {margin-top: 20px;}
.grid_news_out:after {content: ""; clear: both; display: block;}
.grid_news {float: right; width: 33.3333333%; font-size: 22px; line-height: 28px; margin: 0 0 20px;}
.grid_news .in {margin: 0 0 0 26px;}
.grid_news .img {display: block; margin: 0 0 10px; position: relative;}
.grid_news .img img {width: 100%; display: block;}
.grid_news .name {color: #f7941e; font-size: 24px; line-height: 28px; display: block;}
.grid_news .time { float:left; display: block; font-size: 16px; line-height: 20px;}
.grid_news .excerpt1 {display: block; font-size: 18px; line-height: 20px; font-weight:bold; }
.grid_news .excerpt2 {display: block; font-size: 18px; line-height: 20px;}
.grid_news .excerpt3 {display: block; font-size: 14px; line-height: 20px;}

.grid_news a {text-decoration: none;}

.grid_news_out .module_more {margin-left: 26px; font-size: 18px;}

.banner468 {text-align: center; margin: 0 0 50px;}
.banner468 img {max-width: 100%;}


/* Content search */
.content_search {background: #4f4f51; padding: 9px 18px; margin: 0 0 20px;}
.content_search:after {content: ""; clear: both; display: block;}
.content_search label {float: right; margin: 7px 0 0 25px; display: block; color: #fff; font-family: 'OPH_bold'; font-size: 22px; line-height: 22px;}
.content_search .search {background: #fff; border-color: #fff; color: #4f4f51; float: right; margin: 0; width: 270px;}
.content_search .module_more {float: left; font-size: 18px; margin: 8px 0 0;}
.content_search .module_more a {color: #fff;}
.chart_search {padding: 9px 18px; margin: 0 0 20px;}


/* Mobile Enter */
.mobileDiv { background: black; padding: 9px 18px; margin: 0 0 20px; min-height:28px; }
.mobileDiv .module_more {float: left; font-size: 36px; margin: 8px 0 0; line-height:28px;  }
.mobileDiv .module_more a {color: #fff;}

/* Tabhead */
.tabhead {margin: 0 0 20px -20px;}
.tabhead:after {content: ""; clear: both; display: block;}
.tabhead .small_name {display: block; color: #f7941e; font-family: 'OPH_bold'; font-size: 22px; line-height: 22px; margin: 0 0 5px;}
.tabhead ul li {float: right; margin: 0 0 10px 10px; text-align: center; font-size: 22px; line-height: 24px;  cursor:pointer; }
.tabhead ul li a {display: block; text-decoration: none; width: 97px; background: #e1e1e2; color: #444241; padding: 5px 0;}
.tabhead ul li.active a,
.tabhead ul li:hover a {background: #7b7b7d; color: #fff;}
.tabhead ul li.active { color:white; }

.tabhead4 {margin: 0 -7px 20px;}
.tabhead4 ul li {float: right; width: 25%; margin: 0 0 8px 0;}
.tabhead4 ul li a { margin: 0 7px; padding: 10px 0; width: auto; text-align: center;}
.tabhead4 ul li.tab1 a {background: #e9e9e9;}
.tabhead4 ul li.tab2 a {background: #e9e9e9;}
.tabhead4 ul li.tab3 a {background: #efefef;}
.tabhead4 ul li.tab4 a {background: #f3f3f3;}
.tabhead4 ul li:hover a {background: #7b7b7d; color: #fff;}
.tabhead4 ul li.active a,
.tabhead4 ul li:hover a {background: #7b7b7d; color: #fff;}


/* chartbox */
.chartfields { margin: 0 0 10px 0; line-height:10px;  }
.chartfields .chartname { float:right; font-size:21px; font-weight:bold; text-align:right; margin: 0 0 0 10px; }
.chartfields .chartchange { float:right; font-size:21px; text-align:left; direction:ltr; margin: 0 0 0 10px;  }
.chartfields .chartarrow { float:right; font-size:17px; text-align:right; margin: 0 0 0 10px;  }
.chartfields .chartname { float:right; font-size:17px;  text-align:right; margin: 0 0 0 10px;  }
.chartfields .charttime { float:left; font-size:17px;  text-align:left; margin: 0 0 0 0;  }
.pagetitle2_desc {display: table-cell; padding-right: 0; font-size: 24px; line-height: 24px;}
.pagetitle2_desc_smart {display: table-cell; padding-right: 0; font-size: 24px; line-height: 24px;}
.pagetitle2_desc_smart a:link {text-decoration: none; }

/* chartbox */
.chartbox_out {background: #ececec; margin:0;  }
.chartbox_ {display: table; width: 100%;}
.chartbox_ img {max-width: 100%; display: block;}
.chartbox__img, .chartbox__txt {display: table-cell; padding: 20px; vertical-align: top;}
.chartbox__txt {padding-left: 0; width: 300px; color: #4f4f51; font-size: 18px; line-height: 20px;}
.chartbox__num {color: #248104; font-size: 42px; line-height: 44px; margin: 0 0 20px;}

.chartbox__arrows {display: block; position: relative; margin: 5px; text-align:center; color: #4f4f51; font-size: 42px; }
.chartbox__arrows:after {content: ''; clear: both; display: block;}
.chartbox__arrows a {font-size: 54px; text-decoration: none; line-height: 54px;}
.chartbox__arrow-prev {float: left; padding-left:20px; }
.chartbox__arrow-next {float: right; padding-right:20px; }
.chartbox__arrows .chartbox__name { color: #4f4f51; font-size: 42px; line-height: 44px; margin: 5px 0 10px; direction:rtl; text-align:right;  }



.youtube_box {margin: 5px 0 40px; text-align: left;}
.youtube_box iframe {display: block; width: 100%; height: 460px; border: 0; margin: 0 0 15px; padding: 0;}
.btn-file {position: relative; display: inline-block; margin: 0 10px 0 0; line-height: 66px; height: 66px; padding-left: 66px;}
.btn-file .fa {position: absolute; left: 18px; top: 14px; font-size: 40px;}

.btn-file-sml {position: relative; display: inline-block; margin: 5px 0 0 0; line-height: 33px; height: 33px; padding-left: 33px; font-size: 24px;}
.btn-file-sml .fa {position: absolute; left: 9px; top: 5px; font-size: 20px;}

.subscribeTitle { display: block;  font-family: 'OPH'; font-size: 36px; line-height: 35px; margin: 15px 0 75px 0; }




/* STUDY */
.study_box {margin: 20px 0 70px;}
.study_table {display: table; width: 100%; margin: 0 0 10px;}
.study_img, .study_desc {display: table-cell; vertical-align: top;}
.study_img {width: 205px;}
.study_img img {width: 199px; height: 199px; border: 3px solid #17a99c; border-radius: 50%;}
.study_desc {padding-right: 35px;}
.study_desc h2 {margin: 0 0 20px; font-size: 36px; font-weight: normal; line-height: 38px;}
.study_desc h2 a {color: #00a79b; text-decoration: none;}
.study_desc h2 a:hover {text-decoration: underline;}
.study_date {margin: 0 0 20px; font-size: 24px; line-height: 26px;}
.study_txt {margin: 0 0 20px; font-size: 22px; line-height: 24px;}
.study_meta {background: #f1f1f1; padding: 15px; font-size: 18px; line-height: 16px; margin:0 0 15px 0; }
.study_meta:after {content: ""; clear: both; display: block;}
.study_meta a {position: relative; color: #444241; text-decoration: none; float: left; margin: 0 23px 0 0; padding-left: 27px;}
.study_meta a i {color: #17a99c; font-size: 22px; position: absolute; left: 0; top: -4px;}
.study_meta a.more {padding-left: 22px;}
.study_meta a.more:before {content: ""; position: absolute; left: 0; top: 0; border: 8px solid transparent; border-right: 8px solid #17a99c;}



/* ITUTIUM */
.itutium_box {margin: 0 0 30px; display: table; width: 100%;}
.itutium_img {width: 156px; display: table-cell; vertical-align: top; text-align: center; font-size: 24px; line-height: 28px;}
.itutium_img img {width: 150px; height: 150px; border-radius: 50%; border: 3px solid #eb4824; margin: 0 0 10px;}
.itutium_desc {display: table-cell; vertical-align: top; padding-right: 25px; font-size: 24px; line-height: 28px;}
.itutium_desc h2 {margin: 0; font-size: 36px; line-height: 36px; font-weight: normal; margin: 0 0 10px;}
.itutium_desc h2 a {color: #eb4824; text-decoration: none;}
.itutium_desc h2 a:hover {text-decoration: underline;}
.itutium_desc p {margin: 0 0 20px;}
.itutium_desc a.audio {padding-right: 28px; position: relative;}
.itutium_desc a.audio .fa {position: absolute; right: 0; top: 0; font-size: 24px;}

.table_header_box {font-size: 20px; line-height: 30px; margin: 0 0 10px;}
.table_header_box b {font-size: 30px; font-weight: normal;}

.it_table {width: 100%; border-collapse: collapse;}
.it_table th {background: #7d7e7e; color: #fff; font-weight: normal; font-size: 16px; line-height: 18px; padding: 12px 7px; text-align: right;
	border-right: 3px solid #7d7e7e; cursor:pointer; }
.it_table td {color: #4e4f51; font-size: 16px; line-height: 18px; padding: 7px; border-bottom: 1px solid #e8e8e8;}
.it_table td.red {color: #e20000; }
.it_table td.green {color: #00a427;  }
.it_table td.first {border-right: 3px solid #e20000;cursor:pointer; }
.it_table td.first.gr {border-right-color: #00a427;}

.table_scroll {margin: 0 0 50px; }
.table_scroll_Mini { position: relative; width:45%; margin: 0 0 50px; border:1px solid red;  }

.fourbox_wrap {margin: 0 -7px 20px; }
.fourbox_wrap:after {content: ""; clear: both; display: block;}
.fourbox {float: right; width: 25%; margin: 0 0 14px; color: #5b5c5c; font-size: 20px; line-height: 22px; text-align: center;}
.fourbox .in {background: #efefef; margin: 0 7px; padding: 10px 10px 5px; direction:ltr; }
.fourbox b {display: block; font-weight: normal; font-size: 42px; line-height: 40px; margin: 10px 0 0;}
.fourbox.rd b {color: #e60003;}
.fourbox.gr b {color: #00a627;}
.fourbox .sml { font-size:16px; direction:rtl; text-align:center; font-weight: bold; }
.fourbox .mid { font-size:26px; direction:rtl; text-align:center; font-weight: bold; }

@media (max-width:600px) { .fourbox b { font-size: 20px; word-wrap: break-word; } }


/* study_page */
.study_page {font-size: 24px; line-height: 30px; margin: 30px 0 40px;}
.study_page_img {float: right; margin: 0 0 30px 30px; width: 150px; text-align: center;}
.study_page_img img {display: block; width: 144px; border: 3px solid #17a99c; border-radius: 50%; margin: 0 0 10px;}
.study_page h2 { color: #00a79b; font-size: 36px; line-height: 40px; margin: 0 0 10px; }
.study_page h3 { color: #00a79b; }
.study_page p { margin: 0 0 25px; }

.study_page ol {margin: 30px 0;}
.study_page ol li {margin: 0 0 40px; position: relative; list-style: none; padding-right: 72px;}
.study_page ol li .num {text-align: center; display: block; position: absolute; border-radius: 50%; background: #00a79b; width: 54px;
	font-size: 30px; line-height: 54px; color: #fff; right: 0; top: 50%; margin-top: -28px;}

.study_page ul {margin: 0 0 30px;}
.study_page ul li {padding-right: 27px; position: relative; margin: 0;}
.study_page ul li:before {content: ""; display: block; position: absolute; right: 0; top: 4px; border: 9px solid transparent;
	border-right: 9px solid #00a79b;}

.fiveboxes {margin: 30px -7px;}
.fiveboxes:after {content: ""; clear: both; display: block;}
.fivebox {float: right; width: 20%;}
.fivebox .in {margin: 0 7px; background: #f1f1f1; border-right: 1px solid #414141; border-bottom: 1px solid #414141; padding: 15px 3px; font-size: 36px;
	line-height: 36px; text-align: center;}
.fivebox .in b {display: block; font-size: 24px; line-height: 24px; font-weight: normal; margin: 10px 0 0;}
@media (max-width:600px) { .fivebox .in { font-size: 20px;  word-wrap: break-word; } }
.onebox {float: right; width: 100%;}
.onebox .in {margin: 0 7px; background: #f1f1f1; border-right: 1px solid #414141; border-bottom: 1px solid #414141; padding: 15px 3px; font-size: 36px;
	line-height: 36px; text-align: center;}
.onebox .in b {display: block; font-size: 24px; line-height: 24px; font-weight: normal; margin: 10px 0 0;}
@media (max-width:600px) { .onebox .in { font-size: 20px;  word-wrap: break-word; } }

.study_page .box { margin: 0 0 10px 15px; cursor:pointer; }
.study_page .Plus { width:30px; color: #00a79b; font-size: 24px; line-height: 40px; margin: 0 0 10px 15px; cursor:pointer; }
.study_page .Qbox { color: #00a79b; font-size: 24px; line-height: 40px; margin: 0 0 5px; cursor:pointer; text-decoration:none; }
.study_page .Abox { width:100%; display:none; font-size: 20px; line-height: 30px; margin: 0px 30px 15px 0;  }

/* student_wrap */
.student_wrap {}
.student_wrap:after {content: ""; clear: both; display: block;}
.student_box { float: right; width: 33.33333333333%; margin: 0 0 30px; font-size: 18px; line-height: 22px;}
.student_box .in {padding: 0 20px; border-right: 1px solid #ded8d8; min-height:330px; }
.student_box:first-child .in {border: 0; padding-right: 0;}
.student_name {font-size: 30px; line-height: 34px; display: block; margin: 0 0 10px;}
.student_user {position: relative; font-size: 24px; line-height: 26px; padding: 28px 70px 0 0; display: block; margin: 0 0 10px;}
.student_user_icon {
	background: #f1f1f1;
	border: 2px solid #4f4f51;
	border-radius: 50%;
	width: 52px;
	height: 46px;
	text-align: center;
	padding-top: 6px;
	position: absolute;
	right: 0;
	top: 0;
}
.student_user_icon .fa {font-size: 36px;}

.modulebox .btn-file {display: block; margin: 0 0 30px;}
.module_content_user {padding: 20px; font-size: 18px; line-height: 20px;}
.module_content_user .fa {font-size: 30px;}
.module_content_user p {margin: 0 0 20px;}
.module_content_user p.name {margin: 0 0 20px; font-size: 20px; line-height: 22px;}
.button.btn-gift {font-size: 20px; height: 38px; line-height: 38px; font-family: 'OPH'; position: relative; padding-right: 40px;}
.button.btn-gift .fa {right: 8px; top: 4px; position: absolute;}

/* top_small_menu */
.top_small_menu {margin: 0 0 30px; position: relative; background: #4f4f51; padding-right: 180px;}
.top_small_menu:after {content: ''; clear: both; display: block;}
.top_small_menu li {float: right; margin: 0; font-size: 24px; line-height: 26px;}
.top_small_menu li a {color: #fff; text-decoration: none; padding: 7px 12px; display: block;}
.top_small_menu li:hover a,
.top_small_menu li.active a {color: #eb4824;}
.top_small_menu li.last {float: left;}
.top_small_menu li.last a { background: #eb4824; color:white; }
.top_small_menu img {width: 180px; height: 42px; position: absolute; right: 0; top: -1px; display: block;}
.top_small_menu .logo { background-color:white; }

/* FOOTER */
footer {background: #2b2b30; padding: 23px 0 35px; margin-top:15px; }
footer .wrapper {position: relative;}
footer .wrapper:after {content: ""; clear: both; display: block;}
.footmenu {float: right; width: 866px;}
.footmenu > ul > li {float: right; width: 20%;}
.footmenu > ul > li > a {font-size: 24px; line-height: 24px; color: #f7941e; display: block; text-decoration: none; margin: 0 0 10px;}
.footmenu > ul > li > ul > li {font-size: 18px; line-height: 22px; margin: 0 0 8px;}
.footmenu > ul > li > ul > li a {color: #fff; text-decoration: none;}

.contact_out {float: left; width: 316px; margin: 0 0 0 5px;}
.contactform {background: #3e3e41; padding: 10px; margin: 0 0 12px;}
.contactform .field {margin: 0 5px 20px 20px; position: relative; padding-right: 60px; min-height: 34px;}
.contactform .field .styler {width: 100%;}
.contactform .field label {color: #fff; position: absolute; right: 0; top: 5px; display: block; font-size: 15px; line-height: 20px; word-break: break-word; width: 60px;}
.contactform .button {width: 100%;}
.contactform .remark { font-size:10px; color:gray; }
.contactform .remark1 { font-size:11px; color:black; font-weight:normal; }
.contactform .remark2 { font-size:11px; color:white; font-weight:normal; }
.contactform .remark3 { font-size:18px; color:white; font-weight:normal; }

.cf_name {color: #f7941e; font-size: 24px; line-height: 32px; margin: 0 0 15px;}
.footsocial {background: #3e3e41; padding: 15px 10px 15px 30px;}
.footsocial:after {content: ""; clear: both; display: block;}
.footsocial a {color: #fff; text-decoration: none;}
.footsocial i {font-size: 36px; line-height: 36px; float: left; margin: 3px 15px 0 0;}
.footsocial i.fa-mobile {font-size: 43px; line-height: 43px;}
.footsocial .name {color: #fff; font-size: 24px; line-height: 26px; float: right; margin: 10px 0 0;}
.footsocial .inline {display: block;}

.copyright {color: #fff; font-size: 12px; position: absolute; right: 0; bottom: 0; line-height: 14px;}

body.green_page .footmenu > ul > li > a {color: #00a79b;}
body.green_page .cf_name {color: #00a79b;}
body.green_page .button {background: #00a79b;}

body.red_page .footmenu > ul > li > a {color: #eb4824;}
body.red_page .cf_name {color: #eb4824;}
body.red_page .button {background: #eb4824;}

/* abs_button */
.abs_button {
	background: #4d4d4d;
	color: #fff;
	text-decoration: none;
	display: block;
	position: absolute;
	font: bold 20px/20px Arial;
	padding: 8px 10px 12px;
	left: 0;
	top: 0;
}

.username_line { margin:15px 0 5px 0; direction:rtl; color:black;  }
.username_line .welcomeLogin { font-size:20px; font-weight:bold; float:right; color:black; }
.username_line .previousCourse  { font-size:20px; font-weight:bold; float:right; color:black; margin:0 20px 0 0; }

.username_line .courseDataline { font-size:20px; font-weight:normal; float:left; color:black; cursor:pointer; }

/* Steps */
.steps {margin: 0 0 30px;}
.steps ul:after {content: ''; clear: both; display: block;}
.steps li {
	background-image: url('../images2016/bxs.png');
	background-position: -284px -184px;
	float: right;
	height: 92px;
	width: 176px;
	margin: 0 0 0 -54px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	color: #f7931e;
	font-size: 30px;
	line-height: 30px;
	padding-top: 14px;
	padding-left: 24px;
	font-weight: 700;
	cursor:pointer; 
}
.steps li:hover {background-position: -460px -276px; color: #f7931e;}
.steps li a {color: #f7931e; text-decoration: none;}
.steps li:hover a {color: #808080;}

.steps li:first-child {background-position: -636px -368px; width: 155px; padding-left: 44px;}
.steps li:first-child:hover {background-position: -791px -460px;}
.steps li:last-child {background-position: 0 0; width: 142px; padding-left: 0px; padding-right: 20px;}
.steps li:last-child:hover {background-position: -142px -92px;}

.steps li span {font-size: 18px; line-height: 16px; display: block; font-weight: 400; margin: 0 0 8px; color: #f7931e;}


/* viewOnline_left */
.viewOnline {margin: 0 0 10px; position: relative; text-align: center; display: table; width: 100%;}
.viewOnline_left, .viewOnline_right  {
	display: table-cell;
	vertical-align: middle;
	height: 90px; 
	padding: 10px 0;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	font-size: 30px; 
	line-height: 30px;
	font-weight: 700;
}
.viewOnline_left {background: #1c1c1e; color: #fff; border-radius: 0 6px 0 0; width: 48%; position: relative;}
.viewOnline_right {background: #f7941e; color: #1c1c1e; border-radius: 6px 0 0 0; width: 52%;}

.viewOnline_left:before {
	background-image: url(../images2016/pl.png);
	background-position: 0 0;
	position: absolute;
	width: 86px; height: 90px;
	content: ''; display: block;
	left: -86px; top: 0;
}

.vo_play, .vo_pdf, .vo_exl, .vo_ppt {background-image: url(../images2016/pl.png); display: inline-block; vertical-align: middle;
	margin: 0 10px;}
.vo_ppt {width: 51px; height: 71px; background-position: -86px -90px;}
.vo_exl {width: 48px; height: 71px; background-position: -137px -161px;}
.vo_pdf {width: 48px; height: 70px; background-position: -185px -232px;}
.vo_play {width: 51px; height: 44px; background-position: -233px -302px;}
.vo_test {width: 51px; height: 44px; }

@media screen and (max-width: 1242px) {
	.steps {text-align: center;}
	.steps li {float: none; display: inline-block; margin: 0 2px 8px; background: black; 
		width: 130px !important; padding: 14px 0 0 !important; border-radius: 4px; -moz-border-radius: 4px;
		-webkit-border-radius: 4px;}
	.steps li:hover {background: #808080;}

	.viewOnline_left, .viewOnline_right {float: none; width: auto; display: block; padding: 10px 20px; 
		border-radius: 6px; height: auto;}
	.viewOnline_left {margin: 0 0 10px;}
	.viewOnline_left:before {content: none; display: none;}
}
@media screen and (max-width: 760px) {
	.viewOnline_left span, .viewOnline_right span {font-size: 20px; line-height: 20px; display: block; margin: 0 0 8px;}
}




/* MODALWIN */
.modalwin {
	background: #fff;
	border: 5px solid #4f4f51;
	position: relative;
	padding: 25px 30px 40px;
	display: none;
}
.modalwin:after {content: ""; clear: both; display: block;}
.modalwin .pagetitle {margin: 0 0 40px;}
.modalwin .errorMsg { margin: -20px 0 40px; color:red; width:100%;  font-size: 24px; font-weight:bold; }

.modal_col {float: right; width: 50%; font-size: 20px; line-height: 22px;}
.modal_col .in {margin: 0; padding: 0 37px 0 47px;}
.modal_col.lt .in {margin: 0; padding: 0 47px 0 37px; border-right: 1px solid #f1f1f1;}
.modal_col .Th3 {margin: 0 0 10px; color: #f7941e; font-size: 32px; font-weight: normal; line-height: 34px;}
.modal_col .Th4 {margin: 0 0 20px; font-size: 20px; font-weight: normal; line-height: 22px;}
.modalwin label {color: #4f4f51; font-size: 20px; line-height: 22px; display: block; margin: 0 0 5px;}
.modalwin .styler {border: 1px solid #565658; width: 100%; margin: 0 0 15px;}
.modalwin .recall {font-size: 16px; line-height: 18px; margin: 0 0 15px;}
.modalwin .recall a {color: #27262c; text-decoration: none;}
.modalwin .recall a:hover {text-decoration: underline;}
.modalwin .save {padding-right: 22px; position: relative; color: #4f4f51; font-size: 16px; line-height: 18px; margin: 0 0 15px;}
.modalwin .save .jq-checkbox {position: absolute !important; right: 0; top: 0;}
.modalwin .button {font: 22px 'OPH'; display: block; padding: 0; width: 100%; text-align: center;}
.modalwin .button1 {font: 30px 'OPH'; background-color:#4F4F51; border:1px solid black; color:white; padding: 3px; width: 100%; height:auto; text-align: center; margin-top:20px; cursor:pointer; }

.modalwin p {color: #4f4f51; margin: 0 0 20px;}
.modalwin p a {color: #f7941e;}
.modalwin .warn {color: #4f4f51; margin: 0 0 15px; font-size: 14px; line-height: 16px;}
.modalwin .warn1 {color: #f7941e; margin: 0 0 15px; font-size: 18px; line-height: 20px;}
.modalwin p.small {font-size: 18px;}
.modalwin ul {margin: 0 0 20px}
.modalwin ul li {margin: 0; padding-right: 27px; position: relative;}
.modalwin ul li:before {content: ""; display: block; position: absolute; right: 0; top: 2px; width: 18px; height: 15px;
	background: url(../images2016/check.png) no-repeat;}
.modal_close {color: #4f4f51; text-decoration: none; font: 18px/18px 'OPH_bold'; position: absolute; right: 10px; top: 10px;}
.modal_info {font-size: 13px; line-height: 16px; color: #4f4f51; margin: 30px 0;}

body.green_page .modal_col h3 {color: #17a99c;}
body.green_page .modalwin p a {color: #17a99c;}
body.red_page .modal_col h3 {color: #eb4824;}
body.red_page .modalwin p a {color: #eb4824;}
body.green_page .Th3 {color: #17a99c;}
body.green_page .Th4  {color: #17a99c;}
body.green_page .warn {color: #17a99c;}
body.green_page .warn1  {color: #17a99c;}

/* AUTO COMPLETE */
.autobox1 { position:relative; z-index:100; display:none; float:right; width:181px; height:289px; margin:3px -11px 0 1px; padding:0 0 0 0; color:#04305D; font-weight:bold; direction:rtl; border:1px solid #4F4F51; background-color:white; cursor:pointer;  }
.autobox1 .labelh { float:right; width:180px; height:28px; margin:0 0 0 0; padding: 4px 8px 0 0px; font-size:16px; text-align:right; color:#4F4F51; font-weight:bold; direction:rtl; white-space:nowrap;  }
.autobox1 .labele { float:left; width:180px; height:28px; margin:0 0 0 0; padding: 4px 0px 8 4px;  font-size:16px; text-align:left; color:#4F4F51; font-weight:bold; direction:ltr; white-space:nowrap; }
.autobox1 .hidden { display:none; width:0px; height:0x; }
.autobox1 .labelh:hover { background-color: #4F4F51; color:white; }
.autobox1 .labele:hover { background-color: #4F4F51; color:white; }

.autobox2 { position:relative; z-index:100; display:none; float:right; width:322px; height:289px; margin:3px -12px 0 1px; padding:0 0 0 0; color:#04305D; font-weight:bold; direction:rtl; border:1px solid #4F4F51; background-color:white; cursor:pointer;  }
.autobox2 .labelh { float:right; width:320px; height:28px; margin:0 0 0 0; padding: 4px 8px 0 0px; font-size:19px; text-align:right; color:#4F4F51; font-weight:bold; direction:rtl; white-space:nowrap;  }
.autobox2 .labele { float:left; width:320px; height:28px; margin:0 0 0 0; padding: 4px 0px 8 4px;  font-size:19px; text-align:left; color:#4F4F51; font-weight:bold; direction:ltr; white-space:nowrap; }
.autobox2 .hidden { display:none; width:0px; height:0x; }
.autobox2 .labelh:hover { background-color: #4F4F51; color:white; }
.autobox2 .labele:hover { background-color: #4F4F51; color:white; }

/* ALERTS */
#overlay-back {
    position: fixed;
    top        : 0;  left       : 0;
    width      : 100%;    height     : 100%;
    background : #000;    opacity    : 0.6;
    filter     : alpha(opacity=60);    z-index    : 5;
    display    : none; 
}
#alert_div { display:none; border: solid 2px #4F4F51; position: fixed; left: 50%; top: 50%; background-color: white;
 z-index: 10001; height: 200px; margin-top: -80px; width: 420px; margin-left: -235px; }
#alert_div .line { float:left; width:100%; }
#alert_div .x { float:left; font-weight:bold; font-size:18px; color:#4F4F51; margin:5px 0 0 10px; cursor:pointer;  text-decoration: none;  }
#alert_div .icon { float:right; margin:5px 25px 0 5px; }
#alert_div .title { float:right; margin:15px 5px 0 5px; font-size:28px; color:#4F4F51; font-weight:bold; text-align:right;  }
#alert_div .msg { width:350px; height:auto; float:right; margin:-15px 95px 0 5px; font-size:18px; color:#4F4F51; font-weight:bold; text-align:right;  }
#alert_div .ok {  float:right; margin:5px 25px 0 5px;width:70px; height:30px; font-weight:normal; font-size:20px; background-color:#4F4F51; color:white; cursor:pointer; text-align:center; padding-top:7px; text-decoration: none;   }
#alert_div .cancel {  float:right; margin:5px 25px 0 5px; width:70px; height:30px; font-weight:normal; font-size:20px; background-color:#4F4F51; color:white;  cursor:pointer; text-align:center; padding-top:7px; text-decoration: none;  }

/* POPUP CHART */
#popup_chart  {	background-color: #F7F7F7; filter: Alpha(Opacity=95); float:left; display:none;   
	                position:absolute; top:255px; left:425px; z-index: 22; width: 450px; height: 198px;	   
				    margin:0 0 0 0; text-align:center; border:1px solid #CFD4DD; padding: 4px 2px 2px 3px; direction:rtl;
     			  }
#popup_chart  .img {  margin:0 0 0 0; padding: 0 0 0 0;  }

.notseen {display:none;}

.popups    {  position:absolute; left:0; top:0; width:225px; height:190px; border:0px; z-index:200;
						   font-size:11px;  background:url('../images2010/squares/ballon.png') no-repeat left top;
                           padding:5px 10px 0 10px; display:none; }  
.popups  span { direction:rtl; text-align:right; color:#2079b5; float:right; font-size:12px; margin: 30px 25px 5px 0;  line-height:15px; }						   
.popups  p     { direction:rtl; text-align:right; margin: 2px 25px 2px 20px; float:right; line-height:15px; }						   
.popups  img     { margin:-15px 0px 0 20px; float:left; }						   

/* LIFE */
.videbg {background: #000 url(../images2016/life/videbg.jpg) center top no-repeat; padding: 30px 45px; color: #fff; font-size: 19px;
	line-height: 22px; margin: 0 0 30px;}
.videbg p {margin: 20px 0;}
.videbg h3 {overflow: hidden; width: 100%; font-size: 36px; text-align: center; line-height: 38px; margin: 0 0 20px;
	color: #fff;}
.videbg h3 b {font-family: 'OPH_bold'; font-weight: normal; position: relative;}
.videbg h3 b:after,
.videbg h3 b:before {
	background: #f7941e;
	content: '';
	width: 1000px;
	height: 3px;
	display: block;
	position: absolute;
	top: 20px;
}
.videbg h3 b:before {left: -1020px;}
.videbg h3 b:after {right: -1020px;}

.videbg_txt {
	background: rgba(0,0,0,0.66);
	display: block;
	margin: 0 0 20px;
	padding: 5px 10px;
}

.videoIframe {border: 2px solid #f7941e; margin: 0 0 20px;}
.videoIframe_title {background: #f7941e; text-align: center; color: #fff; font-size: 48px; line-height: 50px; 
	font-family: 'OPH_bold'; padding: 2px;}
.videoIframe iframe {width: 100%; border: 0; margin: 0; padding: 0; height: 430px; display: block;}

.video_grid {float: right; position: relative; min-height: 260px; margin: 0 0 10px;}
.video_grid a {color: #fff; text-decoration: none; display: block;}
.video_grid_img {display: block; margin: 0 0 15px; position: relative;}
.video_grid_img img {width: 100%; display: block; margin: 0 auto;}
.video_grid.locked:before {
	background: rgba(0,18,22,0.78);
	content: '';
	position: absolute;
	left: 0; top: 0;
	right: 0; bottom: 0;
	display: block;
	z-index: 10;
}
.video_grid.locked .video_grid_img:before {
	background: url(../images2016/lock.png) no-repeat;
	content: '';
	display: block;
	left: 50%; top: 50%;
	position: absolute;
	width: 79px; height: 95px;
	margin: -47px 0 0 -40px;
	z-index: 11;
}
.video_grid_lock {
	color: #d3160c;
	font-size: 60px;
	line-height: 60px;
	font-family: 'OPH_bold';
	position: absolute;
	z-index: 12;
	width: 100%;
	text-align: center;
	top: 40px;
	transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
}

.videoForm {
	background: #f7941e;
	padding: 15px 24px;
	margin: 0 0 30px;
}
.videoForm_title {
	text-align: center;
	color: #000;
	font-size: 40px;
	line-height: 40px;
	margin: 0 0 20px;
}
.videoForm_line {position: relative; padding: 0 180px;}
.videoForm_line span {position: absolute; right: 0; top: 0; width: 180px; display: block; font-size: 30px; 
	line-height: 36px; color: #000;}
.videoForm_line .inp {
	background: #fff;
	border: 1px solid #aaaaab;
	height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 8px;
	font: 18px/24px 'OPH';
	width: 100%;
	color: #000;
}
.videoForm_line .btn {
	background: #000;
	width: 100%;
	text-align: center;
	height: 36px;
	color: #fff;
	font: 18px/24px 'OPH';
	cursor: pointer;
	border: 0;
	width: 160px;
	position: absolute;
	left: 0; top: 0;
}

/* DOWNLOAD PAGE */
/* === UPDATE 04.06.18 === */
.leftbuttons {width: 75px; height: 600px; float: left; margin: 0; position: relative; }
.leftbuttons .btmBtn1 { width: 170px; height: 650px; position: absolute; padding:5px 5px 5px 5px; left: -106px; 	font-size: 22px; 
	line-height: 20px;	background: #f7941e; 	display: block; 	color: white; 	text-decoration: none;}
.leftbuttons .btmBtn1 .fa { width:100%; margin:auto 0; font-size: 40px; text-align:center; color: white; }
.leftbuttons .btmBtn1 .iname { font-size: 24px; line-height: 30px; display: block; margin: 0 0 7px; font-family: 'OPH_bold'; text-decoration: none; text-align:center;  color: white; }
.leftbuttons .btmBtn1 a { text-decoration: none; color: white; text-align:center; }
.leftbuttons .btmBtn1 .break { width:100%; height:5px; background-color:#4F4F51; margin:5px 0 5px 0; }

.wrap920_outer {width: 1010px; margin: 0 auto;}
.wrap920 {max-width: 920px; width: 100%; margin: 0 auto;}
.wrap920.fl_rt {float: right;}

/* navtabs */
.navtabs_ { display:none; }
.navtabs ul:after {content: ''; clear: both; display: block;}
.navtabs {background: #4f4f51; margin: 0 0 34px; padding: 14px 0;}
.navtabs ul {background: #454547;}
.navtabs li {float: right; font-size: 25px; line-height: 27px; position: relative;}
.navtabs li a {color: #f7941e; text-decoration: none; display: block; padding: 0 20px;}
.navtabs li:hover a {color: #00a79b;}
.navtabs li.active:after {content: ''; display: block; position: absolute; width: 100%; left: 0; bottom: -19px;
	height: 5px; background: #f7941e;}
.navtabs li.active a {color: #fff;}
.navtabs_ .imgTitle { margin:0 0 10px 0; font-size:12px; font-weight:bold; }

.pagetitle_ {background: #f7941e; color: #fff; font-size: 26px; line-height: 30px; padding: 12px 20px; margin: 0 0 14px;}
.pagetitle__{ color: #454547; font-weight:bold; font-size: 20px; line-height: 15px; padding: 7px 0px; margin: 0 0 5px;}

.smtext {color: #2f2f2f; font-size: 16px; line-height: 18px; margin: 0 0 24px;}
.smlink {color: red; text-decoration:none; font-size: 14px; line-height: 14px; margin: 0 0 4px; cursor:pointer; }
.smlink a { text-decoration:none; }

/* bottomBtns */
.bottomBtns {margin-bottom: 18px;}
.btmBtn {
	background-color: #2f2f2f; display: block; position: relative; text-decoration: none; color: #f7941e;
	font-size: 22px; line-height: 72px; padding: 6px 10px; text-align: center; border-bottom: 5px solid #f7941e;
	background-image: url(../images2016/arr.png); background-position: 16px 0; background-repeat: no-repeat;
}
.btmBtn span {display: block; font-size: 30px; line-height: 30px; font-family: 'OPH_bold'; margin-top:20px; }
.btmBtn.gr {border-bottom-color: #00a79b; color: #00a79b;}

/* tableover */
.tableover_out {margin: 0 0 20px;}
.tableover table {border-collapse: collapse; width: 100%;}
.tableover th, .tableover td {border: 1px solid #fff;}
.tableover th {background: url(../images2016/bgtb.png) center 0 no-repeat; background-size: cover; text-align: right; height: 40px;
	font-size: 16px; line-height: 18px; color: #fff; font-family: 'OPH_bold'; font-weight: normal; padding: 4px 14px;}
.tableover td {background: #e9e9e9; padding: 4px 14px; font-size: 14px; font-weight:bold; line-height: 16px; height: 40px;}
.tableover .to {text-align: center; width: 150px; padding: 4px 8px;}
.tableover td.to1 {background-color: #cfe9ff;}
.tableover td.to2 {background-color: #afdaff;}
.tableover td.to3 {background-color: #89c8fe;}
.to_foot td {background-color: #d7d7d7 !important; color: #014783; font-size: 15px; font-family: 'OPH_bold';}
.to_bord td {background: url(../images2016/bgtb.png) center 0 no-repeat !important; 
	height: 8px; padding: 0; background-size: cover !important;}


/* bannerbox */
.bannerbox {margin: 0 0 30px;}
.bannerbox img {max-width: 100%;}
.rightBtns {margin-bottom: 34px;}
.rightBtns .btmBtn {padding: 16px 20px; margin: 0 0 20px;}
.rightBtns iframe {display: block; padding: 0; border: 0; margin: 0; width: 100%; height: 440px; margin: 0 0 20px;}


/* pagetitle3 */
.pagetitle3 {background-color: #f7941e; color: #fff; font-size: 30px; line-height: 22px; margin: 0 0 20px; 
	height: 22px; position: relative; font-family: 'OPH_bold';}
.pagetitle3 p {position: absolute; right: 0; width: 100%; margin: 0; top: 2px;}
.pagetitle3 span {display: inline-block; background-color: #fff; color: #f7941e; height: 22px; 
	position: relative; top: -2px; padding-left: 8px;}


/* listsbox */
.listsbox {margin: 0 0 14px; position: relative;}
.listsbox:before {content: ''; display: block; width: 1px; background-color: #dbdbdb; position: absolute;
	left: 50%; top: 0; bottom: 0;}
.listsbox:after {content: ''; clear: both; display: block;}
.listsbox .grid6 {padding: 0;}
.listsbox_title {background-color: #f7941e; color: #fff; font-size: 26px; line-height: 28px; 
	font-family: 'OPH_bold'; padding: 8px 14px; margin: 0 0 20px;}
.listsbox_title.bl {background-color: #2f2f2f; color: #fff;}
.listsbox ul {margin: 0 14px;}
.listsbox ul li {margin: 0 0 14px; font-size: 14px; line-height: 18px; color: #4f4f51; padding-right: 20px; position: relative;}
.listsbox ul li:before {content: ''; position: absolute; right: 0; top: 2px; width: 13px; height: 18px;
	background: url(../images2016/list.png) no-repeat;}
.listsbox ul li b {display: block; font-size: 16px; font-weight: normal; font-family: 'OPH_bold'; color: #2f2f2f;}


/* pagination */
.pagination {background-color: #efefed; margin: 0 0 34px; text-align: center; color: #4f4f51; font-size: 14px;
	line-height: 16px; padding: 6px 20px;}
.pagination a {color: #4f4f51; text-decoration: none; margin: 0 5px;}
.pagination a.pn_prev, .pagination a.pn_next {color: #f7941e;}


/* smtabs */
.smtabs {background-color: #2f2f2f; font-size: 16px; line-height: 18px; color: #fff; padding: 12px 16px; margin: 0 0 20px;}
.smtabs a {color: #fff; text-decoration: none;}
.smtabs a:hover {color: #00a79b; text-decoration: underline;}
.smtabs a.active {color: #00a79b; text-decoration: none;}
.shedbut {
	background-color: #e9e9e9; height: 48px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	position: relative;
	color: #2f2f2f;
	text-decoration: none;
	font-size: 15px;
	line-height: 17px;
	padding: 4px 10px;
	padding-right: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'OPH_bold';
	margin: 0 0 20px;
}
.shedbut:before, .smban ul li:before {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	background: url(../images2016/check.png) no-repeat;
	width: 21px; height: 15px;
	margin-top: -7px;
}
.shedbut.empty:before {content: none; display: none;}
.shedbox {margin: 0 -10px 34px;}
.shedbox .grid3 {padding: 0 10px;}


/* videoTabs */
.videoTabs {background-color: #2f2f2f; margin: 0 0 34px}
.videoTabs:after {content: ''; clear: both; display: block;}
.videoTabs .grid3, .videoTabs .grid9 {padding: 0;}
.videoTabs iframe {display: block; border: 0; padding: 0; margin: 0; width: 100%; height: 475px;}
.videoTabs_txt {padding: 8px 14px; color: #fff; font-size: 14px; line-height: 18px;}
.videoTabs_txt span {display: block; font-size: 16px; line-height: 18px; color: #f7941e; font-family: 'OPH_bold';}
.videoTabs_txt p { margin:0; }
.videoTabs ul li {font-family: 'OPH_bold'; font-size: 16px; line-height: 18px; border-bottom: 2px solid #3f3f3f;
	position: relative;}
.videoTabs ul li a {display: block; color: #fff; text-decoration: none; padding: 7px 40px 7px 14px;}
.videoTabs ul li.active a,
.videoTabs ul li a:hover {background-color: #3f3f3f;}
.videoTabs ul li:before {
	background: url(../images2016/arr2.png) no-repeat;
	content: '';
	width: 11px;
	height: 12px;
	position: absolute;
	display: block;
	right: 16px; top: 50%;
	margin-top: -6px;
}

/* pagetitle4 */
.pagetitle4 {background: #feae50 url(../images2016/arr4.png) center 0 no-repeat; text-align: center; 
	color: #fff; margin: 0 0 30px; font-size: 30px; line-height: 34px; padding: 10px 20px;}


/* smban */
.smban {background: url(../images2016/smban.jpg) center center no-repeat; padding-bottom: 10px;
	background-size: cover; position: relative; min-height: 170px; margin: 0 0 30px;}
.smban_title {
	background: #c9d1d8; font-size: 24px; line-height: 26px; position: relative; color: #011a43;
	display: inline-block; font-family: 'OPH_bold'; margin: 0 0 20px; padding: 6px 10px;
}
.smban_title.twice {font-size: 18px; line-height: 19px; padding: 0 10px;}
.smban_title:before {
	content: '';
	display: block;
	position: absolute;
	border: 19px solid transparent;
	border-top: 19px solid #c9d1d8;
	border-right: 19px solid #c9d1d8;
	left: -38px; top: 0;
}
.smban_bottom {background: #f7941e; color: #fff; font-size: 16px; line-height: 18px; padding: 5px 8px; 
	position: absolute; left: 0; bottom: 0;}
.smban_bottom:before {
	content: '';
	display: block;
	position: absolute;
	border: 14px solid transparent;
	border-bottom: 14px solid #f7941e;
	border-left: 14px solid #f7941e;
	right: -28px; bottom: 0;
}
.smban_content {margin: 0 10px;}
.smban ul {margin: 0 0 30px;}
.smban ul li {position: relative; padding-right: 26px; color: #fff; font-size: 15px; line-height: 17px; margin: 0 0 6px;}
.smban ul li:before {right: 0; margin-top: -9px;}
.smban_price {font-family: 'OPH_bold'; color: #c6ff00; font-size: 21px; line-height: 22px; 
	display: inline-block; vertical-align: middle;}
.smban_price b {font-family: 'OPH_bold'; font-weight: normal; font-size: 40px; line-height: 40px;}
.smban_more {display: inline-block; margin-right: 20px; vertical-align: middle;}


/* smbanners_but */
.smbanners_but {text-align: center; margin: 0 0 30px;}
.smbanners_but .button {
	background: #f7941e url(../images2016/arr3.png) left center no-repeat;
	display: inline-block; font-size: 24px; line-height: 24px; 
	padding: 10px 20px; height: auto; padding-left: 50px; position: relative;
}
.smbanners_but .button:hover {background-color: #d47d15;}


/* smform */
.smform {margin: 0 0 40px;}
.smform_title {background: #103954; color: #fff; font-size: 24px; line-height: 24px; 
	text-align: center; padding: 11px 20px; font-family: 'OPH_bold';}
.smform_content {background: #305065; padding: 16px; }
.smform_content .row {margin: 0 -8px;}
.smform_content .grid3 {padding: 0 8px;}
.smform_content .styler {width: 100%; margin: 0 0 16px;}
.smform_content textarea.styler {height: 80px;}
.smform .button {display: block; margin: 0 auto; width: 180px; margin-top:15px;}
.smform_check {background: #171f28; color: #fff; padding: 7px 10px; font-size: 13px; line-height: 14px;}
.smform_check a { text-decoration:none; color:white; }

.thanks_form { display:none; margin: 20px 0 20px; font-size:24px; padding:10px 10px 10px 10px; background-color:white; color:black; border:1px solid #103954;}


.jq-checkbox {background: #fff; width: 14px; height: 14px;}
.jq-checkbox__div {border: 4px solid transparent; border-top: 4px solid #2f2f2f; display: none;
	position: absolute; left: 3px; top: 5px;}
.jq-checkbox.checked .jq-checkbox__div {display: block;}
.checkf {padding-right: 20px; position: relative; display: inline-block;}
.checkf .jq-checkbox {position: absolute !important; right: 0; top: 1px;}

/* slidebg */
.slidebg {background: url(../images2016/header/header_software_2018.jpg) center 0 no-repeat; margin: 0 0 1px;}
.slideExpertbg {background: url(../images2016/header/slideExpertbg.jpg) center 0 no-repeat; margin: 0 0 1px; }
.slideForm {
	background: #2f2f2f; padding: 30px 30px 0; width: 327px; float: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	color: #f7941e; font-size: 18px; line-height: 22px;
}
.slidebg .container, .slideExpertbg .container, .slideForm {height: 390px;}
.slideForm_title {font-size: 34px; line-height: 36px; margin: 0 0 14px;}
.slideExpertForm_title {font-size: 34px; line-height: 36px; margin: 0 0 14px; color:white; }
.slideForm p {margin: 0 0 14px;}
.slideForm .inpf, .slideForm .button {margin: 0 0 14px;}
.slideForm .styler, .slideForm .button {width: 100%;}
.slideForm .checkf {display: block; margin: 0 0 10px 10px; font-size: 13px; color: #fff; line-height: 16px; cursor: pointer;}
.slideText {font-family: 'OPH'; color: #f7941e; font-size: 28px; line-height: 30px; max-width: 460px; float: right; margin: 90px 150px 0 0;}
.slideText h2 {font-family: 'OPH_bold'; font-weight: normal; font-size: 54px; color: #fff; line-height: 64px; margin: 0; text-align:right; }
.slideForm  .msg { color:white; text-decoration:underline;  }

/* RESPONSIVE */
@media screen and (min-width: 960px) {
.slideExpertbg .slideText h2 {font-family: 'OPH_bold'; font-weight: normal; font-size: 60px; color: #fff; line-height: 64px; margin: 0;}
.slideExpertbg span { font-size:48px; color: #178FCE; font-weight:bold }
.slideExpertbg .slideText {font-family: 'OPH'; color: #f7941e; font-size: 28px; line-height: 44px; max-width: 460px; float: right; margin: 90px 150px 0 0;}
}
@media screen and (max-width: 1200px) {
	.slideText {margin-right: 0;}

	.leftbuttons {width: auto; height: auto; float: none; text-align: center; margin: 0 0 20px;}
	.leftbuttons .btmBtn {
		width: auto;
		position: relative;
		transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		position: relative;
		top: auto;
		left: auto;
		display: inline-block;
		padding: 5px 30px;
		margin: 0 4px 10px;
	}
	.leftbuttons .btmBtn.secb {top: auto;}
	.wrap920_outer {width: auto; margin: 0;}
	.wrap920.fl_rt {float: none;}

}
@media screen and (max-width: 960px) {
    .leftbuttons { display: none; }
	.tableover .to {width: 100px;}
	.rightBtns {margin: 0 auto 34px; max-width: 540px;}
	.rightBtns .grid5, .rightBtns .grid7 {float: none; padding: 0; width: auto;}
	.shedbox .grid3 {width: 50%;}
	.videoTabs .grid3 {width: 32%;}
	.videoTabs .grid9 {width: 68%;}
	.smbanners {margin: 0 auto 30px; max-width: 540px;}
	.smbanners .grid6 {width: auto; padding: 0; float: none;}
	.smban {margin: 0 0 10px;}
	.smform_content .grid3 {width: 50%;}

	.slidebg .container {margin-left: 0;} .slideExpertbg .container {margin-left: 0;}
	.slideText {max-width: 340px; margin-top: 90px;}
	.slideText h2 {font-size: 42px; line-height: 46px; margin: 0 0 20px;}
	.slideForm {width: 340px; padding-top: 30px;}
} 
@media screen and (max-width: 760px) {
    .leftbuttons { display: none; }
	.bottomBtns  { display: none; }
	.btmBtn {background-image: none;}
	.btmBtn span {font-size: 26px; line-height: 26px; margin-top:20px; }
	.navtabs {padding: 0;}
	.navtabs li {float: none; text-align: center;}
	.navtabs li a {padding: 6px 14px;}
	.navtabs li.active {border-bottom: 3px solid #f7941e;}
	.navtabs li.active:after {content: none; display: none;}
	.bottomBtns {margin: 0 0 34px;}
	.bottomBtns .grid4 {float: none; margin: 0 0 14px; padding: 0; width: auto;}
	.tableover_out {position: relative;}
	.tableover {overflow: scroll;}
	.tableover_out:before {
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
		content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 60px;
	}
	.tableover table {width: 760px;}
	.pagetitle3 {padding: 8px 10px 5px; height: auto; line-height: 30px; font-size: 24px;}
	.pagetitle3 p {position: static; right: auto; top: auto;}
	.pagetitle3 span {display: inline; position: relative; height: auto; top: auto; padding: 0; background: 0; color: #fff;}
	.listsbox:before {content: none; display: none;}
	.listsbox .grid6 {float: none; width: auto;}
	.videoTabs .grid3, .videoTabs .grid9 {width: 100%;}
	.videoTabs iframe {height: 340px;}

	.slidebg .container, .slideExpertbg .container, .slideForm {height: auto; margin: 0;}
	.slideForm {padding: 20px; float: none; width: auto;}
	.slideText {float: none; width: auto; margin: 0 0 20px; text-align: center; max-width: none; padding-top: 20px;}
}
@media screen and (max-width: 560px) {
	.tableover table {width: 520px;}
	.tableover .to {width: 80px;}
	.shedbox .grid3 {width: 100%;}
	.videoTabs iframe {height: 240px;}
	.smform_content .grid3 {width: 100%;}

	.slideText h2 {font-family: 'OPH_bold'; font-weight: normal; font-size: 50px; color: #fff; line-height: 64px; margin: 0;}
	.slideExpertbg span { font-size:34px; color: #178FCE; }
	
}

.slideExpertbg .loginZira { color:#181F2F; font-size:20px; font-weight:bold; text-decoration:none; text-align:center; }

.training_area   { background-color: white; margin: 0 0 34px; }
.training_panel { float:right; width:100%;background-color: white;  margin:20px 0 35px 0; display:none;  }
.training_panel .training_panel_third { float:right; width:310px; margin:0 0 0 5px;  }
.training_panel .training_panel_2thirds { float:left; width:calc(100% - 320px); margin:0 5px 0 0; }
.training_panel .youtube_box { float:right; width:150px; height:80px; background-color:#E8E8E8; margin:0 0 5px 5px; cursor:pointer; }
.training_panel .youtube_box .title { float:right; width:150px; text-align:center; font-size:17px; font-weight:bold; margin:5px 0 3px 0;  }
.training_panel .youtube_box .titleG { float:right; width:150px; text-align:center; font-size:17px; font-weight:bold; margin:5px 0 3px 0;  }
.training_panel .youtube_box .img { float:right; width:72px; height:53; margin:0 40px 0 0;  }
.training_panel .video { float:left; width:100%; height:450px; margin:0 0 5px 0; }
.training_panel .videotitle { float:left; width:100%; font-size:16px; color:#CD6C03; font-weight:bold; text-align:right;  }
.training_panel .videotitleG { float:left; width:100%; font-size:16px; color:#439004; font-weight:bold; text-align:right;  }

.training_panel .videotext { float:left; width:100%; height:auto; font-size:14px; color:#51514F; font-weight:normal; text-align:right;  }
.training_panel .item { float:right; width:32%; height:85px; background-color:#E3E3E3; cursor:pointer; padding:0 0 10px 0;}
.training_panel .item .icon { float:right; width:30px; margin:8px 10px 0 0; }
.training_panel .item .title { float:right; width:calc(100% - 50px); margin:15px 5px 0 0; text-align:right; font-size:14px; font-weight:bold; color:#CD6C03; }
.training_panel .item .titleG { float:right; width:calc(100% - 50px); margin:15px 5px 0 0; text-align:right; font-size:14px; font-weight:bold; color:#439004; }
.training_panel .item .text { float:right; width:75%; margin:5px 5px 0 0; padding:0 40px 0 0; text-align:right; font-size:14px; font-weight:normal; color:#51514F; }
.training_panel .item2 { float:right; width:48%; height:auto; background-color:#E3E3E3; margin:0 0 10px 10px; cursor:pointer; padding:0 5px 15px 0; }
.training_panel .item2 .title { float:right; width:calc(100% - 50px); margin:15px 5px 0 0; text-align:right; font-size:14px; font-weight:bold; color:#CD6C03; }
.training_panel .item2 .titleG { float:right; width:calc(100% - 50px); margin:15px 5px 0 0; text-align:right; font-size:14px; font-weight:bold; color:#439004; }
.training_panel .item2 .text { float:right; width:75%; margin:5px 5px 0 0; padding:0 40px 0 0; text-align:right; font-size:14px; font-weight:normal; color:#51514F; }
.training_panel .item3 { float:right; width:24%; height:85px; background-color:#E3E3E3; cursor:pointer; padding:0 0 10px 0;}
.training_panel .item3 .icon { float:right; width:30px; margin:8px 10px 0 0; }
.training_panel .item3 .title { float:right; width:calc(100% - 50px); margin:15px 5px 0 0; text-align:right; font-size:17px; font-weight:bold; color:#CD6C03; }
.training_panel .item3 .titleG { float:right; width:calc(100% - 50px); margin:15px 5px 0 0; text-align:right; font-size:17px; font-weight:bold; color:#439004; }
.training_panel .item3 .text { float:right; width:75%; margin:5px 5px 0 0; padding:0 40px 0 0; text-align:right; font-size:14px; font-weight:normal; color:#51514F; }

#picPopUP{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;	
	z-index: 1;
	opacity : 0.9;
	vertical-align: middle;
}
.child {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%); /* Safari and Chrome */
 -moz-transform: translate(-50%, -50%); /* Firefox */
 -ms-transform: translate(-50%, -50%); /* IE 9 */
 -o-transform: translate(-50%, -50%); /* Opera */
 // I suppose you may like those too:
 // max-width: 80%;
 // max-height: 80%;
}

.details_popups    {  position:absolute; left:0; top:0; width:418px; height:171px; border:0px; z-index:200;
						   font-size:12px;  background:url('../images2015/prices/tooltip.png') no-repeat left top;
                           display:none; font-family:arial; }  
.details_popups  p     { font-family:arial; padding:10px 15px;  direction:rtl; text-align:right; margin: 15px 20px 5px 0; font-size:15px; color:white; float:right; }						   


/* EXPERT ZIRA */

/* UPDATE 22.01.2019 */
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700,800');

.main_new {font-family: 'OPH', sans-serif;}

.warning_text {
	border: 1px solid #363D49; margin: 0 0 27px; font-size: 18px; line-height: 27px; color: #182030;
	text-align: center; padding: 10px 20px;
}

.tabshead {background: #F4F7FC; margin-bottom: 20px;}
.tabshead:after {content: ''; clear: both; display: block;}
.tabshead li {float: right; margin: 0; font-size: 27px; line-height: 28px;}
.tabshead li a {color: #000; display: block; padding: 10px 34px; text-decoration: none;}
.tabshead li.active a {background: #178FCE; color: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.5);}

/* bbox */
.bbox {background: #fff; -webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.5); box-shadow: 0 2px 20px rgba(0,0,0,0.5);}
.bbox_header {background: #363D49; padding: 27px 30px; color: #fff; font-size: 38px; line-height: 40px; 
	font-weight: 500; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-sizing: border-box;}
.bbox_header span {display: block; font-size: 48px; line-height: 50px; font-weight: 800;}
.bbox_header_img {width: 112px; display: table-cell; vertical-align: middle;}
.bbox_header_img img {border-radius: 50%; -webkit-border-radius: 50%; display: block;}
.bbox_header_text {display: table-cell; vertical-align: middle; text-align: center; padding-right: 20px;}
.bbox_content {padding: 40px 27px 27px; margin: 0 0 40px;}
.bbox_title {color: #363D49; font-size: 32px; line-height: 40px; margin: 0 0 18px; text-align: center;}
.bbox_more { text-align:left; margin:-25px 0 15px 0; cursor:pointer; }
.bbox_content .itemWriteDiv { font-size: 24px; line-height: 35px; text-align:left; color: #4f4f51; margin: 0 0 10px 0; cursor:pointer; }
.bbox_content .itemsUpdate  { font-size: 14px; line-height: 35px; text-align:right; color: #4f4f51; margin: 0 0 10px 0; cursor:pointer; }
.bbox p { font-size:16px; font-weight:bold; padding:6px; float:right; text-align:center; }

.bbox_subheader {background: #178FCE; padding: 27px 30px; color: white; font-size: 28px; line-height: 30px; 
	font-weight: 500; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-sizing: border-box; text-align:center; }

@media screen and (max-width: 960px) {
.bbox_more { font-size:10px;  } }



/* brow */
.brow {background: #F1F1F1; border-radius: 0 29px 29px 29px; -webkit-border-radius: 0 29px 29px 29px;
	padding: 10px 20px; margin: 0 0 33px; position: relative;}
.brow.pdf:before {
	content: ''; display: block; position: absolute; left: -6px; top: 0;
	background: url(../images2016/zira/icons/article.png) no-repeat; width: 47px; height: 24px;
}
.brow_text {font-size: 20px; line-height: 28px; color: #182030; margin: 0 0 4px 30px;}
.brow_meta {color: #767777; font-size: 15px; line-height: 30px;}
.brow_meta a {color: inherit; text-decoration: none;}
.brow_date {float: right; margin: 0;}
.brow_date span {margin-left: 10px;}
.brow_likes {float: left; margin: 0; font-size: 13px;}
.brow_likes a {position: relative; padding-left: 22px; margin: 0 20px 0 0; float: left;}
.brow_likes a:before {content: ''; display: block; position: absolute; left: 0; width: 17px; height: 17px;}
.brow_likes a.like:before {background: url(../images2016/zira/icons/like.png) no-repeat; top: 4px; }
.brow_likes a.unlike:before {background: url(../images2016/zira/icons/unlike.png) no-repeat; top: 9px;}
.brow a {text-decoration:none}

/* bbot */
.bbot {background: #182030; margin-top:15px; }
.bbot_content {padding: 10px 20px; text-align: center;}
.bbot_content.disabled {border-top: 1px solid #fff; color: #7F8C8C;}
.bbot_title {color: #fff; font-size: 25px; font-weight: 700; line-height: 28px; margin: 0 0 18px;}
.bbot_title2 {color: #7F8C8C; font-size: 22px; font-weight: 400; line-height: 24px; margin: 0;}
.bbot_title a {color: #178FCE; text-decoration: none;}
.bbot_title a:hover {text-decoration: underline;}
.bbot_date {color: #F4F7FC; font-size: 16px; line-height: 20px; margin: 0 0 5px 0;}
.bbot_content.disabled .bbot_date {color: inherit;}
.bbot_play {
	background: #178FCE;
	display: inline-block;
	position: relative;
	border-radius: 24px 7px 7px 24px;
	font-size: 22px;
	line-height: 28px;
	padding: 10px 20px;
	padding-left: 60px;
	color: #F4F7FC;
	text-decoration: none;
	font-weight: 400;
	margin: 0 0 4px;
}
.bbot_play_span {background: #182030; width: 36px; height: 36px; position: absolute; left: 6px; top: 6px;
	border-radius: 50%; -webkit-border-radius: 50%;}
.bbot_play_span:before {
	content: ''; display: block; border: 8px solid transparent; border-left: 14px solid #fff;
	left: 50%; top: 50%; position: absolute; margin: -8px 0 0 -5px;
}
.bbot_play:hover {background: #38aeed;}
.bbot_btn {position: relative; padding-left: 26px; display: inline-block;}
.bbot_content.disabled .bbot_play_span {border: 1px solid #7F8C8C; left: 0; top: 0;}
.bbot_content.disabled .bbot_play_span:before {border-left-color: #7F8C8C;}

/* bbox_frame */
.bvideo {margin: 0 0 20px;}
.bvideo .Videocontainer { position: relative; width: 100%; height: 0; }
.bvideo .video {  width: 100%; height: 100%; }

.bvideo_frame {position: relative;}
.bvideo_frame img {display: block; max-width: 100%; margin: 0 0 8px;}
.bvideo_frame .playerbtn {position: absolute; left: 50%; top: 50%; margin: -45px;}
.bvideo .brow_date {float: none; margin: 6px 20px; text-align: right; color: #767777; font-size: 15px; line-height: 16px;}
.playerbtn {
	width: 84px; height: 84px; border-radius: 50%; -webkit-border-radius: 50%; display: block;
	border: 3px solid rgba(255,255,255,0.7);
}
.playerbtn:before {
	content: ''; display: block; border: 22px solid transparent; border-left: 38px solid rgba(255,255,255,0.7);
	left: 50%; top: 50%; position: absolute; margin: -22px 0 0 -14px;
}
.playerbtn:hover {border-color: #fff;}
.playerbtn:hover::before {border-left-color: #fff;}


/* bannerbody */
.bannerbody_outer {border-top: 1px solid #777; border-bottom: 1px solid #777; padding: 40px 0; margin: 0 0 40px;}
.bannerbody {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
}
.bannerbody_box {
	background: #F1F1F1;
	border: 1px solid #BCBFC1;
	width: 300px; height: 250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #070707;
	text-align: center;
}
.bannerbody_box span {font-size: 47px; height: inherit; display: block; line-height: 250px;}
.bannerbody_outer .tabshead {margin: 0;}

.podcast_box {
	background: #F1F1F1;
	border: 1px solid #BCBFC1;
	width: 580px; height: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #070707;
	text-align: center;
}

/* bchart */
.bchart {}
.bchart:nth-child(odd) {background: #f1f1f1;}
.bchart_top {min-height: 120px; padding: 10px 20px; -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; box-sizing: border-box;}
.bchart_title {color: #767777; font-size: 15px; line-height: 22px; margin: 0 0 10px;}
.bchart_tb {display: table; width: 100%;}
.bchart_cl {display: table-cell; vertical-align: middle; color: #182030; font-size: 28px; line-height: 34px;}
.bchart_name {color: #178FCE; font-size: 30px; line-height: 34px; font-weight: 700; width: 210px;}
.bchart_name a {color: inherit; text-decoration: none; position: relative; padding-right: 0;}
.bchart_name a.js_show:before {
	content: '+'; display: block; position: absolute; right: 0; top: 0;
	font-size: 36px; color: inherit;
}
.bchart_name a.js_show.open:before {content: '-';}
.bchart_img {width: 42px;}
.bchart_date {font-size: 22px;}
.bchart_hide {background: #fff; display: none; padding-top: 10px; border-top: 1px solid #f1f1f1;}
.bchart_hide_title {color: #182030; font-size: 22px; line-height: 26px; margin: 0 20px 10px; max-width: 460px;}
.bchart_hide img {display: block; width: 100%;}


/* textarea_wrap */
.textarea_wrap {
	background: #F1F1F1; border: 1px solid #D2D6D8; height: 217px; border-radius: 29px 29px 0 29px;
	-webkit-border-radius: 29px 29px 0 29px; -moz-border-radius: 29px 29px 0 29px; padding: 4px 14px 10px;
}
.textarea_wrap:after {content: ''; clear: both; display: block;}
.textarea_wrap textarea {
	display: block; border: 0; background: 0; width: 100%; height: 180px; color: #182030;
	font-size: 22px; line-height: 28px; margin: 0; -webkit-appearance: none; appearance: none;
	padding: 10px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.textarea_wrap .btn {
	background: #178FCE; color: #fff; height: 30px; font-size: 22px; line-height: 30px; border: 0;
	cursor: pointer; padding: 0 14px; border-radius: 0; margin: 0 0 0 10px; float: left;
}
hr {background: #777; height: 1px; clear: both; padding: 0; border: 0; margin: 0 0 30px;}

.textarea_wrap .nick { background: silver;  height: 30px; font-size: 22px; line-height: 30px; border: 0; 
 cursor: pointer; padding: 0 14px; border-radius: 0; margin: 0 0 0 10px; float: left; max-width:135px;  }
 
.tabhead .nick { background: silver;  height: 30px; font-size: 22px; line-height: 30px; border: 0; 
 cursor: pointer; padding: 0 14px; border-radius: 0; margin: 0 0 0 10px; float: right; max-width:135px;  }
.tabhead .btn {
	background: #178FCE; color: #fff; height: 30px; font-size: 22px; line-height: 30px; border: 0;
	cursor: pointer; padding: 0 14px; border-radius: 0; margin: 0 0 0 10px; float: right;
}
.tabhead .textarea { width:90%; height:125px; padding:5px; font-size:14px; } 

 


/* traffic */
.traf {background: #f1f1f1; border: 1px solid #dde0e2; margin: 0 0 70px;}
.traf_inner {display: table; width: 100%; border-collapse: collapse;}
.traf_cell {display: table-cell; vertical-align: middle; width: 50%; height: 197px; padding: 10px 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.traf_entry {background: #363c48; color: #fff; font-size: 17px; line-height: 20px; text-align: left; 
	font-weight: 400; position: relative;}
.traf_entry h3 {font-size: 37px; line-height: 40px; font-weight: 800; margin: 0 0 20px;}
.traf_entry h4 {font-size: 25px; line-height: 28px; font-weight: 500; margin: 0;}
.traf_entry:before {
	content: ''; display: block; position: absolute; width: 35px; height: 20px; top: 50%;
	margin-top: -10px; left: -22px; background: url(../images2016/zira/icons/arrow.png) no-repeat;
}
.traf_lights {text-align: center;}

.traffic {background: #363d49; width: 90px; padding: 8px 0; display: inline-block; vertical-align: middle;}
.traffic_item {
	width: 48px; height: 48px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	margin: 0 auto 7px; text-align: center; background: url(../images2016/zira/icons/green.png) no-repeat;
	color: #fff; line-height: 48px; font-size: 18px; font-weight: 400;
}
.traffic_item.yellow {background-image: url(../images2016/zira/icons/yel.png);}
.traffic_item.red {background-image: url(../images2016/zira/icons/red.png); margin-bottom: 0;}
.traffic_text {color: #182030; font-size: 22px; line-height: 24px; font-weight: 600; text-align: center;
	width: 110px; display: inline-block; vertical-align: middle;}
.traffic_text img {display: block; margin: 0 auto 10px;}


@media screen and (max-width: 960px) {
	.tb12 {width: 100%;}

	.warning_text {font-size: 16px; line-height: 20px;}
	
	/* bbox */
	.bbox_header {padding: 10px; font-size: 28px; line-height: 32px;}
	.bbox_header span {font-size: 38px; line-height: 40px;}
	.bbox_header_img {width: 80px;}
	.bbox_content {padding: 20px; margin: 0 0 20px;}
	.brow_text {font-size: 16px; line-height: 20px;}

	/* bannerbody */
	.bannerbody_outer {margin: 0 0 20px; padding: 20px 0;}
	.bannerbody {margin: 0 0 20px;}
	.bannerbody_box {width: 200px; }
	.bannerbody_box span {font-size: 24px; line-height: 150px;}

	/* traffic */
	.traf {margin: 0 0 40px;}
	.traf_inner {display: block; width: auto;}
	.traf_cell {display: block; width: auto; height: auto; padding: 10px 20px;}
	.traf_entry {text-align: center;}
	.traf_entry h3 {font-size: 28px; line-height: 32px;}
	.traf_entry:before {left: 50%; margin: 0 0 0 -11px; bottom: -12px; top: auto;
		transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
	.traf_lights {padding-top: 30px;}
	.traffic, .traffic_text {margin: 5px 0;}


}
@media screen and (max-width: 700px) {
	.tabshead li {float: none; font-size: 18px; line-height: 20px; text-align: center;}
	
	/* bannerbody */
	.bannerbody {display: block;}
	.bannerbody_box {width: auto; margin: 0 0 20px;}
	.bannerbody_box span {line-height: 150px;}

	/* bbox */
	.bbox_header {padding: 10px; font-size: 18px; line-height: 22px;}
	.bbox_header span {font-size: 24px; line-height: 36px;}
	.bbox_header_img {width: 50px;}


	/* bchart */
	.bchart_top {padding: 10px 20px;}
	.bchart_cl {font-size: 16px; line-height: 20px;}
	.bchart_name {font-size: 20px; line-height: 24px; width: auto;}
	.bchart_name a {padding-right: 20px;}
	.bchart_name a.js_show:before {font-size: 24px; top: -2px;}
	
	/* slideText */
	.slideText h2 {font-size: 30px; line-height: 34px;}
	.slideText {font-size: 20px; line-height: 24px;}
}

/* SCANNER 2019 - Alerts */
.scanResults { }
.scanResults .pagetitle2 {position: relative; font-family: 'OPH'; font-size: 36px; line-height: 36px; color: #F7941E; margin: 0 0 10px;}
.scanResults .pagetitle2:after {content: ""; height: 2px; display: block; background: #F7941E; width: 100%; position: absolute; left: 0; bottom: 7px;}
.scanResults .pagetitle2 b {font-weight: normal; background: #fff; padding: 0 5px; position: relative; z-index: 2;}

/* WHATSUP  */
.float{
	position:fixed;
	width:40px;
	height:40px;
	bottom:20px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:40px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}