h1,h2,h3,h4,h5,h6,ul,li,body,div,section,a,ol,a{
	margin: 0;
	list-style: none;
	text-decoration: none;
	padding: 0;
}

body{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

/*----------------------------------RESET ELEMENTS----------------------------*/
b, strong {
	font-weight:bold;
}

/*----------------------------------GRID ELEMENTS----------------------------*/
section{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}

.row{
	width: 100%;
	clear: both;
	height: auto;
	box-sizing:border-box;
	font-size: 14px;
	float: left;
}

input{
	box-sizing:border-box;
}

div[class*="col-"],nav[class*="col-"],ul[class*="col-"],section[class*="col-"] {
	display: inline-block;
	box-sizing:border-box;
	float: left;
}


.debug div[class*="col-"],.debug section[class*="col-"] {
	display: inline-block;
	box-sizing:border-box;
	float: left;
	height: 200px;
	border: 1px solid #ccc;
}

.site{
	margin: 0 auto;
}

.mw1200{
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.mw1300{
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	height: auto;
}

.pad-0{
	padding: 0;
}

.pad-1{
	padding: 1px;
}

.pad-2{
	padding: 2px;
}

.pad-3{
	padding: 3px;
}

.pad-4{
	padding: 4px;
}


.pad-5{
	padding: 5px;
}

.pad-6{
	padding: 6px;
}

.pad-7{
	padding: 7px;
}

.pad-8{
	padding: 8px;
}

.pad-9{
	padding: 9px;
}

.pad-10{
	padding: 10px;
}

.pad-20{
	padding: 20px;
}

.pad-25{
	padding: 25px;
}

.pad-30{
	padding: 30px;
}

.pad-40{
	padding: 40px;
}

.pad-50{
	padding-right: 50px;
}


.pad-r-0{
	padding-right: 0;
}

.pad-r-5{
	padding-right: 5px;
}

.pad-r-10{
	padding-right: 10px;
}

.pad-r-20{
	padding-right: 20px;
}

.pad-r-30{
	padding-right: 30px;
}

.pad-r-40{
	padding-right: 40px;
}

.pad-r-50{
	padding-right: 50px;
}


.pad-l-0{
	padding-left: 0;
}

.pad-l-5{
	padding-left: 5px;
}

.pad-l-10{
	padding-left: 10px;
}

.pad-l-20{
	padding-left: 20px;
}

.pad-l-30{
	padding-left: 30px;
}

.pad-l-40{
	padding-left: 40px;
}

.pad-l-50{
	padding-left: 50px;
}


.pad-t-0{
	padding-top: 0;
}

.pad-t-10{
	padding-top: 10px;
}

.pad-t-20{
	padding-top: 20px;
}

.pad-t-30{
	padding-top: 30px;
}

.pad-t-40{
	padding-top: 40px;
}

.pad-t-50{
	padding-top: 50px;
}


.pad-b-0{
	padding-bottom: 0;
}

.pad-b-10{
	padding-bottom: 10px;
}

.pad-b-20{
	padding-bottom: 20px;
}

.pad-b-30{
	padding-bottom: 30px;
}

.pad-b-40{
	padding-bottom: 40px;
}

.pad-b-50{
	padding-bottom: 50px;
}



.mar-0{
	margin: 0;
}

.mar-1{
	margin: 1px;
}

.mar-2{
	margin: 2px;
}

.mar-3{
	margin: 3px;
}

.mar-4{
	margin: 4px;
}


.mar-5{
	margin: 5px;
}

.mar-10{
	margin: 10px;
}

.mar-20{
	margin: 20px;
}

.mar-25{
	margin: 25px;
}

.mar-30{
	margin: 30px;
}

.mar-40{
	margin: 40px;
}

.mar-50{
	margin-right: 50px;
}


.mar-r-0{
	margin-right: 0;
}

.mar-r-10{
	margin-right: 10px;
}

.mar-r-20{
	margin-right: 20px;
}

.mar-r-30{
	margin-right: 30px;
}

.mar-r-40{
	margin-right: 40px;
}

.mar-r-50{
	margin-right: 50px;
}


.mar-l-0{
	margin-left: 0;
}

.mar-l-10{
	margin-left: 10px;
}

.mar-l-20{
	margin-left: 20px;
}

.mar-l-30{
	margin-left: 30px;
}

.mar-l-40{
	margin-left: 40px;
}

.mar-l-50{
	margin-left: 50px;
}


.mar-t-0{
	margin-top: 0;
}

.mar-t-10{
	margin-top: 10px;
}

.mar-t-20{
	margin-top: 20px;
}

.mar-t-30{
	margin-top: 30px;
}

.mar-t-40{
	margin-top: 40px;
}

.mar-t-50{
	margin-top: 50px;
}


.mar-b-0{
	margin-bottom: 0;
}

.mar-b-10{
	margin-bottom: 10px;
}

.mar-b-20{
	margin-bottom: 20px;
}

.mar-b-30{
	margin-bottom: 30px;
}

.mar-b-40{
	margin-bottom: 40px;
}

.mar-b-50{
	margin-bottom: 50px;
}




.h-100p{
	height: 100%;
}

.h-a{
	height: auto;
}


.h-50p{
	height: 50%;
}

.h-40px{
	height: 40px;
}

.h-45px{
	height: 45px;
}

.h-90px{
	height: 90px;
}

.h-100px{
	height:100px;
}

.h-200px{
	height:200px;
}

.h-300px{
	height:300px;
}

.h-400px{
	height:400px;
}

.h-500px{
	height:500px;
}


.col-a{
	width: auto;
}

.col-1{
	width: 10%;
}

.col-2{
	width: 20%;
}

.col-25{
	width: 25%;
}

.col-3{
	width: 30%;
}

.col-33{
	width: 33%;
}

.col-4{
	width: 40%;
}

.col-5{
	width: 50%;
}

.col-6{
	width: 60%;
}

.col-7{
	width: 70%;
}

.col-75{
	width: 75%;
}

.col-8{
	width: 80%;
}

.col-9{
	width: 90%;
}

.col-10{
	width: 100%;
}

.col-frame{
	display: block;
}



.fright,div.fright[class*="col-"]{
	float: right;
}

/*-------------------------------COL BASE STYLE-------------------------------*/
.column-frame-content{
	width: 100%;
	float: left;
	height: auto;
	background-color: white;
}

.column-frame{
	width: 100%;
	position: relative;
	height: 100%;
	float: left;
	box-sizing:border-box;
	display: block;
}

.column-frame .column-content{
	width: 100%;
	height: auto;

	
	
	float: left;
	box-sizing:border-box;
	padding:8px 5px;
}


.column-head{
	width: 100%;
	height: auto;
	float: left;
	box-sizing:border-box;
	background-color:rgba(221, 221, 221, 0.28);
	padding: 10px;
}

.column-head .title{
	float: left;
	width: auto;
}


/*-----------------------------ROW COLORS ----------------------*/
.blue{
	/* #2196f3;
		Hover:
		background-color: #0c7cd5;
    	border-color: #0b76cc;

	*/
}

.red{
	/* #f44336;
		Hover:
		background-color: #ea1c0d;
    	border-color: #e11b0c;
	*/
}

.green{
	/* #4caf50;
		Hover:
		background-color: #3d8b40;
   		border-color: #39843c;;
	*/
}

.orange{
	/* #ff5722;
		hover:
		background-color: #ee3900;
    	border-color: #e43700;
	*/
}

.lightblue{
	/* #00bcd4;
		Hover:
		background-color: #008fa1;
    	border-color: #008697;
	*/
}

.brown{
	/* #795548;*/
}

.teal{
	/* #4db6ac;
		Hover:
		background-color: #00897b;
    	border-color: #00897b;
	*/
}





/*------------COL BORDER------*/
div[class*="col-"].blue div.column-frame{
	border-color:#2196f3 #ddd #ddd #ddd;
}

div[class*="col-"].red div.column-frame{
	border-color:#f44336 #ddd #ddd #ddd;
}
 
div[class*="col-"].green div.column-frame{
	border-color:#4caf50 #ddd #ddd #ddd;
}

div[class*="col-"].orange div.column-frame{
	border-color: #ff5722 #ddd #ddd #ddd;
}

div[class*="col-"].lightblue div.column-frame{
	border-color: #00bcd4 #ddd #ddd #ddd;
}

div[class*="col-"].brown div.column-frame{
	border-color:#795548 #ddd #ddd #ddd;
}

div[class*="col-"].teal div.column-frame{
	border-color:#4db6ac #ddd #ddd #ddd;
}



div[class*="col-"].green-fill div.column-frame{
	border-color:#4caf50 #ddd #ddd #ddd;
}


/*------------COL HEADER------*/

div[class*="col-"].blue .column-head{
	background-color:rgba(33, 150, 243, 0.1);
}

div[class*="col-"].red .column-head{
	background-color:rgba(244, 67, 54, 0.11);
}

div[class*="col-"].green .column-head{
	background-color:rgba(76, 175, 80, 0.1);
}

div[class*="col-"].orange .column-head{
	background-color: rgba(255, 87, 34, 0.1);
}

div[class*="col-"].lightblue .column-head{
	background-color: rgba(0, 188, 212, 0.11);
}

div[class*="col-"].brown .column-head{
	background-color:rgba(121, 85, 72, 0.1);
}

div[class*="col-"].teal .column-head{
	background-color:rgba(77, 182, 172, 0.11);
}



div[class*="col-"].green-fill .column-head{
	background-color:#017F01;
	color: white;
}


/*------------COL SETTINGS------*/
div[class*="col-"].blue .ui-menu ul li:hover{
	background-color:rgba(33, 150, 243, 0.4);
}

div[class*="col-"].red .ui-menu ul li:hover{
	background-color:rgba(244, 67, 54, 0.41);
}

div[class*="col-"].green .ui-menu ul li:hover{
	background-color:rgba(76, 175, 80, 0.4);
}

div[class*="col-"].orange .ui-menu ul li:hover{
	background-color: rgba(255, 87, 34, 0.4);
}

div[class*="col-"].lightblue .ui-menu ul li:hover{
	background-color: rgba(0, 188, 212, 0.41);
}

div[class*="col-"].brown .ui-menu ul li:hover{
	background-color:rgba(121, 85, 72, 0.3);
}

div[class*="col-"].teal .ui-menu ul li:hover{
	background-color:rgba(77, 182, 172, 0.41);
}


background-color: rgba(77, 182, 172, 0.7);
/*------------COL TABLE EVEN------*/
div[class*="col-"].blue table.list > tbody > tr.even{
	background-color:rgba(33, 150, 243, 0.1);
}

div[class*="col-"].red table.list > tbody > tr.even{
	background-color:rgba(244, 67, 54, 0.11);
}

div[class*="col-"].green table.list > tbody > tr.even{
	background-color:rgba(76, 175, 80, 0.1);
}

div[class*="col-"].orange table.list > tbody > tr.even{
	background-color: rgba(255, 87, 34, 0.1);
}

div[class*="col-"].lightblue table.list > tbody > tr.even{
	background-color: rgba(0, 188, 212, 0.11);
}

div[class*="col-"].brown table.list > tbody > tr.even{
	background-color:rgba(121, 85, 72, 0.3);
}

div[class*="col-"].teal table.list > tbody > tr.even{
	background-color:rgba(77, 182, 172, 0.11);
}


/*------------COL TABLE THEAD------*/
div[class*="col-"].blue table.list > thead{
	background-color:rgba(33, 150, 243, 0.6);
}

div[class*="col-"].red table.list > thead{
	background-color:rgba(244, 67, 54, 0.61);
}

div[class*="col-"].green table.list > thead{
	background-color:rgba(76, 175, 80, 0.6);
}

div[class*="col-"].orange table.list > thead{
	background-color: rgba(255, 87, 34, 0.6);
}

div[class*="col-"].lightblue table.list > thead{
	background-color: rgba(0, 188, 212, 0.61);
}

div[class*="col-"].brown table.list > thead{
	background-color:rgba(121, 85, 72, 0.3);
}

div[class*="col-"].teal table.list > thead{
	background-color:rgba(77, 182, 172, 0.61);
}



button.blue-fill{
	padding:6px;
	border: none;
	background-color:rgba(33, 150, 243, 1);
	color: white;
}

button.blue-fill:hover{
	background-color: #0b76cc;
	cursor: pointer;
	    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.62);
}

button.red-fill{
	padding:6px;
	border: none;
	margin: 0 5px;
	background-color:rgba(244, 67, 54, 1);
	color: white;
}

button.red-fill:hover{
	background-color: #ea1c0d;
	cursor: pointer;
	    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.42);
}

/*---------------------UI Elements ----------------------*/

.ui-menu{
	width: auto;
	/*height: 25px;*/
	float: right;

	/*position: static;*/
	z-index: 100;
	border-left: 1px solid #ddd;
	
	

}

div[class*="abs-"]{
	position: absolute;
}

.abs-top-right{
	top: 7px;
	z-index: 10;
	right: 5px;
}

.ui-menu div.relative span{
	float: left;
	line-height: 25px;
	margin: 0 5px;
}

.ui-menu div.relative{
	position: relative;
	display: block;


	float: left;
	box-sizing:border-box;
}


.ui-menu i.icon{
	width: 20px;
	/*height: 25px;*/
	display: block;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	z-index: 10;
	opacity: 1;
	float: left;
}

.ui-menu i.ui-icon{
	position: static;
	right: 0;

	text-align: center;
	top: 0;
	float: left;
	width: 20px;
	height: 25px;
	line-height: 25px;
}

.ui-menu:hover ul,.ui-menu:hover .ui-menu-content{
	display: block;
}


.ui-menu:hover{
	cursor: pointer;
	z-index: 20;
}

.ui-menu ul,.ui-menu .ui-menu-content{
	display: none;
	position: absolute;
	top: 25px;
	z-index: 110;
	right: 0;
	width: auto;
	height: auto;
	background-color: white;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    /*border: 1px solid #ccc;*/
    border-radius: 3px;
}

.ui-menu ul{
	position: static;
	text-align: left;
	display: block;
	top: 0;
}

.ui-menu ul li:last-child{
	border:none;
}

.ui-menu ul li{
	float:left;
	width: 100%;
	height: auto;
	white-space: nowrap;
	min-height: 27px;
	box-sizing:border-box;
	
	padding: 5px 10px;
	margin: 2px 0;
}


.ui-menu ul li.icon{
	
	padding-left: 30px;
	position: relative;
}

.ui-menu ul li:hover{
	background-color:#f5f5f5 ;
}

.ui-menu ul li.icon:hover i{
	opacity: 1;
}

.ui-menu ul li.icon i{
	color: black;
	position: absolute;
	left: 0;
	opacity: 0.6;
	line-height: 27px;
	height: 27px;
	width: 30px;
	font-size: 16px;
	top: 0;
}

.btn i.icon{
	opacity: 1;
	height: 20px;
	width: 20px;
	line-height: 20px;
}

