@import 'https://fonts.googleapis.com/css?family=Raleway:400,400i&subset=latin-ext';
* {
    box-sizing: border-box;
}

html {
}
body {
	font: 400 1.2em/1.4 "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container {
	width: 100%;
	
	margin-right: auto;
	margin-left: auto;
	margin-top: -20px;
}
.row {
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}


a {
  color: #E8C566; }
a:hover {
  color: #AD8D36; }
  
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-ms-keyframes fadeIn {from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn {from { opacity:0; } to { opacity:1; } }

.thisisferity {
	/*background: #f4f4f4;
	background: -moz-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#dddddd 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dddddd',GradientType=0 );	
	*/	
	/*-webkit-box-shadow: 0 5px 2px 2px #ddd;
	box-shadow: 0 3px 5px 2px #ddd;*/
	
	text-align: center;
	width: calc(50% - 15px);
	display: inline-block;
	padding: 60px 20px;
	text-decoration: none;
	color: #ddd;
	
	opacity:0;
	opacity: 1 \9; /*just in case ie*/
		
	-webkit-animation: fadeIn ease-in 1; /* Safari, Chrome and Opera > 12.1 */
	       -moz-animation: fadeIn ease-in 1; /* Firefox < 16 */
	        -ms-animation: fadeIn ease-in 1; /* Internet Explorer */
	         -o-animation: fadeIn ease-in 1; /* Opera < 12.1 */
	            animation: fadeIn ease-in 1;
	            
	-webkit-animation-fill-mode:forwards;
	  -moz-animation-fill-mode:forwards;
	  animation-fill-mode:forwards;
	
	-webkit-animation-duration:2s;
	  -moz-animation-duration:2s;
	  animation-duration:2s;
	 	    
	border: 1px solid #ddd;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	background: url(http://www.eshop.ferity.eu/images/bg-bt.png) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 200px 200px;
	position: relative;
}

.thisisferity:hover {
	border: 1px solid #E8C566;
}

.thisisferity:hover p {
	color: #E8C566;
}

.thisisferity:hover .lajna {
	border-bottom: 1px solid #E8C566;
}

.delay-one {
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
	    animation-delay: 2s;
}
.delay-two {
	-webkit-animation-delay: 2.2s; /* Chrome, Safari, Opera */
	    animation-delay: 2.2s;	
}



.fl {
	float: left;
}
.fr {
	float: right;
}

.thisisferity p {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-style: italic;
    font-size: 25px;
}
.thisisferity p:last-child {
	position: absolute;
	margin: 10px auto 0;
	width: auto;
	padding: 0;
	border-bottom-style: none;
	right: 0;
	left: 0;
	font-size: 18px;
}
.lajna {
    display: block;
    width: 50%;
	border-bottom: 1px solid #ddd;
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.thisisferity p:first-child {
	padding-bottom: 40px;
}

.thisisferity a {
    text-decoration: none;
	margin: 0;
}
.dash {
    padding-left: 5px;
    padding-right: 5px;
}





@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .row {
    	width: 100%;
    }
    .thisisferity {
    	width: 100%;
    	margin-bottom: 20px;
    }
}