* {
	margin: 0;
	padding: 0;
	border: 0
}
.param{ 
	cursor: pointer; 
}
.bhelp{
	cursor:pointer;
	}
.bhelp_text{
	display:none;
	}
.img-circle {
	padding:2px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border-radius: 50%;
	border-color: rgba(0,0,0,0.1); 
	border-style:solid;
	border-width:10px;
	box-shadow: 0 5px 6px   #663300;
	box-shadow: inset 0 50px rgba(255,255,255,0.2), 
             inset 0 -15px 30px rgba(0,0,0,0.4),
             0 5px 10px rgba(0,0,0,0.5);

}
.img-circle1 {
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border-radius: 50%;
	border-color: #C96; 
	border-style:solid;
	border-width:2px;

}

.circle1 {
	background-color:#bcd5d1;
	border-color: rgba(0,0,0,0.4);
	border-style:solid;
	border-width:4px;
	padding : 5px;
	width: 30px;
	height: 10px;
 	border-bottom-left-radius: 80px;
  	border-bottom-right-radius: 80px;
	margin:0 5px 0 5px;
	color:#000;
	
}
.circle2 {
	background-color:#C96;
	border-color: rgba(0,0,0,0.4);
	border-style:solid;
	border-width:4px;
	padding : 5px;
	width: 30px;
	height: 10px;
 	border-top-left-radius: 80px;
  	border-top-right-radius: 80px;
	margin:0 5px 0 5px;
	
}

.top,
.bottom {
  height: $size;
  width: $size * 2;
}

.right,
.left {
  height: $size * 2;
  width: $size;
}

.top {
  border-top-left-radius: $size * 2;
  border-top-right-radius: $size * 2;
}

.right {
  border-bottom-right-radius: $size * 2;
  border-top-right-radius: $size * 2;
}

.bottom {
  border-bottom-left-radius: $size * 2;
  border-bottom-right-radius: $size * 2;
}

.left {
  border-bottom-left-radius: $size * 2;
  border-top-left-radius: $size * 2;
}

.rotate {
  animation: 1s linear infinite rotate;
  position: relative;
  top: $size * -1;
  transform-origin: 50% 100%;
}
.img-circle_half {
	padding-top:20px;
	-webkit-border-left-radius: 50%; 
	-webkit-border-top-radius: 50%; 
	-moz-border-top-radius: 50%;
	-moz-border-érgz-radius: 50%;
	border-top-left-radius: 50%;
  	border-top-right-radius: 50%;
   box-shadow: 0 5px 6px   #663300;
	background-color: rgba(0,0,0,0.1); 
	box-shadow: inset 0 50px rgba(255,255,255,0.2), 
             inset 0 -15px 30px rgba(0,0,0,0.4),
             0 5px 10px rgba(0,0,0,0.5);

}
.ures{
	background-color:transparent;
	}
 ol {
        counter-reset:myCounter;
        margin-left:0;
        padding-left:5px;
        color: #fff;
      }

      li {
        position: relative;
        padding-left: 3em;
        margin: 0.45em 0;
        list-style: none;
        line-height: 1.8em;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
      }

      li:hover {
        color: #bcd5d1;
      }

      li:before {
        content:counter(myCounter);
        counter-increment:myCounter;
        position:absolute;
        top:0;
        left:0;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.8em;
	    padding:0px;
        color:#fff;
        background:#2980b9;
        font-weight:bold;
        text-align:center;
        border-radius: .9em;
        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
        z-index: 1;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }

      li:hover:before {
        background-color: #C96;
      }

      li li:before{
        background-color: #3498db;
      }

      li:after {
        position: absolute;
        top: 2.1em;
        left: 0.9em;
        width: 2px;
        height: calc(100% - 2em);
        content: '';
        background-color: rgb(203, 203, 203);
        z-index: 0;
      }

      li:hover:after {
        background-color: #C96;
      }

      li li {
        font-size: 0.9em;
      }