.btn{
	height: auto;
	line-height: 20px;
		box-sizing:border-box;
	-webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.btn.fb-button{
	background-color:#5b74a8;
	color: white;
}

.btn.fb-button:hover{
	background-color:#3a5795 ;
}

.btn.gg-button{
	background-color: #F56C62;
	color: white;
}

.btn.gg-button:hover{
	background-color:#f44336 ;
}

.btn:hover{
	cursor: pointer;
}



.anim-width{
	-webkit-transition: width 0.4s ease-in-out;
  -moz-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.anim-color{
		-webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.anim-hover-color:hover{
		-webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.anim-bgcolor{
		-webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}


.txt-center{
	text-align: center !important;
}

.border-none{
	border:none !important;
}


/*------------------------MENU----------------------*/
nav.menu{
	width: 100%;
	float: left;
	height: auto;
	box-sizing:border-box;
	background-color: #37474f;
	z-index: 1000;
    border-color: #37474f;
    position: relative;
    font-size: 13px;
}


.menu ul.main{
	float: left;
	width: auto;
	height: auto;
	color: white;
}

.menu ul.main li.main{
	float: left;
	width: auto;
	position: relative;

	height: auto;
}

.menu ul.main li.main a{
	    padding: 10px 10px;
    float: left;
    box-sizing:border-box;
    width: 100%;
    white-space: nowrap;
}

.menu ul.main li.main:hover{
	cursor: pointer;
	background-color: #64808E;
}

.menu ul.main li.main ul.main-sub li a:hover{
	background-color: #f5f5f5;
	cursor: pointer;
}

.menu ul.main li.main a i.icon-left{
	margin-right: 10px;
}

.menu ul.main li.main a i.icon-right{
	margin-left: 10px;
}

.menu ul.main li.main ul.main-sub li a.icon-right{
	padding-right: 30px;
}

.menu ul.main li.main:hover ul.main-sub{
	display: block;
}

.menu ul.main li.main ul.main-sub{
	position: absolute;
	background-color: white;
	width: auto;
	color: black;
	float: left;
    min-width: 200px;
    display: none;
	top: 100%;
	    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
   
    border-radius: 3px;
}

.menu ul.main li.main ul.main-sub li{
	width: 100%;
	float: left;
	position: relative;
	height: 35px;
}

.menu ul.main li.main ul.main-sub li i.icon-right{
	position: absolute;
	width: 30px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	right: 0;
	top: 0;
}


.menu ul.main li.main ul.main-sub li ul.sub-sub{
	position: absolute;
	float: left;
	width: auto;
	min-width: 200px;
	display: none;
	top: 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	left: 100%;
	background-color: white;
}

.menu ul.main li.main ul.main-sub li:hover ul.sub-sub{
	display: block;
}



.menu ul.main.left{
	float: left;
}


.menu ul.main {
	float:right; 
}

.menu ul.main.right li.main ul.main-sub{
	right: 0;
	left: auto;
}
 

.menu ul.main.right  li.main ul.main-sub li.{
	padding-left: 30px;
	padding-right: 0;
	left: 0;
	right: auto;
}



.menu ul.main.right li.main ul.main-sub li ul.sub-sub{
	right: 100%;
	left: auto;
}

.menu ul.main.right li.main ul.main-sub li a.icon-right{
	padding-right: 0;
	padding-left: 30px;
		transform: translateY(0%);
    -webkit-transform: translateY(0%);
    animation-name: menuSlideRight;
    animation-duration: 200ms;
    animation-timing-function: ease;
    -webkit-animation-name: menuSlideRight;
    -webkit-animation-duration: 200ms;
    -webkit-animation-timing-function: ease;
}

.menu ul.main.right li.main ul.main-sub li a.icon-right i.icon-right{
	left: 0px;
	margin-left: 0;

	right: auto;
}

.menu ul.main.right li.main ul.main-sub li a.icon-right i.icon-right:before{
	content:"\f3d2";
}

/*---------------------ANIMATIONS---------------------*/
.menu-animation-slidedown{
	transform: translateY(0%);
    -webkit-transform: translateY(0%);
    animation-name: menuSlideDown;
    animation-duration: 200ms;
    animation-timing-function: ease;
    -webkit-animation-name: menuSlideDown;
    -webkit-animation-duration: 200ms;
    -webkit-animation-timing-function: ease;
}


.menu-animation-slideleft{
	transform: translateY(0%);
    -webkit-transform: translateY(0%);
    animation-name: menuSlideLeft;
    animation-duration: 200ms;
    animation-timing-function: ease;
    -webkit-animation-name: menuSlideLeft;
    -webkit-animation-duration: 200ms;
    -webkit-animation-timing-function: ease;
}


.menu-animation-slideleft{
	transform: translateY(0%);
    -webkit-transform: translateY(0%);
    animation-name: menuSlideRight;
    animation-duration: 200ms;
    animation-timing-function: ease;
    -webkit-animation-name: menuSlideRight;
    -webkit-animation-duration: 200ms;
    -webkit-animation-timing-function: ease;
}




    
@keyframes menuSlideDown {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}

	100% {
		opacity: 1;
		transform: translateY(0%);
	}

}

@-webkit-keyframes menuSlideDown {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}

	100% {
		opacity: 1;
		transform: translateY(0%);
	}

}



    
@keyframes menuSlideLeft {
	0% {
		opacity: 0;
		transform: translateX(-10%);
	}

	100% {
		opacity: 1;
		transform: translateX(0%);
	}

}

@-webkit-keyframes menuSlideLeft {
	0% {
		opacity: 0;
		transform: translateX(-10%);
	}

	100% {
		opacity: 1;
		transform: translateX(0%);
	}

}


    
@keyframes menuSlideRight {
	0% {
		opacity: 0;
		transform: translateX(10%);
	}

	100% {
		opacity: 1;
		transform: translateX(0%);
	}

}

@-webkit-keyframes menuSlideRight {
	0% {
		opacity: 0;
		transform: translateX(10%);
	}

	100% {
		opacity: 1;
		transform: translateX(0%);
	}

}



/*--MENU--*/
ul.menu-inline li{
	display: inline-block;
}







/*-------CSS ANIMATION -------*/


.anim-fadeLeft.in-viewport{
	animation: 0.6s ease 0s normal none 1 fadeInLeft;
    -webkit-animation: 0.6s ease 0s normal none 1 fadeInLeft;
    -moz-animation: 0.6s ease 0s normal none 1 fadeInLeft;
    opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
}


@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}

	100% {
		opacity: 1;
		transform: translateY(0%);
	}

}

@-webkit-keyframes menuSlideDown {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}

	100% {
		opacity: 1;
		transform: translateY(0%);
	}

}



#qaptcha_container{

	height: auto;
	background-color: #FF4343;
	display: table;
	position: relative;
	box-sizing:border-box;
	padding-left: 50px;
	min-height: 50px;
	height: 50px;
	padding-right: 20px;
}

#qaptcha_container.unlocked{
	background-color: rgba(0, 153, 0, 0.77);
}

.qaptcha-box{

	width: 100%;
	height: auto;
	float: left;
	text-align: center;

}

.qaptcha-box-in label{
	position: absolute;
	top: 0;
	left: 0;

}

.qaptcha-box-in{
	box-sizing:border-box;
	padding-top: 15px;
	position: relative;
	display: inline-block;
	float: none;
	width: auto;
	height: auto;
}

#qaptcha_container i{
	float: left;
	width: 50px;
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: white;
	font-size:20px; 
}

div#qaptcha_container div.locked{
	width: 100%;
	height: 100%;
}

div#qaptcha_container div.qaptcha-status-text{
	margin: 0;
	
	min-height: 70px;
	display: table-cell;
	float: none;
	vertical-align: middle;
}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}


.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }


  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }


  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }


  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }

}


@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }


  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }


  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }


  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }

}


.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}


@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }


  25%, 75% {
    opacity: 0;
  }

}


@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }


  25%, 75% {
    opacity: 0;
  }

}


.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }


  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }


  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}


@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }


  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }


  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}


.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }


  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }


  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }


  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }


  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }


  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }


  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}


@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }


  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }


  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }


  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }


  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }


  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }


  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}


.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}


@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }


  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

}


@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }


  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

}


.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}


@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }


  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }


  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }


  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }


  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

}


@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }


  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }


  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }


  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }


  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

}


.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}


@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }


  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }


  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }


  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }


  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}


@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }


  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }


  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }


  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }


  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}


.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }


  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }


  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }


  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }


  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }


  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }


  to {
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }


  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }


  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }


  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }


  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }


  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }


  to {
    -webkit-transform: none;
    transform: none;
  }

}


.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}


@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }


  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }


  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }


  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }


  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }


  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }


  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }


  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }

}


@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }


  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }


  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }


  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }


  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }


  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }


  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }


  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }

}


.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}


@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }


  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }


  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }


  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }


  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}


@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }


  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }


  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }


  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }


  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}


.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}


@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }


  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }


  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }


  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }


  to {
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }


  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }


  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }


  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }


  to {
    -webkit-transform: none;
    transform: none;
  }

}


.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}


@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }


  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }


  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }


  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }


  to {
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }


  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }


  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }


  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }


  to {
    -webkit-transform: none;
    transform: none;
  }

}


.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}


@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }


  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }


  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }


  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }


  to {
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }


  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }


  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }


  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }


  to {
    -webkit-transform: none;
    transform: none;
  }

}


.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}


@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }


  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }


  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }


  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }


  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }


  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }


  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }


  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}


@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }


  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }


  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

}


@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }


  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }


  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

}


.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}


@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }


  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

}


@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }


  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

}


.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}


@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

}


@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

}


.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}


@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

}


@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

}


.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}


@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }


  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

}


@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }


  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

}


.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }


  to {
    opacity: 1;
  }

}


@keyframes fadeIn {
  from {
    opacity: 0;
  }


  to {
    opacity: 1;
  }

}


.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}


@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}


@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
  }

}


@keyframes fadeOut {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
  }

}


.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}


@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

}


@keyframes fadeOutDown {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

}


.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}


@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

}


@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

}


.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}


@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

}


@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

}


.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}


@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

}


@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

}


.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}


@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

}


@keyframes fadeOutRight {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

}


.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}


@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

}


@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

}


.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}


@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

}


@keyframes fadeOutUp {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

}


.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}


@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

}


@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

}


.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}


@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }


  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }


  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

}


@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }


  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }


  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

}


.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}


@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }


  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }


  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }


  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

}


@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }


  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }


  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }


  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

}


.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}


@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }


  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }


  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }


  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

}


@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }


  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }


  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }


  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

}


.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}


@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }


  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }


  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }

}


@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }


  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }


  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }

}


.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}


@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }


  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }


  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

}


@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }


  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }


  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

}


.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}


@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }


  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }


  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }


  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }


  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }


  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }


  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}


@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }


  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

}


@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }


  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

}


.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}


@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}


@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}


@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}


@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}


@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }


  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

}


.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}


@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }

}


@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }

}


.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}


@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

}


@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

}


.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}


@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

}


@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

}


.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}


@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

}


@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

}


.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}


@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }

}


@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }


  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }

}


.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}


@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }


  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }


  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }


  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }

}


@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }


  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }


  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }


  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }

}


.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }


  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

}


.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }

}


@keyframes rollOut {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }

}


.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}


@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }


  50% {
    opacity: 1;
  }

}


@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }


  50% {
    opacity: 1;
  }

}


.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}


@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}


@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}


@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}


@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }


  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }


  to {
    opacity: 0;
  }

}


@keyframes zoomOut {
  from {
    opacity: 1;
  }


  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }


  to {
    opacity: 0;
  }

}


.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}


@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}


@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }

}


@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }

}


.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}


@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }

}


@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }


  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }

}


.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}


@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }


  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

}


.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}


@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}


@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}


@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }


  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}


@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

}


@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

}


.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}


@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

}


@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

}


.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}


@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

}


@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

}


.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}


@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

}


@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

}


.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*! jQuery UI - v1.11.4 - 2015-12-09
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}


.ui-front {
	z-index: 100;
}



/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}



/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}



/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}


/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}


.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}


.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}


.ui-front {
	z-index: 100;
}



/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}



/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}



/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}


/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}


.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}


.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

body{
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	    color: #666;
}

/*-------SWIPER--------*/
.swiper-container{
	height: 420px;
	float: left;
	overflow: hidden;
	width: 100%;
}

.swiper-container img{
	width: 100%;
}

.avatar{
	width: 300px;
	float: left;
	height: 60px;
	position: relative;
	display: table;
	box-sizing:border-box;
	padding-left: 60px;
}

.avatar b{
	display: table-cell;
	vertical-align: middle;
}

.avatar img{	
	position: absolute;
	left: 5px;
	top: 5px;
}

.menu a{
	font-size: 14px;
	line-height: 45px;
	padding:0 12px;
	height: 100%;
	float: left;
	text-transform: uppercase;
	border-top: 2px solid transparent;
	height: 45px;
	color: white;
	box-sizing:border-box;
	-webkit-transition: border-color 0.4s ease-in-out;
  -moz-transition: border-color 0.4s ease-in-out;
  -o-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
}

.menu a:hover{
	border-color:#96BF0D;
}

input[type="text"],input[type="password"],textarea{
	background-color:#f3f3f3;
	border: 1px solid #cfd1d2;
	padding: 4px;
}

.menu li{
	height: auto;
	float: left;
	height: 100%;
}

.menu{
	margin-top: -2px;
}

.logo{
	width: 250px;
	height: 90px;
	background-size:auto 90% ;
	background-repeat: no-repeat;
	background-position: center;
}

div.login{
	padding-left: 10px;
	padding-right: 0px;
}

.menu-line nav{
	height: 45px;
}

header{
	padding-top: 10px;
	float: left;

	width: 100%;
	height: auto;
	background: #017F01;
	
}

.menu-line.mobil-nav{
	position: fixed;
	
	bottom: 0;
	display: none;
	left: 0;
	z-index:100;
	background-color: transparent;
	box-shadow: none;
	border:none;
}

.menu-line.mobil-nav .menu-button{
	opacity: 0.5;
}

.menu-line.mobil-nav .menu-button:hover{
	opacity: 1;
}

.menu-line.mobil-nav .menu-button i{
	color: white;
	background-color: #017F01;
	border:1px solid white;
}


.banner{
	background-color:rgba(204, 204, 204, 0.3);
	min-height:420px;
	border-bottom: 2px solid #96BF0D;
	position: relative;
}

.swiper-pagination-switch{
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px;
	background-color: rgba(150, 191, 13, 0.58);
}

.swiper-pagination-switch:hover{
	background-color: rgba(150, 191, 13,1);
	cursor: pointer;
}

.swiper-pagination-switch.swiper-active-switch{
	background-color: #e67a32;
	cursor: pointer;
}

.pagination-out{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 100%;
	background-color: #96BF0D;
	background-color: #fff;
	z-index: 1001;
}

.swiper-slide{
	position: relative;
}

.swiper-slide .details h1{
	color: #017F01;
}

.swiper-slide .details p{
	color: black;
	font-size: 16px;
}

.swiper-slide .details{
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0;
	background-color: rgba(255, 255, 255, 0.64);
	box-sizing:border-box;
	padding: 10px;
}

.pagination{
	float: left;
	width: 100%;
	height: 30px;
	text-align: center;
}

.menu-line.mobil-nav .menu-button{
	color: white;

}


.menu-line.mobil-nav .basket,.menu-line.mobil-nav .search{
	background-color: #E67A32;
	border:none;
	opacity: 0.5;
	color: white;
}

.menu-line.mobil-nav .basket:hover,.menu-line.mobil-nav .search:hover{
	opacity: 1;
}

header .top{
	position: relative;
	/*background-image:url('http://www.kerteszkedj.hu/templates/default/img/grass.png');
	background-size:  auto 90px;*/
	background-image:url('http://www.kerteszkedj.hu/templates/default/img/grass.jpg');
	background-repeat: repeat-x;
	/*background-image:url('http://www.kerteszkedj.hu/templates/default/img/grass.png');
	background-size:  auto 90px;*/
}

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

.menu-line.fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

.nav-col{
	box-shadow:inset 0 3px 5px rgba(0,0,0,0.4);
	border-top: 1px solid #ededed;
	background-color: #009900;
}

.login [class*="col-"]{
	height: 40px;
}

.column-frame.user-menu a{
	color: white;
}

.column-frame.user-menu{
	border-radius: 4px;
	background-color: #96BF0D;
	color: white;
	border:1px solid rgba(255,255,255,0.5);
	padding: 0 0;
}

.column-frame.user-menu div.ui-menu:hover{
	
	background-color: white;
}

.column-frame.user-menu div.ui-menu:hover a{
	color: #96BF0D;
}

.column-frame.user-menu div.ui-menu{
	float: left;
	width: auto;
	height: 100%;
	box-sizing:border-box;
	text-transform: uppercase;
	font-size: 13px;
	color: white;

	text-align: center;
	padding: 0 3px 0px 3px;

	line-height: 28px;
}

.menu-line{
	position: relative;
}

