#main-block h1 {
	font-size: 50px;
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 85px;
	margin-top: 80px;
}

@media (max-width: 1030px) {
	#main-block h1 {
		margin-top: 30px;
		font-size: 44px;
	}
}

#main-block .span4:hover,
#main-block .span4:hover .icon {
	cursor: pointer;
}

#main-block .icon {
	width: 144px;
	height: 144px;
	line-height: 144px;
	border: 4px solid #fff;
	-webkit-border-radius: 144px;
	        border-radius: 144px;
	text-align: center;
	display: block;
	margin: 0 auto 35px;
	font-size: 80px;
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}

#main-block section:hover .icon {
	background: #fff;
	color: #e00077;
}

#main-block .icon.icon-folder {
	font-size: 60px;
}

#main-block h2 {
	margin-bottom: 25px;
	font-size: 36px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}

@media (max-width: 900px) {
	#main-block p {
		display: none;
	}
}

@media (max-width: 680px) {
	#main-block h1 {
		margin-top: 0;
	}

	#main-block .icon {
		margin-bottom: 20px;
		font-size: 50px;
		height: 100px;
		width: 100px;
		line-height: 100px;
	}

	#main-block .icon.icon-folder {
		font-size: 40px;
	}

	#main-block h2 {
		margin-bottom: 25px;
	}

	#main-block .btn.btn-size-l, 
	#main-block .btn.btn-size-l:hover {
		font-size: 19px;
		padding-left: 18px;
		padding-right: 18px;
	}
}

@media (max-width: 500px) {
	#main-block h1 {
		font-size: 27px;
		margin-bottom: 25px;
	}

	#main-block .icon {
		border-width: 3px;
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 36px;
	}

	#main-block .icon.icon-folder {
		font-size: 28px;
	}

	#main-block h2 {
		font-size: 22px;
	}

	#main-block .span4 .btn-container {
		display: none;
	}
}

@media (max-width: 385px) {
	#main-block .btn.btn-size-xl, 
	#main-block .btn.btn-size-xl:hover {
		font-size: 24px;
	}
}

/*
 *
 */
.brackets-content {
	font-size: 30px;
	position: relative;
	padding: 95px 95px 10px;
}

.brackets-content:before,
.brackets-content:after {
	font-size: 315px;
	position: absolute;
	top: 0;
}

.brackets-content:before {
	content: "[";
	left: 0;
}

.brackets-content:after {
	content: "]";
	right: 0;
}

@media (max-width: 700px) {

	.brackets-content {
		padding: 0;
		font-size: 20px;
	}

	.brackets-content:before,
	.brackets-content:after {
		content: none;
	}

}

/*
 * 
 */
.home-manage-block {
	margin: 100px 0 0 0;
	padding: 0 0 22px;
	min-height: 160px;
	float: left;
	width: 32%;
	margin-right: 2%;

	background: #fff;
}

.home-manage-block.last {
	margin-right: 0;
}

.home-manage-block .icon {
	width: 130px;
	display: block;
	font-size: 75px;
	margin: 0 auto -92px auto;
	position: relative;
	top: -100px;
	text-align: center;
	-webkit-border-radius: 130px;
	        border-radius: 130px;
	height: 130px;
	line-height: 130px;

	color: #5fc166;
	background: #fff;
	border: 3px solid #5fc166;
}

.bg-ticketing4 .home-manage-block {
	background: #5fc166;
	background: rgba(95, 193, 102, 0.85);
}

.bg-ticketing4 .home-manage-block h4,
.bg-ticketing4 .home-manage-block p {
	color: #fff;
}

.bg-ticketing7 .home-manage-block {
	background: #44B687;
}

.bg-ticketing7 .home-manage-block h4,
.bg-ticketing7 .home-manage-block p {
	color: #fff;
}

.bg-ticketing7 .home-manage-block .icon {
	color: #44B687;
	border-color: #44B687;
}

.home-manage-block h4 {
	margin-bottom: 14px;
	padding: 0 22px;
}

.home-manage-block p {
	color: #777;
	padding: 0 22px;
}

