#main_menu{
    min-width: 500px;
	white-space:nowrap;
	color: var(--text-color);
	background-color: #191919;
}

.toolTab{
  display:inline-block;
  text-align: center;
  font-size: 1.2em;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position:center bottom;
  color:rgba(255,255,255,0.4);
  line-height: 80px;
  height: 80px;
}

.toolTab span {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

.toolTab:hover:not(.toolTabSelected){
  color:#FFFFFF;
}

.tabWrapper{
  background-color: #111111;
}

.tabWrapper_line{
  background-repeat: repeat-x;
}

.tabSubtitle{
  font-size:16px;
  padding-top:22px;
  padding-bottom:15px;
  display:none;
}

.mainmenu_btn{
	position: relative;
	display: inline-block;
	cursor: pointer;
  text-align: center;
  text-decoration: none;
	margin:0px 5px;
	font-size:1.3em;
	width: 200px;
	height:200px;
	padding-top:50px;
	border-radius: 5px;
	background-color:var(--bg-color);
	overflow: hidden;
	white-space: normal;
}

.mainmenu_btn .tagline{
	display: block;
	text-transform: none;
	font-size: 0.8em;
	color:#787878;
/*	margin-top: 10px;*/
}

.mainmenu_btn:hover{
	background-color: #252525 !important;
}

.mainmenu_btn:hover .icomoon{
	color: var(--accent-color);
}

.mainmenu_btn .icomoon{
	font-size: 32px;
}

.second_menu{
	display:none;
	text-align:center;
}

.menu{
	white-space:nowrap;
}

.menu[name="layer_fx"]{
	width:85%;
	margin-left:-10px;
}

.back_btn{
  padding:10px 25px 10px 25px !important;
}

.frame_left{
    float:left;
    background-color:#101010;
    width:220px;
    height:100%;
	vertical-align:top;
    white-space: nowrap;
}

.frame_wrapper{
    position: relative;
	   display: block;
	    vertical-align:top;
    width:100%;
}

.frame_left .menu_item,.frame_left .submenu_item{
    display:block;
    background-color:#141414;
    border-top:1px solid #222222;
    padding:25px;
    color:#A1A1A1;
    text-align: left;
    font-weight: normal !important;
    cursor: pointer;
}

.frame_left .submenu_item{
    padding:5px 0px 5px 50px !important;
	  color:#B0B0B0;
    border-top:1px solid #181818;
    border-bottom:1px solid #181818;
    border-right:1px solid #025801;border-left:1px solid #025801;
}

.frame_left .subsubmenu_item,.frame_left a{
	  color:#D5D5D5;
    text-decoration:none;
    cursor: pointer;
}

.frame_left .subsubmenu_item{
    padding:2px 0px 2px 60px !important;
    border-top:1px solid #131313;
    border-bottom:1px solid #131313;
	  font-size: 0.9em;
    border-right:1px solid var(--accent-color);border-left:1px solid var(--accent-color);
}

.frame_left a:hover,.frame_left a:active{
    text-decoration:none;
    color:var(--accent-color) !important;
}

.frame_left .menu_item.active_item,.frame_left .submenu_item.active_item,.frame_left .subsubmenu_item.active_item{
    background-color:#025801;
    color:#FFFFFF;
    cursor: default;
}

.active_item a{
  color:#FFFFFF;
  cursor: default;
}

.frame_left .menu_title{
  display:block;
  padding:25px 0px 15px 25px;
  background-color:#080808;
  color:#909090;
  cursor: default;
  font-size: 0.9em;
  text-transform: uppercase;
  border-right:1px solid #025801;border-left:1px solid #025801;
}

.frame_left .menu_item:hover:not(.active_item),.frame_left .menu_item:hover:not(.active_item) a,.frame_left .submenu_item:hover:not(.active_item),.frame_left .submenu_item:hover:not(.active_item) a,.frame_left .subsubmenu_item:hover:not(.active_item),.frame_left .subsubmenu_item:hover:not(.active_item) a{
 background-color:#171717;
 color:var(--accent-color) !important;
}

#frame_right{
  position:relative;
	height:100vh;
}

#frame_right,#menu_items{
	overflow-y:auto;
  overflow-x:hidden;
	vertical-align:top;
}