.column-frame.user-menu div.ui-menu span{
	float: left;
    margin: 0 5px 0 0px;
    max-width: 123px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.column-frame.user-menu .ui-menu-content{
	width: 100%;
	left: 0;
	top:100%;
}

.column-frame.user-menu div.ui-menu i.icon{
	float: left;
	font-size: 20px;
	line-height: 28px;
	height: 28px;
	margin: 0 5px;
}

.column-frame.user-menu .ui-menu ul li{
	overflow: hidden;
	text-overflow:ellipsis;
}

.column-frame.user-menu .ui-menu ul li a{
	color: #888 !important;
}

.column-frame.user-menu .ui-menu ul li a{
	display: block;
}

.column-frame.user-menu .ui-menu ul li i.icon{
	    float: left;
    font-size: 20px;
    line-height: 38px;
    height: 38px;
    margin:0;
}

/*.column-frame.user-menu a:hover{
	background-color: white;
	color: #96BF0D;
}
*/

.column-frame.search{
	width:200px;
	overflow: hidden;
	border-radius: 4px;
}

.column-frame.search input{
	height: 100%;

	outline: none;
	width: 135px;
	padding: 5px;
	box-sizing:border-box;
	border: none;
}

.column-frame.search button{
	width: 60px;
	margin: 0;
	height: 25px;
	margin-top: 2.5px;
	margin-right: 2.5px;
	border-radius: 4px;
	background-color: #e67a32;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	border: none;
	float: right;
	box-sizing:border-box;
}

.column-frame.search button:hover{
	cursor: pointer;
	background-color: #B85F25;
}

.login-form{
	float: left;
	width: 100%;
	box-sizing:border-box;
	padding: 10px;
	height: auto;
}

.login-form label{
	color: black;
}

.login-form .row{
	padding: 5px;
}

.login-form .row{
	border-bottom:1px solid #ededed;
}

.login-form label,.login-form input{
	height: 25px !important;
	line-height: 20px;
	margin: 0;
	padding: 3px 0;
	text-align: left;
	font-size: 12px;
	box-sizing:border-box;
	float: left;
}

.login-form .btn{
	
}


.btn{
	border: none;
	background-color: #ededed;
	outline: none;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 4px;
}

.btn:hover{
	background-color:#017F01 ;
	color: white;
}

.column-frame.user-menu div.ui-menu .btn i{
	opacity: 1;
	line-height: 20px;
	height: 20px;
	margin:0;
	margin-right: 10px;
}

.menu-line .basket .column-frame{
	border-radius: 4px;
}

.menu-line .basket.active .icon-basket{
	background-color: #E67A32;
}

.menu-line .basket .icon-basket{
	height: 33px;
	width: 33px;
	border-radius: 0px;
	font-size: 27px;
	text-align: center;
	line-height: 33px;
	background-color: #888;
	margin-right: 10px;
	color: white;
	float: left;
	box-sizing:border-box;
}

.menu-line .basket .icon-basket.compare{
	background-image: url('http://www.kerteszkedj.hu/templates/default/img/sprite.png');
    background-repeat: no-repeat;
    background-position: -33px -666px;
    background-size: 65px auto;
}


.menu-line .basket .icon-basket:before{
	padding: 0;
}

.menu-line .basket span.price{
	font-size: 14px;
	line-height: 33px;
	float: left;
	margin-right: 10px;
}

.ui-menu.basket{
	border-radius: 0px;


}

.ui-menu .ui-menu-content.basket-box{
	width: 370px;
	right: 0;
	top: 36px;
}

.ui-menu .basket-el span.basket-title,.ui-menu .basket-el span.basket-count,.ui-menu .basket-el span.basket-price{
	line-height: 17px;
	font-size: 13px;
	color: black;
}

.ui-menu .basket-el span.basket-title{
	color: #e67a32;
}

.ui-menu .basket-el span:before{
	color: #888;
	font-size: 11px;
	clear: right;
	width: 40px;
	float: left;
	margin-right: 3px;
}

.ui-menu .basket-el a{
	color: #e67a32;
}

.ui-menu .basket-el span.basket-count:before{
	content: 'menny.:';
}

.ui-menu .basket-el span.basket-price:before{
	content: 'db/ár:';

}


span.basket-remove{
	width: 25px;
	text-align: center;
	height: 25px;
	float: right;
}


.ui-menu div.relative span.basket-remove{
	position: absolute;
	right: 0;
	top: 16px;
	margin: 0;
}

.basket-price-cnt{

	height: auto;
	float: right;
	    width: 90px;
}

.basket-price-cnt span.basket-preprice{
	text-decoration: line-through;
	    color: #888;
}

.ui-menu div.relative.compare{
	padding-right: 25px;
	
	
}

.ui-menu div.relative.compare .col-10{
	display: table;
	height: 60px;
	width: 100%;
	padding: 0 10px;
}

.ui-menu .basket-el.compare span.basket-title{
	display: table-cell;
	vertical-align: middle;

	float: none;
}


.ui-menu .basket-el .basket-img{
	width: 50px;
	height: 50px;
	position: absolute;
	left: 5px;
	top:5px;
	overflow: hidden;
}

.basket,.search{
	background-color: white;
}

.ui-menu .basket-el .basket-img img{
	width: 100%;
	height: auto;
}

.basket a:hover{
	text-decoration: underline;
}
    
.basket-el{
	min-height: 60px;
}

.login-form.basket .row:last-child{
	border:none;
}

.login-form.basket .row{
	padding: 10px 5px;
}

.basket h4{
	padding: 10px 5px;
	box-sizing:border-box;
	border-bottom: 1px solid #ededed;
}

.basket-bottom a{
	text-transform: uppercase;
	color: #e67a32;
	    line-height: 23px;
}

.basket-bottom a i{
	background-color: transparent;
	color: #e67a32;
	margin-right: 5px;
}

.basket-el a{
	color: black;

}

.basket-el:hover span.basket-title{
	text-decoration: underline;

}

.basket-bottom .button{
	border-radius: 3px;
}

.basket-bottom .button:hover{
	background-color: #e67a32;
	color: white;
}

.basket-bottom .button:hover a,.basket-bottom .button:hover i{
	color: white;
}


.title{
	box-sizing:border-box;
}

h3{
	text-transform: uppercase;
}

.column-frame .column-content{
	background-color: white;
	
}

.column-frame .column-content.bordered{
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #ededed;
}

.bordered{
	border-width: 1px;
	border-style: solid;
	border-color: #ededed;
}

.form-el:last-child{
	border: none;
}

.column-frame .column-content.prod-menu-content{
	background-color: #ededed;
}

.prod-menu a{
	    color: #888;
}

.prod-menu ul li a:hover{
	color: #96BF0D;
	text-decoration: underline;
}

.prod-menu ul li.main{
	width: 100%;
    height: auto;
    position: relative;
    float: left;
}

.prod-menu ul li:before{
	/*left: 0;
	top:3px;
	position: absolute;
	    content: '-';
    color: #e67a32;
    
    width: 15px;
    text-align: center;*/
}

.prod-menu ul.sub{
	float: left;
	box-sizing:border-box;
}

.prod-menu ul li.main{
	background-color: #ededed;
	box-sizing:border-box;
}

.prod-menu ul.sub li{
	box-sizing:border-box;
	float: left;
	background-color: #fff;
	height: auto;
	width: 100%;
}

.prod-menu ul li i{
	position: absolute;
	box-sizing:border-box;
	right: 0px;
	top: 3px;
	width: 25px;
	height: 25px;
	padding: 0px;
	text-align: center;
	color: #ccc;
	line-height: 25px;
}

.prod-menu ul li i:hover,.prod-menu ul li i.active{
	background-color: #96BF0D;
	cursor: pointer;
	color: black;
}

.prod-menu ul li a{
	position: relative;
	box-sizing:border-box;
	padding-left: 20px;
	float: left;
	width: 100%;

	height: auto;
}

.prod-menu ul li a:before{
	content: ' ';
	position: absolute;
	width: 100%;
	background-color: #888;
	left:5px;
	top: 7px;
	margin-right: 5px;
	width:6px;
	height: 6px;
	float: left;

	border-radius: 50%;
}

.prod-menu ul li{
	position: relative;
	padding: 5px;

}

.prod-menu ul.sub li:before{
	display: none;
}

.prod-menu ul.sub{
	padding: 0 5px;
}

.prod-menu ul.sub li{
	margin: 1px 0;
	padding-right: 5px;
}

.prod-menu ul li{
	padding-right: 5px;
}

.prod-menu ul li.main{
	border-bottom: 1px dotted #B5B2B2;
}

.prod-menu ul li.main a.active{
	    color: #e67a32;
}


.prod-menu ul li.main a.havesub{
	float: left;
	width: 100%;
	box-sizing:border-box;
	height: auto;
	margin-bottom: 10px;
	padding-right: 20px;
}

.prod-menu ul li.main:last-child{
	border-bottom: none;
}

.breadcrumb{
	padding:5px 0;
}

.breadcrumb a{
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	color: black;
}

.breadcrumb a:hover{
	text-decoration: underline;
}

.right-side .column-content{
	padding:8px 0;
}


.prod-list .row{
	border-bottom: 1px solid #ededed;
}

.list-ctr{
	float: left;
	box-sizing:border-box;
	height: auto;
	padding: 5px;
	width: 100%;
}

.list-ctr-el{
	width: auto;
	padding: 0px;
}

.list-ctr-el i.ctr-view{
	width: 30px;
	float: left;
	height: 30px;
	margin-right: 0;
	line-height: 30px;
	text-align: center;
}

.list-ctr-el i.ctr-view.active{
	background-color: rgba(204, 204, 204, 0.48) !important;
}


.list-ctr-el i.ctr-view.list{
    /*background-image: url('http://www.kerteszkedj.hu/templates/default/img/sprite.png');
    background-position: 44px -281px;
    background-size: 86px auto;*/
    background: url('http://www.kerteszkedj.hu/templates/default/img/sprite.png') no-repeat scroll -31px -205px transparent;
}

.list-ctr-el i.ctr-view.list:hover{
	background-position: -31px -232px;
	cursor: pointer;
}


.list-ctr-el i.ctr-view.till{
    /*background-image: url('http://www.kerteszkedj.hu/templates/default/img/sprite.png');
    background-position: 44px -281px;
    background-size: 86px auto;*/
    background: url('http://www.kerteszkedj.hu/templates/default/img/sprite.png') no-repeat scroll -3px -205px transparent;
}

.list-ctr-el i.ctr-view.till:hover{
	background-position: -3px -232px;
	cursor: pointer;
}


.list-ctr-el label{
	line-height: 30px;
	margin-right: 5px;
	margin-left: 10px;
}

.list-ctr-el select{
	padding: 4px;
}

.list-ctr-el input{
	padding: 4px;
}

.prod-el{
	float: left;
	width: 33%;
	box-sizing:border-box;
	padding: 10px;
}


.prod-el.w20 {
	width: 20%;
}


.prod-el:hover .prod-img{
	background-size: 55% auto;
	transition: background-size 0.25s ease-in;
	-moz-transition: background-size 0.25s ease-in;
	-ms-transition: background-size 0.25s ease-in;
	-o-transition: background-size 0.25s ease-in;
	-webkit-transition: background-size 0.25s ease-in;
}

.prod-el:hover .prod-name{
	color: #000000;
	text-decoration: underline;
}

.prod-el .inner{
	box-sizing:border-box;
	border:1px solid #ededed;
	padding: 10px;
	height: 360px;
}

.double-item{
	height: 730px;
	width: 100%;
}

.prod-el .prod-img{
	
	transition: background-size 0.25s ease-in;
	-moz-transition: background-size 0.25s ease-in;
	-ms-transition: background-size 0.25s ease-in;
	-o-transition: background-size 0.25s ease-in;
	-webkit-transition: background-size 0.25s ease-in;
	background-size:60% auto;
	
	float: left;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;

}

.prod-el .relative{
	float: left;
	width: 100%;
	    height: 220px;
	position: relative;
}

.prod-el .relative .prod-ticket{
	position: absolute;
	height: 50px;
	box-sizing:border-box;
	padding: 0;
	width: 100%;
	top: 0;
	left: 0;
}

.prod-el .relative .prod-ticket .ticket.new-ticket{
	background-color:#96BF0D ;
	font-size: 16px;
}

.prod-el .relative .prod-ticket .ticket.akcio-ticket{
	background-color:#E67A32 ;
	font-size: 20px;
}

.prod-el .relative .prod-ticket .ticket.notavailable{
	float: left;
	width: auto;
	background: none;
	color: red;
}


.prod-el .relative .prod-ticket .ticket{
	background-color: red;
	width: 31px;
	color: white;

	height: 31px;
	text-align: center;
	float: right;
	line-height: 30px;
	margin-left: 5px;
	border-radius: 50%;
	white-space: nowrap;
}

.prod-el .prod-event{
	position: absolute;
	bottom: 0px;
	float: left;
	width: 100%;
	height: 50px;
	padding: 5px;
	box-sizing:border-box;

		opacity: 0;

	text-align: center;
}

.prod-el:hover .prod-event{

	opacity: 1;
	transition:opacity 0.35s ease-in;
	-moz-transition:opacity 0.35s ease-in;
	-ms-transition:opacity 0.35s ease-in;
	-o-transition:opacity 0.35s ease-in;
	-webkit-transition:opacity 0.35s ease-in;
}

.prod-el .prod-event .ev-el{
	width: 40px;
	height: 40px;
	display: inline-block;
	background-color: #96BF0D;
}

.prod-el .prod-event .ev-el.tobasket,button.tobasket{
	background-image:url('http://www.kerteszkedj.hu/templates/default/img/sprite.png'); 
	background-repeat:no-repeat;
	    background-position: 8px -316px;
       background-size: 65px auto;
	 transition: background-position 0.25s ease-in;
	-moz-transition: background-position 0.25s ease-in;
	-ms-transition: background-position 0.25s ease-in;
	-o-transition: background-position 0.25s ease-in;
	-webkit-transition: background-position 0.25s ease-in;
}

.prod-el .prod-event .ev-el.tobasket:hover,button.tobasket:hover{
	background-position: -34px -316px;
}



table.basket-list button.tobasket{
	width: 40px;
	height:40px;
	background-color:#96BF0D ;
}

button.tobasket{
	width: 40px;
	height: 40px;
}

.prod-el .prod-event .ev-el.tofav{
	background-image:url('http://www.kerteszkedj.hu/templates/default/img/sprite.png'); 
	background-repeat:no-repeat;
	  background-position:7px -419px;
    background-size: 65px auto;
	 transition: background-position 0.25s ease-in;
	-moz-transition: background-position 0.25s ease-in;
	-ms-transition: background-position 0.25s ease-in;
	-o-transition: background-position 0.25s ease-in;
	-webkit-transition: background-position 0.25s ease-in;
}

.prod-el .prod-event .ev-el.tofav:hover{
	
	  background-position:-32px -419px;
}




button.tofav.active{
	background-color: #e67a32;
}

button.tofav{
	background-image:url('http://www.kerteszkedj.hu/templates/default/img/sprite.png'); 
	background-repeat:no-repeat;
	background-position:2px -423px;
    background-size: 65px auto;
	 transition: background-position 0.25s ease-in;
	-moz-transition: background-position 0.25s ease-in;
	-ms-transition: background-position 0.25s ease-in;
	-o-transition: background-position 0.25s ease-in;
	-webkit-transition: background-position 0.25s ease-in;
}

.details-tobasket button.tofav{
 background-position:7px -419px;
}

.details-tobasket button.tofav:hover{
	background-position:-32px -419px;
}

button.tofav{
	width: 40px;
	height:40px;
	background-color:#96BF0D ;
}


button.tocompare{
	background-color:#96BF0D ;
	width: 40px;
	height: 40px;
	background-image:url('http://www.kerteszkedj.hu/templates/default/img/sprite.png'); 
	background-repeat:no-repeat;
	background-position: 3px -663px;
    background-size: 65px auto;
	 transition: background-position 0.25s ease-in;
	-moz-transition: background-position 0.25s ease-in;
	-ms-transition: background-position 0.25s ease-in;
	-o-transition: background-position 0.25s ease-in;
	-webkit-transition: background-position 0.25s ease-in;
}

button.tocompare:hover{
	background-position: -29px -663px;
}


.prod-el .prod-event .ev-el.compare{
	background-image:url('http://www.kerteszkedj.hu/templates/default/img/sprite.png'); 
	background-repeat:no-repeat;
	background-position: 3px -663px;
    background-size: 65px auto;
	 transition: background-position 0.25s ease-in;
	-moz-transition: background-position 0.25s ease-in;
	-ms-transition: background-position 0.25s ease-in;
	-o-transition: background-position 0.25s ease-in;
	-webkit-transition: background-position 0.25s ease-in;
}

.prod-el .prod-event .ev-el.compare:hover{
	background-position: -29px -663px;
}

.prod-el .prod-event .ev-el.active{
	background-color:#e67a32 ;
}

.prod-el .bottom{
	position: relative;
	text-align: center;
}

.prod-el .prod-name{
	width: auto;
	height: auto;
	display: inline-block;
	text-overflow:ellipsis;
	max-height: 50px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	text-align: center;

	color: #96BF0D;
	font-weight: bold;
}

.prod-el .prod-price{
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
}

.prod-el span{
	color: #666;
}

.prod-el span.prod-price{
	text-align: center;
	border-top: 1px solid #ededed;
	padding: 10px 0;
	box-sizing:border-box;
}

.prod-el .prod-price span{
	display: inline-block;
}

.prod-el span.pre-price{
	font-size: 15px;
	clear: both;
	text-decoration:line-through;
	color: rgba(236, 142, 50, 0.78);
}

.prod-el span.unit-price{
	font-size: 9pt;
	font-weight: initial;
	border-left: #f0f0f0 2px solid;
	padding-left: 5px;
	text-align:right;
}

.prod-el span span.pre-price span.base{
		text-decoration: line-through;
}

.prod-el span.pre{
	text-decoration: none;
	color: #ccc;
	font-size: 12px;
	margin-right: 10px;
}


.prod-el span.base{
	text-decoration: none;
	color: #E67A32;
}

.prod-el span.actual-price{
	font-weight:normal;
}

.prod-el span.actual-price ~ span.unit-price {
	font-size: 7.5pt;
	float: right;
}

.prod-el p.prod-text{
	display: none;
}

.pager span{
	font-size: 13px;
}


.list .prod-el{
	width: 100%;
	
}

.list .prod-el .inner{
	position: relative;
	padding-left: 215px;
}


.list .prod-el .inner .prod-img{
	position: absolute;
	width: 200px;
	height: 200px;
	left: 5px;
	top: 5px;
}


.list .prod-el .inner{
	height: auto;
	min-height: 210px;
	position: relative;
}

/*news*/
.list.newslist-slim .prod-el .inner{
	padding-left: 10px;
	min-height: inherit;
}

.list .prod-el.noimg .inner{
	padding-left: 10px;
	min-height: inherit;
}

.list.newslist-slim .prod-el .inner .relative{
	display: none;
}

.list.newslist-slim .prod-el .inner p{
	display: none;
}

.list  .prod-el .prod-name{
	height: auto;
	text-align: left;
	width: 100%;
}

.list  .prod-el p.prod-text{
	display: block;
	float: left;
	text-align: left;
	width: 100%;
	height: auto;
}

.list .prod-el span.prod-price{
	text-align: left;
}

.list .prod-el .relative{
	position: static;
	width: 0;
	height: 0;
}

.list .prod-el .prod-event{
	bottom: 5px;
	width: 200px;
	left: 5px;
}


.page-area{
	width: auto;
	float: right;
	height: 30px;

	box-sizing:border-box;
}

.page-area ul{
	float: left;
	width: 100%;
	height: auto;
}


.page-area ul li{
	float:left;
	box-sizing:border-box;
	width: 28px;
	height: 28px;
	margin-right: 3px;
	color: #A3A3A3;
	border:1px solid #A3A3A3;
	text-align: center;
	line-height: 25px;
}



.page-area ul li.empty {
	border:none;
}


.page-area ul li.active {
	background:#96BF0D;
	color:white;
}



.page-area ul li:hover{
	border-color: rgb(236, 142, 50);
	color: rgb(236, 142, 50);
	cursor: pointer;
}

.ev-title{
	position: absolute;
	line-height: 23px;
	top:-30px;
	display: none;
	margin-left: -55px;
	border: 1px solid #dddddd;
	width: 150px;
	box-sizing:border-box;
	height: 30px;
	padding: 3px 20px;
	background-color: white;
	padding: 2px;
}

.prod-el .prod-event .ev-el:hover .ev-title{
	display: block;
}

.prod-el p.prod-text{
	color: #888;
}

.page-title{
	padding: 10px;
	font-size: 18px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
}

.page-title.grey{
	    background-color: rgba(221, 221, 221, 0.28);
}

.form-title{
	font-size: 16px;
	padding: 10px;
	box-sizing:border-box;
}

footer{
	background-color: #017F01;
	float: left;
	padding-top: 50px;
	padding-bottom: 30px;
}

footer .column h3{
	font-size: 18px;
	width: auto;
	float: left;
	padding: 5px;
	box-sizing:border-box;
	margin-bottom: 15px;
	    font-family: 'Raleway',Arial,Helvetica,sans-serif;
	border-width: 1px 0 1px 0;
	border-style:solid;
	clear: both;
	font-weight: normal;
	border-color:white;
	color: white;
}

footer .column ul{
	float: left;
	width: 100%;
	box-sizing:border-box;
	height: auto;
	font-size: 15px;
	padding: 5px;

}

footer .column ul a{
	padding: 5px 0;
	font-size: 13px;
	    color: #96BF0D;
	    text-align: left;
	display: block;
	    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
}

footer .column ul a:hover{
	color: white;
	text-decoration: underline;
}

footer .sub-col{
	padding: 5px 10px;
	border-right: 1px solid white;
	border-left: 1px solid white;
}

footer .sub-col b{
	color: white;
	font-size: 14px;
}

footer .sub-col p{
	color: white;
	font-size: 14px;
	margin:5px 0;
}

.footer-el{
	border-top: 1px solid white;
	padding: 5px 0;
	border-bottom: 1px solid white;
}

.details-img{
	position: relative;
}

.details-img .zoomWrapper{
	width: 100% !important;
}

.details-img span.zoom-img{
	float: left;
	width: 100%;
	height: auto;
}

.details-img img{
	float: left;
	width: 100%;
	height: auto;
}


.details-img .zoomWrapper img{
	float: left;
	width: 100% !important;
	height: auto !important;
}

.details-gallery{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.details-gallery a{
	float: left;
	width: 25%;
	padding: 5px;
	box-sizing:border-box;
}

.details-gallery a img{
	float: left;
	width: 100%;
}


.title{
	font-size: 20px;
	float: left;
	font-weight: normal;
	padding:10px 5px;
	width: 100%;
	box-sizing:border-box;
	border-bottom:1px solid #E7E7E7;
}

h3.title{
	font-size: 16px;
	border: none;
}

h4.title{
	font-size: 15px;
}

h5.title{
	font-size: 14px;
}

.details-price{
	background-color: #f5f5f5;
}

.details-data .row,.details-price .row{
	border-bottom:1px solid #E7E7E7;
	padding: 10px 5px;
}

.details-tobasket span.price{
	float: left;
	width: 100%;
}

.details-tobasket span.price span.pre{
	font-size: 13px;
}


.details-tobasket span.price b{
	font-size: 18px;
	float: right;
	margin-left: 5px;
}

.details-tobasket span.price.akciopre b{
	font-size: 15px;
	text-decoration: line-through;
}

.details-tobasket span.price.akcio b{
	color: #e67a32;
}

.details-tobasket span.price b{
	float: left;
	width: 100%;
	text-align: left;
}


.details-count span{
	float: left;
	width: 100%;
}

.details-count input,.details-count button{
	float: left;
}

.details-data table{
	float: left;
	width: 100%;
}

.color-yellow{
	color: #e67a32;
}

.tobasket-button{
	margin: 0;
    border: 0;
    height: 28px;
    padding: 5px;
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
}

.tobasket-button:hover{
	cursor: pointer;
	background-color:#e67a32 ;
	color: white;
}

input.count{
	margin:0;
	 padding:5px 4px 4px 4px;
	box-sizing:border-box;
}

a{
	color: #e67a32;
}

a:hover{
	color: black;
	text-decoration: underline;
	cursor: pointer;
}

.wizzard-head .wizzard-head-el:hover{
	background-color: rgba(230, 122, 50, 0.75);
	cursor: pointer;
}

.wizzard-head .wizzard-head-el{
	padding: 10px;
	background-color:#D2D2D2;
	
	float: left;
	color: black;
	    font-size: 16px;
	    margin-right: 4px;
}

.wizzard-head .wizzard-head-el.active{
	background-color: #e67a32;
color: white;
}

.wizzard-content{
	border-top:1px solid #e67a32;
}

.prod-details p{
	line-height: 24px;
	float: left;
	margin: 0;
	padding:5px; 
}



/*-----------------------------TABLES -------------------------------------------*/
table{
		border: none;
	float: left;
	width: 100%;
	border-collapse: separate;
    border-spacing: 0;
}

/*Details properties*/
table.prod-properties{
	border: none;
	float: left;
	width: 100%;
	border-collapse: separate;
    border-spacing: 0;
}

table.prod-properties td{
	padding: 7px;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
}

table.prod-properties tr td:last-child{
	border-right: none;
}

table.prod-properties tr td.ship.img{
	width: 100px;
}

table.prod-properties tr td.ship div.ship-img{
	width: 100px;
	height: 70px;
	background-size:auto  70% ;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}


table.prod-properties tr:last-child td{
	border-bottom: none;
}

.wizzard-content-el .row{
	border-bottom: 1px solid #ededed;
	margin-bottom: 10px;
}

.owl-item .prod-el{
	width: 100%;
}

.title.big{
	padding: 15px 10px;
	font-size: 30px;
}

.title.medium{
	padding: 10px 0;
	font-size: 22px;
}

.title.small{
	font-size: 16px;
	padding: 5px 0px;
	border: none;
}


/*Bakset*/
table.basket-list{

}

table.basket-list thead td{
	color: #4D4D4D;
    font-weight: bold;
    padding: 5px;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}

table.basket-list td{
	padding: 5px;
}

table.basket-list tr td:first-child{
	text-align: center;
}

table.basket-list tbody img{
	width: 60px;
	height: auto;
	display: inline-block;
}

.prod-date{
	text-align: right;
	float: left;
	margin-bottom: 10px;
}

.prod-date i{
	margin-right: 10px;
}

table.basket-list .prod-name,table.basket-list .prod-nr{
	float: left;
	width: 100%;
	height: auto;
}

table.basket-list .prod-nr{
	color: #737373;
}

table.basket-list tbody tr td{
	border-bottom: 1px solid #DDDDDD;
}

table.basket-list tbody tr td:first-child{
	border-left: 1px solid #DDDDDD;
}

table.basket-list tbody tr td:last-child{
	border-right: 1px solid #DDDDDD;

}

table.basket-list tr td:last-child{
	text-align: right;
}

table.basket-list .basket-count{
	width: 50px;
	padding: 5px;
	display: inline-block;
	box-sizing:border-box;
	height: 30px;
	float: left;
}

table.basket-list button{
	width: 30px;
	margin-left: 0;
	box-sizing:border-box;
	display: inline-block;
	float: left;
	height: 30px;
}

.td-count{
	min-width: 110px;
}



.btn-orange{
	background-color: #e67a32;
    color: white;
}

.btn-orange:hover{
	background-color: #FFA366;
	color: white;
}

.btn-grey{
	    color: #FFFFFF;
    background: #333038;
}

.btn-grey:hover{
	color: #FFFFFF;
    background: #e67a32;
}

.btn-red{
	background-color: #D9534F;
    color: white;
}

.btn-red:hover{
	background-color:#FF615C;
    color: white;
}


.btn-green{
	
}


div.error{
	box-sizing:border-box;
	text-align: center;
	background-color: rgba(204, 36, 36, 0.27);
	padding: 10px;
}

/*-----------------Table End------------------*/
button:hover{
	cursor: pointer;
}

button.btn i{
	margin-right: 5px;
	margin-left: 2px;
}

button{
	border:none;
}

button.btn{
	border-radius: 0;
	padding: 8px;
	
}

button.btn.pad-10{
	padding: 10px;
}

button.refresh i,button.delete i{
	font-size: 18px;
	line-height: 30px;
}


/*-------ORDER STEPS-------*/
.free-ship{
	float: left;
	width: 100%;
	padding: 5px 0;
}

table.sum{
	width: auto;
	margin-bottom: 15px;
}

table.sum tr td{
	padding: 10px;
	width: 50%;
}

table.sum tr td:first-child{
	text-align: right;
	font-weight: bold;
}

table.sum tr td:last-child{
	text-align: left;
}

.basket h3.title{
	padding-left: 0;
}


.info-box{
	float: left;
	width: auto;
	margin-bottom: 10px;
	padding: 10px;
	border:1px solid #ededed;
}

p{
	margin: 0;
}

.info-box p{
	margin: 7px 0;
	font-size: 14px;
}

.check-el,.radio-el,.ship-el {
	box-sizing:border-box;
	padding-left: 30px;
	float: left;
	
	height: auto;
	
	position: relative;
}

.style1{
	background: #f5f5f5;
	border:1px solid #333038;
}

.check-el:hover,.radio-el:hover,.ship-el:hover{
	cursor: pointer;
}

.check-el:hover i,.radio-el:hover i,.ship-el:hover i,.check-el:hover h5,.radio-el:hover h5,.ship-el:hover h5{
	color: #B85F25;
}


.ship-el{
	margin-bottom: 10px;
}

.radio-el{
	margin-bottom: 0;
}

.check-el{
	border:none;
	background-color: none;
}


.check-el input[type="checkbox"],.radio-el input[type="radio"],.ship-el input[type="radio"]{
	display: none;
}

.check-el i,.radio-el i,.ship-el i{
	position: absolute;
	left: 5px;
	top: 5px;
	color: #333038;
	font-size: 21px;
}

.check-el .title,.radio-el .title,.ship-el .title{
	border: none;
	padding:5px 0;
}

.check-el p,.radio-el p,.ship-el p{
	float: left;
	width: 100%;
	font-size: 13px;
	margin: 3px 0;
}

.radio-el input[type="radio"]:checked ~ i:before,.ship-el input[type="radio"]:checked ~ i:before{
	content:"\f400" ;
}

.check-el input[type="checkbox"]:checked ~ i:before{
	content:"\f3ff" ;
}

.check-el.active{
	/*background: rgba(230, 122, 50, 0.29);
	border-color:#e67a32;*/
	color: black;
}

.radio-el.active,.ship-el.active{
	background: rgba(230, 122, 50, 0.29);
	border-color:#e67a32;
	color: black;
}

.ship-el select{
	padding: 4px;
	margin-bottom: 5px;
	margin-top: 5px;
}


.ship-el span.ship-price{
	float: left;
	width: 100%;
	font-weight: bold;
}

.ship-el span.ship-price:before{
	content: 'Ár:';
	font-size: 12px;
	margin-right: 5px;
}

/*.ship-el.active i{
	color: #e67a32;
}
*/
.login-cnt{
	padding: 10px;
	border-width: 0 1px 1px 1px;
	border-style:solid;
	border-color:#ededed;
}



/*-------FORM---------------*/

.form-el .form-in-el{
	float: left;
	text-align: left;
}

.form-el{
	padding: 10px;
	border-bottom: 1px solid #ededed;
}

.column-frame .column-content.login-cnt{
	padding: 10px;
}

.radio-button{
	padding: 10px;
	float: left;
	width: auto;
	height: auto;
}


/*-------FILTER FORM---------------*/


/*---------- BASKET STEPPER------------*/
.step .title{
	width: auto;

}

.step .title.col-25{

}

.stepper{
	padding:0;
	text-align: center;
	margin-bottom: 20px;
}

.stepper .col-a{
	float: none;
}

a.step {
	color: #666;
	display: table;
	float: left;
	height: 88px;
	box-sizing:border-box;
}

a.step span{
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	float: none;
	padding: 10px;
		border-bottom: 2px solid #ededed;	
}

a.step span:hover{
	border-bottom: 2px solid #666;
}

a.step.active{
	color: #e67a32;
}


a.step.active span{
	border-color: #e67a32;
}



/*----------------CUSTOM JQUERY UI THEME------------------*/

.ui-slider{
	background-color: #ededed;
	border-radius: 5px;
	margin: 17px 0;
}

.ui-slider .ui-slider-handle{
	border: 1px solid #bdbdbd;
	width: 30px;
	height: 30px;
    background: #f9f9f9;
    box-shadow: 0 1px 2px #ccc;
    border-radius: 50px;
    top: -10px;
    margin-left: -15px;
}

.slider-range .ui-slider .ui-slider-handle:last-child{

}

.ui-slider .ui-slider-handle:focus{
	outline: none;
}

.ui-slider-handle:before {
 /*   content: " ";
    width: 5px;
    height: 5px;
    border-radius: 15px;
    float: left;
    background-color: #717171;*/
}


.ui-slider-horizontal .ui-slider-range{
	background-color: #e67a32;
}

.el-range .el{
	box-sizing:border-box;
	width: 50%;
	padding: 4px;
	position: relative;
	padding-right: 40px;
	float: left;
}

.el-range .el span.post{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.el-range .el input{
	width: 100%;
	float: left;
}

.el-range{
	float: left;
	width: 100%;
	height: auto;
}

.ui-slider{
	float: left;
	width: 100%;
}

.news-details img.lead{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	max-width: 35%;
}

.news-details p{
	margin:10px 0 10px 0;
	width: 100%;
}

.news-details ul,.news-details ul li{
	list-style:circle;
	width: 100%;
	box-sizing:border-box;
	float: left;
}

.news-details ul li{
	margin: 3px 0;
}

.news-details ul{
	padding-left: 20px;
}

.content_footer_inner{
	overflow: hidden;
}

footer .col-25{
	float: left;
}

footer{
	box-sizing:border-box;
}


.compare{
	width: 100%;
	height: auto;
}


div.compare-table{
	width: auto;
	float: left;
	box-sizing:border-box;
}

div.compare-table .compare-col{
	float: left;
	width: 200px;
	height: auto;
	box-sizing:border-box;
}

div.compare-table .compare-col .compare-el{
	width: 100%;
	float: left;
	height: auto;
	box-sizing:border-box;
}

@media screen and (max-width: 1350px){
	.swiper-container{
		height: auto;
	}

	.swiper-slide,.swiper-wrapper{
		height: auto !important;
	}

	.swiper-container img{
		float: left;
	}

	.banner{
		height: auto;
		min-height: inherit;
	}

		    
}

@media screen and (max-width: 1050px){
	.details-img,.details-data,.details-price{
		width: 50%;
	}

	.details-price{
		background-color: transparent;
	}

	.details-tobasket{
		background-color: #f5f5f5;
	}


}

@media screen and (max-width: 1000px){
	.hide-at-1000 {
		display:none !important;
	}

	
	nav.menu-nav{
		width: 100%;
		text-align: center;
	}

	footer{
		text-align: center;
	}

	footer .col-25{
		width: 33%;
		
	}


	footer .col-25.column.content_footer_inner {
		width: 100%;
		float: none;
		display: inline-block;
	}

	.menu-ctr-cnt{
		position: absolute;
		    top: 100%;
		z-index: 30;
		right: 0;
		background-color:#ccc;
	}

	.menu{
		width: auto;
		display: inline-block;
		float: none;
	}

	.left-side.col-25{
		width: 30%;
	}

	.right-side.col-75{
		width: 70%;
	}

	.prod-el{
		width: 50%;
	}
	
	.menu-ctr-cnt{
		float: right;
		width: auto;
		height: 45px;
	}

}

.popup-button{
	display: none;
}

.menu-button{
	display: none;
}

@media screen and (max-width: 850px){
	.prod-el .prod-event{
		opacity: 1;
	}

	.news-details img{
		float: left;
		margin-right: 10px;
		max-width: 50%;
	}

	
	.hide-at-850 {
		display:none !important;
	}



	.popup-button{
		width: 50px;
		height: 60px;
		text-align: center;
		line-height: 60px;
		position: absolute;
		font-size: 25px;
		right: 0;
		top: 0;
	}

	.popup-button{
		display: block;
	}

	.left-side.col-25 {
		width: 100%;
		padding: 0;
	}

	.left-side.col-25 .col-10.left-el{
		width: 50%;
		padding: 5px;
	}

	.right-side.col-75{
		width: 100%;
	}

	.left-side.col-25 .col-10.left-el.popup{
		width: 100%;
		z-index: 1000;
		
		margin:0;
	}

	#category{
		display: none;
	}

	#search{
		display: none;
	}

	.menu-button{
		display: block;
		width: 45px;
		float: left;
		height: 45px;
		line-height: 41px;
		background-color: transparent;
		box-sizing:border-box;
		padding: 3px;
	}

	.menu-button i{
		font-size: 20px;
		width: 100%;
		background-color: white;
		color: #017F01;
		height: 100%;
		float: left;
		
	}

	.menu-ctr-cnt{
		position: static;
		background-color: transparent;
	}

	nav.menu-nav{
		width: auto;
	}

	.menu{
		display: none;
		position: absolute;
		    top: 46px;
		background-color: #017F01;
		height: auto;
		width: 100%;yo
		left: 0;
		border-top:1px solid white;
		z-index: 101;
	}

	.menu li{
		width: 100%;
	}

	.menu a{
		width: 100%;
	}

}

@media screen and (max-width: 800px){
	.hide-at-800 {
		display:none !important;
	}

	
	div.logo-cnt{
		height: 100%;
		float: left;
		width: 100%;
		text-align: center;
	}

	div.login{
		padding: 10px;
		height: auto;
		width: 100%;
		text-align: center;
	}

	div.login .col-a{
		float: none;
		display: inline-block;
	}

	.column-frame.search{
		position: relative;
		width: 100%;
	}

	.logo {
		float: none;
	    width: 240px;
	    display: inline-block;
	    height: 90px;
	    background-size:auto 90% ;
	    background-repeat: no-repeat;
	    background-position: center;
	}

	.column-frame.search{
		padding-right: 70px;
		position: relative;
	}

	.column-frame.search button{
		position: absolute;
		right: 0;
		top: 0;
	}

	.column-frame.search input{
		width: 100%;

	}


}

@media screen and (max-width: 750px){
	.banner{
		display: none;
	}

}


@media screen and (max-width: 700px){
	table.basket-list .basket-count{
		float: left;
		clear: both;
		margin-left: 0;
		width: 60px;
		margin-bottom: 0;
	}

	.basket-btn-cnt{
		float: left;
		width: 100px;
	}

	.td-count{
		min-width: 65px;
	}

}


@media screen and (max-width: 650px){
	.news-details img{
		float: left;
		margin-right: 10px;
		max-width: 100%;
	}

	.wizzard-head .wizzard-head-el{
		font-size: 15px;
		padding: 5px;
	}

	.details-img,.details-data,.details-price{
		width: 100%;
	}

	.details-price{
		background-color: transparent;
	}

	.details-tobasket{
		background-color: #f5f5f5;
	}

	    
}

@media screen and (max-width: 600px){
	a.step{
		width: 50%;
		height: 70px;
	}

	.prod-el .prod-price{
		font-size: 16px;
	}

	.prod-el span.pre-price{
		font-size: 14px;
	}

	table.basket-list thead{
		display: none;
	}

	table.basket-list tr{
		float: left;
		width: 100%;
		
		margin-bottom: 10px;
		height: auto;
		border:1px solid #ddd;
	}

	table.basket-list tr td:first-child{
		border-top:5px solid #888;
	}

	table.basket-list tr td:last-child{
		border-bottom: 0;

	}

	table.basket-list td.td-img:before{
		content: 'Kép:';
	}

	table.basket-list td.td-name:before{
		content: 'Termék neve:';
	}

	table.basket-list td.td-pricecount:before{
		content: 'Egységár:';
	}

	table.basket-list td.td-count:before{
		content: 'Mennyiség:';
	}

	table.basket-list td.td-amount:before{
		content: 'Összeg:';
	}

	table.basket-list td:last-child.td-amount{
		text-align: left;
	}

	table.basket-list td:before{
		color: #827F7F;
		width: 100%;
		float: left;
	}


	table.basket-list td {
		text-align: left;
	    padding: 5px;
	    float: left;
	    width: 100%;
	    box-sizing:border-box;
	    height: auto;
	    
	}

	.col-5.ship{
		width: 100%;
	}

	.info .col-5{
		width: 100%;
	}

	footer .col-25{
		width:100%;
		
	}

	footer .col-a{
		width: 100%;
	}

	footer .sub-col{
		width: 100%;
		border-width: 1px 0 1px 0;
		border-color: white;
		border-style:solid;
	}

	footer .column ul a{
		font-size: 16px;
	}

	footer .column h3{
		width: 100%;
	}

	.ui-menu .ui-menu-content.basket-box{
		/*top: 100%;*/
	}

	div.login .col-a{
		width: 100%;
	}

	.page-area{
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}

	.page-area ul{
		float: none;
		width: auto;
		display: inline-block;
	}

	.ui-menu .ui-menu-content.basket-box{
		width: 100%;
	}

	.column-frame.basket{
		position: static;
	}


}


@media screen and (max-width: 500px){
	.prod-el span.prod-price{
		text-align: left;
	}

	.login .relative{
		height: auto;
	}

	.column-frame.user-menu div.ui-menu{
		height: 30px;
		position: relative;
		    width: 100%;
		border-bottom: 1px solid white;
	}

	.list .prod-el .inner .prod-img{
		top: 0;
		left: 0;
	}

	.list .prod-el .inner .prod-img{
		width: 100%;
	}

	.list .prod-el .inner{
		padding-left: 10px;
		padding-top: 200px;
	}

	.list.newslist-slim .prod-el .inner{
		padding-top: 10px;
	}

	.list .prod-el .relative{
		height: auto;
		width: 100%;
		float: left;
		text-align: center;
		height: 50px;
	}

	.list .prod-el .prod-event{
		opacity: 1;
		position: static;
	    width: 200px;
	    text-align: center;
	    display: inline-block;
	    float: none;
	}

	.column-frame.user-menu div.ui-menu span{
		max-width: 240px;
	}

	.list .ev-title{
		margin-top: -35px;
		top: auto;
	}

}

@media screen and (max-width: 450px){
	.column-frame.user-menu div.ui-menu:first-child{
		z-index: 1001;
	}

	.prod-el{
		width: 100%;
	}
	
	.menu-line .basket span.price{
		display: none;
	}

	.menu-line .basket .icon-basket{
		margin: 0;
	}

	.menu-line.mobil-nav .basket span.price{
		display: block;
	}

}



.compare-table .tbl-cell{
	max-height: 50px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}

.compare-table .tbl-table-out{
	height: 100%;
    float: left;
    width: 100%;
    overflow: hidden;
    max-height: 38px;
}

.comp-pic .tbl-table-out{
	max-height: 90px;
}

.compare-table .tbl-table-out .tbl{
	display: table;
	height: 100%;
	float: left;
	width: 100%;
}

.compare-table{
	width: 200px;
	float: left;

}

.compare-table td{
	box-sizing:border-box;
	width: 250px;
	margin: 0;
	font-size: 15px;
	line-height: 19px;
	padding: 0;
	padding: 5px;
	display: table;
    border-bottom: 1px solid #888;
	height: 50px;
	float:left;
	overflow: hidden;
	vertical-align: middle;
}


.compare-table.compare-first td {
	background:#E1FFC7;
}

.compare-table.compare-first td.comp-pic {
	background:#fff;
}

.compare-table td.comp-pic{
	height: 100px;
}

.compare-els{
	width: auto;
	width: 100%;
}

.comp-pic{
	height: 100px;
	text-align: center;
	overflow: hidden;
	max-height: 100px;
	padding: 0 !important;
}

.comp-pic img{
	max-height: 93px;

	max-width: 80%;
	float: none;
	display: inline-block;
}


.compare-first{
	width: 160px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.comp-box{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-left: 181px;
}

.compare-first td{
	float: left;

	width: 160px;
}

.compare-data {
	float: left;
    width: 100%;
    position: relative;
}

.compare-data-scroll{
	width: 100%;
	float: left;
	overflow-x: scroll;
}


.tbl-cp-empty {
	background:#f0f0f0;
}


.zoom {
	display:inline-block;
	position: relative;
}


/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url('http://www.kerteszkedj.hu/templates/default/css/icon.png');
}


.zoom img {
	display: block;
}


.zoom img::selection { background-color: transparent; }


.fb_share_button { 
	color:white;
	display: -moz-inline-block; 
	display:inline-block; 
	padding:2px 20px 2px 5px; 
	height:15px; 
	font-size:11pt;
	line-height:16px;
	border:1px solid #d8dfea; 
	background:#3b5998 url('http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981') no-repeat center right; 
}
 

.fb_share_button:hover { 
	color:#fff; 
	border-color:#295582; 
	background:#3b5998 url('http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981') no-repeat center right; 
	text-decoration:none; 
}


div.manufacturers {
	background:#fff!important;
}


div.manufacturers a {
	display:block;
	clear:both;
	overflow:auto;
	border-bottom:#f0f0f0 1px solid;
	margin-top:10px;
	min-height:60px;
}


div.manufacturers a img {
	clear:both;
	width:20%;
	float:left;
	margin-right:2%;
}


div.manufacturers a div {
	float:left;
	width:65%;
	padding-top:10px;
}


ul.liflt li {
	float:left;
	width:30%;
	margin-right:2%;
}



.column-frame.user-menu div.ui-menu{
	min-width: 150px;
}

.column-frame.search form{
	float: left;
	width: 100%;
	direction: block;
	height: 100%;
}

.order-ul {
	margin-bottom: 5px;
	padding: 3px;
	border:1px solid #ccc;
}

.order-ul li{
	padding: 3px;
}

.order-ul li.main{
	border:none;
	font-weight: bold;
}

#loginMenu.ui-menu:hover .ui-menu-content{
	display: none;
}

