@import "variables";
.tv-start {
	position: relative;
	overflow: hidden;
	text-align: center;

	.tv-start-left {
		display: inline-block;
		vertical-align: middle;
		//width: 20%;
		max-width: 350px;
		margin-right: 75px;
		img { display: block; width: 100%; }
		@media (max-width: 1199px){ max-width: 300px; }
		@media (max-width: 991px){
			display: block;
			width: auto;
			max-width: 250px;
			margin: 0 auto;
			display: none;
		}
		@media (max-width: 767px){
			max-width: 200px;
		}
	}
	.tv-start-right {
		@media (min-width: 992px){ display: none; }
		max-width: 250px;
		margin: 0 auto;
		img { display: block; width: 100%; }
	}
	.tv-start-body {
		display: inline-block;
		vertical-align: middle;
		//width: 58%;
		font-size: 52px;
		text-align: left;

		@media (max-width: 1399px){ font-size: 44px; }
		@media (max-width: 1199px){ font-size: 36px; }
		@media (max-width: 991px){ font-size: 24px; text-align: center; }
		@media (max-width: 767px){ width: 100%; font-size: 18px; }

		h1 {
			margin-bottom: .25em;
			font-size: 1.8em;
		}
		.pointer {
			padding-top: .75em;
			font-size: 1.2em;
			font-weight: bold;
			span {
				background: $color_primary;
				position: relative;
				display: inline-block;
				padding: 0 .75em;
				line-height: 2em;
				@include border-radius(0 5px 5px 0);
				&:before {
					content: '';
					position: absolute; top: 0; right: 100%;
					border: 1.02em solid transparent;
					border-right-color: $color_primary;
					border-right-width: .75em;
					border-left-width: .75em;
				}
				@media (max-width: 767px){
					/*@include border-radius(5px 0 0 5px);
					&:before {
						right: auto;
						left: 100%;
						border-right-color: transparent;
						border-left-color: $color_primary;
						border-left-width: .75em;
					}*/
				}
			}
		}
	}
}