.kocka{
	padding: 2px 5px ;
	margin:0 0 5px;
	background-color:#bcd5d1;
	font-weight: normal;
	color: #000;
	font-size:14px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
   }

 .alsoindex{
	margin:-10px 31px 10px 31px; 
	min-height:140px;
	background-color: rgba(0,0,0,0.1); 
	box-shadow: inset 0 50px rgba(255,255,255,0.2), 
             inset 0 -15px 30px rgba(0,0,0,0.4),
             0 5px 10px rgba(0,0,0,0.5);
	padding:2px;
	display: inline-table;
	position: relative;
	  vertical-align: top;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}
a {
  text-decoration: none ; 
	color: inherit;  
}
.tuntet{
	 animation-name: fadein;
  -webkit-animation-name: fadein;
          animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
   }
.cell_l{
		border-left: 2px #bcd5d1 solid; 
		}
.cell_t{
	border-bottom: 2px #bcd5d1 solid; 
	}
.cell_a{
	text-height: max-size;
	background-color: #5a5c51;
	font-weight: normal;
	color: #bcd5d1;
	font-size:14px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	text-align:center;
	border-color: #bcd5d1;
	border-style:solid;
	border-width:medium;
	-webkit-border-top-left-radius: .7em; 
	-moz-border-top-left-radius: .7em;
	border-top-left-radius: .7em;
	-webkit-border-bottom-right-radius: .7em; 
	-moz-border-bottom-right-radius: .7em;
	border-top-bottom-right: .7em;
}
.reszl_hide{
	cursor:s-resize;
	}
.hidealap{
	cursor:s-resize;
}
.col-xs-3 {
    width: 38px;
}
.arrow{
	border-color:#FFF;
	border-left-width:2px;
	border-top-width:2px;
	}
.a1{
	position: absolute;
	right: 20px;
	top: 20px;
	width: 30px;
	height: 30px;
}
.glass{
	padding:4px;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.1); 
	box-shadow: inset 0 50px rgba(255,255,255,0.2), 
             inset 0 -15px 30px rgba(0,0,0,0.4),
             0 5px 10px rgba(0,0,0,0.5);

}
.note{
	padding:15px;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.1); 
	box-shadow: inset 0 50px rgba(255,255,255,0.2), 
             inset 0 -15px 30px rgba(0,0,0,0.4),
             0 5px 10px rgba(0,0,0,0.5);
	text-align:justify;
}

.fs40{
	font-size:20px;
	color:#333;
	}
.fs15{
	font-size:20px;
	color:#333;
	}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("image/Spinning arrow.gif") center no-repeat #fff;
}
.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 12px;     /* fallback */
   max-height: 60px;      /* fallback */
   -webkit-line-clamp: 5; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.keret{
	padding: 0 5px;;
}

.nembox{
	font-family: FontAwesome;
    content:"\f204";
    display: block;
    padding: 0.5em;
    
	}
span.bigcheck-target {
    font-family: FontAwesome;
    /* use an icon font for the checkbox */
}
input.bigcheck {
    position: relative;
    left: -999em;
    /* hide the real checkbox */
    display:none;
}
input.bigcheck + span.bigcheck-target:after {
    content:"\f096";
    /* In fontawesome, is an open square (fa-square-o) */
}
input.bigcheck:checked + span.bigcheck-target:after {
    content:"\f046";
    /* fontawesome checked box (fa-check-square-o) */
}
.toggle input.bigcheck + span.bigcheck-target:after {
    content:"\f204";
    /* In fontawesome, is an open square (fa-square-o) */
}
.toggle input.bigcheck:checked + span.bigcheck-target:after {
    content:"\f205";
    /* fontawesome checked box (fa-check-square-o) */
}
/* ==== optional - colors and padding to make it look nice === */
span.bigcheck {
    display: block;
    padding: 0.5em;
    ;
}
div.stars {
  width: 270px;
  display: inline-block;
}

.alap_border{
	border-bottom-style:solid;
	border-bottom-width:1PX;
	border-bottom-color: #CCC;
	}

