/* colors

orange: #EF892E
burghundy: #a2443c

*/

form.clear,table.clear, table.clear caption,table.clear tbody, table.clear tfoot, table.clear thead, table.clear tr, table.clear th, table.clear td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    //vertical-align: baseline;
    background: transparent;
}
.w100 {width:100%}

/*body {
    background-image: url("../images_front/bg-test-3.png");
}*/
h2, h3, h4 {
	//font-family: sans-serif;
	font-weight: 300;
}
button {outline: none !important;}
button:active, .store a:active, .store a:active .store-holder {transform: translate3d(0,1px,0);}

#main-content {
	/*margin: 44px 0 0 0;*/
	//padding-bottom: 22px;
}
#main-content h1, #main-content h2, #main-content h3, #main-content h4 {
	font-style: normal;
	font-weight: 300;
}
/* Ionize template */
ul.languages { 
    list-style: none;
    text-align: left !important;
    margin: 0; 
    background: white; 
    border-bottom: 1px solid #888;
    border-top: 1px solid #ccc;
    width: 128px;
}
ul.languages li { 
    font-size: 0.9em;
    height: 44px;
}

.home-last-post,
.row.home-last-post {
	padding:15px 15px 30px 15px;
	/*transition: background-color 0.15s ease-in-out 0s;*/
	//background-color: #ddd;    /* #f3f3f3 */
        //background: url(../images_front/_breadcrumbs.png) repeat;
        //background: #ebebeb;
	margin-bottom:20px;
	position: relative;
	overflow: hidden;
        margin-top: -10px;
        /*box-shadow: inset 0 0 4px #eee;*/
        text-align: center;
}
.home-last-post:hover {/*background-color: #e4fad0*/}
.home-last-post h3, h3.new{color:#EF892E;font-size: 35px;}
.home-last-post .button:after {clear: both;}
.home-last-post .button{margin-top:-10px;margin-bottom: 10px;}
.home-last-post img{margin-right: 10px;}
.home-last-post a {display: block;color: #222;height: 100%}
.home-last-post p {margin-bottom: 0;font-size: 0.9em;}
.side-block {}

h3.new {
    margin-top:20px;
    margin-bottom:20px;
}

.home-last-box2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.post-list{margin:15px 0;min-height: 230px;padding:15px;background-color: #f5f5f5}
.post-list img{float: left; margin-right: 20px;}
.post-list h2{font-size: 1.8em;margin: 0 0 5px;;}
.post-list .date{font-size: 0.9em;margin:0;margin-top:-5px;color:#666}
.post-list .categories{font-size: 0.9em;font-style:italic;margin:-5px 0 10px;color:#666}
.post-list .media {max-width: 300px;float:left;margin-right: 20px;}

.article-list{width:100%;margin:15px;min-height: 80px;padding:15px;background-color: #f5f5f5; float: left}
.article-list h2{font-size: 1.8em;margin: 0 0 5px;;}

.post .date {font-size: 0.9em;margin:0;color:#666;margin-top: -15px;}
.post .categories{font-size: 0.9em;font-style:italic;margin:-5px 0 10px;color:#666}
.post #slider{position: relative;width: 700px;height:400px;}
.post #slider .slider-panel{width: 700px;height:400px;}
.post #slider .slider-panel frame{width: 700px !important;height:400px !important;}

.alert-box h4{color:#fff;}

form p.note {margin: 0;color: #555;font-style: italic;font-size: 0.9em;}

figure{margin:0;}
figcaption{font-size: .8rem;color: #555}

/* Flag */
.flag {
	display: block;
	height: 20px;
	position: absolute;
	right: -40px;
	top: 30px;
	transform: rotate(45deg);
	width: 160px;
	z-index: 5;
}
.flag span {
	background-color: #a8111e;
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 0.08em;
	padding: 7px 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	z-index: 3;
}

/* Foundation */
.button {box-shadow: none;border: none;}

.pagination a, .pagination strong {	padding: 3px 5px;}
.pagination a:hover {background-color: #e6e6e6;}
.pagination strong{
	background: none repeat scroll 0 0 #2BA6CB;
	color: white;
	cursor: default;
	font-weight: normal;
}

.contain-to-grid .top-bar {max-width: 1000px;}
.top-bar, .top-bar.expanded {height: 60px;}
.top-bar section > ul.right > li > a {
	//border-left: 1px solid #333333;
	border-right: medium none;
}

header{	
    background-color: #eaeaea; /* #585f69 darkslategray #61AA01 #343F53 blanchedalmond darkgray darkseagreen floralwhite gainsboro powderblue silver */
    padding:22px 0;
    margin-bottom: 15px;
    /*color: #851916;*/
    color: #222;
    //background-image: url("../images_front/bg-test-3.png");
}     /* #3f73a5 #76b836 #008800 #61AA01 */

header.graphical {
    background: #fcfcfc url('../images_front/bg-header-graphical.jpg') no-repeat center -45px;
    min-height: 230px;
}
header.graphical-2 {
    background: #fcfcfc url('../images_front/bg-header-graphical4.jpg') no-repeat center -10px;
    min-height: 230px;
}
header.graphical-3 {
    background: #fcfcfc url('../images_front/bg-header-graphical3.jpg') no-repeat center -45px;
    min-height: 230px;
}
header.graphical-4 {
    background: #fcfcfc url('../images_front/bg-header-graphical4.jpg') no-repeat center -165px;
    min-height: 230px;
}
header.graphical-5 {
    background: #fcfcfc url(../images_front/bg-header-graphical.jpg) no-repeat center -145px;
    min-height: 230px;
}
header.graphical-6 {
    background: #fcfcfc url(../images_front/header-langschool-1.jpg) repeat-x center -20px;
    min-height: 230px;
}
header.graphical-girl {
    background: #fcfcfc url(../images_front/header/header-girl.jpg) repeat-x center -20px;
    min-height: 230px;
}
header.graphical-monk {
    background: #fcfcfc url(../images_front/header/header-monk.jpg) repeat-x center -20px;
    min-height: 230px;
}
header.graphical-trains {
    background: #fcfcfc url(../images_front/header/header-trains.jpg) repeat-x center -20px;
    min-height: 230px;
}
header.graphical-tickets {
    background: #fcfcfc url(../images_front/header/header-tickets.jpg) repeat-x center -20px;
    min-height: 230px;
}
header.graphical-new {
    background: #fcfcfc url('../images_front/bg-header-graphical-new.jpg') no-repeat center -125px;
    min-height: 230px;
}

#homepage{
/*        background-image: url('../images_front/homepage/slider3.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        min-width:230px;
        background-color: white;
        min-height: 430px;*/
        position: relative;
        background: none !important;
        /*background-image: url('../images_front/homepage-header.png');
        background-position: center top;
        background-size: 100% auto;*/
        /*background: #fcfcfc url('../images_front/bg-header-graphical.jpg') no-repeat center top;*/
        /*background: #eeeeee url('../images_front/homepage-header.png') no-repeat center 0px;*/
        /*min-height: 300px;*/
        padding-bottom: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        margin-top: 0px;
}

#courseblack {
    display: none;
}

#homepage-courseblack,
#demo-courseblack {
    background: #333;
    width: 100%;
    min-height: 55px;
    display: block;
    margin-top: -15px;
    cursor: pointer;
}
#demo-courseblack .row {
    transition: 2s ease;
}
#demo-courseblack:hover .row {
    color: #eaeaea !important;
}

#homepage-courseblack > div > ul {
    width: auto;
    height: auto !important;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 0px;
}

#homepage-courseblack > div > ul > li {
    float: left;
    padding: 5px 28px;
    margin: 10px 0px 10px 0px !important;
    color: white;
    border-left: 1px solid #4D4D4D;
    list-style-type: none;
}

#homepage-courseblack > div > ul > li a,
#homepage-courseblack > div > ul > li {
    color: white;
}
#homepage-courseblack > div > ul > li a:hover,
#homepage-courseblack > div > ul > li:hover {
    color: #EE882D;
}
#homepage-courseblack .menu_sub {
    box-sizing: border-box;
    width: auto !important;
    position: absolute;
    top: 55px;
}
#homepage-courseblack .menu_sub ul {
    position: relative;
    border: none;
    border-right: 1px solid #444;
    border-left: 1px solid #444;
    border-bottom: 1px solid #444;
}
#homepage-courseblack .menu_sub li {
    border-top: 1px solid #888;
}
#homepage-courseblack .menu_sub li a {
    line-height: 44px !important;
    padding: 0px 20px 0px 20px !important;
    font-size: 15px;
    background-color: #525252;
    border: none;
    color: white;
    display: inline-block;
    margin-top: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    width: 100%;
}
#homepage-courseblack .menu_sub li a:hover {
    color: #EF983D;
}
#homepage-courseblack .filler {
    position: absolute;
    top: -55px;
    left: 1px;
    width: auto !important;
    height: auto;
    display: block;
    padding: 15px 28px;
    margin: 0px 0px 0px 0px !important;
    color: white;
}
.menu_hover_bl {
    color: #EE882D !important;
    background: #333 !important;
}

/*
#footer a {
    margin-right: 10px;
    display: inline-block;
    padding: 15px 10px;
    line-height: 25px;
}

section#footer{
	background-color:#333;
	padding: 20px 0;
        color: #EF892E;
}
#footer p{
	display: block;
        padding: 5px 0px;
        height: 5px;
}
#footer a{
    color: #ddd;
    font-weight: normal;
}
#footer a:hover {
    text-decoration: underline;
}
#footer h5{
    font-size: 24px;
    color: #EF892E;
    border-bottom: 2px solid #EF892E;
    display: inline-block;
    line-height: 34px;
}
.headline{
  display: block;
  height: 38px;
  border-bottom: 1px solid #444444;
  margin-bottom: 10px;
}

.copyright {
  font-size: 13px;
  padding: 5px 10px;
  background: #282828;
    color: #666666;
}
.copyright p {
    color: #666666;
    margin: 10px 0;
    font-size: 13px;
}
.copyright a{
    color: #70c02c;
}
.copyright a:hover {
    text-decoration: underline;
}
*/

section#footer{
	background-color:#333;
	padding: 20px 0 40px 0;
        color: #EF892E;
        min-height: 250px;
}
#footer p{
	display: block;
        padding: 5px 0px;
        height: 5px;
}
#footer a{
    opacity: 0.76;
    color: white;
    font-weight: normal;
    display: block;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}
#footer a:hover {
    text-decoration: underline;
}
#footer h5{
    font-size: 20px;
    color: #EF892E;
    border-bottom: 2px solid #EF892E;
    display: inline-block;
}
.headline{
    display: block;
    height: 33px;
    border-bottom: 2px solid #444444;
    margin-bottom: 16px;
    margin-top: 25px;
    width: 95%;
}