@media screen and (max-width: 600px){
	.orders-details.data .col-33{
		width: 100%;
	}

}





/*------------ autocomplete ----------------*/

.ac_results {
	padding: 0px;
	border: #DBDAD9 1px solid;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}


.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}


.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}



.ac_odd {
	background-color: #f7f7f7;
}


.ac_over {
	background-color: #456970;
	color: white;
}

.ac_input {
	padding:3px;
}

.ac_loading {
	padding:3px;
}

@charset "UTF-8";
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face { font-family: "Ionicons"; src: url('http://www.kerteszkedj.hu/templates/default/css/ionic/ionicons.eot?v=2.0.0'); src: url('http://www.kerteszkedj.hu/templates/default/css/ionic/ionicons.eot?v=2.0.0#iefix') format("embedded-opentype"), url('http://www.kerteszkedj.hu/templates/default/css/ionic/ionicons.ttf?v=2.0.0') format("truetype"), url('http://www.kerteszkedj.hu/templates/default/css/ionic/ionicons.woff?v=2.0.0') format("woff"), url('http://www.kerteszkedj.hu/templates/default/css/ionicons.svg?v=2.0.0#Ionicons') format("svg"); font-weight: normal; font-style: normal; }

.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.ion-alert:before { content: "\f101"; }