input.star { display: none; }

label.star {
  float: right;
  padding: 10px;
  font-size: 36px;
  color: #bcd5d1;
  transition: all .2s;
}
.blur{
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
 }
input.star:checked ~ label.star:before {
  content: '\f005';
  color: #bcd5d1;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #bcd5d1;
  text-shadow: 0 0 20px #bcd5d1;
}

input.star-1:checked ~ label.star:before { color: #E3EEF0; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

.kozep{
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 3px solid #ccc;
    background-color: #333;
}


.ok1{
	float:left;
	margin: 0 0 0 2%;
	width:6%;
	height:20px;
	background-color: #C96;
	border-style:solid;
	border-color:#C96;
	border-width:1px;
	}
.ok2{
	float:left;
	margin: 0 0 0 2%;
	width:6%;
	height:20px;
	background-color: #C96;
	border-style:solid;
	border-color:white;
	border-width:1px;
	}
.barna{
	background-color:#C96;
	color:#222;
	}
.ok3{
	float:left;
	margin: 0 0 0 2%;
	width:6%;
	height:20px;
	background-color: transparent;
	border-style:solid;
	border-color:white;
	border-width:1px;
	}

::-webkit-scrollbar {
    width: 5px;
    height: 1em
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}
.arnyek{
	padding: 2px 5px ;
	margin:0 0 5px;
	background-color:#bcd5d1;
	font-weight: normal;
	color: #000;
	font-size:14px;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3)
}
.arnyek1{
	padding: 2px 5px ;
	margin:0 0 5px;
	background-color: rgba(50,50,50,0.7); 
	border-color:#bcd5d1;
	border-style:solid;
	border-width:medium;
	font-weight: normal;
	color: #fff;
	font-size:14px;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	border-radius: 0.6em;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3)
}
.hatter_a1 {
	background-color:rgba(255,255,255,0.3) ;
}
.hatter_a2 {
	background-color:rgba(255,255,255,0.1) ;
}

.hatter {
	background-color: rgba(0,0,0,0.2); 
	box-shadow: inset 0 50px rgba(255,255,255,0.2), 
             inset 0 -15px 30px rgba(0,0,0,0.4),
             0 5px 10px rgba(0,0,0,0.5);
	padding:2px;
	margin:2px;
	color:white;
	display: inline-table;
	position: relative;
	  vertical-align: top;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;

}
.hatter2 {
	padding:2px;
	margin: 2px;
	background-color: #5a5c51;
	border-color: #C96;
	border-style:solid;
	border-width:medium;
	color:white;
	display: inline-table;
	position: relative;
	  vertical-align: top;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px   #663300;

}

.hatter1{
	padding:2px;
	margin: 2px;
	background-color: #bcd5d1;
	border-color: #C96;
	border-style:solid;
	border-width:medium;
	color:black;
	  vertical-align: top;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	text-shadow:none;
}

.padding2{
	padding: 2px 2px 2px 2px;
	}
.kitar{
	margin: 2px 5%;
	width:90%;
	 animation-name: labda_1;
  -webkit-animation-name: labda_1;
          animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
}
.kitar1{
	 animation-name: labda_1;
  -webkit-animation-name: labda_1;
          animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
}
.arrow_box {
	position: relative;
	background: #bcd5d1;
	border: 2px solid #5a5c51;
	margin:5px;
	padding:2px;
	color:#000;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(188, 213, 209, 0);
	border-bottom-color: #bcd5d1;
	border-width: 10px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(90, 92, 81, 0);
	border-bottom-color: #5a5c51;
	border-width: 14px;
	margin-left: -34px;
}
.button1 {
	text-align:center;
	margin: 2px;
	padding: 5px;
	background-color: #5a5c51;
	border-color: #ccc;
	border-style:solid;
	border-width:medium;
	color:white;
	display: inline-block;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 6px 6px   #663300;
	text-shadow: 4px 4px 4px  #333333;
	vertical-align:middle;
	 animation-name: labda_1;
  -webkit-animation-name: labda_1;
          animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  }