.copyright {
    font-size: 13px;
    padding: 5px 10px;
    background: #282828;
    color: #666666;
    min-height: 60px;
}
.copyright p {
    color: #666666;
    margin: 22px 0;
    font-size: 13px;
}
.copyright a{
    color: #70c02c;
}
.copyright a:hover {
    text-decoration: underline;
}

.four.columns h2, .three.columns h2{font-size: 1.6em;}
.four.columns h3, .three.columns h3{font-size: 1.3em;margin-bottom: 0.3em;}
.four.columns h4, .three.columns h4{font-size: 1.1em;margin-bottom: 0.2em;}
.four.columns p, .three.columns p{font-size: 0.9em;line-height: 1.4em;}

ul.side-nav li {
	margin-bottom: 5px;
}
ul.side-nav li a{
	background-color: #f3f3f3;
	color: #2BA6CB;
	padding: 2px 10px;
	transition: background-color 0.15s ease-in-out 0s;
}
ul.side-nav li a:hover{
	background-color: #eaeaea;
	color: #3F73A5;
}

.article {margin-bottom: 30px;}
.article .five.columns {padding-top:60px;}

@media only screen and (min-width: 30em)
{
}

@media only screen and (min-width: 40.063em)
{
	#homepage{
		//background-size: auto;
		//padding:30px 0 120px;

	}

	.top-bar.expanded {height: 100%}
	.top-bar.expanded section > ul > li > a {
		border-bottom: 1px solid #333333;
		border-left: none;
	}
        
        ul.languages {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 60px;
        }
        
        ul.languages li { height: auto;    width: 94%;margin: 4px 4px 4px 4px; }
}

@media only screen and (min-width: 64em)
{
	#homepage{
		//background-image: url("../images_front/home-mobile-welcome.png");
		//background-position: right 20px;
		//background-repeat: no-repeat;
		//padding:30px 0;
		//min-height: 378px;
	}

	.home-block{min-height: 170px;}
        
}


/* NEW */

/*header h1,
header h2,
header h3,
header h4,
header h5,
header h6,
header label {
    color: white !important
}*/

.box {
    background-color: #f6f2f4;
    border-radius: 5px;
    padding: 25px 30px;
    margin: 25px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}

.checkbox {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

/* blockquote {
font-family: Georgia, serif;
font-size: 32px;
font-style: italic;
margin: 40px 50px 10px 50px;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
border: none;
display:inline-block;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 90px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote span {
  padding-left: 15px;
  float: left;
  display: inline-block;
}

blockquote span:after {
float:right;
display: inline-block;
content: "\201D";
font-size: 90px;
color: #7a7a7a;
} */

blockquote { 
  font: italic 1em sans-serif; 
  padding-top: 10px; 
  //margin: 30px 5px 40px 5px; 
  margin: 0;
  //margin-top: -30px;
  padding-bottom: 0px;
  background: url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4uuhF2EI/AAAAAAAACO8/ExPvCZGUHo0/s400/comma2-left.gif) no-repeat top left; 
  background-color: white;
  text-indent: 65px;
  border: none; 
  } 
blockquote div { 
    display: block; 
    background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb4u1vdKCI/AAAAAAAACPE/cwFfUwwT-ds/s400/comma2-right.gif) no-repeat bottom right; 
padding-bottom:10px;
width: auto; 
}
blockquote p { 
margin: 0; 
padding-top:10px; 
font-size: 30px;
line-height: 38px;
}

.controls {
  display:block;
  min-height: 30px;
}

.lostpass {
  display:block;
  padding-top: 30px;
  font-size:13px;
}

.join-now {
    color: #0e61a7; /* #61aa01 #519a00*/
    font-size: 28px;
    padding-top: 28px;
    padding-bottom: 25px;
    min-height: 100px;
    background: url('../images_front/arrow_signup.png') right bottom no-repeat;
}
.join-now-smaller {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    margin-top: -10px !important;
    margin-bottom: -10px !important;
    min-height: 83px;
}

button.signup {
    background-color: #EF892E;
}
button.signup2 {
    background-color: #EF892E;
    top: -5px;
    margin-top: 10px;
}
button.signup3 {
    background-color: #EF892E;
    padding: 13px 20px !important;
    margin-top: 5px;
    transition: 1s;
}
button.signup3:hover {
    background-color: #F6A55E;
    transition: 0.5s;
}
button.signup-buy {
    background-color: #96c221;
    margin-right: 10px;
}

button.back {
    background-color: lightslategray;
}

.nicegreen {
    color: #EF892E;
}

.nicegreenbg {
    background-color: #EF892E;
}

p.small {
    font-size: 13px;
}

.terms-small {
    font-size: 14px;
    margin: 10px 0 20px 0;
    line-height: 1.55;
}

.system-info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images_front/info.png');
}
.system-success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images_front/success.png');
}
.system-warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images_front/warning.png');
}
.system-error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images_front/error.png');
}

.system-message {
    //border: 1px solid;
    margin: -6px auto -11px auto;
    padding:20px 10px 1px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
    max-width: 400px;
    min-height: 53px;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

.home-last-post p {
    margin-bottom:10px;
    color: #333;
}

.slogan {
    display: inline-block;
    color: #FFAB33; /* #ef892e */
      /*text-shadow: 2px 2px 2px #a76932;
  -moz-text-shadow: 2px 2px 2px #a76932;
  -webkit-text-shadow: 2px 2px 2px #a76932;
  filter: dropshadow(color=#a76932, offx=2, offy=2);*/
}
.slogan1 {
    font-size: 40px;
    line-height: 40px;
    margin-top: 79px;
    color: #851b12;
}
.slogan h1 {
    font-size: 40px !important;
    line-height: 40px;
    color: #851b12;
    margin-top: 0px !important;
}
.slogan2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: normal;
    margin-top: 25px;
    margin-bottom: 25px;
}

.mc-email {
    width:200px !important;
    margin:0px 20px !important;
}

#mm-features-box, .mm-firms-box {
    max-width: 1045px;
    margin: 48px auto 0px auto;
    background: transparent url("../images_front/homepage/bg.svg") no-repeat center -340px;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
        padding-bottom: 24px;

}
.mm-features-box-partner {
    background: transparent url("../images_front/homepage/bg.svg") no-repeat center -560px !important;
}
.mm-features-box-partner-author {
    background: transparent url("../images_front/homepage/bg.svg") no-repeat center -370px !important;
}
.mm-features-box-partner-promo {
    background: transparent url("../images_front/homepage/bg.svg") no-repeat center -390px !important;
}
.mm-features-form {
    background: transparent url("../images_front/homepage/bg.svg") no-repeat center top !important;    
}
.mm-features-box-products{
    background: transparent url("../images_front/homepage/bg.svg") no-repeat center -380px !important;    
}
.mm-features-box-language-schools{
    background: transparent url("../images_front/homepage/bg.svg") no-repeat center 0px !important;    
}
.mm-features-noarrow{
    background: none !important;    
}

#mm-features-box .single-box {
    margin: 0px auto 50px;
    padding: 30px 30px 27px 30px;
    border: 1px solid #eee;
    background-color: #fff;
    opacity: 0.88;
    filter: alpha(opacity=85); /* For IE8 and earlier */

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0px 5px 13px -1px rgba(238,238,238,0.75);
    -moz-box-shadow: 0px 5px 13px -1px rgba(238,238,238,0.75);
    box-shadow: 0px 5px 13px -1px rgba(238,238,238,0.75);            
}

#mm-features-box .text-first {
    padding-top: 8%;
}

#mm-features-box .text-second {
    padding-top: 10%;
}

#mm-features-box .text-third {
    padding-top: 8%;
    margin-bottom: 0;
    min-height: 342px;
}

.mm-clear {
    clear: both;
    height: 1px;
    background-color: transparent;
}

#mm-how-box {
    max-width: 996px;
    margin: 24px auto;
    //background: transparent url("../images_front/homepage/bg.svg") no-repeat center top;
    //background-size: cover;

}

#mm-how-box .single-box {
    margin: 0px auto 30px;
    padding: 30px 30px 20px 30px;
    border: 1px solid #eee;
    background-color: #fff;
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0px 5px 13px -1px rgba(238,238,238,0.75);
    -moz-box-shadow: 0px 5px 13px -1px rgba(238,238,238,0.75);
    box-shadow: 0px 5px 13px -1px rgba(238,238,238,0.75);            
}

#mm-how-box .text-first {
    padding-top: 1%;
}

#mm-how-box .text-second {
    padding-top: 10%;
}

#mm-how-box .text-third {
    padding-top: 8%;
}

#mm-how-box h2 {
    margin-bottom: 20px;
    font-size: 26px;
}

.mm-firms-box div {
    //padding: 10px 0 0 0;
}

.mm-firms-box .single-box {
    margin-bottom: 50px;
}

.mm-firms-box .text-first {
    padding-top: 3%;
    padding-bottom: 3%;
}
.mm-firms-box .text-first-2 {
    padding-top: 4%;
    padding-bottom: 2%;
}.mm-firms-box .text-first-3 {
    padding-top: 4%;
    padding-bottom: 2%;
}


.mm-firms-box .text-second-new {
    padding-left: 20px;
}

.mm-firms-box .text-four {
    padding-top: 40px !important;
}

#mm-features-box i {
    font-size: 13px !important;
}

.mm-quote { 
    color: #999;
    background: url('../images_front/quote3.png') no-repeat 30px -1px;
    margin: 0; 
    padding: 35px 30px 0px 30px; 
    border-left: 4px solid #ef892e;
    font-family: inherit;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
    font-style: italic;
    margin-top: 50px;
}
.mm-quote-right {
    border-left: none;
    border-right: 4px solid #ef892e;
}
.mm-quote2 {
    background: url('../images_front/quote4.png') no-repeat right bottom;
    padding-top: 0px !important;
}
.mm-quote3 {
    margin-top: 20px !important;
    background: url('../images_front/quote3.png') no-repeat 30px 2px;
}
.mm-quote-nobg {
    background: none !important;
    padding: 0px 15px 15px 15px;
    color: #777;
    border-left: none !important;
    font-size: 20px;
    font-style: normal !important;
}

.mm-quote-nobracket {
    background-image: none !important;
}

.mm-quote-white {
    background: white !important;
    padding: 20px;
    color: #333;
}

.home-last-post p {
    padding-top: 10px;
    font-size: 17px;
}

#threeline-icon {
    display: block;
    width: 40px;
    height: 40px;
    background: url('../images_front/threeline_icon.png') no-repeat 10px 10px;
    cursor: pointer;
    //position: relative;
    //margin-right: 15px;
    //margin-top: 15px;
    margin-top: 8px;
}