@media (max-width:900px) {
	.home-manage-block,
	.bg-ticketing4 .home-manage-block,
	.bg-ticketing7 .home-manage-block {
		float: none;
		margin: 0 0 20px;
		width: auto;
		padding-left: 135px;
		position: relative;
		padding-top: 30px;
		background: none;
		color: #fff;
		min-height: 100px;
	}

	.home-manage-block .icon,
	.bg-ticketing4 .home-manage-block .icon,
	.bg-ticketing7 .home-manage-block .icon {
		background: none;
		border-color: #fff;
		color: #fff;
		position: absolute;
		left: 0;
		top: 0;
	}

	.bg-ticketing4 .home-manage-block .icon,
	.bg-ticketing7 .home-manage-block .icon {
		background: #44B687;
	}

	.home-manage-block p {
		color: #fff;
	}

	.bg-ticketing7 .home-manage-block h4,
	.bg-ticketing7 .home-manage-block p {
		color: #44B687;
	}

	.home-manage-block p a,
	.home-manage-block p .a {
		color: inherit !important;
	}

}

@media (max-width:450px) {
	.home-manage-block,
	.bg-ticketing4 .home-manage-block,
	.bg-ticketing7 .home-manage-block {
		padding-left: 0;
		margin: 80px 0 85px;
	}

	.home-manage-block .icon,
	.bg-ticketing4 .home-manage-block .icon,
	.bg-ticketing7 .home-manage-block .icon {
		position: relative;
		top: -100px;
		margin-bottom: -85px;
	}

	.home-manage-block h4,
	.home-manage-block p {
		padding: 0 0 0 5px;
	}
}

