/* Сделано в Студии Егора Чернорукова / www.chernorukov.ru */


div.clearboth										{ clear: both; margin: 0; padding: 0; width: 100%; height: 1px; }


div.plusestopic										{ position: relative; display: block; float: left; width: 100%; }
div.plusestopic:before									{ position: absolute; display: block; float: left; content: ''; background: url('/img/checkmark.png'); background-size: contain; }


div.advantagewrapper									{ float: left; }
div.advantageborder									{ border: 1px solid #f24405; }
div.advantageborder						img			{ display: block; width: 100%; }


@media screen and (min-width: 360px)
{
 div.plusestopic									{ padding-left: 25px; }
 div.plusestopic:before									{ width: 18px; height: 18px; margin-left: -25px; }

 div.advantagewrapper									{ width: 100%; margin-bottom: 20px; }
 div.advantageborder									{ border-radius: 20px; padding: 10px; }
 div.advantageborder						img			{ border-radius: 10px; }
}


@media screen and (min-width: 400px)
{
 div.plusestopic									{ padding-left: 27px; }
 div.plusestopic:before									{ width: 19px; height: 19px; margin-left: -27px; }
}


@media screen and (min-width: 450px)
{
 div.plusestopic									{ padding-left: 28px; }
 div.plusestopic:before									{ width: 20px; height: 20px; margin-left: -28px; }
}


@media screen and (min-width: 500px)
{
 div.plusestopic									{ padding-left: 30px; }
 div.plusestopic:before									{ width: 22px; height: 22px; margin-left: -30px; }

 div.advantagewrapper									{ margin-bottom: 23px; }
}


@media screen and (min-width: 600px)
{
 div.plusestopic									{ padding-left: 34px; }
 div.plusestopic:before									{ width: 24px; height: 24px; margin-left: -34px; }

 div.advantageborder									{ border-radius: 25px; padding: 12px; }
 div.advantageborder						img			{ border-radius: 15px; }
}


@media screen and (min-width: 650px)
{
 div.plusestopic									{ padding-left: 35px; }
 div.plusestopic:before									{ width: 25px; height: 25px; margin-left: -35px; }

 div.advantagewrapper									{ margin-bottom: 26px; }
}


@media screen and (min-width: 750px)
{
 div.plusestopic									{ padding-left: 38px; }
 div.plusestopic:before									{ width: 27px; height: 27px; margin-left: -38px; }

 div.advantagewrapper									{ width: 48.5%; margin-right: 3%; }
 div.advantagewrapper:nth-of-type(even)							{ margin-right: 0; }
}


@media screen and (min-width: 800px)
{
 div.plusestopic									{ padding-left: 39px; }
 div.plusestopic:before									{ width: 28.5px; height: 28.5px; margin-left: -39px; }
}


@media screen and (min-width: 850px)
{
 div.plusestopic									{ padding-left: 45px; }
 div.plusestopic:before									{ width: 30px; height: 30px; margin-left: -45px; }

 div.advantageborder									{ border-radius: 30px; padding: 14px; }
 div.advantageborder						img			{ border-radius: 20px; }
}