.threeline-menu {
    //display: none !important;
    border-top: 1px solid #ddd;
}
.threeline-menu .language-select-box {
    padding-left: 0px;
}

header.nomargin {
    margin-bottom: -15px;
}

.promo-courses h4 {
    padding-left: 20px;
}

.promo-courses h1 {
    padding-top: 18px;
    padding-bottom: 7px;
    font-size: 26px;
}

.promo-courses h2 {
    padding-top: 28px;
    font-size: 18px;
}

.promo-courses h5 {
    font-size: 18px;
    padding-left: 20px;
    color: #933;
}

.promo-courses div {
    margin-top: 30px;
    margin-left: 10px;
}

.promo-courses li {
    list-style-type: disc;
    color: #505050;
    padding-left: 0px;
    padding-bottom: 8px;
    font-size: 18px;
    margin-left: 20px;
}

.promo-courses > span {
    display: inline;
    margin-bottom: 25px;
}

.promo-courses div.csoon {
    margin-top: 20px;
}

.promo-courses h2.csoon {
    font-size: 18px;
    padding-left: 3px;
    margin-bottom: 15px;
}

/*.promo-courses h2.csoon span {
    display: block;
    margin-bottom: 10px;
    color: #333 !important;
}*/

.promo-courses .li-clear {
    list-style-type: none;    
}

.promo-courses p {
    color: #525252;
    padding-left: 25px;
    padding-right: 20px;
}

.promo-form i {
    font-size: 13px;
    color: #555;
    margin-left: 10px;
}

.promo-form input {
    width: 250px !important;
    height: 33px !important;
    padding: 0.5rem !important;
}

.post .post-author {
    font-size: 13px;
    color: blue;
    float: right;
}

.big-input { 
    height: 60px !important;
    font-size: 32px !important;
    border-radius: 10px;
}

.smartline-header {
    background: url('../images_front/smartline.png') no-repeat left center !important;
    padding-left: 11px;
}

.smartline {
    background: url('../images_front/smartline.png') no-repeat left center !important;
}

.language-select-box {
    background: url('../images_front/smartline.png') no-repeat left 10px !important;
    padding-left: 10px;
}

.powered-by {
    border-left: 1px solid #444;
    padding: 11px 11px 11px 15px;
    margin: 14px 20px 14px 0px;
    height: 33px;
    float: left;
}

h1 {color: #851916;font-size: 3rem;font-weight: 400;margin-bottom: 0;padding-bottom: 0}
h2 {color: #EF892E;font-size: 1.6em;font-weight: 400;margin-top: 0;}

.logo { margin-top: 7px; }

.mm-addon {
    line-height: 1.6;
    color: #222;
    margin-top: 10px;
}

.mm-link {
    color: #444;
    text-decoration: underline;
}

.mm-table {border: none !important}
.mm-table th {
    text-align: left;
}

.products-new .row {
    padding-top: 30px;
    padding-bottom: 30px;
}

.mm-moreinfo {
    padding: 15px;
    background: white;
    border: 1px solid #eee;
    line-height: 1.6;
}

.top-bar-section ul { float: right}

.controls a {
    text-decoration: underline;
    font-size: 15px;
}

#homepage .box {
    /*margin-top: 60px;*/
}
#homepage h2 {
    font-size: 1.6875rem;
    color: #851916;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.rowregister {
    background: #f7f7f7;
    width: 100%;
    margin-bottom: 20px;
}

.rowcounter {
    background: #EDEDED;
    width: 100%;
    /*margin-bottom: 20px;*/
    padding: 50px 0px 0px 0px;
}
.rowcounter h2 {
    font-size: 36px;
    color: #435574;
}
.rowcounter h3 {
    font-size: 20px;
    margin-top: 24px;
    margin-bottom: 20px;
    font-weight: normal;
    color: #333333;
}
.rowcounter p {
    font-size: 32px;
    color: #f7931d;
    margin-bottom: 50px;
    font-weight: bold;
    line-height: inherit;
}

