/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */



.magnifier{
    width: 403px;
    height: 236px;
    float:right;
    padding-left:50px;
    position: relative;
    margin: 0 auto;
    -webkit-animation: magnify 1s ease infinite alternate;
       -moz-animation: magnify 1s ease infinite alternate;
            animation: magnify 1s ease infinite alternate;
}


@-webkit-keyframes magnify{
    0%{-webkit-transform: scale(1); }
    100%{-webkit-transform: scale(1.05);}
}
@-moz-keyframes magnify{
    0%{-moz-transform: scale(1); }
    100%{-moz-transform: scale(1.05);}
}
@keyframes magnify{
    0%{transform: scale(1); }
    100%{transform: scale(1.05);}
}


.zoomit {
    overflow: hidden;
/*
    -moz-box-shadow:3px 5px 7px rgba(0,0,0,.7);  
    -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);  
    box-shadow:3px 5px 7px rgba(0,0,0,.7);  
*/
}

.zoomit:hover {
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
    -webkit-transform: scale(1.05);  
    -moz-transform: scale(1.05);  
    -o-transform: scale(1.05);  
/*
    -moz-box-shadow:3px 5px 7px rgba(0,0,0,.7);  
    -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);  
    box-shadow:3px 5px 7px rgba(0,0,0,.7);  
*/
    cursor:pointer;
    overflow: hidden;
  
}

.jsn-input-xlarge-fluid {
	width: 460px;
	height: 200px !important;
}


.container > header h1,
.container > header h2 {
	color: #000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.cs-text {
	width: auto;
	margin: 0px auto 30px;
	cursor: default;
}

.cs-text > span {
	display: block;
	-webkit-backface-visibility: hidden;
}

.cs-text-cut {
	width: 100%;
	height: 90px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.cs-text-cut:first-child {
	border-top: 1px solid rgba(0,0,0,0.5);
}

.cs-text-cut:last-child {
	border-bottom: 1px solid rgba(0,0,0,0.5);
}

.cs-text-cut span {
	display: block;
	line-height: 180px;
	color: rgba(0,0,0,1);
	font-size: 180px;
	font-weight: 700;
/*	text-transform: uppercase; */
	font-style: italic;
	text-align: center;
	margin-top: 6px;
/*	font-family: 'Sancreek', cursive; */
	font-family: sans-serif;
	text-shadow: 7px 2px 0 rgba(255,255,255,0.3);
}

.cs-text-cut:last-child span {
	margin-top: -84px;
}

.cs-text-mid {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 50px;
	letter-spacing: 50px;
	line-height: 50px;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	color: rgba(0,0,0,0.3);
	text-shadow: 0 0 0 rgba(255,255,255,0.9);
	opacity: 0;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%; /* IE 9 */
	-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.cs-text:hover .cs-text-cut:first-child {
	-webkit-transform: translateY(-25px);
	-moz-transform: translateY(-25px);
	-o-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
	opacity: 0.5;
}

.cs-text:hover .cs-text-cut:last-child {
	-webkit-transform: translateY(25px);
	-moz-transform: translateY(25px);
	-o-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px);
	opacity: 0.5;
}

.cs-text:hover .cs-text-mid {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.inetblue {
	color: #0E71B4 !important;
}