.main-h1,
.home-rotating-words h1,
.home-rotating-words .h1 {
	font-size: 60px;
	margin: 0 auto;
    line-height: 1.3;
    max-width: 810px;
    max-width: 754px;
	text-align: center;
	cursor: default;
	-webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.color-white .main-h1,
.color-white .home-rotating-words h1,
.color-white .home-rotating-words .h1 {
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}

.main-h2 {
	padding-top: 30px;
	font-size: 33px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.main-h2 + .main-h2 {
	padding-top: 8px;
}

.main-h2 a {
	border-bottom: 1px dotted rgba(255,255,255,0);
}

.main-h2 a:hover {
	text-decoration: none;
	border-bottom-color: rgba(255,255,255,1);
}

.font-handwritten {
	font-family: 'Calligraffitti', cursive;
}

.main-h1 .font-handwritten {
	font-size: 130%;
}

.rotating-words.font-handwritten {
	overflow: visible;
}

.rotating-words.font-handwritten > span {
	line-height: 95px;
}

.rotating-words.rotating-words-s {
	font-size: 50px;
}

.rotating-words.rotating-words-s > span {
	line-height: 73px;
}

.rotating-words.rotating-words-s .cursor {
	margin-top: -7px;
}

/*
 *
 */
.home-top-padding {
	padding-top: 160px;
}

@media (max-height: 760px) {
	.main-h1,
	.home-rotating-words h1,
	.home-rotating-words .h1 {
		font-size: 48px;
	}

	
	.home-top-padding {
		padding-top: 100px;
	}

	.home-screenshots-container .btn, {
		font-size: 24px !important;
	}
}

@media (max-width: 1030px) {
	.main-h1,
	.home-rotating-words h1,
	.home-rotating-words .h1 {
		font-size: 48px;
	}
	
	.home-top-padding {
		padding-top: 60px;
	}
}

@media (max-width: 430px) {
	.main-h1,
	.home-rotating-words h1,
	.home-rotating-words .h1 {
		font-size: 36px;
	}

	.rw-words, .rotating-words, 
	.cd-words-wrapper {
		max-width: 100%;
		font-size: 42px;
		margin-top: 15px;
	}
}

@media (max-width: 350px) {
	.main-h1,
	.home-rotating-words h1,
	.home-rotating-words .h1 {
		font-size: 32px;
	}

	.rw-words, .rotating-words, 
	.cd-words-wrapper {
		margin-top: 6px;
	}

	.home-screenshots-container .btn {
		font-size: 24px !important;
	}

	.main-h2 {
		font-size: 26px;
	}
}

@media (max-width: 330px) {
	.main-h1,
	.home-rotating-words h1,
	.home-rotating-words .h1 {
		font-size: 29px;
	}
}

.home-rotating-words h1,
.home-rotating-words .main-h2,
.home-rotating-words .h1,
.home-rotating-words .button-container {
	position: relative;
	opacity: 0;
	top: 20px;
	-webkit-animation: shFadein 1.4s ease-in-out 0s forwards;
	    -ms-animation: shFadein 1.4s ease-in-out 0s forwards;
	        animation: shFadein 1.4s ease-in-out 0s forwards;
}

.home-rotating-words .button-container {
	-webkit-animation-duration: 0.6s; 
	    -ms-animation-duration: 0.6s; 
	        animation-duration: 0.6s;
	-webkit-animation-delay: 1s; 
	    -ms-animation-delay: 1s; 
	        animation-delay: 1s;
}

@-webkit-keyframes shFadein {
    0% { 
    	opacity: 0;
    	top: 20px;
    }
    100% { 
    	opacity: 1; 
    	top: 0px;
    }
}
@-ms-keyframes shFadein {
    0% { 
    	opacity: 0;
    	top: 20px;
    }
    100% { 
    	opacity: 1; 
    	top: 0px;
    }
}
@keyframes shFadein {
    0% { 
    	opacity: 0;
    	top: 20px;
    }
    100% { 
    	opacity: 1; 
    	top: 0px;
    }
}

.home-screenshots-container {
	padding-bottom: 460px;
}

.home-screenshots {
	overflow: hidden;
	height: 488px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

.home-screenshots:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	width: 100%;
	height: 68px;
	background: url('../images/elements/shadow-out.png') repeat-x left bottom;
}

/* Original version */
.home-screenshot-left {
	background: url('../images/elements/home_screenshot_02@2x.png') no-repeat left 160px;
	background-size: 629px auto;
}

.home-screenshot-right {
	background: url('../images/elements/home_screenshot_03@2x.png') no-repeat right 160px;
	background-size: 629px auto;
}

.home-screenshot-center {
	background: url('../images/elements/home_screenshot_10@2x.png') no-repeat center 92px;
	background-size: 629px auto;
	padding: 0 0 488px;
}

.set2 .home-screenshot-left {
	background-image: url('../images/elements/home_screenshot_05@2x.png');
}

.set2 .home-screenshot-right {
	background-image: url('../images/elements/home_screenshot_06@2x.png');
}

.set2 .home-screenshot-center {
	background-image: url('../images/elements/home_screenshot_04@2x.png');
}

.set3 .home-screenshot-left {
	background-image: url('../images/elements/home_screenshot_08@2x.png');
}

.set3 .home-screenshot-right {
	background-image: url('../images/elements/home_screenshot_09@2x.png');
}

.set3 .home-screenshot-center {
	background-image: url('../images/elements/home_screenshot_07@2x.png');
}

.set4 .home-screenshot-left {
	background-image: url('../images/elements/home_screenshot_11@2x.png');
}

.set4 .home-screenshot-right {
	background-image: url('../images/elements/home_screenshot_12@2x.png');
}

.set4 .home-screenshot-center {
	background-image: url('../images/elements/home_screenshot_01@2x.png');
}

.set5 .home-screenshot-left {
	background-image: url('../images/elements/home_screenshot_14@2x.png');
}

.set5 .home-screenshot-right {
	background-image: url('../images/elements/home_screenshot_15@2x.png');
}

.set5 .home-screenshot-center {
	background-image: url('../images/elements/home_screenshot_13@2x.png');
}

/* version 2 */

[data-screenshot-version="2"] .home-screenshot-left {
	background: url('../images/elements/home/step1_1@2x.png') no-repeat left 160px;
	background-size: 629px auto;
}

[data-screenshot-version="2"] .home-screenshot-right {
	background: url('../images/elements/home/step1_3b@2x.png') no-repeat right 160px;
	background-size: 629px auto;
}

[data-screenshot-version="2"] .home-screenshot-center {
	background: url('../images/elements/home/step1_2@2x.png') no-repeat center 92px;
	background-size: 629px auto;
}

[data-screenshot-version="2"] .set2 .home-screenshot-left {
	background-image: url('../images/elements/home/step2_1@2x.png');
}

[data-screenshot-version="2"] .set2 .home-screenshot-right {
	background-image: url('../images/elements/home/step2_3@2x.png');
}

[data-screenshot-version="2"] .set2 .home-screenshot-center {
	background-image: url('../images/elements/home/step2_2b@2x.png');
}

[data-screenshot-version="2"] .set3 .home-screenshot-left {
	background-image: url('../images/elements/home/step3_1b@2x.png');
}

[data-screenshot-version="2"] .set3 .home-screenshot-right {
	background-image: url('../images/elements/home/step3_3b@2x.png');
}

[data-screenshot-version="2"] .set3 .home-screenshot-center {
	background-image: url('../images/elements/home/step3_2b@2x.png');
}

@media (max-width: 1030px) {
	.home-screenshots-container {
	    padding-bottom: 450px;
	}
}

@media (max-width: 920px), (max-height: 760px) {
	.home-screenshots {
		height: 345px;
	}

	.home-screenshots .container {
		width: 670px;
		margin: 0 auto;
		max-width: 100%;
	}

	.home-screenshots-container {
	    padding-bottom: 330px;
	}

	.home-screenshot-center,
	.home-screenshot-left,
	.home-screenshot-right {
		background-size: 429px auto !important;
	}
}

@media (max-width: 680px) {
	.home-screenshots-container {
		padding-bottom: 75px;	
	}

	.home-screenshots {
		display: none;
	}
}

@media (max-width: 490px) {
	.home-screenshots-container .btn {
		display: block;
		margin-right: 0;
	}
}

.home-screenshot-left,
.home-screenshot-right,
.home-screenshot-center {
	position: relative;
	opacity: 0;
	top: 20px;
	-webkit-animation: shFadein 0.8s ease-in-out 0s forwards;
	    -ms-animation: shFadein 0.8s ease-in-out 0s forwards;
	        animation: shFadein 0.8s ease-in-out 0s forwards;
}

.home-screenshot-right {
    -webkit-animation-delay: 1.2s; 
	    -ms-animation-delay: 1.2s; 
	        animation-delay: 1.2s;
}

.home-screenshot-center {
	-webkit-animation-delay: 2.4s; 
	    -ms-animation-delay: 2.4s; 
	        animation-delay: 2.4s;
}

@-webkit-keyframes shFadein {
    0% { 
    	opacity: 0;
    	top: 20px;
    }
    100% { 
    	opacity: 1; 
    	top: 0px;
    }
}
@-ms-keyframes shFadein {
    0% { 
    	opacity: 0;
    	top: 20px;
    }
    100% { 
    	opacity: 1; 
    	top: 0px;
    }
}
@keyframes shFadein {
    0% { 
    	opacity: 0;
    	top: 20px;
    }
    100% { 
    	opacity: 1; 
    	top: 0px;
    }
}

.fadeout .home-screenshot-left,
.fadeout .home-screenshot-right,
.fadeout .home-screenshot-center {
	opacity: 1;
	top: 0px;
	-webkit-animation: shFadeout 0.6s ease-in-out 0.3s forwards;
	    -ms-animation: shFadeout 0.6s ease-in-out 0.3s forwards;
	        animation: shFadeout 0.6s ease-in-out 0.3s forwards;
}

.fadeout .home-screenshot-right {
    -webkit-animation-delay: 0.1s; 
	    -ms-animation-delay: 0.1s; 
	        animation-delay: 0.1s;
}

.fadeout .home-screenshot-center {
	-webkit-animation-delay: 0s; 
	    -ms-animation-delay: 0s; 
	        animation-delay: 0s;
}

@-webkit-keyframes shFadeout {
    0% { 
    	opacity: 1;
    	top: 0px;
    }
    100% { 
    	opacity: 0; 
    	top: 300px;
    }
}
@-ms-keyframes shFadeout {
    0% { 
    	opacity: 1;
    	top: 0px;
    }
    100% { 
    	opacity: 0; 
    	top: 300px;
    }
}
@keyframes shFadeout {
    0% { 
    	opacity: 1;
    	top: 0px;
    }
    100% { 
    	opacity: 0; 
    	top: 300px;
    }
}