.img-responsive {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.spinner-wrap {
    margin-top: 40px;
    margin-bottom: 30px;
}

.spinner-wrap .column {
    text-align: center;
    vertical-align: middle;
}

.spinner-wrap img {
}

.spinner-wrap .spin-wrap {
    width: 300px;
    min-height: 60px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.spinner-wrap .spin-main-wrap {
    width: 300px;
    max-height: 300px;
    display: inline-block;
    text-align: center;
    padding-top: 0px;
}

.spinner-wrap .spin-side {
    margin-top: 90px;
    width: 240px;
}

.spinner-wrap span {
    max-width: 300px;
    margin-top: 15px;
    display: block;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    background: white;
    line-height: 1.3em;
}

.bcolumns-wrap {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    min-height: 120px;
    //background: #f7f7f7;
}

.bcolumns-wrap span {
    display: inline-block;
    width: 100%;
    max-width: 250px;
    min-height: 120px;
    margin-top: 0px;
}

.bcolumns-wrap span p,
.bcolumns-wrap span {
    color: #851916;
    font-size: 17px;  
    text-align: justify;
    line-height: 1.2em;
}

.bcolumns-wrap span p { margin-bottom: 10px; }

.bcolumns-wrap h4 {
    width: 100%;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.bcolumns-row {
    background: url('../images_front/homepage/bcolumns_dots3.png') repeat-x -40px 113px;
}

.bcolumns-wrap .columns { padding-top: 15px }

.home-last-post h2 {
    color: #333;
    font-size: 24px;
    font-weight: normal;
}

.mh { min-height: 595px}
.mhh { min-height: 695px}

.menu_sub {
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 98;
    top: -1px;
    display : block;
    white-space: nowrap;
    clear : both;
    text-align : center;
    overflow: visible;
    box-sizing: border-box;
    width: 100%;
}

.menu_sub ul {
    list-style: none;
    text-align: left !important;
    margin: 0;
    background: white;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: auto !important;
    display: block;
    position: absolute;
    width: auto;
}

.menu_sub li {
    height: auto;
    width: 100%;
    margin: 0 !important;
    border-top: 1px solid #ccc;
    border-spacing: 3px;
}

.menu_sub li:hover {
    
}

.menu_sub li a {
    line-height: 48px !important;
    padding: 0px 17px 0px 13px !important;
    font-size: 15px;
    background-color: white;
    border-color: #ef892e;
    color: black;
    display: inline-block;
    margin-top: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}

.menu_sub .filler {
    width: 100%;
    height: 61px;
    display: block;
}

.menu_hover {
    background: #ef892e !important;
    color: white !important;
}

ul.drop-products-small {

}
.drop-products-small a, .drop-partners-small a {
    padding-left: 20px !important;
    font-size: 14px !important;
}

.mm-features-box-products h4 {
    color: #933432;
    font-size: 28px;
}

.mm-features-box-products .np-img {
    margin-right: 15px;
    margin-bottom: 5px;
}

.mm-features-box-products p {
    color: #525252;
    margin-top: 20px;
}

.tickduo {background: url('../images_front/tickduo.png') no-repeat top left; padding-left: 80px; display: block; height: 50px; width: 100%;padding-top:15px}

.partner-heading {
    padding-left: 120px;
    font-size: 21px;
    color: #ddd;
    margin-left: 20px;
    line-height: 1.3em;
    padding-top: 10px;
    margin-bottom: 5px;
    min-height: 72px;
}

.partner-heading-reseller {
    background: url('../images_front/partners/heading-reseller.gif') no-repeat top left;
}

.partner-heading-author {
    background: url('../images_front/partners/heading-author.png') no-repeat 20px 0px;
}

.partner-heading-langschool {
    background: url('../images_front/partners/heading-langschool.png') no-repeat 0px 7px;
    min-height: 120px;
}

.partner-heading-teachers {
    background: url('../images_front/partners/heading-teachers.png') no-repeat 0px 7px;
    min-height: 120px;
}

.partner-heading-newproducts {
    background: url('../images_front/partners/heading-newproducts.gif') no-repeat 0px 2px;
    min-height: 120px;
}

.partner-heading-courses {
    padding-left: 0px !important;
    font-size: 20px;
    margin-left: 5px;
    margin-top: 5px;
    color: #eee;
}

/*logoes*/
.logo_hampson {
    width: 178px;
    height: 74px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/logo_hampson.gif') no-repeat;
}

.logo_alavia {
    width: 173px;
    height: 45px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/alavialogo.png') no-repeat;
}

.logo_cloverleaf {
    width: 242px;
    height: 45px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/cloverleaflogo.png') no-repeat;
}

.logo_studypro {
    width: 145px;
    height: 37px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/studyprologo.png') no-repeat;
}

.logo_varroc {
    width: 123px;
    height: 109px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/varroclogo.png') no-repeat;
}

.logo_asteria {
    width: 216px;
    height: 90px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/asterialogo.png') no-repeat;
}

.logo_lant {
    width: 210px;
    height: 133px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/lantlogo.gif') no-repeat;
}

.logo_lioncentrum {
    width: 240px;
    height: 71px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/lioncentrumlogo.png') no-repeat;
}

.logo_maximum {
    width: 245px;
    height: 60px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/maximumlogo.gif') no-repeat;
}

.logo_philadelphia {
    width: 276px;
    height: 105px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/philadelphialogo.png') no-repeat;
}

.logo_seeyou {
    width: 240px;
    height: 75px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/seeyoulogo.png') no-repeat;
}

.logo_letistefest {
    width: 100%;
    height: 160px;
    display: block;
    background: url('../images_front/custom/letistefestlogo.png') no-repeat;
    padding-left: 139px;
    color: #525252;
    font-size: 15px;
    padding-top: 5px;
}

.logo_alza {
    width: 320px;
    height: 110px;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    background: url('../images_front/custom/alzalogo.png') no-repeat;
}
.logo_e-kurz {
    width: 203px;
    height: 63px;
    display: block;
    margin-bottom: 20px;
    background: url('../images_front/custom/ekurzlogo.gif') no-repeat;
}
.logo_kaiserls {
    width: 239px;
    height: 80px;
    display: block;
    margin-bottom: 20px;
    margin-left: -12px !important;
    background: url('../images_front/custom/kaiserlogo.png') no-repeat;
}
.logo_olomoucsigma {
    width: 175px;
    height: 175px;
    display: block;
    margin-bottom: 45px;
    margin-left: -12px !important;
    background: url('../images_front/custom/olomoucsigma.png') no-repeat;
}

.flag-big {
    width: 320px;
    height: 213px;
    display: block;
    object-fit: cover;
    text-shadow: 2px 2px black;
}
.english-btn-big {
    background: url('../images_front/flags/english_big.jpg');
}
.czech-btn-big {
    background: url('../images_front/flags/czech_big.jpg');
}

.header-varroc {
    background: #89A;
}


.varroc-text, .varroc-text h1 {
    color: white;
}

.teacher-text h1 {
    color: white;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.download {
    padding: 16px 30px 16px 80px;
    background-color: white;
    font-size: 22px;
    /*color: #2BA6CB;*/
    display: block;
}
.download-pdf {
    background: url('../images_front/icon_pdf_40_40.png') 20px 8px no-repeat;
}
.download-pdf:hover {
    background-color: #FFAA4E;
}

.topleft { float: left}
.topright { float: right}

.ui-widget-overlay {
    background: #000;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

.landing p {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
}
.landing h2 {
    margin-top: 20px;
}

.landing span {
    font-size: 16px;
    color: #851916;
    line-height: 1.5;
    font-weight: bold;
}

.ui-widget-header {
    border: 0;
    background: #EF892E;
    height: 30px;
    color: white;
    font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin: -10px 0 0 0;
}

.icon-duocourses {
    padding-left: 75px;
    padding-top: 5px !important;
    min-height: 60px;
    background: url('../images_front/icon-duocourses.png') no-repeat;
}

.native-teacher {
    color: #933432;
    font-weight: bold;
}
.rowhpboxes {
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    background-color: #efefef;
    background-image: url('../images_front/hpbox4.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: repeat-y;
    /*background: white;*/
}
.hp-boxes h2 {
    color: #333;
    font-size: 28px;
}
.hp-boxes p {
    color: #333;
    font-size: 16px;
}
.hp-boxes button {
    border-radius: 2px;
    background: #a2443c; /* #a2443c; */
    transition: 1s ease;
    padding: 14px 22px;
}
.hp-boxes button:hover {
    background: #EF892E;
}
.hp-boxes .c1 {
    /*border-right: 1px solid #ccc;*/
}
.hp-boxes .column1 {
    /*padding: 0px 90px 0px 0px;*/
    width: 410px;
}
.hp-boxes .column2 {
    /*padding: 0px 0px 0px 90px;*/
    width: 410px;
    float: right;
}
.hp-images {
    margin-top: 50px;
    margin-bottom: 20px;
}
.hp-images h2 {
    margin: 0;
    padding: 0;
    line-height: 1.35em;
    font-size: 28px;
    color: #333b40;
    width: 95%;
    display: inline-block !important;
    float: none !important;
    margin-left: 2.5%;
    margin-right: 2.5%;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 70px;
}
.hp-images h2 span {
    text-decoration: none;
    background: url('../images_front/homepage/underline.png') no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: 6px;
    font-weight: bold;
}
.hp-images .wrapper {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 29.33%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 40px;
}
.hp-images .wrapper > div {
    display: table;   
}
.hp-images img {
    float: left;
    margin-right: 15px;
    width: 32px;
    height: auto;
}
.hp-images h3 {
    font-weight: bold;
    font-size: 18px;
    color: #333b40;
    margin: 0;
}
.hp-images p {
    font-size: 14px;
    color: #5c666d;
    margin-top: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.hp-images-new {
    margin-top: 50px;
    margin-bottom: 20px;
}
.hp-images-new h2 {
    margin: 0;
    padding: 0;
    line-height: 1.35em;
    font-size: 44px;
    color: #333b40;
    display: inline-block !important;
    float: none !important;
    margin-left: 2.5%;
    margin-right: 2.5%;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 45px;
    background: url(../images_front/duotrainin_circles_png_80perc.png) no-repeat;
    padding-left: 80px;
    padding-top: 0px;
    min-height: 100px;
}
/*.hp-images-new h2 span {
    text-decoration: none;
    background: url('../images_front/homepage/underline.png') no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: 6px;
    font-weight: bold;
}*/
.hp-images-new .wrapper {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 31.3%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 40px;
}
.hp-images-new .wrapper > div {
    display: table;   
}
.hp-images-new img {
    float: left;
    margin-right: 17px;
    width: 72px;
    height: auto;
}
.hp-images-new h3 {
    font-size: 18px;
    color: #222;
    margin: 0;
    line-height: 1.4em;
    font-weight: bold !important;
}
.hp-images-new h4 {
    color: #EF892E;
    font-size: 18px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.35em;
}
.hp-images-new p {
    font-size: 16px;
    color: #222;
    margin: 0;
    line-height: 1.4em;
    margin-top: 7px;
}

.rowimages {
    background: #efefef;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    /*margin-bottom: 20px;*/
    /*margin-top: 15px;*/
}

.rowimagesnew {
    background-color: #efefef;
    /* background: url(../images_front/homepage/hp-images-new-bg2.png) no-repeat center center fixed; */
    background: url(../images_front/homepage/features-newbg.jpg) no-repeat top right;
    /*background-size:100%;*/
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    /*margin-bottom: 20px;*/
    /*margin-top: 15px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.rowimagesls h4 {
    font-size: 24px !important;
    margin-top: 0px !important;
    margin-bottom: 6px !important;
}
.rowimagesls p {
    font-size: 16px;
}
.rowimagesls .hp-images-new {
    margin-top: 30px;
}
.rowimagesls .hp-images-new h2 {
    margin-bottom: 30px !important;
    padding-top: 3px !important;
    font-size: 40px !important;
}
.rowimagesls .hp-images-new img {
    width: 61px !important;
    margin-right: 13px !important;
}

.rowimagesls2 .wrapper {
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    width: 32%;
    height: 300px;
    position: relative;
    display: table;
    padding-bottom: 36px;
}
.rowimagesls2 .line {
    display: none !important;
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 25%;
    width: 50%;
    background: #EF892E;
}
.rowimagesls2 .wrapper:hover {
    border-left: 1px solid #EF892E;
    border-right: 1px solid #EF892E;
}
.rowimagesls2 .wrapper:hover .line {
    display: block !important;
}
.rowimagesls2 h4 {
    font-size: 24px !important;
    margin-top: 0px !important;
    margin-bottom: 26px !important;
}
.rowimagesls2 p {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}
.rowimagesls2 .hp-images-new {
    margin-top: 30px;
}
.rowimagesls2 .hp-images-new h2 {
    margin-bottom: 30px !important;
    padding-top: 3px !important;
    font-size: 40px !important;
}
.rowimagesls2 .hp-images-new img {
    width: 80px !important;
    display: inline;
    float: none !important;
    margin-right: 0;
    margin-top: 39px;
    margin-bottom: 33px;
}

.rowslider {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    /*margin-bottom: 20px;*/
    /*margin-top: -10px;*/
    background: white;
}

.rowslider .textwrap {
    margin-left: 30px;
}

.rowslider .bx-wrapper {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.rowslider .textbox {
    margin-left: 50px;
    margin-right: 50px;
}

.rowslider .bxslider p {
    color: #777;
    font-size: 15px;
}
.rowslider .bxslider2 p {
    color: #777;
    font-size: 15px;
}

.rowslider .bx-wrapper .bx-controls-direction a {
    top: 49% !important;
}
.rowslider .bx-next {
    background: url(../images_front/bx-right.png) no-repeat left top;
    height: 40px !important;
    right: -30px;
}
.rowslider .bx-prev {
    background: url(../images_front/bx-left.png) no-repeat left top;
    height: 40px !important;
    left: -30px;
}
.rowslider .bx-wrapper .bx-next:hover, .rowslider .bx-wrapper .bx-next:focus {
    background-position: left top;
}
.rowslider .bx-wrapper .bx-prev:hover, .rowslider .bx-wrapper .bx-prev:focus {
    background-position: left top;
}
.rowslider .bx-wrapper img {
    vertical-align: middle;
    /*padding-left: 10px;*/
}
.rowslider .title,
#rc-content .title {
    /*font-size: 32px;*/
    margin-top: 30px;
    color: #525252;
    font-weight: normal;
    line-height: 1.35em;
    font-size: 44px;
}
.rowslider .title {
    margin-bottom: 20px;
}
#rc-content .title {
    font-weight: 300;
    margin-bottom: 60px;
}
#rc-content {
    padding-top: 40px;
}
.rowslider .title:after,
#rc-content .title:after {
    content: " ";
    height: 3px;
    display: block;
    border-top: 2px solid #ee892d;
    margin: 8px auto 10px auto;
}
.rowslider .title:after {
    width: 300px;    
}
#rc-content .title:after {
    width: 400px;    
}

.rowslider .bxslider h2 {
    font-size: 18px;
    font-weight: bold !important;
    /*color: rgba(0,0,0,0.8);*/
    color: #a2443c;
    margin: 0;
    padding: 0;
}
.rowslider .bxslider h3 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    color: rgba(0,0,0,0.6);
    font-weight: bold !important;
}
.rowslider .bxslider p {
    font-size: 15px;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    color: rgba(0,0,0,0.8);
}
.rowslider .spanwrap {
    width: 100%;
    text-align: center;
    display: block;
}
.rowslider .bxslider span {
    display: block;
    color: #525252;
    font-size: 14px;
    padding: 8px 20px 20px 20px;
    text-align: left;
}
.rowslider .bxslider h2 {
    font-size: 18px;
    font-weight: bold !important;
    /*color: rgba(0,0,0,0.8);*/
    color: #a2443c;
    margin: 0;
    padding: 0;
}
.rowslider .bxslider2 h3 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    color: rgba(0,0,0,0.6);
    font-weight: bold !important;
}
.rowslider .bxslider2 p {
    font-size: 15px;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    color: rgba(0,0,0,0.8);
}
.rowslider .bxslider2 span {
    display: block;
    color: #525252;
    font-size: 14px;
    padding: 8px 20px 20px 20px;
    text-align: left;
}
.rowslider .imgwrap h2 {
    margin-left: 5px;
    font-weight: normal !important;
}
#bx-pager ul {
    height: 180px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    display: flex;
    margin-bottom: 50px;
    /*padding-left: 30px;*/
    padding-right: 30px;
}
#bx-pager li.default {
    float: left;
    list-style-type: none;
    display: block;
    margin-bottom: 30px;
    cursor: pointer;
    width: 180px;
    padding-top: 40px;
}
#bx-pager li.line {
    background-color: rgba(0,0,0,.25);
    height: 1px;
    flex: 1;
    min-width: 1px;
    display: block;
}
#bx-pager li a {
    display: block;
    height: 80px;
    border: 1px solid white;
}
#bx-pager ul > li > a > span {
    max-width: 300px;
    margin-top: 14px;
    display: block;
    font-size: 16px;
    color: #525252;
    margin-bottom: 10px;
    background: white;
    line-height: 1.3em;
    white-space: nowrap;
}
#bx-pager ul > li > a > span > span {
    border: 1px solid rgba(0,0,0,.8);
    border-radius: 50%;
    padding: 0 6px;
    margin-right: 5px;
}
#bx-pager .img {
    display: inline-block;
    padding: 0;
    background-position: -60px 0 !important;
    width: 60px;
    height: 60px;
}
#bx-pager .active {
    font-weight: bold;
}
#bx-pager .img1 {
    background: url('../images_front/homepage/spinner_a_hover.png');
}
#bx-pager .img2 {
    background: url('../images_front/homepage/spinner_b_hover.png');
}
#bx-pager .img3 {
    background: url('../images_front/homepage/spinner_c_hover.png');
}
#bx-pager .img4 {
    background: url('../images_front/homepage/spinner_d_hover.png');
}
#bx-pager .active .img {
    background-position: 0 0 !important;
}

