@import url("css/font/opensans.css");
body {
	margin:0;
	padding:0;
	background-color: #f2f4f4;
	min-width: 860px;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.wrapper {
	max-width: 860px;
	margin: 0 auto;
}

* {
	font-family: 'Open Sans', sans-serif;	
}
.head-wrapper {
	margin-top: 82px;
	margin-bottom: 30px;
}
.head-wrapper h1 {
	height: 62px;
	font-size: 46px;
	font-weight: normal;
	color: #3d4547;
	text-align: center;
	margin: 0 0 12px;
	padding:0;
}
.head-wrapper .description {
	text-align: center;
	height: 38px;
	font-size: 14px;
	color: #98a4a7;
	min-height: inherit;
}


.select-license {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}


.button-round-green {
    margin-bottom: 15px;
    display: inline-block;
    width: 220px;
    height: 220px;
    border-radius: 200px;
    background-color: #e1e5e6;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background-image: url("yes_lic.png");
    background-size: 151px 193px;
    background-repeat: no-repeat; 
    background-position: 28px bottom;   		
}

.button-round-red {  
    margin-bottom: 15px;
    display: inline-block;
    width: 220px;
    height: 220px;
    border-radius: 200px;
    background-color: #e1e5e6;
    background-image: url("no_lic.png");
    background-size: 162px 197px;
    background-repeat: no-repeat; 
    background-position: 40px bottom; 
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;		
}

.select-license > div:hover .button-round-red {
    background-color: #26c485;
}

.select-license > div:hover .button-round-green {
    background-color: #02baf1;
}

.select-license {
    margin-top: 30px;
    width: 700px;
    margin: 0 auto;
}

.select-license a {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;

}

.select-license a.noactive:hover {
    -webkit-transform: scale(1.025);
            transform: scale(1.025);
}

a .title-text {
   font-size: 24px;
   line-height: 1.2;
   color: #3d4547;
   line-height: 1.2;
   -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

a .description-text {
   font-size: 14px;
   color: #98a4a7;
   margin-top: 5px;
   -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

a.noactive .title-text, a.noactive .description-text {
   color: #bcc8cb
}

a.noactive .button-round-green {
   background-color: #e1e5e6;
}

a.noactive:hover .button-round-green { 
    background-color: #26c485;		
}

a.noactive:hover .title-text {
   color: #3d4547;
}

a.noactive:hover .description-text {
   color: #98a4a7;
}