body{font-family: 'Roboto', sans-serif; margin:0; padding:0;}
.lora{font-family: 'Lora', serif;}
.left{float:left;}
.right{float:right;}
.relative-inline{position:relative; display:inline-block;}
.tooltip{z-index:20000; display:none; position:absolute; bottom:-110px; width:180px; left:50%; margin-left:-100px; height:90px; background:#eeeeee; padding:10px; border-radius:4px; 
		 box-shadow:0px 0px 10px rgba(0,0,0,0.1); border:1px solid #dfdfdf; color:#1d1d1d; font-weight:normal; font-size:13px;}
.questionmark{margin:0; width:30px; height:20px; text-align:center; font-weight:bold; color:#ababab; cursor:pointer;}


.black{z-index:20000; display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8)}
.notice{position:relative; display:none; margin:10% auto 0 auto; width:320px; height:auto; padding:40px 40px 60px 40px; background:#fff;
		box-shadow:0px 0px 30px #000; text-align:center;}
.notice-title{display:inline-block; margin:30px auto 0 auto; font-size:18px; font-weight:bold; color:#1d1d1d;}
.notice-subtitle{display:inline-block; margin:20px auto 0 auto; font-size:14px; color:#8c8c8c;}
.notice-ok{display:inline-block; margin:50px auto 0 auto; font-size:20px; font-weight:bold; color:#c5cc32;}
.notice-ok:hover{color:#1d1d1d; cursor:pointer;}

.topbar{position:relative; display:inline-block; width:100%; background:#e5e5e5;}
	.topbar-item{position:relative; height:auto; font-weight:bold; font-size:14px; 
				 text-decoration:none; color:#4b4b4b;}
	.topbar-item:hover{color:#000; cursor:pointer;}
	
.container{width:100%; height:auto; text-align:center;}
.small-title{margin:70px auto 0px auto; font-size:20px; color:#8c8c8c; border:0px solid #000;}
.main-title{margin:0px auto 0px auto; font-size:40px; color:#105f73; border:0px solid #000;}
.top-text{margin:40px auto 50px auto; font-size:14px; line-height:20px; color:#616161;}

.button{margin:auto; height:31px; padding-top:14px; font-size:14px; color:#fff; background:#105f73; border-radius:4px; text-decoration:none; font-weight:bold;}
.button:hover{background:#1d1d1d;}

.category-title{margin:10px auto 60px auto; font-size:24px; color:#1d1d1d; font-weight:bold;}
.form-container{margin:0px auto 0px auto;}
.input{margin:10px auto 0 auto; width:100%; height:40px; border:2px solid #105f73; border-radius:4px; text-indent:10px;}
.input2{margin:30px auto 0 auto; width:100%; height:40px; border:none; border-bottom:1px solid #616161; text-indent:10px;}
.form-text{margin:100px auto 0 auto; font-size:18px; color:#757575; font-weight:bold;}
.form-line{margin:10px auto 0 auto; width:100%; height:1px; background:#dbdbdb;}
.options-holder{width:100%; display:inline-block; height:auto;}
.option-check{margin-top:17px; margin-right:20px;}
.hidden{display:none;}


.error{width:100%; margin:30px auto 0 auto;}
.load-image{display:none; margin:40px auto 0px auto;}

.footer-container{padding:20px 0 20px 0; background:#d9d9d9;}
.footer-link{display:inline-block; font-size:14px; color:#1d1d1d; text-decoration:none;}
.footer-link:hover{color:#fff; text-shadow:0px 0px 20px #818181; cursor:pointer;}


.transition{-webkit-transition: all 0.15s ease-in-out;
			-moz-transition: all 0.15s ease-in-out;
			-o-transition: all 0.15s ease-in-out;
			transition: all 0.15s ease-in-out;
			}
			
			
/* RESPOSNIVE css, RP Authentic anno 2015 */

@media screen and (min-width:1601px){
	.topbar{height:70px;}
	.topbar-item{display:inline-block; margin:27px 20px 0 20px; width:auto;}
	.button{width:150px;}
	.form-container{width:600px;}
	.top-text{width:800px;}
	.br{display:none;}
}

@media screen and (min-width:1365px) and (max-width:1600px){
	.topbar{height:70px;}
	.topbar-item{display:inline-block; margin:27px 20px 0 20px; width:auto;}
	.button{width:150px;}
	.form-container{width:600px;}
	.top-text{width:800px;}
	.br{display:none;}
}

@media screen and (min-width:1279px) and (max-width:1364px){
	.topbar{height:70px;}
	.topbar-item{display:inline-block; margin:27px 20px 0 20px; width:auto;}
	.button{width:150px;}
	.form-container{width:600px;}
	.top-text{width:800px;}
	.br{display:none;}
}

@media screen and (min-width:1023px) and (max-width:1278px){
	.topbar{height:70px;}
	.topbar-item{display:inline-block; margin:27px 20px 0 20px; width:auto;}
	.button{width:150px;}
	.form-container{width:600px;}
	.top-text{width:800px;}
	.br{display:none;}
}

@media screen and (min-width:900px) and (max-width:1022px){
	.topbar{height:70px;}
	.topbar-item{display:inline-block; margin:27px 20px 0 20px; width:auto;}
	.button{width:150px;}
	.form-container{width:600px;}
	.top-text{width:700px;}
	.br{display:none;}
}

@media screen and (min-width:500px) and (max-width:899px){
	.topbar{height:70px;}
	.topbar-item{display:inline-block; margin:27px 20px 0 20px; width:auto;}
	.button{width:150px;}
	.form-container{width:90%;}
	.top-text{width:90%;}
	.br{display:none;}
}

@media screen and (max-width:499px){
	.topbar{height:auto;}
	.topbar-item{display:block; margin:27px auto 0 auto; width:100%; padding:10px 0 10px 0; text-align:center;}
	.button{width:90%; margin-bottom:10px;}
	.form-container{width:90%;}
	.top-text{width:90%;}
	.br{display:block;}
}