#bx-pager .line {
    float: left;
    background-color: rgba(0,0,0,.25);
    height: 1px;
    flex: 1;
    min-width: 1px;
    list-style-type: none;
}
#bx-pager2 ul {
    height: 180px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    display: flex;
    margin-bottom: 50px;
    /*padding-left: 30px;*/
    padding-right: 30px;
}
#bx-pager2 li.default {
    float: left;
    list-style-type: none;
    display: block;
    margin-bottom: 30px;
    cursor: pointer;
    width: 180px;
    padding-top: 40px;
}
#bx-pager2 li.line {
    background-color: rgba(0,0,0,.25);
    height: 1px;
    flex: 1;
    min-width: 1px;
    display: block;
}
#bx-pager2 li a {
    display: block;
    height: 80px;
    border: 1px solid white;
}
#bx-pager2 ul > li > a > span {
    max-width: 300px;
    margin-top: 14px;
    display: block;
    font-size: 16px;
    color: #525252;
    margin-bottom: 10px;
    background: white;
    line-height: 1.3em;
    white-space: nowrap;
}
#bx-pager2 ul > li > a > span > span {
    border: 1px solid rgba(0,0,0,.8);
    border-radius: 50%;
    padding: 0 6px;
    margin-right: 5px;
}
#bx-pager2 .img {
    display: inline-block;
    padding: 0;
    background-position: -60px 0 !important;
    width: 60px;
    height: 60px;
}
#bx-pager2 .active {
    font-weight: bold;
}
#bx-pager2 .img1 {
    background: url('../images_front/homepage/spinner_a_hover.png');
}
#bx-pager2 .img2 {
    background: url('../images_front/homepage/spinner_b_hover.png');
}
#bx-pager2 .img3 {
    background: url('../images_front/homepage/spinner_c_hover.png');
}
#bx-pager2 .img4 {
    background: url('../images_front/homepage/spinner_d_hover.png');
}
#bx-pager2 .active .img {
    background-position: 0 0 !important;
}

#bx-pager2 .line {
    float: left;
    background-color: rgba(0,0,0,.25);
    height: 1px;
    flex: 1;
    min-width: 1px;
    list-style-type: none;
}

#ppt_iframe .toolbar_wrapper {
    display: none !important;
}

.promobox {
    float: left;
    width: 44%;
    margin-top: 0px !important;
    margin-right: 15px;
}
.promobox .mm-quote {
    margin-top: 15px;
    color: #851916;
}

/* colors

orange: #EF892E
burghundy: #a2443c

*/

.pricing-box {
    padding-top: 140px;
    text-align: center;
    width: 300px;
    height: 300px;
    color: white;
    text-decoration: none;
    display: block;
    font-size: 24px;
    border-radius: 150px;
    transition: 1s ease;
    margin-left: 85px;
    margin-bottom: 85px;
}
.pricing-box:hover {
    text-decoration: none;
    color: white;
}
.pricing-box-individual {
    background: #EF892E;    
}
.pricing-box-individual:hover {
    /*background: #e16a00;    */
    background: #999;
}
.pricing-box-company {
    background: #a2443c;    
}
.pricing-box-company:hover {
    /*background: #87352e;    */
    background: #999;
}
.pricing-heading {
    font-size: 36px;
    color: #a2443c;
}
.graphical-pricing {
    min-height: 230px;
    background-position: center -90px !important;
}
.graphical-pricing h1 {
    margin-top: 10px;
}
.pricing-creditcost {
    display: block;
    width: 100%;
    margin: 0px auto;
    /*border: 1px solid #EF892E;*/
    background: #f9f9f9;
    border: solid 1px #dddddd;
    cursor: pointer;
}
.pricing-creditcost:hover {
    background: #efefef;
}
.pricing-creditcost span {
    display: inline-block;
    padding: 18px 20px 18px 20px;
    font-size: 16px;
    color: #444;
    font-weight: bold;
}
.pricing-creditcost a {
    font-weight: normal;
    color: #851916;
    font-size: 14px;
    padding-top: 2px;
}
.pricing-creditcost div {
    width: 100%;
}
.pricing-creditcost table {
    width: 100%;
    margin: 0px auto 0px auto;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid #dddddd;
}
.pricing-creditcost table td {
    text-align: center;
    font-size: 16px;
}

.pricing-features table {
    width: 100%;
    margin: 0px auto 0px auto;
    border: none !important;
}
.pricing-features table th,
.pricing-features table td {
    font-size: 14px !important;
    padding: 7px 0px 7px 20px;
}
.pricing-features {
    display: block;
    width: 100%;
    margin: 10px auto 0px auto;
    text-align: center;
}
.pricing-company table th,
.pricing-company table td {
    /*height: 42px;*/
}

.pricing-features table tr:nth-of-type(even) {
    /*background: #fafafa;*/
    background: white;
}

.pricing-enterprise {
    text-align: left;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.pricing-enterprise p {
    font-size: 14px;
    margin-bottom: 5px;
}

.pricing-heading {
    padding-left: 0px;
    padding-right: 0px;
}
.pricing-heading p {
    font-size: 16px;
    color: #333;
}

.pricing-bundle {
    font-weight: bold;
    font-size: 16px;
}
.pricing-small {
    font-size: 12px;
    font-weight: normal;
    display: inline;
    margin-left: 5px;
}

.pricing-features {
    border: 2px solid white;
}

.pricing-company table td {
    font-size: 15px;
}
/*.pricing-company table th {
    text-transform: uppercase;
}*/

.pricing-bundle-box tr {
    background: white !important;
}
.pricing-bundle-box tr:nth-child(1) {
    background: #efefef !important;
}
.pricing-bundle-box {
    border: 2px solid white;
}
.pricing-bundle-box:hover {
    border: 2px solid #EF892E;
}

.pricing-number {
    color:#951916 !important;
    display:block;
    margin-bottom:15px;
    margin-right: 20px;
    font-weight:bold;
    font-size:22px !important;
    float: left;
    width:60px;
    height:60px;
    padding-top: 12px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #EF892E;
}

.tick0 {
    background: url("../images_front/tick0.png");
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: 8px;
}

.promo-reseller {
    margin-top: -15px !important;
}

.promo-reseller div {
    margin-top: 30px;
    margin-left: 0px;
}

.promo-reseller h1 {
    font-size: 21px;
    margin-top: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 12px;
    color: #222;
}

.promo-reseller h2 {
    font-size: 21px;
    margin-top: 0px;
    /*margin-bottom: 30px;*/
    padding-bottom: 10px;
    color: #222;
    padding-top: 0px;
}

.promo-reseller h3 {
    font-size: 19px;
    margin-top: 32px;
    margin-bottom: 0px;
    color: #222;
}

.promo-reseller p {
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 0px;
    color: #222;
    padding-right: 0px;
}

.promo-reseller .trigger_name {
    padding-left: 0px;
    font-size: 18px;
    color: #525252;
    margin-top: 33px;
}

/* social */
.social-link {
    opacity:1 !important;
    margin: 0px 12px 0px 0px;
    padding: 0;
    float: left;
}

.product-single h3 {
    margin-bottom: 20px !important;
}

.signup-company h1 {
    display:block;margin-top:59px;padding-left: 0px;font-size:32px;
}
.signup-company h4 {
    padding-left: 10px;margin-top: 118px;margin-left:5px;display:block;color:#EF892E;font-size:28px
}
.signup-company .mm-quote-nobracket {
    margin-bottom:20px;margin-top:30px;padding-left:20px;margin-left:27px
}
.signup-company .mm-quote-nobg {
    margin-top:43px;
}

.wrap {
    margin: 30px 0;
}

.content-description {
    padding: 11px 10px 11px 10px;
    height: 100px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 10px;
}
.content-description p {
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Roboto Condensed', sans-serif;
}

.ui-tooltip {
    font-size: 13px !important;
    font-family: 'Roboto Condensed', sans-serif;
    width: 400px !important;
    color: white;
    background: #333;
    border: 1px solid #aaa !important;
    line-height: 1.05rem;
    
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

    /* IE 5-7 */
    filter: alpha(opacity=80);

    /* Netscape */
    -moz-opacity: 0.8;

    /* Safari 1.x */
    -khtml-opacity: 0.8;

    /* Good browsers */
    opacity: 0.8;
}
.ui-tooltip-content {
    padding: 5px;
}

.sp-filler {
    height: 100px;
}

.singleheader {
    width: 100%;
    min-height: 250px;
    background: #eeeeee url('../images_front/course/header.jpg') repeat center 0px;
    /*color: white;*/
}
.singleheader .relative {
    min-height: 250px;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.singleheader .picture-box {
    background-size: 100% auto !important;
    height:201px;
    background-color:white !important;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 1px solid white;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 298px;
}
.singleheader .absolute {
    position: absolute;
    right: 0px;
    width: 304px;
    display: block;
    height: 0px;
    bottom: 196px;
    z-index: 50;
}
.singleheader .singlebox {
    background: #fafafa;
    width: 298px;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    height: 350px;
    display: block;
    /*-webkit-box-shadow: 2px 3px 17px 2px rgba(163,163,163,1);
    -moz-box-shadow: 2px 3px 17px 2px rgba(163,163,163,1);
    box-shadow: 2px 3px 17px 2px rgba(163,163,163,1);*/
    padding: 16px 20px;
    overflow: hidden;
}
.singleheader .singlebox h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 12px 0px;
}
.singleheader .singlebox h3 sup {
    font-size: 13px;
    top: -0.3em;
    color: #999;
}
.singleheader .single-guarantee {
    margin: 0px 0px 17px 0px;
    padding: 2px 0px 0px 23px;
    background: url('../images_front/course/guarantee.png') no-repeat;
    color: #ef8730;
    font-size: 14px;
}
.singleheader .singlebox .signup {
    padding: 13px 0px 15px 0px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: 0px 0px 20px 0px;
}
.singleheader h1 {
    font-size: 44px;
    margin-top: 10px;
    color: white;
    /*font-weight: bold;*/
    margin-bottom: 10px;
}
.singleheader .levels {
    margin-top: 52px;
    margin-left: 10px;
}
.singleheader h5 {
    font-size: 14px;
    color: white;
}
.singleheader .first {
    padding-top: 3px;
}
.singleheader .first h4 {
    font-size: 16px;
    color: white;
    line-height: 1.3rem;
}
.singleheader .second {
    padding-top: 5px;
}
.singleheader .second h4 {
    font-size: 16px;
    color: white;
    line-height: 1.3rem;
    padding-bottom: 20px;
}

.burg-btn {
    background-color: #8f2b29 !important;
}
.burg-btn:hover {
    background-color: #af5351 !important;    
}

.rc-header .box {
    border: none;
    opacity: 0.84;
    background: #eee;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color: #333;
}
.rc-header button {
    color: #3c220c;
    transition: 0.5s ease;
}
.rc-header button:hover {
    color: white;
    transition: 1.5s ease;
}
.rc-title {
    color: #a2443c !important;
    font-size:24px !important;
    padding: 13px 0px 0px 73px !important;
    margin-bottom: 13px;
    width: 100%;
    min-height: 60px;
    font-weight: 400 !important;
}
.rc-title1 {
    background: url('../images_front/resellers/rc-icon1.jpg') no-repeat;
}
.rc-title2 {
    background: url('../images_front/resellers/rc-icon2.jpg') no-repeat;
}
.rc-title3 {
    background: url('../images_front/resellers/rc-icon3.jpg') no-repeat;
}
.rc-title4 {
    background: url('../images_front/resellers/rc-icon4.jpg') no-repeat;
}
.rc-teaching {
    width: 100%;
    padding-left: 73px;
    margin-left: 0px !important;
    margin-top: 16px !important;
}
.rc-teaching p {
    margin-right:20px;
    margin-left:0px;
    padding-left: 0px;
}
.rc-content {
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
}
.rc-content hr {
    margin-top:15px;
    border-top:1px solid #eaeaea;
    margin-bottom:25px
}
.rc-content h2 {
    color: #a2443c;
    font-size: 26px;
}
#rc-more-a {
    color: #a2443c !important;
}
#rc-more-a:hover {
    color: #EF892E !important;
}
#rc-more-b {
    color: #777 !important;
}
#rc-more-b:hover{
    color: #a2443c !important;
}
.rc-box {
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    width: 100%;
    margin-top: 50px;
    padding: 38px 20px 30px 30px;
    position: relative;
    text-align: center;
}
.rc-box img {
    float: right;
}
.rc-box1 img {
    margin-top: 15px;
}
.rc-box2 img {
    margin-top: 0px;
}
.rc-box3 img {
    float: none !important;
}
.rc-box .rc-col {
    color: #525252;
}
.rc-box .rc-col1 {
    padding-right: 50px;
    text-align: left;
}
.rc-box .rc-col2 {
    padding-left: 30px;
    text-align: center;
}
.rc-box .rc-col span {
    color: #EF892E;
}
.rc-box2 .rc-col1 {
    padding-top: 85px;
}
.rc-box3 .rc-col1 {
    padding-top: 85px;
}
.rc-step {
    position: absolute;
    display: inline;
    width: 176px;
    height: 43px;
    top: -22px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /*background: pink;*/
}
.rc-step1 {
    background: url('../images_front/resellers/rc-step1.jpg') no-repeat;
}
.rc-step2 {
    background: url('../images_front/resellers/rc-step2.jpg') no-repeat;
}
.rc-step3 {
    background: url('../images_front/resellers/rc-step3.jpg') no-repeat;
}
.rc-arrow {
    position: absolute;
    display: inline;
    width: 60px;
    height: 31px;
    bottom: -17px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: pink;
    background: url('../images_front/resellers/rc-arrow.jpg') no-repeat;
}

