#menu-wrap {
	background-color: #3297d7;
	height: 120px;
}

body, h1, h2, h3, h4, h5, h6, span, div, p {
	font-family: 'Open Sans', sans-serif !important;
}

#logo-img {
	margin-top: 25px;
}

#menu-wrap #buttons {
	margin-top: 35px;
}

.white {
	background-color: white;
	-ms-border-radius: 15px;
	border-radius: 15px;
	color: #3297d7;
	padding: 7px 20px;
	text-decoration: none;
}

.white:hover {
	background-color: #3297d7;
	color: white;
	border: 1px solid white;
}

#start {
	margin-bottom: 130px;
}

#start #logo-big {
	margin-top: 120px;
	margin-bottom: 170px;
}

.blueWord {
	color: #3297d7;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 55.68px;
}

.blueWord>span {
	border-bottom: 9px solid #fae4cb;
}

.greenWord {
	color: #7fad53;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 37.12px;
	margin-bottom: 50px;
}

.whiteWord {
	border-bottom: 9px solid white !important;
}

#contacts .blueText {
	color: #3297d7;
	font-weight: 900;
	margin-bottom: 75px;
}

.left {
	float: left;
}

.right {
	float: right;
}

#about-us {
	background-color: #fae4cb;
	padding-top: 50px;
}

footer {
	height: 100px;
	background-color: white;
}

.blue-icon {
	border-radius: 100px;
	position: relative;
	z-index: 1001;
	display: block;
}

.main-image {
	position: relative;
	z-index: 1000;
	width: 300px;
	height: 180px;
	display: block;
	margin-top: -30px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}

.column h4 {
	font-family: 'Open Sans', sans-serif;
}

.description {
	margin: 0;
	width: auto;
	max-width: 300px;
	min-width: 50px;
	padding: 15px;
	background-color: white;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	color: #6d6e71;
	line-height: 21px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

.description h4 {
	font-size: 18.56px;
}

@media ( max-width :1000px) {
	.description {
		width: 100% !important;
	}
}

#deadlock .column:nth-of-type(3n+0)>.main-image, #deadlock .column:nth-of-type(3n+0)>.description, .column:nth-of-type(3n+0)>.commonBox {
	float: right;
}

#deadlock .column:nth-of-type(2) img, #deadlock .column:nth-of-type(5) img, #deadlock .column:nth-of-type(2) .description, #deadlock .column:nth-of-type(5) .description, .column:nth-of-type(5) .commonBox, .column:nth-of-type(8) .commonBox, .column:nth-of-type(11) .commonBox, .column:nth-of-type(2) .commonBox {
	margin-left: auto;
	margin-right: auto;
}

#deadlock .column:nth-of-type(1)>.blue-icon, #deadlock .column:nth-of-type(4)>.blue-icon {
	margin-left: 105px;
}

#deadlock>.column:nth-of-type(3)>.blue-icon, #deadlock>.column:nth-of-type(6)>.blue-icon {
	margin-right: 105px;
	float: right;
}

#deadlock {
	margin-top: 50px;
}

#deadlock .column {
	margin-bottom: 60px;
}

#services {
	padding-top: 130px;
}

.tardis {
	background-image: url('../img/blue-box.png');
}

.commonBox {
	background-repeat: no-repeat;
	height: 100px;
	padding: 20px;
	color: white;
	text-align: center;
	font-size: 18.56px;
	width: 300px;
	line-height: 22px;
	margin-bottom: 20px;
	font-weight: 900;
	position: relative;
}

.commonBox span {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	width: 90%;
	left: 50%;
	top: 50%;
}

.commonBox span {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.greenday {
	background-image: url('../img/green-box.png');
}

#boxlist {
	margin-top: 50px;
	margin-bottom: 50px;
}

#contacts {
	margin-top: 100px;
	padding-top: 100px;
	padding-bottom: 50px;
	background-color: #fae4cb;
}

.whiteBoxWrap {
	margin-top: 10px;
	padding: 10px;
	background-color: white;
	border-radius: 5px;
}

#contacts-icons {
	margin-top: 50px;
	font-size: 22.27px;
}

#contacts-icons img {
	margin-bottom: 20px;
}

.blue-footer {
	color: #3297d7;
	padding-left: 35px;
	padding-right: 35px;
	font-size: 18.56px;
}

#greenWrap {
	margin-top: 160px;
}

@media ( max-width :640px) {
	#deadlock .column .blue-icon, #deadlock .column .main-image, #deadlock .column .description, .commonBox {
		margin-right: auto !important;
		margin-left: auto !important;
		float: none !important;
	}
}

@media ( min-width :641px) and (max-width:1024px) {
	#deadlock .column .blue-icon, #deadlock .column .main-image, #deadlock .column .description {
		margin-right: auto !important;
		margin-left: auto !important;
		float: none !important;
	}
	#boxlist .column:nth-of-type(odd) .commonBox, #greenboxes .column:nth-of-type(odd) .commonBox {
		margin-right: auto;
		margin-left: auto;
		float: left;
	}
	#boxlist .column:nth-of-type(even) .commonBox, #greenboxes .column:nth-of-type(even) .commonBox {
		margin-right: auto;
		margin-left: auto;
		float: right;
	}
}

#how {
	margin-top: 85px;
}

#how  span {
	padding-left: 35px;
	padding-right: 35px;
}