.ion-alert-circled:before { content: "\f100"; }


.ion-android-add:before { content: "\f2c7"; }


.ion-android-add-circle:before { content: "\f359"; }


.ion-android-alarm-clock:before { content: "\f35a"; }


.ion-android-alert:before { content: "\f35b"; }


.ion-android-apps:before { content: "\f35c"; }


.ion-android-archive:before { content: "\f2c9"; }


.ion-android-arrow-back:before { content: "\f2ca"; }


.ion-android-arrow-down:before { content: "\f35d"; }


.ion-android-arrow-dropdown:before { content: "\f35f"; }


.ion-android-arrow-dropdown-circle:before { content: "\f35e"; }


.ion-android-arrow-dropleft:before { content: "\f361"; }


.ion-android-arrow-dropleft-circle:before { content: "\f360"; }


.ion-android-arrow-dropright:before { content: "\f363"; }


.ion-android-arrow-dropright-circle:before { content: "\f362"; }


.ion-android-arrow-dropup:before { content: "\f365"; }


.ion-android-arrow-dropup-circle:before { content: "\f364"; }


.ion-android-arrow-forward:before { content: "\f30f"; }


.ion-android-arrow-up:before { content: "\f366"; }


.ion-android-attach:before { content: "\f367"; }


.ion-android-bar:before { content: "\f368"; }


.ion-android-bicycle:before { content: "\f369"; }


.ion-android-boat:before { content: "\f36a"; }


.ion-android-bookmark:before { content: "\f36b"; }


.ion-android-bulb:before { content: "\f36c"; }


.ion-android-bus:before { content: "\f36d"; }


.ion-android-calendar:before { content: "\f2d1"; }


.ion-android-call:before { content: "\f2d2"; }


.ion-android-camera:before { content: "\f2d3"; }


.ion-android-cancel:before { content: "\f36e"; }


.ion-android-car:before { content: "\f36f"; }


.ion-android-cart:before { content: "\f370"; }


.ion-android-chat:before { content: "\f2d4"; }


.ion-android-checkbox:before { content: "\f374"; }


.ion-android-checkbox-blank:before { content: "\f371"; }