.newslink {
    margin-bottom: 20px;
}

.top-bar li.active a {
    background: #a2443c !important;
    color: white !important;
    transition: background-color 1s ease, color 0.2s !important;
    line-height: 30px !important;
    padding: 4px 11px !important;
}

.top-bar li.active a:hover {
    background: #EF892E !important;
}

/*login and register*/
/*@font-face{font-family:enzo_otmedium;src:url(//cdn.audioaddict.com/di.fm/assets/flux/enzoot-medi-webfont-8225e6baa8a1d31a8240afdd9114ec5d.eot);src:url(//cdn.audioaddict.com/di.fm/assets/flux/enzoot-medi-webfont-8225e6baa8a1d31a8240afdd9114ec5d.eot?#iefix) format("embedded-opentype"),url(//cdn.audioaddict.com/di.fm/assets/flux/enzoot-medi-webfont-4089e8503a74c2f30c6e98ba9a554bac.woff) format("woff"),url(//cdn.audioaddict.com/di.fm/assets/flux/enzoot-medi-webfont-654f1e20483f5d413b093a1effac36a2.ttf) format("truetype"),url(//cdn.audioaddict.com/di.fm/assets/flux/enzoot-medi-webfont-96ce70bb78846d800ec60d1d4e9772fe.svg#enzo_otmedium) format("svg");font-weight:400;font-style:normal}*/
/*input[type=email],
input[type=password] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR…rvNpHmPI+Kc2RZBm3bcp8wuwSIot7QQ0PznoR6wYSK0Xb/AGVLcWwc7Ng3AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 16px 18px;
    background-position: 98% 50%;
    cursor: auto;
}*/
/*form.modal-form input[type=text],form.modal-form input[type=email],form.modal-form input[type=password]{-webkit-box-shadow:inset 0 0 1px .5px #000;-moz-box-shadow:inset 0 0 1px .5px #000;box-shadow:inset 0 0 1px .5px #000;border-radius:2px;font-size:inherit;float:none;width:100%;margin:0;height:40px;line-height:normal;border:1px solid rgba(0,0,0,.1);padding:0;text-indent:.5em}
form.modal-form input[type=text],form.modal-form input[type=email],form.modal-form input[type=password]{background-color:#fff}form.modal-form input[type=text]:focus,form.modal-form input[type=email]:focus,form.modal-form input[type=password]:focus{outline:none;border:2px solid #288cfb;background-color:#fff}
*/

form.modal-form input[type=text],form.modal-form input[type=email],form.modal-form input[type=password] {
    width: 100%;
}
#signup-messages input[type=text],#signup-messages input[type=email],#signup-messages input[type=password],
#login-messages input[type=text],#login-messages input[type=email],#login-messages input[type=password] {
    width: 100%;
    border: 1px solid #c3c6ce;
    border-radius: 4px;
    height: 40px;
    font-size: 16px;
    margin-bottom: 5px;
}
input[type=checkbox] {
    width: 16px;
    height: 16px;
}
#signup-messages select {
    color: #525252;
}

.top-bar a {
    text-decoration: none !important;
}

/*paste register*/
#modal-region {
    pointer-events: none;
}
.modal {
    text-align: center;
    font-weight: inherit;
    overflow: visible;
    /*font-family: enzo_otmedium;*/
    /*width: 350px;*/
    background: none !important;
    /*box-shadow: none;*/
    border: none;
    padding-right: 0px !important;
}
.modal:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: -.25em;
}
#modal-region .modal-dialog {
    pointer-events: all;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.modal-dialog {
    -webkit-transition: -webkit-transform 200ms ease-out;
    -moz-transition: -moz-transform 200ms ease-out;
    -o-transition: -o-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    -webkit-transition: width 100ms ease-in;
    -moz-transition: width 100ms ease-in;
    -o-transition: width 100ms ease-in;
    transition: width 100ms ease-in;
    -webkit-transform: translate(0,-125%);
    -ms-transform: translate(0,-125%);
    transform: translate(0,-125%);
    width: 375px;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
    white-space: normal;
    position: relative;
}
/*@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}*/
.modal-dialog {
    position: relative;
    margin: 0px;
}
.modal-header, .modal-footer {
    position: relative;
    border: none;
}
.modal-header {
    padding: 15px;
    min-height: 16.428571429px;
    position: relative;
    border: none !important;
    background: none !important;
    overflow: hidden;
}
.modal .modal-body {
    /*padding: 0 2em 2em;*/
}
.modal-body {
    /*padding: 0 32px 32px;*/
    z-index: 4;
}
.modal-body {
    position: relative;
    /*padding: 20px;*/
}
.modal .panel-group {
    z-index: 1;
    padding: 0;
    margin: 0;
}
ul, menu, nav {
    list-style: none;
}
#panel-signup {
    margin-bottom: -15px;
}
#panel-signup {
    margin-bottom: -15px;
}
.modal .panel-group .panel2 {
    position: relative;
    padding: 0;
    white-space: normal;
    overflow: hidden;
    z-index: 2;
    display: block;
}
.modal .content {
    z-index: 1;
    position: relative;
    text-align: left;
}
#panel-login .title, #panel-signup .title, #panel-email-signup .title {
    font-weight: 400;
    font-style: normal;
    margin-bottom: 30px;
    color: #333;
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    margin: 12px 0 24px 0!important;
}
.modal .panel-group .title {
    font-size: 26px;
}
.modal .text-center {
    text-align: center;
}
.modal .title {
}
#panel-signup .signup-tos-wrapper {
    position: relative;
}
.modal-form .signup-tos-wrapper {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}
input[type="checkbox"] {
    background-color: initial;
    cursor: default;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
    float: left
}
.modal-btn:hover, .modal-btn[type=submit]:hover {
    background-color: #c85e36;
}