#menu_items{
	height:calc(100vh - 118px);
}

.top_logo_home{
	padding-top:15px;
	padding-bottom:15px;
  cursor:pointer;
  width:100%;
  text-align:center;
}

.top_breadcrumb{
	color:var(--text-color);
	padding:25px;
	font-size: 1em;
}

.menulink{
	cursor:pointer;
	color:var(--text-color);
	text-decoration: none;
}

.menulink:hover,.scriptsWrapper a,.scriptsWrapper a:hover{
	color:var(--accent-color);
}

.tabBigTitle{
  font-weight:bold;
  font-size:3.5em;
}

.buyTagline{
  font-size:2.3em;
  font-weight:bold;
}

.scriptsWrapper{
    display: block;
    padding: 20px;
    max-width:1020px;
    margin-left: auto;
    margin-right: auto;
    /* margin-top:10px;
    margin-bottom: 25px; */
    color: var(--text-color);
}

.blockLayout{
   position:relative;
   display:inline-block;
   vertical-align: top;
   /* max-width:1020px; */
   text-align: center;
   width:100%;
}

.blockLayout .bleft .fe_btn,.blockLayout .bright .fe_btn{
  min-width:100px !important;
  max-width:250px !important;
}

.blockLayout .bleft,.blockLayout .bright{
  position:relative;
  display:inline-block;
  padding:0px;
  width:50%;
  text-align: center;
  min-height:250px;
}

.youtube_frame,.youtube_frame_fe{
  width:560px;
  height:315px;
  border:none;
}

.youtube_frame_fe{
  width:100%;
  min-height:625px;
}

.fe_dimensions{
  width:70%;
  padding:30px;
}

@media screen and (max-width: 767px) {
  .blockLayout .bleft,.blockLayout .bright{
    width:100%;
    text-align: center !important;
  }
  .youtube_frame{
    width:100%;
    min-height:200px;
    height:auto;
  }

  .youtube_frame_fe{
    min-height:315px;
    margin-bottom:100px;
  }

  .fe_dimensions{
    width:100%;
    padding:10px;
  }
}

.blockLayout .bleft{
  display: inline-block;
  position:relative;
  text-align: left;
  float:left;
}

.blockLayout .bleft img,.blockLayout .bright img,.blockLayout .bleft video,.blockLayout .bright video{
  max-width:100%;
}

.blockLayout .bright{
  text-align: left;
  float:right;
}

.blockWrapper{
  position:relative;
    display: inline-block;
    padding: 80px 0px 80px 0px;
    width:100%;
    margin:0px;
  }

.scriptLogo{
    float:left;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    margin-right:15px;
}

.scriptTitle{
  display:inline-block;
   font-family: din_bold, Helvetica, Arial, "sans-serif";
   vertical-align: middle;
   text-transform: uppercase;
   font-size:44px;
   color:var(--text-color);
}

h1{
   font-size: 1em;
}
h1,h2{
   font-weight: normal;
   display:inline;
}

.scriptPath{
    font-size: 0.8em;
    color:#626262;
    margin-bottom:5px;
}

.scriptTitleBar{
    position:relative;
    display:block;
    min-height:50px;
    padding:10px;
    /* background-color:#181818; */
    color:#fbfbfb;
    vertical-align:middle;
}

.scriptBody{
    position:relative;
    display:inline-block;
    font-size: 1.2em;
    padding:10px;
    vertical-align: top;
    color:var(--text-color);
}

.scriptBody a,.scriptBody a:hover,.scriptBody a:active{
  color:var(--accent-color);
}

.scriptBody hr{
    margin-top:15px;
    margin-bottom:15px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.scriptBody img{
    max-width:500px;
}

.halfWidth{
    width:490px;
}

.fullWidth{
  display:block;
}

.fullWidth img{
  max-width:780px !important;
}

.accordion{
    display:none;
}

.oneliner{
    display: block;
    font-size:1.2em;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:15px;
    background-color:#101010;
    margin-top:1px;
    margin-bottom:1px;
}

.excaption{
    display: block;
    padding:8px;
    background-color:#101010;
    color:#ebebeb;
    max-width:780px;
    text-align: left;
    font-size: 0.8em;
    color:#97CC97;
    margin:0px;
    margin-top:-5px;
}