.ion-android-checkbox-outline:before { content: "\f373"; }


.ion-android-checkbox-outline-blank:before { content: "\f372"; }


.ion-android-checkmark-circle:before { content: "\f375"; }


.ion-android-clipboard:before { content: "\f376"; }


.ion-android-close:before { content: "\f2d7"; }


.ion-android-cloud:before { content: "\f37a"; }


.ion-android-cloud-circle:before { content: "\f377"; }


.ion-android-cloud-done:before { content: "\f378"; }


.ion-android-cloud-outline:before { content: "\f379"; }


.ion-android-color-palette:before { content: "\f37b"; }


.ion-android-compass:before { content: "\f37c"; }


.ion-android-contact:before { content: "\f2d8"; }


.ion-android-contacts:before { content: "\f2d9"; }


.ion-android-contract:before { content: "\f37d"; }


.ion-android-create:before { content: "\f37e"; }


.ion-android-delete:before { content: "\f37f"; }


.ion-android-desktop:before { content: "\f380"; }


.ion-android-document:before { content: "\f381"; }


.ion-android-done:before { content: "\f383"; }


.ion-android-done-all:before { content: "\f382"; }


.ion-android-download:before { content: "\f2dd"; }


.ion-android-drafts:before { content: "\f384"; }


.ion-android-exit:before { content: "\f385"; }


.ion-android-expand:before { content: "\f386"; }


.ion-android-favorite:before { content: "\f388"; }


.ion-android-favorite-outline:before { content: "\f387"; }


.ion-android-film:before { content: "\f389"; }


.ion-android-folder:before { content: "\f2e0"; }


.ion-android-folder-open:before { content: "\f38a"; }


.ion-android-funnel:before { content: "\f38b"; }


.ion-android-globe:before { content: "\f38c"; }


.ion-android-hand:before { content: "\f2e3"; }


.ion-android-hangout:before { content: "\f38d"; }


.ion-android-happy:before { content: "\f38e"; }


.ion-android-home:before { content: "\f38f"; }


.ion-android-image:before { content: "\f2e4"; }


.ion-android-laptop:before { content: "\f390"; }


.ion-android-list:before { content: "\f391"; }


.ion-android-locate:before { content: "\f2e9"; }


.ion-android-lock:before { content: "\f392"; }


.ion-android-mail:before { content: "\f2eb"; }


.ion-android-map:before { content: "\f393"; }


.ion-android-menu:before { content: "\f394"; }


.ion-android-microphone:before { content: "\f2ec"; }


.ion-android-microphone-off:before { content: "\f395"; }


.ion-android-more-horizontal:before { content: "\f396"; }


.ion-android-more-vertical:before { content: "\f397"; }


.ion-android-navigate:before { content: "\f398"; }


.ion-android-notifications:before { content: "\f39b"; }


.ion-android-notifications-none:before { content: "\f399"; }


.ion-android-notifications-off:before { content: "\f39a"; }


.ion-android-open:before { content: "\f39c"; }


.ion-android-options:before { content: "\f39d"; }


.ion-android-people:before { content: "\f39e"; }


.ion-android-person:before { content: "\f3a0"; }


.ion-android-person-add:before { content: "\f39f"; }


.ion-android-phone-landscape:before { content: "\f3a1"; }


.ion-android-phone-portrait:before { content: "\f3a2"; }


.ion-android-pin:before { content: "\f3a3"; }


.ion-android-plane:before { content: "\f3a4"; }


.ion-android-playstore:before { content: "\f2f0"; }


.ion-android-print:before { content: "\f3a5"; }


.ion-android-radio-button-off:before { content: "\f3a6"; }


.ion-android-radio-button-on:before { content: "\f3a7"; }


.ion-android-refresh:before { content: "\f3a8"; }


.ion-android-remove:before { content: "\f2f4"; }


.ion-android-remove-circle:before { content: "\f3a9"; }


.ion-android-restaurant:before { content: "\f3aa"; }


.ion-android-sad:before { content: "\f3ab"; }


.ion-android-search:before { content: "\f2f5"; }


.ion-android-send:before { content: "\f2f6"; }


.ion-android-settings:before { content: "\f2f7"; }


.ion-android-share:before { content: "\f2f8"; }


.ion-android-share-alt:before { content: "\f3ac"; }


.ion-android-star:before { content: "\f2fc"; }


.ion-android-star-half:before { content: "\f3ad"; }


.ion-android-star-outline:before { content: "\f3ae"; }


.ion-android-stopwatch:before { content: "\f2fd"; }


.ion-android-subway:before { content: "\f3af"; }


.ion-android-sunny:before { content: "\f3b0"; }


.ion-android-sync:before { content: "\f3b1"; }


.ion-android-textsms:before { content: "\f3b2"; }


.ion-android-time:before { content: "\f3b3"; }


.ion-android-train:before { content: "\f3b4"; }


.ion-android-unlock:before { content: "\f3b5"; }


.ion-android-upload:before { content: "\f3b6"; }


.ion-android-volume-down:before { content: "\f3b7"; }


.ion-android-volume-mute:before { content: "\f3b8"; }


.ion-android-volume-off:before { content: "\f3b9"; }


.ion-android-volume-up:before { content: "\f3ba"; }


.ion-android-walk:before { content: "\f3bb"; }


.ion-android-warning:before { content: "\f3bc"; }


.ion-android-watch:before { content: "\f3bd"; }


.ion-android-wifi:before { content: "\f305"; }


.ion-aperture:before { content: "\f313"; }


.ion-archive:before { content: "\f102"; }


.ion-arrow-down-a:before { content: "\f103"; }


.ion-arrow-down-b:before { content: "\f104"; }


.ion-arrow-down-c:before { content: "\f105"; }


.ion-arrow-expand:before { content: "\f25e"; }


.ion-arrow-graph-down-left:before { content: "\f25f"; }


.ion-arrow-graph-down-right:before { content: "\f260"; }


.ion-arrow-graph-up-left:before { content: "\f261"; }


.ion-arrow-graph-up-right:before { content: "\f262"; }


.ion-arrow-left-a:before { content: "\f106"; }


.ion-arrow-left-b:before { content: "\f107"; }


.ion-arrow-left-c:before { content: "\f108"; }


.ion-arrow-move:before { content: "\f263"; }


.ion-arrow-resize:before { content: "\f264"; }


.ion-arrow-return-left:before { content: "\f265"; }


.ion-arrow-return-right:before { content: "\f266"; }


.ion-arrow-right-a:before { content: "\f109"; }


.ion-arrow-right-b:before { content: "\f10a"; }


.ion-arrow-right-c:before { content: "\f10b"; }


.ion-arrow-shrink:before { content: "\f267"; }


.ion-arrow-swap:before { content: "\f268"; }


.ion-arrow-up-a:before { content: "\f10c"; }


.ion-arrow-up-b:before { content: "\f10d"; }


.ion-arrow-up-c:before { content: "\f10e"; }


.ion-asterisk:before { content: "\f314"; }


.ion-at:before { content: "\f10f"; }


.ion-backspace:before { content: "\f3bf"; }


.ion-backspace-outline:before { content: "\f3be"; }


.ion-bag:before { content: "\f110"; }


.ion-battery-charging:before { content: "\f111"; }


.ion-battery-empty:before { content: "\f112"; }


.ion-battery-full:before { content: "\f113"; }


.ion-battery-half:before { content: "\f114"; }


.ion-battery-low:before { content: "\f115"; }


.ion-beaker:before { content: "\f269"; }


.ion-beer:before { content: "\f26a"; }


.ion-bluetooth:before { content: "\f116"; }


.ion-bonfire:before { content: "\f315"; }


.ion-bookmark:before { content: "\f26b"; }


.ion-bowtie:before { content: "\f3c0"; }


.ion-briefcase:before { content: "\f26c"; }


.ion-bug:before { content: "\f2be"; }


.ion-calculator:before { content: "\f26d"; }


.ion-calendar:before { content: "\f117"; }


.ion-camera:before { content: "\f118"; }


.ion-card:before { content: "\f119"; }


.ion-cash:before { content: "\f316"; }


.ion-chatbox:before { content: "\f11b"; }


.ion-chatbox-working:before { content: "\f11a"; }


.ion-chatboxes:before { content: "\f11c"; }


.ion-chatbubble:before { content: "\f11e"; }


.ion-chatbubble-working:before { content: "\f11d"; }


.ion-chatbubbles:before { content: "\f11f"; }


.ion-checkmark:before { content: "\f122"; }


.ion-checkmark-circled:before { content: "\f120"; }


.ion-checkmark-round:before { content: "\f121"; }


.ion-chevron-down:before { content: "\f123"; }


.ion-chevron-left:before { content: "\f124"; }


.ion-chevron-right:before { content: "\f125"; }


.ion-chevron-up:before { content: "\f126"; }


.ion-clipboard:before { content: "\f127"; }


.ion-clock:before { content: "\f26e"; }


.ion-close:before { content: "\f12a"; }


.ion-close-circled:before { content: "\f128"; }


.ion-close-round:before { content: "\f129"; }


.ion-closed-captioning:before { content: "\f317"; }


.ion-cloud:before { content: "\f12b"; }


.ion-code:before { content: "\f271"; }


.ion-code-download:before { content: "\f26f"; }


.ion-code-working:before { content: "\f270"; }


.ion-coffee:before { content: "\f272"; }


.ion-compass:before { content: "\f273"; }


.ion-compose:before { content: "\f12c"; }


.ion-connection-bars:before { content: "\f274"; }


.ion-contrast:before { content: "\f275"; }


.ion-crop:before { content: "\f3c1"; }


.ion-cube:before { content: "\f318"; }


.ion-disc:before { content: "\f12d"; }


.ion-document:before { content: "\f12f"; }


.ion-document-text:before { content: "\f12e"; }


.ion-drag:before { content: "\f130"; }


.ion-earth:before { content: "\f276"; }


.ion-easel:before { content: "\f3c2"; }


.ion-edit:before { content: "\f2bf"; }


.ion-egg:before { content: "\f277"; }


.ion-eject:before { content: "\f131"; }


.ion-email:before { content: "\f132"; }


.ion-email-unread:before { content: "\f3c3"; }


.ion-erlenmeyer-flask:before { content: "\f3c5"; }


.ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; }


.ion-eye:before { content: "\f133"; }


.ion-eye-disabled:before { content: "\f306"; }


.ion-female:before { content: "\f278"; }


.ion-filing:before { content: "\f134"; }


.ion-film-marker:before { content: "\f135"; }


.ion-fireball:before { content: "\f319"; }


.ion-flag:before { content: "\f279"; }


.ion-flame:before { content: "\f31a"; }


.ion-flash:before { content: "\f137"; }


.ion-flash-off:before { content: "\f136"; }


.ion-folder:before { content: "\f139"; }


.ion-fork:before { content: "\f27a"; }


.ion-fork-repo:before { content: "\f2c0"; }


.ion-forward:before { content: "\f13a"; }


.ion-funnel:before { content: "\f31b"; }


.ion-gear-a:before { content: "\f13d"; }


.ion-gear-b:before { content: "\f13e"; }


.ion-grid:before { content: "\f13f"; }


.ion-hammer:before { content: "\f27b"; }


.ion-happy:before { content: "\f31c"; }


.ion-happy-outline:before { content: "\f3c6"; }


.ion-headphone:before { content: "\f140"; }


.ion-heart:before { content: "\f141"; }


.ion-heart-broken:before { content: "\f31d"; }


.ion-help:before { content: "\f143"; }


.ion-help-buoy:before { content: "\f27c"; }


.ion-help-circled:before { content: "\f142"; }


.ion-home:before { content: "\f144"; }


.ion-icecream:before { content: "\f27d"; }


.ion-image:before { content: "\f147"; }


.ion-images:before { content: "\f148"; }


.ion-information:before { content: "\f14a"; }


.ion-information-circled:before { content: "\f149"; }


.ion-ionic:before { content: "\f14b"; }


.ion-ios-alarm:before { content: "\f3c8"; }


.ion-ios-alarm-outline:before { content: "\f3c7"; }


.ion-ios-albums:before { content: "\f3ca"; }


.ion-ios-albums-outline:before { content: "\f3c9"; }


.ion-ios-americanfootball:before { content: "\f3cc"; }


.ion-ios-americanfootball-outline:before { content: "\f3cb"; }


.ion-ios-analytics:before { content: "\f3ce"; }


.ion-ios-analytics-outline:before { content: "\f3cd"; }


.ion-ios-arrow-back:before { content: "\f3cf"; }


.ion-ios-arrow-down:before { content: "\f3d0"; }


.ion-ios-arrow-forward:before { content: "\f3d1"; }


.ion-ios-arrow-left:before { content: "\f3d2"; }


.ion-ios-arrow-right:before { content: "\f3d3"; }


.ion-ios-arrow-thin-down:before { content: "\f3d4"; }


.ion-ios-arrow-thin-left:before { content: "\f3d5"; }


.ion-ios-arrow-thin-right:before { content: "\f3d6"; }


.ion-ios-arrow-thin-up:before { content: "\f3d7"; }


.ion-ios-arrow-up:before { content: "\f3d8"; }


.ion-ios-at:before { content: "\f3da"; }


.ion-ios-at-outline:before { content: "\f3d9"; }


.ion-ios-barcode:before { content: "\f3dc"; }


.ion-ios-barcode-outline:before { content: "\f3db"; }


.ion-ios-baseball:before { content: "\f3de"; }


.ion-ios-baseball-outline:before { content: "\f3dd"; }


.ion-ios-basketball:before { content: "\f3e0"; }


.ion-ios-basketball-outline:before { content: "\f3df"; }


.ion-ios-bell:before { content: "\f3e2"; }


.ion-ios-bell-outline:before { content: "\f3e1"; }


.ion-ios-body:before { content: "\f3e4"; }


.ion-ios-body-outline:before { content: "\f3e3"; }


.ion-ios-bolt:before { content: "\f3e6"; }


.ion-ios-bolt-outline:before { content: "\f3e5"; }


.ion-ios-book:before { content: "\f3e8"; }


.ion-ios-book-outline:before { content: "\f3e7"; }


.ion-ios-bookmarks:before { content: "\f3ea"; }


.ion-ios-bookmarks-outline:before { content: "\f3e9"; }


.ion-ios-box:before { content: "\f3ec"; }


.ion-ios-box-outline:before { content: "\f3eb"; }


.ion-ios-briefcase:before { content: "\f3ee"; }


.ion-ios-briefcase-outline:before { content: "\f3ed"; }


.ion-ios-browsers:before { content: "\f3f0"; }


.ion-ios-browsers-outline:before { content: "\f3ef"; }


.ion-ios-calculator:before { content: "\f3f2"; }


.ion-ios-calculator-outline:before { content: "\f3f1"; }


.ion-ios-calendar:before { content: "\f3f4"; }


.ion-ios-calendar-outline:before { content: "\f3f3"; }


.ion-ios-camera:before { content: "\f3f6"; }


.ion-ios-camera-outline:before { content: "\f3f5"; }


.ion-ios-cart:before { content: "\f3f8"; }


.ion-ios-cart-outline:before { content: "\f3f7"; }


.ion-ios-chatboxes:before { content: "\f3fa"; }


.ion-ios-chatboxes-outline:before { content: "\f3f9"; }


.ion-ios-chatbubble:before { content: "\f3fc"; }


.ion-ios-chatbubble-outline:before { content: "\f3fb"; }


.ion-ios-checkmark:before { content: "\f3ff"; }


.ion-ios-checkmark-empty:before { content: "\f3fd"; }


.ion-ios-checkmark-outline:before { content: "\f3fe"; }


.ion-ios-circle-filled:before { content: "\f400"; }


.ion-ios-circle-outline:before { content: "\f401"; }


.ion-ios-clock:before { content: "\f403"; }


.ion-ios-clock-outline:before { content: "\f402"; }


.ion-ios-close:before { content: "\f406"; }


.ion-ios-close-empty:before { content: "\f404"; }


.ion-ios-close-outline:before { content: "\f405"; }


.ion-ios-cloud:before { content: "\f40c"; }


.ion-ios-cloud-download:before { content: "\f408"; }


.ion-ios-cloud-download-outline:before { content: "\f407"; }


.ion-ios-cloud-outline:before { content: "\f409"; }


.ion-ios-cloud-upload:before { content: "\f40b"; }


.ion-ios-cloud-upload-outline:before { content: "\f40a"; }


