/*================================================================= HEADER ========================================================*/
/********************************************************************/
/*** logisticsLifehacksCD ***/
/********************************************************************/

.logisticsLifehacksCD
{
	position: relative;
    padding: 0 0 70px 0;
}

/***/

.logisticsLifehacksCD .topBlock
{
	/*background-image: url(../img/bg/lifehacks_bg.png);*/
	background-repeat: no-repeat;
	background-position: top center;
	padding: 50px 0 50px 0;
}
.logisticsLifehacksCD .topBlock .rowBlock
{
}
.logisticsLifehacksCD .topBlock .pageTitle
{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.logisticsLifehacksCD .topBlock .pageTitle h1
{
	font-weight: normal;
	font-size: 5.6rem;
	font-family: 'MuseoSansBlack', sans-serif;
	color: #fff;
	letter-spacing: 0em;
	line-height: 1.1em;
	text-transform: uppercase;
	padding-bottom: 9px;
	margin-bottom: 37px;
	border-bottom: 1px solid #eaeef1;
}
.logisticsLifehacksCD .topBlock .pageTitle h1 span
{
	font-size: 5rem;
	font-family: 'MuseoSansThin', serif;
	position: relative;
	display: block;
	letter-spacing: 0;
}
.logisticsLifehacksCD .topBlock .pageTitle h1 span sup
{
	font-size: 3rem;
	display: inline-block;
	vertical-align: top;
	margin-top: -7px;
}

/***/
.logisticsLifehacksCD .topBlock .bigCarry
{
/*
	-ms-flex: 0 0 280px;
	flex: 0 0 280px;
	max-width: 280px;
*/
	justify-content: flex-end;
	text-align: right;
}
.logisticsLifehacksCD .topBlock .bigCarry img
{

	width: 210px;
	height: 340px;
}

/***/
.logisticsLifehacksCD .topBlock .cloudBlock
{
}
.logisticsLifehacksCD .topBlock .cloudBlock .cloud
{
	background-image: url("../img/cloud.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	padding: 12% 10% 13% 20%;
	width: 500px;
	height: 270px;
	line-height: 1.5;
	font-size: 2rem;
	text-align: center;
	color: #13ADB6;
}

@media (max-width: 1180px)
{
	.logisticsLifehacksCD .topBlock .pageTitle h1
	{
		font-size: 4rem;
		padding-bottom: 9px;
		margin-bottom: 37px;
	}
	.logisticsLifehacksCD .topBlock .pageTitle h1 span
	{
		font-size: 3rem;
	}
	.logisticsLifehacksCD .topBlock .pageTitle h1 span sup
	{
		font-size: 2rem;
	}
}
@media (max-width: 991px)
{
	.logisticsLifehacksCD .topBlock .pageTitle
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
}
@media (max-width: 820px)
{
	.logisticsLifehacksCD .topBlock .cloudBlock .cloud
	{
		padding: 12% 6% 13% 21%;
		width: 450px;
		height: 270px;
	}
}
@media (max-width: 767px)
{
	.logisticsLifehacksCD .topBlock .bigCarry
	{
		-ms-flex: 0 0 190px;
		flex: 0 0 190px;
		max-width: 190px;
	}
	.logisticsLifehacksCD .topBlock .bigCarry img
	{
		width: 190px;
		height: 255px;
	}
}
@media (max-width: 700px)
{
	.logisticsLifehacksCD .topBlock .cloudBlock .cloud
	{
		padding: 12% 6% 13% 21%;
		width: 410px;
		height: 250px;
	}
}
@media (max-width: 660px)
{
	.logisticsLifehacksCD .topBlock .cloudBlock .cloud
	{
		padding: 12% 6% 13% 21%;
		width: 355px;
		height: 220px;
		font-size: 1.8rem;
	}
}
@media (max-width: 610px)
{
	.logisticsLifehacksCD .topBlock .cloudBlock .cloud
	{
		padding: 12% 6% 13% 18%;
		width: 315px;
		height: 185px;
		font-size: 1.6rem;
	}
}
@media (max-width: 570px)
{
	.logisticsLifehacksCD .topBlock .cloudBlock .cloud
	{
		padding: 12% 6% 13% 18%;
		width: 270px;
		height: 160px;
		font-size: 1.4rem;
	}
}
@media (max-width: 520px)
{
	.logisticsLifehacksCD .topBlock .bigCarry
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.logisticsLifehacksCD .topBlock .bigCarry img
	{
		display: block;
		margin: 0 auto;
		width: 190px;
		height: 255px;
	}
	.logisticsLifehacksCD .topBlock .cloudBlock
	{
		display: none;
	}
}
@media (max-width: 420px)
{
	.logisticsLifehacksCD .topBlock .pageTitle h1
	{
		font-size: 3rem;
	}
}
/***/
.logisticsLifehacksCD .topBlock .descriptionBlock
{
	padding-top: 40px;
}
.logisticsLifehacksCD .topBlock .descriptionBlock,
.logisticsLifehacksCD .topBlock .descriptionBlock *
{
	margin: 0;
	line-height: 2;
	font-family: 'Open Sans', sans-serif;
	font-size: 2rem;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}
@media (max-width: 800px)
{
	.logisticsLifehacksCD .topBlock .descriptionBlock,
	.logisticsLifehacksCD .topBlock .descriptionBlock *
	{
		font-size: 1.8rem;
	}
}

/***********/

.logisticsLifehacksCD .letterBlock
{
	background: #13adb4; /* Old browsers */
	background: -moz-linear-gradient(top, #13adb4 0%, #0f7997 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #13adb4 0%,#0f7997 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #13adb4 0%,#0f7997 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13adb4', endColorstr='#0f7997',GradientType=0 ); /* IE6-9 */
	padding: 30px 0;
}
.logisticsLifehacksCD .letterBlock .letterText
{
	margin: 0;
	line-height: 1.45em;
	font-family: 'Open Sans', sans-serif;
	font-size: 3rem;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}
@media (max-width: 800px)
{
	.logisticsLifehacksCD .letterBlock .letterText
	{
		font-size: 2rem;
	}
}
@media (max-width: 720px)
{
	.logisticsLifehacksCD .letterBlock .letterText
	{
		font-size: 1.6rem;
	}
}
/***********/

.logisticsLifehacksCD .textBlock
{
	padding: 60px 0;
}
.logisticsLifehacksCD .textBlock .text,
.logisticsLifehacksCD .textBlock .text *
{
	margin: 0;
	line-height: 2;
	font-family: 'Open Sans', sans-serif;
	font-size: 2rem;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}
@media (max-width: 800px)
{
	.logisticsLifehacksCD .textBlock .text,
	.logisticsLifehacksCD .textBlock .text *
	{
		font-size: 1.8rem;
	}
}

/***********/

.logisticsLifehacksCD .interestingBlock
{
	background: #13adb4; /* Old browsers */
	background: -moz-linear-gradient(top, #13adb4 0%, #0f7997 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #13adb4 0%,#0f7997 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #13adb4 0%,#0f7997 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13adb4', endColorstr='#0f7997',GradientType=0 ); /* IE6-9 */
	padding: 60px 0;
}
.logisticsLifehacksCD .interestingBlock .title
{
	color: #FFFFFF;
}
.logisticsLifehacksCD .interestingBlock .interestingList
{
	padding-left: 30px;
}
.logisticsLifehacksCD .interestingBlock .interestingList li
{
	list-style: circle;
	margin-top: 15px;
	line-height: 1.6em;
	font-family: 'MuseoSansBold';
	letter-spacing: 0.1em;
	font-size: 1.6rem;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	/*opacity: 0.75;*/
}
/*
.logisticsLifehacksCD .interestingBlock .interestingList li::before
{
	display: inline-block;
	border: 3px solid #fff;
	border-radius: 50%;
	content: "";
	margin-right: 10px;
	width: 10px;
	height: 10px;
	color: #ffffff;
}
*/

/***********/

.logisticsLifehacksCD .logisticsLifehackSubscribeForm
{
	padding: 60px 0;
}
/*
.logisticsLifehacksCD .logisticsLifehackSubscribeForm .formTitleBlock
{
	border-top: 2px dotted #60a6b1;
	border-bottom: 2px dotted #60a6b1;
	padding: 10px 0;
}
.logisticsLifehacksCD .logisticsLifehackSubscribeForm .formTitleBlock .formTitle
{
	margin: 0;

	font-size: 4.6rem;
	text-transform: uppercase;
	text-align: center;
	color: #4b829a;
}
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form
{
	margin: 50px auto 0 auto;
	max-width: 500px;
}
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form input
{
	border: 10px solid #4b829a;
	border-radius: 10px;
	height: 125px;
	font-size: 3.3rem;
}
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form input:hover,
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form input:focus
{
	border: 10px solid #386173;
}
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form input.placeholder,
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form input::-webkit-input-placeholder,
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form input:-moz-placeholder,
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form input::-moz-placeholder,
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form input:-ms-input-placeholder
{
	font-size: 3.3rem;
}

.logisticsLifehacksCD .logisticsLifehackSubscribeForm form button
{
	background-color: #ff97a4;
	border: 10px solid #4b829a;
	margin: 20px auto 0 auto;
	height: 125px;
	font-size: 3.3rem;
	color: #FFFFFF;
}
.logisticsLifehacksCD .logisticsLifehackSubscribeForm form button:hover
{
	border: 10px solid #386173;
	color: #4b829a;
}
*/
/***********/

.logisticsLifehacksCD .weReadBlock
{
	background: #13adb4;
	background: -moz-linear-gradient(top, #13adb4 0%, #0f7997 100%);
	background: -webkit-linear-gradient(top, #13adb4 0%,#0f7997 100%);
	background: linear-gradient(to bottom, #13adb4 0%,#0f7997 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13adb4', endColorstr='#0f7997',GradientType=0 );
	padding: 60px 0;
}
.logisticsLifehacksCD .weReadBlock .weReadText
{
	position: relative;
	padding-left: 90px;
	line-height: 1;
	font-size: 5rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #FFFFFF;
}
.logisticsLifehacksCD .weReadBlock .weReadText .t1
{
	position: absolute;
	display: inline-block;
	left: 70px;
	bottom: 15px;
	transform: rotate(-90deg);
	transform-origin: left bottom;
}
.logisticsLifehacksCD .weReadBlock .weReadText .t2
{
	display: inline-block;
}
.logisticsLifehacksCD .weReadBlock .weReadText .num
{
	display: inline-block;
	text-shadow: 0 0 3px #FFFFFF;
	font-size: 15rem;
	color: #0f7997;
	/*color: #4b829a;*/
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.logisticsLifehacksCD .weReadBlock .weReadText .num:hover
{
	text-shadow: 0 0 3px #0f7997;
	color: #FFFFFF;
}
.logisticsLifehacksCD .weReadBlock .weReadText .t3
{
	display: inline-block;
	font-size: 5rem;
}

@media (max-width: 1129px)
{
	.logisticsLifehacksCD .weReadBlock .weReadText .t1
	{
		bottom: 65px;
	}
}
@media (max-width: 853px)
{
	.logisticsLifehacksCD .weReadBlock .weReadText .t1
	{
		bottom: 115px;
	}
}
@media (max-width: 550px)
{
	.logisticsLifehacksCD .weReadBlock .weReadText
	{
		padding-left: 45px;
	}
	.logisticsLifehacksCD .weReadBlock .weReadText .t1
	{
		left: 41px;
		bottom: 115px;
	}
}
@media (max-width: 510px)
{
	.logisticsLifehacksCD .weReadBlock .weReadText
	{
		font-size: 3rem;
	}
	.logisticsLifehacksCD .weReadBlock .weReadText .t1
	{
		bottom: 100px;
	}
	.logisticsLifehacksCD .weReadBlock .weReadText .t3
	{
		display: inline-block;
		font-size: 3rem;
	}
}
@media (max-width: 365px)
{
	.logisticsLifehacksCD .weReadBlock .weReadText
	{
		padding-left: 25px;
	}
	.logisticsLifehacksCD .weReadBlock .weReadText .t1
	{
		left: 25px;
		bottom: 75px;
	}
	.logisticsLifehacksCD .weReadBlock .weReadText .num
	{
		font-size: 10rem;
	}
}

/***********/

.logisticsLifehacksCD .lettersForCarryBlock
{
	padding: 160px 0 60px 0;
}
.logisticsLifehacksCD .lettersForCarryBlock > div
{
	position: relative;
	background: url("../img/leter_bg_g.png") top repeat-x,
				url("../img/leter_bg_g.png") bottom repeat-x,
				url("../img/leter_bg_v.png") repeat-y,
				url("../img/leter_bg_v.png") 100% 0 repeat-y;
	padding: 135px 35px 35px 35px;
	z-index: 1;
}
.logisticsLifehacksCD .lettersForCarryBlock > div::before
{
	background: url(../img/color-carry.svg) no-repeat 0 0;
	/*background: url(../img/color-carry-winter.svg) no-repeat 0 0;*/
	background-position: center;
	background-color: #FFFFFF;
	background-size: contain;
	position: absolute;
	display: block;
	content: '';
	padding: 20px;
	width: 200px;
	height: 200px;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 5;
}
.logisticsLifehacksCD .lettersForCarryBlock > div::after
{
	background-color: #FFFFFF;
	position: absolute;
	display: block;
	content: '';
	width: 300px;
	height: 200px;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 3;
}
.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList
{
	justify-content: space-around;
}
.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item
{
	-ms-flex: 0 0 calc(100%/3);
	flex: 0 0 calc(100%/3);
	max-width: calc(100%/3);
	margin-bottom: 30px;
}
.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item > div
{
	border: 2px dotted #60a6b1;
	border-radius: 10px;
	padding: 30px;
	height: 100%;
}
.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item > div,
.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item > div *
{
	font-family: "MuseoSansLigth";
	font-size: 1.6rem;
	color: #465a7d;
}
.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item > div *
{
	margin: 10px 0 0 0;
}
.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item > div *:first-child
{
	margin: 0 0 0 0;
}

@media (max-width: 991px)
{
	.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item
	{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: 720px)
{
	.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.logisticsLifehacksCD .lettersForCarryBlock > div::before
	{
		padding: 20px;
		width: 150px;
		height: 100px;
	}
	.logisticsLifehacksCD .lettersForCarryBlock > div::after
	{
		width: 150px;
		height: 100px;
	}
}
@media (max-width: 400px)
{
	.logisticsLifehacksCD .lettersForCarryBlock .lettersForCarryList .item
	{
		padding-right: 0;
		padding-left: 0;
	}
}