.button_cell {
	padding: 2px 5px 2px 5px;
	background-color: #5a5c51;
	border-color: #ccc;
	border-style:solid;
	border-width:medium;
	color:white;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 6px 6px   #663300;
	text-shadow: 4px 4px 4px  #333333;
	 animation-name: labda_1;
  -webkit-animation-name: labda_1;
          animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  }
.button1 img {
	padding: 0px 15px 0 0;
	vertical-align:middle;
	}
.button1:hover {
	background-color:rgba(0,0,0,0.4);;
	border-color: #C96;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px   #663300;
	}
.button_cell:hover {
	background-color:rgba(0,0,0,0.4);;
	border-color: #C96;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px   #663300;
	}


@keyframes fadein {
    from {opacity:0;}to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}to {opacity:1;}
}
@keyframes labda_1 { 
 	0% {transform: scale(0.1);}
  	60% {transform: scale(1.0);}
 	80% {transform: scale(0.6);}
 	90% {transform: scale(1.0);}
 	95% {transform: scale(0.8);}
   	100% {transform: scale(1.0);}
  }
@-webkit-keyframes labda_1 { 
 	0% {transform: scale(0.1);}
  	60% {transform: scale(1.0);}
 	80% {transform: scale(0.6);}
 	90% {transform: scale(1.0);}
 	95% {transform: scale(0.8);}
   	100% {transform: scale(1.0);}
  }
@keyframes kinyit { 
  0% {transform: scaleX(0.1);}
  100% {transform: scaleX(1);}
  
  }
@-webkit-keyframes kinyit { 
 	0% {-webkit-transform:  scaleX(0.1);}
	100% {-webkit-transform:   scaleX(1);}
}


h2 {
	position: relative;
	background: #C96;
	border-left: 2px solid  #FFF;
	border-top: 2px solid  #FFF;
	border-radius:5px;
	cursor: pointer;
	padding: 2px;
	margin: 2px;
	font-weight: normal;
	color: #000;
	font-size:16px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
 	animation-name: kinyit;
  -webkit-animation-name: kinyit;
          animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
	
}

/* fejlécek jobb oldalán látható kis nyíl */
h2 span {
	position: absolute;
	right: 40px;
	margin-top: -5px;
	width: 30px;
	height: 30px;
	background: url('Icon/le.png') center center no-repeat;
	transition:  all 0.2s ease-in-out;
	opacity:0;
	border-color:transparent;
}
h2:hover {
	background: rgba(255,255,255,0.1);
	color:#FFF;
	border-left: 2px solid  #FFF;
	border-top: 2px solid  #FFF;

}
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

/* hoverre beúszik a nyíl */
h2:hover span {

	border-color:transparent;
	right: 20px;
	opacity: 1;
	transition: all 0.2s ease-in-out
}

/* tartalom */
div#accordion div {
	line-height: 1.2;
	font-size: 45%;
	padding: 1%	
}
div#accordion div p {
	margin: 0 0 0 5%;
	font-size: 15px;;

}
div#accordion div a:link {
    color: white;
}

/* visited link */
div#accordion div a:visited {
   color: white;
}

/* mouse over link */
div#accordion div a:hover {
   color: white;
}

/* selected link */
div#accordion div a:active {
   color: white;
}

/* aktív fejléc */
h2.ui-accordion-header-active {
	color: #fff;;
	background:888
}

/* aktív fejlécnél megfordítjuk a nyilat 180 fokkal */
h2.ui-accordion-header-active span {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity: 1;
	right: 20px
}

table,td,tr{
	 border: 0px none;
	 //border: 1px solid;
	 }
	#controls {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		height: 20%;
		width: 100%;
	}
	#record { height: 10vh; }
	#record.recording { 
		background: red;
		background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%); 
		background: -moz-radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%); 
		background: radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%); 
	}
	#save, #save img { height: 10vh; }
	#save { opacity: 0.25;}
	#save[download] { opacity: 1;}
	#viz {
		height: 80%;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}
	
