a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,
caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,
menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video
{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline

}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
    display:block

}

body
{
    line-height:1

}

ol,ul
{
    list-style:none
}

blockquote,q
{
    quotes:none

}

blockquote:after,blockquote:before,q:after,q:before
{
    content:"";content:none

}

table
{
    border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff
}

body{
    background-color:#fff;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:16px;color:#000;margin:0;padding:0

}

a
{
    text-decoration:none

}

.halfs{
    display:flex

}@media only screen and (max-width:1024px)
{
.halfs{display:block}}
 
.halfs__item{
    flex:0 0 50%;height:100vh;font-size:24px;font-weight:700;line-height:32px;text-align:center;justify-content:center;align-items:center;display:flex

}@media 
only screen and (max-width:1024px){

.halfs__item{
    height:unset;min-height:350px;height:50vh;padding:50px 0}}@media only screen and (max-width:560px){
                                                                            
                                                                            .halfs__item{font-size:22px;line-height:30px}}.halfs__item:first-child{background-color:#000;color:#fff}.halfs__item:first-child .halfs__item-wrapper:after{border-color:#fff}.halfs__item:nth-child(2)
{background-color:#fff;color:#000}.halfs__item:nth-child(2) .halfs__item-wrapper:after{border-color:#000}.halfs__item span{max-width:240px;font-size:18px;font-weight:400;line-height:24px;margin:0 auto 20px;display:block}
 @media only screen and (max-width:1024px)

 {.halfs__item span{font-size:16px;line-height:22px}}@media only screen and (max-width:560px){.halfs__item span{font-size:15px;line-height:21px}}.halfs__item img
 {width:30px;height:auto;margin:22px auto 0;display:block}.halfs__item:hover
.halfs__item-wrapper:after{border-radius:0;height:330px}@media only screen and (max-width:1024px){
.halfs__item:hover .halfs__item-wrapper:after{height:820px;border-radius:50%}}@media only screen and (max-width:560px){
.halfs__item:hover .halfs__item-wrapper:after{height:300px}}
.halfs__item-wrapper{justify-content:center;align-items:center;display:flex;position:relative}
.halfs__item-wrapper:after{content:"";border:10px solid transparent;border-radius:50%;width:500px;height:500px;transition:border-radius .25s ease-in-out 0s,height .25s ease-in-out 0s;transform:translate(-50%,-50%);
 position:absolute;top:50%;left:50%}@media only screen and (max-width:1024px){
.halfs__item-wrapper:after{width:320px;height:320px}}@media 
only screen and (max-width:560px){
.halfs__item-wrapper:after{border-width:8px;width:300px;height:300px}}

.logo {
    width: 9%;
    height: 6.6%;
    top: 12%;
    left: 45.5%;
    position: absolute;
}