.sam-container{

	width: 1140px;

	margin: 0 auto;

}

.sam-rectangle{

	position: relative;

	overflow: hidden;

	background: #000;

}

.sam-rectangle-bg{

	transition: .4s;

	width: 100%;

}

.sam-rectangle:hover .sam-rectangle-bg{

	opacity: .1;

}

.sam-rectangle-1{

	width: 270px;

	height: 270px;

}

.sam-rectangle-2{

	width: 560px;

	height: 280px;

}

.sam-rectangle-3{

	width: 560px;

	height: 560px;

}

.sam-flex{

	display: flex;

	flex-direction: row;

	justify-content: flex-start;

	align-items: flex-start;

}

.sam-flex + .sam-flex{

	margin-top: 20px;

}

.sam-flex > div + div{

	margin-left: 20px;

}

.sam-row > div + div{

	margin-top: 10px;

}

.sam-rectangle.sam-main-logo{

	background: #00932a;

	transition: .4s;

}

.sam-rectangle.sam-main-logo div{

	text-align: center;

	position: absolute;

	left: 50%;

    -webkit-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

    font-family: 'Oswald','Open Sans',sans-serif;

    font-weight: bold;

    line-height: 1.2em;

    text-transform: uppercase;

}

.sam-rectangle.sam-main-logo .sam-main-logo-hover{

    color: #000;

    transition: .4s;

    top: 150%;

    opacity: 0;

    font-size: 24px;

}

.sam-rectangle.sam-main-logo .sam-main-logo-default{

	color: #fff;

	transition: .8s;

	top: 50%;

	opacity: 1;

	font-size: 28px;

}

.sam-rectangle.sam-main-logo .sam-main-logo-default img{

	margin-bottom: 10px;

	width: 100px;

}

.sam-rectangle.sam-main-logo .sam-main-logo-hover img{

	margin-bottom: 5px;

    width: 220px;

    max-width: initial;

}

.sam-rectangle.sam-main-logo:hover{

	background: #fff;

}

.sam-rectangle.sam-main-logo:hover .sam-main-logo-hover{

    top: 50%;

    opacity: 1;

}

.sam-rectangle.sam-main-logo:hover .sam-main-logo-default{

	top: -100%;

	opacity: 0;

}

.sam-rectangle-logo{

	transition: .8s;

	position: absolute;

	width: 80%;

	left:50%;

    top:50%;

    -webkit-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

}

.sam-rectangle-buttons{

	position: absolute;

	top: 150%;

	left:50%;

	-webkit-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

	transition: .4s;

	opacity: 0;

}

.sam-rectangle-buttons a{

    display: block;

    font-family: 'Oswald','Open Sans',sans-serif;

    font-size: 18px;

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    width: 180px;

    height: 40px;

    line-height: 40px;

    border: 2px solid rgb(255, 255, 255);

    background-color: rgba(255, 255, 255, 0);

}

.sam-rectangle-buttons a + a{

	margin-top: 10px;

}

.sam-rectangle-buttons a:hover{

	background-color: rgba(255, 255, 255, 0.149);

}

.sam-rectangle:hover .sam-rectangle-bg{

	opacity: .25;

}

.sam-rectangle:hover .sam-rectangle-logo{

	top: -100%;

}

.sam-rectangle:hover .sam-rectangle-buttons{

	top:50%;

	opacity: 1;

}

@media (max-width: 1199px){

	.sam-container{

		width: 938px;

	}

	.sam-rectangle-1{

		width: 227px;

		height: 227px;

	}

	.sam-rectangle-2{

		width: 464px;

		height: 232px;

	}

	.sam-rectangle-3{

		width: 464px;

		height: 464px;

	}

	.sam-flex + .sam-flex{

		margin-top: 10px;

	}

	.sam-flex > div + div{

		margin-left: 10px;

	}

	.sam-row > div + div{

		margin-top: 5px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-hover img {

	    width: 160px;

	}

}

@media (max-width: 991px){

	.sam-container{

		width: 732px;

	}

	.sam-rectangle-1{

		width: 360px;

		height: 360px;

	}

	.sam-rectangle-2{

		width: 732px;

		height: 366px;

	}

	.sam-rectangle-3{

		width: 732px;

		height: 732px;

	}

	.sam-flex + .sam-flex{

		margin-top: 12px;

	}

	.sam-flex > div + div{

		margin-left: 12px;

	}

	.sam-row > div + div{

		margin-top: 12px;

	}

	.sam-container > .sam-flex{

		display: block;

	}

	.sam-flex > div + div.sam-right-part {

	    margin-left: 0;

	    margin-top: 12px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-default img {

	    width: 180px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-hover img {

	    width: 260px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-default {

	    font-size: 36px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-hover {

	    font-size: 32px;

	}

}

@media (max-width: 767px){

	.sam-container{

		width: 500px;

	}

	.sam-rectangle-1{

		width: 245px;

		height: 245px;

	}

	.sam-rectangle-2{

		width: 500px;

		height: 250px;

	}

	.sam-rectangle-3{

		width: 500px;

		height: 500px;

	}

	.sam-flex + .sam-flex{

		margin-top: 10px;

	}

	.sam-flex > div + div{

		margin-left: 10px;

	}

	.sam-row > div + div{

		margin-top: 10px;

	}

	.sam-flex > div + div.sam-right-part {

	    margin-top: 10px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-default {

	    font-size: 28px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-default img {

	    width: 100px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-hover {

	    font-size: 24px;

	}

	.sam-rectangle.sam-main-logo .sam-main-logo-hover img {

	    width: 160px;

	}

}

@media (max-width: 575px){

	.sam-container{

		width: 244px;

	}

	.sam-flex {

	    display: block;

	}

	.sam-flex > div + div{

		margin-left: 0;

		margin-top: 10px;

	}

	.sam-rectangle-1{

		width: 244px;

		height: 244px;

	}

	.sam-rectangle-2{

		width: 244px;

		height: 122px;

	}

	.sam-rectangle-3{

		width: 244px;

		height: 244px;

	}

	.sam-rectangle-buttons a + a {

	    margin-top: 5px;

	}

	.sam-rectangle-buttons a {

	    font-size: 14px;

	    height: 28px;

	    line-height: 28px;

	}

}