#gomb_le,#gomb_fel{
	visibility:hidden;
}

input::placeholder {
  color: #bcd5d1;
  text-align:center;;
  
}
input[type="text"] {
	 font-size:1em;
	 width:100%;
	 color: #FFF;
	background-color:transparent;
	border:2px solid #bcd5d1;
	   box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
input[type="password"] {
	 font-size:1em;
	 color:#fff;
	background-color:transparent;
	border:2px solid #bcd5d1;
	   box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
alap15.error {
	background: #dc3522 no-repeat center left;
	color: #fff;
	text-indent: 20px;
	font-size: 15px;
}

@font-face {
    font-family: 'whatever'; /*a name to be used later*/
    src: url('/fonts/whatever.ttf'); /*URL to font*/
}
.order{
	border-bottom-style:solid;
	border-bottom-width:2PX;
	
	border-bottom-color:#88ACAC;
	}


table td
{
    padding: 0px 3px;
}
body {
	font-family: arial;
	padding: 0;
	font-size: 15px;
	margin: 0 auto;
	color: #ffffff;
	background-color: #2F4F4F;
	height:100%;
	background-image:url("image/Wooden-Background-214-625x306.jpg"); 
	background-repeat: repeat-x repeat-y;f	
}
#wrap{
	background-color: #2F4F4F;
	width:98%; 
	padding:5px 1% 5px 1%;
  	background-image:url("image/Wooden-Background-214-625x306.jpg"); 
	 background-repeat: repeat-x repeat-y;	
}


.footer {
	float:none;
	background:#ffab62;
	height: 50px;
	color:#000;
}
.push {
  height: 50px;
}
alap15.notice {
	color:#FFF;
	text-indent: 20px;
	background: url('../pics/icon_notice.png') #374140 no-repeat center left;
}

.alap_image {
    position:relative;
	float:left;
	text-align:left;
	
	
}

.alap2{
	font-family: arial;
	font-size: 2.0em;
	color: #FFF;
	vertical-align: middle;
	line-height: 80%;

}
.box {
    padding: 5px;
    border: solid 1px #555;
    background-color: #eed;
    width: 60px;
}
.lifted-corners {
    box-shadow: 0px 5px 8px rgba(0,0,0,0.6);
    position: relative;
}
 
.lifted-corners:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0px;
 
}
.alap20{
	font-family: arial;
	font-size:20px;
}

.alap15{
	font-family: arial;
	font-size: 15px;
	}
.alap10{
	font-family: arial;
	font-size:10px;
	}
.alap12{
	font-family: arial;
	font-size:12px;
	}


	
textarea{
	color:#fff;
	height:100%;
	border:2px solid;
	border-color:#bcd5d1;
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
	 font-size:12px;
	background-color: rgba(50,50, 50, 0.5);
	
}


 	

select:focus,input:focus, textarea:focus {
    outline: none;
}	

select {
    padding:0px;
	background-color:transparent;
	border-style:solid;
	border-color:transparent;
	border-bottom-width:3px;
	border-bottom-color:#bcd5d1;
	border-right-width:medium;
	border-right-color:#bcd5d1;
	border-radius: 20px;
	color:#fff;
	
	}
.col70{
    float: left;
    width: 70%;
 
  }
.col10{
    float: left;
    width: 10%;
 
 }
.col5{
    float: left;
    width: 5%;
 
 }
.col80{
    float: left;
    width: 80%;
 
  }

.col60{
    float: left;
    width: 60%;
 
  }

 .col30 {
    float: left;
    width: 30%;
  }
 .col33 {
    float: left;
    width: 33%;
  }
 .col50 {
    float: left;
    width: 50%;
  }
 .col45 {
    float: left;
    width: 45%;
  }

 .col40 {
    float: left;
    width: 40%;
  }
 .col25 {
    float: left;
    width: 25%;
  }
.col20 {
    float: left;
    width: 20%;
  }
