/* =========================================================================
   landings.css — стили страниц «Лендинги»
   ========================================================================= */

#need-site {
	padding: 0 0 60px;
	background: url(../../img/need-site-bg.png);
}
#need-site .wrapper {
	background-size: contain;
}
#need-site .section-title {
	font-size: 70px;
	line-height: 100px;
	background: none;
}
#need-site .section-description {
	font-size: 30px;
	line-height: 42px;
	margin: 30px 0;
}
#need-site .section-description b {
	font-size: 44px;
	line-height: 36px;
}

#why-choose {
  padding-bottom: 0;
}
#why-choose .why-choose-wrapper {
	background-size: cover;
	margin-top: 30px;
}
#why-choose .why-choose-block{
	height:265px;
}
#why-choose .why-choose-block .block-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
}
#why-choose .why-choose-block .block-description {
  font-size: 18px;
  line-height: 26px;
}


/* header — landings */
body.landings header .intro-block .block-description {
  margin-top: 0;
}
body.landings header .gift-block {
  padding: 0 30px;
  border: 2px solid #fff;
  margin-bottom: 80px;
}
body.landings header .gift-block .block-title {
  font-size: 42px;
  font-weight: bold;
  line-height: 43px;
}
body.landings header .gift-block .block-description {
  font-size: 26px;
  line-height: 36px;
}
body.landings header .gift-block .block-img {
  top: -45px;
  position: relative;
}
body.landings header .gift-block .learn-more {
  top: 25px;
  position: relative;
}
body.landings header .partners {
  font-size: 24px;
  margin: 45px 0;
}
body.landings header .partners img {
	margin-top: 15px;
	max-width:90%;
}

@media only screen and (max-width : 479px) {
	header .gift-block .block-title,
	body.landings header .gift-block .block-title {
		font-size: 36px;
	}
	body.landings header .gift-block .block-description {
		font-size: 20px;
		line-height: 1.5;
		margin-top: 20px;
	}
}

@media only screen and (min-width : 768px) {
	body.landings header {
		background-image: url(img/landings-bg-1.png) no-repeat;
	}
}

@media only screen and (max-width : 479px) {
	#need-site .wrapper {
		text-align:center;
	}
	#need-site .btn{
		padding-left:15px;
		padding-right:15px;
	}
	#need-site .wrapper .section-title {
		font-size: 36px;
		line-height: normal;
	}
	#need-site .section-description{
		font-size: 20px;
		line-height: 1.5;
		margin: 30px auto;
	}
	#need-site .section-description b{
		font-size: 36px;
		line-height: 1.5;
	}
	#why-choose{
		text-align:center;
	}
	#why-choose .why-choose-wrapper{
		background:none;
		padding:0 0 30px 0;
	}
}

@media only screen and (min-width : 480px) {
	#need-site .wrapper {
		text-align:center;
	}
	#why-choose{
		text-align:center;
	}
	#why-choose .why-choose-wrapper{
		background:none;
		padding:0 0 30px 0;
	}
}

@media only screen and (min-width : 1024px) {
	#need-site .wrapper {
		background:none;
	}
	#why-choose .why-choose-wrapper{
		background: url(../../img/landings-bg-2.png) top center no-repeat;
		padding: 330px 0 200px;
	}
}

@media only screen and (min-width : 1280px) {
	#need-site .wrapper {
		background: url(../../img/need-site-tablet.png) no-repeat;
		background-position: 230% 100%;
		text-align:left;
		height: 580px;
	}
}

@media only screen and (min-width : 1366px) {
	#need-site .wrapper{
		background-position: 170% 100%;
		height: 580px;
	}
}

@media only screen and (min-width : 1920px) {
	#need-site .wrapper{
		background-position: 100% 100%;
	}
}