.ion-ios-cloudy:before { content: "\f410"; }


.ion-ios-cloudy-night:before { content: "\f40e"; }


.ion-ios-cloudy-night-outline:before { content: "\f40d"; }


.ion-ios-cloudy-outline:before { content: "\f40f"; }


.ion-ios-cog:before { content: "\f412"; }


.ion-ios-cog-outline:before { content: "\f411"; }


.ion-ios-color-filter:before { content: "\f414"; }


.ion-ios-color-filter-outline:before { content: "\f413"; }


.ion-ios-color-wand:before { content: "\f416"; }


.ion-ios-color-wand-outline:before { content: "\f415"; }


.ion-ios-compose:before { content: "\f418"; }


.ion-ios-compose-outline:before { content: "\f417"; }


.ion-ios-contact:before { content: "\f41a"; }


.ion-ios-contact-outline:before { content: "\f419"; }


.ion-ios-copy:before { content: "\f41c"; }


.ion-ios-copy-outline:before { content: "\f41b"; }


.ion-ios-crop:before { content: "\f41e"; }


.ion-ios-crop-strong:before { content: "\f41d"; }


.ion-ios-download:before { content: "\f420"; }


.ion-ios-download-outline:before { content: "\f41f"; }


.ion-ios-drag:before { content: "\f421"; }


.ion-ios-email:before { content: "\f423"; }


.ion-ios-email-outline:before { content: "\f422"; }


.ion-ios-eye:before { content: "\f425"; }


.ion-ios-eye-outline:before { content: "\f424"; }


.ion-ios-fastforward:before { content: "\f427"; }


.ion-ios-fastforward-outline:before { content: "\f426"; }


.ion-ios-filing:before { content: "\f429"; }


.ion-ios-filing-outline:before { content: "\f428"; }


.ion-ios-film:before { content: "\f42b"; }


.ion-ios-film-outline:before { content: "\f42a"; }


.ion-ios-flag:before { content: "\f42d"; }


.ion-ios-flag-outline:before { content: "\f42c"; }


.ion-ios-flame:before { content: "\f42f"; }


.ion-ios-flame-outline:before { content: "\f42e"; }


.ion-ios-flask:before { content: "\f431"; }


.ion-ios-flask-outline:before { content: "\f430"; }


.ion-ios-flower:before { content: "\f433"; }


.ion-ios-flower-outline:before { content: "\f432"; }


.ion-ios-folder:before { content: "\f435"; }


.ion-ios-folder-outline:before { content: "\f434"; }


.ion-ios-football:before { content: "\f437"; }


.ion-ios-football-outline:before { content: "\f436"; }


.ion-ios-game-controller-a:before { content: "\f439"; }


.ion-ios-game-controller-a-outline:before { content: "\f438"; }


.ion-ios-game-controller-b:before { content: "\f43b"; }


.ion-ios-game-controller-b-outline:before { content: "\f43a"; }


.ion-ios-gear:before { content: "\f43d"; }


.ion-ios-gear-outline:before { content: "\f43c"; }


.ion-ios-glasses:before { content: "\f43f"; }


.ion-ios-glasses-outline:before { content: "\f43e"; }


.ion-ios-grid-view:before { content: "\f441"; }


.ion-ios-grid-view-outline:before { content: "\f440"; }


.ion-ios-heart:before { content: "\f443"; }


.ion-ios-heart-outline:before { content: "\f442"; }


.ion-ios-help:before { content: "\f446"; }


.ion-ios-help-empty:before { content: "\f444"; }


.ion-ios-help-outline:before { content: "\f445"; }


.ion-ios-home:before { content: "\f448"; }


.ion-ios-home-outline:before { content: "\f447"; }


.ion-ios-infinite:before { content: "\f44a"; }


.ion-ios-infinite-outline:before { content: "\f449"; }


.ion-ios-information:before { content: "\f44d"; }


.ion-ios-information-empty:before { content: "\f44b"; }


.ion-ios-information-outline:before { content: "\f44c"; }


.ion-ios-ionic-outline:before { content: "\f44e"; }


.ion-ios-keypad:before { content: "\f450"; }


.ion-ios-keypad-outline:before { content: "\f44f"; }


.ion-ios-lightbulb:before { content: "\f452"; }


.ion-ios-lightbulb-outline:before { content: "\f451"; }


.ion-ios-list:before { content: "\f454"; }


.ion-ios-list-outline:before { content: "\f453"; }


.ion-ios-location:before { content: "\f456"; }


.ion-ios-location-outline:before { content: "\f455"; }


.ion-ios-locked:before { content: "\f458"; }


.ion-ios-locked-outline:before { content: "\f457"; }


.ion-ios-loop:before { content: "\f45a"; }


.ion-ios-loop-strong:before { content: "\f459"; }


.ion-ios-medical:before { content: "\f45c"; }


.ion-ios-medical-outline:before { content: "\f45b"; }


.ion-ios-medkit:before { content: "\f45e"; }


.ion-ios-medkit-outline:before { content: "\f45d"; }


.ion-ios-mic:before { content: "\f461"; }


.ion-ios-mic-off:before { content: "\f45f"; }


.ion-ios-mic-outline:before { content: "\f460"; }


.ion-ios-minus:before { content: "\f464"; }


.ion-ios-minus-empty:before { content: "\f462"; }


.ion-ios-minus-outline:before { content: "\f463"; }


.ion-ios-monitor:before { content: "\f466"; }


.ion-ios-monitor-outline:before { content: "\f465"; }


.ion-ios-moon:before { content: "\f468"; }


.ion-ios-moon-outline:before { content: "\f467"; }


.ion-ios-more:before { content: "\f46a"; }


.ion-ios-more-outline:before { content: "\f469"; }


.ion-ios-musical-note:before { content: "\f46b"; }


.ion-ios-musical-notes:before { content: "\f46c"; }


.ion-ios-navigate:before { content: "\f46e"; }


.ion-ios-navigate-outline:before { content: "\f46d"; }


.ion-ios-nutrition:before { content: "\f470"; }


.ion-ios-nutrition-outline:before { content: "\f46f"; }


.ion-ios-paper:before { content: "\f472"; }


.ion-ios-paper-outline:before { content: "\f471"; }


.ion-ios-paperplane:before { content: "\f474"; }


.ion-ios-paperplane-outline:before { content: "\f473"; }


.ion-ios-partlysunny:before { content: "\f476"; }


.ion-ios-partlysunny-outline:before { content: "\f475"; }


.ion-ios-pause:before { content: "\f478"; }


.ion-ios-pause-outline:before { content: "\f477"; }


.ion-ios-paw:before { content: "\f47a"; }


.ion-ios-paw-outline:before { content: "\f479"; }


.ion-ios-people:before { content: "\f47c"; }


.ion-ios-people-outline:before { content: "\f47b"; }


.ion-ios-person:before { content: "\f47e"; }


.ion-ios-person-outline:before { content: "\f47d"; }


.ion-ios-personadd:before { content: "\f480"; }


.ion-ios-personadd-outline:before { content: "\f47f"; }


.ion-ios-photos:before { content: "\f482"; }


.ion-ios-photos-outline:before { content: "\f481"; }


.ion-ios-pie:before { content: "\f484"; }


.ion-ios-pie-outline:before { content: "\f483"; }


.ion-ios-pint:before { content: "\f486"; }


.ion-ios-pint-outline:before { content: "\f485"; }


.ion-ios-play:before { content: "\f488"; }


.ion-ios-play-outline:before { content: "\f487"; }


.ion-ios-plus:before { content: "\f48b"; }


.ion-ios-plus-empty:before { content: "\f489"; }


.ion-ios-plus-outline:before { content: "\f48a"; }


.ion-ios-pricetag:before { content: "\f48d"; }


.ion-ios-pricetag-outline:before { content: "\f48c"; }


.ion-ios-pricetags:before { content: "\f48f"; }


.ion-ios-pricetags-outline:before { content: "\f48e"; }


.ion-ios-printer:before { content: "\f491"; }


.ion-ios-printer-outline:before { content: "\f490"; }


.ion-ios-pulse:before { content: "\f493"; }


.ion-ios-pulse-strong:before { content: "\f492"; }


.ion-ios-rainy:before { content: "\f495"; }


.ion-ios-rainy-outline:before { content: "\f494"; }


.ion-ios-recording:before { content: "\f497"; }


.ion-ios-recording-outline:before { content: "\f496"; }


.ion-ios-redo:before { content: "\f499"; }


.ion-ios-redo-outline:before { content: "\f498"; }


.ion-ios-refresh:before { content: "\f49c"; }


.ion-ios-refresh-empty:before { content: "\f49a"; }


.ion-ios-refresh-outline:before { content: "\f49b"; }


.ion-ios-reload:before { content: "\f49d"; }


.ion-ios-reverse-camera:before { content: "\f49f"; }


.ion-ios-reverse-camera-outline:before { content: "\f49e"; }


.ion-ios-rewind:before { content: "\f4a1"; }


.ion-ios-rewind-outline:before { content: "\f4a0"; }


.ion-ios-rose:before { content: "\f4a3"; }


.ion-ios-rose-outline:before { content: "\f4a2"; }


.ion-ios-search:before { content: "\f4a5"; }


.ion-ios-search-strong:before { content: "\f4a4"; }


.ion-ios-settings:before { content: "\f4a7"; }


.ion-ios-settings-strong:before { content: "\f4a6"; }


.ion-ios-shuffle:before { content: "\f4a9"; }


.ion-ios-shuffle-strong:before { content: "\f4a8"; }


.ion-ios-skipbackward:before { content: "\f4ab"; }


.ion-ios-skipbackward-outline:before { content: "\f4aa"; }


.ion-ios-skipforward:before { content: "\f4ad"; }


.ion-ios-skipforward-outline:before { content: "\f4ac"; }


.ion-ios-snowy:before { content: "\f4ae"; }


.ion-ios-speedometer:before { content: "\f4b0"; }


.ion-ios-speedometer-outline:before { content: "\f4af"; }


.ion-ios-star:before { content: "\f4b3"; }


.ion-ios-star-half:before { content: "\f4b1"; }


.ion-ios-star-outline:before { content: "\f4b2"; }


.ion-ios-stopwatch:before { content: "\f4b5"; }


.ion-ios-stopwatch-outline:before { content: "\f4b4"; }


.ion-ios-sunny:before { content: "\f4b7"; }


.ion-ios-sunny-outline:before { content: "\f4b6"; }


.ion-ios-telephone:before { content: "\f4b9"; }


.ion-ios-telephone-outline:before { content: "\f4b8"; }


.ion-ios-tennisball:before { content: "\f4bb"; }


.ion-ios-tennisball-outline:before { content: "\f4ba"; }


.ion-ios-thunderstorm:before { content: "\f4bd"; }


.ion-ios-thunderstorm-outline:before { content: "\f4bc"; }


.ion-ios-time:before { content: "\f4bf"; }


.ion-ios-time-outline:before { content: "\f4be"; }


.ion-ios-timer:before { content: "\f4c1"; }


.ion-ios-timer-outline:before { content: "\f4c0"; }


.ion-ios-toggle:before { content: "\f4c3"; }


.ion-ios-toggle-outline:before { content: "\f4c2"; }


.ion-ios-trash:before { content: "\f4c5"; }


.ion-ios-trash-outline:before { content: "\f4c4"; }


.ion-ios-undo:before { content: "\f4c7"; }


.ion-ios-undo-outline:before { content: "\f4c6"; }


.ion-ios-unlocked:before { content: "\f4c9"; }


.ion-ios-unlocked-outline:before { content: "\f4c8"; }


.ion-ios-upload:before { content: "\f4cb"; }


.ion-ios-upload-outline:before { content: "\f4ca"; }


.ion-ios-videocam:before { content: "\f4cd"; }


.ion-ios-videocam-outline:before { content: "\f4cc"; }


.ion-ios-volume-high:before { content: "\f4ce"; }


.ion-ios-volume-low:before { content: "\f4cf"; }


.ion-ios-wineglass:before { content: "\f4d1"; }


.ion-ios-wineglass-outline:before { content: "\f4d0"; }


.ion-ios-world:before { content: "\f4d3"; }


.ion-ios-world-outline:before { content: "\f4d2"; }


.ion-ipad:before { content: "\f1f9"; }


.ion-iphone:before { content: "\f1fa"; }


.ion-ipod:before { content: "\f1fb"; }


.ion-jet:before { content: "\f295"; }


.ion-key:before { content: "\f296"; }


.ion-knife:before { content: "\f297"; }


.ion-laptop:before { content: "\f1fc"; }


.ion-leaf:before { content: "\f1fd"; }


.ion-levels:before { content: "\f298"; }


.ion-lightbulb:before { content: "\f299"; }


.ion-link:before { content: "\f1fe"; }


.ion-load-a:before { content: "\f29a"; }


.ion-load-b:before { content: "\f29b"; }


.ion-load-c:before { content: "\f29c"; }


.ion-load-d:before { content: "\f29d"; }


.ion-location:before { content: "\f1ff"; }


.ion-lock-combination:before { content: "\f4d4"; }


.ion-locked:before { content: "\f200"; }


.ion-log-in:before { content: "\f29e"; }


.ion-log-out:before { content: "\f29f"; }


.ion-loop:before { content: "\f201"; }


.ion-magnet:before { content: "\f2a0"; }


.ion-male:before { content: "\f2a1"; }


.ion-man:before { content: "\f202"; }


.ion-map:before { content: "\f203"; }


.ion-medkit:before { content: "\f2a2"; }


.ion-merge:before { content: "\f33f"; }


.ion-mic-a:before { content: "\f204"; }


.ion-mic-b:before { content: "\f205"; }


.ion-mic-c:before { content: "\f206"; }


.ion-minus:before { content: "\f209"; }


.ion-minus-circled:before { content: "\f207"; }


.ion-minus-round:before { content: "\f208"; }


.ion-model-s:before { content: "\f2c1"; }


.ion-monitor:before { content: "\f20a"; }


.ion-more:before { content: "\f20b"; }


.ion-mouse:before { content: "\f340"; }


.ion-music-note:before { content: "\f20c"; }


.ion-navicon:before { content: "\f20e"; }


.ion-navicon-round:before { content: "\f20d"; }


.ion-navigate:before { content: "\f2a3"; }


.ion-network:before { content: "\f341"; }


.ion-no-smoking:before { content: "\f2c2"; }


.ion-nuclear:before { content: "\f2a4"; }


.ion-outlet:before { content: "\f342"; }


.ion-paintbrush:before { content: "\f4d5"; }


.ion-paintbucket:before { content: "\f4d6"; }


.ion-paper-airplane:before { content: "\f2c3"; }


.ion-paperclip:before { content: "\f20f"; }


.ion-pause:before { content: "\f210"; }


.ion-person:before { content: "\f213"; }


.ion-person-add:before { content: "\f211"; }


.ion-person-stalker:before { content: "\f212"; }


.ion-pie-graph:before { content: "\f2a5"; }


.ion-pin:before { content: "\f2a6"; }


.ion-pinpoint:before { content: "\f2a7"; }


.ion-pizza:before { content: "\f2a8"; }


.ion-plane:before { content: "\f214"; }


.ion-planet:before { content: "\f343"; }


.ion-play:before { content: "\f215"; }


.ion-playstation:before { content: "\f30a"; }


.ion-plus:before { content: "\f218"; }


.ion-plus-circled:before { content: "\f216"; }


.ion-plus-round:before { content: "\f217"; }


.ion-podium:before { content: "\f344"; }


.ion-pound:before { content: "\f219"; }


.ion-power:before { content: "\f2a9"; }


.ion-pricetag:before { content: "\f2aa"; }


.ion-pricetags:before { content: "\f2ab"; }


.ion-printer:before { content: "\f21a"; }


.ion-pull-request:before { content: "\f345"; }


.ion-qr-scanner:before { content: "\f346"; }


.ion-quote:before { content: "\f347"; }


.ion-radio-waves:before { content: "\f2ac"; }


.ion-record:before { content: "\f21b"; }


.ion-refresh:before { content: "\f21c"; }


.ion-reply:before { content: "\f21e"; }


.ion-reply-all:before { content: "\f21d"; }


.ion-ribbon-a:before { content: "\f348"; }


.ion-ribbon-b:before { content: "\f349"; }


.ion-sad:before { content: "\f34a"; }


