%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/bitrix/www/splash/
Upload File :
Create Path :
Current File : /home/bitrix/www/splash/style.css

@font-face {
  font-family: ProximaNova;
  font-weight: normal;
	src: url(fonts/ProximaNova-Light.otf);
}

@font-face {
  font-family: ProximaNova;
  font-weight: bold;
	src: url(fonts/ProximaNova-Reg.otf);
}

@font-face {
  font-family: ProximaNova;
  font-weight: 900;
	src: url(fonts/ProximaNova-Bold.otf);
}

body {
	font-family: ProximaNova, Helvetica;
}

header {
	background-position: center center;
	background-image: url(top_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 850px;
	text-transform: uppercase;
	color: white;
	text-align: center;
	background-color: #3F1549;
}

.logo {
	padding: 40px 0px 120px 0px;
	text-align: left;
}

.logo img {
	width: 154px;
}

.preambula {
	font-size: 30px;
}

.preambula p {
	margin-top: 0px;
	margin-bottom: 120px;
}

.subscribe p {
	font-size: 26px;
	margin: 0px 0px 50px 0;
}

input {
  display: inline-block;
  width: 400px;
  height: 70px;
  padding: 0px 20px 0px 20px;
  background: none;
  border: 2px solid #8971A9;
  font: 20px 'ProximaNova';
  color: white;
  margin: 0 20px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input:focus {
	outline: -webkit-focus-ring-color auto 5px;
	border-color: #fff;
	color: #fff;
}

*::-webkit-input-placeholder{color:#8971A9;opacity:1}
*:-moz-placeholder{color:#8971A9;opacity:1}
*::-moz-placeholder{color:#8971A9;opacity:1}
*:-ms-input-placeholder{color:#8971A9;opacity:1}
*:focus::-webkit-input-placeholder{color:#fff}
*:focus:-moz-placeholder{color:#fff}
*:focus::-moz-placeholder{color:#fff}
*:focus:-ms-input-placeholder{color:#fff}

.subscribe_submit {
  display: inline-block;
  width: 280;
  height: 70px;
  padding: 20px 20px 0px 20px;
  background-color: white;
  color: #4D39AD;
  font-size: 20px;
  cursor: pointer;
}

.icons {
	margin-top: 130px;
	margin-bottom: 60px;
}

.icons > div {
	background-position: center top;
	background-repeat: no-repeat;
	height: 200px;
	margin-bottom: 60px;
	text-align: center;
	font-size: 18px;
}

.icon_catalog {
	background-image: url(icon_01.png);
}

.icon_promo {
	background-image: url(icon_02.png);
}

.icon_portfolio {
	background-image: url(icon_03.png);
}

.icon_title {
	display: block;
	padding-top: 125px;
	padding-bottom: 15px;
	font-weight: 900;
	font-size: 20px;
	text-transform: uppercase;
}

main[role="apps"] {
	background-color: #F7F7F7;
}

.app_photo {
	padding-top: 40px;
	vertical-align: bottom !important;
}

.app_text {
	padding-bottom: 40px;
}

.app_text ul {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 20px;
	padding-top: 100px;
	padding-left: 100px;
}

.app_text ul li {
	padding-bottom: 40px;
}

footer[role="subscribe"] {
	background-position: center center;
	background-image: url(bottom_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 570px;
	text-transform: uppercase;
	text-align: center;
	background-color: #3F1549;
	color: white;
}

footer .preambula {
	padding-top: 120px;
}

.copyright {
	font-size: 14px;
	color: #999;
	padding: 20px 0 20px 0;
}

#subscribe_result {
	font-size: 20px;
	text-align: center;	
}

@media screen and (max-width: 960px) {

	.logo {
		text-align: center;
	}

	.subscribe p {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.subscribe_submit,
	input {
		width: 100%;
		margin-bottom: 20px;
	}

	.app_text ul {
		padding-top: 20px;
		padding-left: 20px;
	}
	
	.app_text ul li {
		padding-bottom: 25px;
	}

	.app_text img {
		width: calc(100% - 40px);
	}
	
	.copyright {
		text-align: center;
	}
}

Zerion Mini Shell 1.0