.modal .modal-btn {
    text-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 15px;
    height: 40px;
    line-height: 1;
    padding: 13px;
    background-color: #f56c2d;
}
.modal-btn, .modal-btn[type=submit] {
    background-image: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 2px;
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    outline: none;
    color: #fff;
    /*text-transform: uppercase;*/
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}
/* paste login */
.social-auth-controls .or-divider {
    font-family: enzo_otmedium_italic;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    color: #697491;
    line-height: 1;
    position: relative;
    text-align: center;
    margin: 13px 0;
}
.modal-form .or-divider {
    font-size: 14px;
    color: #8a9cc9;
    line-height: 1;
    position: relative;
    text-align: center;
    margin: 20px 0;
}
panel-login .field-group.footer, #panel-signup .field-group.footer, #panel-email-signup .field-group.footer {
    padding: 1em 0 0;
    margin-bottom: 0;
}
form.modal-form .field-group:last-child {
    margin-bottom: .25em;
}
form.modal-form .field-group {
    position: relative;
}
form.modal-form .field-group {
    margin-bottom: 10px;
}
.modal .text-center {
    text-align: center;
}
.field-group {
    margin-bottom: 24px;
}
.field-group {
    position: relative;
}
#panel-login .field-group.footer .sign-up-msg, #panel-login .field-group.footer .forgot-pass-msg, #panel-login .field-group.footer .terms-msg, #panel-signup .field-group.footer .sign-up-msg, #panel-signup .field-group.footer .forgot-pass-msg, #panel-signup .field-group.footer .terms-msg, #panel-email-signup .field-group.footer .sign-up-msg, #panel-email-signup .field-group.footer .forgot-pass-msg, #panel-email-signup .field-group.footer .terms-msg {
    font-size: 13px;
    line-height: 20px;
    color: #8a9cc9;
    margin-top: 0;
}
.modal .sign-up-msg, .modal .forgot-pass-msg {
    /*text-align: center;*/
    line-height: 1.75em;
    margin: 0;
}
#panel-login .remember-me-wrapper {
    width: 80%;
    margin-left: 0px;
    margin-top: 1px;
}
#panel-login .remember-me-wrapper small {
    padding-left: 8px;
    width: 100%;
}
.modal .remember-me-wrapper small {
    float: left;
    line-height: 24px;
    font-size: 13px;
}
.modal-btn:hover, .modal-btn[type=submit]:hover {
    transition: 0.5s ease-out;
}
.modal .modal-btn {
    border-radius: 4px;
    text-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 15px;
    height: 40px;
    line-height: 1;
    padding: 13px;
}
.modal-btn, .modal-btn[type=submit] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-shadow: none;
    box-shadow: none;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    outline: none;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}
/* pasting till here*/

.newhpheader {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    overflow: hidden;
}

.newhpheader img {
    width: 33.33333333333333%;
    display: block;
    float: left;
}

.newhpheader h1 {
    color: white;
    /*text-shadow: 0 1px 2px rgba(0,0,0,.7);*/
    /*text-shadow: 0px 5px 10px rgba(0,0,0,.99);*/
    text-shadow: 0px 0px 20px rgba(0,0,0,.7), 0px 0px 20px rgba(0,0,0,.7);
    font-weight: 400;
    font-size: 68px;
    line-height: 78px;
    /*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    top: 72px;
    letter-spacing: 1px;
    margin-top: 0px;
}

.newhpheader a {
    color: white;
    /*text-shadow: 0 1px 2px rgba(0,0,0,.7);*/
    /*text-shadow: 0px 5px 10px rgba(0,0,0,.99);*/
    text-shadow: 0px 0px 20px rgba(0,0,0,.7), 0px 0px 20px rgba(0,0,0,.7);
    font-weight: 400;
    font-size: 68px;
    line-height: 78px;
    /*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    bottom: 72px;
    letter-spacing: 1px;
    margin-top: 0px;
}

.newhpheader a button {
    /*background: #a2443c;*/
    border-radius: 1px !important;
    transition: all 0.15s linear;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 0.9;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    background: linear-gradient(#a2443c, transparent), linear-gradient(to top left, #EF892E, transparent), linear-gradient(to top right, red, transparent);    
    background-blend-mode: screen;
}

.newhpheader a button:hover {
    /*background: #82242c;*/
    background: linear-gradient(#a2443c, transparent), linear-gradient(to top left, #a2443c, transparent), linear-gradient(to top right, red, transparent);
    background-blend-mode: screen;
}

/* modal navigation */

#signup-messages checkbox,
#login-messages checkbox {
    cursor: pointer;
}

.modal-nav {
    margin: 0;
    padding: 0px 10px 0px 10px;
    float: left;
    width: 100%;
    overflow: hidden;
}
.modal-nav ul {
    float: left;
    position: relative;
    border-bottom: 1px solid #c3c6ce;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    list-style: none;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
.modal-nav li {
    float: left;
    position: relative;
    margin-right: 36px;
}
.modal-nav li.active:after {
    background: #f56c2d;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
.modal-nav a {
    position: relative;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    color: #1e262c;
    display: inline-block;
    padding: 21px 0;
    color: #787d85;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;   
}

.modal-header .close {
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7lJREFUeNqklVtoFGcUx89c9j7rJrs25qbkQWOyDahpVdCICvogXqBYhdaHij6Vgu1TH1QEL4Uitl6gffESI4q0LxovWBAxmocSELEgayopWMzestvsxm42M7uzMz1ndmbJzM7YoB988M3Md37/851z5jsMvGUsu6yCmIgJ7vDCjcByvfiqFYARQZETuI6VJl8/9LZGC072f+xlgHf4xnSfHGtXy+Jhb0v3HmCYgN0m/DaNe66Vc/ETL75dPI4OqXUgGzu256d/vuD8jecQLMBchqoWKsXcgedfRQZQRJl9Ataylev5OXeIC4QvzRmuuckIZIO2BxHKmbydvY6eSezj/A3H4B0H2h4nBoqwdQIdB262uUILfoD3HMQgllWADyxZewQYNmgJLmSfDII0Ga8Pu1yCid9/Bbk4ZQkXGyQWnoKvCTRtPxjhhfDnVkjmyS1Ip1Mw/uiqSYTgiaF+yOT/hfiDC1i1JZMdsj4jpiHANqzctQmV/VaBrt4+4Js6YTocrYlU4ZchpwZBDrZDZ98O4F1u6ykCGhPZJMBzvtAKu3iKnghsWfcRePxCTWT8wXmEC1DxRWDN8qUQWbgEFNUm4VUmrwkwHN9qJzBdBkhX5plE8lykBg81d0DC4T/WmZoAp6oK41QVJJKUfNDgd4PKuUHxNoLbxQPrERzh1X9PY3JakhWxkHXciDEfu98PE8nX1TLkOShLIjy7c9G2uoxhMEmgUsq+euEEryZU0DynsOzYuAo8Pr8p8XYDmTFik4CcuXfqsVqRxfoyHTQllGKelM05iQ9fxzKVzI4hC5nDxNYECqNDWSn98q5VYMX6rRBsWmRK6OzE+4UgrN66B8vUY7KTUn/eJSaxOe13xaTLucR46ONPdzMs66odE1ywprsNFF/YlNAy3pclxgN9H7bDFBOCYnm29+VifODLb6Tk6N+kZdx8Cr6QfB29irela52xuYLSGZGFN6X6GJNIZoY1wWm8eXb7VPrm0d9wmSeucRfJOHOvzn1ypTD6qN9UDapzKVq/oe0lZAwQC/uCbL2uKcnJv77f8GN+5JeTmKiZud6gtJds0PY0PqZ0lm1Ho5BRo2mZt3xbT8vO7/Z7WqMb8K/0OoBFKREbSt04cnHq6eBzcpAOgt5XjI5m2zJx+nA24vzA09zZPH/z16u9bdHF2FDCWm6K+UkxHhvL3j87IqVekscZCgvOGWvLdLoi6D3d5179RAF9bVRYWQ/DNHmsr2W9Iv+36dudiNenUXUVHUhTeZvxfwIMANV8qlJKi+XAAAAAAElFTkSuQmCC) no-repeat;
    right: 1em;
}
.modal-header .back {
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5FJREFUeNqkVktsTFEY/u5j5s6duWNeRadVuihaKtF6LZCGaELCDgkWFhaIBCsLhEiwEOIVIiIeTSyEhRCPIFFFoiFYMIqKV6fttKPTyp2Ze2fuveOcyUxTNWc6iZP8ybln/v/7/tc5/3AYY00//F6x+6uWgBcayWcFwGmwjG6yD6UGfj7+uHumWsyeY53XHemcZPNV7uVEaQM4zlVQK5OJZwz9ajoWPvhhV00XPSmFgK8/82uj4PSdIsAKSlmZjGomYtvfbQtcIV/WX2CjVIX6s7E9gst/sWTwrJucQm2I7V6KwYqAn3Gie5PNGzyP/1jpwZ7NoZ0VF/KRDEdQvf1mpc0z8djY2bBgpTXm7xSDYo1OkeiaunAfON5dDNxKafh57zS+XD+AZG8nI128QrD2U8xhggmrdgdExb++qOdGCt2tlzAkBZGc3ASXLDF1CdY6ipkn4L3z1iwjzE4muGlkwWO8D5bkQdO8WVDGVxUpOu/0zl/bTLEpgSjIngYmuGWip60FsYwblsOHRQ21IPcDv1PFayU43PRiilkCThArWIp9L25gIG2HKQcwv74GysQp6EuU0LmCrZxi00IIpDNYNxo6bDCdXvAcB0lW0KOixLuXxRSyRbY0NcpSbFraDFmyw7IsvL5zCfpAuCQCgvkrX2QzFf32gaXYa7ixYvEcSIQkUTYLXW1XkRqKjElAMEMUmxIY/feOtpFOKXh7kgYhMccRkkbYJAfivjp0tbbAiA+iSNdpfXePPKXYWQK1ozWqRz7dYRnE00B/xovlCxsg2GWonmnQI5+ZBBQr/rGtn2ILuSeWM2LdXZ65q9dyPG8rGLJJFEUZs6v9mFAWQKBqKhImX8j7RPjKlp16T8d3ypV/+SxyoMvVjZYjWLuY6ZlJXXLA5fYgqvH/Pv5k/X5762jk5oH7ZEtzaA0T0IIMtl/7ptQucdnLqpkXj0aiplEQXO14cvnrsRVnyTaS7fBRb7dJ7WPPLoccwTpVCtY2stJVIC3JoZfXj389sfIc+aR9nMhPt5EE9ID0DLShVzc6kz/ePJcr68cJSmASIRJZ3aKH3z0Kt2zdF7l96EEOXB051QqOTCIyER+R8VL5tPKy5h0LHJUzagSn158NNTE4oIVDndGHJ9v13k+95Ih2TIx29eiRyRX5M0C9dhCho9OV2+dTlqaR0g7Oeazloi9p6BeKSMyJMKJeRk6sYsZ/BBgAoWlfmZ3UtDcAAAAASUVORK5CYII=) no-repeat;
    left: 1em;
    display: none;
}
.modal-header .close, .modal-header .back {
    margin: 0;
    position: absolute;
    border: none;
    padding: 0;
    top: 1em;
    z-index: 50;
    text-indent: -99em;
    display: block;
    outline: none;
    background-repeat: no-repeat;
    overflow: hidden;
}
.modal-header .close {
    margin-top: -2px;
}
.modal button, .modal a {
    cursor: pointer;
}
.close:hover, .close:focus {
    opacity: 1;
}
button.close {
    opacity: 1;
}


.modal .modal-body {
    /*padding: 0 2em 2em;*/
}
.modal-body {
    /*padding: 0 32px 32px;*/
    z-index: 4;
}
.modal-body {
    position: relative;
    /*padding: 20px;*/
}

.modal-content {
    /*text-shadow: 0 1px 2px rgba(0,0,0,.7);*/
    border-radius: 4px;
    overflow: hidden;
    border: none;
    background-color: white; /* modal bg */
    color: #8a9cc9;
}

.modal-content {
    position: relative;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: none;
}        

@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }
}