.ion-sad-outline:before { content: "\f4d7"; }


.ion-scissors:before { content: "\f34b"; }


.ion-search:before { content: "\f21f"; }


.ion-settings:before { content: "\f2ad"; }


.ion-share:before { content: "\f220"; }


.ion-shuffle:before { content: "\f221"; }


.ion-skip-backward:before { content: "\f222"; }


.ion-skip-forward:before { content: "\f223"; }


.ion-social-android:before { content: "\f225"; }


.ion-social-android-outline:before { content: "\f224"; }


.ion-social-angular:before { content: "\f4d9"; }


.ion-social-angular-outline:before { content: "\f4d8"; }


.ion-social-apple:before { content: "\f227"; }


.ion-social-apple-outline:before { content: "\f226"; }


.ion-social-bitcoin:before { content: "\f2af"; }


.ion-social-bitcoin-outline:before { content: "\f2ae"; }


.ion-social-buffer:before { content: "\f229"; }


.ion-social-buffer-outline:before { content: "\f228"; }


.ion-social-chrome:before { content: "\f4db"; }


.ion-social-chrome-outline:before { content: "\f4da"; }


.ion-social-codepen:before { content: "\f4dd"; }


.ion-social-codepen-outline:before { content: "\f4dc"; }


.ion-social-css3:before { content: "\f4df"; }


.ion-social-css3-outline:before { content: "\f4de"; }


.ion-social-designernews:before { content: "\f22b"; }


.ion-social-designernews-outline:before { content: "\f22a"; }


.ion-social-dribbble:before { content: "\f22d"; }


.ion-social-dribbble-outline:before { content: "\f22c"; }


.ion-social-dropbox:before { content: "\f22f"; }


.ion-social-dropbox-outline:before { content: "\f22e"; }


.ion-social-euro:before { content: "\f4e1"; }


.ion-social-euro-outline:before { content: "\f4e0"; }


.ion-social-facebook:before { content: "\f231"; }


.ion-social-facebook-outline:before { content: "\f230"; }


.ion-social-foursquare:before { content: "\f34d"; }


.ion-social-foursquare-outline:before { content: "\f34c"; }


.ion-social-freebsd-devil:before { content: "\f2c4"; }


.ion-social-github:before { content: "\f233"; }


.ion-social-github-outline:before { content: "\f232"; }


.ion-social-google:before { content: "\f34f"; }


.ion-social-google-outline:before { content: "\f34e"; }


.ion-social-googleplus:before { content: "\f235"; }


.ion-social-googleplus-outline:before { content: "\f234"; }


.ion-social-hackernews:before { content: "\f237"; }


.ion-social-hackernews-outline:before { content: "\f236"; }


.ion-social-html5:before { content: "\f4e3"; }


.ion-social-html5-outline:before { content: "\f4e2"; }


.ion-social-instagram:before { content: "\f351"; }


.ion-social-instagram-outline:before { content: "\f350"; }


.ion-social-javascript:before { content: "\f4e5"; }


.ion-social-javascript-outline:before { content: "\f4e4"; }


.ion-social-linkedin:before { content: "\f239"; }


.ion-social-linkedin-outline:before { content: "\f238"; }


.ion-social-markdown:before { content: "\f4e6"; }


.ion-social-nodejs:before { content: "\f4e7"; }


.ion-social-octocat:before { content: "\f4e8"; }


.ion-social-pinterest:before { content: "\f2b1"; }


.ion-social-pinterest-outline:before { content: "\f2b0"; }


.ion-social-python:before { content: "\f4e9"; }


.ion-social-reddit:before { content: "\f23b"; }


.ion-social-reddit-outline:before { content: "\f23a"; }


.ion-social-rss:before { content: "\f23d"; }


.ion-social-rss-outline:before { content: "\f23c"; }


.ion-social-sass:before { content: "\f4ea"; }


.ion-social-skype:before { content: "\f23f"; }


.ion-social-skype-outline:before { content: "\f23e"; }


.ion-social-snapchat:before { content: "\f4ec"; }


.ion-social-snapchat-outline:before { content: "\f4eb"; }


.ion-social-tumblr:before { content: "\f241"; }


.ion-social-tumblr-outline:before { content: "\f240"; }


.ion-social-tux:before { content: "\f2c5"; }


.ion-social-twitch:before { content: "\f4ee"; }


.ion-social-twitch-outline:before { content: "\f4ed"; }


.ion-social-twitter:before { content: "\f243"; }


.ion-social-twitter-outline:before { content: "\f242"; }


.ion-social-usd:before { content: "\f353"; }


.ion-social-usd-outline:before { content: "\f352"; }


.ion-social-vimeo:before { content: "\f245"; }


.ion-social-vimeo-outline:before { content: "\f244"; }


.ion-social-whatsapp:before { content: "\f4f0"; }


.ion-social-whatsapp-outline:before { content: "\f4ef"; }


.ion-social-windows:before { content: "\f247"; }


.ion-social-windows-outline:before { content: "\f246"; }


.ion-social-wordpress:before { content: "\f249"; }


.ion-social-wordpress-outline:before { content: "\f248"; }


.ion-social-yahoo:before { content: "\f24b"; }


.ion-social-yahoo-outline:before { content: "\f24a"; }


.ion-social-yen:before { content: "\f4f2"; }


.ion-social-yen-outline:before { content: "\f4f1"; }


.ion-social-youtube:before { content: "\f24d"; }


.ion-social-youtube-outline:before { content: "\f24c"; }


.ion-soup-can:before { content: "\f4f4"; }


.ion-soup-can-outline:before { content: "\f4f3"; }


.ion-speakerphone:before { content: "\f2b2"; }


.ion-speedometer:before { content: "\f2b3"; }


.ion-spoon:before { content: "\f2b4"; }


.ion-star:before { content: "\f24e"; }


.ion-stats-bars:before { content: "\f2b5"; }


.ion-steam:before { content: "\f30b"; }


.ion-stop:before { content: "\f24f"; }


.ion-thermometer:before { content: "\f2b6"; }


.ion-thumbsdown:before { content: "\f250"; }


.ion-thumbsup:before { content: "\f251"; }


.ion-toggle:before { content: "\f355"; }


.ion-toggle-filled:before { content: "\f354"; }


.ion-transgender:before { content: "\f4f5"; }


.ion-trash-a:before { content: "\f252"; }


.ion-trash-b:before { content: "\f253"; }


.ion-trophy:before { content: "\f356"; }


.ion-tshirt:before { content: "\f4f7"; }


.ion-tshirt-outline:before { content: "\f4f6"; }


.ion-umbrella:before { content: "\f2b7"; }


.ion-university:before { content: "\f357"; }


.ion-unlocked:before { content: "\f254"; }


.ion-upload:before { content: "\f255"; }


.ion-usb:before { content: "\f2b8"; }


.ion-videocamera:before { content: "\f256"; }


.ion-volume-high:before { content: "\f257"; }


.ion-volume-low:before { content: "\f258"; }


.ion-volume-medium:before { content: "\f259"; }


.ion-volume-mute:before { content: "\f25a"; }


.ion-wand:before { content: "\f358"; }


.ion-waterdrop:before { content: "\f25b"; }


.ion-wifi:before { content: "\f25c"; }


.ion-wineglass:before { content: "\f2b9"; }


.ion-woman:before { content: "\f25d"; }


.ion-wrench:before { content: "\f2ba"; }


.ion-xbox:before { content: "\f30c"; }

@keyframes menuSlideDown {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}

	100% {
		opacity: 1;
		transform: translateY(0%);
	}

}

@-webkit-keyframes menuSlideDown {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}

	100% {
		opacity: 1;
		transform: translateY(0%);
	}

}


.anim-blink {
    animation: blink 1s infinite;
    -webkit-animation: blink 1s  infinite;
}


@keyframes blink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

@-webkit-keyframes blink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

/*
.anim-top-open {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	animation-name: slideUp;
	animation-duration: 1s;	
	animation-timing-function: ease;	
	-webkit-animation-name: slideUp;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;			
}

.anim-force-open {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}


@keyframes slideUp {
	0% {
		transform: translateY(0%);
	}

	50%{
		transform: translateY(-104%);
	}

	65%{
		transform: translateY(-96%);
	}

	80%{
		transform: translateY(-102%);
	}

	95%{
		transform: translateY(-98%);
	}
			
	100% {
		transform: translateY(-100%);
	}
	
}


@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0%);
	}

	50%{
		-webkit-transform: translateY(-104%);
	}

	65%{
		-webkit-transform: translateY(-96%);
	}

	80%{
		-webkit-transform: translateY(-102%);
	}

	95%{
		-webkit-transform: translateY(-98%);
	}
			
	100% {
		-webkit-transform: translateY(-100%);
	}
	
}


.anim-top-close {
	transform: translateY(0%);
	animation-name: slideDown;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateY(0%);
	-webkit-animation-name: slideDown;
	-webkit-animation-duration: 1s;	
	-webkit-animation-timing-function: ease;
}


@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}

	50%{
		transform: translateY(4%);
	}

	65%{
		transform: translateY(-4%);
	}

	80%{
		transform: translateY(2%);
	}

	95%{
		transform: translateY(-2%);
	}
			
	100% {
		transform: translateY(0%);
	}
	
}


@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}

	50%{
		-webkit-transform: translateY(4%);
	}

	65%{
		-webkit-transform: translateY(-4%);
	}

	80%{
		-webkit-transform: translateY(2%);
	}

	95%{
		-webkit-transform: translateY(-2%);
	}
			
	100% {
		-webkit-transform: translateY(0%);
	}
	
}

*/



.anim-top-open {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	animation-name: slideUp;
	animation-duration: 1s;	
	animation-timing-function: ease;	
	-webkit-animation-name: slideUp;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;			
}

.anim-force-open {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}


@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}

	50%{
		transform: translateY(-4%);
	}

	65%{
		transform: translateY(4%);
	}

	80%{
		transform: translateY(-2%);
	}

	95%{
		transform: translateY(2%);
	}
			
	100% {
		transform: translateY(0%);
	}
	
}


@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}

	50%{
		-webkit-transform: translateY(-4%);
	}

	65%{
		-webkit-transform: translateY(4%);
	}

	80%{
		-webkit-transform: translateY(-2%);
	}

	95%{
		-webkit-transform: translateY(2%);
	}
			
	100% {
		-webkit-transform: translateY(0%);
	}
	
}


.anim-top-close {
	transform: translateY(100%);
	animation-name: slideDown;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateY(100%);
	-webkit-animation-name: slideDown;
	-webkit-animation-duration: 1s;	
	-webkit-animation-timing-function: ease;
}


@keyframes slideDown {
	0% {
		transform: translateY(0%);
	}

	50%{
		transform: translateY(96%);
	}

	65%{
		transform: translateY(104%);
	}

	80%{
		transform: translateY(98%);
	}

	95%{
		transform: translateY(102%);
	}
			
	100% {
		transform: translateY(100%);
	}
	
}


@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(0%);
	}

	50%{
		-webkit-transform: translateY(96%);
	}

	65%{
		-webkit-transform: translateY(104%);
	}

	80%{
		-webkit-transform: translateY(98%);
	}

	95%{
		-webkit-transform: translateY(102%);
	}
			
	100% {
		-webkit-transform: translateY(100%);
	}
	
}

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(359deg); }
 }

@keyframes spin { 0% { transform: rotate(0deg); }

  100% { transform: rotate(359deg); }
 }


.anim-spin {
	animation: 2s linear 0s normal none infinite running spin;
}




@keyframes slideFromRight {
	0% {
		transform: translateX(50%);
		opacity:0;
	}

	100%{
		transform: translateX(0%);
		opacity:1;
	}
	
}


@-webkit-keyframes slideFromRight {
	0% {
		transform: translateX(50%);
		opacity:0;
	}

	100%{
		transform: translateX(0%);
		opacity:1;
	}
	
}


@keyframes slideToLeft {
	0% {
		transform: translateX(0%);
		opacity:1;
	}

	100%{
		transform: translateX(-50%);
		opacity:0;
	}
	
}


@-webkit-keyframes slideToLeft {
	0% {
		transform: translateX(0%);
		opacity:1;
	}

	100%{
		transform: translateX(-50%);
		opacity:0;
	}
	
}


.anim-slide-start-from-right {
	transform: translateX(50%);
	-webkit-transform:translateX(50%);
	opacity:0;
}
 
.anim-slide-from-right {
	animation-name: slideFromRight;
	animation-duration: 1s;	
	animation-timing-function: ease;
	opacity:1;
	transform: translateX(0%);
	-webkit-animation-name: slideFromRight;
	-webkit-animation-duration: 1s;	
	-webkit-animation-timing-function: ease;
	-webkit-transform: translateX(0%);
}


.anim-slide-to-left {
	animation-name: slideToLeft;
	animation-duration: 1s;	
	animation-timing-function: ease;
	transform: translateX(50%);
	-webkit-animation-name: slideToLeft;
	-webkit-animation-duration: 1s;	
	-webkit-animation-timing-function: ease;
	-webkit-transform:translateX(100%);
}



div.z3_loader {
	top:0;
	width:100%;
	height:100%;
	position:fixed;
	z-index:9900;
	text-align: center;
    vertical-align: middle;
    display:none;
}


div.z3_loader.modal {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}


div.z3_loader div.table {
	display: table-cell;
	text-align: center;
    vertical-align: middle;
}


div.z3_loader.center {
	text-align:center;
}
 

div.z3_loader .panel {
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}


div.z3_loader div.simpleloader {
	display: inline-flex;
	position: relative;
	width:auto;
	border:#808080 1px solid;
	padding:5px;
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}


div.z3_loader div.simpleloader i {
	font-size:26pt;
	float:left;
	margin-right:5px;
}


div.z3_loader div.simpleloader span {
	line-height:30pt;
	float:left;
}


div.z3_loader .panel-b {
	position:relative;
	display: inline-block;
	width:auto;
	border:#808080 1px solid;
	border-radius:3px;
	padding:0;
	text-align:left;
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	background:#fff;
}


div.z3_loader .panel-b div.head {
	background:#EAEAEA;
	border-bottom:#c0c0c0 1px solid;
	overflow:auto;
	height:59px;
}

div.z3_loader .panel-b div.head  .title{
	width: auto;
}


div.z3_loader .panel-b div.head i {
	font-size:20pt;
	margin:10px 0px 0px 10px;
	float:left;
}

div.z3_loader .panel-b div.head span.title {
	float:left;
	font-size:13pt;
	line-height:20pt;
	font-weight:bold;
	padding:5px;
	margin:10px 0px 0px 10px;
}

div.z3_loader .panel-b div.head span.close {
	cursor:pointer;
	line-height:20pt;
	font-size:13pt;
	float:right;
	margin:15px 10px 0px 10px;
	color: #6a6a6a;
}

div.z3_loader .panel-b div.body{
	padding:10px 5px 10px 5px;
}

div.z3_loader .panel-b div.footer {
	border-top:#c0c0c0 1px solid;
	text-align:right;
	background:#f0f0f0;
}


.error {
	border:#ff0000 1px solid;
	background:#D3BCBC;
	color:#AE0000;
	text-align:left;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

	
.owl-carousel .owl-item{
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */
.grabbing { 
    cursor:url('http://www.kerteszkedj.hu/templates/default/css/grabbing.png') 8 8, move;
}


/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}


/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}


/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}


.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}


/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}


/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url('http://www.kerteszkedj.hu/templates/default/img/owl/AjaxLoader.gif') no-repeat center center
}
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}

.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}


/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}

.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
	/* Specific active slide styling: */
	
}

.swiper-slide-visible {
	/* Specific visible slide styling: */	

}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}

.swiper-active-switch {
	/* Specific active button style: */	
	
}

.swiper-visible-switch {
	/* Specific visible button style: */	
	
}

.cookie-outter{
	position: fixed;
    bottom: 0px;
    color: black;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: #f5f5f5;
    border-top: 1px solid #067e1f;
	display: none;
}

.cookie-inner{
	display: block;
	max-width: 1300px;
	margin:0px auto;
}

.cookie-inner p {
	float: left;
	margin:3px 0;
}


.cookie-inner button {
	float: right;
	padding: 8px;
	text-transform: uppercase;
	background: rgba(0, 152, 37, 0.50);
	outline: none;
}

.cookie-inner button:hover{
	background: #009825;
	color:white;
	cursor: pointer;
}