html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	color: #6c6b6b;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	background-color: #fff;
}

* {
	outline: none;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	max-height: 100%;
}

a {
	text-decoration: none;
	color: #7b7b7b;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}

.sec {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}

.container {
	display: inline-block;
	width: 1040px;
	text-align: left;
}

.content-sec {
	margin-top: 65px;
}

.content-sec .container {
	padding-top: 80px;
	padding-bottom: 55px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

/* HEADER */
.logo-box {
	display: inline-block;
	float: left;
	width: 100%;
	padding-top: 50px;
	text-align: center;
}

.logo {
	display: inline-block;
    width: 255px;
    height: 300px;
}

/* CONTENT */
.left-col {
	display: inline-block;
	float: left;
	width: 60%;
	margin-right: 6%
}

.right-col {
	display: inline-block;
	float: left;
	width: 34%;
}

.inner-title {
	display: inline-block;
	float: left;
	width: 100%;
	margin: 0;
	font-size: 50px;
	font-weight: 300;
	line-height: 55px;
	color: #000;
}

.inner-title span {
	font-weight: 700;
}

.small-title {
	display: inline-block;
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 30px;
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.second-small-title {
	display: inline-block;
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 20px;
	color: #2c2c2c;
	font-weight: 300;
	font-size: 16px;
}

.content-row {
	display: inline-block;
	float: left;
	width: 100%;
	margin-top: 30px;
}

.link-to-collection {
	display: inline-block;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 30px;
	border: 1px solid #c4c4c4;
	text-transform: uppercase;
	background: url(../img/arrow-right.png)no-repeat center right;
}

.link-to-collection:hover {
	background: #2b2b2b url(../img/arrow-right-hover.png)no-repeat center right;
	color: #fff;
	border-color: #000;
}

.make-order {
	display: inline-block;
	float: left;
	width: 100%;
	margin-top: 45px;
}

.input-row {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.input-text {
    display: inline-block;
    width: 100%;
    height: 50px;
    padding-left: 10px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #000;
    vertical-align: top;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.input-text.error {
    border: 1px solid red;
}

.input-text:focus {
	border: 1px solid #000;
}

.input-text.w50 {
	display: inline-block;
	float: left;
	width: 46%;
	margin-right: 7%; 
}

.input-text.w50:last-child {
	margin-right: 0;
}

.btn-sub {
	display: inline-block;
	float: left;
	margin-top: 25px;
	padding: 25px 30px;
	background-color: #000;
	border: none;
	font-size: 25px;
	font-weight: 700;
	color: #ffece6;
}

.pics-box {
	display: inline-block;
    float: left;
    width: 100%;
    margin-top: 65px;
}

/*.pics-box .img-box {
	display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}

.pics-box .img-box:nth-child(2n+2) {
	margin-right: 0;
}*/

/* FOOTER */
.footer {
	color: #737373;
}

.footer .container {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.copyright-row {
	display: inline-block;
	float: left;
	color: #868686;
}

.copyright-row span:first-child::after {
	content: '|';
    padding-left: 10px;
    color: #868686;
    margin-right: 10px;
}

.content-footer{
	display: inline-block;
}

.social-box {
	display: inline-block;
	float: right;
}

.social-link {
	display: inline-block;
	float: left;
	margin-right: 5px;
}

.social-link:last-child {
	margin-right: 0;
}

.social-link img {
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}

.social-link:hover img {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.container {
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.content-sec {
		margin-top: 40px;
	}

	.content-sec .container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (max-width: 800px) {
	.left-col {
		width: 50%
	}

	.right-col {
		width: 44%;
	}

	.inner-title {
		font-size: 40px;
	}
}

@media (max-width: 568px) {
	.left-col,
	.right-col {
		width: 100%;
	}

	.left-col {
		margin-right: 0;
		margin-bottom: 20px;
	}
}