.modal-bg.faded {
    opacity: 0.7;
}
.modal-bg {
    z-index: 1;
}
.modal-bg, .modal-bg:after {
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    -o-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
    position: absolute;
    height: 300px;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.signup-fields {
    margin: 0;
}
.tos {
    margin-top: 15px;
}
.actions,
#login-submit {
    margin-top: 15px;
}

#google-auth-button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0;
    background-color: #f2f2f2;
}

.signup-tos-text,
.remember-me-wrapper small {
    float: left;
    width: 80%;
    margin-left: 5px;
    font-size: 14px !important;
    margin-top: -2px;
}
.remember-me-wrapper small {
    padding-left: 0px !important;
}
#login-submit {

}
.signup-msgs {
    margin-top: 15px;
}
.modal-body {
    /*padding: 0 56px 20px;*/
    padding: 0px 40px 30px 40px;
}

.marginless-left {margin-left: 0}
.text-light {font-weight: 200}

.select-company .active,
.select-individual .active {
    background: #EF892E;
}

.selected {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('../images_front/tickduo.png') no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: -10px;
}

/*globals*/

.grayed { background-color: #999 !important}
.small { font-size: 13px !important}
.big { font-size: 18px !important}
.w100 { width: 100%}
.text-center { text-align: center}
.text-left { text-align: left}
.text-right { text-align: right}
.text-bold { font-weight: bold}
.text-normal { font-weight: normal}
.inline { display: inline-block !important}
.left { float: left}
.right { float: right}
.clear { clear: both}
.white { color:white}
.roundedcorners { 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.bold{font-weight:bold}
/*a.nobold { font-weight: normal !important; font-size: 12px !important;}*/
.bgf4 {background-color:#f7f7f7}
.margin-top-30 {margin-top:30px}
.margin-top-20 {margin-top:20px}
.margin-left-20 {margin-left:20px}
.padding-top-20 {padding-top:20px}
.border-top-none {border-top: none !important}
.border-top {border-top: 1px solid #ddd;}
.relative {position: relative}

/* media */

@media (max-width: 1023px) {
    .hp-images .wrapper {
        width: 46%;
    }
    .hp-images-new .wrapper {
        width: 46%;
    }
    .hp-images-new .clear {
        display: none;
    }
}
@media (max-width: 580px) {
    .hp-images .wrapper {
        width: 96%;
    }
    .hp-images-new .wrapper {
        width: 96%;
    }
}

@media (max-width: 1166px) {
    .newhpheader h1 {
        transform: translate(-50%, -50%);
        top: 30%;
        font-size: 49px;
        line-height: 58px;
    }
    .newhpheader a {
        transform: translate(-50%, -50%);
        bottom: 10%;
        font-size: 49px;
    }
}

@media (max-width: 899px) {
    .hp-boxes .column1,
    .hp-boxes .column2 {
        /*padding: 0px 20px 0px 20px;*/
        float: none !important;
        margin: 0px auto;
        padding-bottom: 30px;
    }
    .hp-boxes .column1 {
        /*border-bottom: 1px solid #ccc;*/
        /*padding-bottom: 40px;*/
    }
    .hp-boxes .column2 {
        margin-top: 30px;
    }
    .hp-boxes .clear {
        display: block !important;
        width: 1px;
        height: 1px;
    }
    .hp-boxes .c1 {
        border-right: none;
    }
    .hp-boxes .c1,
    .hp-boxes .c2 {
        width: 96%;
    }
    .rowhpboxes {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .newhpheader img {
        height: 250px;
        display: block;
        float: left;
    }
}

@media (max-width: 720px) {
    .newhpheader img {
        width: 50%;
    }
    .newhpheader .img3 {
        display: none;
    }
    .newhpheader h1 {
        font-size: 36px !important;
        line-height: 48px;
    }
    .newhpheader a {
        bottom: 5%;
    }
}

@media (max-width: 700px) {
    #bx-pager ul > li > a > span {
        white-space: normal;
    }
    #bx-pager2 ul > li > a > span {
        white-space: normal;
    }
}

@media (max-width: 455px) {
    .hp-boxes .column1,
    .hp-boxes .column2 {
        width: 100%;
    }
}

@media (max-width: 720px) and (min-width: 641px) {
    .top-bar-section a {padding:4px 6px !important; font-size: 13px !important}
}

@media (max-width: 639px) {
    #homepage { min-height:300px}
    ul.languages { width: 100% !important}
    .top-bar:before, .top-bar:after {
        content: " ";
        display: table;
    }
    /*.slogan{ display: none}*/
    .slogan1 {margin-top: 20px;}
    #homepage .box {
        margin-top: 0px;
    }
    .spinner-wrap .spin-side {
        margin-top: 30px;
    }
    .spinner-wrap span {
        display: inline-block;
        margin-top: 0px;
        padding-top:15px;
    }
    .spinner-wrap .spin-wrap,
    .spinner-wrap span {
        width: 90%;
    }
    .spinner-wrap .spin-main-wrap {
        width: 100%;
    }
    .spinner-wrap span br {
        display: none;
    }
    .bcolumns-wrap .span3 img {
        float: left;
    }
    .bcolumns-row {
        background: none !important;
    }
    .bcolumns-wrap .columns {
        padding-bottom: 30px;
    }
    .bcolumns-wrap .span1,
    .bcolumns-wrap .span2,
    .bcolumns-wrap .span3 {
        float: right;
        margin-right: 15px;
    }
    .newhpheader img {
        width: 100%;
        height: 300px;
        min-width: 379px;
    }
    .newhpheader .img2 {
        display: none;
    }
    .newhpheader {
        overflow: hidden;
    }
    .newhpheader h1 {
        top: 35%;
    }
    .newhpheader a {
        bottom: 10%;
    }
    #rc-content .title:after,
    .rowslider .title:after {
        height: 3px;
        display: block;
        border-top: 2px solid #ee892d;
        margin: 35px auto 35px auto;
        width: 100%;
    }
    .rc-box .rc-col1 {
        padding-top: 10px !important;
    }
}

@media (max-width: 555px) {
    .ui-dialog { width: 100% !important; }
}

@media (max-width: 494px) {
    .bcolumns-wrap span,
    .bcolumns-wrap h4 {
        width: 100% !important;
        max-width: 100% !important;
    }
    .bcolumns-wrap .columns {
        padding-bottom: 0px;
    }
    
    .bcolumns-wrap .span1,
    .bcolumns-wrap .span2,
    .bcolumns-wrap .span3 {
        margin-right: 0px;
    }

}

@media (max-width: 641px) {
    .rowslider .textwrap {
        margin-left: -20px !important;
        padding-right: 10px;
    }
    .rowslider .imgwrap {
        margin-top: 20px;
        margin-left: -30px !important;
        padding-right: 10px;
    }
    .rowslider .bx-prev {
        left: 0px;
    }
    .rowslider .bx-next {
        right: 0px;
    }
    .rowslider .bx-wrapper .bx-controls-direction a {
        top: 63% !important;
    }
    .rowslider .bx-wrapper img {
        margin-right: 0 !important;
    }
}

@media (max-width: 400px) {
    .rc-title {
        padding-top: 0px !important;
    }
   .rowslider #bx-pager,
    .rowslider #bx-pager2 {
        display: none;
    }
    .rowslider h2 {
        margin-top: 20px;
    }
}

@media (max-width: 380px) {
    .rowslider .title {
        margin-bottom: 30px;
    }
    .rc-teaching {
        padding-left: 0px !important;
    }
    .rc-box .rc-col2 {
        padding-left: 0px;
    }
}

@media (min-width: 642px) {
    .top-bar .title-area {
        float: left; }
}

@media (max-width: 1000px) {
    #homepage-courseblack {display:none}
    #homepage {margin-bottom: 0px}
    .slogan1 {
        margin-top: 40px;
    }
}

@media (max-width: 1070px) {
    .rc-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .rc-box {
        padding-left: 20px;
        padding-right: 0px;
    }
    .rc-box .rc-col1 {
        padding-right: 20px;
        padding-top: 0px;
    }
}

/* MOBILE CSS */

.hidefortablet {
    display: block;
}
.showfortablet {
    display: none;
}

.hideformobile {
    display: block;
}
.showformobile {
    display: none;
}

@media (max-width: 1000px) {
    .hidefortablet {
        display: none;
    }
    .showfortablet {
        display: block;
    }
}

@media (max-width: 640px) {
    .hideformobile {
        display: none;
    }
    .showformobile {
        display: block;
    }
}

@media (max-width: 415px) {
    .modal-dialog {
        width: 100%;
        height: 100vh;
    }
    .modal-content {
        border: 0;
        border-radius: 0;
        height: 100vh;
    }
}


/*must be last*/

.clear { clear: both}

.hide,
.hide2 {
  display: none; }

.show {
  display: block; }
.language-select-box {
    position: relative;
}

.language-select-box .languages {
    display: none; /* hidden by default */
    position: absolute;
    background: rgba(255, 255, 255, 0.95); /* white, slightly transparent */
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    width: max-content; /* adjusts to content width */
    z-index: 999;
    max-width: 700px; /* optional, adjust as needed */
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 6 columns */
    grid-gap: 0; /* spacing between flags */
}

.language-select-box .languages li.inline {
    display: flex;
    align-items: center;
    border: 1px solid #d5cccc;
    border-radius: 7px;
}

.language-select-box .languages li.inline a {
    display: flex;
    align-items: center;
    padding: 5px 5px;
    background: rgba(255, 255, 255, 0.9); /* optional inner background */
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    text-wrap: nowrap;
}

.language-select-box .languages li.inline a img {
    margin-right: 5px;
}

.language-select-box:hover .languages {
    display: grid; /* show dropdown on hover */
}
/* Tablet view */
@media (max-width: 1024px) {
    .language-select-box .languages {
        padding: 10px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 100vw; /* fit smaller screens */
    }
}

/* Mobile view */
@media (max-width: 768px) {
    .language-select-box .languages {
        grid-template-columns: repeat(4, 1fr); /* 4 columns for mobile */
        padding: 10px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 100vw; /* fit smaller screens */
    }

    .language-select-box .languages li.inline a {
        font-size: 13px; /* slightly smaller on mobile */
        padding: 5px 3px;

    }
    .language-select-box .languages li.inline {
        display: flex;
        align-items: center;
        border: 1px solid #d5cccc;
        border-radius: 7px;
        padding: 1px;
        margin: 2px;
    }
    ul.languages li {
        height: 30px;
    }
}