.col2 {
    float: left;
    width: 2%;
  }

 .alap1{
	font-family: arial;
	font-size: 20px;
	color: #FFF;
	vertical-align: middle;
	top: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 85%;
  animation:         KEYFRAME-NAME 2s normal forwards;
}


select option {
    background:#333; 
	color:#CCC;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}


a { text-decoration:none }
.clear:before,
.clear:after {
	content:" ";
	display: table
}
.clear:after { clear: both }
.arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle
}
.arrow.down {
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}
.arrow.up {
	border-bottom: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

nav {
	width: 100%;
	background: #5a5c51
}
nav .navbar {
	width: 95%;
	max-width: 1000px;
	margin:0 auto
}
nav a { color: #fff }
nav .logo {
	float: left;
	display: inline-block;
	margin-top:14px
}
nav .menu-toggle {
	cursor: pointer;
	display: none;
	float: right;
	padding-top: 10px;
	margin: 5px 0;
	background: #5a5c51;
	transition: background-color .5s
}
nav .icon-bar {
	background-color: #fff;
	display: block;
	width: 30px;
	height: 4px
}
nav .icon-bar + .icon-bar { margin-top: 6px }

nav .menu ul { float: right }
nav .menu lx {
	float: left;
	list-style: none;
	border-bottom: 2px solid #5a5c51
}
nav .menu li:first-child { border-left: 0 }
nav .menu lx a,
nav .open-submenu {
	color: #fff;
	cursor: pointer;
	position: relative;
	display: block;
	padding: 6px 12px;
	transition: background-color .3s;
	border-bottom: 2px solid #5a5c51;
}
nav .menu lx a:hover,
nav .open-submenu:hover ,
nav .open-submenu.active,
nav .menu-toggle.active  {
	background: #000;
	transition: background-color.5s;
	border-bottom: 2px solid #fff;
	transition: border-bottom-color .5s;

	}
nav .menu ul ul {
	z-index: 100;
	display: none;
	float: none;
	position: absolute;
	background: #222
}
nav .menu ul ul lx {
	float: none;
	border: 0
}
nav .menu ul ul a:hover {
	background: #5a5c51;
	transition: background-color .3s;
}
nav .menu lx img {
		float:inherit;
	}

@media(max-width:950px) {

#wrap{
	padding:5px 1% 5px 1%;
	width:98%;
}
	
.col40 {
    float: left;
    width: 100%;
  }
.col10 {
    float: left;
    width: 100%;
  }

.col45 {
    float: left;
    width: 100%;
  }
.col50 {
    float: left;
    width: 100%;
  }
.col25 {
    float: left;
    width: 100%;
  }
.col20 {
    float: left;
    width: 100%;
  }

.col30 {
    float: left;
    width: 100%;
  }
.col33 {
    float: left;
    width: 100%;
  }
.col70{
	
    float: left;
    width: 100%;
  }
.col80{
	
    float: left;
    width: 100%;
  }

col60{
	
    float: left;
    width: 100%;
  }

.col2{
	
    float: left;
    width: 100%;
  }

	nav .logo { margin: 5px }
	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both }
	nav .menu > ul { float: none }
	nav .menu lx { width: 100%; border: 0 }
	nav .menu lx:last-child { margin: 0 0 15px 0 }
	nav .menu lx a,
	nav .open-submenu {
		display: block;
		background: #222;
		padding: 10px;
		margin: 2px 0 0 0
	}
	nav .menu ul ul {
		position: static;
		background: transparent;
		display:none;
		vertical-align:top;
	}
	
	
	nav .menu lx img {
		top:-20px;
		float:left;
		padding-right:10px
	}
	nav .menu ul ul a { background: transparent }
	nav .menu ul ul a:hover { background: #000 }


.alap1{
	font-family: arial;
	font-size: 25px;
	color: #FFF;
	vertical-align: middle;
	top: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 85%;
  animation:         KEYFRAME-NAME 2s normal forwards;
}