/* Start:/local/templates/coddy/css/fonts.min.css?17491350698124*/
@font-face{font-family:'hoog';font-display:swap;font-style:normal;font-weight:normal;src:url('/local/templates/coddy/css/../fonts/Hoog/hoog.eot');src:url("/local/templates/coddy/css/../fonts/Hoog/hoog.eot?#iefix") format("embedded-opentype"),url("/local/templates/coddy/css/../fonts/Hoog/hoog.woff") format("woff"),url("/local/templates/coddy/css/../fonts/Hoog/hoog.ttf") format("truetype")}@font-face{font-family:'GothaProBol';font-display:swap;src:url('/local/templates/coddy/css/../fonts/GothamPro/GothaProBol.eot');src:local('☺'),url('/local/templates/coddy/css/../fonts/GothamPro/GothaProBol.woff') format('woff'),url('/local/templates/coddy/css/../fonts/GothamPro/GothaProBol.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/GothamPro/GothaProBol.svg') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'GothaProReg';font-display:swap;src:url('/local/templates/coddy/css/../fonts/GothamPro/GothaProReg.eot');src:local('☺'),url('/local/templates/coddy/css/../fonts/GothamPro/GothaProReg.woff') format('woff'),url('/local/templates/coddy/css/../fonts/GothamPro/GothaProReg.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/GothamPro/GothaProReg.svg') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Conv_RUBSN';font-display:swap;src:url('/bitrix/templates/coddy/fonts/PtRouble/RUBSN.eot');src:local('☺'),url('/local/templates/coddy/css/../fonts/PtRouble/RUBSN.woff') format('woff'),url('/bitrix/templates/coddy/fonts/PtRouble/RUBSN.ttf') format('truetype'),url('/bitrix/templates/coddy/fonts/PtRouble/RUBSN.svg') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Fredoka One';font-display:swap;src:url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.eot');src:url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.eot?#iefix') format('embedded-opentype'),url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.woff2') format('woff2'),url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.woff') format('woff'),url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.ttf') format('truetype'),url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.svg#fredoka_one') format('svg')}@font-face{font-family:Noto Sans;font-display:swap;src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.eot');src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.eot') format('embedded-opentype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.woff2') format('woff2'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.woff') format('woff'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.svg#NotoSansRegular') format('svg');font-weight:400;font-style:normal}@font-face{font-family:Noto Sans;font-display:swap;src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.eot');src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.eot') format('embedded-opentype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.woff2') format('woff2'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.woff') format('woff'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.svg#NotoSansRegular') format('svg');font-weight:400;font-style:italic}@font-face{font-family:Noto Sans;font-display:swap;src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.eot');src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.eot') format('embedded-opentype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.woff2') format('woff2'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.woff') format('woff'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.svg#NotoSansBold') format('svg');font-weight:700;font-style:normal}@font-face{font-family:Noto Sans;font-display:swap;src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBoldItalic.eot');src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBoldItalic.eot') format('embedded-opentype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBoldItalic.woff2') format('woff2'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBoldItalic.woff') format('woff'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBoldItalic.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBoldItalic.svg#NotoSansBoldItalic') format('svg');font-weight:700;font-style:italic}@font-face{font-family:NotoSans;font-display:swap;src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.eot');src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.eot') format('embedded-opentype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.woff2') format('woff2'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.woff') format('woff'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.svg#NotoSansRegular') format('svg');font-weight:400;font-style:normal}@font-face{font-family:NotoSans;font-display:swap;src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.eot');src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.eot') format('embedded-opentype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.woff2') format('woff2'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.woff') format('woff'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansRegular.svg#NotoSansRegular') format('svg');font-weight:400;font-style:italic}@font-face{font-family:NotoSans;font-display:swap;src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.eot');src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.eot') format('embedded-opentype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.woff2') format('woff2'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.woff') format('woff'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansBold.svg#NotoSansBold') format('svg');font-weight:700;font-style:normal}@font-face{font-family:NotoSans;font-display:swap;src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansItalic.eot');src:url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansItalic.eot') format('embedded-opentype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansItalic.woff2') format('woff2'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansItalic.woff') format('woff'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansItalic.ttf') format('truetype'),url('/local/templates/coddy/css/../fonts/NotoSans/NotoSansItalic.svg#NotoSansItalic') format('svg');font-weight:400;font-style:italic}@font-face{font-family:"ProximaNovaRegular";font-display:swap;font-style:normal;font-weight:normal;src:url("/local/templates/coddy/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix") format("embedded-opentype"),url("/local/templates/coddy/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"),url("/local/templates/coddy/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype")}@font-face{font-family:"ProximaNovaBold";font-display:swap;font-style:normal;font-weight:normal;src:url("/local/templates/coddy/css/../fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix") format("embedded-opentype"),url("/local/templates/coddy/css/../fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"),url("/local/templates/coddy/css/../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype")}@font-face{font-family:"ProximaNovaLight";font-display:swap;font-style:normal;font-weight:normal;src:url("/local/templates/coddy/css/../fonts/ProximaNovaLight/ProximaNovaLight.eot?#iefix") format("embedded-opentype"),url("/local/templates/coddy/css/../fonts/ProximaNovaLight/ProximaNovaLight.woff") format("woff"),url("/local/templates/coddy/css/../fonts/ProximaNovaLight/ProximaNovaLight.ttf") format("truetype")}@font-face{font-family:"ProximaNovaSemibold";font-display:swap;font-style:normal;font-weight:normal;src:url("/local/templates/coddy/css/../fonts/ProximaNovaSemibold/ProximaNovaSemibold.eot?#iefix") format("embedded-opentype"),url("/local/templates/coddy/css/../fonts/ProximaNovaSemibold/ProximaNovaSemibold.woff") format("woff"),url("/local/templates/coddy/css/../fonts/ProximaNovaSemibold/ProximaNovaSemibold.ttf") format("truetype")}@font-face{font-family:"MyriadProRegular";font-display:swap;font-style:normal;font-weight:normal;src:url("/local/templates/coddy/css/../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix") format("embedded-opentype"),url("/local/templates/coddy/css/../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),url("/local/templates/coddy/css/../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype")}@font-face{font-family:"OpenSansRegular";font-display:swap;font-style:normal;font-weight:normal;src:url("/local/templates/coddy/css/../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"),url("/local/templates/coddy/css/../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),url("/local/templates/coddy/css/../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype")}@font-face{font-family:"Montserrat";font-display:swap;font-style:normal;font-weight:normal;src:url("/local/templates/coddy/css/../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype")}@font-face{font-family:"Montserrat";font-display:swap;font-style:normal;font-weight:500;src:url("/local/templates/coddy/css/../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype")}@font-face{font-family:"Montserrat";font-display:swap;font-style:normal;font-weight:700;src:url("/local/templates/coddy/css/../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype")}

/* End */


/* Start:/local/templates/coddy/css/skeleton.min.css?174492463214524*/
@keyframes skeleton-loading{to{background-position-x:-20%}}:root{--sekeleton-color:#dbdbdb}.skeleton:not(.loaded){display:block;height:auto;width:auto;background-color:var(--sekeleton-color);background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 60%) var(--sekeleton-color);background-size:200% 100%;background-position-x:180%;animation:1s skeleton-loading ease-in-out infinite}.skeleton:not(.loaded).s-10{width:10px;height:10px}.skeleton:not(.loaded).s-20{width:20px;height:20px}.skeleton:not(.loaded).s-30{width:30px;height:30px}.skeleton:not(.loaded).s-40{width:40px;height:40px}.skeleton:not(.loaded).s-50{width:50px;height:50px}.skeleton:not(.loaded).s-60{width:60px;height:60px}.skeleton:not(.loaded).s-70{width:70px;height:70px}.skeleton:not(.loaded).s-80{width:80px;height:80px}.skeleton:not(.loaded).s-90{width:90px;height:90px}.skeleton:not(.loaded).s-100{width:100px;height:100px}.skeleton:not(.loaded).s-110{width:110px;height:110px}.skeleton:not(.loaded).s-120{width:120px;height:120px}.skeleton:not(.loaded).s-130{width:130px;height:130px}.skeleton:not(.loaded).s-140{width:140px;height:140px}.skeleton:not(.loaded).s-150{width:150px;height:150px}.skeleton:not(.loaded).s-160{width:160px;height:160px}.skeleton:not(.loaded).s-170{width:170px;height:170px}.skeleton:not(.loaded).s-180{width:180px;height:180px}.skeleton:not(.loaded).s-190{width:190px;height:190px}.skeleton:not(.loaded).s-200{width:200px;height:200px}.skeleton:not(.loaded).s-210{width:210px;height:210px}.skeleton:not(.loaded).s-220{width:220px;height:220px}.skeleton:not(.loaded).s-230{width:230px;height:230px}.skeleton:not(.loaded).s-240{width:240px;height:240px}.skeleton:not(.loaded).s-250{width:250px;height:250px}.skeleton:not(.loaded).s-260{width:260px;height:260px}.skeleton:not(.loaded).s-270{width:270px;height:270px}.skeleton:not(.loaded).s-280{width:280px;height:280px}.skeleton:not(.loaded).s-290{width:290px;height:290px}.skeleton:not(.loaded).s-300{width:300px;height:300px}.skeleton:not(.loaded).s-310{width:310px;height:310px}.skeleton:not(.loaded).s-320{width:320px;height:320px}.skeleton:not(.loaded).s-330{width:330px;height:330px}.skeleton:not(.loaded).s-340{width:340px;height:340px}.skeleton:not(.loaded).s-350{width:350px;height:350px}.skeleton:not(.loaded).s-360{width:360px;height:360px}.skeleton:not(.loaded).s-370{width:370px;height:370px}.skeleton:not(.loaded).s-380{width:380px;height:380px}.skeleton:not(.loaded).s-390{width:390px;height:390px}.skeleton:not(.loaded).s-400{width:400px;height:400px}.skeleton:not(.loaded).s-410{width:410px;height:410px}.skeleton:not(.loaded).s-420{width:420px;height:420px}.skeleton:not(.loaded).s-430{width:430px;height:430px}.skeleton:not(.loaded).s-440{width:440px;height:440px}.skeleton:not(.loaded).s-450{width:450px;height:450px}.skeleton:not(.loaded).s-460{width:460px;height:460px}.skeleton:not(.loaded).s-470{width:470px;height:470px}.skeleton:not(.loaded).s-480{width:480px;height:480px}.skeleton:not(.loaded).s-490{width:490px;height:490px}.skeleton:not(.loaded).s-500{width:500px;height:500px}.skeleton:not(.loaded).s-510{width:510px;height:510px}.skeleton:not(.loaded).s-520{width:520px;height:520px}.skeleton:not(.loaded).s-530{width:530px;height:530px}.skeleton:not(.loaded).s-540{width:540px;height:540px}.skeleton:not(.loaded).s-550{width:550px;height:550px}.skeleton:not(.loaded).s-560{width:560px;height:560px}.skeleton:not(.loaded).s-570{width:570px;height:570px}.skeleton:not(.loaded).s-580{width:580px;height:580px}.skeleton:not(.loaded).s-590{width:590px;height:590px}.skeleton:not(.loaded).s-600{width:600px;height:600px}.skeleton:not(.loaded).s-610{width:610px;height:610px}.skeleton:not(.loaded).s-620{width:620px;height:620px}.skeleton:not(.loaded).s-630{width:630px;height:630px}.skeleton:not(.loaded).s-640{width:640px;height:640px}.skeleton:not(.loaded).s-650{width:650px;height:650px}.skeleton:not(.loaded).s-660{width:660px;height:660px}.skeleton:not(.loaded).s-670{width:670px;height:670px}.skeleton:not(.loaded).s-680{width:680px;height:680px}.skeleton:not(.loaded).s-690{width:690px;height:690px}.skeleton:not(.loaded).s-700{width:700px;height:700px}.skeleton:not(.loaded).s-710{width:710px;height:710px}.skeleton:not(.loaded).s-720{width:720px;height:720px}.skeleton:not(.loaded).s-730{width:730px;height:730px}.skeleton:not(.loaded).s-740{width:740px;height:740px}.skeleton:not(.loaded).s-750{width:750px;height:750px}.skeleton:not(.loaded).s-760{width:760px;height:760px}.skeleton:not(.loaded).s-770{width:770px;height:770px}.skeleton:not(.loaded).s-780{width:780px;height:780px}.skeleton:not(.loaded).s-790{width:790px;height:790px}.skeleton:not(.loaded).s-800{width:800px;height:800px}.skeleton:not(.loaded).s-810{width:810px;height:810px}.skeleton:not(.loaded).s-820{width:820px;height:820px}.skeleton:not(.loaded).s-830{width:830px;height:830px}.skeleton:not(.loaded).s-840{width:840px;height:840px}.skeleton:not(.loaded).s-850{width:850px;height:850px}.skeleton:not(.loaded).s-860{width:860px;height:860px}.skeleton:not(.loaded).s-870{width:870px;height:870px}.skeleton:not(.loaded).s-880{width:880px;height:880px}.skeleton:not(.loaded).s-890{width:890px;height:890px}.skeleton:not(.loaded).s-900{width:900px;height:900px}.skeleton:not(.loaded).s-910{width:910px;height:910px}.skeleton:not(.loaded).s-920{width:920px;height:920px}.skeleton:not(.loaded).s-930{width:930px;height:930px}.skeleton:not(.loaded).s-940{width:940px;height:940px}.skeleton:not(.loaded).s-950{width:950px;height:950px}.skeleton:not(.loaded).s-960{width:960px;height:960px}.skeleton:not(.loaded).s-970{width:970px;height:970px}.skeleton:not(.loaded).s-980{width:980px;height:980px}.skeleton:not(.loaded).s-990{width:990px;height:990px}.skeleton:not(.loaded).s-1000{width:1000px;height:1000px}.skeleton:not(.loaded).s-1010{width:1010px;height:1010px}.skeleton:not(.loaded).s-1020{width:1020px;height:1020px}.skeleton:not(.loaded).h-10{height:10px}.skeleton:not(.loaded).h-20{height:20px}.skeleton:not(.loaded).h-30{height:30px}.skeleton:not(.loaded).h-40{height:40px}.skeleton:not(.loaded).h-50{height:50px}.skeleton:not(.loaded).h-60{height:60px}.skeleton:not(.loaded).h-70{height:70px}.skeleton:not(.loaded).h-80{height:80px}.skeleton:not(.loaded).h-90{height:90px}.skeleton:not(.loaded).h-100{height:100px}.skeleton:not(.loaded).h-110{height:110px}.skeleton:not(.loaded).h-120{height:120px}.skeleton:not(.loaded).h-130{height:130px}.skeleton:not(.loaded).h-140{height:140px}.skeleton:not(.loaded).h-150{height:150px}.skeleton:not(.loaded).h-160{height:160px}.skeleton:not(.loaded).h-170{height:170px}.skeleton:not(.loaded).h-180{height:180px}.skeleton:not(.loaded).h-190{height:190px}.skeleton:not(.loaded).h-200{height:200px}.skeleton:not(.loaded).h-210{height:210px}.skeleton:not(.loaded).h-220{height:220px}.skeleton:not(.loaded).h-230{height:230px}.skeleton:not(.loaded).h-240{height:240px}.skeleton:not(.loaded).h-250{height:250px}.skeleton:not(.loaded).h-260{height:260px}.skeleton:not(.loaded).h-270{height:270px}.skeleton:not(.loaded).h-280{height:280px}.skeleton:not(.loaded).h-290{height:290px}.skeleton:not(.loaded).h-300{height:300px}.skeleton:not(.loaded).h-310{height:310px}.skeleton:not(.loaded).h-320{height:320px}.skeleton:not(.loaded).h-330{height:330px}.skeleton:not(.loaded).h-340{height:340px}.skeleton:not(.loaded).h-350{height:350px}.skeleton:not(.loaded).h-360{height:360px}.skeleton:not(.loaded).h-370{height:370px}.skeleton:not(.loaded).h-380{height:380px}.skeleton:not(.loaded).h-390{height:390px}.skeleton:not(.loaded).h-400{height:400px}.skeleton:not(.loaded).h-410{height:410px}.skeleton:not(.loaded).h-420{height:420px}.skeleton:not(.loaded).h-430{height:430px}.skeleton:not(.loaded).h-440{height:440px}.skeleton:not(.loaded).h-450{height:450px}.skeleton:not(.loaded).h-460{height:460px}.skeleton:not(.loaded).h-470{height:470px}.skeleton:not(.loaded).h-480{height:480px}.skeleton:not(.loaded).h-490{height:490px}.skeleton:not(.loaded).h-500{height:500px}.skeleton:not(.loaded).h-510{height:510px}.skeleton:not(.loaded).h-520{height:520px}.skeleton:not(.loaded).h-530{height:530px}.skeleton:not(.loaded).h-540{height:540px}.skeleton:not(.loaded).h-550{height:550px}.skeleton:not(.loaded).h-560{height:560px}.skeleton:not(.loaded).h-570{height:570px}.skeleton:not(.loaded).h-580{height:580px}.skeleton:not(.loaded).h-590{height:590px}.skeleton:not(.loaded).h-600{height:600px}.skeleton:not(.loaded).h-610{height:610px}.skeleton:not(.loaded).h-620{height:620px}.skeleton:not(.loaded).h-630{height:630px}.skeleton:not(.loaded).h-640{height:640px}.skeleton:not(.loaded).h-650{height:650px}.skeleton:not(.loaded).h-660{height:660px}.skeleton:not(.loaded).h-670{height:670px}.skeleton:not(.loaded).h-680{height:680px}.skeleton:not(.loaded).h-690{height:690px}.skeleton:not(.loaded).h-700{height:700px}.skeleton:not(.loaded).h-710{height:710px}.skeleton:not(.loaded).h-720{height:720px}.skeleton:not(.loaded).h-730{height:730px}.skeleton:not(.loaded).h-740{height:740px}.skeleton:not(.loaded).h-750{height:750px}.skeleton:not(.loaded).h-760{height:760px}.skeleton:not(.loaded).h-770{height:770px}.skeleton:not(.loaded).h-780{height:780px}.skeleton:not(.loaded).h-790{height:790px}.skeleton:not(.loaded).h-800{height:800px}.skeleton:not(.loaded).h-810{height:810px}.skeleton:not(.loaded).h-820{height:820px}.skeleton:not(.loaded).h-830{height:830px}.skeleton:not(.loaded).h-840{height:840px}.skeleton:not(.loaded).h-850{height:850px}.skeleton:not(.loaded).h-860{height:860px}.skeleton:not(.loaded).h-870{height:870px}.skeleton:not(.loaded).h-880{height:880px}.skeleton:not(.loaded).h-890{height:890px}.skeleton:not(.loaded).h-900{height:900px}.skeleton:not(.loaded).h-910{height:910px}.skeleton:not(.loaded).h-920{height:920px}.skeleton:not(.loaded).h-930{height:930px}.skeleton:not(.loaded).h-940{height:940px}.skeleton:not(.loaded).h-950{height:950px}.skeleton:not(.loaded).h-960{height:960px}.skeleton:not(.loaded).h-970{height:970px}.skeleton:not(.loaded).h-980{height:980px}.skeleton:not(.loaded).h-990{height:990px}.skeleton:not(.loaded).h-1000{height:1000px}.skeleton:not(.loaded).h-1010{height:1010px}.skeleton:not(.loaded).h-1020{height:1020px}.skeleton:not(.loaded).w-10{width:10px}.skeleton:not(.loaded).w-20{width:20px}.skeleton:not(.loaded).w-30{width:30px}.skeleton:not(.loaded).w-40{width:40px}.skeleton:not(.loaded).w-50{width:50px}.skeleton:not(.loaded).w-60{width:60px}.skeleton:not(.loaded).w-70{width:70px}.skeleton:not(.loaded).w-80{width:80px}.skeleton:not(.loaded).w-90{width:90px}.skeleton:not(.loaded).w-100{width:100px}.skeleton:not(.loaded).w-110{width:110px}.skeleton:not(.loaded).w-120{width:120px}.skeleton:not(.loaded).w-130{width:130px}.skeleton:not(.loaded).w-140{width:140px}.skeleton:not(.loaded).w-150{width:150px}.skeleton:not(.loaded).w-160{width:160px}.skeleton:not(.loaded).w-170{width:170px}.skeleton:not(.loaded).w-180{width:180px}.skeleton:not(.loaded).w-190{width:190px}.skeleton:not(.loaded).w-200{width:200px}.skeleton:not(.loaded).w-210{width:210px}.skeleton:not(.loaded).w-220{width:220px}.skeleton:not(.loaded).w-230{width:230px}.skeleton:not(.loaded).w-240{width:240px}.skeleton:not(.loaded).w-250{width:250px}.skeleton:not(.loaded).w-260{width:260px}.skeleton:not(.loaded).w-270{width:270px}.skeleton:not(.loaded).w-280{width:280px}.skeleton:not(.loaded).w-290{width:290px}.skeleton:not(.loaded).w-300{width:300px}.skeleton:not(.loaded).w-310{width:310px}.skeleton:not(.loaded).w-320{width:320px}.skeleton:not(.loaded).w-330{width:330px}.skeleton:not(.loaded).w-340{width:340px}.skeleton:not(.loaded).w-350{width:350px}.skeleton:not(.loaded).w-360{width:360px}.skeleton:not(.loaded).w-370{width:370px}.skeleton:not(.loaded).w-380{width:380px}.skeleton:not(.loaded).w-390{width:390px}.skeleton:not(.loaded).w-400{width:400px}.skeleton:not(.loaded).w-410{width:410px}.skeleton:not(.loaded).w-420{width:420px}.skeleton:not(.loaded).w-430{width:430px}.skeleton:not(.loaded).w-440{width:440px}.skeleton:not(.loaded).w-450{width:450px}.skeleton:not(.loaded).w-460{width:460px}.skeleton:not(.loaded).w-470{width:470px}.skeleton:not(.loaded).w-480{width:480px}.skeleton:not(.loaded).w-490{width:490px}.skeleton:not(.loaded).w-500{width:500px}.skeleton:not(.loaded).w-510{width:510px}.skeleton:not(.loaded).w-520{width:520px}.skeleton:not(.loaded).w-530{width:530px}.skeleton:not(.loaded).w-540{width:540px}.skeleton:not(.loaded).w-550{width:550px}.skeleton:not(.loaded).w-560{width:560px}.skeleton:not(.loaded).w-570{width:570px}.skeleton:not(.loaded).w-580{width:580px}.skeleton:not(.loaded).w-590{width:590px}.skeleton:not(.loaded).w-600{width:600px}.skeleton:not(.loaded).w-610{width:610px}.skeleton:not(.loaded).w-620{width:620px}.skeleton:not(.loaded).w-630{width:630px}.skeleton:not(.loaded).w-640{width:640px}.skeleton:not(.loaded).w-650{width:650px}.skeleton:not(.loaded).w-660{width:660px}.skeleton:not(.loaded).w-670{width:670px}.skeleton:not(.loaded).w-680{width:680px}.skeleton:not(.loaded).w-690{width:690px}.skeleton:not(.loaded).w-700{width:700px}.skeleton:not(.loaded).w-710{width:710px}.skeleton:not(.loaded).w-720{width:720px}.skeleton:not(.loaded).w-730{width:730px}.skeleton:not(.loaded).w-740{width:740px}.skeleton:not(.loaded).w-750{width:750px}.skeleton:not(.loaded).w-760{width:760px}.skeleton:not(.loaded).w-770{width:770px}.skeleton:not(.loaded).w-780{width:780px}.skeleton:not(.loaded).w-790{width:790px}.skeleton:not(.loaded).w-800{width:800px}.skeleton:not(.loaded).w-810{width:810px}.skeleton:not(.loaded).w-820{width:820px}.skeleton:not(.loaded).w-830{width:830px}.skeleton:not(.loaded).w-840{width:840px}.skeleton:not(.loaded).w-850{width:850px}.skeleton:not(.loaded).w-860{width:860px}.skeleton:not(.loaded).w-870{width:870px}.skeleton:not(.loaded).w-880{width:880px}.skeleton:not(.loaded).w-890{width:890px}.skeleton:not(.loaded).w-900{width:900px}.skeleton:not(.loaded).w-910{width:910px}.skeleton:not(.loaded).w-920{width:920px}.skeleton:not(.loaded).w-930{width:930px}.skeleton:not(.loaded).w-940{width:940px}.skeleton:not(.loaded).w-950{width:950px}.skeleton:not(.loaded).w-960{width:960px}.skeleton:not(.loaded).w-970{width:970px}.skeleton:not(.loaded).w-980{width:980px}.skeleton:not(.loaded).w-990{width:990px}.skeleton:not(.loaded).w-1000{width:1000px}.skeleton:not(.loaded).w-1010{width:1010px}.skeleton:not(.loaded).w-1020{width:1020px}.skeleton:not(.loaded) .h-full{height:100%}.skeleton:not(.loaded).circle{border-radius:50%}.skeleton.w-100{width:100%!important}.skeleton.w-auto{width:auto!important}
/* End */


/* Start:/local/templates/coddy/css/bootstrap.min.css?1738904411107697*/
/*!
   * Bootstrap v3.3.7 (http://getbootstrap.com)
   * Copyright 2011-2016 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;background-color:#2b4554}a,body,code,div,html,kbd,li,p,pre,samp,span{font-family:"NotoSans"!important}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}legend,td,th{padding:0}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" ("attr(href)")"}abbr[title]:after{content:" ("attr(title)")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}blockquote,img,pre,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*,:after,:before,input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"NotoSans",sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:underline}a:focus,a:hover{color:#23527c;text-decoration:none}a:focus,input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{-webkit-border-radius:6px;border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{-webkit-border-radius:50%;border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h5,h5{font-size:14px}.h6,h6{font-size:12px}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.news_page{margin-top:40px;font-size:16px}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left,th{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}dl,ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"— "}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:" —"}address{margin-bottom:20px;font-style:normal}code,kbd,pre{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;-webkit-border-radius:4px;border-radius:4px}kbd{color:#fff;background-color:#333;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0-1px 0 rgba(0,0,0,.25);box-shadow:inset 0-1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}address,pre{line-height:1.42857143}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;-webkit-border-radius:0;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}.about-us .container{width:750px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:23%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}pre code,table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset,legend{padding:0;border:0}fieldset{min-width:0;margin:0}legend{width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file],legend{display:block}input[type=range]{display:block;width:100%}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control,select[multiple],select[multiple].input-sm,select[size],textarea.form-control,textarea.input-sm{height:auto}.form-control,output{display:block;font-size:14px;line-height:1.42857143;color:#555}output{padding-top:7px}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.checkbox-inline,.radio label,.radio-inline{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox label,.radio label{min-height:20px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px \9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;vertical-align:middle}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.form-group-sm .form-control,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;-webkit-border-radius:3px;border-radius:3px}.form-group-sm select.form-control,select.input-sm{height:30px;line-height:30px}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.form-group-lg .form-control,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;-webkit-border-radius:6px;border-radius:6px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control,select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg select.form-control,select.input-lg{height:46px;line-height:46px}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;-webkit-border-radius:0;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;-webkit-border-radius:6px;border-radius:6px}.btn-group-sm>.btn,.btn-group-xs>.btn,.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;-webkit-border-radius:3px;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.alert>p+p,.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu-right,.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative}.btn-group>.btn{float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){-webkit-border-radius:0;border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{-webkit-border-radius:0;border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;width:100%;max-width:100%;float:none}.nav-tabs.nav-justified>li{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn:not(:first-child):not(:last-child){-webkit-border-radius:0;border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;border-top-right-radius:0}.btn-group-justified,.input-group{display:table;border-collapse:separate}.btn-group-justified{width:100%;table-layout:fixed}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;-webkit-border-radius:6px;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;-webkit-border-radius:3px;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){-webkit-border-radius:0;border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;-webkit-border-radius:3px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;-webkit-border-radius:6px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li,.nav>li>a{position:relative;display:block}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;-webkit-border-radius:4px;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{-webkit-border-radius:4px;border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-justified>li,.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li>a{margin-bottom:5px;text-align:center}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;-webkit-border-radius:4px;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.navbar-brand>img,.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{-webkit-border-radius:4px;border-radius:4px}.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{-webkit-border-radius:0;border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{-webkit-border-radius:0;border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;-webkit-border-radius:1px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin:8px -15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .btn-link,.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover,a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .btn-link,.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:4px;border-radius:4px}.breadcrumb>li,.pagination{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/ "}.breadcrumb>.active{color:#777}.pagination{padding-left:0;margin:20px 0;-webkit-border-radius:4px;border-radius:4px}.pager li,.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;-webkit-border-radius:.25em;border-radius:.25em}a.badge:focus,a.badge:hover,a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;-webkit-border-radius:10px;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron,.jumbotron .h1,.jumbotron h1,a.list-group-item-danger .list-group-item-heading,a.list-group-item-info .list-group-item-heading,a.list-group-item-success .list-group-item-heading,a.list-group-item-warning .list-group-item-heading,button.list-group-item-danger .list-group-item-heading,button.list-group-item-info .list-group-item-heading,button.list-group-item-success .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;-webkit-border-radius:6px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0-1px 0 rgba(0,0,0,.15);box-shadow:inset 0-1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-bar-warning{background-color:#f0ad4e}.progress-bar-danger{background-color:#d9534f}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;-webkit-border-radius:0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{-webkit-border-top-left-radius:3px;border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{-webkit-border-top-right-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body,.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;-webkit-border-radius:4px;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default,.well blockquote{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;-webkit-border-radius:6px;border-radius:6px}.well-sm{padding:9px;-webkit-border-radius:3px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0#fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal,.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;-webkit-border-radius:4px;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px}.tooltip.top-right .tooltip-arrow{left:5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel,.carousel-inner{position:relative}.carousel-inner{width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active,.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-control,.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.active.left,.carousel-inner>.prev{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:transparent;filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5)0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5)0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001)0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001)0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1}.carousel-control .icon-prev:before{content:"‹"}.carousel-control .icon-next:before{content:"›"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:transparent;border:1px solid #fff;-webkit-border-radius:10px;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs,.visible-xs-block{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.main-foot .block-vk-foot,.main-foot .fb-page{display:none}}@media (min-width:768px) and (max-width:991px){.visible-sm,.visible-sm-block{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md,.visible-md-block{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg,.visible-lg-block{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}
/* End */


/* Start:/local/templates/coddy/css/main.css?1747475369947793*/
/*@import url(/local/templates/coddy/css/../libs/font-awesome/css/font-awesome.min.css);*/

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/**
   * Owl Carousel v2.1.6
   * Copyright 2013-2016 David Deutsch
   * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
   */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    display: none;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/local/templates/coddy/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/*!
  Animate.css - http://daneden.me/animate
  Licensed under the MIT license - http://opensource.org/licenses/MIT

  Copyright (c) 2015 Daniel Eden
  */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -ms-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -ms-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -ms-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -ms-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        -ms-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}


h1, .main_title_site, h1 a, .main_title_site a {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

h1.white, .main_title_site.white, h1.white a, .main_title_site.white a {
    color: #fff;
}

h1.blue, .main_title_site.blue, h1.blue a, .main_title_site.blue a, .main_title_site a.blue {
    color: #337ab7;
}

h1.blue a:hover, .main_title_site.blue a:hover, .main_title_site a.blue:hover {
    color: #23527c;
}

.design-thoughts h1 {
    text-align: left;
    line-height: 30px;
}

h1.gift-sertificate__header {
    color: #fff;
}

h2, .h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

h3, .h3 {
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

h4, .h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}


.mega-flexic, .wrapper-sect-inside, .portfolio-items, .certificates .wrapper-present, .certificates .with-certificate-block .wrapper-inside-cerf-block, .numbers .numb-wrapper, .design-thoughts .top-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.header-wrapper {
    position: relative;
    min-height: 108px;
}

#content, .main-foot {
    position: relative;
}

.main-head, .top-head {
    position: relative;
}

.header-info {
    /*background-image: url(/local/templates/coddy/css/../img/sect-comments/sect-bg@1920x100.jpg);*/
    background-color: #2b4554;
    height: 80px;
    width: 100%;
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    margin: 0px;
}

.header-info img {
    height: 30px;
    width: auto;
    margin: auto 20px auto auto;
}

.header-info p {
    margin: 25px 0px 0px 0px;
    padding: 0px;
}

.slider-main-rewards {
    /*min-height: 50px;*/
    /*padding: 30px 0px 0px;*/
    /*overflow: hidden;*/
}

.slider-main-rewards .slide {
    display: none;
    /*min-height: 50px;*/
    /*padding: 0px 0px 20px;*/
}

.slider-main-rewards .slide:first-child {
    display: block;
}

.slider-main-rewards .slide .info {
    height: 100%;
}

.slider-main-rewards .slide a {
    color: #fff;
    text-decoration: none;
}

.slider-main-rewards .slide a:hover {
    color: #009bb7;
    border-bottom: 1px solid rgba(0, 155, 183, 0.8);
}

.slider-main-rewards .slide:nth-child(2) .info {
    margin: -6px 0px 0px 0px;
}

@media only screen and (max-width: 992px) {
    .header-info .container {
        margin-top: 0px !important;
    }

    .header-wrapper {
        min-height: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .header-info {
        min-height: 74px;
    }

    .slider-main-rewards {
        min-height: 44px;
        padding: 15px 0px 0px;
    }

    .slider-main-rewards .slide {
        padding: 0px 0px 15px;
        min-height: 70px;
    }

    .slider-main-rewards .slide .info {
        display: table;
        height: 60px;
        width: 100%;
    }

    .slider-main-rewards .slide:nth-child(2) .info {
        margin: 0px !important;
    }

    .slider-main-rewards .slide .info .middle_block {
        display: table-cell;
        vertical-align: middle;
    }

    .slider-main-rewards .slide img {
        display: none;
        margin: 0px !important;
    }
}

.spider_block {
    top: -80px;
}

@media only screen and (max-width: 768px) {
    .spider_block {
        top: 0px;
    }
}

@media only screen and (max-width: 600px) {
    .visually_impaired_botton {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .header-info {
        font-size: 12px;
    }

    .main-head .row {
        position: relative;
    }

    .btn-green-color a,
    #do-certificate {
        text-transform: none !important;
    }
}

@media only screen and (max-width: 992px) {
    .header-wrapper {
        min-height: 95px;
    }
}

/* ---------- section about us ----------*/
.about-sub-container {
    margin: 50px 0px 0px;
}
@media (max-width: 640px) {
    .about-sub-container {
        text-align: center;
    }
}

.about-sub-container .topic {
    outline: none;
    font-weight: 400;
    font-size: 18px;
    color: #3db39e;
}

.about-us .about-sub-container .topic {
    font-weight: 600;
    text-decoration: none;
}

.about-us .about-sub-container .after-text {
    text-align: left;
}

.about-sub-container .topic:hover {
    color: #2f9f8b;
}

.about-sub-container .topic:focus {
    color: #2f9f8b;
}

.about-sub-container .topic.edge {
    color: #333;
}

.about-sub-container .topic.edge:hover {
    color: #2f9f8b;
}

.about-sub-container .topic.edge:focus {
    color: #2f9f8b;
}

.about-sub-container .after-topic {
    margin-top: 30px;
    margin-bottom: 20px;
    height: 50px;
}

.about-us .about-sub-container .after-topic {
    text-align: left;
    line-height: 24px;
}

/* ---------- section what-we-teach ----------*/
.what-we-teach {
    /*background-image: url("/local/templates/coddy/css/../img/sect-weteach/sect-bg.webp");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    margin-top: 65px;
    padding-top: 65px;
    padding-bottom: 20px;
}

.what-we-teach .we-teach-topic {
    text-align: center;
}

.what-we-teach .we-teach-topic .click-to-img {
    position: relative;
}

.what-we-teach .we-teach-topic .click-to-img .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.what-we-teach .we-teach-topic .click-to-img img {
    width: 100%;
    height: auto;
}

.we-teach-topic .click-to-nav {
    width: 100%;
    height: 445px;
    position: absolute;
    top: 0px;
}

.we-teach-topic .click-to-nav a {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    text-align: left;
}

.we-teach-topic .click-to-nav a:nth-child(1) {
    top: 30px;
    left: 135px;
}

.we-teach-topic .click-to-nav a:nth-child(2) {
    top: 90px;
    left: 5px;
    width: 195px;
}

.we-teach-topic .click-to-nav a:nth-child(3) {
    top: 190px;
    left: 15px;
    width: 160px;
}

.we-teach-topic .click-to-nav a:nth-child(4) {
    top: 310px;
    left: 265px;
    width: 200px;
    text-align: center;
}

.we-teach-topic .click-to-nav a:nth-child(5) {
    top: 165px;
    left: 490px;
    width: 205px;
}

.we-teach-topic .click-to-nav a:nth-child(6) {
    top: 295px;
    left: 595px;
    width: 140px;
}

.we-teach-topic .click-to-nav a:nth-child(7) {
    top: 25px;
    right: 85px;
}

.we-teach-topic .click-to-nav a:nth-child(8) {
    top: 115px;
    right: 40px;
    width: 210px;
    text-align: right;
}

.we-teach-topic .click-to-nav a:nth-child(9) {
    top: 290px;
    right: 0px;
    width: 200px;
    text-align: right;
}

.we-teach-topic .click-to-nav a:nth-child(10) {
    top: 280px;
    left: 0px;
    width: 130px;
}

.we-teach-topic .click-to-nav a:nth-child(11) {
    top: 390px;
    right: 20px;
    width: 130px;
}

@media (max-width: 1199px) {
    .we-teach-topic .click-to-nav a {
        font-size: 16px;
    }

    .we-teach-topic .click-to-nav a:nth-child(1) {
        top: 20px;
        left: 135px;
    }

    .we-teach-topic .click-to-nav a:nth-child(2) {
        top: 80px;
        left: 0px;
    }

    .we-teach-topic .click-to-nav a:nth-child(3) {
        top: 170px;
        left: 0px;
    }

    .we-teach-topic .click-to-nav a:nth-child(4) {
        top: 255px;
        left: 200px;
    }

    .we-teach-topic .click-to-nav a:nth-child(5) {
        top: 145px;
        left: 420px;
    }

    .we-teach-topic .click-to-nav a:nth-child(6) {
        top: 245px;
        left: 495px;
    }

    .we-teach-topic .click-to-nav a:nth-child(7) {
        top: 15px;
        right: 15px;
    }

    .we-teach-topic .click-to-nav a:nth-child(8) {
        top: 95px;
        right: 0px;
    }

    .we-teach-topic .click-to-nav a:nth-child(9) {
        top: 220px;
        right: 15px;
    }

    .we-teach-topic .click-to-nav a:nth-child(10) {
        top: 235px;
        left: 0px;
        width: 130px;
    }

    .we-teach-topic .click-to-nav a:nth-child(11) {
        top: 320px;
        right: 0px;
        width: 130px;
    }
}

@media (max-width: 991px) {
    .we-teach-topic .click-to-nav a {
        font-size: 14px;
    }

    .we-teach-topic .click-to-nav a:nth-child(2) {
        top: 60px;
        left: 0px;
    }

    .we-teach-topic .click-to-nav a:nth-child(3) {
        top: 120px;
        left: 0px;
    }

    .we-teach-topic .click-to-nav a:nth-child(4) {
        top: 190px;
        left: 130px;
    }

    .we-teach-topic .click-to-nav a:nth-child(5) {
        top: 105px;
        left: 300px;
    }

    .we-teach-topic .click-to-nav a:nth-child(6) {
        top: 175px;
        left: 365px;
    }

    .we-teach-topic .click-to-nav a:nth-child(9) {
        top: 190px;
        right: 5px;
    }

    .we-teach-topic .click-to-nav a:nth-child(10) {
        top: 175px;
        left: -10px;
    }

    .we-teach-topic .click-to-nav a:nth-child(11) {
        top: 250px;
        right: 0px;
        width: 100px;
    }
}

/* ---------- section more info about us ----------*/
.more-info-about-us {
    background-color: #fbfdfe;
    clear: both;
}

.more-info-about-us .share_soc {
    text-align: center;
    margin: 0px auto 0px;
    max-width: 400px;
}

.more-info-about-us .share_soc a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #0095b6;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 100%;
    border: 0px solid #0f465f;
    margin: 5px;
    background-size: contain;
}

.more-info-about-us .share_soc a:hover {
    opacity: 0.8;
}

.more-info-about-us .share_soc .soc_linkedin {
    background-image: url('/upload/images/footer/soc_linkedin.svg');
}

.more-info-about-us .share_soc .soc_facebook {
    background-image: url('/upload/images/footer/soc_facebook.svg');
}

.more-info-about-us .share_soc .soc_vk {
    background-image: url('/upload/images/footer/soc_vk.svg');
}

.more-info-about-us .share_soc .soc_instagram {
    background-image: url('/upload/images/footer/soc_instagram.svg');
}

.more-info-about-us .share_soc .soc_youtube {
    background-image: url('/upload/images/footer/soc_youtube.svg');
}

.more-info-about-us .share_soc .soc_flickr {
    background-image: url('/upload/images/footer/soc_FLICKR.svg');
}

.more-info-about-us .share_soc .soc_twitter {
    background-image: url('/upload/images/footer/soc_TWITTER.svg');
}

.more-info-about-us .share_soc .soc_odnoklassniki {
    background-image: url('/upload/images/footer/soc_OK.svg');
}

.more-info-about-us .share_soc .soc_ustart {
    background-image: url('/upload/images/footer/soc_USTART.svg');
}

.more-info-about-us .share_soc .soc_viber {
    background-image: url('/upload/images/footer/soc_VIBER.svg');
}

.more-info-about-us .share_soc .soc_telegram {
    background-image: url('/upload/images/footer/soc_telegram_v2.svg');
}

.more-info-about-us .share_soc .soc_whatsapp {
    background-image: url('/upload/images/footer/soc_WHATSAPP.svg');
}

.more-info-about-us .share_soc .soc_vimeo {
    background-image: url('/upload/images/footer/soc_VIMEO.svg');
}

.more-info-about-us .share_soc .soc_dzen {
    background-image: url('/upload/images/footer/soc_Y.ZEN.svg');
}

.more-info-about-us .share_soc .soc_rutube {
    background-image: url('/upload/images/footer/soc_RUTUBE_v2.svg');
}

.sect-topic {
    margin: 40px 0px;
}

.wrapper-sect-inside .block-left-gif, .wrapper-sect-inside .block-right-text {
    width: 50%;
}

.wrapper-sect-inside .block-left-gif {
    text-align: center;
}

.wrapper-sect-inside .text-about-coddy {
    max-width: 680px;
    line-height: 25px;
    padding-right: 80px;
}

.wrapper-sect-inside .text-about-coddy.text-social_share {
    padding-right: 0px;
}

.wrapper-sect-inside .text-about-coddy .text-1 {
    margin-bottom: 18px;
}

.wrapper-sect-inside .text-about-coddy .lin {
    list-style-type: decimal;
}

.wrapper-sect-inside .text-about-coddy ul {
    margin-left: 14px;
    margin-bottom: 18px;
}

.wrapper-sect-inside .text-about-coddy .text-5 {
    text-align: center;
    font-weight: bold;
}

/* ---------- section comments ----------*/
.comments-about-us {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fbfdfe;
}

.comments-about-us .make-a-review .center-btn a.link {
    margin: 0 10px 20px;
    min-width: 186px;
}

.slider-main {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 60px;
}

.moon-sect .slider-main {
    padding-top: 0px;
}

.slider-main .comment {
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    font-style: italic;
    font-weight: 400;
    position: relative;
    padding-top: 0px;
}

/*.slider-main .comment:before {
        content: '\201C';
        font-size: 50px;
        position: absolute;
        top: -0.3125em;
        left: -0.5em;
        background-repeat: no-repeat;
        padding: 18px 23px; }*/
.slider-main .comment-owner {
    font-weight: 600;
    color: #3db39e;
    font-size: 18px;
    margin-bottom: 7px;
}

.slider-main .who-is-it {
    color: #fff;
}

.slider-main {
    max-width: 1170px;
    margin: 0 auto;
}

.slider-main .owl-dots {
    position: absolute;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px;
    margin: 0px 0px 20px;
}

.slider-main .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    display: inline-block;
    margin: 0px 5px;
    cursor: pointer;
    box-shadow: 0px 0px 2px #999;
    padding: 3px;
    border: 0px;
}

.slider-main .owl-dots .owl-dot.active {
    background-color: #3db39e;
}

.slider-main .owl-dots .owl-dot:hover {
    background-color: #3db39e;
}

/* ---------- section leave comment ----------*/
.leave-review {
    margin-top: 40px;
    margin-bottom: 90px;
    background-image: url("/local/templates/coddy/css/../img/rainbow-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px;
}

.leave-review .cards-block {
    text-align: right;
    margin-right: 80px;
}

.leave-review .topic-card {
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    max-width: 363px;
    margin-top: 25px;
}

.leave-review .after-topic-card-text {
    font-size: 14px;
    color: #000;
    padding-right: 80px;
}

.review2 {
    margin-top: 45px;
    margin-bottom: 30px;
}

.make-a-review.review2 {
    margin-top: 0px;
}

.review2 .center-btn {
    text-align: center;
}

.review2 .center-btn .link {
    background-color: #FFF;
    color: #2c485d;
    padding: 15px 35px;
}

.review2 .center-btn .link:hover:before {
    width: 0%;
}

.center-btn {
    position: relative;
    text-align: left;
    margin-top: 15px;
}

.center-btn .link {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-block;
    background-color: #51648a;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    margin: 0 5px 20px 0;
    padding: 15px 55px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}

.center-btn .link:hover:before {
    width: 100%;
}

.center-btn .link:before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: #3e4f71;
    content: "";
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.center-btn .link.red:before {
    background-color: #f51d1d;
}

/*.form-block .center-btn .link:before {
      display: none;
  }*/
.center-btn .link.link2 {
    width: 100%;
    max-width: 334px;
    text-align: center;
    margin-top: 20px;
}

.block-wrapper-groups.news .center-btn {
    margin-top: 0px;
}

.block-wrapper-groups.news .center-btn .link.link2 {
    margin-top: 0px;
}

.center-btn .el_month .link.link2 {
    margin: 10px 0px 20px;
}

.our-courses {
    background-color: #d3dee5;
    /*background-image: url("/local/templates/coddy/css/../img/sect-courses/sect-bg.webp");*/
    background-repeat: no-repeat;
    background-position: bottom;
}

.error_courses_mess {
    display: none;
}

.b-portfolio a {
    text-decoration: none !important;
    border: 0px solid #000 !important;
    color: inherit;
}

.b-course {
    width: 100%;
    margin: 15px 3%;
    min-height: 200px;
    transform: scale(1);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

@media (max-width: 991px) {
    .b-course {
        margin-left: 0;
    }
}

.b-course .b-course__icon {
    width: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(0%, 0);
}

.b-course .b-course__icon img {
    width: 100%;
    height: 100%;
}

.b-course .b-course__info {
    width: 100%;
    position: static;
    background-color: #fff;
    color: #333;
    box-shadow: 0px 5px 30px rgba(12, 71, 86, .2);
}

@media (min-width: 640px) and (max-width: 768px) {
    .b-course .b-course__info {
        height: 180px;
    }
}

@media (min-width: 769px) {
    .b-course .b-course__info {
        height: 260px;
    }
}

@media (min-width: 1201px) {
    .b-course .b-course__info {
        height: 250px;
    }
}

@media (min-width: 1281px) {
    .b-course .b-course__info {
        height: 220px;
    }
}

@media (max-width: 768px) {
    .b-course .b-course__info::after {
        content: "";
        display: block;
        height: 35px;
    }
}

.b-course__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 25px 8px;
    font-weight: bold;
    line-height: 16px;
    color: #92acba;
}

.b-course__meta__icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    /* Цвета фона и бордера задаются инлайн-стилем. Цвет бордера примерно на 10 % темнее*/
    box-shadow: 0 -2px #666 inset;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    background: #999 no-repeat 50% 50%;
}

.b-course__meta__icon-user {
    background-image: url("/images/ico_user2.webp");
    background-size: 50% 50%;
}

.b-course__meta__icon-time {
    background-image: url("/images/icon_time.svg");
    background-size: 50% 50%;
    background-position: 50% 50%;
}

.b-course__meta__icon-free_price {
    background-color: #ff4242;
    background-image: url("/images/icon_free_price.webp");
    background-size: 60% 60%;
    background-position: 50% 50%;
    box-shadow: 0 -2px #6f3030 inset;
}

.b-course__age, .b-course__hours, .b-course__free_price {
    width: 50%;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.b-course__free_price {
    color: #ff4242;
}

@media (max-width: 768px) {
    .b-course__age,
    .b-course__hours,
    .b-course__free_price {
        font-size: 12px;
    }
}

.b-course .b-course__title {
    padding: 5px 25px 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    text-transform: initial;
}

.b-course .b-course__desc {
    text-transform: initial;
}

.b-course .b-course__price {
    text-align: center;
    padding: 15px 26px 12px;
    position: relative;
    top: auto;
    bottom: auto;
    border-radius: 0px 0px 20px 20px;
    font-weight: 700;
    text-transform: initial;
}

.b-course__button {
    margin: -27px 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 54px;
    color: #fff;
    border-radius: 25px;
    box-shadow: 0 5px 0 rgba(0, 0, 0, .1);
}

.b-course:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s;
}


.show-more.courses {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 20px;
}

.our-courses.page-contacts .show-more.courses {
    margin-bottom: 70px;
    margin-top: -20px;
}

.our-courses .link.primary {
    background-color: #ff16a3;
    -webkit-box-shadow: 0 5px 0 #b51067;
    box-shadow: 0 5px 0 #b51067;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    font-size: 14px;
    line-height: 14px;
    padding: 14px 20px !important;
    margin: 0;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
}

.our-courses .link.primary:hover {
    top: 3px;
    -webkit-box-shadow: 0 2px 0 #b51067;
    box-shadow: 0 2px 0 #b51067;
}

.b-course__lb-top {
    width: 40px;
    padding: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;

    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    font-weight: 700;
    background: #ff16a3;
    border-radius: 8px;
    text-align: center;
}

.b-course__lb-hit {
    padding: 1px 7px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;

    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    font-weight: 700;
    background: #ff0000;
    border-radius: 8px;
    text-align: center;
}

.b-course__lb-new {
    height: 16px;
    width: 40px;
    padding: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;

    text-align: center;
    font-size: 10px;
    line-height: 11px;
    color: #00bfd5;
    font-weight: 700;
    background: #ffffff;
    border: 1px solid #00bfd5;
    border-radius: 8px;
}

.b-course__age-i img {
    width: 14px;
    height: 14px;
}

.b-course__age-i,
.b-course__hours-i {
    margin-right: 5px;
}

.actual-item.tw .b-course__age,
.actual-item.tw .b-course__hours {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    font-weight: 400;
}

.b-course__hours-i img {
    width: 14px;
    height: 14px;
}


.b-course .b-course__title {
    padding: 15px 25px 8px;
}

.b-course__meta {
    padding: 0 25px;

    position: absolute;
    bottom: 75px;
    left: 0;
    width: 100%;
}

@media screen and (max-width: 640px) {
    .about-us .about-sub-container .after-topic {
        text-align: center;
    }

    .about-us .about-sub-container .after-text {
        text-align: center;
    }

    .about-us .slick-slide img {
        display: inline;
    }

    .b-course__meta {
        padding: 15px 25px;
        position: relative;
        bottom: 0;
    }

    .b-course__title br {
        display: none;
    }
}

.filter-options ul li a.course-type-new {
    color: #ff72bb;
}

.filter-options ul li a.course-type-top {
    color: #32eaff;
}

.filter-options ul li a.course-type-hit {
    color: #ff0000;
}

.b-filter {
    flex: 0 0 33%;
    border-left: 0px solid #fff !important;
}

.filter-options {
    width: 32%;
}

.b-filter.age .filter-options {
    left: 33%;
}

.b-filter .btn-filter {
    -webkit-border-radius: 2em 2em 2em 2em !important;
    border-radius: 2em 2em 2em 2em !important;
    margin-right: 1.5%;
}

.b-filter:last-child .btn-filter {
    margin-right: 1.5%;
}

.b-filter.search {
    position: relative;
}

.b-filter.search input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    background-color: white;
    border: 3px solid #0493b4;
    padding: 12px 22px;
    -webkit-border-radius: 20px;
    border-radius: 2em 2em 2em 2em !important;
    outline: none;
}

.b-filter.search button {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -13px;
    width: 24px;
    height: 25px;
    background: url("/bitrix/templates/coddy/components/bitrix/news.list/courses_list/images/btn-search.webp") no-repeat;
    background-size: contain;
    cursor: pointer;
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
    display: none;
}

.b-filter.search button.btn-micro {
    background: url("/bitrix/templates/coddy/components/bitrix/news.list/courses_list/images/micro.webp") no-repeat;
    background-size: contain;
}

.b-filter.search input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.b-filter.search input[type="text"]:-ms-input-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.b-filter.search input[type="text"]::-webkit-input-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.b-filter.search input[type="text"]::-ms-expand {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.b-course {
    border-radius: 20px;
}

.b-course__icon {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: 30px;
    z-index: 1;
}

.b-course__icon > img {
    width: 40px;
}

/*.b-Course__title {
    padding: 70px 8px 8px;
    top: 15px; right: 15px;
    bottom: 0; left: 15px;
  }*/

.b-course__price {
    bottom: 12px;
    left: 0;
    right: 0;
    text-align: right;
    padding: 15px 26px;
    background-color: rgba(0, 0, 0, 0.1);
}

.b-course .b-course__desc {
    width: 100%;
    padding: 5px 25px 8px;
    text-transform: none;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

/*@media only screen and (max-width: 991px) and (min-width: 768px) {
      .b-course .b-course__desc {
          font-size: 12px;
      }
  }*/
@media (max-width: 768px) {
    .b-course .b-course__desc {
        display: none;
    }
}


.subsect-btns {
    margin: 35px 0px 50px;
}

.page-contacts .subsect-btns {
    margin: 0px 0px 25px;
}

.subsect-btns .el_month {
    display: initial;
}

.subsect-btns .schedule, .subsect-btns .schedule-spb {
    text-align: center;
    display: block;
    margin-bottom: 30px;
    max-width: 100%;
    margin-top: 25px;
}

.subsect-btns .schedule .link, .subsect-btns .schedule-spb .link {
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 20px;
    position: relative;
    display: inline-block;
    margin: 10px 0px 10px 10px;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    background-color: #ff16a3;
    -webkit-box-shadow: 0 5px 0 #b51067;
    box-shadow: 0 5px 0 #b51067;
    width: 145px;
}

.subsect-btns .schedule .schedule_block_desc .link {
    width: auto;
}

.subsect-btns .schedule .name_month {
    margin: 0px 0px 0px 20px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin: 10px 0px 10px 10px;
}

.subsect-btns .schedule .link:hover, .subsect-btns .schedule-spb .link:hover {
    -webkit-box-shadow: 0 2px 0 #b51067;
    box-shadow: 0 2px 0 #b51067;
    top: 3px;
}

.subsect-btns .schedule .link.weekend:hover {
    background-color: #0493b4;
    -webkit-box-shadow: 0 2px 0 #0484ac;
    box-shadow: 0 2px 0 #0484ac;
}

.subsect-btns .mess {
    text-align: center;
}

.subsect-btns .schedule-spb {
    /*margin-top: 50px;*/
}

.subsect-btns .schedule-spb .link {
    color: #fff;
    background-color: #5472D2;
    -webkit-box-shadow: 0 5px 0 #3253bc;
    box-shadow: 0 5px 0 #3253bc;
}

.subsect-btns .schedule-spb .link:hover {
    color: #f7f7f7;
    background-color: #5472D2;
    top: 3px;
    -webkit-box-shadow: 0 2px 0 #3253bc;
    box-shadow: 0 2px 0 #3253bc;
}

.subsect-btns .years-btns {
    margin-top: 40px;
}

.subsect-btns .years-btns ul {
    text-align: center;
}

.subsect-btns .years-btns ul .list {
    display: inline-block;
    padding-left: 17px;
    padding-right: 17px;
}

.subsect-btns .years-btns ul .list .link {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-block;
    padding: 5px 25px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    border-right: 5px solid #cdcdcd;
    border-bottom: 5px solid #cdcdcd;
    background-color: #dcdcdc;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #2f9f8b;
}

.subsect-btns .years-btns ul .list .link:hover {
    color: #fff;
    border-color: #2f9f8b;
    background-color: #2f9f8b;
}

.subsect-btns .years-btns ul .list .link:hover:after {
    width: 100%;
}

.subsect-btns .years-btns ul .list .link:after {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: #3db39e;
    content: "";
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.subsect-btns .years-btns ul .list .link.active {
    border-color: #2f9f8b;
    background-color: #3db39e;
    color: #fff;
}

.subsect-btns .el_month .schedule_block_desc {
    display: initial;
}

.schedule_block_desc + .schedule_block_mobi {
    display: none;
}

@media only screen and (max-width: 1199px) {
    .schedule_block_mobi,
    .schedule_block_desc + .schedule_block_mobi {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .subsect-btns .el_month {
        display: block;
    }
}

@media only screen and (max-width: 430px) {
    .subsect-btns .el_month {
        display: grid;
    }

    .subsect-btns .schedule .name_month {
        width: 100%;
        display: block;
        margin: 10px 0px 10px;
    }

    .subsect-btns .schedule .link {
        width: 100%;
        margin: 0px 0px 15px;
    }
}

.portfolio-items {
    margin-top: 35px;
    flex-wrap: wrap;
}

.portfolio-items.mt-custon {
    margin-top: 20px;
}

.portfolio-items .custom-pd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
    padding-right: 10px;
    padding-left: 10px;
}

.portfolio-items .b-portfolio {
    flex: 0 0 100%;
    margin-bottom: 20px;
    position: relative;
}

.portfolio-items .item:hover .course-img {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.portfolio-items .item:hover .item-overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.portfolio-items .actual-item {
    position: relative;
}

.portfolio-items .actual-item .course-img {
    display: block;
    width: 100%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.portfolio-items .item-overlay {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: 10px;
    padding: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #3db39e;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 10;
}

.portfolio-items .item-overlay .actions-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -40px;
    text-align: center;
}

.portfolio-items .item-overlay .actions-overlay .link {
    display: inline-block;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #51648a;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.portfolio-items .item-overlay .actions-overlay .link .zoom-ico {
    margin: 17px auto;
}

.your-kids-future {
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 70px;
    line-height: 40px;
    font-weight: 700;
}

.your-kids-future.black {
    color: #000;
}

.video-block {
    max-width: 780px;
    margin: 0 auto;
    margin-top: 80px;
    background-image: url("/local/templates/coddy/css/../img/sect-weteach/desc2.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 37px 10px 81px 10px;
    position: relative;
}

.video-block video {
    width: 100%;
    height: auto;
}

.video-block .link-play {
    position: absolute;
    top: 37%;
    left: 46%;
}

.what-we-teach2 {
    background-color: #4a6f84;
    padding-bottom: 60px;
}

.our-school {
    padding-top: 0;
    padding-bottom: 40px;
}

.certificates {
    padding-top: 0px;
}

.certificates .topic-certif {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-bottom: 60px;
}

.certificates .wrapper-present {
    max-width: 930px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.certificates .wrapper-present .any-taste, .certificates .wrapper-present .not-any-taste {
    position: relative;
}

.certificates .wrapper-present .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.certificates .best-present {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.certificates .best-present .just-best {
    font-size: 16px;
    font-weight: 600;
    color: #666666;
    margin-bottom: 0px;
}

.certificates .best-present .after-best {
    font-size: 13px;
    color: #666666;
}

.certificates .with-certificate-block {
    padding-top: 30px;
    max-width: 930px;
    margin: 0 auto;
    border: 4px solid #afddd4;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 30px 20px 30px;
}

.certificates .with-certificate-block .topic-f {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.certificates .with-certificate-block .wrapper-inside-cerf-block {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}

.certificates .with-certificate-block .wrapper-inside-cerf-block .topic {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}

.certificates .with-certificate-block .wrapper-inside-cerf-block .under-topic {
    font-size: 13px;
    color: #666666;
}

.certificates .wrapper-btn-green,
.wrapper-btn-blue {
    max-width: 334px;
    margin: 0 auto;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    margin-top: 20px;
    margin-bottom: 55px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.certificates .wrapper-btn-green .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    font-weight: 100;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.wrapper-btn-blue .link {
    text-align: center;
    width: 100%;
    display: block;
}

.certificates .wrapper-btn-green .order-a-cerf {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 10px 25px;
}

@media only screen and (max-width: 520px) {
    .certificates .wrapper-btn-green,
    .wrapper-btn-blue {
        max-width: 100%;
    }

    .certificates {
        display: none;
    }
}

#accordion .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#accordion .panel .link {
    color: #3db39e;
}

#accordion .panel-heading {
    border: none;
    color: #fff;
    padding: 0px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#accordion .panel-heading a {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #3db39e;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    padding: 23px 30px;
    width: 100%;
    display: block;
    position: relative;
}

#accordion .panel-heading a:focus {
    background-color: #51648a;
}

#accordion .panel-heading a:focus:after {
    content: '-';
}

#accordion .panel-heading a.active {
    background-color: #51648a;
}

#accordion .panel-heading a.active:after {
    content: '-';
}

#accordion .panel-heading a:after {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
    content: "+";
}

#accordion .panel-heading a:hover {
    background-color: #51648a;
}

#accordion .panel-body {
    border: none;
    padding-top: 0px;
}

.topic-for-school {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.moon-sect {
    padding-top: 40px;
    padding-bottom: 0px;
    /*background-image: url("/local/templates/coddy/css/../img/sect-moon/moon-bg.webp");*/
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    background-position: top center;
}

.moon-sect .partners-mobile ul {
    text-align: center;
    padding-top: 30px;
}

.moon-sect .partners-mobile ul li {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.moon-sect .partners-mobile ul li img {
    width: 126px;
    height: 45px;
}

.moon-sect .partners ul {
    margin-bottom: 0px;
    text-align: center;
}

.moon-sect .partners .last {
    text-align: left;
    max-width: 988px;
    margin: 0 auto;
}

.moon-sect .partners li {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.moon-sect .partners li img {
    width: 140px;
    height: 50px;
    margin-bottom: 20px;
}

.our-team-subsect {
    margin-top: 30px;
}

.our-team-subsect .our-team, .our-team-subsect .our-team a {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    color: #000;
}

.our-team-subsect .our-team-slider {
    margin-top: 60px;
}

.our-team-subsect .our-team-slider .owl-nav {
    position: absolute;
    color: #bdbdbe;
    font-size: 50px;
    width: 100%;
    top: 240px;
}

.our-team-subsect .our-team-slider .owl-nav div {
    cursor: pointer;
    z-index: 2;
    position: absolute;
    bottom: 104px;
}

.our-team-subsect .our-team-slider .owl-nav .owl-prev {
    left: 10px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 15px solid transparent;
    border-right: 16px solid #1aa5a9;
    display: block;
    width: 0;
    height: 0;
}

.our-team-subsect .our-team-slider .owl-nav .owl-prev:hover {
    border-right: 16px solid #0a686b;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.our-team-subsect .our-team-slider .owl-nav .owl-next {
    right: 10px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 15px solid transparent;
    border-left: 16px solid #1aa5a9;
    display: block;
    width: 0;
    height: 0;
}

.our-team-subsect .our-team-slider .owl-nav .owl-next:hover {
    border-left: 16px solid #0a686b;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.our-team-subsect .our-team-slider .slide .image-wrapper, .our-team-subsect .our-team-slider .main-slide .image-wrapper {
    text-align: center;
    width: 155px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    cursor: pointer;
}

.our-team-subsect .our-team-slider .slide .image-wrapper.main, .our-team-subsect .our-team-slider .main-slide .image-wrapper.main {
    width: 208px;
}

.our-team-subsect .our-team-slider .slide .image-wrapper.main img, .our-team-subsect .our-team-slider .main-slide .image-wrapper.main img {
    width: 210px;
    height: 210px;
    -webkit-border-radius: 104px;
    border-radius: 104px;
}

.our-team-subsect .our-team-slider .slide .image-wrapper.main img, .our-team-subsect .our-team-slider .main-slide .image-wrapper.main img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 208px;
}

.our-team-subsect .our-team-slider .slide .image-wrapper:hover img, .our-team-subsect .our-team-slider .main-slide .image-wrapper:hover img {
    border: 5px solid #1aa5a9;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.our-team-subsect .our-team-slider .slide .image-wrapper img, .our-team-subsect .our-team-slider .main-slide .image-wrapper img {
    overflow: hidden;
    border: 5px solid #caddde;
    -webkit-border-radius: 96px;
    border-radius: 96px;
}

.our-team-subsect .our-team-slider .slide .name-of-team, .our-team-subsect .our-team-slider .main-slide .name-of-team {
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 4px;
}

.our-team-subsect .our-team-slider .slide .what-team-do, .our-team-subsect .our-team-slider .main-slide .what-team-do {
    max-width: 68px;
    margin: 0 auto;
    border: 1px solid #cecece;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 2px 5px;
}

.our-team-subsect .our-team-slider .slide .what-team-do.second, .our-team-subsect .our-team-slider .main-slide .what-team-do.second {
    max-width: 130px;
}

.our-team-subsect .our-team-slider .slide .what-team-do .what-heshe-do, .our-team-subsect .our-team-slider .main-slide .what-team-do .what-heshe-do {
    font-size: 12px;
    text-align: center;
    margin-bottom: 0px;
}

.our-team-subsect .our-team-slider .slide {
    max-width: 155px;
    margin: 0 auto;
    margin-top: 40px;
}

.our-team-subsect .our-team-slider .main-slide {
    max-width: 208px;
    margin: 0 auto;
}

.our-team-subsect .our-team-slider .main-slide .image-wrapper img {
    border: 8px solid #1aa5a9;
}

.our-team-subsect .our-team-slider .main-slide .image-wrapper img:hover {
    border: 8px solid #1aa5a9;
}

.our-team-subsect .our-team-about-text {
    max-width: 1020px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 40px 50px 40px 50px;
    background-color: #FFF;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.our-team-subsect .our-team-about-text .name {
    font-size: 26px;
    color: #000;
    text-align: center;
    font-weight: bold;
}

.our-team-subsect .our-team-about-text .wrapper-of-who {
    max-width: 263px;
    margin: 0 auto;
    border: 1px solid #cecece;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 2px 5px;
    text-align: center;
}

.our-team-subsect .our-team-about-text .wrapper-of-who .the-text {
    font-size: 13px;
    color: #06495b;
    margin-bottom: 0px;
}

.our-team-subsect .our-team-about-text .block-info-about {
    margin-top: 30px;
}

.our-team-subsect .our-team-about-text .block-info-about .topic {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.our-team-subsect .our-team-about-text .block-info-about .just-after-topic {
    font-size: 15px;
    color: #000;
}

.our-team-subsect .our-team-about-text .block-quote {
    text-align: center;
    position: relative;
    margin-top: 40px;
}

.our-team-subsect .our-team-about-text .block-quote:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}

.our-team-subsect .our-team-about-text .block-quote .inside-img {
    position: relative;
    z-index: 2;
    background-color: #FFF;
    padding: 0 20px;
}

.our-team-subsect .our-team-about-text .actually-quote {
    margin-top: 20px;
    font-size: 15px;
    color: #000;
    opacity: .5;
    line-height: 30px;
    font-style: italic;
}

.actual-numb span {
    font-size: 70px;
}

.actual-numb span:after {
    font-size: 70px;
    content: attr(data-to);
    display: inline;
}

.numbers {
    background: rgb(135, 185, 200);
    background: linear-gradient(90deg, rgba(135, 185, 200, 1) 0%, rgba(197, 233, 244, 1) 100%);
}

.numbers .numb-wrapper {
    padding-top: 70px;
    padding-bottom: 100px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    max-width: 1055px;
    margin: 0 auto;
}

.numbers .numb-wrapper > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 45px;
    /*flex: 0 0 20%;*/
}

.numbers .numb-wrapper .actual-numb {
    font-size: 56px;
    line-height: 56px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

.numbers .numb-wrapper .after-numb-text {
    font-size: 18px;
    /*margin-top: 25px;*/
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

@media (max-width: 1400px) {
    .actual-numb span {
        font-size: 60px;
    }
}

@media (max-width: 1199px) {
    .actual-numb span {
        font-size: 50px;
    }
}

@media (max-width: 991px) {
    .actual-numb span {
        font-size: 45px;
    }

    .numbers .numb-wrapper .after-numb-text {
        font-size: 15px;
    }
}

.wanna-be-better {
    padding-top: 65px;
    padding-bottom: 65px;
    text-align: center;
}

.wanna-be-better .wanna-be-topic {
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    z-index: 10;
    position: relative;
}

.wanna-be-better .after-wanna-be-text {
    font-size: 15px;
    color: #000;
    z-index: 10;
    position: relative;
}

.wanna-be-better .after-wanna-be-text .link {
    outline: none;
    text-decoration: none;
    color: #2f9f8b;
}

.info-about-us {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/bg-foot-mob.jpg");
    background-size: cover;
    padding-top: 65px;
    padding-bottom: 0px;
    background-position: center;
}

.info-about-us ul {
    list-style: none;
}

.info-about-us .write-us {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #fff;
}

.info-about-us .common-asks {
    color: #fff;
    margin-bottom: 20px;
}

.info-about-us .link-inf-about {
    color: #3db39e;
    display: block;
    margin-bottom: 20px;
}

.info-about-us .link-inf-about:hover {
    color: #2f9f8b;
}

.info-about-us .pr-text {
    color: #fff;
    margin-bottom: 20px;
}

.info-about-us .some-links .link-inf-about {
    margin-bottom: 10px;
}

.info-about-us .some-links li {
    position: relative;
    margin-left: 20px;
    color: #3db39e;
    line-height: 12px;
}

.info-about-us .some-links li:before {
    position: relative;
    top: 11px;
    left: -20px;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #3db39e;
    content: "";
}

.info-about-us .social-icons {
    margin-top: 25px;
}

.info-about-us .social-icons li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.info-about-us .social-icons li .fa {
    color: #fff;
    font-size: 24px;
    display: block;
    height: 24px;
}

.info-about-us .social-icons li .fa-linkedin {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/lk-ico.png");
    width: 19px;
}

.info-about-us .social-icons li .fa-facebook {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/fb-ico.png");
    width: 11px;
}

.info-about-us .social-icons li .fa-vk {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/vk-ico.png");
    width: 24px;
}

.info-about-us .social-icons li .fa-instagram {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/in-ico.png");
    width: 24px;
}

.info-about-us .social-icons li .fa-youtube {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/yt-ico.png");
    width: 17px;
}

.info-about-us .social-icons li .fa-flickr {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/fl-ico.png");
    width: 24px;
}

.info-about-us .social-icons li .fa-twitter {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/tw-ico.png");
    width: 14px;
}

.info-about-us .social-icons li .fa-odnoklassniki {
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/od-ico.png");
    width: 14px;
}

.info-about-us .social-icons li .ustart {
    position: relative;
    left: -6px;
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/ustart-ico.png");
    padding: 11px 13px;
    background-repeat: no-repeat;
}

.info-about-us .social-icons li .viber {
    position: relative;
    left: -6px;
    top: -4px;
    background-image: url("/local/templates/coddy/css/../img/sect-foot-info/viber-ico.png");
    padding: 4px 13px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.info-about-us .our-city {
    color: #fff;
    font-size: 20px;
}

.info-about-us .time-table {
    color: #fff;
    font-size: 14px;
    margin-bottom: 4px;
}

.info-about-us .numbs {
    margin-top: 10px;
}

.info-about-us .numbs .numb {
    position: relative;
    margin-left: 16px;
}

.info-about-us .numbs .numb:before {
    position: absolute;
    top: 9px;
    left: -16px;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #3db39e;
    content: "";
}

.info-about-us .numbs .numb p {
    font-size: 14px;
    color: #fff;
}

.info-about-us .adress {
    margin-top: 35px;
}

.info-about-us .adress.other_city {
    margin-top: 15px;
    margin-bottom: 35px;
}

.info-about-us .adress .link {
    color: #fff;
    display: block;
    margin-bottom: 15px;
    padding: 0px !important;
    text-transform: capitalize;
    font-weight: 400;
}

.info-about-us .adress .link:nth-child(2) {
    text-transform: uppercase;
}

.info-about-us .adress li {
    position: relative;
    padding-left: 16px;
}

.info-about-us .adress li:before {
    position: absolute;
    top: 7px;
    left: 0px;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #3db39e;
    content: "";
}

.info-about-us .city-city {
    color: #fff;
    font-size: 20px;
    margin-top: 70px;
}

.info-about-us .numbs2 {
    font-size: 14px;
    color: #fff;
    position: relative;
    margin-left: 15px;
    margin-bottom: 0px;
}

.info-about-us .numbs2 .number {
    position: relative;
}

.info-about-us .numbs2 .number:before {
    position: absolute;
    top: 9px;
    left: -16px;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #3db39e;
    content: "";
}

.info-about-us .numbs1 .number {
    font-size: 18px;
    color: #fff;
    position: relative;
    margin-left: 15px;
    margin-bottom: 35px;
}

.info-about-us .numbs1 .number:before {
    position: absolute;
    top: 9px;
    left: -16px;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #3db39e;
    content: "";
}

.info-about-us .numbs1 .link {
    color: #fff;
    display: block;
    margin-bottom: 28px;
    margin-left: 15px;
}

.info-about-us .numbs1 .link-li {
    position: relative;
}

.info-about-us .numbs1 .link-li:before {
    position: absolute;
    top: 7px;
    left: -2px;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #3db39e;
    content: "";
}

.info-about-us .city-city2 {
    color: #fff;
    font-size: 20px;
}

.info-about-us .adress-again .link {
    color: #fff;
    display: block;
    margin-bottom: 15px;
}

.info-about-us .adress-again .link-li {
    position: relative;
    margin-left: 15px;
}

.info-about-us .adress-again .link-li:before {
    position: absolute;
    top: 7px;
    left: -16px;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #3db39e;
    content: "";
}

.info-about-us .our-words-to-you {
    color: #fff;
    font-style: italic;
    margin-top: 30px;
}

.info-about-us .link_contacts {
    color: #fff;
}

.info-about-us.contacts-page {
    background-size: auto 122%;
    /*background-size: cover;*/
    background-position: 50% 2%;
}

.info-about-us.contacts-page h1 {
    padding: 0 0 15px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.info-about-us.page-contacts, .our-courses.page-team {
    background: #fff;
    padding-top: 40px;
}

.our-courses.page-contacts {
    padding-top: 55px;
}

.our-courses.page-team {
    background: url('/images/team/team-bg.webp') 50% 100% no-repeat #f6f6f6;
    padding-top: 40px;
    padding-bottom: 530px;
    position: relative;
    overflow-x: hidden;
}

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

}

@media only screen and (max-width: 768px) {
    .our-courses.page-team {
        padding-bottom: 300px;
        background-size: 190% auto;
    }
}

@media only screen and (max-width: 768px) {
    .our-courses.page-team {
        padding-bottom: 300px;
    }
}

@media only screen and (max-width: 490px) {
    .your-kids-future {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}

.our-courses.page-team .title_category {
    margin: 30px 0px 0px;
}

.our-courses.page-contacts .ok_courses_mess, .our-courses.page-contacts .error_courses_mess {
    display: none;
}

.our-courses.page-contacts .col-md-12 {
    margin-bottom: 30px;
}

.info-about-us.page-contacts .pr-text, .info-about-us.page-contacts .write-us,
.info-about-us.page-contacts .numbs .numb p,
.info-about-us.page-contacts .our-city,
.info-about-us.page-contacts .time-table,
.info-about-us.page-contacts .adress .link,
.info-about-us.page-contacts .numbs2 .number p,
.info-about-us.page-contacts .city-city,
.info-about-us.page-contacts .city-city2,
.info-about-us.page-contacts .link_contacts {
    color: #000;
}

.info-about-us.page-contacts .social-icons {
    background: #999;
    padding: 10px 0px 10px 10px;
}

.any-questions {
    margin-top: 40px;
}

.any-questions .do-u-haveit, .any-questions .contact-us-please {
    text-align: center;
    font-size: 16px;
    margin-bottom: 4px;
    color: #fff;
}

.any-questions .your-stuff-inp {
    max-width: 339px;
    margin: 0 auto;
    margin-top: 20px;
}

.any-questions .your-stuff-inp input, .any-questions .your-stuff-inp textarea {
    display: block;
    border: 1px solid gray;
    background-color: #FFF;
    padding: 8px 20px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #000;
    min-width: 338px;
    outline: none;
    margin-bottom: 20px;
    resize: none;
}

.any-questions .your-stuff-inp .btn {
    max-width: 108px;
    margin: 0 auto;
    display: block;
    padding: 8px 20px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    outline: none;
    margin-bottom: 20px;
    font-size: 13px;
}

.subscribe {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

.subscribe .gif-mails {
    height: auto;
    border: 0px solid #576486;
    width: 300px;
}

.subscribe .wrapper-gif-mail {
    text-align: right;
}

.subscribe .right-block-subscr {
    margin-top: 20px;
}

.subscribe .right-block-subscr.en {
    margin-top: 75px;
}

.subscribe .right-block-subscr .topic-subscr {
    font-size: 24px;
    line-height: 40px;
    color: #000;
    font-weight: 700;
}

.subscribe .btn-subscr {
    margin-top: 50px;
}

.subscribe .btn-subscr.en {
    margin-top: 10px;
}

.subscribe .btn-subscr button {
    padding: 8px 16px;
    font-size: 17px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #586588;
    border-color: #586588;
    color: #fff;
}


.footer {
    background: #264655;
    color: #fff;
}

.footer-link {
    /* border-bottom: 1px dashed rgba(133, 178, 203, 0.5); */
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}

/* .footer-top .footer-link, */
.footer-phone a {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}

.footer-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px 0;
    border-bottom: 1px solid #375d6f;
    font-size: 15px;
}

.footer-top.mobile {
    display: none;
}

@media (max-width: 1199.9px) {
    .footer-top__item {
        flex: 0 0 33.3333%;
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .footer-top__item {
        flex: 0 0 50%;
    }
}

@media (max-width: 400px) {
    .footer-top__item {
        /*flex: 0 0 100%;*/
        text-align: center;
    }
}

.footer-top a {
    /* color: #85b2cb; */
    color: #fff;
}

.footer-top .footer-link:hover,
.footer-top .footer-link:focus,
.footer-phone a:hover,
.footer-phone a:focus {
    /* border-bottom: 1px solid #85b2cb; */
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

.footer-col-title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 17px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px 0;
}
.footer-partners-logo.mob{
    display: none;
}

.footer-partners-logo {
    border-top: 1px solid #375d6f;
    padding: 40px 0;
    text-align: left;
}

.footer-partners-logo .skolk {
    width: 15%;
    display: inline-block;
}
.footer-partners-logo .european{
display: inline-block;
    vertical-align: text-top;
    margin-bottom: 2px;
    width: 10%;
}

.footer-partners-logo .skolk img {
    margin-top: 27px;
}

.footer-partners-logo .histes {
    display: inline-block;
    width: 17%;
    text-align: center;
}

.footer-partners-logo .histes img {
    margin-top: 24px;
}

.footer-partners-logo .gm {
    display: inline-block;
    width: 30%;
    text-align: center;
}
.footer-partners-logo .etwinning{
display: inline-block;
    width: 10%;
    padding-left: 25px;
    vertical-align: text-top;
}

.footer-partners-logo .csta {
display: inline-block;
    width: 16%;
    text-align: right;
    margin-bottom: 30px;
}

.footer-partners-logo .gm .mob {
    display: none;
}

.footer-partners-logo .csta .mob {
    display: none;
}

.footer-partners-logo .sk {
    width: 50%;
}

.footer-partners-logo .cs {
    width: 13%;
}

.footer-partners-logo .fl-left {
    float: left;
    width: 50%;
}

.footer-partners-logo .fl-left img.skolk {
    float: left;
}

.footer-partners-logo .fl-right {
    float: right;
}

.footer-partners-logo .mg-left {
    margin-left: 9px;
}

.footer-content.ios {
    padding: 40px 0 20px;
}

.footer-content__text {
    flex: 0 0 66.6666%;
    padding-right: 40px;
    font-size: 14px;
    border-top: 1px solid #375d6f;
    padding-top: 40px;
}

.footer-content__text a {
    color: #ffffff;
}

.footer-content__text a:hover,
.footer-content__text span.license_footer {
    font-weight: bold;
}

.footer-social {
    margin: 0 0 15px;
    text-align: center;
    max-width: 375px;

}

@media (max-width: 1200px) {
    .footer-social {
        max-width: 575px;

    }
}

.footer-social__icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: no-repeat 0 0 / 35px 35px;
}

.footer-social__icon:first-child {
    margin-left: 0;
}

.footer-social__icon-linkedin {
    background-image: url("/upload/images/footer/soc_linkedin.svg");
}

.footer-social__icon-fb {
    background-image: url("/upload/images/footer/soc_facebook.svg");
}

.footer-social__icon-vk {
    background-image: url("/upload/images/footer/soc_vk.svg");
}

.footer-social__icon-inst {
    background-image: url("/upload/images/footer/soc_instagram.svg");
}

.footer-social__icon-tg {
    background-image: url("/upload/images/footer/soc_telegram_v2.svg");
}

.footer-social__icon-tg-kids {
    background-image: url("/upload/images/footer/soc_telegram_kids.svg");
}

.footer-social__icon-viber {
    background-image: url("/upload/images/footer/soc_VIBER.svg");
}

.footer-social__icon-whatsapp {
    background-image: url("/upload/images/footer/soc_WHATSAPP.svg");
}

.footer-social__icon-yt {
    background-image: url("/upload/images/footer/soc_youtube.svg");
}

.footer-social__icon-dzen {
    background-image: url("/upload/images/footer/soc_Y.ZEN.svg");
}

.footer-social__icon-rutube {
    background-image: url("/upload/images/footer/soc_RUTUBE_v2.svg");
}

.footer-social__icon-ok {
    background-image: url("/upload/images/footer/soc_OK.svg");
}

.footer-social__icon-vimeo {
    background-image: url("/upload/images/footer/soc_VIMEO.svg");
}

.footer-social__icon-ustart {
    background-image: url("/upload/images/footer/soc_USTART.svg");
}

.footer-social__icon-twitter {
    background-image: url("/upload/images/footer/soc_TWITTER.svg");
}

.footer-social__icon-flickr {
    background-image: url("/upload/images/footer/soc_FLICKR.svg");
}

.footer-buttons {
    text-align: right;
}

.footer-buttons .btn:first-child {
    margin: 0 0 15px;
}

.footer .btn {
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    margin: 0;
    padding: 14px 35px;
    border: 0;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    background: #00ba9f;
    box-shadow: 0 4px #009370;
    border-radius: 27px;
    color: #fff;
    cursor: pointer;
    transition: all .3s;
}

.footer .btn:hover,
.footer .btn:focus {
    transform: translateY(2px);
    box-shadow: 0 2px #009370;
}

.footer .btn-small {
    height: 38px;
    padding: 8px 20px;
    background: #0095b6;
    box-shadow: 0 4px #00667c;
    border-radius: 21px;
    color: #fff;
}

.footer .btn-small:hover,
.footer .btn-small:focus {
    box-shadow: 0 2px #00667c;
}

.footer .btn.btn-flat {
    height: 50px;
    padding: 14px 20px;
    transform: none;
    box-shadow: none;
}

.footer .footer-buttons__chat {
    background: #375d6f;
    color: #8cb3c6;
}

.footer-top .btn-small {
    margin-top: 15px;
}

.btn__icon-speech {
    display: inline-block;
    width: 28px;
    height: 24px;
    margin: -1px 0 -1px 1.2em;
    vertical-align: middle;
    background: url("/local/templates/coddy/css/../img/icon-speech-bubble.svg") no-repeat 0 0 / contain;
}

.footer-bottom {
    font-size: 14px;
    background: #385d6f;
    color: #96bed1;
}

.footer-bottom a {
    color: inherit;
    border-bottom-color: rgba(255, 255, 255, 0.5)
}

.footer-bottom .footer-link:hover,
.footer-bottom .footer-link:focus {
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

.footer-bottom__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 42px 0;
}

.footer-copyright {
    margin: 0;
}

.footer-menu {
    list-style: none;
    margin: 0;
}

.footer-menu li {
    display: inline-block;
}

.footer-menu li::before {
    content: "/";
    padding: 0 10px;
}

.footer-menu li:first-child:before {
    content: none;
}

@media (max-width: 1199.9px) {
    .footer-content__text {
        flex: 0 0 90% !important;
        padding-right: 30px;
    }

    .footer-partners-logo span {
        float: left;
        width: 100%;
        margin-bottom: 35px;
    }

    .footer-partners-logo .mob-version {
        display: flex;
        margin-left: calc(50% - 38px);
        margin-bottom: 15px;
    }

    .footer-partners-logo.desk{
        display: none;
    }
    .footer-partners-logo.mob{
        display: block;
    }
}

@media (max-width: 991.9px) {
    .footer-content__text {
        flex: 0 0 50%;
    }

    .footer-partners-logo span {
        float: left;
        width: 100%;
        margin-bottom: 35px;
    }

    .footer-partners-logo .mob-version {
        display: flex;
        margin-left: calc(50% - 38px);
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .footer-content__text {
        flex: 0 0 100%;
        padding: 0;
    }

    .footer-social,
    .footer-buttons {
        text-align: left;
    }

    .footer-copyright {
        margin-bottom: 15px;
    }

    .footer-content.ios {
        padding: 40px 0 10px;
    }

    .apple-business-chat-banner-container {
        width: 270px !important;
        margin: auto;
        display: table

    }

    .footer-partners-logo {
        padding: 0px;
    }
}

@media (max-width: 650px) {
    .footer-partners-logo {
        text-align: left;
    }

    .footer-partners-logo .mob-version {
        margin-left: 0px;
    }

    .footer-partners-logo .mg-left.csta, .footer-partners-logo .mg-left.google {
        margin-left: 0px;
    }

    .footer__fl .minobr_links p {
        margin-top: 0px;
    }

    .footer-content__text {
        padding-top: 0px;
        border-top: none;
    }

    .footer-social {
        margin: 0px;
    }

    .footer__fl {
        margin: 20px 0px 0px 0px;
    }

    .footer-top.desktop {
        display: none;
    }

    .footer-top.mobile {
        display: flex;
        padding: 40px 0px 0px 0px;
    }

    .footer-top.mobile .footer-top__item {
        text-align: left;
    }

    .footer-top.mobile .btn-small {
        margin-top: 0px;
    }
}

@media (max-width: 400px) {

    .footer-social__icon {
        width: 32px;
        height: 32px;
        margin-left: 0;
        margin-right: 14px;
        background-size: 32px 32px;
    }

    .footer-social__icon:last-child {
        margin-right: 0;
    }
    .footer-menu{
        padding-left: 0px;
    }

    .footer-menu li::before {
        content: none;
    }
}

@media (max-width: 400px) {
    .footer-social__icon {
        width: 32px;
        height: 32px;
        margin-left: 0;
        margin-right: 14px;
        background-size: 32px 32px;
    }

    .footer-social__icon:last-child {
        margin-right: 0;
    }

    .footer-menu li::before {
        content: none;
    }
}

@media (max-width: 359px) {
    .footer-social {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .footer-social__icon {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }

    .footer .btn {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* new footer */
.footer-social__icon {
    width: 35px;
    height: 35px;
}

.footer-social__icon img {
    width: 100%;
    height: 100%;
}

.footer-content {
    padding-bottom: 0;
    flex-direction: column-reverse;
}

.footer-social {
    max-width: 100%;
    text-align: left;
}

.footer__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-content__text {
    padding-right: 0;
}

.license_logo {
    height: 84px;
    margin: 0 30px 0 0;
}

.footer__oc {
    padding-bottom: 30px;
}

.footer__fl {
    margin: 20px 0;
    display: inline-block;
    align-items: normal;
    flex-shrink: 0;
    padding: 15px 0px;
}

.footer__fl .minobr_links, .footer__fl .mineconom, .footer__fl .top-franchise {
    display: inline-flex;
}
.footer__fl .mineconom{
    margin-right: 60px;
}
.footer__fl .minobr_links {
    min-width: 420px;
    margin-right: 60px;
}

.footer__fl .minobr_links p {
    margin-top: 12px;
}

.footer__fl .mineconom p {
    margin-top: 12px;
}

.footer__fl a {
    font-weight: 400;
    font-size: 14px;
}

.footer__fl .footer_information {
    margin-right: 0px;
}

.trustpilot-widget {
    float: none !important;
    margin: 0 !important;
    background: #385D6F !important;
    color: #fff;
}

@media (max-width: 1200px) {
    .trustpilot-widget {
        margin-top: 10px !important;
    }

    [data-academy-market] {
        margin-right: 7px;
        margin-left: 0px !important;
    }
    #informer {
        margin-right: 0px !important;
    }
    .footer__fl .top-franchise {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {

    .footer__sc {
        display: block;
    }

    .footer-content__text {
        margin-top: 20px;
    }

    .footer__fl .mineconom {
        margin-top: 15px;
    }

    .yandex-rating-badge {
        margin-top: 0px;
        margin-left: 0px;
    }

    .ih-reviews-block{
        margin-top: 10px;
    }

    [data-academy-market] {
        margin-left: 0px !important;
        margin-top: 15px !important;
    }

}

@media (max-width: 768px) {
    .footer-content__text {
        padding-top: 40px;
    }

    .yandex-rating-badge {
        margin-left: 0px;
    }
}

@media (max-width: 720px) {
    .trustpilot-widget {
        display: block;
        margin-top: 10px !important;
    }

    .footer-social {
        display: block;
    }
}

@media (max-width: 560px) {
    [data-academy-market] {
        margin-bottom: 5px;
    }

    .informer-coddy {
        margin-bottom: 3px;
    }

    .yandex-rating-badge {
        margin-bottom: 1px;
    }

    .footer__fl .minobr_links p {
        padding-right: 15px;
    }

    .footer-content__text {
        width: 100%;
        padding-top: 0px;
        margin-top: 0px;
    }
}
@media (max-width: 390px) {
    .footer__fl .mineconom{
        margin-right: 0px;
    }
}

/* end new footer */

.main-head {
    background-color: #2b4554;
    padding: 15px 0;
    width: 100%;
    z-index: 2000;
}

.main-head-block {
    position: relative;
    z-index: 10;
}

.main-head-block.fixed .main-head {
    top: -2px;
}

.main-head-block.fixed {
    position: fixed !important;
    top: 0 !important;
    width: 100%;
    z-index: 232;
    transition: margin 0s linear;
    /*margin-top: -130px;*/
}

@media only screen and (max-width: 992px) {
    .main-head-block.fixed {
        z-index: 228;
    }
}

.main-head.bottom {
    top: auto !important;
    bottom: 0;
    position: absolute !important;
}

.main-site-logo {
    padding-top: 5px;
}

.main-site-nav {
    text-align: right;
    padding-top: 4px;
}

.main-site-nav ul {
    padding-top: 10px;
    margin-bottom: 7px;
    font-size: 0;
}

.main-site-nav li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
}

.main-site-nav li .link, .main-site-nav li .link-out {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

.main-site-nav li .link:hover, .main-site-nav li .link-out:hover {
    color: #fff;
}

.main-site-nav li .fa {
    margin-left: 20px;
    color: #fff;
    font-size: 20px;
}

.toggle-mnu {
    display: block;
    width: 28px;
    height: 28px;
    margin-top: 4px;
}

.toggle-mnu span:after,
.toggle-mnu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
}

.toggle-mnu span:after {
    top: 18px;
}

.toggle-mnu span {
    position: relative;
    display: block;
}

.toggle-mnu span,
.toggle-mnu span:after,
.toggle-mnu span:before {
    width: 100%;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.toggle-mnu.on span {
    background-color: transparent;
}

.toggle-mnu.on span:before {
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
    -ms-transform: rotate(45deg) translate(-1px, 0px);
    transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
    -ms-transform: rotate(-45deg) translate(6px, -7px);
    transform: rotate(-45deg) translate(6px, -7px);
}

.toggle-mnu {
    display: block;
    width: 28px;
    height: 28px;
    margin-top: 4px;
}

.toggle-mnu span:after,
.toggle-mnu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
}

.toggle-mnu span:after {
    top: 18px;
}

.toggle-mnu span {
    position: relative;
    display: block;
}

.toggle-mnu span,
.toggle-mnu span:after,
.toggle-mnu span:before {
    width: 100%;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.toggle-mnu.on span {
    background-color: transparent;
}

.toggle-mnu.on span:before {
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
    -ms-transform: rotate(45deg) translate(-1px, 0px);
    transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
    -ms-transform: rotate(-45deg) translate(6px, -7px);
    transform: rotate(-45deg) translate(6px, -7px);
}

.toggle-mnu {
    display: block;
    width: 28px;
    height: 28px;
    margin-top: 4px;
}

.toggle-mnu span:after,
.toggle-mnu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
}

.toggle-mnu span:after {
    top: 18px;
}

.toggle-mnu span {
    position: relative;
    display: block;
}

.toggle-mnu span,
.toggle-mnu span:after,
.toggle-mnu span:before {
    width: 100%;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.toggle-mnu.on span {
    background-color: transparent;
}

.toggle-mnu.on span:before {
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
    -ms-transform: rotate(45deg) translate(-1px, 0px);
    transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
    -ms-transform: rotate(-45deg) translate(6px, -7px);
    transform: rotate(-45deg) translate(6px, -7px);
}

.mobile-nav {
    float: right;

}

.mobile-nav-menu .mobile-nav {
    margin-top: 6px;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .mobile-nav.mobile-nav-header {
        margin-top: 5px;
    }
}

.mobile-nav-menu {
    position: relative;
    top: 26px;
    z-index: 1030;
}

.mobile-nav-menu__list-wrapper {
    min-height: 100vh;
}

.mobile-nav-menu__title-header {
    display: none;
    margin: 0 20px;
    padding: 6px 0 25px;
    border-bottom: 1px solid #556a76;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.mobile-nav-menu__back {
    /*display: inline-block;*/
    float: left;
    width: 26px;
    height: 22px;
    margin: 2px 0 0;
    background: url("/images/arrow-back.webp") no-repeat 0 0;
    cursor: pointer;
}

.mobile-nav-menu .drop-down {
    padding: 0 20px;
}

.mobile-nav-menu .drop-down li {
    display: block;
}

.mobile-nav-menu > ul > .drop-down {
    /*display: none;*/
}

.mobile-nav-menu .link {
    display: block;
    padding: 15px 25px;
    border-top: 1px solid #e0e0e0;
    color: #fff;
    font-size: 13px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
}

.mobile-nav-menu .link-out {
    text-decoration: none;
    outline: none;
    color: #fff;
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px 25px;
    display: block;
    border-top: 1px solid #556a76;
}

.head-img {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-top: 0px;
}

.head-img:hover {
    transition: all 4s linear 0s;
}

.head-img img {
    height: 100%;
    position: relative;
    top: 0px;
    left: calc(50% - 1097px);
    display: none;
}

.head-img canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.after-topic {
    margin-bottom: 25px;
}

.after-topic img {
    max-width: 100%;
}

.container-news {
    padding: 0px 20px 30px;
}

.design-thoughts {
    padding: 20px 0px 30px 0px;
}

.design-thoughts ul, .design-thoughts ol {
    margin-left: 35px;
}

.design-thoughts.team-page {
    padding-bottom: 430px;
    background: url('/images/team/item-team-bg.webp') 100% 100% no-repeat #f6f6f6;
}

.design-thoughts.team-page .after-topic b, .design-thoughts.team-page .after-topic strong,
.design-thoughts.team-page .after-topic .title-topic-h2 {
    color: #3db39e;
    display: block;
    margin-top: 15px;
    font-weight: 700;
}

.text-topic-italic {
    font-style: italic;
}

.text-topic-bold {
    font-weight: bold;
}

.design-thoughts.team-page .after-topic br {
    display: none;
}

.design-thoughts .after-topic .thoughts2, .design-thoughts .after-topic .thoughts3, .design-thoughts .after-topic .thoughts5 {
    font-size: 15px;
    color: #000;
    line-height: 25px;
}

.design-thoughts .after-topic .thoughts4 {
    margin-left: 20px;
}

.design-thoughts .after-topic .thoughts4 li {
    font-size: 15px;
    color: #000;
    line-height: 25px;
    list-style-type: disc;
}

.design-thoughts.team-page .after-topic .prepod {
    float: right;
    margin: -60px 15px 15px 35px;
}

.design-thoughts.team-page .link {
    margin: 30px 0px 0px;
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    display: inline-block;
}

.design-thoughts.team-page .link:hover {
    top: 3px;
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

.design-thoughts.team-page .top-part {
    display: block;
}

@media only screen and (max-width: 767px) {
    .design-thoughts.team-page .topic .thoughts {
        margin-top: 220px;
    }

    .design-thoughts.team-page .after-topic .prepod {
        float: none;
        margin: -270px auto 70px;
        width: 200px;
    }
}

@media only screen and (max-width: 600px) {
    .design-thoughts.team-page {
        padding-bottom: 30px;
        background: #f6f6f6;
    }

    .design-thoughts.team-page .link {
        display: table;
        text-align: center;
        margin: 30px auto 0px;
    }
}

.block-wrapper-groups .center-btn .link.link2.regi-a {
    max-width: 334px;
}

.design-thoughts.news .after-topic img {
    max-width: 100%;
}

.design-thoughts.news {
    font-size: 16px;
}

.block-wrapper-groups {
    background-color: #f7f7f7;
    padding: 10px 20px 20px;
    margin: 0px 0px 10px;
}

.block-wrapper-groups.news {
    background: none;
    padding: 0px 0px 0px;
    margin: 0px 0px 0px;
}

.block-wrapper-groups .topic {
    font-weight: bold;
    color: #000;
    font-size: 15px;
    margin-bottom: 0px;
}

.block-wrapper-groups .topic.mt2 {
    margin-top: 20px;
}

.block-wrapper-groups .after-topic {
    font-size: 14px;
    color: #000;
}

.block-wrapper-groups .after-topic {
    font-size: 14px;
    color: #000;
}

.block-wrapper-groups .after-title,
.block-wrapper-groups .el_month .name_month {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 20px 0px 0px;
}

.block-wrapper-groups .el_month {
    margin: 0px 0px 0px;
}

.block-wrapper-groups .two-links {
    margin-top: 20px;
}

.block-wrapper-groups .two-links .link {
    font-size: 14px;
    text-decoration: none;
    outline: none;
    color: #526589;
    border-bottom: 1px solid #b1b7c5;
}

.btn-blue-color {
    width: 100%;
    max-width: 334px;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 14px 20px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(72, 90, 127);
    -webkit-box-shadow: 0 5px 0 #2c3649;
    box-shadow: 0 5px 0 #2c3649;
    cursor: pointer;
}

.btn-blue-color:hover {
    -webkit-box-shadow: 0 0px 0 #2c3649;
    box-shadow: 0 0px 0 #2c3649;
}

.course-programm {
    font-weight: bold;
    font-size: 22px;
    color: #000;
    margin-top: 0px;
}

.course-programm h2 {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    padding: 30px 0px 0px 0px;
    margin-bottom: 50px;
    margin-top: 0px;
}


.design-thoughts.team-page .inside-block .top-part {
    position: relative;
}

.our-courses.page-team .text_top_team {
    max-width: 550px;
    margin: auto;
    text-align: center;
    color: #2b4554;
}

.our-courses.page-team .inside-block .top-part .name-and-stuff {
    text-align: center;
    margin-top: 8px;
}

.inside-block .top-part .name-and-stuff .name {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.inside-block .top-part .name-and-stuff .name a {
    color: #2b4554;
}

.inside-block .top-part .name-and-stuff .who {
    font-size: 14px;
    color: #2b4554;
    margin: 0px;
    min-height: 80px;
    height: auto;
    line-height: 18px;
}

.our-courses.page-team .inside-block .top-part .imgs {
    border-radius: 50%;
    padding: 30px;
    width: 290px;
    height: 290px;
    margin: 20px auto 0px;
    position: relative;
}

.inside-block .top-part .imgs img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.our-courses.page-team .inside-block .top-part .imgs img {
    width: 100%;
    height: 100%;
    margin-right: 0px;
}

.our-courses.page-team .inside-block .top-part .imgs img.team_img {
    max-width: 260px;
    max-height: 260px;
    border: 15px solid #fdfdfd;
    box-shadow: 0px 0px 0px 15px #fbfbfb;
}

.our-courses.page-team .inside-block .top-part .imgs .arrow {
    background: url('/images/team/arrow.webp') 50% 50% no-repeat #fff;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    box-shadow: 1px 1px 13px 0px rgba(0, 0, 0, 0.13);
    position: absolute;
    top: 200px;
    left: 225px;
}

.our-courses.page-team .inside-block .top-part .imgs:hover {
    overflow: hidden;
    padding: 45px;
}

.our-courses.page-team .inside-block .top-part .imgs:hover .arrow {
    display: none;
}

.our-courses.page-team .inside-block .top-part .imgs:hover img.team_img {
    max-width: 230px;
    max-height: 230px;
    transition: all .4s cubic-bezier(.37, .26, .35, 1);
    transition: border 0s linear;
    animation: circleAn 4s infinite;
    border: 0px solid rgba(4, 147, 180, 1);
}

@keyframes circleAn {
    0% {
        box-shadow: 0px 10px 10px -25px rgba(0, 0, 0, 0.6),
        0px 0px 0px 0px rgba(4, 147, 180, 1),
        0px 0px 0px 0px rgba(4, 147, 180, .7),
        0px 0px 0px 0px rgba(4, 147, 180, .5);
    }
    100% {
        box-shadow: 0px 10px 10px -25px rgba(0, 0, 0, 0.6),
        0px 0px 0px 20px rgba(4, 147, 180, 0),
        0px 0px 0px 500px rgba(4, 147, 180, 0),
        0px 0px 0px 100px rgba(4, 147, 180, 0);
    }
}

.inside-block .links {
    margin-top: 15px;
}

.inside-block .links a {
    font-size: 15px;
    color: #526589;
    border-bottom: 1px solid #b1b7c5;
    line-height: 16px;
}

@media screen and (max-width: 768px) {
    .inside-block .links a {
        font-size: 15px;
    }
}

.mt-srow-special {
    margin-top: 40px;
}

.new-page-slide {
    margin-top: 0px;
}

.new-page-slide h2 {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    padding: 30px 0px 0px;
    margin-top: 0px;
}

.new-page-slide .main-site-slider .main-site-slider-items {
    width: calc(100% - 0px);
    padding: 0px 0px 0px 0px;
}

.new-page-slide .main-site-slider-items-strip {
    width: calc(100% - 0px);
}

.new-page-slide .main-site-slider-items-strip.loaded .main-site-slider-item {
    height: 100%;
}

.new-page-slide .main-site-slider-item .photo-slider-item {
    position: relative;
    width: 100%;
    height: 100%;
}

.new-page-slide .main-site-slider-item .photo-slider-item img {
    max-width: 100%;
    max-height: 500px;
    margin: 0px;
}

.new-page-slide .main-site-slider-items-strip.loaded .main-site-slider-item .photo-slider-item img {
    max-width: 100%;
    max-height: 500px;
    margin: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.new-page-slide .owl-item .slide {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.new-page-slide .owl-item .slide img {
    min-height: 200px;
    cursor: pointer;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 450px) {
    .new-page-slide .main-site-slider-items-strip.loaded .main-site-slider-item .photo-slider-item img {
        max-height: calc(100vh - 30px);
    }
}

.actual-bg {
    background-color: #f7f7f7;
    padding: 0px 0px 60px;
}

.actually-slider .owl-nav {
    position: relative;
    color: #bdbdbe;
    font-size: 50px;
    width: 100%;
    bottom: -43px;
    max-width: 140px;
    margin: 0 auto;
}

.actually-slider .owl-nav div {
    cursor: pointer;
    z-index: 50;
    position: absolute;
    bottom: -40px;
}

.actually-slider .owl-nav .owl-prev {
    left: 10px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
    width: 0;
    height: 0;
}

.actually-slider .owl-nav .owl-prev:hover {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.actually-slider .owl-nav .owl-next {
    right: 10px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
    width: 0;
    height: 0;
}

.actually-slider .owl-nav .owl-next:hover {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.num {
    position: relative;
    bottom: 38px;
    left: 0;
    max-width: 70px;
    margin: -7px auto;
    text-align: center;
    z-index: 1;
}

.col-md-3 {
    width: 25%;
}

.rocket-block {
    right: 0;
    position: absolute;
    opacity: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.rocket-block:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.rocket-block.fixed {
    position: fixed;
    bottom: 150px;
    right: 16px;
    opacity: 1;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    z-index: 1010;
}

.rocket-block.bottom {
    top: auto;
    bottom: 0;
    position: absolute;
}

.rocket-block .back-to-top {
    display: block;
    background-image: url("/local/templates/coddy/css/../img/rocket.png");
    background-repeat: no-repeat;
    padding: 28px 26px;
    background-position: center;
    text-decoration: none;
}

.rocket-block .back-to-top a {
    text-decoration: none !important;
    text-decoration: none;
}

.rocket-block .back-to-top p {
    transform: rotate(-90deg);
    color: #0484ac;
    position: relative;
    top: 70px;
    text-decoration: none !important;
}

.foot-text-left .cp-2 {
    margin-top: 20px;
    line-height: 25px;
}

.bottom-face-foot img, .block-vk-foot img {
    cursor: pointer;
}

/*==========  Desktop First Method  ==========*/
@media only screen and (max-width: 6200px) {
    .mobile-nav-menu {
        display: none;
    }

    .moon-sect .partners-mobile {
        display: none;
    }

    .mobile-blue {
        display: none;
    }

    .moon-sect .partners-mobile2 {
        display: none;
    }

    .language-ico {
        display: none;
    }
}

@media only screen and (max-width: 1630px) {
    .wrapper-sect-inside .block-left-gif img {
        width: 100%;
        height: auto;
        max-width: 617px;
    }

    .wrapper-sect-inside .block-right-text {
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 1400px) {
    .about-sub-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrapper-close {
        max-width: 1010px;
        margin: 0 auto;
    }

    .moon-sect .partners li img {
        width: 126px;
        height: 45px;
    }

    .moon-sect {
        background-position: center 0px;
    }

    .numbers .numb-wrapper {
        max-width: 900px;
    }

    .our-school .container {
        width: 970px;
    }

    .wrapper-imga-kids img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 1360px) {
    .what-we-teach .we-teach-topic .click-to-img {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1300px) {
    .portfolio-items {
        max-width: 939px;
        margin: 0 auto;
        margin-top: 35px;
    }
}

@media only screen and (max-width: 1270px) {
    .wrapper-sect-inside .block-left-gif img {
        max-width: 500px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .what-we-teach .we-teach-topic .click-to-img img {
        width: 100%;
        height: auto;
    }

    .moon-sect .partners li img {
        width: 126px;
        height: 45px;
    }

    .slider-main .comment {
        max-width: 600px;
        margin: 0 auto;
        line-height: 25px;
    }

    .slider-main .comment:before {
        top: -0.3125em;
        left: -0.9375em;
    }

    .wrapper-imga-kids img {
        width: 100%;
        height: auto;
    }

    .moon-sect {
        background-position: center -10px;
    }

    .numbers .numb-wrapper {
        max-width: 840px;
    }

    .info-about-us .social-icons li.last-two {
        margin-top: 10px;
    }

    .bottom-face-foot img, .block-vk-foot img {
        width: 100%;
        height: auto;
    }

    .main-site-nav {
        margin-right: 0px;
    }

    .wrapper-sect-inside .block-left-gif img {
        max-width: 480px;
    }

    .our-team-subsect {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

    .our-team-subsect .our-team-slider {
        max-width: 790px;
        margin: 0 auto;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .video-block {
        padding-top: 33px;
    }

    .wrapper-sect-inside {
        display: block;
    }

    .wrapper-sect-inside .block-left-gif {
        width: 100%;
    }

    .wrapper-sect-inside .block-right-text {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapper-sect-inside .text-about-coddy {
        margin: 0 auto;
    }

    .leave-review .cards-block {
        text-align: center;
        margin-right: 0px;
    }

    .leave-review .topic-card {
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
    }

    .leave-review .after-topic-card-text {
        text-align: center;
    }

    .center-btn {
        text-align: center;
    }

    .certificates .wrapper-present img {
        width: 100%;
        height: auto;
    }

    .certificates .wrapper-present .any-taste {
        margin-right: 20px;
    }

    .wrapper-imga-kids {
        text-align: center;
    }

    .moon-sect .partners li img {
        width: 87px;
        height: 31px;
    }

    .our-team-subsect .our-team-slider .owl-nav .owl-next {
        right: -15px;
    }

    .ta-center {
        text-align: center;
    }

    .any-questions .your-stuff-inp {
        max-width: 340px;
    }

    .subscribe .wrapper-gif-mail {
        text-align: center;
    }

    .subscribe .right-block-subscr {
        text-align: center;
    }

    .desc-nav {
        display: none;
    }

    .inside-block {
        margin-top: 40px;
    }

    .course-programm p {
        margin-bottom: 0px;
    }

    .course-programm {
        margin-top: 40px;
    }

    .wrapper-sect-inside .text-about-coddy {
        padding-right: 0px;
    }

    .leave-review .after-topic-card-text {
        padding-right: 0px;
    }

    .wrapper-imga-kids img {
        max-width: 400px;
    }

    .info-about-us .social-icons li.last-three {
        margin-top: 10px;
    }

    .dn-for-992 {
        display: none;
    }

    .about-sub-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .our-school .container {
        width: 750px;
    }

    .wrapper-sect-inside .block-left-gif img {
        max-width: none;
    }

    .language-ico {
        display: block;
        padding: 3px 8px;
    }

    .language-ico .fa {
        margin-left: 20px;
        color: #fff;
        font-size: 20px;
        padding-top: 10px;
        margin-right: 20px;
    }

    .main-site-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 787px) {
    /**/
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .wanna-be-better {
        padding-top: 20px;
    }

    .wrapper-imga-kids img {
        max-width: 300px;
    }

    .info-about-us {
        padding-top: 60px;
    }

    .info-about-us .numbs .numb:before {
        content: none;
    }

    .info-about-us .numbs .numb:before {
        content: none;
    }

    .info-about-us .adress li:before {
        content: none;
    }

    .info-about-us .numbs1 .number:before {
        content: none;
    }

    .info-about-us .numbs1 .link-li:before {
        content: none;
    }

    .info-about-us .numbs2:before {
        content: none;
    }

    .info-about-us .adress-again .link-li:before {
        content: none;
    }

    .any-questions {
        padding-left: 60px;
        padding-right: 60px;
    }

    .info-about-us .social-icons li.last-three {
        margin-top: 0px;
    }

    .info-about-us .social-icons li.last-two {
        margin-top: 0px;
    }

    .rocket-block {
        display: none;
    }

    .foot-text-left {
        text-align: left;
    }

    .moon-sect .partners li {
        display: block;
    }

    .moon-sect .partners li img {
        width: 203px;
        height: 73px;
    }

    .moon-sect .partners .mt-for-li {
        margin-top: 35px;
    }

    .info-about-us .some-links li:before {
        display: none;
    }

    .info-about-us .some-links li {
        margin-left: 0px;
    }

    #accordion .panel-heading a {
        line-height: 22px;
    }

    .our-school {
        display: none;
    }

    .our-school .col-md-6 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .leave-review {
        margin-top: 5px;
        margin-bottom: 0px;
        padding-bottom: 50px;
        padding-top: 80px;
    }

    .our-school {
        padding-bottom: 0px;
    }

    .our-school .container {
        width: auto;
    }

    .moon-sect .partners-mobile {
        display: block;
    }

    .moon-sect {
        padding-top: 40px;
    }

    .wanna-be-better {
        padding-top: 0px;
        padding-bottom: 100px;
    }

    .mobile-blue {
        display: block;
    }

    .mobile-blue p {
        font-size: 18px;
        color: #fff;
    }

    .dn-for-768 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .bottom-face-foot, .block-vk-foot {
        text-align: center;
    }

    .bottom-face-foot img, .block-vk-foot img {
        width: inherit;
        height: auto;
    }

    .tac-768 {
        text-align: center;
        padding-left: 60px;
        padding-right: 60px;
    }

    .inside-block {
        max-width: 340px;
        margin: 0 auto 30px;
    }

    .course-programm p {
        text-align: center;
        margin-bottom: 20px;
    }

    .block-vk-foot {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 765px) {
    #rocket-top .col-xs-12 {
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .video-block {
        background-image: none;
    }

    .moon-sect .partners li {
        margin: 20px 0px;
    }

    .moon-sect .partners ul {
        margin-bottom: 0px;
    }

    .our-team-subsect .our-team-slider .owl-nav .owl-next {
        right: 10px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 670px) {
    .certificates .wrapper-present {
        display: block;
        max-width: 312px;
    }

    .certificates .wrapper-present .any-taste {
        margin-right: 0px;
        margin-bottom: 40px;
    }

    .certificates .with-certificate-block .wrapper-inside-cerf-block {
        display: block;
    }

    .certificates .with-certificate-block .wrapper-inside-cerf-block .topic {
        text-align: center;
    }

    .certificates .with-certificate-block .wrapper-inside-cerf-block .under-topic {
        text-align: center;
    }
}

@media only screen and (max-width: 630px) {
    .subsect-btns .years-btns ul .list {
        display: block;
        margin-top: 10px;
    }

    .moon-sect .partners ul {
        max-width: 376px;
        margin: 0 auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 600px) {
    .video-block .link-play {
        top: 31%;
        left: 39%;
    }

    .wrapper-imga-kids img {
        width: 100%;
        height: auto;
    }

    .footer__fl {
        display: block;
    }

    .footer__fl .footer_information {
        margin-right: 0px;
        display: inline;
        margin-bottom: 10px;
    }

    .footer__fl img {
        margin-bottom: 15px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 530px) {
    .moon-sect .partners-mobile ul li img {
        width: 90px;
        height: 32px;
    }
}

@media only screen and (max-width: 520px) {
    .any-questions .your-stuff-inp {
        max-width: 100%;
    }

    .any-questions {
        padding-left: 0px;
        padding-right: 0px;
    }

    .carousel-slides .slide {
        padding: 0 0px !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 768px) {

    .portfolio-items .custom-pd {
        /*padding: 20px 20px 0;
      margin-bottom: 0px; */
    }

    .portfolio-items.mt-custon {
        margin-top: 0px;
    }

    .col-xs-w100 {
        width: 92%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .video-block .link-play img {
        width: 60px;
        height: 60px;
    }

    .tac-768 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 420px) {
    .leave-review .cards-block img {
        width: 100%;
        height: auto;
    }

    .any-questions .your-stuff-inp input, .any-questions .your-stuff-inp textarea {
        min-width: inherit;
        width: 100%;
    }

    .our-team-subsect .our-team-about-text {
        margin-top: 10px;
    }

    .bottom-face-foot img,
    .block-vk-foot img {
        width: 100%;
        height: auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 400px) {
    .moon-sect .partners-mobile2 {
        display: block;
    }

    .moon-sect .partners-mobile2 ul {
        text-align: center;
        margin: 0;
    }

    .moon-sect .partners-mobile2 li {
        display: inline-block;
        margin-top: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .moon-sect .partners-mobile2 li img {
        width: 90px;
        height: 32px;
    }

    .moon-sect .partners-mobile {
        display: none;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 390px) {
    .info-about-us .social-icons li.last-two {
        margin-top: 10px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 330px) {
    .our-team-subsect .our-team-slider .owl-nav .owl-prev {
        left: 0px;
    }

    .our-team-subsect .our-team-slider .owl-nav .owl-next {
        right: 0px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    /**/
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 310px) {
    /**/
}

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
    /**/
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
    /**/
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    /**/
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    /**/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    /**/
}

@media only screen and (min-width: 640px) {

    .portfolio-items .b-portfolio {
        flex: 0 0 50%;
    }

}

@media only screen and (max-width: 640px) {
    .portfolio-items .item-overlay {
        display: none;
    }

    .portfolio-items .item {
        cursor: pointer;
    }
}

@media only screen and (min-width: 992px) {

    .portfolio-items .b-portfolio {
        flex: 0 0 33%;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .b-course__icon {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

}

@media only screen and (min-width: 1350px) {
    .b-course__title {
        text-align: left;
    }

    .b-course__icon {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

}

/*NEW*/
.schedule-button a.link, .make-a-review .center-btn a.link, .leave-review .center-btn a.link,
.certificates .wrapper-btn-green .order-a-cerf, .your-stuff-inp #submit_comment, a.link, .button_submit {
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    font-size: 14px;
    padding: 14px 20px !important;
    margin: 0;
    position: relative;
    top: 0px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    font-weight: 700;
}

.schedule-button a.link.primary, a.link.primary {
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
}

a.link.primary.redbtn {
    background-color: #ff4500;
    -webkit-box-shadow: 0 5px 0 #e03c00;
    box-shadow: 0 5px 0 #e03c00;
}

a.link.primary.redbtn:hover {
    -webkit-box-shadow: 0 2px 0 #e03c00;
    box-shadow: 0 2px 0 #e03c00;
}

a.link.primary.burgbtn {
    background-color: #b22222;
    -webkit-box-shadow: 0 5px 0 #801919;
    box-shadow: 0 5px 0 #801919;
}

a.link.primary.burgbtn:hover {
    -webkit-box-shadow: 0 2px 0 #801919;
    box-shadow: 0 2px 0 #801919;
}

.schedule-button a.link.primary:hover, a.link.primary:hover {
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

.schedule-button a.link.submit, .button_submit {
    background-color: #0493b4;
    -webkit-box-shadow: 0 5px 0 #0484ac;
    box-shadow: 0 5px 0 #0484ac;
}

.schedule-button a.link.submit:hover, .button_submit:hover {
    top: 3px;
    -webkit-box-shadow: 0 2px 0 #0484ac;
    box-shadow: 0 2px 0 #0484ac;
}

.make-a-review .center-btn a.link {
    background-color: #FFF;
    color: #2c485d;
    -webkit-box-shadow: 0 5px 0 #999999;
    box-shadow: 0 5px 0 #999999;
}

.make-a-review .center-btn a.link:hover {
    -webkit-box-shadow: 0 2px 0 #999999;
    box-shadow: 0 2px 0 #999999;
}

.leave-review .center-btn a.link {
    background-color: #3e4f71;
    -webkit-box-shadow: 0 5px 0 #2c3649;
    box-shadow: 0 5px 0 #2c3649;
}

.leave-review .center-btn a.link:hover {
    -webkit-box-shadow: 0 2px 0 #2c3649;
    box-shadow: 0 2px 0 #2c3649;
}

.certificates .wrapper-btn-green {
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
}

.certificates .wrapper-btn-green:hover {
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

.wrapper-btn-blue {
    background-color: #0493b4;
    -webkit-box-shadow: 0 5px 0 #0484ac;
    box-shadow: 0 5px 0 #0484ac;
}

.wrapper-btn-blue:hover {
    -webkit-box-shadow: 0 2px 0 #0484ac;
    box-shadow: 0 2px 0 #0484ac;
}

.your-stuff-inp #submit_comment {
    background-color: rgb(61, 179, 158);
    border: 0px solid #000 !important;
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    max-width: 334px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.your-stuff-inp #submit_comment:hover {
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

@media screen and (max-width: 520px) {
    .your-stuff-inp #submit_comment {
        max-width: 100%;
    }
}

.moon-sect .topic, .moon-sect .topic a {
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
}

.comments-about-us .slide-content-block {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 70px;
}

.comments-about-us .owl-dots {
    overflow: hidden !important;
}

.comments-about-us .owl-dots .owl-dot {
    display: none;
}

.comments-about-us .owl-dots-block {
    position: relative !important;
    left: 0px;
}

.members-carousel .slick-list {
    margin-bottom: 0px !important;
}

.main-head .col-md-3 {
    width: 33%;
    padding-right: 0px;
}

.main-head .col-md-9 {
    width: 67%;
}

.main-site-logo {
    float: left;
}

.b-filter.all_courses .btn-filter:after, .b-filter.all_courses .btn-filter span:after,
.portfolio-items .hidden_city {
    display: none !important;
}

/* Filter styles  */

.b-form-search {
    margin-bottom: 30px;
    position: relative;
}

.b-form-search input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    background-color: white;
    border: 3px solid #0493b4;
    padding: 12px 22px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.b-form-search button[type="submit"] {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -13px;
    width: 24px;
    height: 25px;
    background: url("/bitrix/templates/coddy/components/bitrix/news.list/courses_list_new/images/btn-search.webp") no-repeat;
    cursor: pointer;
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
}

.b-form-search input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.b-form-search input[type="text"]:-ms-input-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.b-form-search input[type="text"]::-webkit-input-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.b-form-search input[type="text"]::-ms-expand {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.c-filter {
    position: relative;
}

.b-filter {
    margin-bottom: 10px;
    position: relative;
}

.b-filter:last-child {
    margin-bottom: 0;
}

.btn-filter {
    cursor: pointer;
    background-color: #0493b4;
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 18px;
    line-height: 18px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 -4px 0 2px #0484ac inset;
    position: relative;
}

.btn-filter:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #0494b4 transparent;
    transition: all .3s;
    opacity: 0;
}

.btn-filter span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.btn-filter span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6.5px 8px 6.5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: -20px;
    top: 6px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn-filter.active {
    background-color: #0484ac;
}

.btn-filter.active + .filter-options {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-filter.active:after {
    opacity: 1;
}

.btn-filter.active span:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.filter-options {
    width: 33.33%;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 10;
    transform-origin: top;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.b-filter .filter-options {
    left: 0px;
}

.b-filter:nth-child(2n) .filter-options {
    left: 33.33%;
}

.b-filter:nth-child(3n) .filter-options {
    left: 66.33%;
}

@media screen and (max-width: 1024px) {
    .b-filter .filter-options {
        left: 0px !important;
        width: 100%;
    }
}

.filter-options__inside {
    background-color: #0493b4;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 5px;
    margin-top: 9px;
}

.filter-options ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-options ul li a {
    display: block;
    color: white;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 30px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.filter-options ul li a:hover,
.filter-options ul li.active a {
    background-color: #0484ac;
}

.our-courses .filter-options ul li a {
    text-align: left;
    padding: 10px 50px;
}

/* End Filter styles  */

/* End Filter styles  */


@media only screen and (min-width: 640px) {


}

@media only screen and (min-width: 768px) {
    /* Filter styles  */
    .c-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-direction: horizontal;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .b-filter {
        flex: 0 0 33.33%;
        border-left: 1px solid #fff;
        margin-bottom: 0;
        position: static;
    }

    .header .b-filter {
        flex: 0 0 100%;
    }

    .b-filter:first-child {
        border-left: none;
    }

    .b-filter:first-child .btn-filter {
        -webkit-border-radius: 2em 0 0 2em;
        border-radius: 2em 0 0 2em;
    }

    .b-filter:last-child .btn-filter {
        -webkit-border-radius: 0 2em 2em 0;
        border-radius: 0 2em 2em 0;
    }

    .header .b-filter:last-child .btn-filter {
        -webkit-border-radius: 2em;
        border-radius: 2em;
    }

    .btn-filter {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    /*.b-filter:hover .btn-filter:after {
      opacity: 1;
    }

    .b-filter:hover .filter-options {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }

    .b-filter:hover .btn-filter span:after {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }*/
    /* End Filter styles  */
}

.c-filter.header {
    float: left;
    /*display: inline-block !important;*/
    margin-left: 25px;
}

.header .b-filter {
    min-width: 200px;
}

.header .b-filter .btn-filter {
    padding: 9px 35px 17px 17px !important;
    font-size: 16px !important;
}

header .filter-options {
    width: 100%;
    text-align: center;
}

.header .filter-options ul li a {
    font-size: 15px !important;
}

@media only screen and (max-width: 1199px) {
    .main-head .col-md-3 {
        width: 40%;
    }

    .main-head .col-md-9 {
        width: 60%;
    }
}

@media only screen and (max-width: 992px) {
    .main-head .col-md-3 {
        width: 70%;
    }

    .main-head .col-md-9 {
        width: 30%;
    }
}

@media only screen and (max-width: 530px) {
    .c-filter.header {
        margin-left: 0px;
        margin-top: 10px;
        margin-right: 25px;
    }
}

.error_courses_mess {
    display: none;
}

.members-carousel .member-desc {
    padding: 32px 0 5px;
}

.toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
    width: 10px;
    dispaly: none;
}

.toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

.switch {
    margin: 10px 0;
    position: relative;
}

#callbackFormBlock .switch {
    margin: 30px 0px;
    max-width: calc(100% - 130px);
}

#callbackFormBlock .switch.error {
    border: 1px solid red;
}

input.toggle-round {
    display: none;
}

input.toggle-round + label {
    padding: 2px;
    width: 80px;
    height: 40px;
    border-radius: 40px;
    position: relative;
}

#callbackFormBlock input.toggle-round + label {
    cursor: pointer;
}

input.toggle-round + label:before,
input.toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}

input.toggle-round + label:before {
    right: 1px;
    background-color: #0692b3;
    border-radius: 40px;
    transition: background 0.4s;
    height: 26px;
    margin-top: 6px;
}

#callbackFormBlock input.toggle-round + label:before {
    background-color: #b1b6b8;
}

input.toggle-round + label:after {
    width: 40px;
    background-color: #f18225;
    transition: background 0.4s;
    border-radius: 100%;
    transition: margin 0.4s;
}

input.toggle-round:checked + label:before {
    background-color: #f18225;
}

input.toggle-round:checked + label:after {
    margin-left: 40px;
    background-color: #0692b3;
}

.switch .mess_switch {
    width: 175px;
    position: absolute;
    top: 5px;
    right: 0px;
    font-weight: bold;
    font-size: 19px;
    text-align: right;
    color: #0692b3;
}

#callbackFormBlock .switch .mess_switch {
    width: auto;
    right: auto;
    left: 100px;
}

.switch.active .mess_switch {
    color: #f18225;
}

.switch .img_switch {
    width: 300px;
    height: 300px;
    position: absolute;
    top: -250px;
    right: -282px;
    opacity: 1;
    transition: opacity 0.4s;
}

.pay-form-block .switch {
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
}

.pay-form-block .switch .mess_switch {
    position: relative;
    width: calc(100% - 100px);
    text-align: left;
    color: #252525;
    font-size: 16px;
    margin-left: 20px;
    line-height: 24px;
}

.pay-form-block input.toggle-round + label {
    cursor: pointer;
}

.pay-form-block input.toggle-round + label:after {
    background-color: #3e4f71;
}

.pay-form-block input.toggle-round + label:before {
    border: 2px solid #0095b6;
    background-color: rgba(0, 0, 0, 0);
}

.pay-form-block input.toggle-round:checked + label:before {
    background-color: #0095b6;
}

@-webkit-keyframes img_switch {
    5% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    10% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    20% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
    30% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }
    40% {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
    }
    50% {
        -webkit-transform: translateX(-60px);
        transform: translateX(-60px);
    }
    60% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }
    20% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    80% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    90% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes img_switch {
    5% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    10% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    20% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
    30% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }
    40% {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
    }
    50% {
        -webkit-transform: translateX(-60px);
        transform: translateX(-60px);
    }
    60% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }
    20% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    80% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    90% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.switch.active .img_switch {
    -webkit-animation: img_switch 0.4s ease;
    animation: img_switch 0.4s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    opacity: 0;
}

.switch .img_switch img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 520px) {
    .switch .img_switch img {
        display: none;
    }
}

#info-about-us {
    padding-bottom: 70px;
}

form .input_checkbox {
    position: relative;
}

.cd-user-modal-success.error, .cd-user-modal-success.field_error {
    color: #ff4242;
}

.save_cookie.cd-user-modal {
    background: rgba(52, 54, 66, 0);
    z-index: 20000000 !important;
}

.save_cookie.cd-user-modal .cd-user-modal-container {
    position: fixed;
    bottom: 0px;
    width: 100%;
    max-width: 100%;
    border-radius: 0em;
    background: rgba(255, 255, 255, 0.8);
    margin: 0px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

.save_cookie.cd-user-modal .cd-user-modal-container .cd-form {
    text-align: center;
    padding: 2em 70px;
}

.save_cookie.cd-user-modal .cd-user-modal-container .cd-close-form {
    right: 20px;
    top: 20px;
    background: url("/bitrix/templates/coddy/img/cd-icon-close-black.svg") no-repeat center center;
}

#content, .main-foot {
    overflow: hidden;
}

@media screen and (max-width: 1279px) {
    .b-course__title, .b-course__price {
        font-size: 15px !important;
    }

    .b-course .b-course__desc {
        text-align: left;
    }
}

@media screen and (min-width: 1200px) {
    .owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 0px;
    }
}

@media screen and (max-width: 1140px) {
    #content {
        width: 100%;
        overflow: hidden;
    }
}

@media screen and (max-width: 992px) {
    .slider-main .comment, .slider-main .comment-owner {
        font-size: 16px;
    }

    .leave-review .topic-card {
        margin-bottom: 25px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 0px;
    }

    .header-wrapper {
        min-height: 77px;
    }
}

@media screen and (max-width: 950px) {
    .lang-text {
        display: none;
    }

    img.lang-key-new {
        margin-top: 5px;
    }

    .slider-main, .partners {
        padding-top: 30px;
    }

    .info-about-us {
        overflow-x: hidden;
    }

    .numbers .numb-wrapper .actual-numb {
        font-size: 62px;
        line-height: 62px;
    }
}

@media screen and (max-width: 800px) {
    .numbers .numb-wrapper .actual-numb {
        font-size: 45px;
        line-height: 45px;
    }

}

@media screen and (max-width: 768px) {
    section ul li {
        margin-left: 20px;
    }

    .filter-options__inside ul li {
        margin-left: 0px;
    }

    .info-about-us .numbs2 .number:before {
        background: unset;
    }

    .main-site-nav li {
        margin-left: 0px;
        list-style: none;
    }

    .moon-sect .partners li {
        display: inline-block !important;
    }

    .moon-sect .partners .mt-for-li {
        margin-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    .owl-carousel .owl-nav .owl-prev {
        left: 40px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 40px;
    }

    .b-course .b-course__title,
    .b-course .b-course__price {
        font-size: 15px;
    }

    .what-we-teach {
        display: none;
    }
}

@media screen and (max-width: 745px) {
    .numbers .numb-wrapper .actual-numb {
        font-size: 38px;
        line-height: 38px;
    }

    .numbers .numb-wrapper .after-numb-text {
        margin-top: 0px;
    }
}

@media screen and (max-width: 639px) {
    .owl-carousel .owl-nav .owl-prev {
        left: 20px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 20px;
    }
}

@media screen and (max-width: 530px) {
    section.info-about-us ul, section.info-about-us ul li {
        margin-left: 0px;
    }

    .header-wrapper {
        min-height: 95px;
    }

    .c-filter.header {
        left: 45%;
    }

    .slider-main-reviews .owl-nav {
        display: none;
    }

    .slider-main .comment {
        font-size: 16px;
    }

    .comments-about-us .slide-content-block {
        padding: 0px 0px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: 10px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 10px;
    }

    .moon-sect {
        padding-bottom: 0px;
    }

    .sumome-share-client-wrapper {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    .schedule-button a.link.submit, .schedule-button a.link.primary {
        width: calc(100% + 110px);
        max-width: 100vw;
        display: block;
        text-align: center;
        position: relative;
        left: -55px;
        font-size: 14px;
    }

    .comments-about-us .make-a-review .center-btn a.link {
        margin: 0 0px 20px;
        min-width: calc(100% + 0px);
        width: 100%;
    }

    .our-courses .link.primary {
        width: 100%;
        display: block;
    }

    .schedule-button a.link.submit {
        margin-top: 15px;
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 500px) {
    .schedule-button a.link {
        font-size: 12px;
        line-height: 18px;
    }

    .sumome-stylebufferbottom-shim, .sumome-share-client-wrapper {
        display: none !important;
    }

    #blinger-launcher-iframe {
        right: -20px !important;
        bottom: -20px !important;
    }

    .what-we-teach {
        padding-top: 30px;
    }

    .what-we-teach .we-teach-topic .topic {
        margin-bottom: 30px;
        background-position: 50% 0%;
    }

    .save_cookie.cd-user-modal .cd-user-modal-container .cd-form {
        padding: 50px 1.4em 1.4em;
    }

    .save_cookie.cd-user-modal .cd-user-modal-container .cd-close-form {
        top: 10px;
    }
}

@media screen and (max-width: 450px) {
    .schedule-button a.link {
        font-size: 11px;
        line-height: 16px;
        margin-right: 10px;
    }

    .c-filter.header {
        left: 40%;
    }

    .about-sub-container {
        margin: 20px 0px !important;
    }
}

@media screen and (max-width: 400px) {
    .c-filter.header {
        left: 35%;
    }

    .any-questions .your-stuff-inp .btn {
        max-width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .schedule-button a.link {
        font-size: 11px;
        line-height: 16px;
    }

    .c-filter.header {
        left: 30%;
    }

    .slider-main .comment {
        font-size: 14px;
    }

    .slider-main .comment-owner {
        font-size: 16px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 0px;
    }
}

/*NEW FAQ*/
.our-school .block_bubbles .item {
    display: table;
    width: 170px;
    height: 170px;
    background: url('/images/bubbles_bg.webp') 0% 0% no-repeat;
    background-size: cover;
    float: left;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    top: 0px;
    cursor: pointer;
    box-shadow: 0px 4px 16px rgba(48, 90, 96, 0.35);
    margin-bottom: 5px;

    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;

}

.our-school .block_bubbles .item:hover {
    background: url('/images/bubbles_bg_hover.webp') 0% 0% no-repeat;
    background-size: cover;
    box-shadow: 0px 4px 16px rgba(48, 90, 96, 0.6);
}

.our-school .block_bubbles .item.active {
    background: url('/images/bubbles_bg_active.webp') 0% 0% no-repeat;
    background-size: cover;
    box-shadow: 0px 4px 16px rgba(48, 90, 96, 0.6);
}

.our-school .block_bubbles .item .title_bubble {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
    word-break: break-word;
}

.our-school .block_bubbles .item .desc_bubble {
    display: none;
}

.our-school .desktop {
    display: block;
}

.our-school .mobile {
    display: none;
}

.our-school .block_answer {
    width: 300px;
    height: 214px;
    margin: 30px auto 0px;
    background: url('/images/bubbles_answer_bg.webp') 50% 0% no-repeat;
    background-size: auto 100%;
    padding: 0px 30px 30px 27px;
    display: table;
}

.our-school .block_answer div.block_middle {
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
}

.our-school .block_answer div.block_middle div.block_overflow {
    width: 100%;
    max-height: 111px;
    height: auto;
    overflow: hidden;
}

.our-school .block_answer div.block_middle div.block_overflow p,
.our-school .block_answer div.block_middle div.block_overflow ul {
    width: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.our-school .block_answer div.block_middle div.block_overflow ul {
    list-style: disc;
    text-align: left;
    margin: 5px 0px 5px 20px;
    width: calc(100% - 20px);
}

.our-school .block_answer div.block_middle div.block_overflow p a {
    color: #fff;
    text-decoration: underline;

}

.our-school .block_answer div.block_middle div.block_overflow p a:hover {
    text-decoration: none;

}

.our-school .block_answer .block_middle .block_overflow .block_text {
    position: relative;
}

.our-school .anim_bot {
    overflow: hidden;
    height: 355px;
}

.our-school .anim_bot video {
    height: 138%;
    position: relative;
    left: -90px;
    top: -95px;
}

#cd-data-processing {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 500px) {
    .sumome-stylebufferbottom-shim, .sumome-share-client-wrapper {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .our-school .info_block {
        padding-top: 40px;
        /*top: -340px;*/
        top: -300px;
        min-height: 235px;
        overflow: hidden;
    }

    .our-school .questions_block {
        /*top: 260px;*/
        top: 300px;
        padding: 0px 0px 10px 0px;
    }

    .our-school .topic-for-school {
        margin-bottom: 15px;
    }

    .our-school .block_bubbles {
        margin: 0;
        display: none;
    }

    .our-school .block_answer {
        height: 235px;
        background-size: 100% 100%;
        opacity: 0;
        position: relative;
    }

    .our-school .anim_bot {
        height: 235px;
        margin-top: -235px;
        position: relative;
        display: block;
    }

    .our-school .anim_bot video {
        top: -66px;
        left: 50%;
        margin-left: -216px;
    }

    .our-school .desktop {
        display: none;
    }

    .our-school .mobile {
        display: block;
    }

    .our-school .block_bubbles .slide-content-block {
        width: 100%;
        padding-top: 20px;
        height: 210px;
    }

    .our-school .block_bubbles .slide-content-block .item {
        margin-left: -80px;
        left: 50%;
    }

    .our-school .block_bubbles.owl-carousel .owl-nav {
        display: block;
    }

    .our-school .block_bubbles.owl-carousel .owl-nav .owl-next, .our-school .block_bubbles.owl-carousel .owl-nav .owl-prev {
        border-radius: 0px;
        width: 35px;
        height: 35px;
        top: calc(50% - 30px);
        display: block;
    }

    .our-school .block_bubbles.owl-carousel .owl-nav .owl-next {
        right: 20px;
    }

    .our-school .block_bubbles.owl-carousel .owl-nav .owl-prev {
        left: 20px;
    }

    .our-school .block_bubbles .owl-dots {
        width: 100%;
        text-align: center;
    }

    .our-school .block_bubbles .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        background-color: #d6d6d6;
        display: inline-block;
        margin: 0px 5px;
        cursor: pointer;
    }

    .block_bubbles .owl-dots .owl-dot.active {
        background-color: #3db39e;
    }

    .block_bubbles .owl-prev .arrow:after,
    .block_bubbles .owl-prev .arrow:before,
    .block_bubbles .owl-next .arrow:after,
    .block_bubbles .owl-next .arrow:before {
        background-color: #3db39e;
    }

    .block_bubbles .owl-prev .arrow .line,
    .block_bubbles .owl-next .arrow .line {
        background-color: #3db39e;
    }
}

@media screen and (min-width: 701px) {
    .our-school .block_bubbles {
        width: 100%;
        height: auto;
        margin: 60px 0px 0px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        border: 0px solid #ccc;
    }

    @-webkit-keyframes item_switch {
        0% {
            top: 0px;
        }
        25% {
            top: -12px;
        }
        50% {
            top: 0px;
        }
        75% {
            top: -12px;
        }
        100% {
            top: 0px;
        }
    }

    @keyframes item_switch {
        0% {
            top: 0px;
        }
        25% {
            top: -12px;
        }
        50% {
            top: 0px;
        }
        75% {
            top: -12px;
        }
        100% {
            top: 0px;
        }
    }
    .our-school .block_bubbles .item:hover {
        top: -12px;
    }

    .block_bubbles .item.active {
        top: -12px;
        animation: item_switch 2s infinite ease-out;
    }

    .our-school .block_bubbles .item_1 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_2 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_3 {
        width: 115px;
        height: 115px;
    }

    .our-school .block_bubbles .item_4 {
        width: 110px;
        height: 110px;
    }

    .our-school .block_bubbles .item_5 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_6 {
        width: 110px;
        height: 110px;
    }

    .our-school .block_bubbles .item_7 {
        width: 130px;
        height: 130px;
    }

    .our-school .block_bubbles .item_8 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_9 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_10 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_11 {
        width: 130px;
        height: 130px;
    }

    .our-school .block_bubbles .item_12 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_13 {
        width: 110px;
        height: 110px;
    }

    .our-school .block_bubbles .item_14 {
        width: 170px;
        height: 170px;
    }

    .our-school .block_bubbles .item_15 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_16 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_17 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_18 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_19 {
        width: 130px;
        height: 130px;
        margin-left: 10px;
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_20 {
        width: 130px;
        height: 130px;
        margin-left: 10px;
        margin-top: -110px;
    }

    .our-school .block_bubbles .item_21 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_22 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_23 {
        width: 155px;
        height: 155px;
    }

    .our-school .block_bubbles .item_24 {
        width: 110px;
        height: 110px;
    }

    .our-school .block_bubbles .item_25 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_26 {
        width: 170px;
        height: 170px;
    }

    .our-school .block_bubbles .item_27 {
        width: 130px;
        height: 130px;
    }

    .our-school .block_bubbles .item_28 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_29 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_30 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_31 {
        width: 130px;
        height: 130px;
    }

    .our-school .block_bubbles .item_32 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_33 {
        width: 110px;
        height: 110px;
    }

    .our-school .block_bubbles .item_34 {
        width: 170px;
        height: 170px;
    }

    .our-school .block_bubbles .item_35 {
        width: 105px;
        height: 105px;
    }

    .our-school .block_bubbles .item_36 {
        width: 145px;
        height: 145px;
    }

    .our-school .block_bubbles .item_37 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_38 {
        width: 120px;
        height: 120px;
    }

    .our-school .block_bubbles .item_39 {
        width: 130px;
        height: 130px;
        margin-left: 10px;
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_40 {
        width: 130px;
        height: 130px;
        margin-left: 10px;
        margin-top: -110px;
    }
}

@media screen and (min-width: 701px) and (max-width: 991px) {
    .our-school .questions_block {
    }

    .our-school .info_block {
        padding-top: 20px;
    }

    .our-school .anim_bot {
        overflow: hidden;
        height: 235px;
        position: relative;
    }

    .our-school .anim_bot video {
        height: 138%;
        position: relative;
        top: -70px;
        left: 50%;
        margin-left: -217px;
    }

    .our-school .block_answer {
        position: relative;
    }

    .our-school .desktop {
        display: none;
    }

    .our-school .mobile {
        display: block;
    }

    .our-school .block_bubbles {
        margin: 20px 0px 0px;
    }

    .our-school .block_bubbles .item_1 {
        margin-left: 12px;
        margin-top: 75px;
    }

    .our-school .block_bubbles .item_3 {
        margin-top: 60px;
    }

    .our-school .block_bubbles .item_4 {
        margin-top: 10px;
        margin-right: 7px;
    }

    .our-school .block_bubbles .item_5 {
        margin-top: 35px;
    }

    .our-school .block_bubbles .item_6 {
        margin-top: 10px;
        margin-left: 25px;
    }

    .our-school .block_bubbles .item_7 {
        margin-top: -65px;
        margin-left: -6px;
    }

    .our-school .block_bubbles .item_8 {
        margin-top: -7px;
        margin-left: -7px;
    }

    .our-school .block_bubbles .item_9 {
        margin-top: -65px;
        margin-left: -12px;
    }

    .our-school .block_bubbles .item_10 {
        margin-top: -30px;
    }

    .our-school .block_bubbles .item_11 {
        margin-top: -10px;
    }

    .our-school .block_bubbles .item_12 {
        margin-top: -65px;
        margin-left: -4px;
    }

    .our-school .block_bubbles .item_13 {
        margin-top: -50px;
        margin-left: 115px;
    }

    .our-school .block_bubbles .item_14 {
        margin-top: -10px;
        margin-left: 3px;
    }

    .our-school .block_bubbles .item_15 {
        margin-top: -64px;
        margin-left: 110px;
    }

    .our-school .block_bubbles .item_16 {
        margin-top: -120px;
        margin-left: 29px;
    }

    .our-school .block_bubbles .item_17 {
        margin-top: -60px;
        margin-left: -4px;
    }

    .our-school .block_bubbles .item_18 {
        margin-top: -30px;
        margin-left: 190px;
    }

    .our-school .block_bubbles .item_19 {
        margin-left: 180px;
        margin-top: -40px;
    }

    .our-school .block_bubbles .item_21 {
        margin-top: 5px;
    }

    .our-school .block_bubbles .item_23 {
        margin-top: 60px;
    }

    .our-school .block_bubbles .item_24 {
        margin-top: 10px;
        margin-right: 7px;
    }

    .our-school .block_bubbles .item_25 {
        margin-top: 35px;
    }

    .our-school .block_bubbles .item_26 {
        margin-top: 10px;
        margin-left: 25px;
    }

    .our-school .block_bubbles .item_27 {
        margin-top: -65px;
        margin-left: -6px;
    }

    .our-school .block_bubbles .item_28 {
        margin-top: -7px;
        margin-left: -7px;
    }

    .our-school .block_bubbles .item_29 {
        margin-top: -65px;
        margin-left: -12px;
    }

    .our-school .block_bubbles .item_30 {
        margin-top: -30px;
    }

    .our-school .block_bubbles .item_31 {
        margin-top: -10px;
    }

    .our-school .block_bubbles .item_32 {
        margin-top: -65px;
        margin-left: -4px;
    }

    .our-school .block_bubbles .item_33 {
        margin-top: -40px;
        margin-left: 105px;
    }

    .our-school .block_bubbles .item_34 {
        margin-top: -10px;
        margin-left: 3px;
    }

    .our-school .block_bubbles .item_35 {
        margin-top: -64px;
        margin-left: 110px;
    }

    .our-school .block_bubbles .item_36 {
        margin-top: -120px;
        margin-left: 29px;
    }

    .our-school .block_bubbles .item_37 {
        margin-top: -60px;
        margin-left: -4px;
    }

    .our-school .block_bubbles .item_38 {
        margin-top: -30px;
        margin-left: 190px;
    }

    .our-school .block_bubbles .item_39 {
        margin-left: 180px;
        margin-top: -40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 992px) {
    .our-school .anim_bot video {
        left: -180px;
    }

    .our-school .block_bubbles {
        height: auto;
        margin: 0px 0px 0px;
    }

    .our-school .block_bubbles .item_1 {
        margin-left: 12px;
        margin-top: 75px;
    }

    .our-school .block_bubbles .item_2 {

    }

    .our-school .block_bubbles .item_3 {
        margin-top: 60px;
    }

    .our-school .block_bubbles .item_4 {
        margin-top: 10px;
        margin-left: 30px;
    }

    .our-school .block_bubbles .item_5 {
        margin-top: -60px;
    }

    .our-school .block_bubbles .item_6 {

    }

    .our-school .block_bubbles .item_7 {
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_8 {
        margin-top: -45px;
        margin-left: 5px;
    }

    .our-school .block_bubbles .item_9 {
        margin-left: 7px;
    }

    .our-school .block_bubbles .item_10 {
        margin-top: -30px;
        margin-left: 100px;
    }

    .our-school .block_bubbles .item_11 {
        margin-top: -5px;
        margin-left: 30px;
    }

    .our-school .block_bubbles .item_12 {
        margin-top: -25px;
    }

    .our-school .block_bubbles .item_13 {
        margin-left: 20px;
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_14 {
        margin-left: 27px;
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_15 {
        margin-top: -110px;
        margin-left: 100px;
    }

    .our-school .block_bubbles .item_16 {
        margin-left: -180px;
    }

    .our-school .block_bubbles .item_17 {
        margin-left: 0px;
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_18 {
        margin-top: -15px;
        margin-left: 20px;
    }

    .our-school .block_bubbles .item_19 {
        margin-left: 16px;
        margin-top: -30px;
    }

    .our-school .block_bubbles .item_20 {
        width: 130px;
        height: 130px;
        margin-left: 30px;
        margin-top: -0px;
    }

    .our-school .block_bubbles .item_21 {
        margin-left: 12px;
        margin-top: 75px;
    }

    .our-school .block_bubbles .item_22 {

    }

    .our-school .block_bubbles .item_23 {
        margin-top: 60px;
    }

    .our-school .block_bubbles .item_24 {
        margin-top: 10px;
        margin-left: 30px;
    }

    .our-school .block_bubbles .item_25 {
        margin-top: -60px;
    }

    .our-school .block_bubbles .item_26 {

    }

    .our-school .block_bubbles .item_27 {
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_28 {
        margin-top: -45px;
        margin-left: 5px;
    }

    .our-school .block_bubbles .item_29 {
        margin-left: 7px;
    }

    .our-school .block_bubbles .item_30 {
        margin-top: -30px;
        margin-left: 100px;
    }

    .our-school .block_bubbles .item_31 {
        margin-top: -5px;
        margin-left: 30px;
    }

    .our-school .block_bubbles .item_32 {
        margin-top: -25px;
    }

    .our-school .block_bubbles .item_33 {
        margin-left: 20px;
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_34 {
        margin-left: 27px;
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_35 {
        margin-top: -110px;
        margin-left: 100px;
    }

    .our-school .block_bubbles .item_36 {
        margin-left: -180px;
    }

    .our-school .block_bubbles .item_37 {
        margin-left: 0px;
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_38 {
        margin-top: -15px;
        margin-left: 20px;
    }

    .our-school .block_bubbles .item_39 {
        margin-left: 16px;
        margin-top: -30px;
    }

    .our-school .block_bubbles .item_40 {
        width: 130px;
        height: 130px;
        margin-left: 30px;
        margin-top: -0px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1400px) {
    .our-school .block_bubbles {
        height: auto;
        margin: 0px 0px 0px;
    }

    .our-school .block_bubbles.ru {
        height: auto;
    }

    .our-school .block_bubbles .item_1 {
        margin-left: 12px;
        margin-top: 75px;
    }

    .our-school .block_bubbles .item_2 {

    }

    .our-school .block_bubbles .item_3 {
        margin-top: 60px;
    }

    .our-school .block_bubbles .item_4 {
        margin-top: 10px;
        margin-right: 7px;
    }

    .our-school .block_bubbles .item_5 {
        margin-left: 45px;
    }

    .our-school .block_bubbles .item_6 {
        margin-top: -65px;
        margin-left: -15px;
    }

    .our-school .block_bubbles .item_7 {
        margin-top: -10px;
    }

    .our-school .block_bubbles .item_8 {
        margin-top: -70px;
    }

    .our-school .block_bubbles .item_9 {
        margin-top: 20px;
    }

    .our-school .block_bubbles .item_10 {
        margin-top: 10px;
        margin-left: 22px;
    }

    .our-school .block_bubbles .item_11 {
        margin-top: -33px;
        margin-left: 144px;
    }

    .our-school .block_bubbles .item_12 {
        margin-top: 0px;
        margin-left: 65px;
    }

    .our-school .block_bubbles .item_13 {
        margin-top: -140px;
        margin-left: 100px;
    }

    .our-school .block_bubbles .item_14 {
        margin-left: -30px;
        margin-top: -40px;
    }

    .our-school .block_bubbles .item_15 {
        margin-top: 10px;
        margin-left: 10px;
    }

    .our-school .block_bubbles .item_16 {
        margin-top: -130px;
        margin-left: 80px;
    }

    .our-school .block_bubbles .item_17 {
        margin-top: -30px;
        margin-left: 30px;
    }

    .our-school .block_bubbles .item_18 {
        margin-top: -90px;
        margin-left: 365px;
    }

    .our-school .block_bubbles .item_19 {
        margin-left: 30px;
        margin-top: -20px;
    }

    .our-school .block_bubbles .item_20 {
        margin-left: 30px;
        margin-top: -25px;
    }

    .our-school .block_bubbles .item_21 {
        margin-left: 12px;
        margin-top: 13px;
    }

    .our-school .block_bubbles .item_22 {
        margin-left: 120px;
        margin-top: -50px;
    }

    .our-school .block_bubbles .item_23 {
        margin-top: -20px;
    }

    .our-school .block_bubbles .item_24 {
        margin-top: -100px;
        margin-left: 17px;
    }

    .our-school .block_bubbles .item_25 {
        margin-left: 5px;
        margin-top: -40px;
    }

    .our-school .block_bubbles .item_26 {
        margin-top: 25px;
        margin-left: 25px;
    }

    .our-school .block_bubbles .item_27 {
        margin-top: -170px;
    }

    .our-school .block_bubbles .item_28 {
        margin-top: -90px;
        margin-left: 0px;
    }

    .our-school .block_bubbles .item_29 {
        margin-top: 10px;
    }

    .our-school .block_bubbles .item_30 {
        margin-top: -140px;
        margin-left: 0px;
    }

    .our-school .block_bubbles .item_31 {
        margin-top: -33px;
        margin-left: 94px;
    }

    .our-school .block_bubbles .item_32 {
        margin-top: 0px !important;
        margin-left: 65px;
    }

    .our-school .block_bubbles .item_33 {
        margin-top: -120px !important;
        margin-left: 70px;
    }

    .our-school .block_bubbles .item_34 {
        margin-left: -30px !important;
        margin-top: -20px !important;
    }

    .our-school .block_bubbles .item_35 {
        margin-top: 0px !important;
        margin-left: 10px;
    }

    .our-school .block_bubbles .item_36 {
        margin-top: 10px !important;
        margin-left: 100px;
    }

    .our-school .block_bubbles .item_37 {
        margin-top: 10px !important;
        margin-left: 20px;
    }

    .our-school .block_bubbles .item_38 {
        margin-top: -100px;
        margin-left: 125px;
    }

    .our-school .block_bubbles .item_39 {
        margin-left: 10px;
        margin-top: 20px !important;
    }

    .our-school .block_bubbles .item_40 {
        margin-left: 30px;
        margin-top: -90px;
    }
}

@media screen and (min-width: 1401px) {
    .our-school .block_bubbles .item_1 {
        margin-left: 12px;
        margin-top: 75px;
    }

    .our-school .block_bubbles .item_3 {
        margin-top: 60px;
    }

    .our-school .block_bubbles .item_4 {
        margin-top: 10px;
        margin-right: 7px;
    }

    .our-school .block_bubbles .item_5 {
        margin-top: 35px;
    }

    .our-school .block_bubbles .item_6 {
        margin-top: 10px;
        margin-left: 25px;
    }

    .our-school .block_bubbles .item_7 {
        margin-top: -65px;
        margin-left: -6px;
    }

    .our-school .block_bubbles .item_8 {
        margin-top: -7px;
        margin-left: -7px;
    }

    .our-school .block_bubbles .item_9 {
        margin-top: -65px;
        margin-left: -12px;
    }

    .our-school .block_bubbles .item_10 {
        margin-top: -30px;
    }

    .our-school .block_bubbles .item_11 {
        margin-top: 22px;
    }

    .our-school .block_bubbles .item_12 {
        margin-top: -65px;
        margin-left: -4px;
    }

    .our-school .block_bubbles .item_13 {
        margin-top: -60px;
        margin-left: 110px;
    }

    .our-school .block_bubbles .item_14 {
        margin-top: 10px;
        margin-left: -11px;
    }

    .our-school .block_bubbles .item_15 {
        margin-top: -75px;
        margin-left: 110px;
    }

    .our-school .block_bubbles .item_16 {
        margin-top: -140px;
        margin-left: 29px;
    }

    .our-school .block_bubbles .item_17 {
        margin-top: 20px;
        margin-left: -120px;
    }

    .our-school .block_bubbles .item_18 {
        margin-top: 5px;
        margin-left: 40px;
    }

    .our-school .block_bubbles .item_19 {
        margin-left: 10px;
        margin-top: -100px;
    }

    .our-school .block_bubbles .item_20 {
        margin-left: 10px;
        margin-top: -50px;
    }

    .our-school .block_bubbles .item_21 {
        margin-top: 5px;
    }

    .our-school .block_bubbles .item_22 {
        margin-top: 5px;
        margin-left: 20px;
    }

    .our-school .block_bubbles .item_23 {
        margin-top: -60px;
        margin-left: 50px;
    }

    .our-school .block_bubbles .item_24 {
        margin-top: -15px;
        left: 10px;
    }

    .our-school .block_bubbles .item_25 {
        margin-top: 5px;
        margin-left: 20px;
    }

    .our-school .block_bubbles .item_26 {
        margin-top: -10px;
        margin-left: 20px;
    }

    .our-school .block_bubbles .item_27 {
        margin-top: -40px;
        margin-left: 0px;
    }

    .our-school .block_bubbles .item_28 {
        margin-top: -67px;
        margin-left: 17px;
    }

    .our-school .block_bubbles .item_29 {
        margin-top: 5px;
        margin-left: 0px;
    }

    .our-school .block_bubbles .item_30 {
        margin-top: 0px;
        margin-left: 20px;
    }

    .our-school .block_bubbles .item_31 {
        margin-top: -22px;
        margin-left: 35px;
    }

    .our-school .block_bubbles .item_32 {
        margin-top: -45px;
        margin-left: 14px;
    }

    .our-school .block_bubbles .item_33 {
        margin-top: 5px;
        margin-left: 0px;
    }

    .our-school .block_bubbles .item_34 {
        margin-top: 10px;
        margin-left: 15px;
    }

    .our-school .block_bubbles .item_35 {
        margin-top: -15px;
        margin-left: 10px;
    }

    .our-school .block_bubbles .item_36 {
        margin-top: -50px;
        margin-left: 30px;
    }

    .our-school .block_bubbles .item_37 {
        margin-top: -40px;
        margin-left: 20px;
    }

    .our-school .block_bubbles .item_38 {
        margin-top: 15px;
        margin-left: 10px;
    }

    .our-school .block_bubbles .item_39 {
        margin-left: 10px;
        margin-top: -10px;
    }

    .our-school .block_bubbles .item_40 {
        margin-left: 30px;
        margin-top: -20px;
    }
}

@media screen and (max-width: 700px) {
    .our-school .block_bubbles .item {
        width: 170px !important;
        height: 170px !important;
    }

    .our-school .block_bubbles {
        height: 250px !important;
        max-height: auto;
    }
}

@media screen and (max-width: 460px) {
    .our-school .questions_block {
        top: 320px;
    }
}

/*END NEW FAQ*/


/*NEW NEWS AND HEADER*/
.main-site-nav li {
    padding-left: 7px;
    padding-right: 7px;
}

.main-site-nav li .link,
.main-site-nav li .link-out,
a.lang .lang-text {
    font-size: 14px;
    font-weight: 700;
}

.main-site-nav ul ul .link-out {
    font-weight: 400;
}

.contacts-phone {
    display: none;
    vertical-align: middle;
    text-align: center;
    margin: 6px 0 0 12px;
}

.contacts-phone__number {
    line-height: 17px;
}

.contacts-phone__number a {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
}

.contacts-phone__link {
    line-height: 13px;
}

.contacts-phone__link a {
    font-size: 12px;
    color: #0493b4;
    text-decoration: underline;
}

.contacts-phone__link a:hover {
    color: #337ab7;
    text-decoration: none;
}


.mobile-nav-menu .contacts-phone {
    display: inline-block;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 12px 20px;
}

@media (max-width: 767px) {
    .mobile-nav-menu .contacts-phone {
        padding-bottom: 0;
    }
}

.mobile-nav-menu .contacts-phone__number,
.mobile-nav-menu .contacts-phone__link {
    margin: 0;
}

.mobile-nav-menu .contacts-phone__number a {
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 767px) {
    .mobile-nav-menu .contacts-phone__number,
    .mobile-nav-menu .contacts-phone__link {
        margin-bottom: 15px;
    }
}

.b-checkbox {
    margin-bottom: 12px;
    text-transform: uppercase;
    position: relative;
}

.b-checkbox input[type="checkbox"] {
    position: absolute;
    left: -999em;
    top: 0;
}

.b-checkbox input[type="checkbox"]:checked + label:before {
    background-size: 16px auto;
}

.b-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 26px;
}

.b-checkbox label:before {
    content: "";
    border: 1px solid #d2d8d8;
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff url('/images/ccheck.webp') no-repeat 50% 50% / 0 auto;
    -webkit-transition: all .3s;
    transition: all .3s;
    left: 0;
    top: 2px;
}

.b-title {
    text-transform: uppercase;
    margin-bottom: 14px;
    font-weight: 700;
}

.sidebar-categories-list {
    margin: 0px 20px 50px;
}

.sidebar-categories-list .btn-green-color {
    margin-left: 0;
    margin-right: 0;
    display: block;
}

.btn-green-color.mobi {
    margin-top: 25px;
}

.b-event {
    overflow: hidden;
    margin-bottom: 50px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-left: 0px;
    margin-right: 0px;
    text-decoration: none;
    color: #333;
}

.design-thoughts .b-event {
    margin-bottom: 10px;
}

.b-event__image {
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    flex: 0 0 100%;
}

section.our-news .b-event__image {
    max-height: 220px;
}

.b-event__body {
    flex: 0 0 100%;
    background-color: #b3d9e6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    text-decoration: none;
    color: #333;
}

section.our-news .b-event__body {
    min-height: 200px;
}

.b-event__body > * {
    flex: 0 0 100%;
    text-decoration: none;
    color: #333;
    max-width: 100%;
}

.b-event__body .b-event__text {
    word-wrap: break-word;
}

.b-event__body .b-event__info {
    position: absolute;
    top: 30px;
}

.b-event__body .b-event__date {
    position: absolute;
    top: 28px;
    right: 30px;
    margin: 5px 0px 0px 0px;
    font-size: 16px;
}

.b-event__body .b-event__date.main_page {
    position: absolute;
    top: 0px;
    right: 2px;
    font-size: 16px;
}

#our-news .b-event__body .b-event__info {
    position: relative;
    top: auto;
    margin: 10px 0px 0px 0px;
}

@media screen and (max-width: 768px) {
    .news_page .b-event__body .b-event__info,
    .design-thoughts .b-event__body .b-event__info {
        right: 10px;
        bottom: 15px;
        top: auto;
    }

    .design-thoughts .b-event__body .b-event__info {
        left: 22px;
    }

    .news_page .b-event__body .b-event__date {
        left: 20px;
        bottom: 14px;
        top: auto;
        width: 100px;
    }

    .design-thoughts .b-event__body .b-event__date {
        bottom: 15px;
        top: auto;
    }

    .news_page {
        font-size: 16px;
    }

    .news_page .b-event__body,
    .design-thoughts .b-event__body {
        padding-bottom: 50px;
    }

    .b-event__body .b-event__info .b-event__share_list {
        bottom: 25px;
    }

    .b-event__body .b-event__info .b-event__share_list.active {
        width: auto;
    }
}

.b-event__body .b-event__info .b-event__show,
.b-event__body .b-event__info .b-event__like,
.b-event__body .b-event__info .b-event__share {
    min-width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0px 0px 0px 26px;
    margin: 4px 10px 0px 0px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    top: 0px;
}

.b-event__body .b-event__info .b-event__share {
    padding-left: 20px;
}

.b-event__body .b-event__info .b-event__share:hover,
.b-event__body .b-event__info .b-event__like:hover {
    opacity: 0.5;
    cursor: pointer;
}

.b-event__body .b-event__info .b-event__share_list {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #fff;
    margin: 7px 0px 0px 110px;
    border-radius: 5px;
    min-width: 170px;
}

.b-event__body .b-event__info .b-event__share_list.active {
    display: block;
}

.b-event__share_list .share_item {
    display: block;
    text-decoration: none;
    color: #000;
    margin: 7px;
}

.share_item .share_item_vk {
    background: url('/images/vk.webp') 0% 50% no-repeat;
    background-size: auto 18px;
    padding-left: 25px;
}

.share_item .share_item_tm {
    background: url('/images/telegram.webp') 0% 50% no-repeat;
    background-size: auto 18px;
    padding-left: 25px;
}

.share_item .share_item_cp {
    background: url('/images/copy_link2.webp') 0% 50% no-repeat;
    background-size: auto 18px;
    padding-left: 25px;
}

.b-event__body .b-event__info .b-event__show.null,
.b-event__body .b-event__info .b-event__like.null {
    position: relative;
    top: 4px;
    margin: 0px 10px 0px 0px;
}

.b-event__body .b-event__info .b-event__show {
    background: url('/images/show.webp') 0% 50% no-repeat;
    background-size: auto 15px;
}

.b-event__body .b-event__info .b-event__share {
    background: url('/images/share2.webp') 0% 70% no-repeat;
    background-size: auto 17px;
}

.b-event__body .b-event__info .b-event__like {
    background: url('/images/like.webp') 0% 50% no-repeat;
    background-size: auto 20px;
    padding: 0px 0px 0px 21px;
    cursor: pointer;
}

.b-event__body .b-event__info .b-event__like.active,
.b-event__body .b-event__info .b-event__like.now_active {
    cursor: text;
}

.b-event__name {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 8px;
    margin-top: 25px;
    font-weight: 700;
}

.b-event__name a,
.b-event__company a,
.b-event__image a {
    text-decoration: none;
    color: #333;
}

.b-event__image a {
    display: block;
    width: 100%;
    height: 100%;
}

.b-event__name a:focus, .b-event__name a:hover,
.b-event__company a:focus, .b-event__company a:hover {
    color: #23527c;
    text-decoration: underline;
}

.b-event__company {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 20px;
    font-weight: 700;
}

.b-event.b-event_column {
    max-width: 400px;
    min-height: 400px;
    margin-left: auto;
    margin-right: auto;
}

.b-event.b-event_column .b-event__image,
.b-event.b-event_column .b-event__body {
    flex: 0 0 100%;
}

.b-event.b-event_column .b-event__body {
    display: block;
    padding: 20px;
}

.b-date {
    position: absolute;
    background-color: #b3d9e6;
    width: 80px;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
}

.b-date__num {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 3px;
}

.carousel-slides {
    white-space: nowrap;
    position: relative;
    margin-bottom: 0px;
}

.carousel-slides .slide {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    padding: 0 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.carousel-slides .b-event {
    margin-bottom: 0;
}

.carousel-slides .slick-arrow {
    position: absolute;
    width: 25px;
    height: 25px;
    border-bottom: 2px solid #c5c7c6;
    top: 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.carousel-slides .slick-arrow:before {
    display: none;
}

.carousel-slides .slick-arrow.slick-prev {
    border: 0px solid #c5c7c6;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: -5px;
}

.about-us .carousel-slides .slick-arrow.slick-prev,
.about-us .carousel-slides .slick-arrow.slick-next {
    box-shadow: 0px 0px 3px 2px #f1f1f1;
    padding: 28px;
    top: 23%;
}

.about-us .carousel-slides .slick-arrow.slick-prev {
    left: -80px;
}

.carousel-slides .slick-arrow.slick-next {
    border: 0px solid #c5c7c6;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: -80px;
}

.carousel-slides .slick-dots li button:before {
    font-size: 0px;
}

.our-news .s-title {
    margin-top: 40px;
}

.slick-dots li button {
    height: 11px;
    width: 11px;
    padding: 0px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.3);
    background-color: #d6d6d6;
    font-size: 0px;
}

.slick-dots li.slick-active button {
    background-color: #3db39e;
}

.slick-dots li:hover button {
    background-color: #3db39e;
}

@media only screen and (max-width: 1400px) {
    .about-us .carousel-slides .slick-arrow.slick-prev {
        left: -80px;
    }

    .about-us .carousel-slides .slick-arrow.slick-next {
        right: -80px;
    }
}

@media only screen and (max-width: 899px) {
    .slick-dotted.slick-slider {
        margin-bottom: 70px;
    }
}

.btn-green-color {
    margin: 0 15px 50px;
    position: relative;
    font-family: "OpenSansRegular" !important;
    display: block;
}

.btn-green-color.desc {
    display: block;
}

.btn-green-color.mobi {
    display: none;
}

.btn-green-color a {
    width: 100%;
    max-width: 334px;
    display: block;
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    text-align: center;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    padding: 14px 20px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: 700;
}

.btn-green-color a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

@media screen and (max-width: 520px) {
    .our-team-subsect .btn-green-color {
        margin: 0 0px 65px;
    }

    .btn-green-color a {
        max-width: 100%;
    }

    .about-us .container {
        padding-right: 35px;
        padding-left: 35px;
    }
}

.mobile-nav-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #2b4554;
}

.mobile-nav-menu nav > ul {
    position: relative;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.mobile-nav-menu__btn {
    margin-bottom: 10px;
    text-align: center;
}

.mobile-nav-menu__btn a {
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 11px 35px 12px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    background-color: #0493b4;
    -webkit-box-shadow: 0 -4px 0 2px #0484ac inset;
    box-shadow: 0 -4px 0 2px #0484ac inset;
    text-transform: uppercase;
    font-weight: 700;
}

.mobile-nav-menu__btn li {
    display: list-item;
    list-style: none;
}

.c-filter.header {
    left: auto;
    margin-right: 0;
    float: right;
    -webkit-transform: translate(43%, 0);
    transform: translate(43%, 0);
}

.header .b-filter .btn-filter {
    padding: 13px 35px 14px 17px !important;
}

@media screen and (min-width: 768px) {

    .b-event {
        margin-left: 10px;
        margin-right: 10px;
    }

    .b-event__image {
        flex: 0 0 60%;
    }

    .b-event__body {
        flex: 0 0 40%;
        padding: 40px 20px;
    }

    .news_page .b-event__body {
        max-width: 40%;
    }

    .b-event {
        min-height: 400px;
    }

    .sidebar-categories-list {
        margin-left: 0;
        margin-right: 0;
    }

    .c-filter.header {
        float: left;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

}

@media screen and (min-width: 1024px) {

    .main-site-nav ul {
        margin-bottom: 0;
        padding-top: 0;
    }

    .main-site-nav li .btn-filter-enroll {
        -webkit-border-radius: 2em;
        border-radius: 2em;
        display: block;
        cursor: pointer;
        background-color: #0493b4;
        text-align: center;
        font-weight: 700;
        color: #fff;
        padding: 14px;
        font-size: 14px;
        line-height: 14px;
        box-shadow: 0 -4px 0 2px #0484ac inset;
        position: relative;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .main-site-nav li .btn-filter-enroll:hover {
        background-color: #0484ac;
    }

    .main-site-nav li .btn-filter-enroll:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #0494b4 transparent;
        transition: all .3s;
        opacity: 0;
    }

    .main-site-nav li .btn-filter-enroll:hover {
        color: #fff;
    }

}

@media screen and (min-width: 1200px) {


    /*.main-site-nav ul {
          padding-top: 10px;
          margin-bottom: 7px;
      }*/
    .contacts-phone {
        margin-top: 16px;
    }

    .contacts-phone {
        display: inline-block;
    }
}

@media screen and (max-width: 1200px) {
    .main-site-nav li .link,
    .main-site-nav li .link-out,
    a.lang .lang-text {
        font-size: 14px;
    }

}

@media screen and (min-width: 1400px) {

    .main-site-nav li .btn-filter-enroll {
        font-size: 13px;
        line-height: 13px;
    }

    .main-site-nav li .link,
    .main-site-nav li .link-out,
    a.lang .lang-text {
        font-size: 14px;
    }

    .carousel-slides .slick-arrow.slick-prev {
        left: -80px;
    }

    .carousel-slides .slick-arrow.slick-next {
        right: -80px;
    }

    .carousel-slides .slick-arrow {
        width: 35px;
        height: 35px;
    }

    .contacts-phone {
        margin-top: 16px;
    }
}

@media screen and (min-width: 993px) {
    .main-site-nav .mobile-nav-menu__btn {
        display: none !important;
    }

    .mobile-nav-menu {
        display: none !important;
    }
}

@media screen and (max-width: 992px) {
    a.lang-mob img {
        display: none;
    }

    .mobile-nav-menu {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .btn-green-color {
        display: none;
    }

    .btn-green-color.mobi, .our-news .btn-green-color {
        display: block;
    }

    .col-sm-6.sidebar-column {
        position: absolute;
    }

    .news_page .b-event:first-child {
        /*margin-top: 430px;*/
    }

    .main-site-nav {
        padding-top: 0px;
    }

    .main-site-nav .mobile-nav-menu__btn {
        display: block;
    }

    .mobile-nav-menu {
        /*padding-top: 20px;*/
    }

    .mobile-nav-menu .mobile-nav-menu__btn {
        display: none;
    }

    .c-filter.header {
        -webkit-transform: translate(26%, 0);
        transform: translate(26%, 0);
        margin-left: 0px;
    }

    .mobile-nav-menu .contacts-phone {
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .main-site-nav .mobile-nav-menu__btn {
        display: none;
    }

    .mobile-nav-menu .mobile-nav-menu__btn {
        display: block;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .mobile-nav-menu .contacts-phone {
        padding-left: 20px;
    }
}

@media screen and (max-width: 640px) {
    .mobile-nav-menu .contacts-phone {
        display: block;
        text-align: left;
    }
}

@media screen and (max-width: 627px) {
    header.main-head .col-xs-7 {
        width: 70%;
    }

    /*header.main-head .col-xs-5 {
          width: 30%;
      }*/
    .c-filter.header {
        -webkit-transform: translate(-6%, 0);
        transform: translate(-6%, 0);
    }
}

/*END AND HEADER*/

/*CERTIFICATES*/
@-webkit-keyframes effectGift {
    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    40% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }
    80% {
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }
}

@keyframes effectGift {
    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    40% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }
    80% {
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }
}

@-webkit-keyframes effectIcon {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    40% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes effectIcon {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    40% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.gift-sertificate {
    background: url('/images/bg-starry-sky2.webp') no-repeat 50% 0 / cover, #2D495E;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 0px;
    position: relative;
}

.certificates .gift-sertificate {
    padding-top: 40px;
}

.gift-sertificate:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background: url("/images/sert-clouds.webp") repeat-x 50% 0 / auto 100%;
    height: 86px;
}

.gift-sertificate .gift-image__sert1 {
    transform-style: preserve-3d;
    -webkit-transition: all 2s ease-out 0s;
    -moz-transition: all 2s ease-out 0s;
    -o-transition: all 2s ease-out 0s;
    transition: all 2s ease-out 0s;
}

.gift-sertificate .price.gift-image__sert1 {
    display: none;
    transform: rotateY(270deg);
}

.gift-sertificate .mobi_price {
    display: block;
}

.gift-sertificate .mobi_price .title {
    text-transform: uppercase;
    text-align: center;
    color: #fed500;
    border-bottom: 1px dashed #fed500;
    display: initial;
    margin: 0px auto;
    cursor: pointer;
}

.gift-sertificate .mobi_price .title span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6.5px 8px 6.5px;
    border-color: transparent transparent #fed500 transparent;
    position: absolute;
    right: -20px;
    top: 6px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.gift-sertificate .mobi_price .title.open span:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.gift-sertificate .mobi_price .title span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.gift-sertificate .mobi_price .text {
    display: none;
    text-align: center;
    margin: 0px 0px 0px;
}

.gift-sertificate .mobi_price .text a {
    color: #fff;
}

.gift-sertificate .mobi_price .text strong {
    margin: 30px 0px 5px;
    display: block;
}

@media only screen and (min-width: 1024px) {
    .gift-sertificate .mobi_price {
        display: none;
    }
}

.gift-sertificate .botton_price {
    position: absolute;
    top: 0px;
    left: 0px;
}

.gift-sertificate .botton_price div {
    width: 126px;
    height: 151px;
    background: url('/images/botton_price.webp') 0% 0% no-repeat;
    opacity: 1;
    position: absolute;
    top: -10px;
    left: 200px;
    z-index: 5;

    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
}

@media only screen and (max-width: 1199px) {
    .gift-sertificate .botton_price div {
        top: 70px;
        left: 120px;
    }
}

@media only screen and (max-width: 992px) {
    .gift-sertificate {
        padding-top: 55px;
    }
}

@media only screen and (max-width: 1023px) {
    .gift-sertificate .botton_price div {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .gift-sertificate {
        padding-bottom: 100px;
        background: url('/images/bg-starry-sky2.webp') no-repeat 50% 0 / cover;
    }
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(8%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.b-about-sert {
    text-align: center;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 415px;
    margin: 0 auto;
}

.b-about-sert:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -20px;
    background: url('/images/img-symbol-question.webp') no-repeat 50% 0 / cover;
    width: 101px;
    height: 145px;
    margin-left: -50px;
    z-index: -1;
}

.b-about-sert__header {
    color: #3db39e;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    padding: 0 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.b-about-sert__header p {
    margin-bottom: 25px;
}

.b-about-sert__body {
    color: #fff;
}

.b-about-sert__body p {
    margin-bottom: 47px;
    font-size: 16px;
    line-height: 20px;
}

.b-about-sert__body .link.primary,
.b-about-sert .b-about-sert__body a.link.btn {
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    font-size: 14px;
    padding: 14px 20px 10px;
    margin: 0 10px 30px;
    width: 100%;
    min-width: 290px;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    display: inline-block;
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .b-about-sert__body .link.primary,
    .b-about-sert .b-about-sert__body a.link.btn {
        padding: 14px 20px 10px;
        margin: 0 0px 30px;
    }
}

@media screen and (max-width: 520px) {
    .b-about-sert {
        max-width: 100%;
    }
}

.b-about-sert__body .link.primary:hover {
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}


.b-about-sert .b-about-sert__body a.link.btn {
    color: #2c485d;
    -webkit-box-shadow: 0 5px 0 #999999;
    box-shadow: 0 5px 0 #999999;
    background: #fff;
    border: 0px solid transparent;
    margin-top: -6px;
}

@media screen and (max-width: 435px) {
    .b-about-sert .b-about-sert__body a.link.btn {
        /*margin-top: 30px;*/
    }
}

.b-about-sert .b-about-sert__body a.link.btn:hover {
    -webkit-box-shadow: 0 2px 0 #999999;
    box-shadow: 0 2px 0 #999999;
}

.gift-image {
    display: none;
}

.child-gift-sertificate {
    padding-top: 30px;
    padding-bottom: 56px;
    background-color: #f4f7f9;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    text-align: center;
}

.child-gift-sertificate__body {
    width: 100%;
    max-width: 932px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 18px;
}

.text-color-selected {
    color: #3db39e;
}

.rocket-gift-sertificate {
    padding-top: 0;
    padding-bottom: 83px;
    overflow: hidden;
}

.intro-gift-sertificate {
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 932px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 57px;
}

.intro-gift-sertificate__header {
    color: #446e87;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 20px;
    font-weight: 700;
}

.intro-gift-sertificate__header img {
    display: block;
    margin: 0 auto 12px;
}

.intro-gift-sertificate__body {
    color: #888888;
    font-size: 16px;
    line-height: 23px;
}

.best-gift {
    color: #000;
    position: relative;
    width: 100%;
    max-width: 1032px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.best-gift__set {
    margin-bottom: 10px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.best-gift__set img {
    display: block;
    margin: 0 auto;
    max-width: 70%;
}

.best-gift__box1,
.best-gift__box2 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.best-gift__box1 {
    width: 80px;
    height: 98px;
    background-image: url('/images/icn-gift1.webp');
    right: -15px;
    top: -35px;
}

.best-gift__box2 {
    width: 87px;
    height: 109px;
    background-image: url('/images/icn-gift2.webp');
    left: -30px;
    bottom: -38px;
}

.best-gift__title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    color: #0093b8;
}

.best-gift__body {
    font-size: 16px;
    line-height: 20px;
    position: relative;
}

.best-gift__box3 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    background-image: url('/images/icn-gift3.webp');
    width: 107px;
    height: 104px;
    bottom: -108px;
    right: 22px;
}

.buy-gift-sertificate {
    background: rgb(212, 222, 229);
    background: -moz-linear-gradient(top, rgba(212, 222, 229, 1) 0%, rgba(244, 247, 249, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(212, 222, 229, 1) 0%, rgba(244, 247, 249, 1) 100%);
    background: linear-gradient(to bottom, rgba(212, 222, 229, 1) 0%, rgba(244, 247, 249, 1) 100%);
    padding-top: 72px;
}

.b-child {
    margin-bottom: 60px;
    text-align: center;
}

.b-child__icon {
    margin-bottom: 22px;
}

.b-child__icon img {
    display: block;
    margin: 0 auto;
}

.b-child__title {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
}

.b-child__text {
    color: #888888;
    font-size: 14px;
    line-height: 22px;
}

.sert-text {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    z-index: 2;
    text-align: left;
    width: 220px;
    margin: 0 auto;
    padding-top: 43px;
}

.sert-text:after {
    content: "";
    position: absolute;
    left: -42px;
    top: 0px;
    width: 332px;
    height: 304px;
    background: url('/images/bg-coddymen.webp') no-repeat 0 0 / cover;
    z-index: -1;
}

.wrap-gift-grid {
    margin-bottom: 175px;
}

.b-child:hover .b-child__icon img {
    -webkit-animation: effectIcon .4s ease-out;
    animation: effectIcon .4s ease-out;
}


@media screen and (min-width: 768px) {

    .wrap-gift-grid {
        -webkit-display: flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin-bottom: 60px;
    }

    .b-child {
        padding: 20px 16px;
        flex: 0 0 50%;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .best-gift {
        -webkit-display: flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: left;
    }

    .best-gift__set {
        flex: 0 0 302px;
    }

    .best-gift__body {
        flex: 1;
    }

    .best-gift__box1 {
        width: 165px;
        height: 182px;
        top: -34px;
        right: -37px;
    }

    .best-gift__box2 {
        width: 186px;
        height: 233px;
        bottom: -22px;
        left: -43px;
    }

    .best-gift__box3 {
        width: 199px;
        height: 194px;
        right: -220px;
        bottom: -97px;
    }

    .b-about-sert {
        text-align: left;
    }

    .b-about-sert__header {
        font-size: 22px;
        line-height: 27px;
        padding-left: 0;
        padding-right: 0;
    }

    .b-about-sert__header {
        margin-bottom: 26px;
    }

    .b-about-sert__body {
        font-size: 18px;
        line-height: 22px;
    }

}

@media screen and (min-width: 1024px) {

    .best-gift__set {
        flex: 0 0 402px;
    }

    .best-gift__box1,
    .best-gift__box2,
    .best-gift__box3 {
        -webkit-transition: all .4s;
        transition: all .4s;
        opacity: 0;
        visibility: hidden;
    }

    .best-gift {
        opacity: 0;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .best-gift.visible {
        opacity: 1;
    }

    .best-gift.visible .best-gift__box1,
    .best-gift.visible .best-gift__box2,
    .best-gift.visible .best-gift__box3 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .best-gift .best-gift__box1 {
        -webkit-transform: translate(150px, 0);
        transform: translate(150px, 0);
    }

    .best-gift__body .best-gift__box3 {
        -webkit-transform: translate(150px, 0);
        transform: translate(150px, 0);
        transition-delay: 0.4s;
    }

    .best-gift .best-gift__box2 {
        -webkit-transform: translate(-150px, 0);
        transform: translate(-150px, 0);
        transition-delay: 0.2s;
    }

    .wrap-gift-grid {
        margin-bottom: 80px;
    }

    .b-child {
        -webkit-transition: all .4s;
        transition: all .4s;
        opacity: 0;
    }

    .b-child:nth-child(1) {
        transition-delay: 0.2s;
    }

    .b-child:nth-child(2) {
        transition-delay: 0.4s;
    }

    .b-child:nth-child(3) {
        transition-delay: 0.6s;
    }

    .b-child:nth-child(4) {
        transition-delay: 0.8s;
    }

    .b-child:nth-child(5) {
        transition-delay: 1s;
    }

    .b-child:nth-child(6) {
        transition-delay: 1.2s;
    }

    .wrap-gift-grid.visible .b-child {
        opacity: 1;
    }

    .b-child {
        padding: 40px 32px;
        flex: 0 0 33.33%;
    }

    .rocket-gift-sertificate {
        padding-top: 35px;
        padding-bottom: 116px;
    }

    .best-gift__title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .best-gift__body {
        font-size: 18px;
        line-height: 26px;
    }

    .intro-gift-sertificate {
        padding-left: 118px;
        text-align: left;
    }

    .intro-gift-sertificate__header img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .child-gift-sertificate {
        padding-top: 60px;
        padding-bottom: 436px;
        background-image: url('/images/bg-houses-section.webp');
    }

    .wrap-gift-sertificate {
        -webkit-display: flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        position: relative;
    }

    .b-about-sert {
        margin-right: 0;
        margin-left: auto;
    }

    .gift-sertificate__header {
        margin-bottom: 30px;
    }

    .gift-sertificate:after {
        height: 160px;
    }

    .gift-image {
        display: block;
        flex: 1;
        position: relative;
        z-index: 2;
        margin-right: -6%;
    }

    .gift-image img {
        display: block;
        max-width: 100%;
    }

    .gift-image__sert {
        -webkit-transition: all .6s;
        transition: all .6s;
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
    }

    .gift-image__sert1,
    .gift-image__sert2,
    .gift-image__sert3 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 0;
    }

    .gift-image__sert1 {
        transition-delay: 0.2s;
    }

    .gift-image__sert2 {
        transition-delay: 0.4s;
    }

    .gift-image__sert3 {
        transition-delay: 0.6s;
    }

    .gift-image.visible .gift-image__sert1,
    .gift-image.visible .gift-image__sert2,
    .gift-image.visible .gift-image__sert3 {
        opacity: 1;
    }

    .gift-image.visible:hover .gift-image__sert1,
    .gift-image.visible:hover .gift-image__sert2,
    .gift-image.visible:hover .gift-image__sert3 {
        transform: scale(1.1);
    }

    .gift-image.visible .gift-image__sert {
        -webkit-transform: translate(0, -5%);
        transform: translate(0, -5%);
    }

    .best-gift:hover .best-gift__set,
    .best-gift__box1:hover,
    .best-gift__box2:hover,
    .best-gift__box3:hover {
        -webkit-animation: effectGift .4s ease-out;
        animation: effectGift .4s ease-out;
    }

    .gift-image__sert1 {
        z-index: -1;
    }

    .gift-image__sert2 {
        z-index: -2;
    }

    .gift-image__sert3 {
        z-index: -3;
    }

    .b-about-sert {
        flex: 0 0 415px;
        padding-bottom: 146px;
        align-items: flex-start;
    }

}

@media screen and (min-width: 1200px) {

    .gift-sertificate:after {
        height: 196px;
    }

    .b-about-sert {
        padding-bottom: 120px;
    }
}

@media screen and (min-width: 1400px) {

    .carousel-slides .slick-arrow.slick-prev {
        left: -80px;
    }

    .carousel-slides .slick-arrow.slick-next {
        right: -80px;
    }

    .carousel-slides .slick-arrow {
        width: 35px;
        height: 35px;
    }

    .contacts-phone {
        margin-top: 16px;
    }
}

/*END CERTIFICATES*/

.prepod {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    border: 15px solid #fbfbfb;
}

.icn-prepodicon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ccc;
    padding: 7px;
    width: 60px;
    height: 60px;
    position: relative;
}

.design-thoughts.team-page .icn-prepodicon {
    background-color: #0493b4;
    margin: auto;
    width: 80px;
    height: 80px;
    border: 10px solid #ffffff;
    top: -10px;
}

.design-thoughts.team-page .inside-block {
    background: #fff;
    padding: 0px 50px 50px;
    margin-top: 20px;
    border-radius: 15px;
}

.design-thoughts.team-page .inside-block .links {
    text-align: left;
}

.icn-prepodicon img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 60%;
    max-height: 60%;
    height: auto;
}

.inside-block .top-part .imgs .prepodicon,
.prepodicon {
    -webkit-border-radius: 0;
    border-radius: 0;
}


.freespace {
    padding-top: 60px;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.grants-page .reviews-slider-wrapper .slick-track {
    background: #fff;
}

.grants-page .reviews-slider-wrapper .reviews-photo .slick-track {
    background: rgba(0, 0, 0, 0);
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: auto;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
    height: 70px;
}

.slick-loading .slick-list:before {
    /*background: #fff url('/local/templates/coddy/css/./ajax-loader.gif') center center no-repeat;*/
    display: block;
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: radial-gradient(farthest-side, #008FD3 94%, #0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%, #008FD3);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
    animation: ajax-loader 1s infinite linear;
    margin: 0 auto;
}

@keyframes ajax-loader {
    100% {
        transform: rotate(1turn)
    }
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/coddy/css/./fonts/slick.eot');
    src: url('/local/templates/coddy/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/coddy/css/./fonts/slick.woff') format('woff'), url('/local/templates/coddy/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/coddy/css/./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '';
}

[dir='rtl'] .slick-prev:before {
    content: '';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '';
}

[dir='rtl'] .slick-next:before {
    content: '';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 70px;
}

.press-about-coddy .slick-dotted.slick-slider {
    margin-bottom: 70px;
}

.press-about-coddy .s-title {
    margin-top: 180px;
    margin-bottom: 0px;
}

.press-about-coddy {
    /*background: url('/images/clouds-press.webp') 50% 0% no-repeat #f6f6f6;*/
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.press-about-coddy .slick-track {
    height: 200px;
}

.press-about-coddy .press_logo {
    width: 100%;
    height: 200px;
}

.press-about-coddy .btn-green-color {
    display: block !important;
}

@media only screen and (max-width: 1199px) {
    .press-about-coddy .s-title {
        margin-top: 120px;
    }
}

@media only screen and (max-width: 768px) {
    .press-about-coddy .press_logo {
        width: 80%;
        margin: auto;
    }

    .press-about-coddy .s-title {
        margin-top: 80px;
    }
}

.slick-dots {
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}


/* --------------------------------

  xsigin/signup popup

  -------------------------------- */
.cd-user-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 54, 66, 0.9);
    z-index: 230;
    overflow-y: auto;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
    -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
    transition: opacity 0.3s 0, visibility 0 0.3s;
}

.cd-user-modal.is-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0, visibility 0 0;
    -moz-transition: opacity 0.3s 0, visibility 0 0;
    transition: opacity 0.3s 0, visibility 0 0;
}

.cd-user-modal.is-visible .cd-user-modal-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.cd-user-modal-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    background: #FFF;
    margin: 3em auto 4em;
    cursor: auto;
    border-radius: 0.25em;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.cd-user-modal-title {
    padding: 20px 20px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

#prohibitFormBlock .cd-user-modal-title {
    font-size: 18px;
    text-align: left;

}

.cd-user-modal-title.success {
    padding: 50px 20px;
    color: #0eac02;
}

.cd-user-modal-success {
    padding: 20px 20px 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #0eac02;
    display: none;
}

.cd-user-modal-container .cd-switcher:after {
    content: "";
    display: table;
    clear: both;
}

.cd-user-modal-container .cd-switcher li {
    width: 50%;
    float: left;
    text-align: center;
}

.cd-user-modal-container .cd-switcher li:first-child a {
    border-radius: .25em 0 0 0;
}

.cd-user-modal-container .cd-switcher li:last-child a {
    border-radius: 0 .25em 0 0;
}

.cd-user-modal-container .cd-switcher a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #d2d8d8;
    color: #809191;
}

.cd-user-modal-container .cd-switcher a.selected {
    background: #FFF;
    color: #505260;
}

@media only screen and (min-width: 600px) {
    .cd-user-modal-container {
        margin: 4em auto;
    }

    .cd-user-modal-container .cd-switcher a {
        height: 70px;
        line-height: 70px;
    }
}

.cd-form {
    padding: 1.4em;
}

.cd-form .fieldset {
    position: relative;
    margin: 1.4em 0;
}

.cd-form .fieldset:first-child {
    margin-top: 0;
}

.cd-form .fieldset:last-child {
    margin-bottom: 0;
}

.cd-form label {
    font-size: 14px;
    font-size: 0.875rem;
}

.cd-form label.image-replace {
    /* заменить текст с иконой */
    display: inline-block;
    position: absolute;
    left: 13px;
    /*top: 50%;*/
    top: 27px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 24px;
    width: 24px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
    text-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

/* Иконки полей ввода */
.cd-form label.cd-username {
    /*background-image: url("/local/templates/coddy/css/../img/cd-icon-username.svg");*/
    background-image: url("/local/templates/coddy/css/../img/ico_user.png");
}

.cd-form label.cd-email {
    /*background-image: url("/local/templates/coddy/css/../img/cd-icon-email.svg");*/
    background-image: url("/local/templates/coddy/css/../img/ico_mail.png");
}

.cd-form label.cd-password {
    background-image: url("/local/templates/coddy/css/../img/cd-icon-password.svg");
}

.cd-form label.cd-review {
    background-image: url("/local/templates/coddy/css/../img/ico_review.png");
}

.cd-form label.cd-phone {
    background-image: url("/local/templates/coddy/css/../img/ico_phone.png");
}

.cd-form label.cd-city {
    background-image: url("/local/templates/coddy/css/../img/ico_city.png");
}

.cd-form label.cd-message {
    background-image: url("/local/templates/coddy/css/../img/ico_message.png");
}

.cd-form textarea {
    height: 230px;
}

.cd-form input,
.cd-form textarea {
    margin: 0;
    padding: 0;
    border-radius: 0.25em;
}

.cd-form input.full-width,
.cd-form textarea.full-width {
    width: 100%;
}

.cd-form input.has-padding,
.cd-form textarea.has-padding {
    padding: 12px 20px 12px 50px;
}

.cd-form input.has-border,
.cd-form textarea.has-border {
    border: 1px solid #d2d8d8;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.cd-form input.has-border.has-error,
.cd-form textarea.has-border.has-error {
    border: 1px solid #d76666;
}

.cd-form .has-border:focus {
    border-color: #343642;
    box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
    outline: none;
}

.cd-form .has-error {
    border: 1px solid #d76666;
}

.cd-form input[type=password] {
    /* пространство для кнопки Скрыть */
    padding-right: 65px;
}

.cd-form input[type=submit] {
    padding: 16px 0;
    cursor: pointer;
    background: #2f889a;
    color: #FFF;
    font-weight: bold;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
    background: #3599ae;
    outline: none;
}

.cd-form .hide-password {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 15px;
    border-left: 1px solid #d2d8d8;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-size: 0.875rem;
    color: #343642;
}

.cd-form .cd-error-message {
    display: inline-block;
    position: absolute;
    left: -5px;
    bottom: -35px;
    background: rgba(215, 102, 102, 0.9);
    padding: .8em;
    z-index: 2;
    color: #FFF;
    font-size: 13px;
    font-size: 0.8125rem;
    border-radius: 0.25em;
    /* предотвращения кликов и прикосновения */
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
    -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
    transition: opacity 0.2s 0, visibility 0 0.2s;
}

.cd-form .cd-error-message:after {
    /* уголок сообщения об ошибке */
    content: '';
    position: absolute;
    left: 22px;
    bottom: 100%;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(215, 102, 102, 0.9);
}

.cd-form .cd-error-message.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s 0, visibility 0 0;
    -moz-transition: opacity 0.2s 0, visibility 0 0;
    transition: opacity 0.2s 0, visibility 0 0;
}

@media only screen and (min-width: 600px) {
    .cd-form {
        padding: 2em;
    }

    .cd-form .fieldset {
        margin: 2em 0;
    }

    .cd-form .fieldset:first-child {
        margin-top: 0;
    }

    .cd-form .fieldset:last-child {
        margin-bottom: 0;
    }

    .cd-form input.has-padding {
        padding: 16px 20px 16px 50px;
    }

    .cd-form input[type=submit] {
        padding: 16px 0;
    }
}

.cd-form-message {
    padding: 1.4em 1.4em 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    text-align: center;
}

@media only screen and (min-width: 600px) {
    .cd-form-message {
        padding: 2em 2em 0;
    }
}

.cd-form-bottom-message {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -30px;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
}

.cd-form-bottom-message a {
    color: #FFF;
    text-decoration: underline;
}

.cd-close-form {
    /* стиль X кнопки вверху справа */
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -40px;
    background: url("/bitrix/templates/coddy/img/cd-icon-close.svg") no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
}

.cd-form-block {
    display: none;
}

.cd-form-block.is-selected {
    display: block;
}

#successFormBlock,
#prohibitFormBlock,
#ok-payFormBlock,
#fail-payFormBlock {
    position: absolute;
}

#cd-success, #successFormBlock,
#prohibitFormBlock,
#ok-payFormBlock,
#fail-payFormBlock {
    display: none;
    min-height: 136px;
    width: 604px;
    padding: 0px 0px 0px 164px;
    z-index: 101;
    background: #e3ecef;
    border-radius: 20px;
    color: #0b9a76;
    font-size: 1.5rem;
    text-shadow: 0 0rem 0rem rgba(0, 0, 0, 0);
}

#cd-success div.mess, #successFormBlock div.mess {
    padding: 30px 10px;
    font-weight: bold;
}

#prohibitFormBlock div.mess,
#ok-payFormBlock div.mess,
#fail-payFormBlock div.mess {
    padding: 30px 30px;
    font-weight: bold;
}

#cd-success div.error, #successFormBlock div.error {
    padding: 30px 10px;
}

#cd-success div.img, #successFormBlock div.img,
#prohibitFormBlock div.img,
#ok-payFormBlock div.img,
#fail-payFormBlock div.img {
    position: absolute;
    width: 125px;
    height: 215px;
    left: 40px;
    top: -40px;
    background: url('/images/popup_img.webp') no-repeat center center;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#successFormBlock .close,
#prohibitFormBlock .close,
#ok-payFormBlock .close,
#fail-payFormBlock .close {
    /* стиль X кнопки вверху справа */
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -40px;
    background: url("/local/templates/coddy/css/../img/cd-icon-close.svg") no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
}

@media only screen and (max-width: 604px) {
    #cd-success, #successFormBlock,
    #prohibitFormBlock,
    #ok-payFormBlock,
    #fail-payFormBlock {
        height: auto;
        width: 90%;
        padding: 0px 0px 0px 0px;
    }

    #cd-success div.img, #successFormBlock div.img,
    #prohibitFormBlock div.img,
    #ok-payFormBlock div.img,
    #fail-payFormBlock div.img {
        position: relative;
        left: 50%;
        top: -20px;
        margin-left: -62px;
    }
}

.regi-block {
    border: 1px solid red;
}

.regi-form {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
}

.regi-form.act {
    display: block;
}

.regi-form > div {
    width: 1120px;
    position: relative;
    margin: 25px auto;

    /*background: -moz-linear-gradient(#fff, #999);
      background: -webkit-linear-gradient(#fff, #999);
      background: -o-linear-gradient(#fff, #999);*/

}

.form-block {
    max-width: 1020px;
    width: 90%;
    display: none;
    position: absolute;
    z-index: 9000;
}

.gallery-form-block {
    width: auto;
}

.address-form-block {
    max-width: 1170px;
    width: 100%;
    display: none;
    position: absolute;
    z-index: 9000;
}

.prev-form-block {
    max-width: 870px;
    z-index: 9003;
}

.form-block .registration .form-area .field-button .link {
    padding: 14px 20px 14px 45px !important;
}

.form-block .registration .form-area .field-button .link:after {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 12px;
    content: "";
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-image: url('/images/send.webp');
    background-position: 90% 50%;
    background-repeat: no-repeat;
    padding: 0px !important;
    width: 24px;
}

.prev-form-block .center-btn {
    text-align: center;
}

.prev-form-block .registration .form-area .field-button .link,
.form-block .registration .form-area .field-button .link.primary {
    padding: 14px 20px !important;
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
}

.prev-form-block .registration .form-area .field-button .link:hover,
.form-block .registration .form-area .field-button .link.primary:hover {
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

.prev-form-block .registration .form-area .field-button .link:after,
.prev-form-block .registration .form-area .field-button .link:before,
.form-block .registration .form-area .field-button .link.primary:after,
.form-block .registration .form-area .field-button .link.primary:before {
    display: none;
}

.coddy {
    width: 178px;
    height: 210px;
    right: -22px;
    top: -20px;
    background: url('/local/templates/coddy/css/../img/img_coddy.png') 0 0 no-repeat;
    display: block;
    position: absolute;
    z-index: 2;
}

/*.form-block .close {
      width:20px;
      height:20px;
      right:-22px;
      top:-20px;
      background:url('/local/templates/coddy/css/../img/close.png') 0 0 no-repeat;
      display:block;
      position:absolute;
      cursor:pointer;
      z-index:9009;
  }*/
.form-block .close {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -35px;
    top: -10px;
    background: url('/local/templates/coddy/css/../img/cd-icon-close.svg') no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    z-index: 3;
}

.registration {
    border: 1px solid #e0e2e2;
    border-radius: 20px;
    background: #FFF;
    height: auto;
    display: flex;
}

.registration .form {
    width: 640px;
    float: right;
    background: #e5ecee;
    border-radius: 0px 20px 20px 0px;
}

.registration .form.preview-img {
    width: 100%;
    background: none;
}

.registration .form.preview-img img {
    width: 100%;
    padding: 3px;
    border-radius: 20px;
}

.registration .pict {
    float: left;
    width: 378px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.registration .pict .pict-area {
    background: url('/local/templates/coddy/css/../img/img_child_winter.png') center center no-repeat;
    background-size: contain;
    height: 100%;
}

.registration .pict .pict-area.summer {
    background: url('/local/templates/coddy/css/../img/img_child_summer.png') center center no-repeat;
    background-size: contain;
}

#pre-regiFormBlock .registration .pict .pict-area {
    background: url('/local/templates/coddy/css/../img/img_child_pre_regi.png') center center no-repeat;
    background-size: contain;
    height: 100%;
    width: calc(100% + 70px);
    margin-left: -45px;
    z-index: 2;
    position: relative;
}

.registration .form-area .field.num-month {
    display: flex;
    width: 175px;
}

.registration .form-area .field.num-month .num-month-block {
    width: 145px;
}

.registration .form-area .field.num-month .num-month-block div {
    color: #0096bc;
    font-size: 18px;
    font-weight: 700;
    display: none;
}

.registration .form-area .field.num-month .num-month-block div.active {
    display: block;
}

.registration .form-area .field.num-month .num-month-nav {
    width: 30px;
    height: 10px;
    display: flex;
    padding-top: 5px;
}

.registration .form-area .field.num-month .num-month-nav .prev-month,
.registration .form-area .field.num-month .num-month-nav .next-month {
    border: 8px solid transparent;
    height: 8px;
}

.registration .form-area .field.num-month .num-month-nav .prev-month {
    border-right: 10px solid #a6a6a7;
    margin-right: 3px;
}

.registration .form-area .field.num-month .num-month-nav .next-month {
    border-left: 10px solid #a6a6a7;
}

.registration .form-area .field.num-month .num-month-nav .prev-month.active {
    border-right: 10px solid #0096bc;
    cursor: pointer;
}

.registration .form-area .field.num-month .num-month-nav .next-month.active {
    border-left: 10px solid #0096bc;
    cursor: pointer;
}

.registration .form-area {
    padding: 55px 40px;
}

.registration .form-area .title {
    color: #0096bc;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 48px;
    padding-right: 150px;
}

.prev-form-block .registration .form-area .title {
    padding-right: 0px !important;
}

.registration .form-area .success {
    color: #03c30c;
    font-size: 22px;
    font-weight: bold;
    margin: -20px 0 20px;
    display: none;
}

.registration .form-area .error-mess,
.registration .form-area .error-more-send-mess,
.registration .form-area .error-html-mess {
    color: #f65354;
    font-size: 20px;
    font-weight: bold;
    margin: -20px 0 20px;
    display: none;
}

.registration .form-area .double {
    display: flex;
    width: calc(100% - 130px);
}

.registration .form-area .double .left {
    width: 50%;
    padding: 0px 15px 0px 0px;
}

.registration .form-area .double .right {
    width: 50%;
    padding: 0px 0px 0px 15px;
}

.registration .form-area .double .left div,
.registration .form-area .double .right div,
.registration .form-area .double .left input,
.registration .form-area .double .right input {
    max-width: 100%;
}

@media only screen and (max-width: 992px) {
    .registration .form-area .double {
        display: block;
    }

    #subscribeFormBlock .registration .form-area .double,
    #navigatorFormBlock .registration .form-area .double {
        display: flex;
    }

    .registration .form-area .double .left,
    .registration .form-area .double .right {
        width: 100%;
        padding: 0px;
    }

    #subscribeFormBlock .registration .form-area .double .left,
    #navigatorFormBlock .registration .form-area .double .left {
        width: 50%;
        padding: 0px 15px 0px 0px;
    }

    #subscribeFormBlock .registration .form-area .double .right,
    #navigatorFormBlock .registration .form-area .double .right {
        width: 50%;
        padding: 0px 0px 0px 15px;
    }
}

@media only screen and (max-width: 720px) {
    .registration .form-area .double {
        display: flex;
    }

    .registration .form-area .double .left {
        width: 50%;
        padding: 0px 15px 0px 0px;
    }

    .registration .form-area .double .right {
        width: 50%;
        padding: 0px 0px 0px 15px;
    }
}

@media only screen and (max-width: 620px) {
    .registration .form-area .double,
    .registration .form-area .double
    .registration .form-area .double {
        display: block;
        width: calc(100% - 60px);
    }

    .registration .form-area .double .left,
    .registration .form-area .double .right {
        width: 100%;
        padding: 0px;
    }

    .pay-form-block .switch .mess_switch {
        font-size: 14px;
        line-height: 18px;
    }
}

#subscribeFormBlock .registration .form-area .double_fixed,
#navigatorFormBlock .registration .form-area .double_fixed {
    display: flex;
}

#subscribeFormBlock .registration .form-area .double_fixed .left,
#navigatorFormBlock .registration .form-area .double_fixed .left {
    width: calc(100% - 300px);
    padding: 0px 30px 0px 0px;
}

#subscribeFormBlock .registration .form-area .double_fixed .right,
#navigatorFormBlock .registration .form-area .double_fixed .right {
    width: 175px;
}

@media only screen and (max-width: 1480px) {
    #subscribeFormBlock .registration .form-area .double_fixed .left,
    #navigatorFormBlock .registration .form-area .double_fixed .left {
        width: calc(100% - 280px);
    }

    #subscribeFormBlock .registration .form-area .double_fixed .right,
    #navigatorFormBlock .registration .form-area .double_fixed .right {
        width: 160px;
    }
}

@media only screen and (max-width: 620px) {
    #subscribeFormBlock .registration .form-area .double_fixed .left,
    #navigatorFormBlock .registration .form-area .double_fixed .left {
        width: calc(100% - 180px);
    }

    #subscribeFormBlock .registration .form-area .double_fixed .right,
    #navigatorFormBlock .registration .form-area .double_fixed .right {
        width: 200px;
    }
}

@media only screen and (max-width: 480px) {
    #subscribeFormBlock .registration .form-area .double_fixed,
    #navigatorFormBlock .registration .form-area .double_fixed {
        display: block;
    }

    #subscribeFormBlock .registration .form-area .double_fixed .left,
    #navigatorFormBlock .registration .form-area .double_fixed .left {
        width: calc(100% - 60px);
        padding: 0px;
    }

    #subscribeFormBlock .registration .form-area .double_fixed .right,
    #navigatorFormBlock .registration .form-area .double_fixed .right {
        width: calc(100% - 60px);
    }
}

.registration .form-area .field-title {
    color: #252525;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: calc(100% - 130px);
}

.promocode {
    max-width: calc(100% - 12px) !important;
    width: calc(100% - 12px) !important;
}

#subscribeFormBlock .registration .form-area .double_fixed .field-title,
#navigatorFormBlock .registration .form-area .double_fixed .field-title,
#reviewFormBlock .registration .form-area .field-col .field-title {
    max-width: 100%;
}

.registration .form-area .field-title span {
    color: #ff0000;
}

.registration .form-area .field-error {
    color: #FF0000;
    font-size: 0px;
    height: 20px;
    display: block;
    margin-bottom: 10px;
    max-width: calc(100% - 130px);
}

.registration .form-area .field-error.error-promocode, .field-success.success-promocode {
    display: none;
    max-width: none;
}

.success-promocode {
    color: green;
}

.registration .form-area .field-error.error-promocode.act, .field-success.success-promocode.act {
    display: block;
    font-size: 14px;
}

.registration .form-area .field-error.act {
    display: block;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .registration .form-area .field-error {
        height: auto;
    }
}

.registration .form-area .field {
    margin-bottom: 0px;
}

.registration .form-area .field-double {
    display: flex;
}

.registration .form-area .field-double .field-double-left {
    padding-right: 10px;
}

.registration .form-area .field-double .field-double-right {
    padding-left: 10px;
}

@media only screen and (max-width: 500px) {
    .registration .form-area .field-double {
        display: block;
    }

    .registration .form-area .field-double .field-double-left {
        padding-right: 0px;
    }

    .registration .form-area .field-double .field-double-right {
        padding-left: 0px;
    }
}

.registration .form-area .field input {
    width: 100%;
    max-width: calc(100% - 130px);
    background: none;
    border: none;
    border-bottom: 1px solid #a7a7a8;
    color: #252525;
    font-size: 18px;
    font-weight: normal;
    padding: 3px 0;
}

#regiFormBlock .registration .form-area .field input,
#trialLesson .registration .form-area .field input {
    max-width: calc(100% - 30px);
}

#subscribeFormBlock .registration .form-area .double_fixed .field input,
#navigatorFormBlock .registration .form-area .double_fixed .field input,
#reviewFormBlock .registration .form-area .field-col .field input {
    max-width: 100%;
}

.registration .form-area .field-double .field input,
.registration .form-area .field-double .field-title {
    max-width: 100%;
}

.registration .form-area .field .err {
    border-bottom: 1px solid #FF0000;
}

.registration .form-area .field textarea.err {
    border: 1px solid #FF0000;
}

.registration .form-area .field input:focus {
    outline: none;
    border-bottom: 1px solid #000;
}

.registration .form-area .field input::-webkit-input-placeholder {
    color: #b1b6b8;
}

.registration .form-area .field input::-moz-placeholder {
    color: #b1b6b8;
}

/* Firefox 19+ */
.registration .form-area .field input:-moz-placeholder {
    color: #b1b6b8;
}

/* Firefox 18- */
.registration .form-area .field input:-ms-input-placeholder {
    color: #b1b6b8;
}

.registration .form-area .policy,
.registration .form-area .subscribe {
    margin: 10px 0;
}

.registration .form-area .subscribe {
    padding: 0px;
    background: none;
}

.registration .form-area .policy .policy-field,
.registration .form-area .subscribe .subscribe-field {
    float: left;
    width: 44px;
}

.registration .form-area .policy .policy-text,
.registration .form-area .subscribe .subscribe-text {
    /*padding-left:44px;*/
    font-weight: normal;
    color: #000;
    font-size: 12px;
    line-height: 14px;
}

#subscribeFormBlock,
#navigatorFormBlock {
    max-width: 600px;
    min-width: 285px;
}

#subscribeFormBlock .registration,
#navigatorFormBlock .registration {
    width: 100%;
    background: #e5ecee;
}

#subscribeFormBlock .registration .pict,
#navigatorFormBlock .registration .pict {
    width: 230px;
    height: 300px;
    position: absolute;
    right: -90px;
    top: 120px;
}

#subscribeFormBlock .registration .pict .pict-area,
#navigatorFormBlock .registration .pict .pict-area {
    background: url('/images/subscribe_bg.webp') left center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    padding: 0px;
}

#subscribeFormBlock .registration .form,
#navigatorFormBlock .registration .form {
    border-radius: 20px;
}

#subscribeFormBlock .registration .form-area .field input.age,
#navigatorFormBlock .registration .form-area .field input.age {
    max-width: 35px;
    text-align: center;
}

#subscribeFormBlock .registration .form-area .field span.age,
#navigatorFormBlock .registration .form-area .field span.age {
    color: #b1b6b8
}

.scroll_form {
    width: 100%;
    height: 600px;
    overflow-y: scroll;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000000000001;
    display: none;
}

/*news 3.06.18*/
#reviewFormBlock .registration,
#reviewSendFormBlock .registration {
    border: 0px solid #000;
}

#reviewFormBlock .registration .pict {
    background: #0d6ec0;
    background: -moz-radial-gradient(center, ellipse cover, #0d6ec0 0%, #002e5a 97%);
    background: -webkit-radial-gradient(center, ellipse cover, #0d6ec0 0%, #002e5a 97%);
    background: radial-gradient(ellipse at center, #0d6ec0 0%, #002e5a 97%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d6ec0', endColorstr='#002e5a', GradientType=1);
    border-radius: 20px 0px 0px 20px;
}

#reviewFormBlock .registration .pict .pict-area {
    background: url('/images/reviews/review-img.webp') left center no-repeat;
    background-size: contain;
    position: relative;
    left: -40px;
}

#reviewFormBlock .registration .form-area .field-col {
    width: 45%;
    min-width: 215px;
    float: left;
    padding: 0px 30px 0px 0px;
    height: 100px;
}

#reviewFormBlock .registration .form-area .field input {
    max-width: 275px;
}

#reviewFormBlock .registration .form-area .field .file_upload {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 40px;
    border: 0px solid #000;
    margin-top: 15px;
}

#reviewFormBlock .registration .form-area .field .file_upload > input[type=file] {
    display: none;
}

#reviewFormBlock .registration .form-area .field .file_upload .file_upload_button, .file_upload > mark {
    display: block;
    float: left;
    cursor: pointer;
}

#reviewFormBlock .registration .form-area .field .file_upload .file_upload_button {
    border-radius: 0px;
    width: 20%;
    max-width: 45px;
    height: 28px;
    background: url('/images/reviews/upload_photo.webp') left center no-repeat;;
    font-size: 0px;
}

#reviewFormBlock .registration .form-area .field .file_upload > mark {
    width: 75%;
    height: 28px;
    border: 0px solid #000;
    background: none;
    padding: 3px;
    color: #0096bc;
    font-size: 16px;
    line-height: 18px;
}

#reviewFormBlock .registration .form-area .field .file_upload > mark.act {
    display: none;
    color: #b1b6b8;
}

#reviewFormBlock .registration .form-area .field .file_upload > mark.change-avatar {
    background-image: url(/upload/images/reviews/dropdown.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position-y: 10px;
    margin-left: 3px;
}

#reviewFormBlock .registration .form-area .field .file_upload > mark.show-change-avatar {
    display: none;
    color: red;
    font-size: 24px;
}

#reviewFormBlock .registration .form-area .field .smile {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 0px 5px 0px 0px;
    float: left;
}

#reviewFormBlock .registration .form-area .field .smile.star {
    width: 26px;
    height: 24px;
    background: url('/images/reviews/star_grey.webp');
    background-repeat: no-repeat;
}

#reviewFormBlock .registration .form-area .field .smile.star.filled {
    background: url('/images/reviews/star.webp');
    width: 26px;
    height: 24px;
    background-size: contain;
}

#reviewFormBlock .registration .form-area .field .smile.smile1 {
    background: url('/images/reviews/smile1.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile1:hover,
#reviewFormBlock .registration .form-area .field .smile.smile1.act {
    background: url('/images/reviews/smile1-act.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile2 {
    background: url('/images/reviews/smile2.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile2:hover,
#reviewFormBlock .registration .form-area .field .smile.smile2.act {
    background: url('/images/reviews/smile2-act.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile3 {
    background: url('/images/reviews/smile3.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile3:hover,
#reviewFormBlock .registration .form-area .field .smile.smile3.act {
    background: url('/images/reviews/smile3-act.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile4 {
    background: url('/images/reviews/smile4.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile4:hover,
#reviewFormBlock .registration .form-area .field .smile.smile4.act {
    background: url('/images/reviews/smile4-act.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile5 {
    background: url('/images/reviews/smile5.webp');
}

#reviewFormBlock .registration .form-area .field .smile.smile5:hover,
#reviewFormBlock .registration .form-area .field .smile.smile5.act {
    background: url('/images/reviews/smile5-act.webp');
}

#reviewFormBlock .avatar-list {
    width: 275px;
    height: 110px;
    border-radius: 10px;
    background-color: #2D495E;
    position: absolute;
    top: 50px;
    left: 0px;
}

#reviewFormBlock .avatar-list .avt {
    width: 45px;
    height: 45px;
    float: left;
    margin: 5px;
}

#reviewFormBlock .avatar-list .avt img {
    width: 45px;
    height: 45px;
    cursor: pointer;
}

#reviewFormBlock .avatar-list.dnone {
    display: none;
}

#reviewFormBlock .avatar-img {
    float: left;
    width: 40px;
    height: 40px;
}

#reviewFormBlock .show-change-avatar {
    display: none;
    color: red;
    font-size: 24px;
}

#reviewFormBlock .captcha {
    margin-bottom: 30px;
}

#reviewSendFormBlock {
    max-width: 600px;
    min-width: 285px;
}

#reviewSendFormBlock .registration {
    min-height: 375px;
}

#reviewSendFormBlock .registration .form {
    width: 100%;
    border-radius: 20px;
}

#reviewSendFormBlock .registration .form-area {
    padding: 55px 55px;
}

#reviewSendFormBlock .registration .form-area .field .smile {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0px 10px 10px 0px;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}

#reviewSendFormBlock .registration .form-area .field .smile.smile1 {
    background: #F48479;
    border: 2px solid #EC3F30;
}

#reviewSendFormBlock .registration .form-area .field .smile.smile2 {
    background: #F99A76;
    border: 2px solid #FF5E22;
}

#reviewSendFormBlock .registration .form-area .field .smile.smile3 {
    background: #F4D278;
    border: 2px solid #F2B81D;
}

#reviewSendFormBlock .registration .form-area .field .smile.smile4 {
    background: #C8E25F;
    border: 2px solid #A0BA38;
}

#reviewSendFormBlock .registration .form-area .field .smile.smile5 {
    background: #4CA771;
    border: 2px solid #258B79;
}

#reviewSendFormBlock .registration .form-area .field .smile:hover {
    opacity: 0.7;
}

#reviewSendFormBlock .registration .form-area .title_success {
    color: #0096bc;
    font-weight: bold;
    margin: 30px 0px;
}

#reviewSendFormBlock .registration .form-area .block_link {
    margin: 10px 0px 30px 0px;
}

#reviewSendFormBlock .registration .form-area .block_link.field-button a.link {
    background-color: #3D8FF3;
    padding: 14px 20px 14px 20px !important;
    margin: 15px 20px 0px 0px;
    display: inline-block;
    box-shadow: 0 5px 0 #236BC1;
    min-width: 236px;
}

#reviewSendFormBlock .registration .form-area .block_link.field-button a.link.yandex {
    background-color: #FF5E22;
    box-shadow: 0 5px 0 #F32512;
}

#reviewSendFormBlock .registration .form-area .block_link.field-button a.link.otzovik {
    background-color: #B74746;
    box-shadow: 0 5px 0 #9D2C2B;
}

#reviewSendFormBlock .registration .form-area .block_link.field-button a.link.gis {
    background-color: #A2C614;
    box-shadow: 0 5px 0 #84A111;
}

#reviewSendFormBlock .registration .form-area .block_link.field-button a.link.vk {
    background-color: #5181b8;
    box-shadow: 0 5px 0 #3f8ae0;
}

#reviewSendFormBlock .registration .form-area .field-button a.link {
    background: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    padding: 14px 20px 14px 20px !important;
}

#review-send-button:after,
#review-send-button:before {
    display: none;
    background: rgba(0, 0, 0, 0);
}

#reviewSendFormBlock .registration .form-area .field-button a.link:hover {
    top: 5px;
}

#reviewSendFormBlock .block_2 a:link {
    color: #0484AC;
}

#reviewSendFormBlock form textarea {
    width: calc(100% + 100px);
    border-color: #0096bc;
    border-radius: 15px;
    padding: 15px 20px;
    margin: 25px 0px 25px;
}

#reviewSendFormBlock form textarea.err {
    border-color: #EC3F30;
}

#reviewSendFormBlock .input_checkbox.callback {
    margin: 0px 45px 10px 0px;
    min-height: 40px;
}

#reviewSendFormBlock form .input_checkbox > .span_checkbox {
    margin: -2px 15px 0px 0px;
}

#reviewSendFormBlock form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before {
    top: -3px;
}

#reviewSendFormBlock .registration .form-area .policy .policy-text {
    font-size: 11px;
    line-height: 15px;
    display: block;
    color: #666666;
}

#reviewSendFormBlock .block_1,
#reviewSendFormBlock .block_2,
#reviewSendFormBlock .block_3 {
    display: none;
    max-width: calc(100% - 100px);
}

#reviewSendFormBlock .block_1 {
    display: block;
}

#reviewSendFormBlock .block_1 .block_img {
    width: 160px;
    height: 217px;
    background: url('/images/review-send-block-1.webp') 0% 0% no-repeat;
    background-size: contain;
    position: absolute;
    right: -65px;
    bottom: -10px;
}

#reviewSendFormBlock .block_2 .block_img {
    width: 155px;
    height: 290px;
    background: url('/images/review-send-block-2.webp') 0% 0% no-repeat;
    background-size: contain;
    position: absolute;
    right: -45px;
    bottom: -10px;
}

#reviewSendFormBlock .block_3 .block_img {
    width: 270px;
    height: 395px;
    background: url('/images/review-send-block-3.webp') 0% 0% no-repeat;
    background-size: contain;
    position: absolute;
    right: -25px;
    bottom: -50px;
}

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

}

@media only screen and (max-width: 620px) {
    #reviewSendFormBlock .block_1,
    #reviewSendFormBlock .block_2,
    #reviewSendFormBlock .block_3 {
        max-width: calc(100% - 50px);
    }

    #reviewSendFormBlock form textarea {
        width: calc(100% + 50px);
    }

    #reviewSendFormBlock .block_2 .block_img {
        width: 135px;
        height: 250px;
    }

    #reviewSendFormBlock .block_3 .block_img {
        width: 200px;
        height: 295px;
        bottom: -15px;
    }
}

@media only screen and (max-width: 560px) {
    #reviewSendFormBlock .block_3 .block_img {
        width: 150px;
        height: 220px;
    }
}

@media only screen and (max-width: 540px) {
    #reviewSendFormBlock .registration .form-area {
        padding: 20px 20px;
    }

    #reviewSendFormBlock .block_1,
    #reviewSendFormBlock .block_2,
    #reviewSendFormBlock .block_3 {
        max-width: calc(100% - 70px);
    }

    #reviewSendFormBlock form textarea {
        width: calc(100% + 70px);
    }

    #reviewSendFormBlock .registration .form-area .field .smile {
        margin: 0px 5px 10px 0px;
    }
}

@media only screen and (max-width: 450px) {
    #reviewSendFormBlock .registration .form-area .field .smile {
        width: 38px;
        height: 38px;
        line-height: 33px;
    }

    #reviewSendFormBlock .block_1 .block_img {
        width: 140px;
        height: 190px;
    }

    #reviewSendFormBlock .block_2 .block_img {
        width: 115px;
        height: 225px;
    }

    #reviewSendFormBlock .block_3 .block_img {
        width: 100px;
        height: 150px;
    }
}

@media only screen and (max-width: 400px) {
    #reviewSendFormBlock .registration {
        min-height: auto;
    }

    #reviewSendFormBlock .block_1,
    #reviewSendFormBlock .block_2,
    #reviewSendFormBlock .block_3 {
        max-width: calc(100% - 0px);
    }

    #reviewSendFormBlock .block_1 .block_img,
    #reviewSendFormBlock .block_2 .block_img,
    #reviewSendFormBlock .block_3 .block_img {
        display: none;
    }

    #reviewSendFormBlock .registration .text_top {
        width: calc(100% - 50px);
    }

    #reviewSendFormBlock form textarea {
        width: calc(100% + 0px);
    }
}

.form-block .registration .form-area textarea {
    width: 100%;
    color: rgb(37, 37, 37);
    font-size: 16px;
    padding: 5px;
    resize: vertical;
    height: 130px;
    border: 1px solid rgb(167, 167, 168);
    border-radius: 5px;
    background: none;
}

#certificateFormBlock .registration {
    border: 0px solid #000;
}

#certificateFormBlock .registration .pict {
    background: #82a39a;
    border-radius: 20px 0px 0px 20px;
}

#certificateFormBlock .registration .pict .pict-area {
    background: url('/images/certificate/certificate-img.webp') center center no-repeat;
    background-size: contain;
}

#callbackFormBlock .registration,
#feedbackFormBlock .registration {
    border: 0px solid #000;
}

#callbackFormBlock .registration .pict,
#feedbackFormBlock .registration .pict {
    background: #eac302;
    background: -moz-radial-gradient(center, ellipse cover, #eac302 0%, #cd8700 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #eac302 0%, #cd8700 100%);
    background: radial-gradient(ellipse at center, #eac302 0%, #cd8700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac302', endColorstr='#cd8700', GradientType=1);
    border-radius: 20px 0px 0px 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#callbackFormBlock .registration .pict .pict-area,
#feedbackFormBlock .registration .pict .pict-area {
    background: url('/images/callback-img.webp') center center no-repeat;
    background-size: contain;
    position: relative;
    top: -20px;
    height: calc(100% + 20px);
}

.registration .form-area .field textarea::-webkit-input-placeholder {
    color: #b1b6b8;
    font-size: 16px;
}

.registration .form-area .field textarea::-moz-placeholder {
    color: #b1b6b8;
    font-size: 16px;
}

/* Firefox 19+ */
.registration .form-area .field textarea:-moz-placeholder {
    color: #b1b6b8;
    font-size: 16px;
}

/* Firefox 18- */
.registration .form-area .field textarea:-ms-input-placeholder {
    color: #b1b6b8;
    font-size: 16px;
}

.clear {
    clear: both;
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
}

.prev-form-block {
    padding: 0px 0px 0px 150px;
    margin: 0px;
    background-position: 0px 0px;
    min-height: 120px;
}

.prev-form-block .registration .form-area .title {
    color: #fff !important;
}

.prev-form-block .registration {
    border: 0px solid #000;
    background: none;
}

.prev-form-block .registration .form {
    width: calc(100% - 150px);
    background: none;
    border-radius: 0px;
}

.prev-form-block .registration .form-area {
    padding: 0px;
}

.prev-form-block .comment-img {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 70px;
    left: 0px;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    border: 3px solid #E3ECEF;
}

.prev-form-block .comment-img-review {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 220px;
    left: 27px;
    width: 68px;
    height: 68px;
    border-radius: 50px;
    border: 3px solid #E3ECEF;
}

.prev-form-block .comment-img-review-mg {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 245px;
    left: 50px;
    width: 24px;
    height: 24px;
}

.prev-form-block .comment,
.prev-form-block .comment-owner {
    text-align: left;
}

.prev-form-block .comment-owner {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    max-width: calc(100% - 250px);
    color: #2f9f8b;
}

.prev-form-block .comment {
    padding: 20px 0px 0px 0px;
    min-height: 60px;
    color: #fff;
    font-style: italic;
}

.prev-form-block .stars {
    width: 200px;
    margin: 0px;
    padding: 20px 0px 0px 0px;
}

.prev-form-block .stars .star,
.prev-form-block .stars .empty_star {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 5px;
}

.prev-form-block .stars .star.smile1 {
    background: url('/images/reviews/smile1.webp');
}

.prev-form-block .stars .star.smile1.act {
    background: url('/images/reviews/smile1-act.webp');
}

.prev-form-block .stars .star.smile2 {
    background: url('/images/reviews/smile2.webp');
}

.prev-form-block .stars .star.smile2.act {
    background: url('/images/reviews/smile2-act.webp');
}

.prev-form-block .stars .star.smile3 {
    background: url('/images/reviews/smile3.webp');
}

.prev-form-block .stars .star.smile3.act {
    background: url('/images/reviews/smile3-act.webp');
}

.prev-form-block .stars .star.smile4 {
    background: url('/images/reviews/smile4.webp');
}

.prev-form-block .stars .star.smile4.act {
    background: url('/images/reviews/smile4-act.webp');
}

.prev-form-block .stars .star.smile5 {
    background: url('/images/reviews/smile5.webp');
}

.prev-form-block .stars .star.smile5.act {
    background: url('/images/reviews/smile5-act.webp');
}

@media only screen and (max-width: 960px) {
    #reviewFormBlock .registration .form {
        width: 60%;
    }

    #subscribeFormBlock .registration .form,
    #navigatorFormBlock .registration .form {
        width: 100%;
    }

    #reviewFormBlock .registration .form-area .field-col {
        width: 100%;
        height: 90px;
    }
}

@media only screen and (max-width: 720px) {
    #reviewFormBlock .registration .form {
        width: 100%;
    }

    .registration .form {
        border-radius: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .prev-form-block .comment-owner {
        max-width: 100%;
    }

    .prev-form-block {
        padding: 0px 100px 0px 250px !important;
    }

    .prev-form-block .comment-img {
        left: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .prev-form-block {
        padding: 150px 0px 0px 0px !important;
        margin-bottom: 80px;
    }

    .prev-form-block .comment-img {
        left: calc(50% - 60px);
        top: 0px;
    }

    .prev-form-block .comment-owner {
        text-align: center;
    }

    .prev-form-block .comment {
        padding: 20px 0px 0px 0px;
        background: url('/images/reviews/quotes.webp') 50% 0px no-repeat;
    }

    .prev-form-block .registration .form {
        width: 100%;
    }
}

@media only screen and (max-width: 428px) {
    .form-block .registration .form-area .field-button .link {
        display: block;
        margin: 0px 0px 20px 0px;
    }
}

@media only screen and (max-width: 420px) {
    .prev-form-block {
        max-width: 100%;
    }

    .prev-form-block .stars .star, .prev-form-block .stars .empty_star {
        width: 25px;
        height: 25px;
        background-size: cover !important;
    }
}

/*news 3.06.18*/

.field-button a.link {
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    font-size: 14px;
    padding: 14px 20px !important;
    margin: 0px 20px 0px 0px;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    background-color: #ccc;
    -webkit-box-shadow: 0 5px 0 #2c3649;
    box-shadow: 0 5px 0 #2c3649;
}

.field-button a.link.red {
    -webkit-box-shadow: 0 5px 0 #9f0000;
    box-shadow: 0 5px 0 #9f0000;
}

.field-button a.link.act {
    background-color: #3e4f71;
}

.field-button a.link.act.red {
    background-color: #f51d1d;
}

.field-button a.link:hover {
    -webkit-box-shadow: 0 1px 0 #2c3649;
    box-shadow: 0 1px 0 #2c3649;
}

.field-button a.link.red:hover {
    -webkit-box-shadow: 0 1px 0 #9f0000;
    box-shadow: 0 1px 0 #9f0000;
}

.shadow {
    position: fixed;
    z-index: 1000000000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(43, 69, 84, 0.76);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    display: none;
}

.shadow.prev {
    z-index: 10000000000002 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80) !important;
    -moz-opacity: 0.8 !important;
    -khtml-opacity: 0.8 !important;
    opacity: 0.8 !important;
}

* html .shadow {
    position: absolute;
    display: none;
}

form .input_checkbox {
    height: 23px;
    display: block;
    width: 100%;
    padding: 7px 0px 0px 0px;
    margin: 0px 45px 10px 0px;
    clear: both;
}

form .input_checkbox {
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 20px 45px 0px 0px;
}

form .input_checkbox > input[type=checkbox] {
    display: none;
}

form .input_checkbox > .span_checkbox {
    display: block;
    float: left;
    cursor: pointer;
    width: 26px;
    height: 26px;
    border: 1px solid #d2d8d8;
    background: #ffffff;
    padding: 0px;
    margin: 5px 15px 0px 0px;
}

form .input_checkbox > .span_checkbox.error {
    border: 1px solid rgba(215, 102, 102, 0.9);
    background-color: #fcd6d4;
}

form .input_checkbox > .span_checkbox.error:hover {
    border: 1px solid rgba(215, 102, 102, 0.9);
    margin: -8px 14px 0px -1px;
}

form .input_checkbox > .span_checkbox.error:focus {
    border: 1px solid rgba(215, 102, 102, 0.9);
    background-color: #ffffff;
    margin: -8px 14px 0px -1px;
}

form .input_checkbox > input[type=checkbox]:checked + .span_checkbox:before {
    content: "";
    position: absolute;
    left: -2px;
    top: 4px;
    width: 30px;
    height: 30px;
    background: url('/images/ccheck.webp') 0 0 no-repeat;
}

form .input_checkbox > input[type=checkbox]:checked + .span_checkbox.error:before {
    background-color: rgba(215, 102, 102, 0.9);
}

@media only screen and (max-width: 1480px) {
    .registration .form-area {
        padding: 15px 20px;
    }

    .registration .form-area .title {
        margin-bottom: 20px;
    }

    .registration .form-area .field-title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .registration .form-area .field {
        margin-bottom: 0px;
    }

    .registration .form-area .field input {
        font-size: 16px;
        padding: 2px 0;
    }

    .registration .form-area .policy {
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1280px) {
    .form-block {
        width: 90%;
    }

    /*.coddy {
          width:178px;
          height:210px;
          right:-22px;
          top:-20px;
          background:url('/local/templates/coddy/css/../img/img_coddy.png') 0 0 no-repeat;
          display:block;
          position:absolute;
      }*/
    .registration .form {
        width: 60%;
    }

    #subscribeFormBlock .registration .form,
    #navigatorFormBlock .registration .form {
        width: 100%;
    }

    .registration .pict {
        width: 40%;
    }

    .address-form-block .close {
        right: 15px;
        top: 15px;
    }

    .footer-top__item {
        font-size: 14px;
    }

    .footer-col-title {
        font-size: 14px;
    }

    .footer-content__text {
        flex: 0 0 60.6666%;
    }

    .footer-partners-logo .skolk {
        width: 15%;
    }
    .footer-partners-logo .european{
        width: 11%;
        margin-top: 5px;
    }
    .footer-partners-logo .histes{
        width: 16%;
    }
    .footer-partners-logo .etwinning{
        margin-top: 10px;
    }

    #informer {
        margin: 0 0 0 10px !important;
    }

    .informer-coddy {
        width: 300px !important;
    }

    .footer-bottom__wrapper {
        margin: 0px -50px;
    }
}

@media only screen and (max-width: 1200px) {
    #informer {
        margin-right: 7px !important;
    }
    .footer-partners-logo .skolk {
        width: 50%;
    }
    .footer-partners-logo .european{
        width: 50%;
    }
    .footer-partners-logo.mob div{
        clear: both;
    }
    .footer-partners-logo .mob{
        display: block !important;
    }
}

@media only screen and (max-width: 720px) {
    .form-block {
        width: 90%;
    }

    /*.coddy {
          width:178px;
          height:210px;
          right:-22px;
          top:-20px;
          background:url('/local/templates/coddy/css/../img/img_coddy.png') 0 0 no-repeat;
          display:block;
          position:absolute;
      }*/
    .registration .form {
        width: 100%;
    }

    .registration .pict {
        display: none;
    }
}

@media only screen and (max-width: 620px) {
    .coddy {
        width: 89px;
        height: 105px;
        right: -11px;
        top: -10px;
        background: url('/local/templates/coddy/css/../img/img_coddy.png') 0 0 no-repeat;
        background-size: cover;
    }

    .registration .form-area .field-title,
    .registration .form-area .field-error,
    .registration .form-area .field input {
        max-width: calc(100% - 60px);
    }

    .form-block {
        width: 85%;
    }

    .form-block .close {
        width: 20px;
        height: 20px;
        right: -15px;
        top: -20px;
        background: url('/local/templates/coddy/css/../img/close.png') 0 0 no-repeat;
        display: block;
        position: absolute;
        cursor: pointer;
        z-index: 9009;
    }

    .address-form-block .close {
        right: 15px;
        top: 15px;
    }

    .registration .form-area {
        padding: 20;
    }

    .registration .form-area .title {
        color: #0096bc;
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 15px;
        padding-right: 80px;
    }

    .registration .form-area .success {
        font-size: 16px;
        margin: -10px 0 10px;
    }

    .registration .form-area .error-mess {
        font-size: 16px;
        margin: -10px 0 10px;
    }

    .registration .form-area .field-title {
        width: calc(100% - 50px);
        font-size: 14px;
        margin-bottom: 5px;
    }

    .registration .form-area .field-error.act {
        font-size: 12px;
    }

    .registration .form-area .field {
        margin-bottom: 0px;
    }

    .registration .form-area .field input {
        font-size: 14px;
        padding: 2px 0;
    }

    .registration .form-area .policy {
        margin: 5px 0;
    }

    .registration .form-area .policy .policy-text,
    .registration .form-area .subscribe .subscribe-text {
        font-size: 10px;
        line-height: 13px !important;
        display: block;
    }

    .scroll_form.ios form .input_checkbox > .span_checkbox {
        margin: 0px 15px 20px 0px;
    }

    .scroll_form.ios form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before,
    .scroll_form.ios form#regi-form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before {
        top: 0px;
    }

    .scroll_form.ios .registration .form-area .policy .policy-text {
        font-size: 10px;
        line-height: 13px !important;
        display: block;
    }

    .scroll_form.ios .registration .form-area .field-title {
        margin-bottom: 3px;
    }

    form .input_checkbox > .span_checkbox {
        margin: 0px 15px 0px 0px;
    }

    form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before,
    form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before {
        top: -1px;
    }
}

a.lang {
    display: inline-block;
    vertical-align: middle;
}

a.lang img {
    vertical-align: middle;
}

a.lang .lang-text {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

a.lang:hover {
    text-decoration: none;
}

a.lang:hover .lang-text {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: none;
}


a.lang-mob img {
    margin-top: -7px;
}

a.lang-mob .lang-text {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 150%;
}

a.lang-mob:hover {
    text-decoration: none;
}

a.lang-mob:hover .lang-text {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

.page404 {
    background-color: #181743;
    padding: 80px 0 50px;
}

.page404 h1 {
    color: #FFF;
    text-align: center;
}

.page404 .img {
    text-align: center;
}

.page404 .img img {
    margin: 0 auto;
    width: 80%;
    max-width: 800px;
    height: auto;
}

.partners {
    padding: 0px 0 0px;
}

.partners .moon-sect {
    padding-top: 30px;
}

.partners h1 {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.certificates.to-gallery {
    padding-top: 10px;
    background-color: #fbfdfe;
}

.certificates.to-gallery-course {
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #f7f7f7;
}

.certificates.to-gallery-course .wrapper-btn-green {
    margin-top: 0;
    margin-bottom: 25px;
}

body {
    margin: 0px;
    padding: 0px;
}


.coddy-slider-overlay {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 550px;
    overflow: hidden;
    /*background-image: url('/images/slider/slider-background-day@480.webp');*/
    /*background-position: 50% 99%;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
}

.coddy-slider-overlay img.background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
     object-fit:cover;
    -o-object-fit: cover;
    z-index: -1;
    height: 100%;
    width: 100%;
}

@media (min-width: 500px) {
    .coddy-slider-overlay {
        /*background-image: url('/images/slider/slider-background-day.webp');*/
    }
}

@media (min-width: 1300px) {
    .coddy-slider-overlay {
        /*background-image: url('/images/slider/slider-background-day.webp');*/
    }
    .coddy-slider-overlay img.background {
        height: auto;
        top: -20%;
    }
}

@media (min-width: 1600px) {
    .coddy-slider-overlay {
        /*background-image: url('/images/slider/slider-background-day.webp');*/
    }
    .coddy-slider-overlay img.background {
        height: auto;
        top: -30%;
    }
}

@media (min-width: 1800px) {
    .coddy-slider-overlay {
        /*background-image: url('/images/slider/slider-background-day.webp');*/
    }
    .coddy-slider-overlay img.background {
        height: auto;
        top: -50%;
    }
}

.coddy-slider-overlay_hiddenblock {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 550px;
    overflow: hidden;
    /*background-image: url('/images/slider/slider-background-day@480.webp');*/
    background-position: 50% 99%;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 500px) {
    .coddy-slider-overlay_hiddenblock {
        /*background-image: url('/images/slider/slider-background-day.webp');*/
    }
}

.coddy-slider-overlay.night {
    /*background-image: url('/images/slider/slider-background-night@480.webp');*/
}

@media (min-width: 500px) {
    .coddy-slider-overlay.night {
        /*background-image: url('/images/slider/slider-background-night.webp');*/
    }
}

.coddy-slider-overlay_hiddenblock.night {
    /*background-image: url('/images/slider/slider-background-night@480.webp');*/
}

@media (min-width: 500px) {
    .coddy-slider-overlay_hiddenblock.night {
        /*background-image: url('/images/slider/slider-background-night.webp');*/
    }
}

.coddy-slider-overlay.halloween {
    background-image: url('/images/slider/slider-background-halloween.webp');
}

.coddy-slider-overlay_hiddenblock.halloween {
    background-image: url('/images/slider/slider-background-halloween.webp');
}

.coddy-slider-arrow {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 20px);
    z-index: 3;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    z-index: 3;
}

.coddy-slider-arrow.prev {
    left: 20px;
}

.coddy-slider-arrow.next {
    right: 20px;
}

.coddy-slider-arrow-blocker {
    display: none;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 20px);
    z-index: 4;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: default;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.coddy-slider-arrow-blocker.prev {
    left: 20px;
}

.coddy-slider-arrow-blocker.next {
    right: 20px;
}

.coddy-slider-window {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    height: 100%;
}

.coddy-slider-window.snow {
    background-image: url('/images/slider/snowflake.webp'), url('/images/slider/snowflake3.webp'), url('/images/slider/snowflake2.webp');
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    -o-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-o-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

.coddy-slider-slide {
    display: block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    list-style: none;
    top: 0px;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 550px;
    transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -moz-transition: all 1s ease 0.5s;
    -ms-transition: all 1s ease 0.5s;
}

.coddy-slider-slide.active {
    left: 0px;
    z-index: 2;
    opacity: 1;
}

.coddy-slider-anim {
    display: block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    list-style: none;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.coddy-slider-data {
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0 20px;
    list-style: none;
    top: 0%;
    left: 50%;
    z-index: 2;
    max-width: 860px;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 20px;
    font-family: sans-serif;
}

.coddy-slider-data .coddy-slider-data-block {
    display: table;
    width: 100%;
    height: 100%;
}

.coddy-slider-data .coddy-slider-data-info {
    display: table-cell;
    vertical-align: middle;
}

.coddy-slider-name {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.15);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    max-width: 330px;
}

@media (max-width: 768px) {
    .coddy-slider-name {
        display: none;
    }
}

.coddy-slider-name-mobile {
    display: none;
    position: relative;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.15);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    max-width: 330px;
}

@media (max-width: 768px) {
    .coddy-slider-name-mobile {
        display: block;
    }
}

.coddy-slider-desc {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
    color: rgb(43, 69, 84);
    text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.15);
    max-width: 303px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
    letter-spacing: 0px;
}

.coddy-slider-data .schedule-button {
    max-width: 303px;
}

.coddy-slider-data .schedule-button a.link + a.link {
    margin-left: 20px;
}

.coddy-slider-overlay.night .coddy-slider-desc {
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
}

.coddy-slider-overlay_hiddenblock.night .coddy-slider-desc {
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
}

.coddy-slider-overlay.halloween .coddy-slider-desc {
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
}

.coddy-slider-overlay_hiddenblock.halloween .coddy-slider-desc {
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
}

.coddy-slider-desc ul li {
    list-style: none;
    margin: 0px 0px 0px 20px;
    position: relative;
}

.coddy-slider-desc ul li:before {
    content: "";
    position: absolute;
    left: -18px;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #0096b8;
}

.coddy-slider-button {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    padding: 0px 20px;
    margin-right: 20px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    font-family: sans-serif;
    border-radius: 20px;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.coddy-slider-button.primary {
    background-color: rgb(72, 90, 127);
}

.coddy-slider-button.primary:hover {
    background-color: rgb(62, 79, 113);
    color: #FFF;
    text-decoration: none;
}

.coddy-slider-button.submit {
    background-color: rgb(61, 179, 158);
}

.coddy-slider-button.submit:hover {
    background-color: rgb(47, 159, 139);
    color: #FFF;
    text-decoration: none;
}

.coddy-slider-button:hover,
.coddy-slider-button:visited,
.coddy-slider-button:active,
.coddy-slider-button:focus {
    color: #FFF;
    text-decoration: none;
}

.slide-in .in-bottom {
    bottom: -200%;
}

.slide-out .element-center-left.out-left {
    left: -200% !important;
}

.slide-out .element-center-right.out-right {
    right: -200% !important;
}

.slide-out .out-top {
    bottom: 200% !important;
}

.slide-out .out-bottom {
    bottom: -200% !important;
}

.element-bottom-center {
    display: block;
    position: absolute;
    width: 600px;
    bottom: -100%;
    left: calc(50% - 180px);
    opacity: 0;
    transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -moz-transition: all 1s ease 0.5s;
    -ms-transition: all 1s ease 0.5s;
}

.active .element-bottom-center {
    bottom: calc(50% - 215px);
    display: block;
    opacity: 1;
}

.element-top-center {
    display: block;
    position: absolute;
    width: 600px;
    top: -100%;
    left: calc(50% - 180px);
    opacity: 0;
    transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -moz-transition: all 1s ease 0.5s;
    -ms-transition: all 1s ease 0.5s;
}

.active .element-top-center {
    top: calc(50% - 220px);
    display: block;
    opacity: 1;
}

.element-center-left {
    display: block;
    position: absolute;

    bottom: 50%;
    left: -100%;

    opacity: 0;

    transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -moz-transition: all 1s ease 0.5s;
    -ms-transition: all 1s ease 0.5s;
}

.active .element-center-left {
    display: block;
    left: calc(50% - 600px);
    opacity: 1;
}

.element-center-right {
    display: block;
    position: absolute;

    bottom: calc(50% - 215px);
    right: -100%;
    width: 600px;
    opacity: 0;

    transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -moz-transition: all 1s ease 0.5s;
    -ms-transition: all 1s ease 0.5s;
}

.active .element-center-right {
    display: block;
    right: calc(50% - 520px);
    opacity: 1;
}

.left-m-100 {
    margin-left: -100px;
}

.left-p-100 {
    margin-left: 100px;
}

.left-p-200 {
    margin-left: 200px;
}

.left-p-300 {
    margin-left: 300px;
}

.right-m-100 {
    margin-right: -100px;
}

.right-p-100 {
    margin-right: 100px;
}

.bottom-m-100 {
    margin-bottom: -100px;
}

.bottom-m-200 {
    margin-bottom: -200px;
}

.bottom-m-300 {
    margin-bottom: -300px;
}

.bottom-p-100 {
    margin-bottom: 100px;
}

.coddy-slider-data ul {
    list-style-type: disc;
    padding-left: 16px;
}

#special-element-sun {
    bottom: calc(50% - 55px);
}

.coddy-slider-slide.active #special-element-sun {
    left: calc(50% - 685px);
    bottom: calc(50% - 55px);
}

#special-element-rocket {
    left: calc(50% - 285px);
}

.coddy-slider-slide.active #special-element-rocket {
    bottom: -15px;
    left: calc(50% - 285px);

    transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -moz-transition: all 1s ease 0.5s;
    -ms-transition: all 1s ease 0.5s;
}

.coddy-slider-slide.active #special-elemet-ipad {
    bottom: 35px;
}

#special-element-balloon-1 {
    left: calc(50% - 685px);
}

.coddy-slider-slide.active #special-element-balloon-1 {
    left: calc(50% - 685px);
    bottom: calc(50% + 75px);
}

#special-element-balloon-2 {
    left: calc(50% - 585px);
}

.coddy-slider-slide.active #special-element-balloon-2 {
    left: calc(50% - 585px);
    bottom: calc(50% - 35px);
}

#special-element-balloon-3 {
    right: calc(50% - 325px);
}

.coddy-slider-slide.active #special-element-balloon-3 {
    right: calc(50% - 325px);
    bottom: calc(50% + 80px);
}

#special-element-balloon-4 {
    right: calc(50% - 475px);
}

.coddy-slider-slide.active #special-element-balloon-4 {
    right: calc(50% - 475px);
    bottom: 50%;
}

#special-element-balloon-5 {
    right: calc(50% - 575px);
}

.coddy-slider-slide.active #special-element-balloon-5 {
    right: calc(50% - 575px);
    bottom: calc(50% + 95px);
}

@media screen and (max-width: 992px) {
    .coddy-slider-window {
        background-position: top center;
    }

    .coddy-slider-data {
        padding: 0 70px;
    }

    .coddy-slider-anim .element-bottom-center,
    .coddy-slider-anim .element-top-center {
        margin-left: 160px;
    }

    .coddy-slider-anim .element-center-right {
        margin-left: 60px;
    }

    .coddy-slider-desc,
    .coddy-slider-name {
        color: rgb(43, 69, 84);
    }

    .coddy-slider-overlay.night .coddy-slider-name,
    .coddy-slider-overlay_hiddenblock.night .coddy-slider-name,
    .coddy-slider-overlay_hiddenblock.night .coddy-slider-desc
    .coddy-slider-overlay.night .coddy-slider-desc {
        color: rgb(255, 255, 255);
    }
}

@media screen and (max-width: 767px) {
    .coddy-slider-overlay, .coddy-slider-overlay_hiddenblock, .coddy-slider-slide {
        height: 400px;
    }

    .coddy-slider-data {
        width: 100%;
    }

    .coddy-slider-desc,
    .coddy-slider-name {
        font-size: 16px;
        line-height: 23px;
        max-width: 100%;
    }

    .coddy-slider-name {
        text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.35);
    }

    .coddy-slider-anim {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    .coddy-slider-overlay, .coddy-slider-overlay_hiddenblock, .coddy-slider-slide {
        height: 550px;
    }
}

@media screen and (max-width: 400px) {
    .coddy-slider-overlay, .coddy-slider-overlay_hiddenblock, .coddy-slider-slide {
        height: 600px;
    }

    .coddy-slider-desc, .coddy-slider-name {
        font-size: 14px;
        line-height: 20px;
    }
}

/**** REVIEWS SLIDER NAV *****/
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;

    margin: 0px;
    height: 0px;

    top: calc(50% - 20px);
    z-index: 3;

    width: 40px;
    height: 40px;

    border-radius: 20px;

    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;

    background-color: rgba(0, 0, 0, 0.60);
    cursor: pointer;

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
    background-color: rgba(0, 0, 0, 0.95);
}

.owl-carousel .owl-nav .owl-prev {
    left: 0px;
}

.owl-carousel .owl-nav .owl-next {
    right: 0px;
}

.agreement-replace {
    font-size: 14px !important;
    font-weight: normal;
}

.error-message {
    color: rgba(215, 102, 102, 0.9);
    font-size: 14px !important;
    font-weight: normal;
    display: none;
}

.your-stuff-inp .agreement .span_title {
    font-size: 13px;
}

#blinger-launcher-iframe {
    margin-bottom: 0px;
}

.rocket-block.fixed {
    margin-bottom: 70px;
}

@media screen and (max-width: 320px) {
    #blinger-launcher-iframe {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 321px) and (max-width: 340px) {
    #blinger-launcher-iframe {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 321px) and (max-width: 410px) {
    #blinger-launcher-iframe {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 411px) and (max-width: 510px) {
    #blinger-launcher-iframe {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 511px) and (max-width: 620px) {
    #blinger-launcher-iframe {
        margin-bottom: 10px;
    }

    .rocket-block.fixed {
        margin-bottom: 130px;
    }
}

@media screen and (min-width: 621px) and (max-width: 880px) {
    #blinger-launcher-iframe {
        margin-bottom: 10px;
    }

    .rocket-block.fixed {
        margin-bottom: 110px;
    }
}

@media screen and (min-width: 881px) and (max-width: 1510px) {
    #blinger-launcher-iframe {
        margin-bottom: 10px;
    }

    .rocket-block.fixed {
        margin-bottom: 10px;
    }
}

.our-team-subsect .slick-dots {
    display: none;
}

.our-team-subsect .owl-dots {
    overflow: hidden !important;
    height: 24px;
    padding-top: 6px;
    margin: auto !important;
}

.members-carousel .slick-dots {
    text-align: center !important;
    position: relative;
}

.comments-about-us.reviews_page {
    background-repeat: repeat;
    background-size: contain;
    margin-top: 60px;
    padding-top: 0px;
}

.comments-about-us.reviews_page h1 {
    color: #fff;
}

.comments-about-us.reviews_page .slider-main {
    padding-top: 0px;
}

.comments-about-us.reviews_page .item-review {
    padding-top: 40px;
}

.comments-about-us.reviews_page .item-review .comment-owner {
    margin-bottom: 0px;
}

.comments-about-us.reviews_page .item-review .line {
    background: #0594b4;
    height: 3px;
    width: calc(50% - 10px);
    display: inline-block;
}

.comments-about-us.reviews_page .item-review .pixel {
    background: #0594b4;
    height: 3px;
    width: 3px;
    margin: 0px 4px;
    display: inline-block;
    border-radius: 50%;
}

.comments-about-us.reviews_page .link.primary {
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .comments-about-us.reviews_page {
        margin-top: 75px;
    }
}

.hidden_block {
    display: none;
    height: 0px;
    width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px solid #000;
}

.bottom-face-foot {
    overflow: hidden;
    margin: 0 auto 20px;
    max-width: 340px;
}

#vk_groups {
    max-width: 340px;
    width: 100% !important;
    margin: 0 auto;
}

#vk_groups iframe {
    width: 100%;
}

.members-carousel .slick-list {
    padding: 0px 0 0;
}

.privacy-policy {
    padding: 60px 20px;
}

.privacy-policy h1 {
    max-width: 1170px;
    text-align: center;
    padding: 0 15px 35px;
    margin: auto;
    margin-top: 0;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.banner-wrapper {
    z-index: 0;
}

.button {
    display: inline-block;
    vertical-align: top;
    max-width: 334px;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #18a283;
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
}

.button:hover {
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

.leave-review.discounts_page, .price-coddy.price_page {
    background-repeat: repeat;
    background-size: contain;
    margin-top: 0px;
    padding-top: 0px;
}

.leave-review.discounts_page h1, .price-coddy.price_page h1 {
    margin-top: 60px;
}

@media screen and (min-width: 768px) {

    .switch {
        margin-left: 10px;
        margin-right: 10px;
    }

    #callbackFormBlock .switch {
        margin: 0px;
    }

    .container-news {
        padding: 0px 20px 80px;
    }

    .header-banner + .main-head,
    .header-banner + #bxdynamic_JE6SPz_end + .main-head {
        position: absolute;
        top: 80px;
        left: 0;
    }

    .mobile-nav-menu .mobile-nav-menu__btn {
        margin-bottom: 30px;
    }

    .toggle-mnu {
        margin-top: 8px;
    }

    .language-ico a {
        display: block;
        margin-top: 5px;
    }

    .numbers .numb-wrapper {
        padding-right: 40px;
        padding-left: 40px;
    }

    .numbers .numb-wrapper {
        padding-top: 120px;
        padding-bottom: 140px;
    }

    .topic-for-school {
        font-size: 24px;
        line-height: 40px
    }

    .info-about-us .write-us {
        font-size: 24px;
        margin-bottom: 35px;
    }

    .info-about-us.contacts-page h1 {
        padding: 0 0 30px;
    }

    .info-about-us.contacts-page {
        padding: 45px 0;
        margin-top: 45px;
    }

    .design-thoughts {
        padding-top: 40px;
    }

    body > .head-img + .design-thoughts {
        padding-top: 40px;
    }

    .banner-wrapper + .design-thoughts {
        padding-top: 30px;
    }

    .our-school {
        padding-top: 50px;
    }

}

@media screen and (min-width: 1024px) {

    .numbers .numb-wrapper {
        padding-top: 120px;
        padding-bottom: 180px;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 65px;
    }

    .moon-sect {
        padding-top: 65px;
        padding-bottom: 0px;
    }

    .our-team-subsect {
        margin-top: 65px;
    }

    .members-carousel .slick-list {
        padding: 0px 0 0;
    }

    .info-about-us.contacts-page {
        margin: 60px 0px 0px;
        padding: 90px 0px 150px;
    }

    .privacy-policy h1 {
        text-align: center;
        padding: 0 0 30px;
    }

    .prepod {
        width: 300px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 1200px) {
    .footer-bottom__wrapper {
        margin: 0px;
    }

    .head-img {
        display: block;
        height: auto;
        min-height: auto;
        background: none !important
    }

    .head-img canvas {
        display: none;
    }

    .head-img img {
        top: 0px;
        left: 0px;
        width: 100%;
        display: block;
    }
}

@media screen and (min-width: 1300px) {

    .numbers .numb-wrapper .actual-numb {
        font-size: 77px;
        line-height: 77px;
    }

    .info-about-us {
        background-image: url("/local/templates/coddy/css/../img/sect-foot-info/bg-foot.jpg");
        background-size: auto 110%;
    }
}

@media screen and (max-width: 1299px) {

    .agreement-replace a {
        color: #000;
        text-decoration: underline;
    }

    #callbackFormBlock .switch .mess_switch {
        color: #0692b3;
    }

    .switch .mess_switch {
        color: #fff;
    }

    input.toggle-round + label:before {
        background-color: #fff;
    }

}

@media screen and (max-width: 1024px) {
    .footer-partners-logo .csta {
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width: 992px) {
    .head-img {
        margin-top: 37px;
    }

    .privacy-policy {
        padding: 75px 20px;
    }
}

@media screen and (max-width: 991px) {
    .head-img {
        margin-top: 27px;
    }

    .footer-partners-logo .skolk {
        width: 50%;
        display: inline-block;
    }

    .footer-partners-logo .european {
        width: 50%;
    }

    .footer-partners-logo .histes {
        display: inline-block;
        width: 50%;
        text-align: left;
    }

    .footer-partners-logo .gm {
        display: inline-block;
        width: 50%;
        text-align: left;
    }

    .footer-partners-logo .gm img.mob {
        display: block;
    }

    .footer-partners-logo .gm img.desk {
        display: none;
    }

    .footer-partners-logo .csta img.mob {
        display: block;
    }

    .footer-partners-logo .csta img.desk {
        display: none;
    }

    .footer-partners-logo .csta {
        display: inline-block;
        width: 20%;
        text-align: right;
    }
}

@media screen and (max-width: 767px) {

    .header-banner, .banner-wrapper {
        display: none;
    }

    .main-head {
        min-height: 70px;
        text-align: center;
    }

    .wrap-main-site-nav {
        position: absolute;
        right: 0;
        top: auto;
    }

    .c-filter.header {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        float: none;
        display: inline-block;
    }

    .c-filter.header {
        -webkit-transform: translate(-34%, 0);
        transform: translate(-34%, 0);
    }

    .mobile-nav-menu {
        padding-top: 20px;
    }

    .moon-sect .partners li img {
        margin-bottom: 0;
    }

    .moon-sect .partners li {
        margin-bottom: 0px;
    }

    .slider-main-partners.owl-carousel .owl-nav .owl-prev {
        left: 0;
    }

    .slider-main-partners.owl-carousel .owl-nav .owl-next {
        right: 0;
    }

    .about-sub-container .after-topic {
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .about-sub-container {
        margin-top: 0 !important;
    }

    .head-img {
        display: none;
    }

    #callbackFormBlock .switch .mess_switch {
        font-size: 16px;
    }

    .footer-partners-logo .gm {
        display: inline-block;
        width: 100%;
        text-align: left;
    }

}

@media screen and (max-width: 639px) {

    .mobile-nav-menu {
        /*padding-top: 20px;*/
        /*top: 65px;*/
    }

    .main-head2 .mobile-nav-menu {
        /*top: 95px; */
    }

    .c-filter.header {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .main-site-logo {
        display: block;
        float: none;
        text-align: left;
    }

    .numbers .numb-wrapper {
        display: block;
        padding-top: 60px;
    }

    .numbers .numb-wrapper .actual-numb {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 8px;
    }

}

.main-head p.link {
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 3px 0px 0px;
}

.main-head .lang-text {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 5px;
}

.main-head p.lang-mob .lang-text, .main-head p.lang-mob:hover .lang-text {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

.main-head .lang-key {
    cursor: pointer;
}

#cd-lang .languages {
    padding: 0em 2em 2em 2em;
    width: 150px;
    margin: auto;
}

#cd-lang .cd-user-modal-title {
    padding: 20px 20px 30px;
}

#cd-lang .languages .img_lang {
    width: 30px;
    float: left;
}

#cd-lang .languages .img_lang a img {
    height: 24px;
}

#cd-lang .languages .text_lang {

}

#cd-lang .languages .text_lang a {

}

#cd-address li {
    margin-bottom: 20px;
}

.main-site-nav .mobile-nav-menu__btn {
    display: none;
}

@media screen and (min-width: 992px) {
    .mobile-nav-menu {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .main-site-nav {
        padding-top: 0px;
    }

    .main-site-nav .mobile-nav-menu__btn {
        display: block;
    }

    .mobile-nav-menu .mobile-nav-menu__btn {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .main-site-nav .mobile-nav-menu__btn {
        display: none;
    }

    .mobile-nav-menu .mobile-nav-menu__btn {
        display: block;
    }
}

/*Карта в контаках*/
.environment.default {
    display: block !important;
}

.environment.sources {
    display: none !important;
}

.view {
    display: block;
    position: absolute;
    box-sizing: border-box;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.view.default {
    display: block !important;
    z-index: 1;
}

.view.windows {
    display: none !important;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.8);
}

.view.windows.active {
    display: block !important;
}

.view.welcome {
    display: none !important;
    z-index: 2;
}

.inner {
    display: block;
    position: absolute;
    box-sizing: border-box;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
}

.section.map > .inner {
    height: 100%;
}

.card-container {
    display: none;
    position: absolute;
    top: 90px;
    left: 30px;
    z-index: 10;
    width: 500px;
    height: 500px;
    overflow-y: auto;
    background: white;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.4em;
}

/* Стили для карточек */

.card__logo {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    margin-bottom: 20px;
    height: 85px;
    width: auto;
}

.card-active {
    display: block;
}

.card a {
    text-decoration: none;
    color: #337ab7;
    font-size: 20px;
}

.card a:hover {
    text-decoration: underline;
    color: #4790ce
}

.card__route {
    font-size: 20px;
}

.card__site {
    margin-top: 24px;
}

.exitImg {
    opacity: 0.45;
    position: absolute;
    right: 10px;
    width: 25px;
}

.exitImg:hover {
    opacity: 1;
    cursor: pointer;
}

.view.windows .window {
    display: none;
    position: absolute;
    box-sizing: border-box;
    float: left;
    margin: 0px;
    padding: 0px;
    width: auto;
    height: 100%;
}

.view.windows .window.active {
    display: block !important;
}

.view.windows .window.city {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 300px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
}

.view.windows .window.school {
    position: absolute;
    top: 0px;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.view.windows .window.school.active {
    right: 0px;
}

.view.windows .window.point {
    position: absolute;
    top: 0px;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

/* Слайдер */
.slider {
    position: relative;
}

.slider-images img {
    margin: 0 auto;
    display: none;
    height: 330px;
    width: 100%;
}

.slider-images img.show-img {
    display: block;
}

.left-button, .right-button {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.75);
    top: 150px;
    cursor: pointer;
}

.left-button, .right-button {
    padding: 5px;
}

.left-button {
    left: 0px;
}

.right-button {
    right: 0px;
}

.left-button:hover, .right-button:hover {
    background-color: rgba(200, 200, 200, 0.8);
}

.tabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #bbb;
}

.tabs p {
    display: inline-block;
    border: 1px solid transparent;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: -1px;
}

.tabs p:not(.tab-active):hover {
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 1px solid transparent;
    color: #495057;
}

.tabs .tab-active {
    border: 1px solid #bbb;
    border-bottom: 1px solid white;
    border-radius: 3px 3px 0px 0px;
    color: #495057;
}

.hidden {
    display: none;
}

.loading-failed-message {
    position: absolute;
    width: 400px;
    max-height: 200px;
    z-index: 20;
    padding: 20px;
    border: 3px solid rgb(200, 150, 150);
    border-radius: 15px;
    background-color: #fff;
    font-size: 26px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.section {
    /* Отображение элемента: Блок */
    display: block;
    /* Позиционирование элемента: Абсолютное */
    position: absolute;
    /* Просчет размеров элемента: Игнорировать внутрение отступы */
    box-sizing: border-box;
    /* Обтекание элемента: По левому краю */
    float: left;

    /* Внешний отступ элемента */
    margin: 0px;
    /* Внутрений отступ элемента */
    padding: 0px;


    /* Ширина элемента */
    width: 100%;
    /* Высота элемента */
    height: auto;

}

.section.map {

    /* Позиция от левого края */
    left: 0px;
    /* Позиция от верхнего края */
    top: 0px;

    /* Ширина элемента */
    width: 100%;
    /* Высота элемента */
    height: 100%;

    /* Уровень слоя */
    z-index: 1;

}

/*КОНЕЦ Карта в контактах*/

.main-head .mobi_logo {
    display: none;
}

.main-head .desc_logo {
    height: 140px;
    width: 100%;
    max-width: 120px;
    position: absolute;
    top: -40px;
}

.main-head .c-filter.header {
    margin-left: 145px;
}

@media screen and (max-width: 992px) {
    .main-head .mobi_logo {
        display: block;
        height: 110px;
        position: absolute;
        top: -30px;
        z-index: 20;
    }

    .main-head .desc_logo {
        display: none;
    }

    .main-head .c-filter.header {
        margin-left: 25px;
    }

    .leave-review.discounts_page h1, .price-coddy.price_page h1 {
        margin-top: 75px;
    }

}

/*Выпадашка меню*/
.main-site-nav li .link, .main-site-nav li .link-out, a.lang .lang-text {
    font-size: 14px;
}

.main-site-nav .drop-down > .link-out {
    display: inline-block;
    padding: 10px 0 25px;
    border-bottom: 3px solid transparent;
    margin-bottom: -20px;
    line-height: 18px;
}

.main-site-nav .drop-down > .link-out:hover,
.main-site-nav .drop-down > .link-out.active {
    border-color: #0097b9;
    color: #fff;
}

@media only screen and (max-width: 1200px) {
    .main-site-nav li .link, .main-site-nav li .link-out, a.lang .lang-text {
        font-size: 14px;
    }
}

.main-site-nav .desc-nav li.drop-down {
    position: relative;
}

@media (min-width: 992px) {
    .main-site-nav .desc-nav li.drop-down {
        height: 42px;
    }

    .main-site-nav .drop-down > .link-out {
        padding-bottom: 22.33px;
        line-height: 24px;
    }
}

.main-site-nav .desc-nav li.drop-down span {
    cursor: pointer;
}

.main-site-nav .desc-nav li.drop-down ul {
    display: none;
    position: absolute;
    width: 250px;
    text-align: left;
    top: 57px;
    left: -80px;
    padding: 2px 0 25px;
    box-shadow: inset 0 -26px #2b4554;
}

.main-head-block.fixed .main-site-nav .desc-nav .drop-down ul {
    top: 55px;
}

.main-site-nav .desc-nav li.drop-down > ul::before {
    content: "";
    display: block;
    height: 25px;
    background-color: #2b4554;
}

.main-site-nav .desc-nav li.drop-down li {
    width: 100%;
    padding: 0.99px 0;
    margin: -0.99px 0;
    background-color: #2b4554;
}

.main-site-nav .desc-nav li.drop-down li:hover {
    background-color: #3c5a6b;
}

.main-site-nav .desc-nav li.drop-down li.hasmenu {
    background-image: url('/images/arrow-right.webp');
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

.main-site-nav .desc-nav li.drop-down li.hasmenu ul {
    height: calc(100% - 5px);
    overflow-y: auto;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #0493b4 #3c5a6b; /* Firefox */
}

/* скрываем полосу прокрутки  для Chrome, Safari и Opera*/
.main-site-nav .desc-nav li.drop-down li.hasmenu ul::-webkit-scrollbar {
    background-color: #3c5a6b;
    width: 7px;
}

.main-site-nav .desc-nav li.drop-down li.hasmenu ul::-webkit-scrollbar-thumb {
    background-color: #0493b4;
}

.main-site-nav .desc-nav li.drop-down li .link-out {
    width: 100%;
    display: block;
    padding: 10px 40px;
}

.main-site-nav .desc-nav li.drop-down li .link-out:hover {
    color: #fff;
}

/*КОНЕЦ Выпадашка меню*/

/*Выпадающее меню 2 уровня*/
.main-site-nav .desc-nav .drop-down ul ul {
    top: 2px;
    left: 250px;
    min-height: calc(100% - 2px);
    box-shadow: inset 0 -999px #3c5a6b;
}

.main-head-block.fixed .main-site-nav .desc-nav .drop-down ul ul {
    top: 2px;
}

.main-site-nav .desc-nav .drop-down ul ul::before {
    content: "";
    display: block;
    height: 23px;
    background-color: #3c5a6b;
}

.main-site-nav .desc-nav .drop-down ul ul li {
    background: #3c5a6b;
}

/*КОНЕЦ Выпадающее меню 2 уровня*/

/*Версия для слабовидящих*/
#visually_impaired {
    position: absolute;
    top: 0px;
    right: 0px;
}

#visually_impaired .visually_impaired_botton {
    width: 70px;
    height: 50px;
    background: url('/images/version/eye.120.webp') 50% 50% no-repeat #fff !important;
    background-size: cover !important;
    position: absolute;
    right: 40px;
    z-index: 100;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0px 5px #999;
    cursor: pointer;
}

#visually_impaired .visually_impaired_botton.active {
    background: url('/images/version/not_eye.120.webp') 50% 50% no-repeat #fff !important;
    background-size: cover !important;
}

#visually_impaired .visually_impaired_botton:hover {
    background-color: #eee !important;
}

/*Общие*/
.header-wrapper.black .header-banner,
.header-wrapper.black img,
#content.black img,
.main-foot.black img,
#content.black,
#content.black .rocket-block .back-to-top,
#content.black .more-info-about-us .social_share a.telegrem-coddy,
#content.black .more-info-about-us .social_share a.viber-coddy,
#content.black .more-info-about-us .social_share a.vk-coddy,
#content.black .more-info-about-us .social_share a.fb-coddy,
#content.black .more-info-about-us .coddy-tv-block,
#content.black .more-info-about-us .coddy-tv-block .botton,
#content.black .our-news .b-event__image,
#content.black .our-school .block_answer,
#content.black .our-school .block_bubbles.owl-carousel .owl-nav .owl-prev,
#content.black .our-school .block_bubbles.owl-carousel .owl-nav .owl-next,
#content.black .comments-about-us .item-review .comment-shared,
#content.black .comments-about-us .item-review .stars,
#content.black .comments-about-us .reviews_block,
.main-foot.black iframe,
.cd-user-modal.black img,
.form-block.black,
.form-block.black img,
.form-block.black .registration .pict .pict-area,
.form-block.black .coddy,
.form-block.black form#regi-form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before,
.header-wrapper.black .popup-city-list .logo-city-list,
.header-wrapper.black .popup-city-list .search-city-list .btn-search {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.header-wrapper.black a,
#content.black a,
.main-foot.black a,
.cd-user-modal.black a,
.form-block.black a,
.form-block.black #info_contacts .block_contacts .block_address .address .menu li a.menu_map {
    color: #000000 !important;
    text-decoration: underline !important;
}

.header-wrapper.black .city-filter .city-t-filter span:after,
.header-wrapper.black .city-filter .city-t-filter:hover span:after {
    border-color: #000 transparent #000 transparent;
}

.header-wrapper.black canvas {
    display: none;
}

.header-wrapper.black #logo-block {
    width: 140px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.header-wrapper.black .top-head {
    background: #fff;
    border-top: 2px solid #333;
}

.header-wrapper.black a:hover,
#content.black a:hover,
.main-foot.black a:hover,
.cd-user-modal.black a:hover,
.form-block.black a:hover {
    color: #000000 !important;
    text-decoration: none !important;
}

.header-wrapper.black div,
.header-wrapper.black p,
.header-wrapper.black span,
.header-wrapper.black nav,
.header-wrapper.black li,
.header-wrapper.black a {
    color: #000000 !important;
}

/*Шапка*/
.header-wrapper.black .header-info {
    background: #ffffff;
    color: #000000;
}

.header-wrapper.black .main-head {
    background: #ffffff;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

.header-wrapper.black .btn-filter,
.header-wrapper.black .btn-filter.active,
#content.black .btn-filter,
#content.black .btn-filter.active,
.header-wrapper.black .mobile-nav-menu__btn a {
    background: #ffffff;
    color: #000000;
    border: 1px solid #333;
    box-shadow: none;
}

.header-wrapper.black .filter-options__inside,
#content.black .filter-options__inside,
.header-wrapper.black .popup-city-list .search-city-list input.search {
    background: #ffffff;
    border: 1px solid #333;
}

.header-wrapper.black .filter-options ul li a,
#content.black .filter-options ul li a {
    background: #ffffff;
    color: #000000;
}

.header-wrapper.black .b-filter .btn-filter:after,
.header-wrapper.black .b-filter .btn-filter span:after,
.header-wrapper.black .main-site-nav li .btn-filter-enroll:after,
#content.black .b-filter .btn-filter:after,
#content.black .b-filter .btn-filter span:after,
#content.black .main-site-nav li .btn-filter-enroll:after {
    border-color: transparent transparent #000 transparent !important;
}

.header-wrapper.black .b-filter .filter-options ul li a:hover,
.header-wrapper.black .b-filter .filter-options ul li.active a,
#content.black .b-filter .filter-options ul li a:hover,
#content.black .b-filter .filter-options ul li.active a {
    border: 1px solid #333;
}

.header-wrapper.black .contacts-phone__number a,
.header-wrapper.black .contacts-phone__link a,
.header-wrapper.black .main-site-nav li .link,
.header-wrapper.black .main-site-nav li .link-out,
.header-wrapper.black .main-head .lang-text,
.header-wrapper.black .popup-city-list .search-city-list input[type="text"]::placeholder {
    color: #000000;
}

.header-wrapper.black .contacts-phone__number a:hover {
    text-decoration: underline;
}

.header-wrapper.black .main-site-nav li .btn-filter-enroll {
    background: #ffffff;
    border: 1px solid #333;
    box-shadow: none;
}

.header-wrapper.black .main-site-nav .desc-nav li.drop-down ul {
    background: #ffffff;
    box-shadow: none;
    padding-bottom: 0;
}

.black .main-site-nav .desc-nav li.drop-down ul ul {
    background: #ffffff;
    box-shadow: none;
    border: 1px solid #333;
    border-left: 2px solid #000;
    padding-bottom: 0;
}

.black .main-site-nav .desc-nav li.drop-down ul::before {
    background: #fff;
    border: 1px solid #333;
    border-left: 2px solid #000;
    border-bottom: 0;
}

.black .main-site-nav .desc-nav li.drop-down ul::after {
    content: "";
    display: block;
    height: 25px;
    background: #fff;
    border: 1px solid #333;
    border-left: 2px solid #000;
    border-top: 0;
}

.black .main-site-nav .desc-nav li.drop-down ul ul::before,
.black .main-site-nav .desc-nav li.drop-down ul ul::after {
    border: 0;
}

.header-wrapper.black .main-site-nav .desc-nav li.drop-down li {
    background-color: transparent;
    border-left: 2px solid #333;
    border-right: 1px solid #333;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.header-wrapper.black .main-site-nav .desc-nav li.drop-down ul ul li {
    border-left: 0;
    border-right: 0;
}

.header-wrapper.black .main-site-nav .desc-nav li.drop-down li:hover {
    box-shadow: 0 0.9px #000,
    0 -0.9px #000;
}

.black .main-site-nav .desc-nav .drop-down .hasmenu {
    background-image: url('/images/arrow-right-black.webp');
}

.header-wrapper.black .main-site-logo,
.header-wrapper.black .popup-city-list .close {
    filter: invert(1);
}

.header-wrapper.black .lang-mob img.lang-key {
    display: none;
}

.header-wrapper.black .toggle-mnu span,
.header-wrapper.black .toggle-mnu span:after,
.header-wrapper.black .toggle-mnu span:before {
    background-color: #000;
}

.header-wrapper.black .toggle-mnu.on span {
    background-color: transparent;
}

.header-wrapper.black .mobile-nav-menu {
    background: #fff;
}

.header-wrapper.black .mobile-nav-menu .link-out {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.black .main-site-nav .drop-down > .link-out.active {
    border-color: #333;
}

.header-wrapper.black .popup-city-list {
    background: #ffffff;
}

.mobile-nav-menu .drop-down .link-out {
    font-weight: bold;
    /*color: #2f9f8b;*/
    font-size: 17px;
    padding: 15px 0;
    position: relative;
}

.mobile-nav-menu .drop-down ul {
    display: none;
    /*position: absolute;
      top: 1px;
      right: 0;
      left: 0;
      z-index: 1;*/
    /*margin: 0 -20px;*/
    padding: 0 0 160px;
    background-color: #2b4554;
}

.mobile-nav-menu .drop-down ul .link-out {
    padding: 15px 0 15px;
    border: 0;
    font-weight: normal !important;
    /*color: #ffffff;*/
    font-size: 16px;
}

.mobile-nav-menu .drop-down span.link-out.open {
    display: none;
    /*color: #2f9f8b !important;*/
}

/*.mobile-nav-menu .drop-down ul .link-out span {
      display: none;
  }
  .mobile-nav-menu .drop-down .hasmenu .link-out span {
      display: block;
  }*/
.mobile-nav-menu .drop-down .link-out span {
    transform: translateY(1px) rotate(0deg);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 18px;
    right: 0;
    transition: .3s;
}

.mobile-nav-menu .drop-down .link-out span:before,
.mobile-nav-menu .drop-down .link-out span:after {
    content: '';
    display: block;
    position: relative;
    background-color: #fff;
    height: 2px;
    width: 12px;
    top: 5px;
    right: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.mobile-nav-menu .drop-down .link-out span:before {
    transform: translateY(1px) rotate(45deg);
    top: 0px;
}

.mobile-nav-menu .drop-down .link-out.open span:before,
.mobile-nav-menu .drop-down .link-out.open span:after {
    background-color: #2f9f8b;
}

.mobile-nav-menu .drop-down .link-out.open span {
    transform: translate(-3px, 1px) rotate(90deg);
}

.mobile-nav-menu .drop-down ul ul {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    /*background: black;*/
}

.mobile-nav-menu .drop-down li li {
}

.link-out1 {
    font-size: 17px;
    padding: 15px 0;
    position: relative;
    cursor: pointer;
    color: #fff !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: none !important;
    border-top: 1px solid #556a76;
    display: block;
    text-align: left;
    outline: none;
    float: right;
}

.link-out1 > i {
    transform: translateY(1px) rotate(0deg);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 18px;
    right: 0;
    transition: .3s;
}

.link-out1 > i:after {
    content: '';
    display: block;
    position: relative;
    background-color: #fff;
    height: 2px;
    width: 12px;
    top: 5px;
    right: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.link-out1 > i:before {
    transform: translateY(1px) rotate(45deg);
    top: 0px;
    content: '';
    display: block;
    position: relative;
    background-color: #fff;
    height: 2px;
    width: 12px;
    right: 0px;
    border-radius: 1px;
}


/*Контент*/
#content.black .coddy-slider-window {
    background: #ffffff;
}

#content.black .coddy-slider-name,
#content.black .coddy-slider-desc {
    color: #000000;
}

#content.black .schedule-button a.link,
#content.black .make-a-review .center-btn a.link,
#content.black .leave-review .center-btn a.link,
#content.black .certificates .wrapper-btn-green,
#content.black .wrapper-btn-blue,
#content.black .your-stuff-inp #submit_comment,
#content.black .comments-about-us .link.primary,
#content.black .leave-review .link.primary,
#content.black .btn-green-color a,
#content.black .b-about-sert__body .link.primary,
#content.black .b-about-sert .b-about-sert__body a.link.btn,
#content.black .price-coddy .price_button a.link,
#content.black .our-courses .link.primary,
#langFormBlock.form-block.black .languages .lang_name span,
#langFormBlock.form-block.black .languages .lang_name span:hover,
#langFormBlock.form-block.black .button,
.form-block.black a.link {
    color: #000000 !important;
    background: #fff !important;
    -webkit-box-shadow: 0 0px 0 #fff !important;
    box-shadow: 0 0px 0 #fff !important;
    border: 1px solid #333 !important;
}

#langFormBlock.form-block.black .languages .lang_name.act span {
    color: #ffffff !important;
    background: #000000 !important;
}

#content.black .about-sub-container .topic {
    color: #000000;
    font-weight: bold;
}

#content.black .rocket-block .back-to-top p,
#content.black .leave-review .topic-card {
    color: #000000;
}

#content.black .rocket-block .back-to-top:hover {
    text-decoration: none;
}

#content.black .rocket-block .back-to-top p:hover {
    text-decoration: underline;
}

#content.black .what-we-teach {
    background: #666;
}

#content.black .sect-topic .about-coddy-topic,
#content.black .wrapper-sect-inside .text-about-coddy .text-1,
#content.black .wrapper-sect-inside .text-about-coddy .text-5,
#content.black .slider-main .comment,
#content.black .slider-main .comment-owner,
#content.black .slider-main p {
    color: #000000;
}

#content.black .comments-about-us,
#content.black .our-courses,
#content.black .moon-sect,
#content.black .info-about-us {
    background: #ffffff !important;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

#content.black .slider-main .owl-dots .owl-dot {
    background: #ffffff;
    border: 1px solid #333;
}

#content.black .slider-main .owl-dots .owl-dot.active,
#content.black .slider-main .owl-dots .owl-dot:hover {
    border: 1px solid #333;
    background: #333;
}

#content.black .leave-review .about-sub-container {
    background: #ffffff;
    border: 1px solid #333;
}

#content.black .leave-review .about-sub-container:hover {
    background: #ffffff;
}

#content.black .leave-review .about-sub-container .after-topic,
#content.black .leave-review .about-sub-container .after-text p,
#content.black .leave-review .about-sub-container:hover .after-topic span,
#content.black .leave-review .about-sub-container .after-topic span,
#content.black .leave-review .text-star,
#content.black .leave-review .text-bold,
#content.black .leave-review .after-topic .rub,
#content.black .leave-review .after-topic .rub:hover,
#content.black .your-kids-future,
#content.black .our-news .s-title,
#content.black .moon-sect .topic {
    color: #000000 !important;
}

#content.black .b-course,
#content.black .portfolio-items .item-overlay,
#content.black .portfolio-items .item-overlay .actions-overlay .link,
#content.black .our-news .b-event.b-event_column {
    background: #ffffff !important;
    border: 1px solid #333;
}

#content.black .b-course__title,
#content.black .b-course__desc,
#content.black .b-course__price,
#content.black .our-news .b-date,
#content.black .our-news .b-event__body {
    background: #ffffff !important;
    color: #000000 !important;
}

#content.black .slick-dots li.slick-active button,
#content.black .slick-dots li:hover button
#content.black .our-school .block_bubbles .owl-dots .owl-dot.active,
#content.black .our-school .block_bubbles .owl-dots .owl-dot:hover,
#content.black .members-carousel .slick-arrow.slick-next:hover:after {
    background: #000000 !important;
}

#content.black .b-course__icon img {
    filter: invert(1);
}

#content.black .our-news .b-event__name a,
#content.black .our-news .b-event__company a,
#content.black .our-news .b-event__text,
#content.black .certificates .gift-sertificate__header,
#content.black .certificates .b-about-sert__header p,
#content.black .certificates .b-about-sert__body p {
    color: #000000 !important;
}

#content.black .certificates .gift-sertificate {
    background: #ffffff;
    border-top: 2px solid #333;
}

#content.black .certificates .gift-sertificate:after {
    filter: invert(1);
    bottom: 25px;
    left: -55px;
    z-index: 5;
}

#content.black .our-school .block_bubbles .item,
#content.black .members-carousel .member-name span,
#content.black .members-carousel .slick-dots li.slick-active button {
    box-shadow: none;
    background: #fff;
    border: 1px solid #333;
    color: #000000 !important;
}

#content.black .our-school .block_bubbles .item .title_bubble,
#content.black .members-carousel .member-desc,
#content.black .numbers .numb-wrapper .actual-numb,
#content.black .numbers .numb-wrapper .after-numb-text,
#content.black .wanna-be-better .wanna-be-topic,
#content.black .wanna-be-better .after-wanna-be-text,
#content.black .wanna-be-better .after-wanna-be-text a,
#content.black .info-about-us .write-us,
#content.black .write-us.map a,
#content.black .info-about-us .common-asks,
#content.black .info-about-us .link-inf-about,
#content.black .info-about-us .pr-text,
#content.black .info-about-us .our-city,
#content.black .info-about-us .time-table,
#content.black .info-about-us .numbs .numb p,
#content.black .info-about-us .adress .link,
#content.black .info-about-us .link_contacts,
#content.black .agreement .span_title,
#content.black .agreement .span_title a,
#content.black .certificates .wrapper-btn-green .order-a-cerf,
#content.black .wrapper-btn-blue .link,
#content.black #accordion .panel-heading a,
#content.black #accordion .panel-heading a.active,
#content.black #accordion .panel-heading a:hover,
#content.black .price-coddy .quote,
#content.black .b-filter.search input[type="text"]::placeholder,
#content.black .b-course .b-course-title,
#content.black .b-course .b-course-desc,
#content.black .b-course .b-course-age,
#content.black .b-course .b-course-duration {
    color: #000000 !important;
}

#content.black .members-carousel .slick-dots li button {
    box-shadow: none;
    background: #fff;
    border: 1px solid #333;
}

#content.black .members-carousel .slick-dots li.slick-active button {
    box-shadow: none;
    background: #333;
    border: 1px solid #333;
}

#content.black .numbers {
    background: #fff;
}

#content.black .numbers .numb-wrapper {
    padding-top: 100px;
    padding-bottom: 0px;
}

#content.black .info-about-us .adress li:before,
#content.black .info-about-us .numbs .numb:before,
#content.black .info-about-us .some-links li:before {
    background: #000000;
}

#content.black .wanna-be-better .after-wanna-be-text a,
#content.black .info-about-us .adress .link,
#content.black .info-about-us .link-inf-about,
#content.black .info-about-us .link_contacts,
#content.black .agreement .span_title a {
    text-decoration: underline;
}

#content.black .wanna-be-better .after-wanna-be-text a:hover,
#content.black .info-about-us .adress .link:hover,
#content.black .info-about-us .link-inf-about:hover,
#content.black .info-about-us .link_contacts:hover,
#content.black .agreement .span_title a:hover {
    text-decoration: none;
}

#content.black .info-about-us {
    padding-top: 100px;
}

#content.black .info-about-us .social-icons li .fa,
#content.black .info-about-us .social-icons li .ustart,
#content.black .info-about-us .social-icons li .viber {
    filter: invert(1);
}

#content.black .any-questions {
    margin-top: 0px;
}

#content.black .cd-form input.has-border,
#content.black .cd-form textarea.has-border {
    border: 1px solid #333;
}

#content.black .cd-form input.has-border.has-error,
#content.black .cd-form textarea.has-border.has-error,
.cd-user-modal.black .cd-form input.has-border.has-error,
.cd-user-modal.black .cd-form textarea.has-border.has-error {
    border: 2px solid #333;
}

#content.black .cd-form .cd-error-message,
.cd-user-modal.black .cd-form .cd-error-message.is-visible {
    background: #fff;
    border: 1px solid #000;
    color: #000000 !important;
    bottom: -45px;
    font-size: 12px;
}

#content.black .cd-form .cd-error-message:after,
.cd-user-modal.black .cd-form .cd-error-message:after {
    border-bottom: 8px solid rgba(0, 0, 0, 0.9);
}

#content.black input.toggle-round + label:after {
    background: #000;
}

#content.black input.toggle-round + label:before,
#content.black #accordion .panel-heading a,
#content.black #accordion .panel-heading a.active,
#content.black #accordion .panel-heading a:hover,
#content.black #info_contacts .block_contacts .block_address .address .menu li,
.form-block.black #info_contacts .block_contacts .block_address .address .menu li {
    background: #fff;
    border: 1px solid #333;
}

#content.black form .input_checkbox > .span_checkbox,
.cd-user-modal.black form .input_checkbox > .span_checkbox {
    border: 1px solid rgba(0, 0, 0, 0.9);
    background-color: #fff;
}

#content.black form .input_checkbox > .span_checkbox.error,
.cd-user-modal.black form .input_checkbox > .span_checkbox {
    border: 2px solid rgba(0, 0, 0, 0.9);
    background-color: #fff;
}

#content.black .coddy-slider-arrow .arrow:before,
#content.black .coddy-slider-arrow .arrow:after,
#content.black .partner-reviews-arrow .arrow:before,
#content.black .partner-reviews-arrow .arrow:after,
#content.black .owl-prev .arrow:before,
#content.black .owl-next .arrow:before,
#content.black .owl-prev .arrow:after,
#content.black .owl-next .arrow:after,
#content.black .slick-arrow.slick-prev .arrow:before,
#content.black .slick-arrow.slick-next .arrow:before,
#content.black .slick-arrow.slick-prev .arrow:after,
#content.black .slick-arrow.slick-next .arrow:after,
#content.black .coddy-slider-arrow .arrow .line,
#content.black .partner-reviews-arrow .arrow .line,
#content.black .owl-prev .arrow .line,
#content.black .owl-next .arrow .line,
#content.black .slick-arrow.slick-prev .arrow .line,
#content.black .slick-arrow.slick-next .arrow .line {
    background-color: #000;
}

#content.black .our-awards .awards-title span,
#content.black .price-coddy .price_item .price_item_count_child,
#content.black #info_contacts .contacts_time_and_phone div a,
#content.black #info_contacts .form_contacts .contacts_info div a,
#content.black #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a,
#content.black #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement span,
#content.black .switch .mess_switch,
#content.black #form_callback .cd-user-modal-success.field_switch_error,
#content.black #form_callback .cd-user-modal-success.field_mess_error,
#content.black .cd-user-modal-success.error,
#content.black .cd-user-modal-success.field_error,
#content.black .cd-user-modal-success {
    color: #ffffff !important;
}

#content.black .b-filter.search input[type="text"] {
    border: 1px solid #000;
}

#content.black .b-course .b-course-info {
    background: #fff !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#content.black .b-course .b-course-desc {
    border-bottom: 1px solid #000;
}

#content.black .b-course .b-course-age {
    border-right: 1px solid #000;
}

#content.black .b-course.img_icon {
    border-bottom: 0px solid #000;
}

#content.black #info_contacts .block_address .address .menu li .scheme_map,
.form-block.black #info_contacts .block_address .address .menu li .scheme_map {
    border: 1px solid;
    border-radius: 100%;
}

#content.black .comments-about-us .stars_block {
    display: none;
}

.rub {
    font-family: 'Conv_RUBSN' !important;
}

/*Подвал*/
.footer.black {
    background-color: #ffffff;
    color: #000;
}

.footer.black a {
    color: #000;
    text-decoration: underline;
}

.footer.black a:hover {
    text-decoration: none;
}

.form-block.black .registration .form-area .field-button .link:after {
    filter: invert(1);
}

.black .footer-bottom {
    border-top: 1px solid;
    background: #fff;
    color: #000;
}

.footer.black .btn {
    border: 1px solid;
    background: #fff;
    color: #000;
    box-shadow: none;
}

.black .footer-social__icon {
    box-sizing: content-box;
    border: 1px solid;
    border-radius: 50%;
    background-color: #000;
}

.main-head .filter-options ul li.active a,
.main-head .filter-options ul li a:hover {
    border-radius: 32px;
}

.b-city-list {
    /*display: table;
      width: 100%;*/
    padding-bottom: 10px;
}

.b-city-item {
    /*display: table-cell;
      vertical-align: top;
      width: 33%;*/
}

.main-head .filter-options {
    width: 400%;
    text-align: left;
}

.b-menu_mobile .filter-options {
    right: 0;
    width: calc(100% - 50px);
    left: auto;
    display: block;
    z-index: 20;
    margin: 0;
    top: 0;
    transform: none;
}

.main-head .b-menu_mobile .filter-options__inside ul li {
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}

.main-head .b-menu_mobile .filter-options__inside {
    height: 300px;
    overflow: scroll;
    border-radius: 0;
    margin: 0;
}

.close-mobile_btn {
    position: absolute;
    background: #0484ac;
    top: 15px;
    left: -1000px;
    width: 50px;
    height: 50px;
    -webkit-transition: 0.8s ease-out;
    -moz-transition: 0.8s ease-out;
    -o-transition: 0.8s ease-out;
}

.close-mobile_btn:after,
.close-mobile_btn:before {
    content: " ";
    width: 2px;
    display: block;
    position: absolute;
    height: 26px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.close-mobile_btn:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

@media (max-width: 992px) {
    .main-head .filter-options {
        width: calc(400% - 65px);
        margin-left: calc(-100% + 25px);
    }
}

@media (max-width: 991px) {
    .main-head .filter-options {
        width: calc(400% - 65px);
        margin-left: -220px;
    }
}


@media (max-width: 767px) {

    .main-head .btn-filter.active + .filter-options .close-mobile_btn {
        left: 0;
    }

    .main-head .btn-filter.active:after {
        opacity: 0;
    }

    .main-head .b-filter {
        position: static;
    }

    .main-head .c-filter.header {
        position: static;
        transform: none;
        margin-left: -100px;
    }

    .main-head .filter-options {
        width: 100%;
        margin-left: 0;
        transform: none;
        right: 0;
        left: auto !important;
        overflow: hidden;
        height: 465px;
        pointer-events: none;
    }

    .b-city-item {
        width: 100%;
        display: block;
    }

    .main-head .btn-filter.active + .filter-options .filter-options__inside {
        right: 0;
    }

    .main-head .btn-filter.active + .filter-options {
        pointer-events: inherit;
    }

    .main-head .filter-options__inside {
        height: 100%;
        overflow: scroll;
        border-radius: 0;
        margin-top: 15px;
        margin-left: 50px;
        position: absolute;
        width: calc(100% - 50px);
        top: 0;
        right: -1000px;
        -webkit-transition: 0.8s ease-out;
        -moz-transition: 0.8s ease-out;
        -o-transition: 0.8s ease-out;
    }

}

@media (max-width: 639px) {
    .main-head .c-filter.header {
        margin-left: 0;
    }
}


.form-block.black .registration .form-area .title,
.form-block.black .registration .form-area .field-error,
.cd-user-modal.black .cd-user-modal-title.success,
.cd-user-modal.black .cd-user-modal-success,
.cd-user-modal.black .cd-form input[type="submit"] {
    color: #000000 !important;
}

.form-block.black .field-button a.link.act,
.cd-user-modal.black .cd-form input[type="submit"] {
    border: 1px solid #333;
    background: #fff;
}

.form-block.black .center-btn .link:before {
    border: 0px solid #333;
    background: #fff;
}

.form-block.black .center-btn .link {
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-block.black .registration .form-area .field input.err {
    border-bottom: 2px solid #000000;
}

/**** COLLECT DATA ****/
.collect-data {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #2b4554;
    color: #FFF;
    z-index: 10000000000000;
    animation: showDiv 3s forwards;
    /*animation-name: fadein;
      animation-iteration-count: infinite;
      animation-timing-function: cubic-bezier(1.0,0,0,1.0);
      animation-duration: 2s;
      -webkit-animation-name: blinker;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
      -webkit-animation-duration: 2s;*/

}

@keyframes showDiv {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }

}

.collect-data .collect-button {
    text-align: center;
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    font-size: 10px;
    padding: 10px 15px !important;
    margin: 5px 0px;
    max-width: 150px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
}

.collect-data .collect-button a:hover {
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

.collect-data .collect-text {
    text-align: left;
    padding: 5px 1px;
    font-size: 10px;
}

.collect-data .collect-text a {
    text-decoration: underline;
}

.collect-data .collect-text a:hover {
    color: #009bb7;
    text-decoration: none;
}

.collect-data .collect-robot {
    position: relative;
}

.collect-data img.collect-robot {
    width: 12%;
    bottom: 0;
    position: absolute;
    max-width: 185px !important;
}

@media only screen and (max-width: 991px) {
    .collect-data img.collect-robot {
        display: none;
    }

    .collect-data .collect-text {
        padding: 20px 5px 5px;
    }
}

@media only screen and (max-width: 600px) {
    .collect-data .collect-button {
        max-width: 100%;
        margin: 5px 2px 15px 2px;
    }

    .collect-data .collect-text {
        padding: 10px 5px 5px;
    }
}

.ul-part {
    text-align: center;
}

.ul-part li {
    display: inline-block;
    margin: 30px 10px 0px;
}

.ul-part li a {
    display: block;
    width: 260px;
    height: 100px;
    border: 1px solid #ffffff;
}

.ul-part li.li-part1 a {
    background: url('/images/yar_partner1.webp') 50% 50% no-repeat #00485c;
}

.ul-part li.li-part2 a {
    background: url('/images/yar_partner2.webp') 50% 50% no-repeat #00485c;
}

.ul-part li.li-part1 a:hover {
    background: url('/images/yar_partner12.webp') 50% 50% no-repeat #00485c;
}

.ul-part li.li-part2 a:hover {
    background: url('/images/yar_partner22.webp') 50% 50% no-repeat #00485c;
}


/*Страница философия*/
.philosophy-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.philosophy-page {
    padding: 0px 0 475px;
    margin-top: 0px;
    background: url('/images/philosophy/philosophy_header.webp') 50% 0% no-repeat,
    url('/images/philosophy/philosophy_footer.webp') 50% 100% no-repeat,
    url('/images/philosophy/philosophy_footer2.webp') 50% 100% no-repeat;
}

.philosophy-page .title:before {
    content: "";
    position: absolute;
    left: -54px;
    top: -1px;
    width: 54px;
    min-height: 42px;
    height: 100%;
    background: url('/images/philosophy/philosophy_title.webp') 0% 0% repeat-y;
}

.philosophy-page .title:after {
    content: "";
    position: absolute;
    right: -54px;
    top: -1px;
    width: 54px;
    min-height: 42px;
    height: 100%;
    background: url('/images/philosophy/philosophy_title2.webp') 0% 0% repeat-y;
}

.philosophy-page .title {
    padding: 5px 0px 5px 10px;
    margin: 30px 0px 55px;
    min-height: 41px;
    background-color: #f3f3f3;
    display: inline-block;
    position: relative;
    color: #446e87;
    font-size: 28px;
    line-height: 40px;
    max-width: calc(100% - 80px);
}

.philosophy-page .title_center {
    text-align: center;
}

.philosophy-page .right {
    text-align: right;
}

.philosophy-page .text {
    color: #888888;
    font-size: 16px;
    line-height: 22px;
}

.philosophy-page .text p, .philosophy-page .text ul {
    margin: 0px 0px 25px;
}

.philosophy-page .text span {
    color: #3db39e;
    font-weight: 700;
}

.philosophy-page .text ul li {
    padding: 0px 0px 0px 35px;
    list-style: none;
    background: url('/images/philosophy/philosophy_li.webp') 15px 8px no-repeat;
}

.philosophy-page .quote:before, .philosophy-page .quote:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 20px;
    background: url('/images/philosophy/philosophy_quote.webp') 0% 0% no-repeat;
}

.philosophy-page .quote:before {
    left: -41px;
    bottom: -15px;
}

.philosophy-page .quote:after {
    right: 0px;
    top: -15px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.philosophy-page .quote {
    position: relative;
    padding: 0px;
    margin: 55px 0px 55px;
    color: #446e87;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.philosophy-page .text_bold {
    color: #3db39e;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin: 0px 0px 25px 0px;
}

.philosophy-page .duble .col-md-6 {
    padding: 0% 10% 0% 0%;
}

.philosophy-page .duble .col-md-6:nth-child(2n) {
    padding: 0% 0% 0% 3%;
}

.philosophy-page .duble .col-md-6 .right {
    padding: 0px 0px 0px 10%;
}

.philosophy-page .head_title {
    padding: 300px 0px 383px 0px;
}

.head_title h1 {
    font-weight: 700;
    font-size: 58px;
    line-height: 58px;
    text-align: left;
}

.philosophy-page .head_title h1 {
    font-weight: 700;
    font-size: 58px;
    line-height: 58px;
    text-align: left;
}

.philosophy-page .head_title h1 span {
    color: #0095b6;
}

.philosophy-page .col-md-6.img {
    height: 560px;
}

.philosophy-page .philosophy_img_b1 {
    width: 100%;
    height: auto;
    position: relative;
}

.philosophy-page .philosophy_img_b1 div {
    width: 105%;
    position: absolute;
    top: -60px;
    height: 620px;
    margin-left: -60px;
}

.philosophy-page .philosophy_img_b1 .philosophy_img_l1 {
    z-index: 1;
    background: url('/images/philosophy/philosophy_b1_l1.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b1 .philosophy_img_l2 {
    z-index: 2;
    background: url('/images/philosophy/philosophy_b1_l2.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b1 .philosophy_img_l3 {
    z-index: 3;
    background: url('/images/philosophy/philosophy_b1_l3.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b1 .philosophy_img_l4 {
    z-index: 4;
    background: url('/images/philosophy/philosophy_b1_l4.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b1 .philosophy_img_l5 {
    z-index: 5;
    background: url('/images/philosophy/philosophy_b1_l5.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b1 .philosophy_img_l6 {
    z-index: 7;
    background: url('/images/philosophy/philosophy_b1_l6.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b1 .philosophy_img_l7 {
    display: none;
    width: 65px;
    height: 63px;
    top: 223px;
    left: 374px;
    z-index: 6;
    background: url('/images/philosophy/philosophy_b1_l7.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b2 div {
    width: 105%;
    position: absolute;
    top: -60px;
    height: 545px;
    margin-left: 60px;
}

.philosophy-page .philosophy_img_b2 .philosophy_img_l1 {
    z-index: 1;
    background: url('/images/philosophy/philosophy_b2_l1.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b2 .philosophy_img_l2 {
    z-index: 2;
    background: url('/images/philosophy/philosophy_b2_l2.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b2 .philosophy_img_l3 {
    z-index: 3;
    background: url('/images/philosophy/philosophy_b2_l3.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b2 .philosophy_img_l4 {
    z-index: 4;
    background: url('/images/philosophy/philosophy_b2_l4.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b2 .philosophy_img_l5 {
    z-index: 5;
    background: url('/images/philosophy/philosophy_b2_l5.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .philosophy_img_b3 {
    display: none;
}

.philosophy-page .philosophy_img_b3 div {
    width: 105%;
    position: absolute;
    top: -60px;
    height: 545px;
    margin-left: 60px;
}

.philosophy-page .philosophy_img_b3 .philosophy_img_l1 {
    z-index: 1;
    background: url('/images/philosophy/philosophy_b3_l1.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.philosophy-page .stars {
    border-radius: 100%;
    background: #ffffff;
}

.philosophy-page .star1 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 90px;
    left: -70px;
}

.philosophy-page .star2 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 120px;
    left: 110px;
}

.philosophy-page .star3 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 220px;
    left: -55px;
}

.philosophy-page .star4 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 320px;
    left: -110px;
}


.philosophy-page .star5 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 170px;
    right: 70px;
}

.philosophy-page .star6 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 210px;
    right: 300px;
}

.philosophy-page .star7 {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 400px;
    right: 0px;
}

.philosophy-page .star8 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 500px;
    right: 90px;
}

.philosophy-page .star9 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 310px;
    right: 170px;
}

.philosophy-page .star10 {
    width: 10px;
    height: 10px;
    position: absolute;
}

.philosophy-page .star11 {
    width: 5px;
    height: 5px;
    position: absolute;
    background: #f8e160;
}

.philosophy-page .star12 {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #f8e160;
}

.philosophy-page .cosmonaut {
    position: absolute;
    top: 385px;
    right: 255px;
    z-index: 2;
}

.philosophy-page .cosmonaut_hand {
    position: absolute;
    top: 405px;
    right: 278px;
    z-index: 1;
}

.philosophy-page .courses_to {
    margin: 480px 0px 0px;
}

.philosophy-page .courses_to a.link {
    display: block;
    width: 250px;
    margin: auto;
}

.philosophy-page {
    overflow: hidden;
}

.philosophy-page .courses_to {
    margin: 0px;
}

.philosophy-page .text span.text-topic-bold {
    color: #888888;
}

#block-confetti {
    width: 100%;
    max-width: 410px;
    margin: auto;
    position: relative;
}

#confetti {
    width: 100%;
    max-width: 400px;
    height: 500px;
    overflow-y: hidden;
    margin: 0px 0px 16px 10px;
    border-radius: 185px 185px 0px 0px;
}

/*Адаптив*/
@media only screen and (max-width: 1199px) {
    .philosophy-page .star3 {
        top: 160px;
        left: -50px
    }

    .philosophy-page .star4 {
        top: 260px;
        left: -100px;
    }

    .philosophy-page .star5 {
        top: 130px;
        right: 120px;
    }

    .philosophy-page .star6 {
        top: 210px;
        right: 250px;
    }

    .philosophy-page .star7 {
        top: 340px;
        right: -20px;
    }

    .philosophy-page .star8 {
        top: 470px;
        right: 70px;
    }

    .philosophy-page .cosmonaut {
        right: 150px;
    }

    .philosophy-page .cosmonaut_hand {
        right: 173px;
    }

    .philosophy-page .philosophy_img_b1 div {
        top: 0px;
        height: 520px;
        margin-left: -20px;
    }

    .philosophy-page .philosophy_img_b2 div {
        margin-left: -20px;
    }

    .philosophy-page .philosophy_img_b1 .philosophy_img_l7 {
        width: 56px;
        height: 53px;
        top: 237px;
        left: 313px;
    }

    .philosophy-page .head_title {
        padding: 208px 0px 413px 50px;
    }

    .philosophy-page .duble .col-md-6 {
        padding: 0% 10% 0% 15px;
    }

    .philosophy-page .duble .col-md-6:nth-child(2n) {
        padding: 0% 15px 0% 3%;
    }
}

@media only screen and (max-width: 991px) {
    #block-confetti {
        display: none;
    }

    .philosophy-page {
        background: url('/images/philosophy/philosophy_header3.webp') -20% 2% no-repeat,
        url('/images/philosophy/philosophy_header1.webp') 0% -1% no-repeat,
        url('/images/philosophy/philosophy_header2.webp') 200% -2% no-repeat,
        url('/images/philosophy/philosophy_footer3.webp') 50% 100% no-repeat;
        background-size: 50% auto, 50% auto, auto 720px, 125% auto;
    }

    .philosophy-page .animation_header {
        display: none;
    }

    .philosophy-page .head_title {
        padding: 160px 0px 52% 15%
    }

    .philosophy-page .col-md-6.img {
        height: auto;
    }

    .philosophy-page .philosophy_img_b1 {
        width: 350px;
        height: 400px;
        position: relative;
        margin: 0px auto 30px;
    }

    .philosophy-page .philosophy_img_b1 div {
        height: 400px;
        top: 0px;
        margin: 0px;
    }

    .philosophy-page .philosophy_img_b1 .philosophy_img_l7 {
        width: 38px;
        height: 37px;
        top: 139px;
        left: 188px;
    }

    .philosophy-page .philosophy_img_b2 {
        display: none;
    }

    .philosophy-page .philosophy_img_b3 {
        display: block;
        width: 350px;
        height: 400px;
        position: relative;
        margin: 0px auto 30px;
    }

    .philosophy-page .philosophy_img_b3 div {
        height: 400px;
        top: 0px;
        margin: 0px;
    }

    .philosophy-page .col-md-6.title_mobile_center {
        text-align: center;
    }

    .philosophy-page .text ul li {
        padding: 0px 0px 0px 20px;
        background: url('/images/philosophy/philosophy_li.webp') 0px 8px no-repeat;
        margin: 0px;
    }

    .philosophy-page .quote {
        text-align: center;
        padding: 0px 30px;
    }

    .philosophy-page .quote:before {
        left: 0px;
    }

    .philosophy-page .duble .col-md-6, .philosophy-page .duble .col-md-6:nth-child(2n) {
        padding: 0px 15px;
    }

    .philosophy-page .duble .col-md-6 .right {
        padding: 0px 0px;
    }

    .philosophy-page .right {
        text-align: left;
    }

    .philosophy-page .courses_to {
        margin: 45% 0px 0px;
    }
}

@media only screen and (max-width: 880px) {
    .philosophy-page {
        padding: 0px 0 30%;
        margin-top: 0px;
        background: url('/images/philosophy/philosophy_header3.webp') -20% 2% no-repeat,
        url('/images/philosophy/philosophy_header1.webp') 0% -1% no-repeat,
        url('/images/philosophy/philosophy_header2.webp') 300% -2% no-repeat,
        url('/images/philosophy/philosophy_footer.webp') 50% 100% no-repeat;
        background-size: 50% auto, 50% auto, auto 720px, 125% auto;
    }

    .philosophy-page .courses_to {
        margin: 40% 0px 0px;
    }
}

@media only screen and (max-width: 820px) {
    .philosophy-page {
        padding: 0px 0 30%;
        margin-top: 0px;
        background: url('/images/philosophy/philosophy_header3.webp') -20% 2% no-repeat,
        url('/images/philosophy/philosophy_header1.webp') 0% -1% no-repeat,
        url('/images/philosophy/philosophy_header2.webp') 400% -2% no-repeat,
        url('/images/philosophy/philosophy_footer.webp') 50% 100% no-repeat;
        background-size: 50% auto, 50% auto, auto 720px, 125% auto;
    }

    .philosophy-page .courses_to {
        margin: 36% 0px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .philosophy-page {
        padding: 0px 0 30%;
        margin-top: 0px;
        background: url('/images/philosophy/philosophy_header3.webp') -20% 2% no-repeat,
        url('/images/philosophy/philosophy_header1.webp') 0% -1% no-repeat,
        url('/images/philosophy/philosophy_header2.webp') 280% -2% no-repeat,
        url('/images/philosophy/philosophy_footer.webp') 50% 100% no-repeat;
        background-size: 50% auto, 50% auto, auto 600px, 125% auto;
    }

    .philosophy-page .head_title {
        padding: 120px 0px 40% 20%;
    }

    .philosophy-page .head_title h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .philosophy-page .head_title img {
        height: 38px;
    }

    .philosophy-page .courses_to {
        margin: 36% 0px 0px;
    }
}

@media only screen and (max-width: 675px) {
    .philosophy-page {
        padding: 0px 0 30%;
        margin-top: 0px;
        background: url('/images/philosophy/philosophy_header3.webp') -20% 2% no-repeat,
        url('/images/philosophy/philosophy_header1.webp') 0% -1% no-repeat,
        url('/images/philosophy/philosophy_header2.webp') 300% -2% no-repeat,
        url('/images/philosophy/philosophy_footer.webp') 50% 100% no-repeat;
        background-size: 50% auto, 50% auto, auto 550px, 125% auto;
    }

    .philosophy-page .head_title {
        padding: 120px 0px 45% 20%;
    }

    .philosophy-page .head_title h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .philosophy-page .head_title img {
        height: 30px;
    }

    .philosophy-page .courses_to {
        margin: 36% 0px 0px;
    }

    .philosophy-page .col-md-6.img {
        height: auto;
    }

    .philosophy-page .philosophy_img_b1 {
        width: 275px;
        height: 315px;
    }

    .philosophy-page .philosophy_img_b1 div {
        height: 315px;
    }

    .philosophy-page .philosophy_img_b3 {
        width: 275px;
        height: 315px;
    }

    .philosophy-page .philosophy_img_b3 div {
        height: 315px;
    }
}

@media only screen and (max-width: 605px) {
    .philosophy-page {
        padding: 0px 0 30%;
        margin-top: 0px;
        background: url('/images/philosophy/philosophy_header3.webp') -20% 2% no-repeat,
        url('/images/philosophy/philosophy_header1.webp') 0% -1% no-repeat,
        url('/images/philosophy/philosophy_header2.webp') -500% -2% no-repeat,
        url('/images/philosophy/philosophy_footer.webp') 50% 100% no-repeat;
        background-size: 50% auto, 50% auto, 110% auto, 125% auto;
    }

    .philosophy-page .head_title {
        padding: 120px 0px 62% 20%;
    }
}

@media only screen and (max-width: 480px) {
    .philosophy-page {
        padding: 0px 0 30%;
        margin-top: 0px;
        background: url('/images/philosophy/philosophy_header3.webp') -50% 0% no-repeat,
        url('/images/philosophy/philosophy_header1.webp') 0% -1% no-repeat,
        url('/images/philosophy/philosophy_header2.webp') -500% -2% no-repeat,
        url('/images/philosophy/philosophy_footer.webp') 50% 100% no-repeat;
        background-size: 65% auto, 50% auto, 110% auto, 125% auto;
    }

    .philosophy-page .head_title {
        padding: 40px 0px 68% 20%;
    }
}

@media only screen and (max-width: 420px) {
    .philosophy-page {
        padding: 0px 0 65%;
        margin-top: 0px;
        background: url('/images/philosophy/philosophy_header3.webp') -400% 0.2% no-repeat,
        url('/images/philosophy/philosophy_header1.webp') 0% -1% no-repeat,
        url('/images/philosophy/philosophy_header2.webp') -35% 0% no-repeat,
        url('/images/philosophy/philosophy_footer.webp') 50% 100% no-repeat;
        background-size: 95% auto, 90% auto, 180% auto, 270% auto;
    }

    .philosophy-page .head_title {
        padding: 140px 0px 345px 20%;
    }

    .philosophy-page .head_title h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .philosophy-page .courses_to {
        margin: 75% 0px 0px;
    }
}

@media only screen and (max-width: 385px) {
    .philosophy-page .head_title {
        padding: 140px 0px 345px 15%;
    }
}

@media only screen and (max-width: 355px) {
    .philosophy-page .head_title {
        padding: 140px 0px 345px 10%;
    }
}

@media only screen and (max-width: 330px) {
    .philosophy-page .head_title {
        padding: 140px 0px 345px 7%;
    }
}

@media only screen and (min-width: 992px) {
    .philosophy-page .philosophy_img_b1.act .philosophy_img_l2 {
        -webkit-animation: slide 3s linear 0s;
        animation: slide 3s linear 0s;
    }

    .philosophy-page .philosophy_img_b1.act .philosophy_img_l3 {
        -webkit-animation: slide 2.5s linear 0s;
        animation: slide 2.5s linear 0s;
    }

    .philosophy-page .philosophy_img_b1.act .philosophy_img_l4 {
        -webkit-animation: slide 2s linear 0s;
        animation: slide 2s linear 0s;
    }

    .philosophy-page .philosophy_img_b1.act .philosophy_img_l5 {
        -webkit-animation: slide 2.8s linear 0s;
        animation: slide 2.8s linear 0s;
    }

    .philosophy-page .philosophy_img_b1 div, .philosophy-page .philosophy_img_b2 div {
        display: none;
    }

    .philosophy-page .philosophy_img_b1 .philosophy_img_l6 {
        background: url('/images/philosophy/philosophy_b1_l6_2.webp') 0% 0% no-repeat;
        background-size: auto 100%;
    }

    .philosophy-page .philosophy_img_b1 .philosophy_img_l7 {
        -webkit-animation: cosm2 1s linear 0s infinite;
        animation: cosm2 1s linear 0s infinite;
    }

    .philosophy-page .philosophy_img_b2.act .philosophy_img_l2 {
        -webkit-animation: slide2 3s linear 0s;
        animation: slide2 3s linear 0s;
    }

    .philosophy-page .philosophy_img_b2.act .philosophy_img_l3 {
        -webkit-animation: slide2 2.5s linear 0s;
        animation: slide2 2.5s linear 0s;
    }

    .philosophy-page .philosophy_img_b2.act .philosophy_img_l4 {
        -webkit-animation: slide2 2s linear 0s;
        animation: slide2 2s linear 0s;
    }

    .philosophy-page .star1 {
        -webkit-animation: pulsate 2s linear 0s infinite;
        animation: pulsate 2s linear 0s infinite;
    }

    .philosophy-page .star2 {
        -webkit-animation: pulsate_small 1s linear 0s infinite;
        animation: pulsate_small 1s linear 0s infinite;
    }

    .philosophy-page .star3 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .philosophy-page .star4 {
        -webkit-animation: pulsate_small 1s linear 1s infinite;
        animation: pulsate_small 1s linear 1s infinite;
    }

    .philosophy-page .star5 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .philosophy-page .star6 {
        -webkit-animation: pulsate_small 2s linear 1s infinite;
        animation: pulsate_small 2s linear 1s infinite;
    }

    .philosophy-page .star7 {
        -webkit-animation: pulsate 2s linear 1s infinite;
        animation: pulsate 2s linear 1s infinite;
    }

    .philosophy-page .star8 {
        -webkit-animation: pulsate_small 1s linear 0.5s infinite;
        animation: pulsate_small 1s linear 0.5s infinite;
    }

    .philosophy-page .star9 {
        -webkit-animation: pulsate_small 2s linear 0s infinite;
        animation: pulsate_small 2s linear 0s infinite;
    }

    .philosophy-page .star10 {
        -webkit-animation: slide_star 10s linear 0s infinite;
        animation: slide_star 10s linear 0s infinite;
    }

    .philosophy-page .star11 {
        -webkit-animation: slide_star2 10s linear 2s infinite;
        animation: slide_star2 10s linear 2s infinite;
    }

    .philosophy-page .star12 {
        -webkit-animation: slide_star3 10s linear 4s infinite;
        animation: slide_star3 10s linear 4s infinite;
    }

    .philosophy-page .cosmonaut_hand {
        -webkit-animation: cosm 1s linear 0s infinite;
        animation: cosm 1s linear 0s infinite;
    }
}

/*Анимация*/
/*Звезды*/
@-webkit-keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 10px rgba(90, 156, 202, .5), 0 0 16px #5a9cca;
    }
}

@keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px 5px rgba(90, 156, 202, .5), 0 0 10px 5px #5a9cca;
    }
}

@-webkit-keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@-webkit-keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 1000px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 500px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

/*Планеты*/

@-webkit-keyframes slide {
    0% {
        right: -300%
    }
    100% {
        right: 0%
    }
}

@keyframes slide {
    0% {
        right: -300%
    }
    100% {
        right: 0%
    }
}

@-webkit-keyframes slide2 {
    0% {
        left: -300%;
    }
    100% {
        left: 0%;
    }
}

@keyframes slide2 {
    0% {
        left: -300%;
    }
    100% {
        left: 0%;
    }
}

@-webkit-keyframes cosm {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes cosm {
    0% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    50% {
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

}

@-webkit-keyframes cosm2 {
    0% {
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    50% {
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    100% {
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
}

@keyframes cosm2 {
    0% {
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    50% {
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    100% {
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

}

/*Конец Страница философия*/

/*Новые стрелки*/
.coddy-slider-arrow, .partner-reviews-arrow, .owl-prev, .owl-next, .slick-arrow.slick-prev, .slick-arrow.slick-next {
    transform: translateY(-50%);
    padding: 18px;
    display: block;
    font-size: 0;
    transition: .3s;
    background: rgba(0, 0, 0, 0) !important;
    border: 0;
    border-radius: 100%;
    text-transform: none;
}

.gallery-photo .gallery-prev, .gallery-photo .gallery-next {
    width: 20px;
    height: 40px;
    top: calc(50% - 20px);
    left: 0px;
    position: absolute;
    cursor: pointer;
}

.gallery-photo .gallery-next {
    right: 0px;
    left: auto;
}

.gallery-sign-img {
    color: #fff;
    margin-bottom: 2%;
    display: inline-table;
}
.gallery-sign-img a{
    color: inherit;
}

@media only screen and (max-width: 850px) {
    .gallery-sign-img {
        margin-bottom: 7%;
    }
}

@media only screen and (max-width: 800px) {
    .gallery-sign-img {
        margin-bottom: 13%;
    }
}

@media only screen and (max-width: 750px) {
    .gallery-sign-img {
        margin-bottom: 17%;
    }
}

@media only screen and (max-width: 700px) {
    .gallery-sign-img {
        margin-bottom: 22%;
    }
}

@media only screen and (max-width: 650px) {
    .gallery-sign-img {
        margin-bottom: 25%;
    }
}

@media only screen and (max-width: 610px) {
    .gallery-sign-img {
        margin-bottom: 27%;
    }
}

.coddy-slider-arrow:hover, .partner-reviews-arrow:hover, .owl-prev:hover, .owl-next:hover,
.slick-arrow.slick-prev:hover, .slick-arrow.slick-next:hover {
    background: rgba(0, 0, 0, 0) !important;
}

.coddy-slider-arrow.prev, .coddy-slider-arrow.next,
.partner-reviews-arrow.prev, .partner-reviews-arrow.next,
.owl-prev, .owl-next,
.slick-arrow.slick-prev, .slick-arrow.slick-next {
    background-image: none;
}

.coddy-slider-arrow .arrow,
.partner-reviews-arrow .arrow,
.owl-prev .arrow, .owl-next .arrow,
.slick-arrow.slick-prev .arrow, .slick-arrow.slick-next .arrow,
.gallery-photo .gallery-prev .arrow, .gallery-photo .gallery-next .arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.about-us .slick-arrow.slick-prev .arrow {
    top: 8px;
    left: 15px;
}

.about-us .slick-arrow.slick-next .arrow {
    top: 8px;
    right: 15px;
}

.coddy-slider-arrow .arrow:before, .coddy-slider-arrow .arrow:after,
.partner-reviews-arrow .arrow:before, .partner-reviews-arrow .arrow:after,
.owl-prev .arrow:before, .owl-next .arrow:before,
.owl-prev .arrow:after, .owl-next .arrow:after,
.slick-arrow.slick-prev .arrow:before, .slick-arrow.slick-next .arrow:before,
.slick-arrow.slick-prev .arrow:after, .slick-arrow.slick-next .arrow:after,
.gallery-photo .gallery-prev .arrow:before, .gallery-photo .gallery-next .arrow:before,
.gallery-photo .gallery-prev .arrow:after, .gallery-photo .gallery-next .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: 20px;
    top: 11px;
    bottom: 25px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.slick-arrow.slick-prev .arrow:before, .slick-arrow.slick-next .arrow:before,
.slick-arrow.slick-prev .arrow:after, .slick-arrow.slick-next .arrow:after,
.new-page-slide .owl-nav .arrow:after, .new-page-slide .owl-nav .arrow:before {
    background-color: #333;
}

.coddy-slider-arrow .arrow:after,
.partner-reviews-arrow .arrow:after,
.owl-prev .arrow:after, .owl-next .arrow:after,
.slick-arrow.slick-prev .arrow:after, .slick-arrow.slick-next .arrow:after,
.gallery-photo .gallery-prev .arrow:after, .gallery-photo .gallery-next .arrow:after {
    top: 26px;
    bottom: auto;
    transform: rotate(45deg);
}

.coddy-slider-arrow.next .arrow:before, .coddy-slider-arrow.next .arrow:after,
.partner-reviews-arrow.next .arrow:before, .partner-reviews-arrow.next .arrow:after,
.owl-next .arrow:before, .owl-next .arrow:after,
.slick-arrow.slick-next .arrow:before, .slick-arrow.slick-next .arrow:after,
.gallery-photo .gallery-next .arrow:before, .gallery-photo .gallery-next .arrow:after {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.coddy-slider-arrow.next .arrow:after,
.partner-reviews-arrow.next .arrow:after,
.owl-next .arrow:after,
.slick-arrow.slick-next .arrow:after,
.gallery-photo .gallery-next .arrow:after {
    transform: rotate(-45deg);
}

.coddy-slider-arrow .arrow .line,
.partner-reviews-arrow .arrow .line,
.owl-prev .arrow .line, .owl-next .arrow .line,
.slick-arrow.slick-prev .arrow .line, .slick-arrow.slick-next .arrow .line,
.gallery-photo .gallery-prev .line, .gallery-photo .gallery-next .line {
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    width: 30px;
    top: 19px;
    left: 4px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.slick-arrow.slick-prev .arrow .line, .slick-arrow.slick-next .arrow .line,
.new-page-slide .owl-nav .arrow .line {
    background-color: #333;
}

.coddy-slider-arrow.next .arrow .line,
.partner-reviews-arrow.next .arrow .line,
.owl-next .arrow .line,
.slick-arrow.slick-next .arrow .line,
.gallery-photo .gallery-next .line {
    top: 18px;
    left: auto;
    right: 4px;
    transform: translateX(-30px);
}

.coddy-slider-arrow.prev:hover .arrow .line,
.partner-reviews-arrow.prev:hover .arrow .line,
.owl-prev:hover .arrow .line,
.slick-arrow.slick-prev:hover .arrow .line,
.gallery-photo .gallery-prev:hover .line {
    opacity: 1;
    left: -24px;
}

.coddy-slider-arrow.next:hover .arrow .line,
.partner-reviews-arrow.next:hover .arrow .line,
.owl-next:hover .arrow .line,
.slick-arrow.slick-next:hover .arrow .line,
.gallery-photo .gallery-next:hover .line {
    opacity: 1;
    right: -24px;
}

.coddy-slider-arrow.prev:hover .arrow:before, .coddy-slider-arrow.next:hover .arrow:after,
.partner-reviews-arrow.prev:hover .arrow:before, .partner-reviews-arrow.next:hover .arrow:after,
.owl-prev:hover .arrow:before, .owl-next:hover .arrow:after,
.slick-arrow.slick-prev:hover .arrow:before, .slick-arrow.slick-next:hover .arrow:after,
.gallery-photo .gallery-prev:hover .arrow:before, .gallery-photo .gallery-next:hover .arrow:after {
    transform: translateY(1px) rotate(135deg);
}

.coddy-slider-arrow.next:hover .arrow:before, .coddy-slider-arrow.prev:hover .arrow:after,
.partner-reviews-arrow.next:hover .arrow:before, .partner-reviews-arrow.prev:hover .arrow:after,
.owl-next:hover .arrow:before, .owl-prev:hover .arrow:after,
.slick-arrow.slick-next:hover .arrow:before, .slick-arrow.slick-prev:hover .arrow:after,
.gallery-photo .gallery-next:hover .arrow:before, .gallery-photo .gallery-prev:hover .arrow:after {
    transform: rotate(223deg);
}

.coddy-slider-arrow.next:hover .arrow:after,
.partner-reviews-arrow.next:hover .arrow:after,
.owl-next:hover .arrow:after,
.slick-arrow.slick-next:hover .arrow:after,
.gallery-photo .gallery-next:hover .arrow:after {
    top: 24px;
}

.slick-prev:before, .slick-prev:after,
.slick-next:before, .slick-next:after {
    display: none;
}

/*Конец Новые стрелки*/
/*Стоимость 23.11.2018*/
.price-coddy {
    background: url('/images/price/price_bg.webp') 50% 50% no-repeat #ffffff;
    background-size: 100% auto;
}

.price-coddy .s-title {
    margin-top: 40px;
    margin-bottom: 20px;
}

.price-coddy .slick-track {
    height: 620px;
}

.price-coddy .price_item {
    width: 100%;
    height: 540px;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.price-coddy .price_item div {
    width: 100%;
    max-width: 280px;
    left: calc(50% - 140px);
    position: absolute;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
}

.price-coddy .price_item .price_item_title {

    top: 60px;
    font-size: 20px;
    line-height: 24px;
}

.price-coddy .price_item .price_item_count_child {
    top: 280px;
    color: #3db39e;
}

.price-coddy .price_item .price_item_down {
    display: block;
    margin-top: 25px;
}

.price-coddy .price_item .price_item_desc {
    max-width: 200px;
    left: calc(50% - 100px);
    top: 310px;
    font-weight: 400;
}

.price-coddy .price_item .price_item_price {
    top: 440px;
    font-size: 30px;
    line-height: 32px;
}

.price-coddy .price_button {
    text-align: center;
}

.price-coddy .price_button a.link {
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    font-size: 14px;
    padding: 14px 40px !important;
    margin: 0;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
}

.price-coddy .price_button a.link:hover {
    top: 3;
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

.price-coddy .quote:before, .price-coddy .quote:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 20px;
    background: url('/images/mission/mission_quote.webp') 0% 0% no-repeat;
}

.price-coddy .quote:before {
    left: -41px;
    bottom: -15px;
}

.price-coddy .quote:after {
    right: -20px;
    top: -15px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.price-coddy .quote {
    position: relative;
    padding: 0px;
    color: #446e87;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    max-width: 500px;
    margin: 10px auto 50px;
    text-align: center;
}

@media only screen and (max-width: 1199px) {
    .price-coddy .price_button {
        padding: 17px 0px 0px;
    }
}

@media only screen and (max-width: 520px) {
    .price-coddy .quote {
        width: 80%;
        font-size: 22px;
        line-height: 28px;
    }

    .price-coddy .quote:before {
        left: -35px;
    }

    .price-coddy .quote:after {
        right: -25px;
    }

    .price-coddy .price_button a.link {
        width: 100%;
        display: block;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .price-coddy .slick-track {
        height: 520px;
    }

    .price-coddy .price_item {
        height: 450px;
    }

    .price-coddy .price_item div,
    .price-coddy .price_item .price_item_desc {
        max-width: 100%;
        left: 0px;
        padding: 0px 40px;
    }

    .price-coddy .price_item .price_item_title {
        top: 8%;
    }

    .price-coddy .price_item .price_item_count_child {
        top: 53%;
    }

    .price-coddy .price_item .price_item_desc {
        top: 59%;
    }

    .price-coddy .price_item .price_item_desc p {
        margin: 0px;
        padding: 0px;
    }

    .price-coddy .price_item .price_item_price {
        top: 80%;
    }
}

@media only screen and (max-width: 365px) {
    .price-coddy .price_item .price_item_price {
        top: 76%;
    }
}

@media only screen and (max-width: 358px) {
    .price-coddy .price_item .price_item_title {
        top: 18%;
    }

    .price-coddy .price_item .price_item_desc {
        top: 61%;
    }

    .price-coddy .price_item .price_item_price {
        top: 75%;
    }
}

@media only screen and (max-width: 340px) {
    .price-coddy .price_item .price_item_title {
        top: 19%;
        font-size: 17px;
        line-height: 19px;
    }

    .price-coddy .price_item .price_item_desc {
        font-size: 16px;
        line-height: 20px;
    }

    .price-coddy .price_item .price_item_price {
        top: 72%;
        font-size: 25px;
        line-height: 27px;
    }
}

@media only screen and (max-width: 330px) {
    .price-coddy .slick-track {
        height: 520px;
    }

    .price-coddy .price_item {
        height: 430px;
    }

    .price-coddy .price_item .price_item_title {
        top: 22%;
    }

    .price-coddy .price_item .price_item_count_child {
        top: 51%;
    }

    .price-coddy .price_item .price_item_desc {
        top: 59%;
    }

    .price-coddy .price_item .price_item_price {
        top: 71%;
    }
}

/* Конец Стоимость 23.11.2018*/


/*Страница философия*/
.mission-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.mission-page {
    padding: 0px 0 0px;
    margin-top: 0px;
    background: url('/images/mission/mission_header.webp') 50% 0% no-repeat,
    url('/images/mission/mission_footer.webp') 50% 100% no-repeat;
    overflow: hidden;
}

.mission-page .title:before {
    content: "";
    position: absolute;
    left: -54px;
    top: -1px;
    width: 54px;
    height: 42px;
    background: url('/images/mission/mission_title.webp') 0% 0% no-repeat;
}

.mission-page .title:after {
    content: "";
    position: absolute;
    right: -54px;
    top: -1px;
    width: 54px;
    height: 42px;
    background: url('/images/mission/mission_title2.webp') 0% 0% no-repeat;
}

.mission-page .title {
    padding: 5px 0px 5px 10px;
    margin: 30px 0px 55px;
    height: 41px;
    background-color: #f3f3f3;
    display: inline-block;
    position: relative;
    color: #446e87;
    font-size: 28px;
    line-height: 26px;
}

.mission-page .title_center {
    text-align: center;
}

.mission-page .right {
    text-align: right;
}

.mission-page .text {
    color: #888888;
    font-size: 16px;
    line-height: 22px;
}

.mission-page .text p, .mission-page .text ul {
    margin: 0px 0px 25px;
}

.mission-page .text span {
    color: #3db39e;
    font-weight: 700;
}

.mission-page .text ul li {
    padding: 0px 0px 0px 35px;
    list-style: none;
    background: url('/images/mission/mission_li.webp') 15px 8px no-repeat;
}

.mission-page .quote:before, .mission-page .quote:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 20px;
    background: url('/images/mission/mission_quote.webp') 0% 0% no-repeat;
}

.mission-page .quote:before {
    left: -41px;
    bottom: -15px;
}

.mission-page .quote:after {
    right: 0px;
    top: -15px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mission-page .quote {
    position: relative;
    padding: 0px;
    margin: 55px 0px 55px;
    color: #446e87;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.mission-page .quote.top:after {
    right: -30px;
}

.mission-page .quote.bottom {
    text-align: center;
    color: #fff;
    margin: 80px 0px 40px;
}

.mission-page .quote.bottom:before {
    left: 10px;
}

.mission-page .quote.bottom:after {
    right: 10px;
    top: 0px;
}

.mission-page .text_bold {
    color: #3db39e;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin: 0px 0px 25px 0px;
}

.mission-page .head_title {
    padding: 300px 0px 0px 0px;
}

.mission-page .head_title h1 {
    font-weight: 700;
    font-size: 58px;
    line-height: 58px;
    text-align: left;
}

.mission-page .head_title h1 span {
    color: #0095b6;
}

.mission-page .col-md-6.img {
    height: 560px;
}

.mission-page .mission_img_b1 div {
    width: 100%;
    position: absolute;
    top: -60px;
    height: 545px;
    margin-left: 60px;
}

.mission-page .mission_img_b1 .mission_img_l1 {
    z-index: 1;
    background: url('/images/mission/mission_b1_l1.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.mission-page .mission_img_b1 .mission_img_l2 {
    z-index: 2;
    background: url('/images/mission/mission_b1_l2.webp') 0% 0% no-repeat;
    background-size: auto 100%;
}

.mission-page .mission_img_b1 .mission_img_l3 {
    z-index: 4;
    background: url('/images/mission/mission_b1_l3.webp') 0% 0% no-repeat;
    background-size: auto 100%;
    width: 107px;
    height: 134px;
    top: 255px;
    left: 130px;
}

.mission-page .mission_img_b1 .mission_img_l4 {
    z-index: 5;
    background: url('/images/mission/mission_b1_l4.webp') 0% 0% no-repeat;
    background-size: auto 100%;
    width: 107px;
    height: 134px;
    top: 255px;
    left: 130px;
}

.mission-page .mission_img_b1 .mission_img_l5 {
    z-index: 3;
    background: url('/images/mission/mission_b1_l5.webp') 0% 0% no-repeat;
    background-size: auto 100%;
    width: 107px;
    height: 134px;
    top: 255px;
    left: 130px;
}

.mission-page .stars {
    border-radius: 100%;
    background: #ffffff;
}

.mission-page .star1 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 90px;
    left: -70px;
}

.mission-page .star2 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 120px;
    left: 110px;
}

.mission-page .star3 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 220px;
    left: -55px;
}

.mission-page .star4 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 320px;
    left: -110px;
}


.mission-page .star5 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 170px;
    right: 70px;
}

.mission-page .star6 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 210px;
    right: 300px;
}

.mission-page .star7 {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 350px;
    right: 0px;
}

.mission-page .star8 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 500px;
    right: 90px;
}

.mission-page .star9 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 310px;
    right: 170px;
}

.mission-page .star10 {
    width: 10px;
    height: 10px;
    position: absolute;
}

.mission-page .star11 {
    width: 5px;
    height: 5px;
    position: absolute;
    background: #f8e160;
}

.mission-page .star12 {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #f8e160;
}

.mission-page .cosmonaut {
    width: 178px;
    height: 288px;
    position: absolute;
    top: 415px;
    right: 285px;
    background: url('/images/mission/mission_header_ch.webp') 0% 0% no-repeat;
}

.mission-page .rover {
    width: 147px;
    height: 137px;
    position: absolute;
    top: 470px;
    right: 400px;
    background: url('/images/mission/mission_marsohod.webp') 0% 0% no-repeat;
}

.mission-page .moon {
    width: 153px;
    height: 152px;
    position: absolute;
    top: 200px;
    right: -145px;
    background: url('/images/mission/mission_header_m.webp') 0% 0% no-repeat;
}

.mission-page .saturn {
    width: 142px;
    height: 128px;
    position: absolute;
    top: 100px;
    right: 40%;
    background: url('/images/mission/mission_header_pl.webp') 0% 0% no-repeat;
}

/*Адаптив*/
@media only screen and (max-width: 1199px) {
    .mission-page .star3 {
        top: 160px;
        left: -50px
    }

    .mission-page .star4 {
        top: 260px;
        left: -100px;
    }

    .mission-page .star5 {
        top: 130px;
        right: 120px;
    }

    .mission-page .star6 {
        top: 210px;
        right: 250px;
    }

    .mission-page .star7 {
        top: 340px;
        right: -20px;
    }

    .mission-page .star8 {
        top: 470px;
        right: 70px;
    }

    .mission-page .cosmonaut {
        right: 150px;
    }

    .mission-page .cosmonaut_hand {
        right: 173px;
    }

    .mission-page .mission_img_b1 div {
        margin-left: -20px;
    }

    .mission-page .head_title {
        padding: 208px 0px 0px 50px;
    }

    .mission-page .quote.top:before {
        left: -47px;
    }

    .mission-page .quote.top {
        margin: 55px 0px 55px 25px;
    }

    .mission-page .quote.bottom:before {
        left: -22px;
    }
}

@media only screen and (max-width: 991px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 200% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 35% 100% no-repeat;
        background-size: 50% auto, auto 720px, 170% auto;
    }

    .mission-page .animation_header {
        display: none;
    }

    .mission-page .head_title {
        padding: 160px 0px 0px 15%
    }

    .mission-page .col-md-6.img {
        height: auto;
    }

    .mission-page .mission_img_b1 {
        display: none;
    }

    .mission-page .text ul li {
        padding: 0px 0px 0px 20px;
        background: url('/images/mission/mission_li.webp') 0px 8px no-repeat;
        margin: 0px;
    }

    .mission-page .quote {
        text-align: center;
        padding: 0px 30px;
    }

    .mission-page .quote:before {
        left: 0px;
    }

    .mission-page .right {
        text-align: left;
    }

    .mission-page .quote.top {
        width: 60%;
        margin: 55px 0px 55px;
    }

    .mission-page .quote.bottom {
        width: 60%;
    }
}

@media only screen and (max-width: 945px) {
    .mission-page .quote.top {
        width: 55%;
    }
}

@media only screen and (max-width: 910px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 200% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 30% 100% no-repeat;
        background-size: 50% auto, auto 720px, 190% auto;
    }

    .mission-page .quote.top {
        width: 50%;
    }
}

@media only screen and (max-width: 880px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 300% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 30% 100% no-repeat;
        background-size: 50% auto, auto 720px, 190% auto;
    }

    .mission-page .quote.bottom {
        margin: 80px 0px 40px 60px;
    }
}

@media only screen and (max-width: 820px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 400% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 25% 100% no-repeat;
        background-size: 50% auto, auto 720px, 210% auto;
    }

    .mission-page .quote.top:before {
        left: -25px;
    }
}

@media only screen and (max-width: 780px) {
    .mission-page .quote.top:before {
        left: -20px;
    }

    .mission-page .quote.top {
        width: 45%;
    }
}

@media only screen and (max-width: 767px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 280% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 25% 100% no-repeat;
        background-size: 50% auto, auto 600px, 210% auto;
    }

    .mission-page .head_title {
        padding: 120px 0px 0px 20%;
    }

    .mission-page .head_title h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .mission-page .head_title img {
        height: 38px;
    }

    .mission-page .quote.top {
        width: 65%;
    }

    .mission-page .quote.top:before {
        left: -10px;
    }

    .mission-page .quote.bottom {
        margin: 80px 0px 40px 100px;
    }
}

@media only screen and (max-width: 735px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 280% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 25% 100% no-repeat;
        background-size: 50% auto, auto 600px, 280% auto;
    }

    .mission-page .quote.top {
        width: 55%;
    }

    .mission-page .quote.bottom {
        width: 62%;
        margin: 80px auto 40px;
    }
}

@media only screen and (max-width: 705px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 350% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 25% 100% no-repeat;
        background-size: 50% auto, auto 600px, 280% auto;
    }
}

@media only screen and (max-width: 675px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 300% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 25% 100% no-repeat;
        background-size: 50% auto, auto 550px, 330% auto;
    }

    .mission-page .head_title {
        padding: 120px 0px 0px 20%;
    }

    .mission-page .head_title h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .mission-page .head_title img {
        height: 30px;
    }

    .mission-page .col-md-6.img {
        height: auto;
    }

    .mission-page .quote.bottom {
        width: 71%;
        margin: 80px auto 40px;
    }
}

@media only screen and (max-width: 635px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') 450% -2% no-repeat,
        url('/images/mission/mission_footer.webp') 25% 100% no-repeat;
        background-size: 50% auto, auto 550px, 330% auto;
    }
}

@media only screen and (max-width: 605px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') calc(100% + 250px) 350px no-repeat,
        url('/images/mission/mission_footer2.webp') 25% calc(100% + 150px) no-repeat;
        background-size: 75% auto, auto 550px, 100% auto;
    }

    .mission-page .head_title {
        padding: 120px 0px 0px 30%;
    }

    .mission-page .quote.top {
        width: 85%;
        margin: 55px auto 450px;
    }

    .mission-page .quote.bottom {
        width: 91%;
    }

    .mission-page .col-md-6.title_center_mobi {
        text-align: center;
    }
}

@media only screen and (max-width: 530px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') calc(100% + 250px) 350px no-repeat,
        url('/images/mission/mission_footer2.webp') 25% calc(100% + 90px) no-repeat;
        background-size: 75% auto, auto 550px, 100% auto;
    }

    .mission-page .head_title {
        padding: 120px 0px 0px 30%;
    }

    .mission-page .quote.top {
        width: 85%;
        margin: 55px auto 400px;
    }

    .mission-page .quote.bottom {
        width: 91%;
    }

    .mission-page .col-md-6.title_center_mobi {
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -1% no-repeat,
        url('/images/mission/mission_header2.webp') calc(100% + 250px) 350px no-repeat,
        url('/images/mission/mission_footer2.webp') 25% calc(100% + 30px) no-repeat;
        background-size: 75% auto, auto 550px, 100% auto;
    }
}

@media only screen and (max-width: 420px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -5% no-repeat,
        url('/images/mission/mission_header2.webp') calc(100% + 130px) 450px no-repeat,
        url('/images/mission/mission_footer2.webp') 25% calc(100% + 0px) no-repeat;
        background-size: 95% auto, auto 550px, 100% auto;
    }

    .mission-page .head_title {
        padding: 90px 0px 0px 30%;
    }

    .mission-page .head_title h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .mission-page .quote.top {
        margin: 55px auto 550px;
    }
}

@media only screen and (max-width: 400px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -5% no-repeat,
        url('/images/mission/mission_header2.webp') calc(100% + 130px) 500px no-repeat,
        url('/images/mission/mission_footer2.webp') 25% 100% no-repeat;
        background-size: 95% auto, auto 550px, 100% auto;
    }

    .mission-page .quote.top {
        margin: 55px auto 580px;
    }
}

@media only screen and (max-width: 380px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -3% no-repeat,
        url('/images/mission/mission_header2.webp') calc(100% + 180px) 500px no-repeat,
        url('/images/mission/mission_footer2.webp') 25% 100% no-repeat;
        background-size: 95% auto, auto 550px, 120% auto;
    }

    .mission-page .quote.top {
        margin: 55px auto 530px;
    }
}

@media only screen and (max-width: 357px) {
    .mission-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/mission/mission_header1.webp') 0% -3% no-repeat,
        url('/images/mission/mission_header2.webp') calc(100% + 200px) 540px no-repeat,
        url('/images/mission/mission_footer2.webp') 25% 100% no-repeat;
        background-size: 95% auto, auto 550px, 120% auto;
    }

    .mission-page .quote.top {
        margin: 55px auto 550px;
    }
}

@media only screen and (min-width: 992px) {
    .mission-page .mission_img_b1 div {
        display: none;
    }

    .mission-page .mission_img_b1.act .mission_img_l2 {
        -webkit-animation: slide 30s linear 0s infinite;
        animation: slide 30s linear 0s infinite;
    }

    .mission-page .star1 {
        -webkit-animation: pulsate 2s linear 0s infinite;
        animation: pulsate 2s linear 0s infinite;
    }

    .mission-page .star2 {
        -webkit-animation: pulsate_small 1s linear 0s infinite;
        animation: pulsate_small 1s linear 0s infinite;
    }

    .mission-page .star3 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .mission-page .star4 {
        -webkit-animation: pulsate_small 1s linear 1s infinite;
        animation: pulsate_small 1s linear 1s infinite;
    }

    .mission-page .star5 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .mission-page .star6 {
        -webkit-animation: pulsate_small 2s linear 1s infinite;
        animation: pulsate_small 2s linear 1s infinite;
    }

    .mission-page .star7 {
        -webkit-animation: pulsate 2s linear 1s infinite;
        animation: pulsate 2s linear 1s infinite;
    }

    .mission-page .star8 {
        -webkit-animation: pulsate_small 1s linear 0.5s infinite;
        animation: pulsate_small 1s linear 0.5s infinite;
    }

    .mission-page .star9 {
        -webkit-animation: pulsate_small 2s linear 0s infinite;
        animation: pulsate_small 2s linear 0s infinite;
    }

    .mission-page .star10 {
        -webkit-animation: slide_star 10s linear 0s infinite;
        animation: slide_star 10s linear 0s infinite;
    }

    .mission-page .star11 {
        -webkit-animation: slide_star2 10s linear 2s infinite;
        animation: slide_star2 10s linear 2s infinite;
    }

    .mission-page .star12 {
        -webkit-animation: slide_star3 10s linear 4s infinite;
        animation: slide_star3 10s linear 4s infinite;
    }

    .mission-page .rover.act {
        -webkit-animation: rov 9s linear 0s;
        animation: rov 9s linear 0s;
        right: 0px;
    }

    .mission-page .moon {
        -webkit-animation: moon 2s linear 0s;
        animation: moon 2s linear 0s;
    }

    .mission-page .saturn {
        -webkit-animation: saturn 3s linear 0s;
        animation: saturn 3s linear 0s;
    }

    .mission-page .mission_img_b1 .mission_img_l4 {
        -webkit-animation: cosm3 1s linear 0s infinite;
        animation: cosm3 1s linear 0s infinite;
    }

    .mission-page .mission_img_b1 .mission_img_l5 {
        -webkit-animation: cosm4 1s linear 0s infinite;
        animation: cosm4 1s linear 0s infinite;
    }
}

/*Анимация*/
/*Звезды*/
@-webkit-keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 10px rgba(90, 156, 202, .5), 0 0 16px #5a9cca;
    }
}

@keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px 5px rgba(90, 156, 202, .5), 0 0 10px 5px #5a9cca;
    }
}

@-webkit-keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@-webkit-keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 1000px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 500px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

/**/
@-webkit-keyframes rov {
    0% {
        right: 400px
    }
    100% {
        right: 0px
    }
}

@keyframes rov {
    0% {
        right: 400px
    }
    100% {
        right: 0px
    }
}

@-webkit-keyframes moon {
    0% {
        right: -300%
    }
    100% {
        right: -145px
    }
}

@keyframes moon {
    0% {
        right: -300%
    }
    100% {
        right: -145px
    }
}

@-webkit-keyframes saturn {
    0% {
        right: -300%
    }
    100% {
        right: 40%
    }
}

@keyframes saturn {
    0% {
        right: -300%
    }
    100% {
        right: 40%
    }
}

/*Планеты*/

@-webkit-keyframes slide {
    0% {
        right: -300%
    }
    10% {
        right: -75px
    }
    90% {
        right: -75px
    }
    100% {
        right: 300%
    }
}

@keyframes slide {
    0% {
        right: -300%
    }
    10% {
        right: -75px
    }
    90% {
        right: -75px
    }
    100% {
        right: 300%
    }
}

@-webkit-keyframes cosm3 {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes cosm3 {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

}


@-webkit-keyframes cosm4 {
    0% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    50% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
}

@keyframes cosm4 {
    0% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    50% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

}

/*Конец Страница философия*/

/*СМИ страница*/
.press-center-page {
    margin: 40px 0px 0px;
    padding: 0px 0px 70px;
}

.press-center-page h1 {
    background: #f4f4f4;
    padding: 40px;
}

.coddy-template-info {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
}

.coddy-template-info-left-block {
    float: left;
    margin: 15px 0px;
    padding: 45px 30px 30px;
    width: calc(33.3% - 0px);
    height: 350px;
    background: #f4f4f4;
    color: #3b3b3b;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.coddy-template-info-left-block p {
    padding: 0px;
    margin: 0px 0px 40px;
}

.coddy-template-info-left-block span {
    color: #3db39e;
}

.coddy-template-info-right-block {
    float: left;
    margin: 15px 0px 0px 15px;
    padding: 20px;
    width: calc(22.2% - 15px);
    height: 145px;
    background: #f4f4f4;
    color: #3b3b3b;
}

.coddy-template-info-right-block span {
    color: #0096b8;
    font-size: 48px;
    line-height: 52px;
    font-weight: 600;
    display: block;
    margin: 0px 0px 15px;
}

.coddy-template-info-right-block span span {
    display: inline;
    margin: 0px;
}

.coddy-template-info-right-title {
    float: left;
    margin: 15px 0px 0px 15px;
    padding: 0px 20px;
    width: calc(66.6% - 15px);
    height: 30px;
    background: #2b4554;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
}

.coddy-template-block {
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    min-height: 40px;
}

.coddy-component-news-row {
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 350px;
    list-style: none;
}

.coddy-component-news-item {
    display: block;
    box-sizing: border-box;
    float: left;
    height: calc(100% - 15px);
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(25, 25, 25);
}

.coddy-component-news-item.press-coddy {
    background-color: #2b4554;
}

.coddy-component-news-item.press-coddy-01 {
    background: url('/images/press-01.webp') 50% 20px no-repeat #2b4554;
    background-size: 100% auto;
}

.coddy-component-news-item.press-coddy-03 {
    background: url('/images/press-02.webp') 50% 50% no-repeat #2b4554;
    background-size: cover;
}

.coddy-component-news-item-block {
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.50);
    color: rgb(255, 255, 255);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.coddy-component-news-item.press-coddy .coddy-component-news-item-block {
    background-color: rgba(0, 0, 0, 0);
}

.coddy-component-news-item:hover
.coddy-component-news-item-block {
    background-color: rgba(0, 0, 0, 0.25);
}

.coddy-component-news-item.press-coddy:hover {
    background-color: #2b4554;
}

.coddy-component-news-item.press-coddy:hover .coddy-component-news-item-block {
    background-color: rgba(0, 0, 0, 0);
}

.coddy-component-news-item.press-coddy a {
    color: #fff;
    text-decoration: underline;
}

.coddy-component-news-item.press-coddy a:hover {
    color: #fff;
    text-decoration: none;
}

.coddy-component-news-item a:hover,
.coddy-component-news-item a:hover .coddy-component-news-item-block-title,
.coddy-component-news-item a:hover .coddy-component-news-item-block-description {
    text-decoration: none;
    color: #ffffff;
}

.coddy-component-news-item-block-info {
    display: table;
    width: calc(100% - 15px);
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-info,
.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-info,
.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info {
    position: absolute;
    bottom: 90px;
}

.coddy-component-news-item-block-info .middle {
    display: table-cell;
    vertical-align: middle;
    height: 335px;
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-info .middle,
.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-info .middle,
.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle {
    display: inline-block;
    height: auto;
}

.coddy-component-news-item-block-title {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    max-width: calc(100% - 25px);
    margin: 15px 20px 0px;
    padding: 0px 0px 4px;
    border-bottom: 0px solid #fff;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    width: 100%;
    word-wrap: break-word;
}

.coddy-component-news-item.press-coddy-01 .coddy-component-news-item-block-title {
    font-size: 14px;
    line-height: 20px;
    margin-top: -115px;
}

.coddy-component-news-item.press-coddy-02 .coddy-component-news-item-block-title {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.coddy-component-news-item.press-coddy-02 .coddy-component-news-item-block-title ul li {
    list-style: none;
    margin: 0px 0px 20px 20px;
    position: relative;
}

.coddy-component-news-item.press-coddy-02 .coddy-component-news-item-block-title ul li:before {
    content: "";
    position: absolute;
    left: -22px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #0096b8;
    border: 3px solid #fff;
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-title,
.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-title,
.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title {
    font-size: 26px;
    line-height: 32px;
    text-align: left;
    padding: 0px 0px 4px;
}

.coddy-component-news-item-block-hr {
    width: 100px;
    height: 4px;
    background: #fff;
    border-radius: 4px;
    margin: 10px calc(50% - 40px) 0px;
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-hr,
.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-hr,
.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr {
    margin: 10px 20px 0px;
}

.coddy-component-news-item-block-description {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    max-height: 50%;
    overflow: hidden;
    width: calc(100% + 15px);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-align: center;
    word-wrap: break-word;
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-description,
.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-description,
.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description {
    text-align: left;
}

.coddy-component-news-item-block-date {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: auto;
    bottom: 20px;
    left: calc(50% - 30px);
    padding-top: 10px;
    padding-bottom: 5px;
    border-top-width: 2px;
    border-top-style: solid;
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-date,
.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-date,
.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date {
    left: 20px;
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(1) {
    width: calc(25% - 15px);
    margin: 0px 15px 15px 0px;
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) {
    width: calc(25% - 15px);
    margin: 0px 0px 15px 15px;
}

.coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) {
    width: 50%;
    margin: 0px 0px 15px 0px;
}

.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) {
    width: calc(50% - 7.5px);
    margin: 0px 7.5px 15px 0px;
}

.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(2) {
    width: calc(25% - 7.5px);
    margin: 0px 0px 15px 7.5px;
}

.coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) {
    width: calc(25% - 15px);
    margin: 0px 0px 15px 15px;
}

.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(1) {
    width: calc(25% - 15px);
    margin: 0px 15px 15px 0px;
}

.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(2) {
    width: calc(25% - 7.5px);
    margin: 0px 7.5px 15px 0px;
}

.coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) {
    width: calc(50% - 7.5px);
    margin: 0px 0px 15px 7.5px;
}

.coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(1) {
    width: calc(25% - 15px);
    margin: 0px 15px 15px 0px;
}

.coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(2) {
    width: calc(25% - 7.5px);
    margin: 0px 7.5px 15px 0px;
}

.coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(3) {
    width: calc(25% - 7.5px);
    margin: 0px 0px 15px 7.5px;
}

.coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(4) {
    width: calc(25% - 15px);
    margin: 0px 0px 15px 15px;
}

.coddy-template-block.header {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgb(0, 0, 0);
}

.coddy-template-block.content {
    z-index: 1;
    background-color: rgb(255, 255, 255);
}

.coddy-template-block.bottom {
    z-index: 1;
    background-color: rgb(25, 25, 25);
}

.coddy-template-block.footer {
    z-index: 1;
    background-color: rgb(0, 0, 0);
}

.coddy-template-block.header
.coddy-component-logo_link-this,
.coddy-template-block.header
.coddy-component-logo_link-this {
    font-size: 14px;
    font-weight: bolder;
    color: rgb(255, 255, 255);
}

.coddy-component-news-item-block {
    background-color: rgba(0, 0, 0, 0.75);
}

.coddy-component-news-item-block-date {
    font-size: 12px;
    color: rgb(255, 255, 255);
    border-top-color: rgba(2, 149, 184, 0.85);
}

@media only screen and (max-width: 1199px) {
    .coddy-component-news-row-type-1:nth-child(1) .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-title {
        max-width: calc(100% - 38px);
    }

    .coddy-component-news-item.press-coddy-03 .coddy-component-news-item-block-title {
        max-width: calc(100% - 41px);
    }

    .coddy-component-news-item.press-coddy-01 .coddy-component-news-item-block-title {
        max-width: calc(100% - 23px);
    }

    .coddy-component-news-item.press-coddy-01 {
        background: url('/images/press-01.webp') 50% 55px no-repeat #2b4554;
        background-size: 100% auto;
    }
}

@media only screen and (max-width: 991px) {
    .coddy-template-info-right-block span {
        font-size: 33px;
        line-height: 46px;
        margin: 0px 0px 15px;
    }

    .coddy-template-info-left-block {
        font-size: 14px;
        line-height: 22px;
    }

    .coddy-template-info-left-block p {
        margin: 0px 0px 20px;
    }

    .coddy-component-news-row {
        height: 730px;
    }

    .coddy-component-news-item {
        height: calc(50% - 15px);
    }

    .coddy-component-news-row-type-1:nth-child(1) .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-title,
    .coddy-component-news-item.press-coddy-03 .coddy-component-news-item-block-title,
    .coddy-component-news-item.press-coddy-01 .coddy-component-news-item-block-title {
        max-width: calc(100% - 25px);
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(1),
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1),
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(1),
    .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(1),
    .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(3) {
        width: calc(50% - 7.5px);
        margin: 0px 7.5px 15px 0px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2),
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(2),
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(2),
    .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(2),
    .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(4) {
        width: calc(50% - 7.5px);
        margin: 0px 0px 15px 7.5px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3),
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3),
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) {
        width: 100%;
        margin: 0px 0px 15px 0px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-info,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-info {
        position: relative;
        bottom: auto;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-info .middle,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-info .middle,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle {
        display: table-cell;
        vertical-align: middle;
        height: 335px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-title,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-title {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        padding: 0px 20px 4px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-hr,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-hr {
        margin: 10px auto 0px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-description,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-description {
        text-align: center;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-date,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-date {
        left: calc(50% - 30px);
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info {
        position: absolute;
        bottom: 90px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle {
        display: inline-block;
        height: auto;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title {
        font-size: 26px;
        line-height: 32px;
        text-align: left;
        display: inline-block;
        height: auto;
        padding: 0px 0px 4px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr {
        margin: 10px 20px 0px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description {
        text-align: left;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date {
        left: 20px;
    }

    .coddy-component-news-item.press-coddy-01 {
        background: url('/images/press-01.webp') 50% 50% no-repeat #2b4554;
        background-size: 100% auto;
    }
}

@media only screen and (max-width: 767px) {
    .coddy-template-info-left-block {
        width: calc(50% - 0px);
        height: 351px;
    }

    .coddy-template-info-right-title {
        width: calc(50% - 15px);
    }

    .coddy-template-info-right-block {
        width: calc(25% - 15px);
        height: 92px;
    }

    .coddy-template-info-right-block span {
        font-size: 25px;
        line-height: 15px;
        margin: 0px 0px 5px;
    }

    .coddy-template-info-left-block {
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 675px) {
    .coddy-template-info-left-block {
        width: 100%;
        height: auto;
    }

    .coddy-template-info-right-title {
        width: 100%;
        margin: 0px 0px 15px;
    }

    .coddy-template-info-right-block {
        width: calc(50% - 7.5px);
        height: 100px;
        margin: 0px 7.5px 15px 0px;
        text-align: center;
    }

    .coddy-template-info-right-block:nth-child(2n) {
        width: calc(50% - 7.5px);
        height: 100px;
        margin: 0px 0px 15px 7.5px;
    }

    .coddy-template-info-right-block span {
        font-size: 30px;
        line-height: 32px;
        margin: 0px 0px 5px;
    }

    .coddy-component-news-item.press-coddy-01 {
        background: url('/images/press-01.webp') 50% 40px no-repeat #2b4554;
        background-size: 100% auto;
    }
}

@media only screen and (max-width: 550px) {
    .coddy-component-news-item.press-coddy-01 {
        background: url('/images/press-01.webp') 50% 70px no-repeat #2b4554;
        background-size: 100% auto;
    }
}

@media only screen and (max-width: 500px) {
    .coddy-template-info-right-block,
    .coddy-template-info-right-block:nth-child(2n) {
        width: 100%;
        height: 100px;
        margin: 0px 0px 15px 0px;
    }

    .coddy-template-info-right-block span {
        font-size: 30px;
        line-height: 32px;
        margin: 0px 0px 5px;
    }

    .coddy-component-news-row {
        height: 945px;
    }

    .coddy-component-news-row.coddy-component-news-row-type-4 {
        height: 1260px;
    }

    .coddy-component-news-item,
    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(1),
    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2),
    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3),
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1),
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(2),
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3),
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(1),
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(2),
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3),
    .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(1),
    .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(2),
    .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(3),
    .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(4) {
        height: 300px;
        width: 100%;
        margin: 0px 0px 15px 0px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info {
        position: relative;
        bottom: auto;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle {
        display: table-cell;
        height: 300px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        padding: 0px 20px 4px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr {
        margin: 10px auto 0px;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description,
    .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description {
        text-align: center;
    }

    .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date,
    .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date {
        left: calc(50% - 30px);
    }

    .coddy-component-news-item.press-coddy-01 {
        background: url('/images/press-01.webp') 50% 40% no-repeat #2b4554;
        background-size: 100% auto;
    }
}

/*Конец СМИ*/

/*Всплывающая форма языковой версии*/
#langFormBlock {
    display: none;
    height: 545px;
    width: calc(100% - 40px);
    max-width: 895px;
    padding: 0px;
    position: absolute;
    top: 20px;
    left: 100px;
    z-index: 101;
    border-radius: 20px;
    color: #252525;
    font-size: 1.5rem;
    text-shadow: 0 0rem 0rem rgba(0, 0, 0, 0);
    -webkit-transition: background 1.5s linear 0s;
    transition: background 1.5s linear 0s;
    background: 0% 0% no-repeat #fff;
}

#langFormBlock.ru {
    background-image: url('/images/lang/popup-lang-bg-ru.webp');
}

#langFormBlock.en {
    background-image: url('/images/lang/popup-lang-bg-en.webp');
}

#langFormBlock.kz {
    background-image: url('/images/lang/popup-lang-bg-kz.webp');
}

#langFormBlock.fr {
    background-image: url('/images/lang/popup-lang-bg-fr.webp');
}

#langFormBlock.ua {
    background-image: url('/images/lang/popup-lang-bg-ua.webp');
}

#langFormBlock.de {
    background-image: url('/images/lang/popup-lang-bg-de.webp');
}

#langFormBlock .content_block {
    padding: 65px 55px;
}

#langFormBlock.open {
    display: block;
}

#langFormBlock .title span {
    color: #252525;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    text-shadow: rgb(255, 255, 255) 1px 1px 0px;
    display: none;
}

#langFormBlock .mess {
    height: 25px;
}

#langFormBlock .mess span {
    color: #252525;
    font-size: 16px;
    display: none;
}

#langFormBlock .languages {
    width: 100%;
    max-width: 460px;
    margin: 145px 0px 0px;
}

#langFormBlock .languages .lang_name {
    width: calc(17% - 11px);
    display: inline-block;
}

#langFormBlock .languages .lang_name span,
#langFormBlock .button {
    color: #252525;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    padding: 10px;
    margin: 0;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 55px;
    display: block;
    text-align: center;
}

#langFormBlock .button {
    width: 210px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    margin: 45px 0px 0px;
}

#langFormBlock .languages .lang_name.act span,
#langFormBlock .languages .lang_name span:hover,
#langFormBlock .button {
    color: #fff;
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 4px 0 #3b9376;
    box-shadow: 0 4px 0 #3b9376;
}

#langFormBlock .languages .lang_name.act span:hover,
#langFormBlock .languages .lang_name span:hover,
#langFormBlock .button:hover {
    top: 2;
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

#langFormBlock .languages .lang_hr {
    width: 86%;
    height: 14px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #dddddd;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.24);
    margin: -7px 0px 0px;
}

#langFormBlock .close {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -40px;
    background: url("/bitrix/templates/coddy/img/cd-icon-close.svg") no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
}

@media only screen and (max-width: 740px) {
    #langFormBlock {
        background: 50% 0% no-repeat #fff;
    }
}

@media only screen and (max-width: 540px) {
    #langFormBlock {
        display: none;
        height: 545px;
        width: calc(100% - 40px);
        max-width: 895px;
        background: 100% 0% no-repeat #fff;
    }

    #langFormBlock .title span {
        font-size: 25px;
    }

    #langFormBlock.ru {
        background-image: url('/images/lang/popup-lang-bg-mob-ru.webp');
    }

    #langFormBlock.en {
        background-image: url('/images/lang/popup-lang-bg-mob-en.webp');
    }

    #langFormBlock.kz {
        background-image: url('/images/lang/popup-lang-bg-mob-kz.webp');
    }

    #langFormBlock.fr {
        background-image: url('/images/lang/popup-lang-bg-mob-fr.webp');
    }

    #langFormBlock.ua {
        background-image: url('/images/lang/popup-lang-bg-mob-ua.webp');
    }

    #langFormBlock.de {
        background-image: url('/images/lang/popup-lang-bg-mob-de.webp');
    }

    #langFormBlock .content_block {
        padding: 30px 55px;
    }

    #langFormBlock .languages {
        margin: 20px 0px 0px;
        position: relative;
        padding: 0px 0px 0px 5px;
    }

    #langFormBlock .languages .lang_name {
        width: 165px;
        display: block;
        margin: 0px 0px 5px 5px;
    }

    #langFormBlock .languages .lang_hr {
        width: 14px;
        height: 275px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
        margin: 0px 0px 0px;
    }

    #langFormBlock .languages .lang_name span {
        padding: 7px;
        width: 45px;
        font-size: 20px;
    }

    #langFormBlock .button {
        padding: 10px;
        margin: 20px 0px 0px;
    }
}

/*Конец Всплывающая форма языковой версии*/

/*Тесты*/
.tests-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.tests-page {
    padding: 240px 0 227px;
    margin-top: 0px;
    background: url('/images/tests/test_header.webp') 50% 0% no-repeat,
    url('/images/tests/test_footer.webp') 50% 100% no-repeat;
    overflow: hidden;
}

.tests-page h1 {
    text-align: center;
    margin-bottom: 0px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.tests-page .block_result,
.tests-page .block_result .mess_result,
.tests-page .block_courses {
    display: none;
}

.tests-page .block_courses {
    margin: 30px 0px 0px;
    padding: 0px 0 40px;
    position: relative;
}

.tests-page .block_courses .bg {
    width: 100%;
    height: 100%;
    background-color: #d3dee5;
    position: absolute;
    z-index: -1;
}

.tests-page .block_info,
.tests-page .block_test {
    padding: 0px 0 40px;
}

.tests-page .block_info .desc {
    text-align: center;
    color: #888888;
    line-height: 25px;
}

.tests-page .title {
    font-size: 20px;
    font-weight: 700;
    color: #3db39e;
    text-align: center;
    margin: 20px 0px 20px;
}

.tests-page .title.black {
    color: rgb(51, 51, 51);
}

.tests-page .title.recom {
    margin-top: 30px;
}

.tests-page .block_info .title {

}

.tests-page .block_test .title,
.tests-page .block_result .title,
.tests-page .title.recom {
    text-transform: uppercase;
}

.tests-page .block_info .mess,
.tests-page .block_result .mess {
    text-align: center;
    color: #888888;
    max-width: 500px;
    margin: 0px auto 50px;
    line-height: 25px;
}

.tests-page ul.test-nav {
    text-align: center;
    margin: 30px 0px 0px 0px;
}

.tests-page ul.test-nav li {
    list-style: none;
    width: 30px;
    height: 30px;
    border: 2px solid #e3e3e3;
    border-radius: 15px;
    padding: 2px;
    text-align: center;
    display: inline-block;
    margin: 0px 20px 20px 0px;
    position: relative;
    text-transform: uppercase;
    color: #446e87;
    font-weight: 600;
}

.tests-page ul.test-nav.result li {
    cursor: pointer;
}

.tests-page ul.test-nav li:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 28px;
    width: 25px;
    height: 2px;
    background: #e3e3e3;
}

.tests-page ul.test-nav li.result:after {
    display: none;
}

.tests-page ul.test-nav li.open {
    background: #0097B9;
    color: #ffffff;
}

.tests-page ul.test-nav li.result {
    width: 100px;
    margin: 0px;
}

.tests-page ul.test-nav li.result.open {
    background: #3db39e;
}

.tests-page ul.test-nav li.fine {
    background: #3db39e;
    color: #ffffff;
}

.tests-page ul.test-nav li.fail {
    background: #f6705a;
    color: #ffffff;
}

.tests-page .question,
.tests-page .title_mess_result {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #446e87;
    text-align: center;
}

.tests-page .answers {
    width: 100%;
    max-width: 500px;
    margin: 30px auto 80px;
}

.tests-page .form_item .field .input_radio {
    height: auto;
    min-height: 23px;
    width: 100%;
    padding: 7px 0px 0px 0px;
    margin: 0px 10px 20px 0px;
    display: block;
}

.tests-page .form_item .field .input_radio > input[type=radio] {
    display: none;
}

.tests-page .form_item .field .input_radio > .span_radio {
    display: block;
    float: left;
    cursor: pointer;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border: 2px solid #3db39e;
    border-radius: 15px;
    background-color: #f3f3f3;
    padding: 0px;
    margin: -3px 15px 0px 0px;
}

.tests-page .form_item .field .input_radio > .span_radio:hover,
.tests-page .form_item .field .input_radio > input[type=radio]:checked + .span_radio {
    border: 2px solid #3db39e;
}

.tests-page .form_item .field .input_radio.fine_answer > .span_radio,
.tests-page .form_item .field .input_radio.fine_answer > .span_radio:hover,
.tests-page .form_item .field .input_radio.fine_answer > input[type=radio]:checked + .span_radio {
    border: 2px solid #0097B9;
    background-color: #f3f3f3;
}

.tests-page .form_item .field .input_radio.fail_answer > .span_radio,
.tests-page .form_item .field .input_radio.fail_answer > .span_radio:hover,
.tests-page .form_item .field .input_radio.fail_answer > input[type=radio]:checked + .span_radio {
    border: 2px solid #f6705a;
    background-color: #fcf3f3;
}

.tests-page .form_item .field .input_radio > .span_radio span {
    display: block;
    cursor: pointer;
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: 2px solid #f3f3f3;
    background-color: #f3f3f3;
    padding: 0px;
    margin: 4px 0px 0px 4px;

}

.tests-page .form_item .field .input_radio.fail_answer > .span_radio span {
    border: 2px solid #fcf3f3;
    background-color: #fcf3f3;
}

.tests-page .form_item .field .input_radio > input[type=radio]:checked + .span_radio span,
.tests-page .form_item .field .input_radio > .span_radio:hover span {
    border: 2px solid #40677f;
    background-color: #40677f;
}

.tests-page .form_item .field .input_radio > .span_title {
    color: #888888;
    font-weight: 400;
    display: block;
    padding: 0px 0px 0px 45px;
}

.tests-page .form_item .field .input_radio.fine > .span_title {
    color: #3db39e;
    font-weight: 600;
}

.tests-page .form_item .field .input_radio.fine_answer > .span_title {
    color: #0097B9;
    font-weight: 600;
}

.tests-page .form_item .field .input_radio.fail_answer > .span_title {
    color: #f6705a;
    font-weight: 600;
}

.tests-page .block_botton {
    text-align: center;
    margin: 0px 0px 40px;;
}

.tests-page .link.primary {
    background-color: rgb(61, 179, 158) !important;
    -webkit-box-shadow: 0 5px 0 #3b9376 !important;
    box-shadow: 0 5px 0 #3b9376 !important;
    color: #ffffff !important;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    display: inline;
    cursor: pointer;
    background-color: #0494b4;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    box-shadow: 0 5px 0 #0484ac;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    min-width: 200px;
    margin: 0px auto 20px;
    padding: 14px 30px;
    text-transform: uppercase;
    border-radius: 48px;
}

.tests-page .link.primary:hover {
    -webkit-box-shadow: 0 2px 0 #3b9376 !important;
    box-shadow: 0 2px 0 #3b9376 !important;
}

@media only screen and (max-width: 991px) {
    .tests-page {

    }
}

/*Конец Тесты*/

.write-us.map a {
    color: #fff;
    text-decoration: underline;
}

.write-us.map a:hover {
    text-decoration: none;
}

.write-us.map img {
    width: 30px;
}

#jivo-iframe-container.jivo-iframe-container-bottom {
    z-index: 99 !important;
}

.label_39._bottom_3v {
    z-index: 99 !important;
}

.lang-key-new, .lang-key {
    height: 24px;
    cursor: pointer;
}

.lang-key-new.ua {
    opacity: 0;
    cursor: default;
}

/*Awards*/
.awards-page {
    width: 100%;
    min-height: 625px;
    background: #ffffff;
    margin-top: 0px;
    position: relative;
}

.awards-page .awards-header {
    width: 100%;
    height: 600px;
    background: url('/images/awards/awards-bg.webp') calc(50% - 260px) 50% no-repeat;
    background-size: auto 450px;
}

.awards-page .awards-header .awards-header-title {

}

.awards-page .awards-header .awards-header-body {
    padding: 0 5% 0 50%;
    width: calc(50% + 700px);
    max-width: 100%;
}

.awards-page .awards-header .awards-header-body p {
    color: #424242;
    font-size: 18px;
    line-height: 22px;
    margin: 30px 0px;
}

.awards-page .awards-header .awards-header-body p span {
    color: #3db39e;
    font-weight: 700;
}

.awards-page .awards-header .awards-header-body p strong {
    font-weight: 700;
}

.awards-page .awards-header .awards-header-body p:first-child {
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700;
}

.awards-page .awards-steps {
    width: 100%;
    height: 2080px;
    background: url('/images/awards/awards-bg4.webp') 0% 50px no-repeat,
    url('/images/awards/awards-bg5.webp') 100% 50% no-repeat,
    url('/images/awards/awards-bg3.webp') 50% 50% no-repeat;
    background-size: 42% auto, auto 40%, auto 100%;
    position: relative;
}

.awards-page .awards-steps .awards-steps-block-anim {
    position: relative;
    width: 100%;
    height: 1800px;
}

.awards-page .awards-steps .awards-steps-block-anim div {
    position: absolute;
}

.awards-page .awards-steps .awards-steps-block-anim .rocket {
    width: 257px;
    height: 149px;
    background: url('/images/awards/awards-rocket.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    top: 260px;
    left: 380px;
}

.awards-page .awards-steps .awards-steps-block-anim .steps {
    width: 706px;
    height: 1370px;
    background: url('/images/awards/awards-step.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    top: 300px;
    left: 50%;
    margin-left: -353px;
}

.awards-page .awards-steps .awards-steps-block-anim .step1_text,
.awards-page .awards-steps .awards-steps-block-anim .step5_text {
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.awards-page .awards-steps .awards-steps-block-anim .step1_text span,
.awards-page .awards-steps .awards-steps-block-anim .step5_text span {
    color: #3db39e;
}

.awards-page .awards-steps .awards-steps-block-anim .step1_text {
    top: 400px;
    left: 10px;
}

.awards-page .awards-steps .awards-steps-block-anim .step1 {
    width: 181px;
    height: 167px;
    background: url('/images/awards/awards-step1.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    top: 220px;
    left: 50px;
}

.awards-page .awards-steps .awards-steps-block-anim .step2 {
    width: 297px;
    height: 300px;
    background: url('/images/awards/awards-step2.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    top: 400px;
    right: 80px;
}

.awards-page .awards-steps .awards-steps-block-anim .step3 {
    width: 336px;
    height: 340px;
    background: url('/images/awards/awards-step3.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    top: 540px;
    left: 100px;
}

.awards-page .awards-steps .awards-steps-block-anim .step4 {
    width: 340px;
    height: 375px;
    background: url('/images/awards/awards-step4.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    top: 850px;
    right: 100px;
}

.awards-page .awards-steps .awards-steps-block-anim .step5_text {
    bottom: 130px;
    left: 180px;
}

.awards-page .awards-steps .awards-steps-block-anim .step5 {
    width: 398px;
    height: 399px;
    background: url('/images/awards/awards-step5.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    bottom: 10px;
    left: 50px;
}

.awards-page .awards-steps .awards-steps-block-anim .step6 {
    width: 308px;
    height: 310px;
    background: url('/images/awards/awards-step6.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    top: 1350px;
    right: -120px;
}

.awards-page .awards-steps .awards-steps-block-anim .step7 {
    width: 316px;
    height: 328px;
    background: url('/images/awards/awards-step7.webp') 50% 100% no-repeat;
    background-size: 100% auto;
    top: 1050px;
    left: -50px;
}

.awards-page .awards-steps .awards-steps-block-anim .step1,
.awards-page .awards-steps .awards-steps-block-anim .step2,
.awards-page .awards-steps .awards-steps-block-anim .step3,
.awards-page .awards-steps .awards-steps-block-anim .step4,
.awards-page .awards-steps .awards-steps-block-anim .step5,
.awards-page .awards-steps .awards-steps-block-anim .step6,
.awards-page .awards-steps .awards-steps-block-anim .step7 {
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.awards-page .awards-steps .awards-steps-block-anim .step1:hover,
.awards-page .awards-steps .awards-steps-block-anim .step2:hover,
.awards-page .awards-steps .awards-steps-block-anim .step3:hover,
.awards-page .awards-steps .awards-steps-block-anim .step4:hover,
.awards-page .awards-steps .awards-steps-block-anim .step5:hover,
.awards-page .awards-steps .awards-steps-block-anim .step6:hover,
.awards-page .awards-steps .awards-steps-block-anim .step7:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.awards-page .awards-fotter {
    width: 100%;
    background: url('/images/awards/awards-bg2.webp') 50% calc(0% - 10px) no-repeat;
    background-size: auto 370px, cover;
    min-height: 370px;
}

.awards-page .awards-fotter.ru {
    width: 100%;
    background: url('/images/awards/awards-bg2-ru.webp') 35% 0% no-repeat;
    background-size: auto calc(100% - 50px), cover;
}

.awards-page .awards-fotter .awards-fotter-body {
    padding: 0 5% 50px 60%;
    width: calc(60% + 500px);
    max-width: 100%;
}

.awards-page .awards-fotter .awards-fotter-body p {
    color: #424242;
    font-size: 18px;
    line-height: 22px;
}

.awards-page .awards-fotter .awards-fotter-body p a {
    color: #3db39e;
    font-weight: 700;
    text-decoration: underline;
}

.awards-page .awards-fotter .awards-fotter-body p a:hover {
    text-decoration: none;
}

.awards-page .awards-header .awards-header-body p span.text-topic-bold {
    color: #424242;
}

@media only screen and (max-width: 1199px) {
    .awards-page .awards-header {
        height: 650px;
    }

    .awards-page .awards-steps {
        background: url('/images/awards/awards-bg4.webp') 0% 50px no-repeat,
        url('/images/awards/awards-bg5.webp') 100% 50% no-repeat,
        url('/images/awards/awards-bg3.webp') 50% 50% no-repeat;
        background-size: 64% auto, auto 40%, auto 100%;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step1_text {
        top: 365px;
        left: 0px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step1_text,
    .awards-page .awards-steps .awards-steps-block-anim .step5_text {
        font-size: 22px;
        line-height: 26px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step1 {
        width: 150px;
        height: 137px;
        top: 210px;
        left: 5px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step2 {
        width: 220px;
        height: 220px;
        top: 460px;
        right: 50px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step3 {
        width: 220px;
        height: 220px;
        top: 610px;
        left: 120px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step4 {
        width: 220px;
        height: 234px;
        top: 970px;
        right: 100px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step5_text {
        bottom: 105px;
        left: 190px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step5 {
        width: 250px;
        height: 250px;
        bottom: 50px;
        left: 130px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step6 {
        width: 200px;
        height: 201px;
        top: 1390px;
        right: -80px;
    }

    .awards-page .awards-steps .awards-steps-block-anim .step7 {
        width: 218px;
        height: 226px;
        top: 1100px;
        left: -30px;
    }

    .awards-page .awards-fotter.ru {
        background: url('/images/awards/awards-bg2-ru.webp') 12% 50% no-repeat;
        background-size: auto 90%, cover;
    }

}

@media only screen and (max-width: 992px) {
    .awards-page {
        margin-top: -15px;
    }

    .awards-page.courses {
        margin-top: 0px;
    }

    .awards-page .awards-header .awards-header-title {
        padding-top: 55px;
    }
}

@media only screen and (max-width: 991px) {
    .awards-page .awards-header {
        height: 750px;
    }

    .awards-page .awards-header .awards-header-body {
        width: calc(50% + 400px);
    }

    .awards-page .awards-steps {
        width: 100%;
        height: 1450px;
        background: url('/images/awards/awards-bg7.webp') 50% -1px no-repeat;
        background-size: cover;

    }

    .awards-page .awards-steps .awards-steps-block-anim {
        display: none;
        opacity: 0;
    }

    .awards-page .awards-fotter {
        background: url('/images/awards/awards-bg2.webp') 50% calc(100% - 35px) no-repeat;
        background-size: auto 350px, cover;
    }

    .awards-page .awards-fotter.ru {
        background: url('/images/awards/awards-bg2-ru.webp') 10% 50% no-repeat;
        background-size: 40% auto, cover;
    }

    .awards-page .awards-fotter.ru .awards-fotter-body {
        padding: 0 0% 50px 50%;
        width: calc(50% + 500px);
    }
}

@media only screen and (max-width: 950px) {
    .awards-page {
        margin-top: -20px;
    }

    .awards-page.courses {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 860px) {
    .our-awards {
        height: auto;
    }

    .awards-page .awards-header {
        width: 100%;
        height: 1000px;
        background: url('/images/awards/awards-bg.webp') 50% 100px no-repeat;
        background-size: auto 450px;
    }

    .awards-page .awards-header .awards-header-body {
        width: 100%;
        padding: 450px 5% 0px;
    }

    .awards-page .awards-fotter {
        background: url('/images/awards/awards-bg6.webp') calc(50% - 160px) calc(100% - 35px) no-repeat;
        background-size: auto 370px, cover;
        min-height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .awards-page {
        margin-top: -22px;
    }

    .awards-page.courses {
        margin-top: 0px;
    }

    .awards-page .awards-steps {
        height: 1105px;
    }
}

@media only screen and (max-width: 720px) {
    .awards-page .awards-fotter {
        background: url('/images/awards/awards-bg6.webp') 50% calc(100% - 35px) no-repeat;
        background-size: auto 370px, cover;
    }

    .awards-page .awards-fotter,
    .awards-page .awards-fotter.ru {
        background: none;
    }

    .awards-page .awards-fotter .awards-fotter-body,
    .awards-page .awards-fotter.ru .awards-fotter-body {
        width: 100%;
        padding: 30px 0% 50px;
    }
}

@media only screen and (max-width: 620px) {
    .awards-page .awards-header {
        height: 1100px;
    }

    .awards-page .awards-steps {
        height: 900px;
    }
}

@media only screen and (max-width: 500px) {
    .awards-page .awards-steps {
        width: 100%;
        height: 1900px;
        background: url('/images/awards/awards-bg8.webp') 50% 50% no-repeat #fff;
        background-size: auto 100%;
    }
}

@media only screen and (max-width: 455px) {
    .awards-page .awards-header {
        height: 1050px;
        background: url('/images/awards/awards-bg.webp') 50% 100px no-repeat;
        background-size: auto 320px;
    }

    .awards-page .awards-header .awards-header-body {
        padding: 310px 5% 0px;
    }
}

@media only screen and (max-width: 395px) {
    .awards-page .awards-header {
        height: 1210px;
    }
}

#wave {
    width: 257px;
    height: 149px;
    background: url("https://coddyschool.com/images/awards/awards-rocket.png") 50% 100% no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 260px;
    left: 380px;
    transform: rotate(0deg);
    transform-origin: 70% 50%;
}

.awards-page .awards-steps .step_rocket {
    width: 10px;
    height: 1px;
    border-top: 1px solid #fff;
}

.awards-page .awards-steps .awards-steps-block-anim .rocket {
    display: none;
}

@media only screen and (max-width: 1199px) {
    #wave, .awards-page .awards-steps .awards-steps-block-anim .rocket {
        left: 320px;
    }
}

@media only screen and (max-width: 1100px) {
    #wave {
        display: none;
    }

    .awards-page .awards-steps .awards-steps-block-anim .rocket {
        display: block;
    }
}

.our-awards {
    width: 100%;
    min-height: 245px;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

@media only screen and (max-width: 860px) {
    .our-awards {
        height: auto;
    }
}

.our-awards .awards-title {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    padding: 0px;
    width: calc(100% - 420px);
    display: table-cell;
    vertical-align: middle;
    height: 245px
}

.our-awards .awards-title.down {
    width: 100%;
    text-transform: none;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
}

.our-awards .awards-title span {
    color: #3db39e;
}

.our-awards .awards-img div {
    width: 420px;
    height: 370px;
    position: absolute;
    top: -62.5px;
    right: 0px;
    display: none;
}

.our-awards .awards-img div.act {
    display: block;
}

.our-awards .awards-img div:nth-child(1) {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: contain;
}

.our-awards .awards-img div:nth-child(2) {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: contain;
}

.our-awards .awards-img div:nth-child(3) {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: contain;
}

.our-awards .awards-img div:nth-child(4) {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: contain;
}

.our-awards .awards-img div:nth-child(5) {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: contain;
}

.our-awards .awards-img.ua div:nth-child(1) {
    background: url('/images/awards/awards-item-lev5-ua.webp') 50% 0% no-repeat;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: contain;
}

.our-awards .awards-img.ua div:nth-child(2) {
    background: url('/images/awards/awards-item-lev10-ua.webp') 50% 0% no-repeat;
    background-size: contain;
}

.our-awards .awards-img.ua div:nth-child(3) {
    background: url('/images/awards/awards-item-lev15-ua.webp') 50% 0% no-repeat;
    background-size: contain;
}

.our-awards .awards-img.ua div:nth-child(4) {
    background: url('/images/awards/awards-item-lev20-ua.webp') 50% 0% no-repeat;
    background-size: contain;
}

.our-awards .awards-img.ua div:nth-child(5) {
    background: url('/images/awards/awards-item-lev25-ua.webp') 50% 0% no-repeat;
    background-size: contain;
}

@media only screen and (min-width: 1200px) {
    .our-awards .awards-title.down {
        padding-left: 150px;
    }
}

@media only screen and (max-width: 1199px) {
    .our-awards .awards-title {
        width: 315px;
    }
}

@media only screen and (max-width: 991px) {
    .our-awards .awards-title.down {
        width: 330px;
    }
}

@media only screen and (max-width: 767px) {
    .our-awards .awards-title.down {
        width: 100%;
    }

    .our-awards {
        width: 100%;
        height: 470px;
        background-position: 100% 0%;
        background-repeat: no-repeat;
        position: relative;
    }

    .our-awards .awards-title {
        display: block;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 40px 0px 20px;
    }

    .our-awards .awards-img div {
        position: relative;
        top: auto;
        right: auto;
        margin: auto;
    }
}

@media only screen and (max-width: 440px) {
    .our-awards .awards-img div {
        width: 100%;
    }
}

/*Contacts*/
#info_contacts {
    width: 100%;
    height: auto;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    position: relative;
    padding: 240px 0px 0px;
    margin: -220px 0px 0px;
}

#info_contacts.contacts-page {
    margin: -50px 0px 0px !important;
}

#info_contacts.courses {
    background: none;
    padding: 0px 0px 0px;
    margin: 0px 0px 0px;
}

#addressFormBlock #info_contacts {
    background: url("/images/contacts/contacts-bg.webp") 50% 0% no-repeat;
    border-radius: 20px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

#info_contacts .wanna-be-better {
    height: auto;
    padding: 0px 0px 180px;
    position: relative;
    background: url("/images/contacts/contacts-bg-anim.webp") 50% 100% no-repeat;
}

#info_contacts .block_contacts {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    background: url("/images/contacts/contacts-bg.webp") 0% 0% repeat;
    background-color: #0f465f;
}

#info_contacts .block_contacts.not_map {
    height: 80px;
}

#addressFormBlock #info_contacts .block_contacts {
    padding: 0px 0px 30px;
}

#info_contacts .form_contacts {
    width: 100%;
    height: auto;
    background: url('/images/contacts/contacts-bg3.webp') 50% 0% no-repeat,
    url('/images/contacts/contacts-bg4.webp') 0% 0% repeat;
    background-color: #05384f;
    background-size: auto, auto;
    position: relative;
    z-index: 1;
    padding: 240px 0px 50px 0px;
    overflow-x: hidden;
}

#info_contacts.courses .form_contacts {
    background: url('/images/contacts/contacts-bg4.webp') 0% 0% repeat;
    background-color: #05384f;
    background-size: auto, auto;
    padding: 20px 0px 50px 0px;
}

#info_contacts .block_time_and_phone {
    position: relative;
}

#info_contacts .contacts_time_and_phone {
    width: 340px;
    margin: auto;
    position: relative;
    top: 0px;
    display: flex;
}

#info_contacts .contacts_time_and_phone div {
    width: 170px;
    position: relative;
}

#info_contacts .contacts_time_and_phone div:before {
    content: "";
    position: absolute;
    left: calc(50% - 36px);
    top: -82px;
    width: 72px;
    height: 72px;
}

#info_contacts .contacts_time_and_phone div p,
#info_contacts .form_contacts .contacts_info div p,
#info_contacts .form_contacts .do-u-haveit,
#info_contacts .form_contacts .contact-us-please,
#info_contacts .form_contacts .cd-user-modal-success,
#info_contacts .form_contacts .any-questions .your-stuff-inp .agreement span,
#info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a {
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background: #0f465f;
    padding: 0px 3px;
}

#info_contacts .contacts_time_and_phone div a,
#info_contacts .form_contacts .contacts_info div a,
#info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a {
    font-weight: 700;
    color: #ffffff;
    text-decoration: underline;
}

#info_contacts .form_contacts .contacts_info div p {
    background: #05384f;
    text-align: left;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp .agreement span,
#info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a {
    background: #05384f;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

#info_contacts .form_contacts .do-u-haveit,
#info_contacts .form_contacts .contact-us-please,
#info_contacts .form_contacts .cd-user-modal-success {
    background: #05384f;
    font-size: 18px;
    font-weight: 400;
}

#info_contacts .form_contacts .cd-user-modal-success.field_error,
#info_contacts .form_contacts .cd-user-modal-success.field_switch_error,
#info_contacts .form_contacts .cd-user-modal-success.field_mess_error,
#info_contacts .form_contacts .cd-user-modal-success.field_send_error {
    color: #ff0000;
}

#info_contacts .form_contacts .contacts_info div a {
    font-weight: 400;
}

#info_contacts .contacts_time_and_phone div a:hover,
#info_contacts .form_contacts .contacts_info div a:hover,
#info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a:hover {
    text-decoration: none;
}

#info_contacts .contacts_time_and_phone .contacts_time,
#info_contacts .contacts_time_and_phone .contacts_phone {
}

#info_contacts .contacts_time_and_phone .contacts_time:before {
    background: url('/images/contacts/contacts-time.webp') 50% 0% no-repeat;
}

#info_contacts .contacts_time_and_phone .contacts_phone:before {
    background: url('/images/contacts/contacts-phone.webp') 50% 0% no-repeat;
}

#info_contacts .block_contacts .contacts_title,
#info_contacts .form_contacts .contacts_title {
    background: #0f465f;
    margin: 50px auto 30px;
    padding: 0px 3px;
    display: table;
}

#info_contacts .form_contacts .contacts_title {
    background: #05384f;
}

#info_contacts .block_contacts .block_address {
    height: 410px;
    margin: 0px 0px 0px;
    display: flex;
}

#info_contacts .block_contacts .block_address .address {
    width: calc(50% - 0px);
    height: 410px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

#info_contacts .block_contacts .block_address .address .b-filter {
    margin: 0 40px 30px 0;
}

#info_contacts .block_contacts .block_address .address .address-list {
    max-height: 334px;
}

#info_contacts .block_contacts .block_address .address .menu li {
    background: #0484ac;
    color: #fff;
    list-style: none;
    border-radius: 10px;
    padding: 15px 15px 15px 15px;
    margin: 0px 14px 15px 0px;
}

#info_contacts .block_contacts .block_address .address .menu li .scheme_map {
    background: url('/images/contacts/contacts_map.webp') 0px 50% no-repeat;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0px 10px 0px 0px;
    float: left;
}

#info_contacts .block_contacts .block_address .address .menu li span.scheme_map {
    opacity: 0.3;
}

#info_contacts .block_contacts .block_address .address .menu li a.menu_map {
    color: #fff;
    text-decoration: underline;
}

#info_contacts .block_contacts .block_address .address .menu li a:hover {
    text-decoration: none;
}

#info_contacts .block_contacts .block_address .map {
    width: calc(50% - 25px);
    height: 410px;
    margin: 0px 0px 0px 25px;
    border-radius: 10px;
    overflow: hidden;
}

#info_contacts .block_contacts .block_address .mCSB_dragger_bar {
    width: 16px !important;
    background-color: #ffffff !important;
}

#info_contacts .block_contacts .block_address .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ffffff !important;
}

#info_contacts .block_contacts .share_soc {
    text-align: center;
    margin: 0px 0px 0px;
}

#info_contacts .block_contacts .share_soc a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #0f465f;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 100%;
    border: 3px solid #0f465f;
    margin: 5px;
}

#info_contacts .block_contacts .share_soc a:hover {
    opacity: 0.8;
}

#info_contacts .block_contacts .share_soc .soc_linkedin {
    /*background-image: url('/images/contacts/contacts-soc-1.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_facebook {
    /*background-image: url('/images/contacts/contacts-soc-2.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_vk {
    /*background-image: url('/images/contacts/contacts-soc-3.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_instagram {
    /*background-image: url('/images/contacts/contacts-soc-4.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_youtube {
    /*background-image: url('/images/contacts/contacts-soc-5.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_flickr {
    /*background-image: url('/images/contacts/contacts-soc-6.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_twitter {
    /*background-image: url('/images/contacts/contacts-soc-7.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_odnoklassniki {
    /*background-image: url('/images/contacts/contacts-soc-8.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_ustart {
    /*background-image: url('/images/contacts/contacts-soc-9.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_viber {
    /*background-image: url('/images/contacts/contacts-soc-10.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_telegram {
    /*background-image: url('/images/contacts/contacts-soc-11.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_whatsapp {
    /*background-image: url('/images/contacts/contacts-soc-12.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_vimeo {
    /*background-image: url('/images/contacts/contacts-soc-14.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_dzen {
    /*background-image: url('/images/contacts/contacts-soc-15.webp');*/
}

#info_contacts .block_contacts .share_soc .soc_rutube {
    /*background-image: url('/images/contacts/contacts-soc-rutube.webp');*/
}

#info_contacts .form_contacts .contacts_info {

}

#info_contacts .form_contacts .contacts_info div {
    width: 25%;
    float: left;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp {
    max-width: 75%;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp .left_block,
#info_contacts .form_contacts .any-questions .your-stuff-inp .right_block {
    width: calc(50% - 5px);
    float: left;
    max-height: 450px;
    padding: 0px 20px 0px 0px;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp .center_block {
    margin: 30px 0px 0px;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp .right_block {
    float: right;
    padding: 0px 0px 0px 20px;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp input.toggle-round + label:before {
    background-color: #ffffff;
}

#info_contacts .form_contacts input.toggle-round + label {
    float: left;
}

#info_contacts .form_contacts .cd-form input.has-border,
#info_contacts .form_contacts .cd-form textarea.has-border {
    border: 0px solid #d2d8d8;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp input,
#info_contacts .form_contacts .any-questions .your-stuff-inp textarea {
    min-width: 260px;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before {
    left: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
}

#info_contacts .form_contacts .any-questions .your-stuff-inp .span_checkbox {
    margin: 17px 15px 0px 0px;
    position: relative;
}

#info_contacts .form_contacts .your-stuff-inp .agreement .span_title {
    float: left;
    width: calc(100% - 50px);
    font-size: 14px;
}

#info_contacts .form_contacts .switch {
    position: relative;
    left: calc(-100% - 60px);
    top: 10px;
}

#info_contacts .form_contacts .req_text {
    color: #fff;
    display: block;
    width: 100%;
    height: 20px;
    clear: both;
    padding-top: 10px;
}

#info_contacts .form_contacts .req_text span {
    color: #f00;
}

#info_contacts .form_contacts .agreement {
    position: relative;
    top: -70px;
}

#info_contacts .form_contacts .switch .mess_switch {
    position: relative;
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    float: left;
    padding: 3px 0px 0px 20px;
}

#info_contacts .form_contacts .switch .img_switch {
    width: 198px;
    height: 200px;
    top: -210px;
    right: calc(-200% + 165px);
    z-index: 3;
}

.cd-form .cd-error-message {
    font-size: 12px;
}

@media only screen and (max-width: 1199px) {
    #info_contacts .form_contacts .switch {
        width: 285px;
    }

    #info_contacts .form_contacts .switch .img_switch {
        right: calc(-200% + 95px);
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp .left_block,
    #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block {
        height: 380px;
    }
}

@media only screen and (max-width: 991px) {
    #info_contacts .block_contacts .share_soc a {
        margin: 2px;
    }

    #info_contacts .form_contacts .contacts_info {
        height: 200px;
    }

    #info_contacts .form_contacts .contacts_info div {
        width: 33%;
        margin: 0px 0px 20px;
    }

    #info_contacts .form_contacts .contacts_info div p {
        text-align: center;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp {
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    #info_contacts {
        padding-top: 225px;
    }

    #info_contacts .block_contacts.not_map {
        height: 260px;
    }

    #info_contacts .wanna-be-better {
        background: url('/images/contacts/contacts-bg-mob2.webp') 50% 100% no-repeat;
        padding: 0px 0px 110px;
        position: relative;
        top: -2px;
    }

    #info_contacts .block_contacts {
        height: auto;
        margin: 15px 0px 0px;
    }

    #info_contacts .form_contacts {
        background: url('/images/contacts/contacts-bg-mob3.webp') 50% 0% no-repeat,
        url('/images/contacts/contacts-bg4.webp') 0% 0% repeat;
        background-size: auto, auto;
        padding: 90px 0px 50px 0px;
    }

    #info_contacts .form_contacts .any-questions {
        padding: 0px;
        margin: 0px;
    }

    #info_contacts .form_contacts .contacts_info {
        height: 250px;
    }

    #info_contacts .contacts_time_and_phone {
        top: 0px;
    }

    #info_contacts .block_contacts .contacts_title, #info_contacts .form_contacts .contacts_title {
        margin-top: 30px;
    }

    #info_contacts .block_contacts .block_address {
        height: auto;
        display: block;
    }

    #info_contacts .block_contacts .block_address .address {
        width: 100%;
        height: auto;
    }

    #info_contacts .block_contacts .block_address .address .menu li {
        margin: 0px 0px 15px 0px;
    }

    #info_contacts .block_contacts .block_address .map {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp {
        margin: 40px 0px 0px;
        padding: 0px;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp .left_block,
    #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block {
        width: 100%;
        float: none;
        padding: 0px;
        height: auto;
        max-height: inherit !important;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block {
        margin-top: 50px;
    }

    #info_contacts .form_contacts .agreement {
        position: relative;
        top: 0px;
    }

    #info_contacts .form_contacts .switch {
        position: relative;
        left: 0px;
        top: 0px;
        padding-left: calc(50% - 100px);
        margin: 0px 0px 20px;
        height: 70px;
        width: 100%;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp .span_checkbox {
        margin: 5px 15px 0px 0px;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block .cd-form .fieldset:first-child {
        margin: 2em 0;
    }

    #info_contacts .form_contacts .switch .img_switch {
        right: -50px;
        width: 140px;
        height: 150px;
        top: -210px;
    }
}

@media only screen and (max-width: 570px) {
    #info_contacts .form_contacts .contacts_info {
        height: 300px;
    }

    #info_contacts .form_contacts .contacts_info div {
        width: 50%;
        margin: 0px 0px 20px;
    }
}

@media only screen and (max-width: 520px) {
    #info_contacts .form_contacts .switch .img_switch img {
        display: block;
    }
}

@media only screen and (max-width: 450px) {
    #info_contacts .form_contacts .contacts_info {
        height: auto;
    }

    #info_contacts .form_contacts .contacts_info div {
        width: 100%;
        margin: 0px 0px 50px;
        float: none;
    }

    #info_contacts .contacts_time_and_phone {
        width: 100%;
        top: 0px;
    }
}

@media only screen and (max-width: 390px) {
    #info_contacts .form_contacts .switch {
        padding-left: 0px;
    }
}

/*Контакты карта с метро*/
.block_contacts .nav_metro {
    display: flex;
    position: relative;
    z-index: 10;
    height: 55px;
    width: 100%;
    margin: 0px 0px 30px;
}

.block_contacts .nav_metro.popup {
    height: 25px;
    margin: 30px 0px 30px;
}

.block_contacts .nav_metro .check_metro,
.popup-metro-list .search-metro-button {
    display: inline-block;
    min-width: 200px;
    height: 50px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    font-size: 14px;
    padding: 14px 20px !important;
    margin: 0;
    position: relative;
    top: 0px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    font-weight: 700;
    background-color: #0493b4;
    -webkit-box-shadow: 0 5px 0 #0484ac;
    box-shadow: 0 5px 0 #0484ac;
}

.block_contacts .nav_metro .check_metro:hover,
.popup-metro-list .search-metro-button:hover {
    top: 3px;
    -webkit-box-shadow: 0 2px 0 #0484ac;
    box-shadow: 0 2px 0 #0484ac;
}

.block_contacts .nav_metro .center_info_metro {
    width: calc(100%);
    flex: 0 0 calc(100% - 400px);
}

.block_contacts .nav_metro.popup .center_info_metro {
    display: none;
}

.block_contacts .nav_metro .switch_metro {
    display: flex;
    width: 200px;
    flex: 0 0 200px;
    position: relative;
    padding: 7px 0px;
    margin: 0px;
}

.block_contacts .nav_metro.popup .switch_metro {
    position: absolute;
    right: 50px;
    top: -62px;
}

.block_contacts .nav_metro .switch_metro input {
    display: none;
}

.block_contacts .nav_metro .switch_metro label {
    width: 80px;
    flex: 0 0 80px;
    position: relative;
    cursor: pointer;
}

.block_contacts .nav_metro .switch_metro input.toggle-round + label:before {
    background-color: #ffffff;
}

.block_contacts .nav_metro .switch_metro .mess_switch_metro {
    width: 55px;
    flex: 0 0 55px;
    margin: 7px 10px 0px 10px;
    color: #fff;
    font-weight: 700;
}

.block_contacts .nav_metro .switch_metro .mess_switch_metro:first-child {
    text-align: right;
}

#info_contacts .block_contacts .block_address.with_metro {
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
}

#info_contacts .block_contacts .block_address.with_metro .address,
#info_contacts .block_contacts .block_address.with_metro .metro_list,
#info_contacts .block_contacts .block_address.with_metro .address_footnote {
    display: block;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

#info_contacts .block_contacts .block_address.with_metro .metro_list {
    display: none;
}

#info_contacts .block_contacts .block_address.with_metro .address li {
    display: flex;
    flex-wrap: wrap;
    background: none;
    border-bottom: 1px solid #c3d2d9;
    border-radius: 0px;
    margin: 0px 14px 0px 0px;
}

#info_contacts .block_contacts .block_address.with_metro .address li .logo_metro {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    background-size: contain;
}

#info_contacts .block_contacts .block_address.with_metro .address li .name_metro {
    flex: 0 0 20%;
    padding: 0px 10px
}

#info_contacts .block_contacts .block_address.with_metro .address li .name_district {
    flex: 0 0 170px;
    padding: 0px 10px
}

#info_contacts .block_contacts .block_address.with_metro .address li .name_district a {
    color: #ffffff;
    border-bottom: 1px dashed #ffffff;
}

#info_contacts .block_contacts .block_address.with_metro .address li .name_district a:hover {
    border-bottom: 0px dashed #ffffff;
}

#info_contacts .block_contacts .block_address.with_metro .address li .menu_map {
    padding: 0px 10px;
    cursor: pointer;
}

#info_contacts .block_contacts .block_address.with_metro .address li .scheme_map {
    width: 30px;
    height: 30px;
    background: url('/images/contacts/contacts_map2.webp') 50% 50% no-repeat;
    background-size: contain;
    position: absolute;
    right: 0px;
}

#info_contacts .block_contacts .block_address.with_metro .metro_list {
    max-height: calc(100vh - 230px);
    overflow: hidden;
}

#info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro {
    display: flex;
    flex-wrap: wrap;
}

#info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li {
    list-style: none;
    width: 33%;
    flex: 0 0 33%;
    padding: 0px 20px 0px;
}

#info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li .menu_metro_map {
    cursor: pointer;
    padding: 10px 0px 10px;
}

#info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li .menu_metro_map.not_act {
    color: #ffffff !important;
}

#info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li .menu_metro_map.act {
    font-weight: 700;
    position: relative;
}

#info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li .menu_metro_map.act:before {
    content: "✓";
    width: 0;
    height: 0;
    position: absolute;
    left: -13px;
    top: 10px;
    font-weight: 700;
}

#info_contacts .block_contacts .block_address.with_metro .map {
    display: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

#info_contacts .block_contacts .block_address.with_metro .address_footnote {
    margin: 20px 0px;
    color: #fff;
}

#info_contacts .block_contacts .address li .contact_address {
    display: inline-block;
    position: relative;
    padding-right: 30px;
}

#info_contacts .block_contacts .address li .contact_address .copy_btn_address {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('/images/contacts/copy_icon.svg') 50% 50% no-repeat;
    right: 0px;
    top: 0%;
    filter: invert(100%);
    cursor: pointer;
}

#info_contacts .block_contacts .address li .contact_address:hover .copy_btn_address {
    display: block;
}

.popup-metro-list {
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0px;
    left: 0px;
    background: #fff;
    margin: 0px;
    padding: 0px 0px 30px;
    background: #2b4554;
    background: -moz-linear-gradient(-45deg, #2b4554 0%, #2C3772 100%);
    background: -webkit-linear-gradient(-45deg, #2b4554 0%, #2C3772 100%);
    background: linear-gradient(135deg, #2b4554 0%, #2C3772 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b4554', endColorstr='#2C3772', GradientType=1);
}

#metro_animation_container.animation_logo_container {
    position: absolute;
    left: -41px;
    top: -33px;
    float: left;
    width: 120px;
    height: 140px;
    transform: scale(0.7);
}

.popup-metro-list .header-metro-list {
    margin: 24px 0px 0px 0px;
    position: relative;
}

.popup-metro-list .search-metro-title {
    float: left;
    margin: 52px 20px 0px 140px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
}

.popup-metro-list .search-metro-title-block {
    float: left;
    margin: 40px 20px 0px 20px;
}

.popup-metro-list .footer-metro-list {
    display: none;
}

.popup-metro-list .close {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -25px;
    top: 44px;
    background: url('/bitrix/templates/coddy/css/../img/cd-icon-close.svg') no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    z-index: 3;
}

@media screen and (max-width: 991px) {
    .block_contacts .nav_metro.popup .switch_metro {
        right: calc(50% - 100px);
        top: 10px;
    }

    #info_contacts .block_contacts .block_address.with_metro.popup {
        margin: 60px 0px 0px 0px;
    }
}

@media screen and (max-width: 767px) {
    #info_contacts .block_contacts .block_address.with_metro .address li .name_metro {
        flex: 0 0 calc(100% - 200px);
    }

    #info_contacts .block_contacts .block_address.with_metro .address li .menu_map {
        flex: 0 0 calc(100% - 40px);
        padding: 10px 10px;
    }

    #info_contacts .block_contacts .block_address .address .menu li .scheme_map {
        margin: 8px 10px 0px 0px;
    }

    .popup-metro-list .close {
        right: -10px;
    }

    #info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li {
        width: 100%;
        flex: 0 0 calc(100% - 30px);
    }

    #info_contacts .block_contacts .block_address.with_metro .map,
    #info_contacts .block_contacts .block_address.with_metro .address,
    #info_contacts .block_contacts .block_address.with_metro .metro_list {
        height: calc(100vh - 320px);
    }

    .popup-metro-list .search-metro-title-block {
        display: none;
    }

    .popup-metro-list .footer-metro-list {
        width: 200px;
        display: block;
        position: absolute;
        bottom: 30px;
        left: calc(50% - 100px);
    }
}

@media screen and (max-width: 450px) {
    .block_contacts .nav_metro {
        display: block;
    }

    #info_contacts .block_contacts .block_address.with_metro .address li .name_metro {
        flex: 0 0 calc(100% - 30px);
    }

    #info_contacts .block_contacts .block_address.with_metro .address li .name_district {
        flex: 0 0 calc(100% - 40px);
    }

    .block_contacts .nav_metro .check_metro {
        margin: auto;
        display: block;
    }

    .block_contacts .nav_metro .switch_metro {
        margin: 20px auto;
    }

    .block_contacts .nav_metro.popup .switch_metro {
        top: -10px;
    }

    #info_contacts .block_contacts .block_address.with_metro {
        margin: 80px 0px 0px;
    }
}

/*Конец Контакты карта с метро*/

.video-form-block {
    background: #ffffff;
    border-radius: 10px;
    position: relative;
    width: 90%;
    max-width: 900px;
    min-height: 165px;
    margin-top: 0px;
    padding: 50px;
}

@media screen and (max-width: 450px) {
    .video-form-block {
        padding: 15px 15px 10px 15px;
    }
}

.video-form-block iframe {
    width: 100%;
    min-width: 220px;
    height: calc(100vh - 200px);
    min-height: 150px;
    max-height: 450px;
}

#info_contacts .block_contacts .block_address.with_metro .address li {
    position: relative;
}

.ic-video {
    display: block;
    width: 30px;
    height: 30px;

    position: absolute;
    top: 15px;
    right: 51px;
    z-index: 2;
}

.ic-video:hover {
    cursor: pointer;
}

/*End Contacts*/
#cd-address .text-address {
    padding: 20px 100px;
    height: auto;
    display: inline-block;
}

/*Родительский контроль*/
.control-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.control-page {
    padding: 0px 0 0px;
    margin-top: 0px;
    background: url('/images/control/control_header.webp') 50% 0% no-repeat,
    url('/images/control/control_footer.webp') 50% 100% no-repeat;
    overflow: hidden;
}

.control-page .title:before {
    content: "";
    position: absolute;
    left: -54px;
    top: -1px;
    width: 54px;
    height: 100%;
    min-height: 42px;
    background: url('/images/control/control_title.webp') 0% 0% repeat-y;
}

.control-page .title:after {
    content: "";
    position: absolute;
    right: -54px;
    top: -1px;
    width: 54px;
    height: 100%;
    min-height: 42px;
    background: url('/images/control/control_title2.webp') 0% 0% repeat-y;
}

.control-page .title {
    padding: 5px 0px 10px 10px;
    margin: 60px 0px 60px;
    height: 100%;
    min-height: 42px;
    max-width: 80%;
    background-color: #f3f3f3;
    display: inline-block;
    position: relative;
    color: #446e87;
    font-size: 28px;
    line-height: 32px;
}

.control-page .title.footer_title {
    margin: 205px 0px 0px;
    background-color: #17156e;
    color: #ffffff;
}

.control-page .title.footer_title:before {
    background: url('/images/control/control_title3.webp') 0% 0% repeat-y;
}

.control-page .title.footer_title:after {
    background: url('/images/control/control_title4.webp') 0% 0% repeat-y;
}

.control-page .title_center {
    text-align: center;
}

.control-page .footer_text {
    color: #fff;
    margin: 60px 0px 80px;
}

.control-page .footer_button {
    margin: 0px 0px 80px;
    max-width: 620px;
}

.control-page .footer_button a.link.download {
    margin: 0px 20px 30px 0px;
    padding: 14px 60px 14px 20px !important;
    display: inline-block;
}

.control-page .footer_button a.link.download:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 54px;
    height: 47px;
}

.control-page .footer_button a.link.download.item1:after {
    background: url('/images/control/control_download1.webp') 30% 50% no-repeat;
    background-size: auto 70%;
}

.control-page .footer_button a.link.download.item2:after {
    background: url('/images/control/control_download2.webp') 30% 50% no-repeat;
    background-size: auto 70%;
}

.control-page .footer_button a.link.download.item3:after {
    background: url('/images/control/control_download3.webp') 30% 50% no-repeat;
    background-size: auto 70%;
}

.control-page .footer_button a.link.download.item5:after {
    background: url('/images/control/control_download5.webp') 30% 50% no-repeat;
    background-size: auto 70%;
}

.control-page .right {
    text-align: right;
}

.control-page .text {
    color: #888888;
    font-size: 16px;
    line-height: 22px;
}

.control-page .text p, .control-page .text ul {
    margin: 0px 0px 25px;
}

.control-page .text span {
    color: #3db39e;
    font-weight: 700;
}

.control-page .text ul li {
    padding: 0px 0px 0px 35px;
    list-style: none;
    background: url('/images/control/control_li.webp') 15px 8px no-repeat;
}

.control-page .quote:before, .control-page .quote:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 20px;
    background: url('/images/control/control_quote.webp') 0% 0% no-repeat;
}

.control-page .quote:before {
    left: -41px;
    bottom: -15px;
}

.control-page .quote:after {
    right: 0px;
    top: -15px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.control-page .quote {
    position: relative;
    padding: 0px;
    margin: 55px 0px 55px;
    color: #446e87;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.control-page .quote.top:after {
    right: -30px;
}

.control-page .quote.bottom {
    text-align: center;
    color: #fff;
    margin: 80px 0px 40px;
}

.control-page .quote.bottom:before {
    left: 10px;
}

.control-page .quote.bottom:after {
    right: 10px;
    top: 0px;
}

.control-page .text_bold {
    color: #3db39e;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin: 0px 0px 25px 0px;
}

.control-page .head_title {
    padding: 250px 0px 240px 50px;
}

.control-page .head_title h1 {
    font-weight: 700;
    font-size: 58px;
    line-height: 58px;
    color: #ffffff;
    width: 440px;
    display: inline-block;
    margin-bottom: 50px;
    text-align: left;
}

.control-page .head_title img {
    display: inline-block;
    position: relative;
    top: -20px;
    left: -145px;
}

.control-page .head_title h1 span {
    color: #0095b6;
}

.control-page .head_title .top_slider {
    margin-top: 30px;
}

.control-page .col-md-6.img {
    height: 560px;
}

.control-page .control_img_b0 div {
    width: 320px;
    height: 138px;
    margin: 60px auto 0px auto;
}

.control-page .control_img_b0 .control_img_l1 {
    z-index: 1;
    background: url('/images/control/control_b0_l1.webp') 0% 0% no-repeat;
    background-size: 100% auto;
}

.control-page .control_img_b1 div {
    width: 100%;
    position: absolute;
    top: 0px;
    height: 629px;
    margin-left: 60px;
}

.control-page .control_img_b1 .control_img_l1 {
    z-index: 1;
    background: url('/images/control/control_b1_l1.webp') 0% 0% no-repeat;
    background-size: 100% auto;
}

.control-page .stars {
    border-radius: 100%;
    background: #ffffff;
}

.control-page .star1 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 90px;
    left: -70px;
}

.control-page .star2 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 120px;
    left: 110px;
}

.control-page .star3 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 220px;
    left: -55px;
}

.control-page .star4 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 320px;
    left: -110px;
}


.control-page .star5 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 170px;
    right: 70px;
}

.control-page .star6 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 210px;
    right: 300px;
}

.control-page .star7 {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 350px;
    right: -60px;
}

.control-page .star8 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 500px;
    right: 90px;
}

.control-page .star9 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 310px;
    right: 170px;
}

.control-page .star10 {
    width: 10px;
    height: 10px;
    position: absolute;
}

.control-page .star11 {
    width: 5px;
    height: 5px;
    position: absolute;
    background: #f8e160;
}

.control-page .star12 {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #f8e160;
}

.control-page .percent_block {
    margin: 0px 0px 60px 0px;
}

.control-page .percent_block .percent_item {
    width: calc(33% - 50px);
    min-width: 120px;
    height: 240px;
    text-align: center;
    margin: 50px 50px 0px 0px;
    float: left;
}

.control-page .percent_block .percent_item .percent {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    padding: 25px 0px;
    position: relative;
    left: 50%;
    margin: 0px 0px 35px -60px;
    box-shadow: 2px 2px 7px #666;
    background: rgb(0, 148, 184);
    background: -webkit-linear-gradient(180deg, rgb(0, 148, 184) 0%, rgb(0, 211, 196) 100%);
    background: -o-linear-gradient(180deg, rgb(0, 148, 184) 0%, rgb(0, 211, 196) 100%);
    background: -ms-linear-gradient(180deg, rgb(0, 148, 184) 0%, rgb(0, 211, 196) 100%);
    background: linear-gradient(180deg, rgb(0, 148, 184) 0%, rgb(0, 211, 196) 100%);
}

.control-page .percent_block .percent_item .text {
    font-size: 15px;
}

.control-page .img_block {
    margin: 0px 0px 60px 0px;
}

.control-page .img_block .img_item {
    width: calc(20% - 50px);
    text-align: center;
    margin: 50px 50px 0px 0px;
    float: left;
}

.control-page .img_block .img_item .img {
    max-width: 120px;
    height: 120px;
    padding: 25px 0px;
    position: relative;
    left: 50%;
    margin: 0px 0px 35px -60px;
    background: url('/images/control/control_img1.webp') 0px 0px no-repeat;
    background-size: 100% auto;
}

.control-page .img_block .img_item .img.item1 {
    background: url('/images/control/control_img1.webp') 0px 0px no-repeat;
    background-size: 100% auto;
}

.control-page .img_block .img_item .img.item2 {
    background: url('/images/control/control_img2.webp') 0px 0px no-repeat;
    background-size: 100% auto;
}

.control-page .img_block .img_item .img.item3 {
    background: url('/images/control/control_img3.webp') 0px 0px no-repeat;
    background-size: 100% auto;
}

.control-page .img_block .img_item .img.item4 {
    background: url('/images/control/control_img4.webp') 0px 0px no-repeat;
}

.control-page .img_block .img_item .img.item5 {
    background: url('/images/control/control_img5.webp') 0px 0px no-repeat;
    background-size: 100% auto;
}

.control-page .img_block .img_item .text {
    font-size: 15px;
    color: #3db39e;
}

.control-page.kz .head_title img {
    left: -285px;
}

@media only screen and (max-width: 767px) {
    .control-page.kz .head_title img {
        left: 185px;
    }
}

@media only screen and (min-width: 676px) {
    .control-page.kz .head_title h1 {
        width: 520px;
    }
}

@media only screen and (max-width: 675px) {
    .control-page .head_title h1 {
        width: 100%;
    }

    .control-page.kz .head_title img {
        left: 153px;
    }
}

@media only screen and (max-width: 415px) {
    .control-page.kz .head_title img {
        left: 0px;
        top: 10px;
        margin-bottom: 30px;
    }
}

.clear {
    clear: both;
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}

.mobi {
    display: none;
}

/*Адаптив*/
@media only screen and (max-width: 1199px) {
    .control-page .star3 {
        top: 160px;
        left: -50px
    }

    .control-page .star4 {
        top: 260px;
        left: -100px;
    }

    .control-page .star5 {
        top: 130px;
        right: 120px;
    }

    .control-page .star6 {
        top: 210px;
        right: 250px;
    }

    .control-page .star7 {
        top: 340px;
        right: -20px;
    }

    .control-page .star8 {
        top: 470px;
        right: 70px;
    }

    .control-page .cosmonaut {
        right: 150px;
    }

    .control-page .cosmonaut_hand {
        right: 173px;
    }

    .control-page .control_img_b1 div {
        margin-left: -20px;
    }

    .control-page .head_title {
        padding: 200px 0px 240px 50px;
    }

    .control-page .quote.top:before {
        left: -47px;
    }

    .control-page .quote.bottom:before {
        left: -22px;
    }

    .control-page .footer_button {
        margin: 0px 0px 40px;
    }
}

@media only screen and (max-width: 991px) {
    .btn-green-color.mobi, .mobi {
        display: block;
    }

    .btn-green-color.desc, .desc {
        display: none;
    }

    .control-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url("/images/control/control_header.webp") 65% 0% no-repeat, url("/images/control/control_footer.webp") 50% 100% no-repeat;
        background-size: auto 700px, auto;
    }

    .control-page .animation_header {
        display: none;
    }

    .control-page .head_title {
        padding: 160px 0px 240px 0px;
    }

    .control-page .col-md-6.img {
        height: auto;
    }

    .control-page .control_img_b1 .control_img_l1 {
        height: 550px;
        background: url('/images/control/control_b1_l1.webp') 50% 0% no-repeat;
        background-size: auto 500px;
        position: relative;
        margin-left: 0px;
    }

    .control-page .text ul li {
        padding: 0px 0px 0px 20px;
        background: url('/images/control/control_li.webp') 0px 8px no-repeat;
        margin: 0px;
    }

    .control-page .quote {
        text-align: center;
        padding: 0px 30px;
    }

    .control-page .quote:before {
        left: 0px;
    }

    .control-page .right {
        text-align: left;
    }

    .control-page .quote.bottom {
        width: 60%;
    }

    .control-page .footer_button {
        margin: 0px 0px 80px;
    }

    .control-page .footer_button a.link.download {
        margin: 0px 20px 30px 0px;
        display: inline-block;
    }

    .control-page .footer_button a.link.download:after {
        height: 48px;
    }

    .control-page .control_img_b0 .control_img_l1 {
        display: none;
    }

    .control-page .footer_text {
        margin: 30px 0px 40px;
    }

    .control-page .title.footer_title {
        margin: 220px 0px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .control-page {
        padding: 0px 0 0%;
        margin-top: 0px;
        background: url('/images/control/control_header2.webp') 50% -2px no-repeat,
        url('/images/control/control_footer2.webp') 25% 100% no-repeat;
    }

    .control-page .head_title {
        padding: 340px 0px 0px 20%;
    }

    .control-page .head_title h1 {
        font-size: 48px;
        line-height: 48px;
        color: rgb(51, 51, 51);
        margin-bottom: 50px;
    }

    .control-page .head_title img {
        height: 38px;
        top: -45px;
        left: 245px;
    }

    .control-page .footer_button {
        margin: 0px 0px 300px;
    }

    .control-page .img_block .img_item {
        width: calc(33% - 50px);
        height: 200px;
        margin: 50px 25px 0px 25px;
    }

    .control-page .percent_block .percent_item {
        margin: 50px 25px 0px 25px;
    }

    .control-page .percent_block .percent_item:nth-child(3) {
        display: none;
    }
}

@media only screen and (max-width: 675px) {
    .control-page .head_title h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .control-page .head_title img {
        height: 30px;
    }

    .control-page .col-md-6.img {
        height: auto;
    }

    .control-page .title.footer_title {
        text-align: center;
    }

    .control-page .title.footer_title {
        margin: 100px auto 0px;
    }

    .control-page .title_center_mobi {
        text-align: center;
    }

    .control-page .head_title img {
        top: -34px;
        left: 205px;
    }

    .control-page .footer_button {
        margin: 0px 0px 250px;
    }
}

@media only screen and (max-width: 600px) {
    .control-page .head_title {
        padding: 340px 0px 0px calc(65% - 240px);
    }

    .control-page .footer_button a.link.download {
        display: block;
        text-align: center;
        margin: 0px 0px 30px;
    }

    .control-page .head_title .top_slider {
        margin-top: 0px;
        display: block;
        text-align: center;
    }

    .control-page .percent_block .percent_item {
        width: calc(50% - 50px);
    }

    .control-page .img_block .img_item {
        width: calc(50% - 50px);
        height: 220px;
    }

    .control-page .title.footer_title {
        margin: 130px auto 0px;
    }

    .control-page .footer_button {
        margin: 0px 0px 180px;
    }
}

@media only screen and (max-width: 500px) {
    .control-page .title {
        margin: 40px 0px 40px;
    }

    .control-page .control_img_b1 .control_img_l1 {
        background-size: auto 400px;
        height: 430px;
    }

    .control-page .footer_text {
        margin: 40px 0px 40px;
    }

    .control-page .footer_button {
        margin: 0px 0px 120px;
    }
}

@media only screen and (max-width: 400px) {
    .control-page .control_img_b1 .control_img_l1 {
        background-size: auto 350px;
        height: 380px;
    }

    .control-page .percent_block .percent_item {
        width: calc(100% - 50px);
        height: 220px;
    }

    .control-page .img_block .img_item {
        width: calc(100% - 50px);
        height: 200px;
    }

    .control-page .footer_button {
        margin: 0px 0px 100px;
    }
}

@media only screen and (min-width: 992px) {
    .control-page .control_img_b1 div {
    }

    .control-page .star1 {
        -webkit-animation: pulsate 2s linear 0s infinite;
        animation: pulsate 2s linear 0s infinite;
    }

    .control-page .star2 {
        -webkit-animation: pulsate_small 1s linear 0s infinite;
        animation: pulsate_small 1s linear 0s infinite;
    }

    .control-page .star3 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .control-page .star4 {
        -webkit-animation: pulsate_small 1s linear 1s infinite;
        animation: pulsate_small 1s linear 1s infinite;
    }

    .control-page .star5 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .control-page .star6 {
        -webkit-animation: pulsate_small 2s linear 1s infinite;
        animation: pulsate_small 2s linear 1s infinite;
    }

    .control-page .star7 {
        -webkit-animation: pulsate 2s linear 1s infinite;
        animation: pulsate 2s linear 1s infinite;
    }

    .control-page .star8 {
        -webkit-animation: pulsate_small 1s linear 0.5s infinite;
        animation: pulsate_small 1s linear 0.5s infinite;
    }

    .control-page .star9 {
        -webkit-animation: pulsate_small 2s linear 0s infinite;
        animation: pulsate_small 2s linear 0s infinite;
    }

    .control-page .star10 {
        -webkit-animation: slide_star 10s linear 0s infinite;
        animation: slide_star 10s linear 0s infinite;
    }

    .control-page .star11 {
        -webkit-animation: slide_star2 10s linear 2s infinite;
        animation: slide_star2 10s linear 2s infinite;
    }

    .control-page .star12 {
        -webkit-animation: slide_star3 10s linear 4s infinite;
        animation: slide_star3 10s linear 4s infinite;
    }

}

/*Анимация*/
/*Звезды*/
@-webkit-keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 10px rgba(90, 156, 202, .5), 0 0 16px #5a9cca;
    }
}

@keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px 5px rgba(90, 156, 202, .5), 0 0 10px 5px #5a9cca;
    }
}

@-webkit-keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@-webkit-keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 1000px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 500px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

/**/
@-webkit-keyframes rov {
    0% {
        right: 400px
    }
    100% {
        right: 0px
    }
}

@keyframes rov {
    0% {
        right: 400px
    }
    100% {
        right: 0px
    }
}

@-webkit-keyframes moon {
    0% {
        right: -300%
    }
    100% {
        right: -145px
    }
}

@keyframes moon {
    0% {
        right: -300%
    }
    100% {
        right: -145px
    }
}

@-webkit-keyframes saturn {
    0% {
        right: -300%
    }
    100% {
        right: 40%
    }
}

@keyframes saturn {
    0% {
        right: -300%
    }
    100% {
        right: 40%
    }
}

/*Планеты*/

@-webkit-keyframes slide {
    0% {
        right: -300%
    }
    10% {
        right: -75px
    }
    90% {
        right: -75px
    }
    100% {
        right: 300%
    }
}

@keyframes slide {
    0% {
        right: -300%
    }
    10% {
        right: -75px
    }
    90% {
        right: -75px
    }
    100% {
        right: 300%
    }
}

@-webkit-keyframes cosm3 {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes cosm3 {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

}


@-webkit-keyframes cosm4 {
    0% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    50% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
}

@keyframes cosm4 {
    0% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    50% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

}

/*Конец Родительский контроль*/

/*Выбор города*/
.top-head {
    background: #0484ac;
    width: 100%;
    height: 30px;
    position: relative;
    left: 0px;
}

.top-head .top-head-menu {
    padding: 5px 0px 5px 140px;
    width: 50%;
    float: left;
}

.top-head .top-head-contacts {
    padding: 5px 0px 5px 0px;
    width: 50%;
    float: left;
    text-align: right;
}

.top-head .top-head-menu a,
.top-head .top-head-contacts a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}

.top-head .top-head-menu a:hover,
.top-head .top-head-contacts a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.top-head .top-head-menu .top-head-menu-item {
    margin: 0px 14px 0px 0px;
    padding: 0px;
    float: left;
    display: block;
}

.top-head .top-head-menu .top-head-menu-item.address_list {
    display: none;
}

.top-head .top-head-contacts .top-head-contacts-item {
    margin: 0px 0px 0px 14px;
    padding: 0px;
    float: right;
}

.c-filter.header {
    display: none;
}

.city-filter {
    width: 100%;
    max-width: 200px;
    float: left;
    margin-left: 140px;
    position: relative;
    z-index: 10;
}

.city-filter .city-t-filter {
    cursor: pointer;
    padding: 14px 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    width: 100%;
}

.city-filter .city-t-filter span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.city-filter .city-t-filter span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6.5px 8px 6.5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: -20px;
    top: 6px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.city-filter .city-t-filter:hover span {
    color: #2f9f8b;
}

.city-filter .city-t-filter:hover span:after {
    border-color: transparent transparent #2f9f8b transparent;
}

.popup-city-list {
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
    background: #fff;
    margin: 0px;
    padding: 160px 0px 30px;
    background: #2b4554;
    background: -moz-linear-gradient(-45deg, #2b4554 0%, #2C3772 100%);
    background: -webkit-linear-gradient(-45deg, #2b4554 0%, #2C3772 100%);
    background: linear-gradient(135deg, #2b4554 0%, #2C3772 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b4554', endColorstr='#2C3772', GradientType=1);
}

.popup-city-list .b-city-list {
    /*display: flex;*/
    columns: 5;
    column-gap: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 0 30px 140px;
}

.popup-city-list .b-city-list ul {
    margin: 0 0 20px;
}

.popup-city-list .b-city-item {
    /*width: 20%;*/
    padding: 0 20px 0 0;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.popup-city-list .b-city-item__title {
    float: left;
    width: 35px;
    margin: 0 0 0 -35px;
    font-weight: 700;
    font-size: 20px;
    color: #0098bd;
}

.popup-city-list .b-city-item li {
    padding: 0px 0px 10px;
    list-style: none;
}

.popup-city-list .b-city-item a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    text-decoration: none;
}

.popup-city-list .b-city-item a:hover,
.popup-city-list .b-city-item a:focus {
    color: #0098bd;
}

.popup-city-list .b-city-item .active a {
    display: inline-block;
    margin-left: -14px;
    padding: 3px 14px 4px;
    border-radius: 15px;
    background: #0098bd;
    color: #fff;
    cursor: auto;
}

.popup-city-list .header-city-list {
    margin: 24px 0px 0px 0px;
    position: relative;
}

.popup-city-list .logo-city-list {
    width: 120px;
    height: 140px;
    background: url('/local/templates/coddy/css/images/logo-coddy-blue.png') 0% 0% no-repeat;
    background-size: contain;
    float: left;
}

.popup-city-list .search-title {
    float: left;
    margin: 52px 20px 0px 140px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
}

.popup-city-list .search-city-list {
    max-width: 400px;
    width: 100%;
    margin: 38px 0px;
    float: left;
    position: relative;
}

.popup-city-list .search-city-list input.search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    background-color: white;
    border: 3px solid #0493b4;
    padding: 12px 22px;
    -webkit-border-radius: 20px;
    border-radius: 2em 2em 2em 2em !important;
    outline: none;
}

.popup-city-list .search-city-list input[type="text"]::placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.popup-city-list .search-city-list .btn-search {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -13px;
    width: 24px;
    height: 25px;
    background: url("/bitrix/templates/coddy/components/bitrix/news.list/courses_list/images/btn-search.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
}

.popup-city-list .filter-city-list {
    columns: 5;
    column-gap: 20px;
    margin: 10px 0 35px 105px;
    padding: 0 0 25px 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    min-height: 40px;
}

.popup-city-list .filter-item {
    cursor: pointer;
    /*float: left;*/
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 20px 2px 0;
    padding: 7px 0;
}

.popup-city-list .filter-item:hover,
.popup-city-list .filter-item:focus {
    color: #0098bd;
}

.popup-city-list .filter-item.active {
    display: inline-block;
    margin-left: -24px;
    padding: 7px 24px;
    border-radius: 30px;
    background: #0098bd;
    color: #fff;
    cursor: auto;
}

.popup-city-list .close {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -25px;
    top: 40px;
    background: url('/bitrix/templates/coddy/css/../img/cd-icon-close.svg') no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    z-index: 3;
}

@media only screen and (max-width: 992px) {
    .city-filter {
        margin-left: 130px;
    }

    .top-head .top-head-menu {
        padding: 5px 0px 5px 0px;
    }

    .top-head {
        z-index: 2020;
        overflow: hidden;
    }

    .popup-city-list {
        padding-top: 40px !important;
    }

    .popup-city-list .close {
        right: 0px;
    }

    .city-filter .city-t-filter {
        padding: 12px 0px;
    }

    .popup-city-list .filter-city-list {
        min-height: 65px;
    }

    .popup-city-list .search-title {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .popup-city-list {
        background: #2c3c67;
        background: linear-gradient(to right, #2b4259, #2c3c67);
    }

    .popup-city-list .filter-city-list {
        columns: 3;
        margin: 0 0 30px 0;
        padding: 0 0 35px 10px;
        min-height: 30px;
        text-align: left;
    }

    .popup-city-list .b-city-list {
        display: block;
        columns: 3;
        padding: 0 0 30px;
    }

    .popup-city-list .logo-city-list,
    #city_animation_container.animation_logo_container {
        display: none;
    }

    .popup-city-list .b-city-item {
        /*width: 33%;*/
        width: auto;
        padding: 0 0 0 35px;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
    }

    .popup-city-list .b-city-item li {
        padding: 3px 0 7px;
    }

    .popup-city-list .b-city-item .active {
        padding-top: 0;
        padding-bottom: 3px;
    }

    .popup-city-list .b-city-item a {
        font-size: 16px;
        line-height: 20px;
    }

    .popup-city-list .filter-item {
        padding-left: 24px;
    }

    .popup-city-list .filter-item.active {
        margin-left: 0;
    }

    .popup-city-list .b-city-item__title {
        margin-top: 2px;
    }
}

@media only screen and (max-width: 767px) {
    .popup-city-list .logo-city-list,
    #city_animation_container.animation_logo_container {
        display: none;
    }

    .popup-city-list .search-title {
        margin: 52px 20px 0px 20px;
    }

    .popup-city-list .filter-item {
        font-size: 15px;
    }

    .popup-city-list .b-city-list {
        display: block;
        column-count: auto;
    }

    .popup-city-list .b-city-item__title {
        font-size: 28px;
    }

    .popup-city-list .b-city-item {
        width: auto;
        padding-left: 50px;
    }

    .popup-city-list .b-city-item ul {
        margin: 0;
    }

    .popup-city-list .b-city-item li {
        text-decoration: none;
        outline: none;
        text-align: left;
        padding: 3px 25px 12px;
        display: block;
    }

    .popup-city-list .b-city-item .active {
        padding-top: 0;
        padding-bottom: 8px;
    }

    .city-filter {
        margin-left: 50px;
    }

    .popup-city-list .b-city-item__title {
        position: -webkit-sticky;
        position: sticky;
        top: 5px;
        margin-top: 0;
        padding-bottom: 35px;
    }
}

@media only screen and (max-width: 710px) {
    .top-head .top-head-contacts {
        display: none;
    }

    .top-head .top-head-menu {
        width: 100%;
        float: none;
    }

    .top-head .top-head-menu .top-head-menu-item {
        width: calc(50% - 15px);
    }

    .top-head .top-head-menu .top-head-menu-item:nth-child(2) {
        text-align: right;
        margin: 0px;
        width: calc(50% - 0px);
    }

    .main-site-logo {
        width: 140px;
        float: left;
    }

    .wrap-main-site-nav {
        width: 100px;
    }

    .popup-city-list /*.filter-city-list*/ .filter-item {
        /*width: calc(50% - 20px);*/
        margin-bottom: 1px;
    }

    .popup-city-list .header-city-list {
        padding-right: 40px;
    }

    .popup-city-list .search-city-list {
        max-width: calc(100% + 40px);
        width: calc(100% + 40px);
    }

    /*.popup-city-list .b-city-list {
          padding: 30px 0px 0px 0px;
      }*/
}

@media only screen and (max-width: 639px) {
    .popup-city-list .filter-city-list {
        columns: 2;
    }
}

@media only screen and (max-width: 600px) {
    .popup-city-list .search-title {
        margin: 0px 20px 0px 20px;
    }

    .popup-city-list .close {
        top: -5px;
    }
}

@media only screen and (max-width: 500px) {
    .main-site-logo {
        float: none;
        left: -15px;
        position: relative;
    }

    .city-filter {
        margin: 0px 87px;
        width: calc(100% - 180px);
        word-wrap: break-word;
    }

    .popup-city-list .filter-item {
        width: 100%;
        margin: 0 0 1px;
    }

    .city-filter .city-t-filter {
        padding: 6px 0px;
    }
}

@media only screen and (max-width: 400px) {
    .top-head {
        position: relative;
    }
}

.animation_logo_container {
    width: 178px;
    height: 210px;
    position: absolute;
    right: -22px;
    top: -23px;
}

#city_animation_container.animation_logo_container {
    position: absolute;
    left: -41px;
    top: -33px;
    float: left;
    width: 120px;
    height: 140px;
    transform: scale(0.7);
}

.animation_logo_container canvas {
    position: absolute;
    display: block;
}

.animation_logo_container div {
    pointer-events: none;
    overflow: hidden;
    width: 178px;
    height: 210px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}

@media only screen and (max-width: 620px) {
    .animation_logo_container {
        transform: scale(0.5);
        right: -51px;
        top: -64px;
    }

    #city_animation_container.animation_logo_container {
        transform: scale(0.7);
        left: -41px;
        top: -33px;
        right: auto;
    }
}

/*Конец Выбор города*/

/*Анимация в команде*/
.our-courses.page-team .animation_bottom {
    width: 1920px;
    height: 530px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -960px;

    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.our-courses.page-team .animation_bottom div {
    position: absolute;
    z-index: 1;
}

.our-courses.page-team .animation_bottom .page-team-anim-block1 {
    width: 314px;
    height: 314px;
    top: 22px;
    left: 124px;
    background: url('/images/team/page-team-anim-block1.webp') 0% 0% no-repeat;

    -webkit-animation: anim-block1 20s linear 0s infinite;
    animation: anim-block1 20s linear 0s infinite;
}

.our-courses.page-team .animation_bottom .page-team-anim-block2 {
    width: 126px;
    height: 212px;
    top: 230px;
    left: 735px;
    background: url('/images/team/page-team-anim-block2.webp') 0% 0% no-repeat;
}

.our-courses.page-team .animation_bottom .page-team-anim-block2-2 {
    width: 34px;
    height: 46px;
    top: 255px;
    left: 735px;
    background: url('/images/team/page-team-anim-block2-2.webp') 0% 0% no-repeat;

    -webkit-animation: anim-block2 1.5s linear 0s infinite;
    animation: anim-block2 1.5s linear 0s infinite;
}

.our-courses.page-team .animation_bottom .page-team-anim-block3 {
    width: 255px;
    height: 195px;
    top: 186px;
    left: 300%;
    background: url('/images/team/page-team-anim-block3.webp') 0% 0% no-repeat;
    -webkit-animation: anim-block3 80s linear 0s infinite;
    animation: anim-block3 80s linear 0s infinite;
}

.our-courses.page-team .animation_bottom .page-team-anim-block4 {
    width: 70px;
    height: 73px;
    top: 304px;
    left: 1375px;
    background: url('/images/team/page-team-anim-block4.webp') 0% 0% no-repeat;
    -webkit-animation: anim-block4 80s linear 0s infinite;
    animation: anim-block4 80s linear 0s infinite;
}

@media only screen and (min-width: 769px) {
    @-webkit-keyframes anim-block2 {
        0% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -webkit-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        100% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    @keyframes anim-block2 {
        0% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -webkit-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        100% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    @-webkit-keyframes anim-block1 {
        0% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        4% {
            -moz-transform: rotate(50deg);
            -ms-transform: rotate(50deg);
            -webkit-transform: rotate(50deg);
            -o-transform: rotate(50deg);
            transform: rotate(50deg);
        }
        50% {
            -moz-transform: rotate(50deg);
            -ms-transform: rotate(50deg);
            -webkit-transform: rotate(50deg);
            -o-transform: rotate(50deg);
            transform: rotate(50deg);
        }
        58% {
            -moz-transform: rotate(-30deg);
            -ms-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            -o-transform: rotate(-30deg);
            transform: rotate(-30deg);
        }
        78% {
            -moz-transform: rotate(-30deg);
            -ms-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            -o-transform: rotate(-30deg);
            transform: rotate(-30deg);
        }
        82% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    @keyframes anim-block1 {
        0% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        4% {
            -moz-transform: rotate(50deg);
            -ms-transform: rotate(50deg);
            -webkit-transform: rotate(50deg);
            -o-transform: rotate(50deg);
            transform: rotate(50deg);
        }
        50% {
            -moz-transform: rotate(50deg);
            -ms-transform: rotate(50deg);
            -webkit-transform: rotate(50deg);
            -o-transform: rotate(50deg);
            transform: rotate(50deg);
        }
        58% {
            -moz-transform: rotate(-30deg);
            -ms-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            -o-transform: rotate(-30deg);
            transform: rotate(-30deg);
        }
        78% {
            -moz-transform: rotate(-30deg);
            -ms-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            -o-transform: rotate(-30deg);
            transform: rotate(-30deg);
        }
        82% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    @-webkit-keyframes anim-block3 {
        0% {
            left: 300%;
        }
        24% {
            left: 1350px;
        }
        25% {
            left: 1350px;
        }
        50% {
            left: 300%;
        }
        74% {
            left: 1350px;
        }
        75% {
            left: 1350px;
        }
        100% {
            left: 300%;
        }
    }
    @keyframes anim-block3 {
        0% {
            left: 300%;
        }
        24% {
            left: 1350px;
        }
        25% {
            left: 1350px;
        }
        50% {
            left: 300%;
        }
        74% {
            left: 1350px;
        }
        75% {
            left: 1350px;
        }
        100% {
            left: 300%;
        }
    }

    @-webkit-keyframes anim-block4 {
        0% {
            left: 1375px;
        }
        25% {
            left: 1375px;
        }
        50% {
            left: calc(300% + 25px);
        }
        74% {
            left: 1375px;
        }
        100% {
            left: 1375px;
        }
    }
    @keyframes anim-block4 {
        0% {
            left: 1375px;
        }
        25% {
            left: 1375px;
        }
        50% {
            left: calc(300% + 25px);
        }
        74% {
            left: 1375px;
        }
        100% {
            left: 1375px;
        }
    }
}

@media only screen and (max-width: 768px) {
    .our-courses.page-team {
        background: url('/images/team/team-bg2.webp') 50% 100% no-repeat #f6f6f6;
        background-size: auto auto;
    }

    .our-courses.page-team .animation_bottom {
        display: none;
    }
}

/*Конец анимация в команде*/

/*Анимация роботов в списке курсов*/
@media only screen and (min-width: 769px) {
    .show-more.courses {
        margin-top: 60px;
    }

    .our-courses .animate_robots {
        width: 100%;
        height: 60px;
        position: relative;
        z-index: 2;

        -webkit-transition: top 1s linear 0s;
        -moz-transition: top 1s linear 0s;
        -o-transition: top 1s linear 0s;
        transition: top 1s linear 0s;
    }

    .our-courses .animate_robots .robots {
        width: 148px;
        height: 200px;
        position: absolute;
        top: -120px;
        left: calc(50% + 105px);
        display: none;
    }

    .our-courses .animate_robots .robots:nth-child(2n) {
        left: calc(50% - 265px);
    }

    .our-courses .animate_robots .robots.robot1 {
        display: block;
    }

    .our-courses .animate_robots .robots.robot2 {
        top: -100px;
    }

    .our-courses .animate_robots .robots.robot3 {
        left: calc(50% + 120px);
        top: -100px;
    }

    .our-courses .animate_robots .robots.robot4 {
        top: -100px;
    }

    .our-courses .animate_robots .robots div:nth-child(1) {
        width: 148px;
        height: 200px;
        position: relative;
        z-index: 2;
    }

    .our-courses .animate_robots .robots div:nth-child(2) {
        width: 60px;
        height: 35px;
        position: absolute;
        z-index: 1;
    }

    .our-courses .animate_robots .robot1 div:nth-child(1) {
        background: url('/images/courses/robot1.webp') 0% 0% no-repeat;
    }

    .our-courses .animate_robots .robot1 div:nth-child(2) {
        background: url('/images/courses/robot12.webp') 0% 0% no-repeat;
        top: 125px;
        left: 5px;
        transform-origin: bottom right;
        -webkit-animation: anim-robot1 2s linear 0s infinite;
        animation: anim-robot1 1.5s linear 0s infinite;
    }

    .our-courses .animate_robots .robot2 div:nth-child(1) {
        background: url('/images/courses/robot2.webp') 0% 0% no-repeat;
    }

    .our-courses .animate_robots .robot2 div:nth-child(2) {
        background: url('/images/courses/robot22.webp') 0% 0% no-repeat;
        top: 105px;
        left: 85px;
        transform-origin: bottom left;
        -webkit-animation: anim-robot1 2s linear 0s infinite;
        animation: anim-robot1 1.5s linear 0s infinite;
    }

    .our-courses .animate_robots .robot3 div:nth-child(1) {
        background: url('/images/courses/robot3.webp') 0% 0% no-repeat;
    }

    .our-courses .animate_robots .robot3 div:nth-child(2) {
        background: url('/images/courses/robot32.webp') 0% 0% no-repeat;
        top: 110px;
        left: 0px;
        transform-origin: bottom right;
        -webkit-animation: anim-robot1 2s linear 0s infinite;
        animation: anim-robot1 1.5s linear 0s infinite;
    }

    .our-courses .animate_robots .robot4 div:nth-child(1) {
        background: url('/images/courses/robot4.webp') 0% 0% no-repeat;
    }

    .our-courses .animate_robots .robot4 div:nth-child(2) {
        background: url('/images/courses/robot42.webp') 0% 0% no-repeat;
        top: 91px;
        left: 87px;
        transform-origin: bottom left;
        -webkit-animation: anim-robot1 2s linear 0s infinite;
        animation: anim-robot1 1.5s linear 0s infinite;
    }

    @-webkit-keyframes anim-robot1 {
        0% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -moz-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        100% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    @keyframes anim-robot1 {
        0% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -moz-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        100% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
}

/*Конец Анимация роботов в списке курсов*/


/*Отзывы партнеров*/

/*КОНЕЦ отзывов партнеров*/

/*SELECT в формах регистрации*/
.form-block .registration .field .custom-select {
    position: relative;
    width: 100%;
    max-width: calc(100% - 130px);
    height: 32px;
    margin: 0px;
    border: 0px solid #000000;
    border-bottom: 1px solid #a7a7a8;
    border-radius: 0px;
    cursor: pointer;
}

.form-block .registration .field .custom-select.err {
    border-bottom: 1px solid #FF0000;
}

.form-block .registration .field .custom-select:hover {
    border-bottom: 1px solid #000000;
}

.form-block .registration .field .custom-select.disabled:hover {
    border-bottom: 1px solid #a7a7a8;
}

.form-block .registration .field .custom-select select {
    width: 100%;
    height: 32px;
    padding: 0 30px 0 0px;
    background: transparent;
    border: 0;
    appearance: none; /* remove arrow*/
    -webkit-appearance: none; /* remove arrow Chrome */
    -moz-appearance: none; /* remove arrow FF */
    cursor: pointer;
    position: relative;
    z-index: 1;
    font-size: 16px;
}

.form-block .registration .field .custom-select.disabled select {
    color: #a7a7a8;
}

.form-block .registration .field .custom-select select::-ms-expand {
    display: none; /* remove arrow IE */
}

.form-block .registration .field .custom-select .checkbox_select {
    position: absolute;
    z-index: 0;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
}

.form-block .registration .field .custom-select .checkbox_select:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6.5px 8px 6.5px;
    border-color: transparent transparent #a7a7a8 transparent;
    position: absolute;
    right: 10px;
    top: calc(50% - 4px);
    transition: all 0.3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.form-block .registration .field .custom-select:hover .checkbox_select:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.form-block .registration .field .custom-select.disabled:hover .checkbox_select:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (max-width: 620px) {
    .form-block .registration .field .custom-select {
        max-width: calc(100% - 60px);
    }
}

/*КОНЕЦ SELECT в формах регистрации*/


/*Оформление на Хеллуин*/
.moon {
    background: url('/images/slider/moon.webp') 0% 0% no-repeat;
    width: 100px;
    height: 100px;
    background-size: contain;
    position: absolute;
    top: 150px;
    left: 380px;
    z-index: 2;
}

/*Паук*/
.spider_block {
    position: absolute;
    z-index: 9;
    left: 0px;
    width: 100%;
}

.spider1, .spider2, .spider3, .spider4, .spider5 {
    border: 3px solid black;
    width: 85px;
    height: 65px;
    transform: scale(0.5);
    border-radius: 50% 50%;
    box-shadow: inset 0px 0px 70px 0px black;
    position: absolute;
    top: -350px;
    left: 200px;
    z-index: 98;
    background: #000000;

    -webkit-animation: down 25s linear infinite;
    -moz-animation: down 25s linear infinite;
    -ms-animation: down 25s linear infinite;
    -webkit-animation-delay: 2000ms;
}

.spider1 {
    left: 100px;
    -webkit-animation-delay: 2000ms;
    margin-top: -50px;
}

.spider2 {
    left: 500px;
    -webkit-animation-delay: 5000ms;
    margin-top: -260px;
}

.spider3 {
    left: 800px;
    -webkit-animation-delay: 3000ms;
    margin-top: -210px;
}

.spider4 {
    right: 500px;
    left: auto;
    -webkit-animation-delay: 4000ms;
    margin-top: -245px;
}

.spider5 {
    right: 190px;
    left: auto;
    -webkit-animation-delay: 1000ms;
    margin-top: 5px;
}

@media only screen and (max-width: 1440px) {
    .moon {
        top: 150px;
        left: 200px;
    }

    .spider1 {
        left: 75px;
        margin-top: -80px;
    }

    .spider2 {
        left: 350px;
        margin-top: -280px;
    }

    .spider3 {
        left: 600px;
        margin-top: -230px;
    }

    .spider4 {
        right: 350px;
        margin-top: -265px;
    }

    .spider5 {
        right: 100px;
        margin-top: -40px;
    }
}

@media only screen and (max-width: 1300px) {
    .spider1 {
        left: 60px;
    }

    .spider5 {
        right: 80px;
    }
}

@media only screen and (max-width: 1199px) {
    .moon {
        top: 130px;
        left: 140px;
    }

    .spider1 {
        left: 4%;
        margin-top: -210px;
    }

    .spider2 {
        left: 25%;
    }

    .spider3 {
        left: 50%;
    }

    .spider4 {
        right: 25%;
    }

    .spider5 {
        right: 6%;
        margin-top: -190px;
    }
}

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

}

@media only screen and (max-width: 768px) {
    .moon, .spider1, .spider2, .spider3, .spider4 {
        display: none;
    }

    .spider5 {
        margin-top: -340px;
        right: 10px;
    }
}

@-webkit-keyframes down {
    0% {
        top: -350px;

    }
    20% {
        top: 400px;

    }
    75% {
        top: 400px;

    }
    80% {
        top: -350px;

    }
    100% {
        top: -350px;
    }
}

@-moz-keyframes down {
    0% {
        top: -350px;

    }
    20% {
        top: 400px;

    }
    75% {
        top: 400px;

    }
    80% {
        top: -350px;

    }
    100% {
        top: -350px;
    }
}

@-ms-keyframes down {
    0% {
        top: -350px;

    }
    20% {
        top: 400px;

    }
    75% {
        top: 400px;

    }
    80% {
        top: -350px;

    }
    100% {
        top: -350px;
    }
}

.eye {
    /* border: 4px solid black; */
    width: 29px;
    height: 19px;
    background: white;
    border-radius: 50% 50%;
    position: absolute;
    top: 24px;
    left: 33px;
    z-index: 5;
}

.eye:after {
    content: "";
    display: block;
    /* border: 4px solid black; */
    width: 29px;
    height: 18px;
    background: white;
    border-radius: 50% 50%;
    position: absolute;
    top: 0px;
    left: -18px;
    z-index: -1;
}

.pupil {
    border: 5px solid black;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: black;
    position: absolute;
    top: 4px;
    left: 10px;
    box-shadow: -18px 0px 0px 0px black;
    z-index: 999;
    -webkit-animation: move 6s linear infinite;
    -moz-animation: move 6s linear infinite;
    -ms-animation: move 6s linear infinite;
}

.pupil2 {
    width: 29px;
    height: 0px;
    border-radius: 100%;
    background: black;
    position: absolute;
    top: -1px;
    left: -1px;
    box-shadow: -18px -1px 0px 0px black;
    z-index: 999;
    -webkit-animation: move2 6s linear infinite;
    -moz-animation: move2 6s linear infinite;
    -ms-animation: move2 6s linear infinite;
}

.spider1 .pupil,
.spider1 .pupil2 {
    -webkit-animation-delay: 2000ms;
}

.spider2 .pupil,
.spider2 .pupil2 {
    -webkit-animation-delay: 5000ms;
}

.spider3 .pupil,
.spider3 .pupil2 {
    -webkit-animation-delay: 3000ms;
}

.spider4 .pupil,
.spider4 .pupil2 {
    -webkit-animation-delay: 4000ms;
}

.spider5 .pupil,
.spider5 .pupil2 {
    -webkit-animation-delay: 1000ms;
}

@-webkit-keyframes move {
    0% {
        left: 10px;
    }
    15% {
        left: 17px;
    }
    30% {
        left: 10px;
    }
    45% {
        left: 0px;
    }
    60% {
        left: 10px;
    }
    100% {
        left: 10px;
    }
}

@-moz-keyframes move {
    0% {
        left: 10px;
    }
    15% {
        left: 17px;
    }
    30% {
        left: 10px;
    }
    45% {
        left: 0px;
    }
    60% {
        left: 10px;
    }
    100% {
        left: 10px;
    }
}

@-ms-keyframes move {
    0% {
        left: 10px;
    }
    15% {
        left: 17px;
    }
    30% {
        left: 10px;
    }
    45% {
        left: 0px;
    }
    60% {
        left: 10px;
    }
    100% {
        left: 10px;
    }
}

@-webkit-keyframes move2 {
    0% {
        height: 0px;
    }
    64.5% {
        height: 0px;
    }
    65% {
        height: 19px;
    }
    65.5% {
        height: 0px;
    }
    85% {
        height: 0px;
    }
    85.5% {
        height: 19px;
    }
    86% {
        height: 0px;
    }
    100% {
        height: 0px;
    }
}

@-moz-keyframes move2 {
    0% {
        height: 0px;
    }
    64% {
        height: 0px;
    }
    65% {
        height: 19px;
    }
    66% {
        height: 0px;
    }
    85% {
        height: 0px;
    }
    86% {
        height: 19px;
    }
    87% {
        height: 0px;
    }
    100% {
        height: 0px;
    }
}

@-ms-keyframes move2 {
    0% {
        height: 0px;
    }
    64.5% {
        height: 0px;
    }
    65% {
        height: 19px;
    }
    80% {
        height: 0px;
    }
    85% {
        height: 0px;
    }
    94.5% {
        height: 19px;
    }
    95% {
        height: 0px;
    }
    100% {
        height: 0px;
    }
}

/*LEGS!!*/
.leg1 {
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    position: absolute;
    top: -2px;
    left: 70px;
    z-index: -998;
}

/*.leg p:nth-child(1){
    border: 6px solid black;
    border-bottom: transparent;
    border-left: transparent;
    border-radius: 5px;
    width: 40px;
    height: 10px;
  }*/
.leg p:nth-child(1) {
    border: 3px solid black;
    border-bottom: transparent;
    width: 45px;
    height: 45px;
    border-radius: 35px 0px 0 0;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    border-right: 0px solid #000;
    border-bottom: 0px solid #000;
}

.leg p:nth-child(1) {
    -webkit-animation: leg1 1s linear infinite;
    -moz-animation: leg1 1s linear infinite;
    -ms-animation: leg1 1s linear infinite;
}

@-webkit-keyframes leg1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(-20deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
    }
    75% {
        -webkit-transform: rotate(-20deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes leg1 {
    0% {
        -moz-transform: rotate(0deg);
    }
    25% {
        -moz-transform: rotate(-20deg);
    }
    50% {
        -moz-transform: rotate(0deg);
    }
    75% {
        -moz-transform: rotate(-20deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}

@-ms-keyframes leg1 {
    0% {
        -ms-transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(-20deg);
    }
    50% {
        -ms-transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-20deg);
    }
    100% {
        -ms-transform: rotate(0deg);
    }
}

.leg2 {
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    position: absolute;
    top: 17px;
    left: 65px;

}

.leg2 p:nth-child(1) {
    -webkit-animation: leg3 1s linear infinite;
    -moz-animation: leg3 1s linear infinite;
    -ms-animation: leg3 1s linear infinite;
}

@-webkit-keyframes leg3 {
    0% {
        -webkit-transform: rotate(-20deg);
    }
    25% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-20deg);
    }
    75% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-20deg);
    }
}

@-moz-keyframes leg3 {
    0% {
        -moz-transform: rotate(-20deg);
    }
    25% {
        -moz-transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(-20deg);
    }
    75% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-20deg);
    }
}

@-ms-keyframes leg3 {
    0% {
        -ms-transform: rotate(-20deg);
    }
    25% {
        -ms-transform: rotate(0deg);
    }
    50% {
        -ms-transform: rotate(-20deg);
    }
    75% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(-20deg);
    }
}

.leg3 {
    -webkit-transform: rotate(95deg);
    -moz-transform: rotate(95deg);
    -ms-transform: rotate(95deg);
    position: absolute;
    top: 33px;
    left: 50px;

}

.leg3 p:nth-child(1) {
    -webkit-animation: leg1 1s linear infinite;
    -moz-animation: leg1 1s linear infinite;
    -ms-animation: leg1 1s linear infinite;
}

.leg4 {
    -webkit-transform: rotatey(180deg) rotatez(50deg);
    -moz-transform: rotatey(180deg) rotatez(50deg);
    -ms-transform: rotatey(180deg) rotatez(50deg);
    position: absolute;
    top: -3px;
    left: -35px;
    z-index: -998;
}

.leg4 p:nth-child(1) {
    -webkit-animation: leg3 1s linear infinite;
    -moz-animation: leg3 1s linear infinite;
    -ms-animation: leg3 1s linear infinite;
}

.leg5 {
    -webkit-transform: rotatey(180deg) rotatez(75deg);
    -moz-transform: rotatey(180deg) rotatez(75deg);
    -ms-transform: rotatey(180deg) rotatez(75deg);
    position: absolute;
    top: 17px;
    left: -37px;
    z-index: -998;
}

.leg5 p:nth-child(1) {
    -webkit-animation: leg1 1s linear infinite;
    -moz-animation: leg1 1s linear infinite;
    -ms-animation: leg1 1s linear infinite;
}

.leg6 {
    -webkit-transform: rotatey(180deg) rotatez(95deg);
    -moz-transform: rotatey(180deg) rotatez(95deg);
    -ms-transform: rotatey(180deg) rotatez(95deg);
    position: absolute;
    top: 36px;
    left: -25px;
}

.leg6 p:nth-child(1) {
    -webkit-animation: leg3 1s linear infinite;
    -moz-animation: leg3 1s linear infinite;
    -ms-animation: leg3 1s linear infinite;
}

.string {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 700px;
    width: 2px;
    position: absolute;
    top: -702px;
    left: 36px;
    -webkit-animation: down2 5s linear infinite;
    -webkit-animation-delay: 2000ms;
    display: block;
    background: rgba(255, 255, 255, 0.2);
}

/*КОНЕЦ Оформление на Хеллуин*/

.main-site-nav li .link,
.main-site-nav li .link-out,
.mobile-nav-menu__btn a {
    text-transform: none !important;
    font-size: 14px;
}

.contacts-phone__number a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.contacts-phone__link a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

.mobile-nav-menu .link-out {
    cursor: pointer;
    color: #fff !important;
    font-size: 14px;
    line-height: 20px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: none !important;
    /*border-top: 0px solid #e0e0e0 !important;*/
}

.mobile-nav-menu .contacts-phone {
    /*border-bottom: 1px solid #e0e0e0;*/
}

.contacts-phone__number a:hover,
.contacts-phone__link a:hover,
.mobile-nav-menu .link-out:hover {
    color: #2f9f8b !important;
}

.schedule-button a.link,
.make-a-review .center-btn a.link,
.leave-review .center-btn a.link,
.certificates .wrapper-btn-green .order-a-cerf,
.your-stuff-inp #submit_comment, a.link {
    text-transform: none !important;
}

@media only screen and (max-width: 992px) {
    .lang-key-new, .lang-key {
        margin-top: 9px;
    }
}

@media only screen and (max-width: 950px) {
    .language-ico img {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    .wrap-main-site-nav {
        position: absolute;
        right: 0;
    }

    .lang-key-new, .lang-key {
        margin-top: 5px;
    }
}

#logo-block {
    background: url('/images/logo-coddy-blue-not-effect.webp') 0% 0% no-repeat;
}

#cv {
    width: auto;
}

.glitter-star {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('/images/glitterstar.webp') no-repeat center center;
    width: 128px;
    height: 128px;
    margin-left: -64px;
    margin-top: -64px;
}

#giftFormBlock {
    display: none;
    max-width: 1020px;
    max-height: 610px;
    width: 90%;
    height: 90%;
    position: absolute;
    z-index: 9000;
    background: url('/images/gift/gift-mouse2.webp') calc(50% - 200px) 50% no-repeat #515a63;
}

#giftFormBlock .text {
    width: 50%;
    float: right;
    position: relative;
    color: #ffffff;
    font-size: 60px;
    line-height: 74px;
    text-align: right;
    padding: 80px 80px 0px 0px;
}

#giftFormBlock .gift-logo {
    display: inline-block;
    width: 300px;
    height: 80px;
    background: url('/images/gift/gift-logo.webp') 50% 50% no-repeat;
    background-size: contain;
}

#giftFormBlock .gift-box {
    position: absolute;
    width: 150px;
    height: 170px;
    background: url('/images/gift/gift-box.webp') 50% 50% no-repeat;
    background-size: contain;
    top: 120px;
    left: -50px;
}

#giftFormBlock .gift-button {
    height: 45px;
    width: 250px;
    display: inline-block;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    cursor: pointer;
    background-color: #ff16a3;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    box-shadow: 0 5px 0 #b51067;
    position: relative;
    top: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#giftFormBlock .gift-button:hover {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;

}

@media only screen and (max-width: 1100px) {
    #giftFormBlock {
        background: url('/images/gift/gift-mouse2.webp') calc(50% - 230px) 50% no-repeat #515a63;
    }

    #giftFormBlock .gift-box {
        left: -70px;
    }
}

@media only screen and (max-width: 1050px) {
    #giftFormBlock {
        max-height: 700px;
    }
}

@media only screen and (max-width: 992px) {
    #giftFormBlock .gift-box {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    #giftFormBlock {
        max-height: 600px;
        background: url('/images/gift/gift-mouse2.webp') -80px 0% no-repeat #515a63;
        background-size: 85%;
    }

    #giftFormBlock .text {
        font-size: 40px;
        line-height: 54px;
        padding: 180px 40px 0px 0px;
    }

    #giftFormBlock .gift-logo {
        width: 200px;
        height: 60px;
    }

    #giftFormBlock .gift-box {
        display: block;
        top: 40px;
        right: calc(50% - 85px);
        width: 100px;
        height: 120px;
        left: auto;
    }
}

@media only screen and (max-width: 680px) {
    #giftFormBlock {
        max-height: 500px;
        background: url('/images/gift/gift-mouse2.webp') -40px -20px no-repeat #515a63;
        background-size: 85%;
    }

    #giftFormBlock .text {
        font-size: 30px;
        line-height: 44px;
        padding: 170px 40px 0px 0px;
    }

    #giftFormBlock .gift-logo {
        width: 150px;
        height: 40px;
    }

    #giftFormBlock .gift-box {
        top: 25px;
    }
}

@media only screen and (max-width: 600px) {
    #giftFormBlock .text {
        width: 60%;
    }
}

@media only screen and (max-width: 500px) {
    #giftFormBlock {
        max-height: 390px;
        background: url('/images/gift/gift-mouse2.webp') -40px 0px no-repeat #515a63;
        background-size: 85%;
    }

    #giftFormBlock .text {
        width: 230px;
        font-size: 21px;
        line-height: 29px;
        padding: 140px 40px 0px 0px;
    }

    #giftFormBlock .gift-logo {
        width: 100px;
        height: 30px;
    }

    #giftFormBlock .gift-box {
        right: calc(50% - 65px);
        width: 80px;
        height: 90px;
    }

    #giftFormBlock .gift-button {
        width: 200px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 399px) {
    #giftFormBlock {
        max-height: 350px;
    }

    #giftFormBlock .text {
        width: 200px;
        font-size: 18px;
        line-height: 24px;
        padding: 120px 20px 0px 0px;
    }

    #giftFormBlock .gift-button {
        width: 175px;
    }
}


/*Известные люди*/
.people-in-it-page {
    width: 100%;
    min-height: 625px;
    background: #ffffff;
    margin: -20px 0px 0px;
    padding: 0px 0px 0px;
    position: relative;
    background: url('/images/people-in-it/header-bg.webp') 50% 0% no-repeat,
    url('/images/people-in-it/footer-bg.webp') 50% 100% no-repeat;
}

.people-in-it-page .people-in-it-header {
    width: 100%;
    height: auto;
}

.people-in-it-page .people-in-it-header .people-in-it-header-title {
    color: #ffffff;
    padding: 40px 0px 10px;
}

.people-in-it-page .people-in-it-header .people-in-it-header-text {
    width: 100%;
    max-width: 455px;
    padding: 0;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
}

.people-in-it-body {
    min-height: 440px;
    color: #567a90;
}

.people-in-it-body .people-in-it-body-col {
    display: flex;
}

.people-in-it-body .people-in-it-body-col .people-in-it-body-left,
.people-in-it-body .people-in-it-body-col .people-in-it-body-right {

}

.people-in-it-body .people-in-it-body-col .people-in-it-body-left {
    width: 290px;
    padding: 320px 0px 0px;
    position: relative;
}

.people-in-it-body .people-in-it-body-col .people-in-it-body-right {
    width: calc(100% - 290px);
    padding-bottom: 50px;
}

.people-in-it-body .people-in-it-body-img {
    border-radius: 50%;
    padding: 30px;
    width: 290px;
    height: 290px;
    margin: 0px;
    position: relative;
    overflow: hidden;

}

.people-in-it-body .people-in-it-slider-item {
    display: none;
    position: absolute;
    left: calc(50% - 76px);
    cursor: pointer;
}

.people-in-it-body .people-in-it-slider-item:nth-child(1),
.people-in-it-body .people-in-it-slider-item:nth-child(2),
.people-in-it-body .people-in-it-slider-item:nth-child(3),
.people-in-it-body .people-in-it-slider-item:nth-child(4),
.people-in-it-body .people-in-it-slider-item:nth-child(5),
.people-in-it-body .people-in-it-slider-item:nth-child(6),
.people-in-it-body .people-in-it-slider-item:nth-child(7) {
    display: block;
}

.people-in-it-body .people-in-it-slider-item:nth-child(1) {
    top: -187px;
}

.people-in-it-body .people-in-it-slider-item:nth-child(2) {
    top: 0px;
}

.people-in-it-body .people-in-it-slider-item:nth-child(3) {
    top: 187px;
}

.people-in-it-body .people-in-it-slider-item:nth-child(4) {
    top: 374px;
}

.people-in-it-body .people-in-it-slider-item:nth-child(5) {
    top: 561px;
}

.people-in-it-body .people-in-it-slider-item:nth-child(6) {
    top: 748px;
}

.people-in-it-body .people-in-it-slider-item:nth-child(7) {
    top: 935px;
}

.people-in-it-body .people-in-it-body-left .people-in-it-body-img {
    width: 162px;
    height: 162px;
    margin: 5px auto 15px;
}

.people-in-it-body .people-in-it-body-right .people-in-it-body-img {
    margin: 0px 0px 0px -290px;
}

.people-in-it-body .people-in-it-body-slider-img {
    width: 100%;
    height: 560px;
    padding: 0px;
    margin-top: 30px;
    position: relative;
    transition: all 0.5s linear 0s;
    overflow: hidden;
}

.people-in-it-body .people-in-it-body-slider-img * {
    transition: all 0.5s linear 0s;
}

.people-in-it-body .people-in-it-body-img .team-img {
    width: 100%;
    height: 100%;
    margin-right: 0px;
    max-width: 260px;
    max-height: 260px;
    border: 13px solid rgba(246, 246, 246, 0.9);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 20px rgba(226, 226, 226, 0.7);
}

.people-in-it-body .people-in-it-body-left .people-in-it-body-img .team-img {
    width: 100%;
    height: 100%;
    max-width: 122px;
    max-height: 122px;
    box-shadow: 0px 0px 0px 0px rgba(226, 226, 226, 0.7);
    border: 0px solid rgba(246, 246, 246, 0.9);
}

.people-in-it-body .people-in-it-body-img .team-img .young,
.people-in-it-body .people-in-it-body-img .team-img .old {
    width: 100%;
    height: 100%;
    margin-right: 0px;
    max-width: 206px;
    max-height: 206px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 103px);
    left: calc(50% - 103px);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    opacity: 1;
    transition: opacity 0.5s linear 0s;
}

.people-in-it-body .people-in-it-body-left .people-in-it-body-img .team-img .young,
.people-in-it-body .people-in-it-body-left .people-in-it-body-img .team-img .old {
    max-width: 126px;
    max-height: 126px;
    top: calc(50% - 63px);
    left: calc(50% - 63px);
}

.people-in-it-body .people-in-it-body-img .team-img .old {
    opacity: 0;
}

.people-in-it-body .people-in-it-body-img:hover .team-img .young {
    opacity: 0;
}

.people-in-it-body .people-in-it-body-img:hover .team-img .old {
    opacity: 1;
}

.people-in-it-body .people-in-it-body-img:hover {
    overflow: hidden;
    padding: 45px;
}

.people-in-it-body .people-in-it-body-img:hover .team-img {
    max-width: 230px;
    max-height: 230px;
    transition: all .4s cubic-bezier(.37, .26, .35, 1);
    transition: border 0s linear;
    animation: circleAn 4s infinite;
    border: 0px solid rgba(4, 147, 180, 1);
}

@keyframes circleAn {
    0% {
        box-shadow: 0px 10px 10px -25px rgba(0, 0, 0, 0.6),
        0px 0px 0px 0px rgba(4, 147, 180, 1),
        0px 0px 0px 0px rgba(4, 147, 180, .7),
        0px 0px 0px 0px rgba(4, 147, 180, .5);
    }
    100% {
        box-shadow: 0px 10px 10px -25px rgba(0, 0, 0, 0.6),
        0px 0px 0px 20px rgba(4, 147, 180, 0),
        0px 0px 0px 500px rgba(4, 147, 180, 0),
        0px 0px 0px 100px rgba(4, 147, 180, 0);
    }
}

@-webkit-keyframes circleAn {
    0% {
        box-shadow: 0px 10px 10px -25px rgba(0, 0, 0, 0.6),
        0px 0px 0px 0px rgba(4, 147, 180, 1),
        0px 0px 0px 0px rgba(4, 147, 180, .7),
        0px 0px 0px 0px rgba(4, 147, 180, .5);
    }
    100% {
        box-shadow: 0px 10px 10px -25px rgba(0, 0, 0, 0.6),
        0px 0px 0px 20px rgba(4, 147, 180, 0),
        0px 0px 0px 500px rgba(4, 147, 180, 0),
        0px 0px 0px 100px rgba(4, 147, 180, 0);
    }
}

.people-in-it-body .people-in-it-body-name {
    text-align: center;
    margin: -15px 0px 0px;
}

.people-in-it-body .people-in-it-body-activity {
    width: 145px;
    height: 145px;
    position: absolute;
    top: 65px;
    right: 125px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
}

.people-in-it-body .people-in-it-body-text {
    margin: -100px 0px 0px;
    padding: 0px 80px 0px 0px;
}

.people-in-it-body .people-in-it-body-text p {
    padding: 0px;
    margin: 15px 0px 0px;
}

.people-in-it-body .people-in-it-body-text img {
    max-width: 100%;
}

.people-in-it-body .people-in-it-body-text span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2b4554;
}

.people-in-it-body .people-in-it-body-achievements {
    display: flex;
    width: 320px;
}

.people-in-it-body .people-in-it-body-achievements div {
    width: 60%;
    padding: 30px 20px 0px 0px;
}

.people-in-it-body .people-in-it-body-achievements div:first-child {
    width: 40%;
}

.people-in-it-body .people-in-it-body-achievements div span {
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2b4554;
}

.people-in-it-body .people-in-it-arrow-next,
.people-in-it-body .people-in-it-arrow-prev {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: -20px;
    left: calc(50% - 13px);
    z-index: 3;
    width: 32px;
    height: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.people-in-it-body .people-in-it-arrow-prev {
    top: 310px;
}

.people-in-it-body .people-in-it-arrow-next .arrow:before,
.people-in-it-body .people-in-it-arrow-next .arrow:after,
.people-in-it-body .people-in-it-arrow-prev .arrow:before,
.people-in-it-body .people-in-it-arrow-prev .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: 20px;
    top: 0px;
    bottom: 25px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.people-in-it-body .people-in-it-arrow-prev .arrow:before,
.people-in-it-body .people-in-it-arrow-prev .arrow:after {
    background-color: rgb(61, 179, 158);
}

.people-in-it-body .people-in-it-arrow-next .arrow:before {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.people-in-it-body .people-in-it-arrow-prev .arrow:after {
    transform: translateY(1px) rotate(45deg);
}

.people-in-it-body .people-in-it-arrow-prev .arrow:before {
    right: 0;
}

.people-in-it-body .people-in-it-arrow-next .arrow:hover:after,
.people-in-it-body .people-in-it-arrow-prev .arrow:hover:before {
    transform: translateY(1px) rotate(135deg);
}

.people-in-it-body .people-in-it-arrow-next .arrow:hover:before,
.people-in-it-body .people-in-it-arrow-prev .arrow:hover:after {
    transform: translateY(1px) rotate(225deg);
}

.people-in-it-body .people-in-it-arrow-next .arrow,
.people-in-it-body .people-in-it-arrow-prev .arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.people-in-it-body .people-in-it-arrow-next .arrow .line,
.people-in-it-body .people-in-it-arrow-prev .arrow .line {
    position: absolute;
    display: block;
    background-color: #fff;
    height: 25px;
    width: 2px;
    top: 15px;
    left: -15px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.people-in-it-body .people-in-it-arrow-prev .arrow .line {
    background-color: rgb(61, 179, 158);
    top: -35px;
}

.people-in-it-body .people-in-it-arrow-next .arrow:hover .line {
    opacity: 1;
    top: -3px;
}

.people-in-it-body .people-in-it-arrow-prev .arrow:hover .line {
    opacity: 1;
    top: -18px;
}

.people-in-it-footer {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 1135px;
}

.people-in-it-footer .footer-animation-bg {
    width: 100%;
    height: 475px;
    position: absolute;
    top: 0px;
    background: url('/images/people-in-it/footer-animation-bg.webp') 100% -1px no-repeat;
    background-size: 100% 70%;
}

#animation_container_people_in_it {
    background-color: rgba(255, 255, 255, 1.00);
    width: 1920px;
    height: 1135px;
    left: 50%;
    margin: 0px 0px 0px -960px;
    position: relative;
}

#canvas_people_in_it {
    position: absolute;
    display: block;
    background-color: rgba(255, 255, 255, 1.00);
}

#dom_overlay_container_people_in_it {
    pointer-events: none;
    overflow: hidden;
    width: 1920px;
    height: 1135px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}

@media only screen and (max-width: 1440px) {
    .people-in-it-page {
        background: url('/images/people-in-it/header-bg.webp') 50% 0% no-repeat;
        background-size: auto auto;
    }

    .people-in-it-body .people-in-it-body-col .people-in-it-body-right {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 1199px) {
    .people-in-it-body .people-in-it-body-activity {
        right: 20px;
    }

    .people-in-it-footer .footer-animation-bg {
        background-size: 100% 60%;
    }
}

@media only screen and (max-width: 992px) {
    .people-in-it-page {
        margin: 0px 0px 0px;
    }
}

@media only screen and (max-width: 991px) {
    .people-in-it-page {
        background: url('/images/people-in-it/header-bg.webp') calc(100% + 465px) 0% no-repeat;
        background-size: auto auto;
    }

    .people-in-it-page .people-in-it-header .people-in-it-header-text {
        max-width: 320px;
    }

    .people-in-it-body .people-in-it-body-col .people-in-it-body-left {
        width: 262px;
    }

    .people-in-it-body .people-in-it-body-activity {
        top: 45px;
    }

    .people-in-it-body .people-in-it-body-text {
        margin: -20px 0px 0px;
    }

    .people-in-it-body .people-in-it-body-img {
        width: 262px;
        height: 262px;
    }

    .people-in-it-body .people-in-it-body-right .people-in-it-body-img {
        margin: 0px 0px 0px -262px;
    }

    .people-in-it-body .people-in-it-body-img .team-img {
        max-width: 240px;
        max-height: 240px;
    }

    .people-in-it-body .people-in-it-body-img .team-img .young,
    .people-in-it-body .people-in-it-body-img .team-img .old {
        max-width: 180px;
        max-height: 180px;
        top: calc(50% - 90px);
        left: calc(50% - 90px);
    }

    .people-in-it-body .people-in-it-arrow-prev {
        top: 282px;
    }

    .people-in-it-footer .footer-animation-bg {
        background-size: 100% 40%;
    }
}

@media only screen and (max-width: 767px) {
    .people-in-it-page .people-in-it-header .people-in-it-header-text,
    .people-in-it-body .people-in-it-body-slider-img,
    .people-in-it-body .people-in-it-body-activity {
        display: none;
    }

    .people-in-it-page {
        padding: 0px 0px 540px;
        margin-top: -20px;
        background: url('/images/people-in-it/header-bg.webp') calc(50% + 200px) 0% no-repeat,
        url('/images/people-in-it/footer-bg.webp') calc(50% - 100px) 100% no-repeat;
        background-size: auto 400px, auto 850px;
    }

    .people-in-it-body .people-in-it-body-col {
        display: block;
    }

    .people-in-it-body .people-in-it-body-col .people-in-it-body-left {
        position: absolute;
        height: 262px;
        padding: 0px;
        left: calc(50% - 131px);
    }

    .people-in-it-body .people-in-it-body-col .people-in-it-body-right {
        width: 100%;
        padding-bottom: 270px;
    }

    .people-in-it-body .people-in-it-body-right .people-in-it-body-img {
        margin: 0px auto;
    }

    .people-in-it-body .people-in-it-body-text {
        margin: 0px;
        padding: 0px;
    }

    .people-in-it-body .people-in-it-arrow-prev {
        top: calc(50% - 16px);
        left: -17px;
    }

    .people-in-it-body .people-in-it-arrow-next {
        top: calc(50% - 16px);
        left: auto;
        right: -29px;
    }

    .people-in-it-body .people-in-it-arrow-prev .arrow:after {
        background-color: rgb(61, 179, 158);
        top: 14px;
    }

    .people-in-it-body .people-in-it-arrow-prev .arrow:before {
        right: auto;
        top: 0px;
        left: 0px;
        background-color: rgb(61, 179, 158);
    }

    .people-in-it-body .people-in-it-arrow-prev .arrow .line {
        height: 2px;
        width: 25px;
        top: 8px;
        left: -8px;
        background-color: rgb(61, 179, 158);
    }

    .people-in-it-body .people-in-it-arrow-prev .arrow:hover .line {
        top: 8px;
        left: -25px;
    }

    .people-in-it-body .people-in-it-arrow-next .arrow:after {
        background-color: rgb(61, 179, 158);
        top: 14px;
    }

    .people-in-it-body .people-in-it-arrow-next .arrow:before {
        right: auto;
        top: 0px;
        bottom: 25px;
        left: 0px;
        background-color: rgb(61, 179, 158);
    }

    .people-in-it-body .people-in-it-arrow-next .arrow .line {
        height: 2px;
        width: 25px;
        top: 8px;
        left: -58px;
        background-color: rgb(61, 179, 158);
    }

    .people-in-it-body .people-in-it-arrow-next .arrow:hover .line {
        top: 8px;
        left: -40px;
    }

    .people-in-it-footer {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .people-in-it-page {
        padding: 0px 0px 80px;
        background: url('/images/people-in-it/header-bg-mob.webp') 0% 0% no-repeat,
        url('/images/people-in-it/footer-bg-mob.webp') 0% 100% no-repeat;
        background-size: auto, auto;
    }

    .people-in-it-body .people-in-it-body-text {
        text-align: center;
    }

    .people-in-it-body .people-in-it-body-achievements {
        margin: 0px auto;
    }
}

@media only screen and (max-width: 500px) {
    .people-in-it-page {
        margin: 0px 0px 0px;
    }

    .people-in-it-page .people-in-it-header .people-in-it-header-title {
        max-width: 250px;
        margin: auto;
    }
}

/*КОНЕЦ Известные люди*/

/*Бонус*/
.bonus-form-block {
    position: fixed;
    top: auto;
    bottom: 85px;
    right: auto;
    left: -300px;
    z-index: 998;
    display: block;
    width: 80px;
    height: 80px;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.bonus-form-block .bonus-form-button {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 2;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 1px 2px 3px 0 rgba(15, 65, 33, .08), 5px 10px 20px 0 rgba(18, 43, 26, .12);
    background: url('/images/bonus_coddy.webp') 0% 0% no-repeat;
    background-size: cover;
    cursor: pointer;
}

.bonus-form-block .bonus-form-button:hover {
    box-shadow: 1px 2px 3px 0 rgba(15, 65, 33, .16), 5px 10px 20px 0 rgba(18, 43, 26, .24);
}

.bonus-form-block .bonus-form-shadow {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: animationBtn_36 14s linear infinite;
    animation-delay: 21s;
    color: rgb(215, 5, 105);
}

@media only screen and (max-width: 767px) {
    .bonus-form-block.mobi {
        margin-left: -115px;
    }

    .bonus-form-block.mobi:hover {
        margin-left: -65px;
    }
}

@media only screen and (max-width: 550px) {
    .bonus-form-block {
        bottom: 45px;
    }
}

/*Конец Бонус*/

/*Кружок франшиза*/
.franchise-form-block {
    position: fixed;
    top: auto;
    bottom: 85px;
    right: auto;
    left: -300px;
    z-index: 998;
    display: block;
    width: 80px;
    height: 80px;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.franchise-form-block .franchise-form-button, .franchise-form-block .franchise-form-button-en {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 2;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 1px 2px 3px 0 rgba(15, 65, 33, .08), 5px 10px 20px 0 rgba(18, 43, 26, .12);
    cursor: pointer;
}

.franchise-form-block .franchise-form-button {
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}

.franchise-form-block .franchise-form-button-en {
    background: url('/images/franchise_coddy_en.webp') 0% 0% no-repeat;
    background-size: cover;
}

.franchise-form-block .franchise-form-button:hover {
    box-shadow: 1px 2px 3px 0 rgba(15, 65, 33, .16), 5px 10px 20px 0 rgba(18, 43, 26, .24);
}

.franchise-form-block .franchise-form-button-en:hover {
    box-shadow: 1px 2px 3px 0 rgba(15, 65, 33, .16), 5px 10px 20px 0 rgba(18, 43, 26, .24);
}

.franchise-form-block .franchise-form-shadow {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: animationBtn_36 14s linear infinite;
    animation-delay: 21s;
    color: rgb(215, 5, 105);
}

@media only screen and (max-width: 767px) {
    .franchise-form-block.mobi {
        margin-left: -115px;
    }

    .franchise-form-block.mobi:hover {
        margin-left: -65px;
    }
}

@media only screen and (max-width: 550px) {
    .franchise-form-block {
        bottom: 45px;
    }
}

/*Конец Бонус*/

.after-topic .link-news,
.btn-text {
    width: auto;
    display: inline-block;
    background-color: #51648a;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    box-shadow: 0 5px 0 #3e4f71;
    margin: 20px 5px 20px 0;
    padding: 15px 55px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    position: relative;
    top: 0px;
    text-decoration: none;
}

.after-topic .link-news:hover,
.btn-text:hover {
    box-shadow: 0 2px 0 #3e4f71;
    top: 3px;
    text-decoration: none;
    color: #fff;
}

.after-topic .link-news.green,
.btn-text.green {
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
}

.after-topic .link-news.green:hover,
.btn-text.green:hover {
    box-shadow: 0 2px 0 #3b9376;
}

.after-topic .link-news.blue,
.btn-text.blue {
    background-color: #0493b4;
    -webkit-box-shadow: 0 5px 0 #0484ac;
    box-shadow: 0 5px 0 #0484ac;
}

.after-topic .link-news.blue:hover,
.btn-text.blue:hover {
    box-shadow: 0 2px 0 #0493b4;
}

.cv-form-block {
    border: 1px solid #E5ECEE;
    border-radius: 20px;
    background: #E5ECEE;
    height: auto;
    width: 90%;
    max-width: 610px;
    top: 100px;
    left: calc(50% - 305px);
    padding: 20px 50px 40px;
}

.cv-form-block .cv-block-info {

}

.cv-form-block .cv-block-info img {
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: 100%;
    margin: 0px auto 30px;
    display: block;
}

.cv-form-block .cv-block-info .cv-block-title {
    color: #0096BC;
    font-size: 22px;
    font-weight: 700;
}

.cv-form-block .cv-block-info .cv-block-text {

}

.cv-form-block .cv-block-info .cv-block-text span {
    color: #0096BC;
    font-weight: 700;
}

.cv-form-block .cv-block-info .cv-block-button {
    text-align: center;
    margin: 40px 0px 0px;
}

.cv-form-block .cv-block-info .cv-block-button .submit {
    -webkit-box-shadow: 0 5px 0 #2c3649;
    box-shadow: 0 5px 0 #2c3649;
    background-color: rgb(72, 90, 127);
    top: 0px;
    margin: 0px 10px 0px 0px;
}

.cv-form-block .cv-block-info .cv-block-button .submit:hover {
    -webkit-box-shadow: 0 2px 0 #2c3649;
    box-shadow: 0 2px 0 #2c3649;
    top: 3px;
}

.cv-form-block .cv-block-info .cv-block-button .primary {
    top: 0px;
    margin: 0px 0px 0px 10px;
}

.cv-form-block .cv-block-info .cv-block-button .primary:hover {
    top: 3px;
}

@media only screen and (max-width: 400px) {
    .cv-form-block .cv-block-info img {
        display: none;
    }

    .cv-form-block {
        padding: 20px 50px 20px;
    }

    .cv-form-block .cv-block-info .cv-block-title {
        font-size: 20px;
    }

    .cv-form-block .cv-block-info .cv-block-button {
        margin: 20px 0px 0px;
    }

    .cv-form-block .cv-block-info .cv-block-button .submit,
    .cv-form-block .cv-block-info .cv-block-button .primary {
        display: block;
        margin: 0px 0px 20px;
    }
}

.mc-form-block .mc-block {
    border: 1px solid #E5ECEE;
    border-radius: 20px;
    background: #E5ECEE;
    height: auto;
    width: 90%;
    position: relative;
    max-width: 500px;
    padding: 20px 30px 40px;
    margin: auto;
}

.mc-form-block .mc-block-info {
    position: relative;
    display: grid;
}

.mc-form-block .mc-block-info:nth-child(2) {
    justify-content: right;
}

.mc-form-block .mc-block-info:nth-child(1) {
    justify-content: left;
}

.mc-form-block .mc-block-info img {
    max-width: 45%;
    width: 100%;
    height: auto;
    margin: 0px;
    display: block;
    position: absolute;
}

.mc-form-block .mc-block-info:nth-child(2) img {
    top: -50px;
    left: -70px;
}

.mc-form-block .mc-block-info:nth-child(3) img {
    bottom: -50px;
    right: -80px;
}

.mc-form-block .mc-block-info .mc-block-title {
    color: #0096BC;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.mc-form-block .mc-block-info .mc-block-text {
    max-width: 300px;
}

.mc-form-block .mc-block-info:nth-child(2) .mc-block-text {
    margin-bottom: 40px;
    margin-left: 90px;
}

.mc-form-block .mc-block-info:nth-child(3) .mc-block-text {
    margin-bottom: 0px;
}

.mc-form-block .mc-block-info .mc-block-text .img_mobi {
    display: none;
}

.mc-form-block .mc-block-info .mc-block-text li {
    display: block;
    position: relative;
    padding-left: 20px;
    font-weight: bold;
}

.mc-form-block .mc-block-info .mc-block-text li:before {
    content: '✔';
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    top: 0px;
    left: 0px;
    color: #0096BC;
}

.mc-form-block .mc-block-info .mc-block-text span {
    color: #0096BC;
    font-weight: 700;
}

.mc-form-block .mc-block-button {
    margin: 30px 0px 0px;
}

.mc-form-block .mc-block-button .submit {
    -webkit-box-shadow: 0 5px 0 #2c3649;
    box-shadow: 0 5px 0 #2c3649;
    background-color: rgb(72, 90, 127);
    top: 0px;
    margin: 0px 10px 0px 0px;
}

.mc-form-block .mc-block-button .submit:hover {
    -webkit-box-shadow: 0 2px 0 #2c3649;
    box-shadow: 0 2px 0 #2c3649;
    top: 3px;
}

.mc-form-block .mc-block-button .primary {
    top: 0px;
    margin: 0px 0px 0px 10px;
}

.mc-form-block .mc-block-button .primary:hover {
    top: 3px;
}

@media only screen and (max-width: 615px) {
    .mc-form-block {
        left: 5%;
        padding: 20px 20px 40px;
    }

    .mc-form-block .mc-block-info .mc-block-text {
        max-width: 100%;
        padding: 0px 20px;
    }

    .mc-form-block .mc-block-info:nth-child(3) .mc-block-text {
        width: 70%;
    }

    .mc-form-block .mc-block-info img {
        width: auto;
    }

    .mc-form-block .mc-block-info:nth-child(2) .mc-block-text {
        margin-left: 120px;
    }

    .mc-form-block .mc-block-button {
        text-align: center;
    }

    .mc-form-block .mc-block-button .submit {
        display: inline-block;
        height: 47px;
        margin: 0px 10px 30px 0px;
    }
}

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

    .mc-form-block .mc-block-info {
        display: block;
    }

    .mc-form-block .mc-block-info .mc-block-text {
        text-align: left;
    }

    .mc-form-block .mc-block-info:nth-child(3) .mc-block-text {
        width: 100%;
    }

    .mc-form-block .mc-block-info img {
        display: none;
    }

    .mc-form-block .mc-block-button {
        text-align: center;
    }

    .mc-form-block .mc-block-info .mc-block-text li:before {
        color: #0096BC;
    }

    .mc-form-block .mc-block-info:nth-child(2) .mc-block-text {
        padding-bottom: 10px;
        margin: 0px;
        padding-left: 0px;
    }

    .mc-form-block .mc-block-info:nth-child(2) .mc-block-text .img_mobi {
        display: block;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 25%;
        height: 100%;
        position: absolute;
        right: 5px;
        margin: 20px 0px 0px;
    }

    .mc-form-block .mc-block-info:nth-child(2) .mc-block-text ul {
        width: 72%;
    }
}

@media only screen and (max-width: 460px) {
    .mc-form-block .mc-block-info:nth-child(2) .mc-block-text .img_mobi {
        width: 30%;
        background-position: 50% 50%;
    }

    .mc-form-block .mc-block-info:nth-child(2) .mc-block-text ul {
        width: 70%;
    }
}

@media only screen and (max-width: 420px) {
    .mc-form-block .mc-block-info:nth-child(2) .mc-block-text,
    .mc-form-block .mc-block-info:nth-child(3) .mc-block-text {
        padding: 0px 0px 10px;
    }

    .mc-form-block .mc-block-button {
        margin: 10px 0px 0px;
    }
}

@media only screen and (max-width: 350px) {
    .mc-form-block .mc-block-info:nth-child(2) .mc-block-text .img_mobi {
        width: 35%;
        right: -10px;
    }

    .mc-form-block .mc-block-button .submit {
        margin: 0px 0px 15px 0px;
        display: block;
    }

    .mc-form-block .mc-block-button .primary {
        margin: 0px 0px 0px 0px;
        display: block;
    }
}

/*Страница Онлайн*/
body {
    overflow-x: hidden !important;
}

.online-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.online-page {
    padding: 0px;
    margin: 0px;
    position: relative;
}

.online-page.header-block {
    padding: 0px 0px 40px;
    background: url('/images/online/online_header.webp') 50% 0% no-repeat;
}

.online-page.video-info-block {
    margin: 40px 0px;
    background: url('/images/online/online_video.webp') 50% 0% no-repeat;
    height: 770px;
}

.online-page.subscribe-block {
    background: url('/images/online/online_subscribe.webp') 50% 0% no-repeat;
    height: 314px;
}

.online-page.advantage-block {
    padding: 0px 0px 70px;
    background: url('/images/online/our_courses_online.webp') 50% 100% no-repeat #1a004d;
    margin: 160px 0px 0px;
}

.online-page.come-back-block {
    padding: 125px 0px 70px;
    background: url('/images/online/come_back_online.webp') 50% 30px no-repeat;
    min-height: 720px;
}

.online-page.begin-block {
    padding: 0px 0px 70px;
    background: url('/images/online/begin_online.webp') 50% 70px no-repeat;
    min-height: 1575px;
}

.online-page.team-block {
    background: url('/images/online/our_team_online.webp') 50% 0% no-repeat;
    height: 1200px;
    background-size: 1920px 100%;
}

.online-page.like-block {
    min-height: 400px;
}

.online-page.footer-block {
    margin: 70px 0px 0px;
    background: url('/images/online/online_footer.webp') 50% 0% no-repeat;
    height: 250px;
}

.online-page .head_title {
    padding: 250px 0px 220px;
    max-width: 460px;
    text-align: left;
}

.online-page .head_title h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    text-align: left;
}

.online-page .head_title h1 span {
    color: #0095b6;
}

.online-page .text {
    font-size: 16px;
    line-height: 22px;
}

.online-page .text p, .online-page .text ul {
    margin: 0px 0px 25px;
}

.online-page .text span {
    color: #3db39e;
    font-weight: 700;
}

.online-page .text ul li {
    padding: 0px 0px 10px 35px;
    list-style: none;
    background: url('/images/online/online_li.webp') 15px 6px no-repeat;
}

.online-page .text.bottom {
    width: 300px;
    margin: 120px 0px 0px;
}

.online-page .text.bottom span {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
}

.online-page .info-block .img {
    width: 100%;
    height: 200px;
}

.online-page .info-block:nth-child(1) .img {
    background: url('/images/online/online_info_1.webp') 50% 50% no-repeat;
    background-size: contain;
}

.online-page .info-block:nth-child(2) .img {
    background: url('/images/online/online_info_2.webp') 50% 50% no-repeat;
    background-size: contain;
}

.online-page .info-block:nth-child(3) .img {
    background: url('/images/online/online_info_3.webp') 50% 50% no-repeat;
    background-size: contain;
}

.online-page .info-block .text {
    text-align: center;
}

.online-page .online-video-block {
    width: 836px;
    height: auto;
    float: right;
    margin: 120px 0px 0px;
    position: relative;
}

.online-page .online-video-block video {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    border: 20px solid #344a57;
    box-shadow: 0px 0px 0px 10px rgba(207, 201, 215, 0.7);
    border-radius: 20px;
    position: relative;
    z-index: 1;
    background: #344a57;
}

.online-page .online-subscribe-block {
    display: flex;
}

.online-page .online-subscribe-form {
    width: calc(100% - 330px);
    height: 314px;
    padding: 70px 0px 0px 180px;
}

.online-page .online-subscribe-form .text {
    color: #ffffff;
    max-width: 270px;
    font-weight: 700;
}

.online-page .online-subscribe-form .field {
    display: flex;
    margin: 50px 0px;
}

.online-page .online-subscribe-form .field .req_phone {
    width: 100%;
    max-width: calc(100% - 300px);
    min-width: 200px;
    background: none;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    color: #252525;
    font-size: 18px;
    font-weight: normal;
    padding: 3px 20px;
    margin: 0px 30px 0px 0px;
    height: 48px;
    background: #ffffff;
    border-radius: 24px;
}

.online-page .online-subscribe-form .field .req_phone.error {
    background: #ea7979;
}

.online-page .online-subscribe-img {
    width: 322px;
    height: 370px;
    background: url('/images/online/online_subscribe_block.webp') 50% 50% no-repeat;
    position: relative;
    top: -27px;
}

.online-page .benefit-block-title {
    font-weight: 700;
    font-size: 24px;
    color: #3b6e89;
    margin: 0px auto;
    max-width: 350px;
    width: 100%;
    text-align: center;
}

.online-page .benefit-block-items {
    background: url('/images/online/benefit-block-items.webp') 50% 100% no-repeat;
    height: 480px;
    margin: 40px 0px;
}

.online-page .benefit-block-item {
    width: 50%;
    float: left;
    min-height: 230px;
}

.online-page .benefit-block-item .text {
    padding: 0px 0px 0px 45px;
    margin: 0px 0px 110px 0px;
    width: 100%;
    max-width: 350px;
    position: relative;
}

.online-page .benefit-block-item .text:before {
    content: '';
    display: block;
    position: absolute;
    background: url('/images/online/benefit-block-item.webp') 50% 50% no-repeat;
    height: 40px;
    width: 34px;
    top: calc(50% - 20px);
    left: 0px;
}

.online-page .benefit-block-item:nth-child(1) .text {
    margin-left: 80px;
    margin-bottom: 160px;
}

.online-page .benefit-block-item:nth-child(2) .text {
    margin-left: 190px;
    margin-bottom: 160px;
}

.online-page .benefit-block-item:nth-child(3) .text {
    margin-left: 0px;
}

.online-page .benefit-block-item:nth-child(4) .text {
    margin-left: 290px;
}

.online-page .benefit-block-item:nth-child(5) .text {
    margin-left: 50px;
}

.online-page .benefit-block-item:nth-child(6) .text {
    margin-left: 200px;
}

.online-page .advantage-block-bg {
    background: url('/images/online/advantage_online.webp') 50% 100% no-repeat;
    width: 876px;
    height: 622px;
    position: absolute;
    top: -322px;
    right: 50%;
}

.online-page .advantage-block-title {
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
    margin: -90px 0px 0px 70px;
    max-width: 350px;
    width: 100%;
}

.online-page .courses-block-title {
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
    margin: 0px auto;
    max-width: 350px;
    width: 100%;
    text-align: center;
}

.online-page .online-advantage-slider {
    width: 100%;
    margin: 50px 0px 50px;
}

.online-page .online-advantage-slider .online-advantage-slider-items {
    width: calc(100% - 60px);
    position: relative;
    padding: 0px 0px 0px 60px;
}

.online-advantage-slider-items-strip {
    width: 150%;
    height: 275px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0px auto;
}

.online-page .online-advantage-slider .online-advantage-slider-item {
    width: calc(33% - 25px);
    height: 275px;
    margin: 0px 15px 0px 10px;
    padding: 15px 35px 15px;
    position: absolute;
    left: 133%;
    bottom: 0px;
    display: none;
    transition: all 0.5s linear 0s;
    background: #ffffff;
    border-radius: 20px;
}

.online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1) {
    left: -33%;
    display: block;
    height: 210px;
    padding: 20px 35px 15px;
}

.online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) {
    left: 0%;
    display: block;
    height: 210px;
    padding: 20px 35px 15px;
}

.online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3) {
    left: 33%;
    display: block;
    opacity: 0.9;
}

.online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4) {
    left: 66%;
    display: block;
    opacity: 0.7;
}

.online-page .online-advantage-slider .online-advantage-slider-item:nth-child(5) {
    left: 100%;
    display: block;
    opacity: 0.5;
}

.online-page .online-advantage-slider-icon {
    width: 70px;
    height: 70px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0px 20px;
}

.online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1) .online-advantage-slider-icon,
.online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) .online-advantage-slider-icon {
    opacity: 0;
    height: 0px;
}

.online-page .online-advantage-slider-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 0px 0px 10px;
}

.online-page .online-arrow-next,
.online-page .online-arrow-prev {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 30px);
    left: 20px;
    z-index: 3;
    width: 32px;
    height: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.online-page .online-arrow-next {
    left: auto;
    right: 20px;
}

.online-page .online-arrow-next .arrow:before,
.online-page .online-arrow-next .arrow:after,
.online-page .online-arrow-prev .arrow:before,
.online-page .online-arrow-prev .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #333;
    height: 2px;
    width: 20px;
    top: 0px;
    left: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.online-page .our-team-subsect .online-arrow-next .arrow:before,
.online-page .our-team-subsect .online-arrow-next .arrow:after,
.online-page .our-team-subsect .online-arrow-prev .arrow:before,
.online-page .our-team-subsect .online-arrow-prev .arrow:after {
    background-color: #3db39e;
}

.online-page .online-arrow-next .arrow:before,
.online-page .online-arrow-next .arrow:after {
    left: auto;
    right: 0px;
}

.online-page .online-arrow-next .arrow:after {
    top: 13px;
}

.online-page .online-arrow-next .arrow:before {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.online-page .online-arrow-prev .arrow:after {
    transform: translateY(1px) rotate(45deg);
    top: 13px;
}

.online-page .online-arrow-prev .arrow:before {
    right: 0;
}

.online-page .online-arrow-next:hover .arrow:after,
.online-page .online-arrow-prev:hover .arrow:before {
    transform: translateY(1px) rotate(135deg);
}

.online-page .online-arrow-next:hover .arrow:before,
.online-page .online-arrow-prev:hover .arrow:after {
    transform: translateY(1px) rotate(225deg);
}

.online-page .online-arrow-next .arrow,
.online-page .online-arrow-prev .arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.online-page .online-arrow-next .arrow .line,
.online-page .online-arrow-prev .arrow .line {
    position: absolute;
    display: block;
    background-color: #333;
    height: 2px;
    width: 25px;
    top: 7.5px;
    left: -40px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.online-page .our-team-subsect .online-arrow-next .arrow .line,
.online-page .our-team-subsect .online-arrow-prev .arrow .line {
    background-color: #3db39e;
}

.online-page .online-arrow-prev .arrow .line {
    left: -12px;
}

.online-page .online-arrow-next:hover .arrow .line {
    opacity: 1;
    left: -28px;
}

.online-page .online-arrow-prev:hover .arrow .line {
    opacity: 1;
    left: -25px;
}

.online-page .online-advantage-slider .online-arrow-prev,
.online-page .online-advantage-slider .online-arrow-next {
    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.online-page .online-advantage-slider .online-arrow-prev .arrow,
.online-page .online-advantage-slider .online-arrow-next .arrow {
    top: 15px;
    left: 12px;
}

.online-page .online-advantage-slider .online-arrow-next {
    background: #1b004e;
}

.online-page .online-advantage-slider .online-arrow-next .arrow {
    left: auto;
    right: 12px;
}

.online-page .online-advantage-slider .online-arrow-next .arrow:before,
.online-page .online-advantage-slider .online-arrow-next .arrow:after,
.online-page .online-advantage-slider .online-arrow-next .arrow .line {
    background-color: #ffffff;
}

.online-page .online-advantage-slider .online-arrow-next .arrow .line {
    left: -73px;
}

.online-page .online-advantage-slider .online-arrow-next:hover .arrow .line {
    left: -59px;
}

.online-page .our-courses {
    background: none;
    padding: 0px 0px 30px;
}

.online-page .courses-block-text.text {
    color: #ffffff;
    font-weight: 700;
    max-width: 470px;
    margin: 30px auto 0px;
    text-align: center;
}

.online-page .courses-block-text.text a {
    color: #3db39e;
    text-decoration: underline;
}

.online-page .courses-block-text.text a:hover {
    text-decoration: none;
}

.online-page .come-back-block-title {
    font-weight: 700;
    font-size: 24px;
    color: #3b6e89;
    margin: 0px;
    max-width: 450px;
    width: 100%;
}

.online-page.come-back-block .text p {
    margin: 20px 0px 10px;
}

.online-page .come-back-block-video:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    width: 182px;
    height: 194px;
    top: calc(50% - 97px);
    left: calc(50% - 91px);
    background: url('/images/online/online-come-back-play.webp') 50% 50% no-repeat;
}

.online-page .come-back-block-video:hover:after {
    opacity: 0.8;
}

.online-page .come-back-block-video {
    width: 500px;
    height: 332px;
    background: url('/images/online/come-back-video-online.webp') 50% 50% no-repeat;
    margin: 0px 30px 0px 0px;
    float: right;
    cursor: pointer;
    position: relative;
}

.online-page .come-back-block-video .text {
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    padding: 342px 0px 0px;
}

.online-page .come-back-block-items {
    width: 100%;
    max-width: 1080px;
}

.online-page .come-back-block-item {
    display: table;
    width: 470px;
    height: 182px;
    float: left;
    margin: 50px 70px 0px 0px;
}

.online-page .come-back-block-item .come-back-block-item-img {
    width: 181px;
    height: 182px;
    margin: 0px 20px 0px 0px;
    float: left;
}

.online-page .come-back-block-item:nth-child(1) .come-back-block-item-img {
    background: url('/images/online/come_back_online_1.webp') 50% 50% no-repeat;
}

.online-page .come-back-block-item:nth-child(2) .come-back-block-item-img {
    background: url('/images/online/come_back_online_2.webp') 50% 50% no-repeat;
}

.online-page .come-back-block-item:nth-child(3) .come-back-block-item-img {
    background: url('/images/online/come_back_online_3.webp') 50% 50% no-repeat;
}

.online-page .come-back-block-item:nth-child(4) .come-back-block-item-img {
    background: url('/images/online/come_back_online_4.webp') 50% 50% no-repeat;
}

.online-page .come-back-block-item .text {
    display: table-cell;
    vertical-align: middle;
}

.online-page .begin-block-title {
    font-weight: 700;
    font-size: 24px;
    color: #3b6e89;
    margin: 0px;
    max-width: 350px;
    width: 100%;
}

.online-page .begin-block-title2 {
    font-weight: 700;
    font-size: 24px;
    color: #15003d;
    margin: 0px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    position: relative;
    left: 380px;
}

.online-page .online-begin-slider {
    width: 100%;
    margin: 50px 0px 100px;
}

.online-page .online-begin-slider .online-begin-slider-items {
    width: 100%;
    position: relative;
    padding: 0px 0px 0px 0px;
}

.online-begin-slider-items-strip {
    width: 150%;
    height: 270px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0px 0px 0px -10px;
}

.online-page .online-begin-slider .online-begin-slider-item {
    width: calc(33% - 25px);
    height: 250px;
    margin: 0px 15px 0px 10px;
    padding: 15px 35px 15px;
    position: absolute;
    left: 133%;
    bottom: 10px;
    display: none;
    transition: all 0.5s linear 0s;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15);
    opacity: 0.9;
}

.online-page .online-begin-slider .online-begin-slider-item:nth-child(1) {
    left: -33%;
    display: block;
}

.online-page .online-begin-slider .online-begin-slider-item:nth-child(2) {
    left: 0%;
    display: block;
    opacity: 1;
}

.online-page .online-begin-slider .online-begin-slider-item:nth-child(3) {
    left: 33%;
    display: block;
    opacity: 1;
}

.online-page .online-begin-slider .online-begin-slider-item:nth-child(4) {
    left: 66%;
    display: block;
}

.online-page .online-begin-slider .online-begin-slider-item:nth-child(5) {
    left: 100%;
    display: block;
}

.online-page .online-begin-slider-icon {
    width: 70px;
    height: 70px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 20px 20px 0px;
    float: left;
}

.online-page .online-begin-slider-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 14px 0px 10px;
}

.online-page.begin-block .text.online-begin-text {
    color: #ffffff;
    padding: 0px 30px 0px 0px;
    height: 360px;
}

.online-page .online-begin-slider .text {
    clear: both;
    color: #333333;
}

.online-page .begin-block-title2 .text {
    font-weight: 400;
    margin: 10px 0px 0px;
}

.online-page.begin-block .online-button {
    max-width: 330px;
    display: none;
}

.online-page.come-back-block .online-button {
    max-width: 330px;
    margin: 0px 0px 50px;
}

.online-page .online-begin-slider .online-arrow-prev,
.online-page .online-begin-slider .online-arrow-next {
    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15);
    top: auto;
    bottom: 83px;
    left: auto;
    right: 200px;
}

.online-page .online-begin-slider .online-arrow-next {
    right: 130px;
}

.online-page .online-begin-slider .online-arrow-prev .arrow,
.online-page .online-begin-slider .online-arrow-next .arrow {
    top: 15px;
    left: 12px;
}

.online-page .online-begin-slider .online-arrow-next {
    background: #1b004e;
}

.online-page .online-begin-slider .online-arrow-next .arrow {
    left: auto;
    right: 12px;
}

.online-page .online-begin-slider .online-arrow-next .arrow:before,
.online-page .online-begin-slider .online-arrow-next .arrow:after,
.online-page .online-begin-slider .online-arrow-next .arrow .line {
    background-color: #ffffff;
}

.online-page .online-begin-slider .online-arrow-next .arrow .line {
    left: -73px;
}

.online-page .online-begin-slider .online-arrow-next:hover .arrow .line {
    left: -59px;
}

.online-page .online-4-reasons-block {
    display: flex;
    margin: 100px 0px 0px;
    position: relative;
}

.online-page .online-4-reasons {
    width: 700px;
    height: 440px;
    background: url('/images/online/online-4-reasons.webp') 50% 50% no-repeat;
    margin: 0px 0px 0px 0px;
    flex: 0 0 700px;
    position: relative;
    z-index: 2;
}

.online-page .online-4-reasons-slider {
    margin: 110px 0px 0px -30px;
    flex: 0 0 calc(100% - 630px);
}

.online-page .online-4-reasons-slider .online-4-reasons-slider-items {
    width: 100%;
    position: relative;
    padding: 0px 0px 0px 0px;
}

.online-4-reasons-slider-items-strip {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0px 0px 0px -10px;
}

.online-page .online-4-reasons-slider .online-4-reasons-slider-item {
    width: calc(100% - 30px);
    height: 200px;
    margin: 0px 15px;
    padding: 15px 40px 15px 60px;
    position: absolute;
    left: 200%;
    bottom: 10px;
    display: none;
    transition: all 0.5s linear 0s;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15);
    opacity: 0.9;
}

.online-page .online-4-reasons-slider .online-4-reasons-slider-item:nth-child(1) {
    left: -100%;
    display: block;
}

.online-page .online-4-reasons-slider .online-4-reasons-slider-item:nth-child(2) {
    left: 0%;
    display: block;
    opacity: 1;
}

.online-page .online-4-reasons-slider .online-4-reasons-slider-item:nth-child(3) {
    left: 100%;
    display: block;
    opacity: 1;
}

.online-page .online-4-reasons-slider .online-4-reasons-slider-item:nth-child(4) {
    left: 200%;
    display: block;
}

.online-page .online-4-reasons-slider-icon {
    width: 70px;
    height: 70px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 20px 20px 0px;
    float: left;
}

.online-page .online-4-reasons-slider-title:before {
    content: '';
    display: block;
    position: absolute;
    background: url('/images/online/benefit-block-item.webp') 50% 50% no-repeat;
    height: 40px;
    width: 34px;
    top: calc(50% - 20px);
    left: 0px;
}

.online-page .online-4-reasons-slider-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 14px 0px 25px;
    position: relative;
    padding: 0px 0px 0px 50px;
}

.online-page .online-4-reasons-slider .text {
    clear: both;
    color: #333333;
}

.online-page .online-4-reasons-slider .online-arrow-prev,
.online-page .online-4-reasons-slider .online-arrow-next {
    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15);
    top: auto;
    bottom: 93px;
    left: auto;
    right: 200px;
}

.online-page .online-4-reasons-slider .online-arrow-next {
    right: 130px;
}

.online-page .online-4-reasons-slider .online-arrow-prev .arrow,
.online-page .online-4-reasons-slider .online-arrow-next .arrow {
    top: 15px;
    left: 12px;
}

.online-page .online-4-reasons-slider .online-arrow-next {
    background: #1b004e;
}

.online-page .online-4-reasons-slider .online-arrow-next .arrow {
    left: auto;
    right: 12px;
}

.online-page .online-4-reasons-slider .online-arrow-next .arrow:before,
.online-page .online-4-reasons-slider .online-arrow-next .arrow:after,
.online-page .online-4-reasons-slider .online-arrow-next .arrow .line {
    background-color: #ffffff;
}

.online-page .online-4-reasons-slider .online-arrow-next .arrow .line {
    left: -73px;
}

.online-page .online-4-reasons-slider .online-arrow-next:hover .arrow .line {
    left: -59px;
}

.online-page.begin-block .online-button.online-4-reasons-button {
    display: none;
}

.online-page .team-block-title {
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
    margin: 100px 0px 0px;
    max-width: 350px;
    width: 100%;
}

.online-page .like-block-title {
    font-weight: 700;
    font-size: 24px;
    color: #3b6e89;
    margin: 0px auto;
    max-width: 450px;
    width: 100%;
}

.online-page .online-like-slider {
    margin: 50px 0px 30px;
    position: relative;
}

.online-page .online-like-slider .online-like-slider-items {
    width: 100%;
    position: relative;
    padding: 0px 0px 0px 0px;
}

.online-like-slider-items-strip {
    width: calc(100% - 120px);
    height: auto;
    min-height: 320px;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0 auto;
}

.online-page .online-like-slider .online-like-slider-item {
    width: calc(100% - 30px);
    height: auto;
    margin: 0px 15px;
    padding: 0px 20px;
    position: absolute;
    left: 200%;
    display: none;
    transition: all 0.5s linear 0s;
}

.online-page .online-like-slider .online-like-slider-item:nth-child(1) {
    left: -100%;
    display: block;
}

.online-page .online-like-slider .online-like-slider-item:nth-child(2) {
    left: 0%;
    display: block;
    opacity: 1;
}

.online-page .online-like-slider .online-like-slider-item:nth-child(3) {
    left: 100%;
    display: block;
    opacity: 1;
}

.online-page .online-like-slider .online-like-slider-item:nth-child(4) {
    left: 200%;
    display: block;
}

.online-page .online-like-slider-video.video:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 230px;
    background-image: url('/images/online/online-like-slider-photo.webp');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.online-page .online-like-slider-video.video:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 230px;
    top: 0px;
    left: 0px;
    background: url('/images/online/online-like-slider-play.webp') 50% 50% no-repeat rgba(23, 0, 75, 0.6);
}

.online-page .online-like-slider-video.video:hover:after {
    opacity: 0.8;
}

.online-page .online-like-slider-video {
    width: 300px;
    height: 300px;
    float: left;
    border: 10px solid rgba(240, 240, 240, 0.7);
    box-shadow: 0px 0px 0px 10px rgba(207, 201, 215, 0.7);
    margin: 10px 50px 0px 0px;
    border-radius: 40px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.online-page .online-like-slider-video .photo {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/images/og.webp');
    height: 100%;
}

.online-page .online-like-slider-info {
    float: left;
    width: calc(100% - 350px);
}

.online-page .online-like-slider-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 14px 0px 15px;
    position: relative;
    padding: 0px 0px 0px 0px;
}

.online-page .online-like-slider .text {
    color: #333333;
}

.online-page .online-like-slider .online-arrow-prev,
.online-page .online-like-slider .online-arrow-next {
    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15);
}

.online-page .online-like-slider .online-arrow-prev .arrow,
.online-page .online-like-slider .online-arrow-next .arrow {
    top: 15px;
    left: 12px;
}

.online-page .online-like-slider .online-arrow-next .arrow {
    left: auto;
    right: 12px;
}

.online-page .online-like-slider .online-arrow-prev .arrow:before,
.online-page .online-like-slider .online-arrow-prev .arrow:after,
.online-page .online-like-slider .online-arrow-next .arrow:before,
.online-page .online-like-slider .online-arrow-next .arrow:after,
.online-page .online-like-slider .online-arrow-prev .arrow .line,
.online-page .online-like-slider .online-arrow-next .arrow .line {
    background-color: #3db39e;
}

.online-page .online-like-slider .online-arrow-next .arrow .line {
    left: -73px;
}

.online-page .online-like-slider .online-arrow-next:hover .arrow .line {
    left: -59px;
}

.online-page .online-button {
    min-height: 45px;
    width: 100%;
    max-width: 240px;
    display: inline-block;
    text-align: center;
}

.online-page .online-button:hover {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;

}

.online-page.advantage-block .online-button {
    max-width: 300px;
    margin: 0px auto 50px;
    display: block;
}

.online-page.faq-block .online-button {
    display: block;
    margin: auto;
}

.online-page.like-block .online-button {
    margin: auto;
    display: block;
}

.online-page .faq-block-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #3b6e89;
    margin: 0px auto;
    width: 450px;
    letter-spacing: 0px;
}

.online-page .our-school .questions_block {
    width: 680px;
    float: left;
}

.online-page .our-school .info_block {
    width: calc(100% - 680px);
    float: left;
}

.online-page .our-school .block_author {
    margin: -40px 0px 0px;
}

.online-page .online-footer-block {
    display: flex;
}

.online-page .online-footer-form {
    width: calc(100% - 265px);
    height: 248px;
    padding: 60px 0px 0px 375px;
}

.online-page .online-footer-form a {
    margin-left: 0px;
}

.online-page .online-footer-form .text {
    color: #ffffff;
    max-width: 350px;
    font-weight: 700;
    margin: 0px 0px 40px;
}

.online-page .online-footer-img {
    width: 284px;
    height: 284px;
    background: url('/images/online/online_footer_block.webp') 50% 50% no-repeat;
    background-size: contain;
    position: absolute;
    top: -40px;
}

.online-page.footer-block .online-button {
    max-width: 330px;
}

.online-video {
    height: calc(100vh - 40px);
    max-height: 600px;
    width: 100%;
}

.online-video iframe {
    height: 100%;
    width: 100%;
}

.online-page .online_anim_button {
    position: absolute;
    -webkit-transition: translate3d 10ms linear, opacity .3s linear;
    transition: translate3d 10ms linear, opacity .3s linear;
    opacity: 0;
    z-index: 10;
}

.online-page .online_anim_button .online_anim_button_button {
    width: 150px;
    height: 150px;
    border-radius: 20px;

    -webkit-box-shadow: 0 5px 0 #a20154;
    box-shadow: 0 5px 0 #a20154;
    position: relative;
    top: 0px;

    background: #920083;
    background: -moz-linear-gradient(top, #920083 0%, #cc0066 100%);
    background: -webkit-linear-gradient(top, #920083 0%, #cc0066 100%);
    background: linear-gradient(to bottom, #920083 0%, #cc0066 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#920083', endColorstr='#cc0066', GradientType=0);


    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    padding: 14px 20px;
    margin: 0px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    animation: pulsate ease-in-out 2s infinite alternate;
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.03);
    }
    0% {
        transform: scale(1);
    }
}

@keyframes pulsate {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.03);
    }
    0% {
        transform: scale(1);
    }
}

.online-page .online_anim_button .online_anim_button_button:hover {
    -webkit-box-shadow: 0 2px 0 #a20154;
    box-shadow: 0 2px 0 #a20154;
    top: 3px;
    animation: none;
}

.online-page .online_anim_button .online_anim_button_text {
    position: absolute;
    bottom: 20px;
    text-align: center;
    display: block;
    width: calc(100% - 40px);
}

.online-page .online_anim_button .online_anim_button_rocket {
    position: absolute;
    top: -30px;
    left: calc(50% - 59px);
    background: url('/images/online/online_anim_button.webp') 50% 0% no-repeat;
    width: 118px;
    height: 129px;
}

.online-page.video-info-block .online_anim_button {
    right: -75px;
    transform: translate3d(0px, 0px, 0px);
}

.online-page.begin-block .online-begin-text .online_anim_button {
    left: 0px;
    top: 150px;
}

.online-page.begin-block .online-4-reasons-block .online_anim_button {
    right: 150px;
    bottom: -150px;
}

.online-page.benefit-block .online_anim_button {
    right: 0px;
    bottom: -100px;
}

.online-page.come-back-block .online_anim_button {
    right: 100px;
    bottom: -150px;
}

.online-video-block-panel {
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: 3;
    width: 90px;
}

.online-video-block-replay,
.online-video-block-sound {
    width: 30px;
    height: 30px;
    margin: 0px 10px 10px 0px;
    float: left;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;

    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.online-video-block-replay:hover,
.online-video-block-sound:hover {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}

.online-video-block-replay {
    background-image: url("/images/online/online_replay.svg");
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}

.online-video-block-sound,
.online-video-block-sound.on {
    background-image: url("/images/online/online_turn_on_sound.svg");
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.online-video-block-sound.off {
    background-image: url("/images/online/online_turn_off_sound.svg");
}

.online-page .text-topic-bold,
.online-page .text span.text-topic-bold {
    color: #333;
}

/*Адаптив*/
@media only screen and (min-width: 1200px) {
    .online-page .online-video-block video {
        min-height: 487px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1400px) {
    .online-page .our-school .questions_block {
        width: 640px;
        padding-top: 30px;
    }

    .online-page .our-school .block_bubbles.ru {
        height: 780px;
    }
}

@media only screen and (max-width: 1300px) {
    .online-page.video-info-block .online_anim_button {
        right: -10px;
    }

    .online-page .benefit-block-item:nth-child(4) .text {
        margin-left: 260px;
    }
}

@media only screen and (max-width: 1199px) {
    .online-page .head_title {
        padding: 200px 0px 180px;
        max-width: 410px;
    }

    .online-page.video-info-block {
        background: url('/images/online/online_video.webp') calc(50% + 40px) 0% no-repeat;
        height: 710px;
    }

    .online-page .online-video-block {
        width: 720px;
        margin: 170px 100px 0px 0px;
    }

    .online-page.video-info-block .online_anim_button {
        right: 10px;
    }

    .online-page .benefit-block-items {
        background: url('/images/online/benefit-block-items.webp') 50% 50% no-repeat;
        height: 400px;
        background-size: 35%;
    }

    .online-page .benefit-block-item .text {
        max-width: 310px;
    }

    .online-page .benefit-block-item:nth-child(1) .text {
        margin-left: 30px;
        margin-bottom: 100px;
    }

    .online-page .benefit-block-item:nth-child(2) .text {
        margin-left: 150px;
        margin-bottom: 100px;
    }

    .online-page .benefit-block-item:nth-child(3) .text {
        margin-left: 0px;
    }

    .online-page .benefit-block-item:nth-child(4) .text {
        margin-left: 210px;
        margin-top: -30px;
        margin-bottom: 80px;
    }

    .online-page .benefit-block-item:nth-child(5) .text {
        margin-left: 50px;
    }

    .online-page .benefit-block-item:nth-child(6) .text {
        margin-left: 150px;
    }

    .online-page.benefit-block .online_anim_button {
        right: 50px;
        bottom: -120px;
    }

    .online-advantage-slider-items-strip {
        width: 100%;
        height: 300px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item {
        width: calc(50% - 25px);
        left: 150%;
        height: 300px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1) {
        left: -50%;
        height: 230px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) {
        left: 0%;
        height: 230px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3) {
        left: 50%;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4) {
        left: 100%;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(5) {
        left: 150%;
    }

    .online-page .online-advantage-slider .online-arrow-next,
    .online-page .online-begin-slider .online-arrow-next {
        background: #ffffff;
    }

    .online-page .online-advantage-slider .online-arrow-next .arrow:before,
    .online-page .online-advantage-slider .online-arrow-next .arrow:after,
    .online-page .online-advantage-slider .online-arrow-next .arrow .line,
    .online-page .online-begin-slider .online-arrow-next .arrow:before,
    .online-page .online-begin-slider .online-arrow-next .arrow:after,
    .online-page .online-begin-slider .online-arrow-next .arrow .line {
        background-color: #333333;
    }

    .online-page .online-advantage-slider .online-arrow-prev:hover,
    .online-page .online-advantage-slider .online-arrow-next:hover,
    .online-page .online-begin-slider .online-arrow-prev:hover,
    .online-page .online-begin-slider .online-arrow-next:hover {
        background: #1b004e;
    }

    .online-page .online-advantage-slider .online-arrow-prev:hover .arrow:before,
    .online-page .online-advantage-slider .online-arrow-prev:hover .arrow:after,
    .online-page .online-advantage-slider .online-arrow-prev:hover .arrow .line,
    .online-page .online-advantage-slider .online-arrow-next:hover .arrow:before,
    .online-page .online-advantage-slider .online-arrow-next:hover .arrow:after,
    .online-page .online-advantage-slider .online-arrow-next:hover .arrow .line,
    .online-page .online-begin-slider .online-arrow-prev:hover .arrow:before,
    .online-page .online-begin-slider .online-arrow-prev:hover .arrow:after,
    .online-page .online-begin-slider .online-arrow-prev:hover .arrow .line,
    .online-page .online-begin-slider .online-arrow-next:hover .arrow:before,
    .online-page .online-begin-slider .online-arrow-next:hover .arrow:after,
    .online-page .online-begin-slider .online-arrow-next:hover .arrow .line {
        background-color: #ffffff;
    }

    .online-page.come-back-block {
        padding: 65px 0px 70px;
        background: url('/images/online/come_back_online.webp') 50% 0px no-repeat;
    }

    .online-page .come-back-block-item {
        margin: 50px 50px 0px 0px;
        max-width: calc(50% - 100px);
    }

    .online-begin-slider-items-strip {
        width: 100%;
    }

    .online-page .online-begin-slider .online-begin-slider-item {
        width: calc(50% - 25px);
        left: 150%;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(1) {
        left: -50%;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(2) {
        left: 0%;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(3) {
        left: 50%;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(4) {
        left: 100%;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(5) {
        left: 150%;
    }

    .online-page.begin-block .online-begin-text .online_anim_button {
        top: 180px;
    }

    .online-page .begin-block-title2 {
        left: 260px;
    }

    .online-page .online-4-reasons {
        width: 550px;
        flex: 0 0 550px;
        background-size: contain;
    }

    .online-page .online-4-reasons-slider {
        flex: 0 0 calc(100% - 500px);
    }

    .online-4-reasons-slider-items-strip {
        height: 240px;
    }

    .online-page .online-4-reasons-slider .online-4-reasons-slider-item {
        height: 220px;
    }

    .online-page .online-4-reasons-slider .online-arrow-prev, .online-page .online-4-reasons-slider .online-arrow-next {
        bottom: 73px;
    }

    .online-page .team-block-title {
        margin: 120px 0px 0px;
    }

    .online-page .online-like-slider {
        margin: 50px 0px 30px;
    }

    .online-page .online-footer-form {
        padding: 45px 0px 0px 375px;
    }

    .inside-block .top-part .imgs {
        margin: 20px 0px 0px -15px;
    }

    .faq-block .inside-block .top-part .imgs {
        width: 290px;
        height: 290px;
    }

    .online-page.video-info-block .online_anim_button {
        top: 150px;
    }
}

@media only screen and (max-width: 1050px) {
    .online-page .benefit-block-item:nth-child(4) .text {
        max-width: 280px;
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 992px) {
    .online-page .our-school .questions_block {
        width: 440px;
        margin: 50px 0px 50px 20px;
    }

    .online-page .our-school .info_block {
        width: calc(100% - 460px);
        margin: 50px 0px 0px;
    }

    .inside-block .top-part .imgs {
        margin: 20px auto 0px;
    }
}

@media only screen and (max-width: 991px) {
    .online-page .online_anim_button {
        display: none;
    }

    .online-page.header-block {
        background-size: auto 800px;
    }

    .online-page .head_title {
        padding: 200px 0px 180px;
        max-width: 44%;
    }

    .online-page.header-block .col-md-4.info-block {
        width: 33%;
        float: left;
    }

    .online-page.video-info-block {
        background: url('/images/online/online_video_mobi.webp') 50% 0% no-repeat;
        background-size: auto 100%;
    }

    .online-page .online-video-block {
        margin: 170px auto 0px;
        float: none;
    }

    .online-page .online-subscribe-form {
        padding: 60px 0px 0px 90px;
    }

    .online-page .online-subscribe-form .field {
        display: block;
        margin: 20px 0px;
    }

    .online-page .online-subscribe-form .field .req_phone {
        min-width: 240px;
        margin: 0px 20px 30px 0px;
    }

    .online-page.benefit-block {
        margin: 50px 0px 0px;
    }

    .online-page .benefit-block-items {
        background: url('/images/online/benefit-block-items.webp') 50% 0% no-repeat;
        height: auto;
        background-size: 270px;
        margin: 30px 0px 40px;
        padding: 270px 0px 0px;
    }

    .online-page .benefit-block-item {
        width: 100%;
        float: none;
    }

    .online-page .benefit-block-item .text,
    .online-page .benefit-block-item:nth-child(1) .text,
    .online-page .benefit-block-item:nth-child(2) .text,
    .online-page .benefit-block-item:nth-child(3) .text,
    .online-page .benefit-block-item:nth-child(4) .text,
    .online-page .benefit-block-item:nth-child(5) .text,
    .online-page .benefit-block-item:nth-child(6) .text {
        max-width: 100%;
        margin: 30px 0px 0px;
    }

    .online-page .advantage-block-title {
        margin: -90px 0px 0px 0px;
    }

    .online-advantage-slider-items-strip,
    .online-page .online-advantage-slider .online-advantage-slider-item {
        height: 370px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) {
        height: 300px;
    }

    .online-page.come-back-block {
        padding: 0px 0px 70px;
        background: url('/images/online/come_back_online.webp') 67% 275px no-repeat;
    }

    .online-page .come-back-block-title {
        margin: 65px 0px 0px;
    }

    .online-page .come-back-block-item {
        margin: 50px 0px 0px 0px;
        max-width: 100%;
        float: none;
        width: 100%;
    }

    .online-page .come-back-block-item .text {
        width: 100%;
    }

    .online-page .come-back-block-item .text br {
        display: none;
    }

    .online-page.begin-block {
        padding: 0px 0px 40px;
        background: url('/images/online/begin_online.webp') 50% 100px no-repeat;
    }

    .online-begin-slider-items-strip {
        height: 320px;
    }

    .online-page .online-begin-slider .online-begin-slider-item {
        height: 300px;
    }

    .online-page .online-begin-slider .online-arrow-prev, .online-page .online-begin-slider .online-arrow-next {
        bottom: -15px;
        left: calc(50% - 60px);
    }

    .online-page .online-begin-slider .online-arrow-next {
        left: auto;
        right: calc(50% - 60px);
        background: #ffffff;
    }

    .online-page .online-4-reasons-slider .online-arrow-prev, .online-page .online-4-reasons-slider .online-arrow-next {
        bottom: -15px;
        left: calc(50% - 60px);
    }

    .online-page .online-4-reasons-slider .online-arrow-next {
        left: auto;
        right: calc(50% - 60px);
    }

    .online-page.begin-block .text.online-begin-text {
        max-width: 470px;
    }

    .online-page .begin-block-title2 {
        left: calc(50% - 250px);
    }

    .online-page .online-4-reasons-block {
        margin: 0px 0px 0px;
    }

    .online-page .online-4-reasons {
        width: calc(100% - 360px);
        flex: 0 0 calc(100% - 360px);
    }

    .online-page .online-4-reasons-slider {
        margin: 100px 0px 0px -30px;
        flex: 0 0 415px;
    }

    .online-page .online-4-reasons-block {
        margin: 30px 0px 50px;
    }

    .online-page.begin-block .online-button.online-4-reasons-button {
        display: block;
        margin: 0px auto;
    }

    .online-page.team-block {
        background: url('/images/online/our_team_online.webp') -150px 0% no-repeat;
    }

    .online-page .team-block-title {
        margin: 70px 0px 0px;
    }

    .online-page.like-block {
        margin: 30px 0px 0px;
    }

    .online-page .online-like-slider-info {
        width: calc(100% - 280px);
    }

    .online-page .online-like-slider-video {
        width: 250px;
        height: 250px;
        margin: 10px 30px 0px 0px;
    }

    .online-like-slider-items-strip {
    }

    .online-page .our-school .questions_block {
        width: 680px;
        margin: 100px auto 0px;
        float: none;
    }

    .online-page .our-school .info_block {
        width: 100%;
        margin: 0px 0px 0px;
    }

    .online-page .online-footer-form {
        width: 100%;
        padding: 45px 0px 0px 320px;
    }
}

@media only screen and (max-width: 767px) {
    .online-page.header-block {
        background: url('/images/online/online_header_mobi.webp') calc(100% + 40px) -140px no-repeat;
        background-size: auto 400px;
    }

    .online-page .head_title {
        padding: 250px 0px 30px;
        max-width: 100%
    }

    .online-page.header-block .col-md-4.info-block {
        width: 100%;
        float: none;
    }

    .online-page .info-block .text {
        width: 90%;
        max-width: 300px;
        margin: 30px auto;
    }

    .online-page.video-info-block {
        background: url('/images/online/online_video_mobi.webp') 40% 0% no-repeat;
        background-size: auto 100%;
    }

    .online-page .online-video-block {
        width: 100%;
        margin: 170px auto;
    }

    .online-page .online-subscribe-form {
        padding: 60px 0px 0px 20px;
    }

    .online-page .benefit-block-title {
        text-align: center;
    }

    .online-page .advantage-block-bg {
        right: 30%;
    }

    .online-advantage-slider-items-strip,
    .online-page .online-advantage-slider .online-advantage-slider-item {
        height: 230px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) {
        height: 230px;
    }

    .online-begin-slider-items-strip {
        height: 370px;
    }

    .online-page .online-begin-slider .online-begin-slider-item {
        height: 350px;
    }

    .online-page.begin-block .text.online-begin-text {
        height: 300px;
    }

    .online-page .online-like-slider {
        margin: 50px 0px 50px;
    }

    .online-page .online-like-slider-video {
        width: 100%;
        margin: 10px 0px 20px 0px;
    }

    .online-page .online-like-slider-info {
        width: 100%;
    }

    .online-page .online-like-slider .online-like-slider-item {
        padding: 0px 0px;
    }

    .online-page .online-like-slider-video.video:before {
        border-radius: 31px;
    }
}

@media only screen and (max-width: 700px) {
    .faq-block {
        display: none;
    }

    .online-page .online-video-block {
        margin: 200px auto;
    }

    .online-page.subscribe-block,
    .online-page.footer-block {
        background: #1a004d;
        background: -moz-linear-gradient(top, #1a004d 0%, #240089 100%);
        background: -webkit-linear-gradient(top, #1a004d 0%, #240089 100%);
        background: linear-gradient(to bottom, #1a004d 0%, #240089 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a004d', endColorstr='#240089', GradientType=0);
    }

    .online-page.subscribe-block {
        height: auto;
    }

    .online-page .online-subscribe-img {
        position: absolute;
        width: 100%;
        height: 250px;
        background-size: contain;
    }

    .online-page .online-subscribe-form {
        padding: 250px 0px 0px 20px;
        width: 100%;
    }

    .online-page .online-subscribe-form {
        height: auto;
    }

    .online-page.come-back-block {
        background: url('/images/online/come_back_online.webp') 66% 300px no-repeat;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item {
        width: calc(100% - 25px);
        left: 200%;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1) {
        left: -100%;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) {
        left: 0%;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3) {
        left: 100%;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4) {
        left: 200%;
    }

    .online-begin-slider-items-strip {
        height: 250px;
        margin: 0px;
    }

    .online-page .online-begin-slider .online-begin-slider-item {
        width: calc(100% - 25px);
        left: 200%;
        height: 230px;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(1) {
        left: -100%;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(2) {
        left: 0%;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(3) {
        left: 100%;
    }

    .online-page .online-begin-slider .online-begin-slider-item:nth-child(4) {
        left: 200%;
    }

    .online-page.begin-block .text.online-begin-text {
        height: 420px;
    }

    .online-page .online-4-reasons-block {
        display: block;
    }

    .online-page .online-4-reasons {
        width: 100%;
    }

    .online-page .online-4-reasons-slider {
        margin: -70px 0px 0px;
    }

    .online-4-reasons-slider-items-strip {
        margin: 0px;
    }

    .online-page .online-4-reasons-slider .online-4-reasons-slider-item {
        padding: 65px 40px 15px 60px;
    }

    .online-page .online-4-reasons-slider .online-arrow-prev,
    .online-page .online-4-reasons-slider .online-arrow-next {
        bottom: -15px;
    }

    .online-page .come-back-block-video {
        margin: 0px 30px 40px 0px;
    }

    .online-page .online-like-slider {
        margin: 50px 0px 30px;
    }
}

@media only screen and (max-width: 650px) {
    .online-page .online-arrow-prev {
        left: 0px;
    }

    .online-page .online-arrow-next {
        right: 0px;
    }

    .online-page.video-info-block {
        height: auto;
        max-height: 710px;
    }

    .online-page.advantage-block {
        margin: 320px 0px 0px;
    }

    .online-page .advantage-block-bg {
        right: 0px;
        width: 100%;
    }

    .online-page .online-advantage-slider {
        width: 100%;
        margin: 120px 0px 120px;
    }

    .online-page .online-advantage-slider .online-arrow-prev,
    .online-page .online-advantage-slider .online-arrow-next {
        top: auto;
        bottom: -80px;
        left: 60px;
    }

    .online-page .online-advantage-slider .online-arrow-next {
        left: auto;
        right: 60px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-items {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .online-page .online-subscribe-form {
        padding: 250px 0px 20px 20px;
        width: 100%;
    }

    .online-page .come-back-block-item {
        float: none;
        width: 100%;
        height: auto;
        display: block;
    }

    .online-page .come-back-block-item .come-back-block-item-img {
        float: none;
        width: 100%;
        display: block;
        margin: 0px 0px 20px;
    }

    .online-page .come-back-block-item .text {
        text-align: center;
        display: block;
    }

    .online-begin-slider-items-strip {
        width: 100%;
        height: 270px;
    }

    .online-page .online-begin-slider .online-begin-slider-item {
        width: calc(100% - 20px);
        height: 250px;
        margin: 0px 10px;
    }

    .online-page.begin-block {
        background: url('/images/online/begin_online.webp') 53% 140px no-repeat;
    }

    .online-page.begin-block .text.online-begin-text {
        height: 420px;
        max-width: 100%;
    }

    .online-page .online-4-reasons {
        height: 380px;
        background-position: 50% 100%;
    }

    .online-page.come-back-block {
        background: url('/images/online/come_back_online.webp') 66% 320px no-repeat;
    }

    .online-page .come-back-block-video {
        width: 100%;
        background: url('/images/online/come-back-video-online.webp') 50% 100% no-repeat;
        background-size: contain;
        margin: 0px 0px 30px 0px;
    }

    .online-4-reasons-slider-items-strip {
        height: 280px;
    }

    .online-page .online-4-reasons-slider .online-4-reasons-slider-item {
        height: 260px;
    }

    .online-page .like-block-title {
        text-align: center;
    }

    .online-page.footer-block {
        height: auto;
    }

    .online-page .online-footer-block {
        display: block;
    }

    .online-page .online-footer-img,
    .online-page .online-subscribe-img {
        float: none;
        width: calc(100% - 30px);
    }

    .online-page .online-footer-form {
        padding: 280px 0px 50px 0px;
        float: none;
        height: auto;
        text-align: center;
    }

    .online-page .online-footer-form .text {
        margin: 0px auto 40px;
    }

    .online-page .online-footer-form a {
        margin-left: auto;
    }

    .online-video,
    .online-video iframe {
        height: auto;
        min-height: 300px;
    }
}

@media only screen and (max-width: 600px) {
    .online-page .online-subscribe-form {
        max-width: 300px;
        margin: 0px auto;
        text-align: center;
    }

    .online-page .online-subscribe-form .field .req_phone {
        margin: 0px 0px 30px 0px;
    }
}

@media only screen and (max-width: 500px) {
    .online-page.header-block {
        background-position: calc(100% + 210px) -140px;
    }

    .online-page .head_title h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .online-page .benefit-block-items {
        margin: 30px 0px 0px;
    }

    .online-page.video-info-block {
        margin: 40px 0px 20px;
        max-height: 500px;
    }

    .online-page .online-video-block {
        margin: 150px auto;
    }

    .online-page .online-advantage-slider {
        margin: 30px 0px 120px;
    }

    .online-page.advantage-block {
        margin: 250px 0px 0px;
    }

    .online-page .advantage-block-bg {
        background: url('/images/online/advantage_online.webp') 55% 0% no-repeat;
        width: 100%;
        height: 400px;
        position: absolute;
        top: -220px;
        background-size: 120%;
    }

    .online-page .advantage-block-title {
        margin: -60px 10px 0px;
        max-width: 260px;
    }

    .online-page.advantage-block {
        background-size: 100%;
    }

    .online-page .come-back-block-title {
        margin: 30px 0px 0px;
    }

    .online-page .come-back-block-video {
        margin: 0px 0px 90px 0px;
    }

    .online-page .online-video-block video {
        border: 0px solid #344a57;
        box-shadow: 0px 0px 0px 10px #344a57;
    }

    .online-page .online-begin-slider {
        margin: 50px 0px 70px;
    }

    .online-page .online-begin-slider-icon {
        float: none;
        margin: 0px auto;
    }

    .online-page .online-begin-slider-title {
        text-align: center;
    }

    .online-page .online-begin-slider .text {
        text-align: center;
    }

    .online-begin-slider-items-strip {
        height: 360px;
    }

    .online-page .online-begin-slider .online-begin-slider-item {
        height: 340px;
    }

    .online-page.begin-block .text.online-begin-text {
        height: 340px;
        width: 340px;
    }

    .online-page .begin-block-title2 {
        width: 340px;
        left: calc(50% - 170px);
    }

    .online-page .online-4-reasons {
        height: 300px;
    }

    .online-4-reasons-slider-items-strip {
        height: 340px;
    }

    .online-page .online-4-reasons-slider .online-4-reasons-slider-item {
        height: 320px;
        padding: 65px 30px 20px;
    }

    .online-page .online-like-slider .online-arrow-prev,
    .online-page .online-like-slider .online-arrow-next {
        top: auto;
        bottom: -70px;
        left: 60px;
    }

    .online-page .online-like-slider .online-arrow-next {
        left: auto;
        right: 60px;
    }

    .online-like-slider-items-strip {
        width: 100%;
    }

    .online-page .online-like-slider {
        margin: 50px 0px 110px;
    }

    .online-page .begin-block-title,
    .online-page .come-back-block-title {
        text-align: center;
    }

    .online-page .come-back-block-video::after {
        width: 100px;
        height: 100px;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
        background-size: contain;
    }

    .online-page .come-back-block-video {
        height: 250px;
    }

    .online-page .come-back-block-video .text {
        padding: 250px 0px 0px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4),
    .online-page .online-advantage-slider .online-advantage-slider-item {
        height: 250px;
    }

    .online-advantage-slider-items-strip {
        height: 270px;
    }

    .online-page .online-4-reasons-slider-title:before {
        left: -10px;
    }

    .online-page .online-4-reasons-slider-title {
        font-size: 16px;
        line-height: 22px;
        padding: 0px 0px 0px 35px;
    }

    .online-page .online-4-reasons-slider .online-4-reasons-slider-item {
        padding: 65px 22px 20px;
    }

    .online-video-block-panel {
        bottom: 0px;
        right: 0px;
    }
}

@media only screen and (max-width: 450px) {
    .online-page.video-info-block {
        max-height: 450px;
    }

    .online-page .online-video-block {
        margin: 130px auto;
    }
}

@media only screen and (max-width: 400px) {
    .online-page .head_title h1 {
        font-size: 22px;
        line-height: 22px;
    }

    .online-page .benefit-block-items {
        background-size: auto 280px;
    }

    .online-advantage-slider-items-strip {
        height: 280px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4),
    .online-page .online-advantage-slider .online-advantage-slider-item {
        height: 260px;
        padding: 20px 25px 15px;
    }

    .online-page .online-advantage-slider-title {
        font-size: 16px;
        line-height: 22px;
    }

    .online-begin-slider-items-strip {
        height: 380px;
    }

    .online-page .online-begin-slider .online-begin-slider-item {
        height: 360px;
    }

    .online-page.begin-block .text.online-begin-text {
        height: 270px;
        width: 300px;
    }

    .online-page .begin-block-title2 {
        width: 300px;
        left: calc(50% - 150px);
    }
}

@media only screen and (max-width: 360px) {
    .online-page.begin-block {
        background: url('/images/online/begin_online.webp') 53% 170px no-repeat;
    }

    .online-page.begin-block .text.online-begin-text {
        height: 250px;
        width: 260px;
    }

    .online-page .online-begin-slider {
        margin: 50px 0px 40px;
    }

    .online-advantage-slider-items-strip {
        height: 330px;
    }

    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3),
    .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4),
    .online-page .online-advantage-slider .online-advantage-slider-item {
        height: 310px;
    }

    .online-page.advantage-block {
        margin: 200px 0px 0px;
    }

    .online-page .advantage-block-bg {
        top: -180px;
        background-size: 140%;
    }

    .online-begin-slider-items-strip {
        height: 420px;
    }

    .online-page .online-begin-slider .online-begin-slider-item {
        height: 400px;
    }

    .online-4-reasons-slider-items-strip {
        height: 380px;
    }

    .online-page .online-4-reasons-slider .online-4-reasons-slider-item {
        height: 360px;
    }

    .online-page .benefit-block-items {
        background-size: 100%;
    }
}

/*КОНЕЦ Страница Онлайн*/

/*Страница Думай*/
.think-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.think-page {
    padding: 0px 0 320px;
    margin-top: 0px;
    background: url('/images/think/think_header.webp') 50% 0% no-repeat,
    url('/images/think/think_footer.webp') calc(50% + 200px) 100% no-repeat;
    overflow: hidden;
}

.think-page .title:before {
    content: "";
    position: absolute;
    left: -54px;
    top: -1px;
    width: 54px;
    height: 42px;
    background: url('/images/think/think_title.webp') 0% 0% no-repeat;
}

.think-page .title:after {
    content: "";
    position: absolute;
    right: -54px;
    top: -1px;
    width: 54px;
    height: 42px;
    background: url('/images/think/think_title2.webp') 0% 0% no-repeat;
}

.think-page .title {
    padding: 5px 0px 5px 10px;
    margin: 30px 0px 55px;
    height: 41px;
    background-color: #f3f3f3;
    display: inline-block;
    position: relative;
    color: #446e87;
    font-size: 28px;
    line-height: 26px;
}

.think-page .title_center {
    text-align: center;
}

.think-page .right {
    text-align: right;
}

.think-page .text {
    color: #888888;
    font-size: 16px;
    line-height: 22px;
}

.think-page .text p, .think-page .text ul {
    margin: 0px 0px 25px;
}

.think-page .text span {
    color: #3db39e;
    font-weight: 700;
}

.think-page .text ul li {
    padding: 0px 0px 10px 35px;
    list-style: none;
    background: url('/images/think/think_li.webp') 15px 6px no-repeat;
}

.think-page .text.bottom {
    width: 300px;
    margin: 120px 0px 0px;
}

.think-page .text.bottom span {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
}

.think-page .quote:before, .think-page .quote:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 20px;
    background: url('/images/think/think_quote.webp') 0% 0% no-repeat;
}

.think-page .quote:before {
    left: -41px;
    bottom: -15px;
}

.think-page .quote:after {
    right: 0px;
    top: -15px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.think-page .quote {
    position: relative;
    padding: 0px;
    margin: 55px 0px 55px;
    color: #446e87;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.think-page .quote.center {
    max-width: 785px;
    text-align: center;
    margin: auto;
}

.think-page .text_bold {
    color: #3db39e;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin: 0px 0px 25px 0px;
}

.think-page .head_title {
    padding: 300px 0px;
    max-width: 320px;
    text-align: center;
}

.think-page .head_title h1 {
    font-weight: 700;
    font-size: 58px;
    line-height: 58px;
    margin-bottom: 30px;
    text-align: left;
}

.think-page .head_title h1 span {
    color: #0095b6;
}

.think-page .col-md-6.img {
    height: 560px;
}

.think-page .think_img_b1 div {
    width: 100%;
    position: absolute;
    top: -100px;
    height: 545px;
}

.think-page .think_img_b1 .think_img_l1 {
    z-index: 1;
    background: url('/images/think/think_b1_l1.webp') 0% 0% no-repeat;
    background-size: contain;
}

.think-page .stars {
    border-radius: 100%;
    background: #ffffff;
}

.think-page .star1 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 90px;
    left: -70px;
}

.think-page .star2 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 120px;
    left: 110px;
}

.think-page .star3 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 220px;
    left: -55px;
}

.think-page .star4 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 320px;
    left: -110px;
}

.think-page .star5 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 170px;
    right: 70px;
}

.think-page .star6 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 210px;
    right: 300px;
}

.think-page .star7 {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 350px;
    right: 0px;
}

.think-page .star8 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 500px;
    right: 90px;
}

.think-page .star9 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 310px;
    right: 170px;
}

.think-page .star10 {
    width: 10px;
    height: 10px;
    position: absolute;
}

.think-page .star11 {
    width: 5px;
    height: 5px;
    position: absolute;
    background: #f8e160;
}

.think-page .star12 {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #f8e160;
}

.think-page .think-slider {
    width: 100%;
    margin: 30px 0px 50px;
}

.think-page .think-slider .think-slider-items {
    width: calc(100% - 30px);
    overflow: hidden;
    position: relative;
    padding: 0px 0px 0px 30px;
}

.think-slider-items-strip {
    width: 1060px;
    height: 413px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0px auto;
}

.think-page .think-slider .think-slider-item {
    width: 340px;
    height: 413px;
    margin: 0px 10px;
    cursor: pointer;
    position: absolute;
    left: 1400px;
    display: none;

    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all 0.5s linear 0s;
}

.think-page .think-slider .think-slider-item:hover {
    opacity: 0.8;
}

.think-page .think-slider .think-slider-item:nth-child(1) {
    left: -350px;
    display: block;
}

.think-page .think-slider .think-slider-item:nth-child(2) {
    left: 0px;
    display: block;
}

.think-page .think-slider .think-slider-item:nth-child(3) {
    left: 350px;
    display: block;
}

.think-page .think-slider .think-slider-item:nth-child(4) {
    left: 700px;
    display: block;
}

.think-page .think-slider .think-slider-item:nth-child(5) {
    left: 1050px;
    display: block;
}

.think-page .think-slider .think-slider-item:nth-child(6) {
    display: block;
}

.think-page .think-slider .think-slider-item:nth-child(7) {

}

.think-page .think-arrow-next,
.think-page .think-arrow-prev {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 8px);
    left: 20px;
    z-index: 3;
    width: 32px;
    height: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.think-page .think-arrow-next {
    left: auto;
    right: 20px;
}

.think-page .think-arrow-next .arrow:before,
.think-page .think-arrow-next .arrow:after,
.think-page .think-arrow-prev .arrow:before,
.think-page .think-arrow-prev .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #333;
    height: 2px;
    width: 20px;
    top: 0px;
    left: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.think-page .think-arrow-next .arrow:before,
.think-page .think-arrow-next .arrow:after {
    left: auto;
    right: 0px;
}

.think-page .think-arrow-next .arrow:after {
    top: 13px;
}

.think-page .think-arrow-next .arrow:before {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.think-page .think-arrow-prev .arrow:after {
    transform: translateY(1px) rotate(45deg);
    top: 13px;
}

.think-page .think-arrow-prev .arrow:before {
    right: 0;
}

.think-page .think-arrow-next .arrow:hover:after,
.think-page .think-arrow-prev .arrow:hover:before {
    transform: translateY(1px) rotate(135deg);
}

.think-page .think-arrow-next .arrow:hover:before,
.think-page .think-arrow-prev .arrow:hover:after {
    transform: translateY(1px) rotate(225deg);
}

.think-page .think-arrow-next .arrow,
.think-page .think-arrow-prev .arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.think-page .think-arrow-next .arrow .line,
.think-page .think-arrow-prev .arrow .line {
    position: absolute;
    display: block;
    background-color: #333;
    height: 2px;
    width: 25px;
    top: 7.5px;
    left: -40px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.think-page .think-arrow-prev .arrow .line {
    left: -12px;
}

.think-page .think-arrow-next .arrow:hover .line {
    opacity: 1;
    left: -28px;
}

.think-page .think-arrow-prev .arrow:hover .line {
    opacity: 1;
    left: -25px;
}

.think-page .think-button {
    min-height: 45px;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    cursor: pointer;
    background-color: #ff16a3;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    box-shadow: 0 5px 0 #b51067;
    position: relative;
    top: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0px;
}

.think-page .think-button:hover {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;

}

.think-video {
    height: calc(100vh - 40px);
    max-height: 600px;
    width: 100%;
}

.think-video iframe {
    height: 100%;
    width: 100%;
}

/*Адаптив*/
@media only screen and (max-width: 1199px) {
    .think-page .star3 {
        top: 160px;
        left: -50px
    }

    .think-page .star4 {
        top: 260px;
        left: -100px;
    }

    .think-page .star5 {
        top: 130px;
        right: 120px;
    }

    .think-page .star6 {
        top: 210px;
        right: 250px;
    }

    .think-page .star7 {
        top: 340px;
        right: -20px;
    }

    .think-page .star8 {
        top: 470px;
        right: 70px;
    }

    .think-page {
        padding: 0px 0 200px;
        background-size: auto, 800px auto;
    }

    .think-page .think_img_b1 div {
        margin-left: -20px;
    }

    .think-page .head_title {
        padding: 208px 0px 370px 50px;
    }

    .think-slider-items-strip {
        width: 880px;
        height: 341px;
    }

    .think-page .think-slider .think-slider-item {
        width: 280px;
        height: 341px;
        left: 1160px;
    }

    .think-page .think-slider .think-slider-item:nth-child(1) {
        left: -290px;
    }

    .think-page .think-slider .think-slider-item:nth-child(3) {
        left: 290px;
    }

    .think-page .think-slider .think-slider-item:nth-child(4) {
        left: 580px;
    }

    .think-page .think-slider .think-slider-item:nth-child(5) {
        left: 870px;
    }

    .think-page .text.bottom {
        margin: 100px 0px 0px;
    }
}

@media only screen and (max-width: 991px) {
    .think-page {
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 200% -2% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 200px) 100% no-repeat;
        background-size: 50% auto, auto 720px, calc(100% - 215px) auto;
    }

    .think-page .animation_header {
        display: none;
    }

    .think-page .head_title {
        padding: 140px 0px 250px 15%;
        max-width: 410px;
    }

    .think-page .col-md-6.img {
        height: auto;
    }

    .think-page .think_img_b1 {
        display: none;
    }

    .think-page .text ul li {
        padding: 0px 0px 0px 20px;
        background: url('/images/think/think_li.webp') 0px 8px no-repeat;
        margin: 0px;
    }

    .think-page .quote {
        text-align: center;
        padding: 0px 30px;
    }

    .think-page .quote::before {
        left: 0px;
    }

    .think-page .right {
        text-align: left;
    }

    .think-slider-items-strip {
        width: 658px;
        height: 251px;
    }

    .think-page .think-slider .think-slider-item {
        width: 206px;
        height: 251px;
        left: 864px;
    }

    .think-page .think-slider .think-slider-item:nth-child(1) {
        left: -216px;
    }

    .think-page .think-slider .think-slider-item:nth-child(3) {
        left: 216px;
    }

    .think-page .think-slider .think-slider-item:nth-child(4) {
        left: 432px;
    }

    .think-page .think-slider .think-slider-item:nth-child(5) {
        left: 648px;
    }
}

@media only screen and (max-width: 910px) {
    .think-page {
        padding: 0px 0 160px;
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 200% -2% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 200px) 100% no-repeat;
        background-size: 50% auto, auto 720px, calc(100% - 215px) auto;
    }
}

@media only screen and (max-width: 880px) {
    .think-page {
        padding: 0px 0 150px;
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 300% -2% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 200px) 100% no-repeat;
        background-size: 50% auto, auto 720px, calc(100% - 215px) auto;
    }
}

@media only screen and (max-width: 820px) {
    .think-page {
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 400% -2% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 200px) 100% no-repeat;
        background-size: 50% auto, auto 720px, calc(100% - 240px) auto;
    }

    .think-page .text.bottom {
        margin: 70px 0px 0px;
    }
}

@media only screen and (max-width: 790px) {
    .think-page {
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 460% -2% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 200px) 100% no-repeat;
        background-size: 50% auto, auto 720px, calc(100% - 240px) auto;
    }

    .think-page .head_title {
        padding: 140px 0px 250px 5%;
    }
}

@media only screen and (max-width: 767px) {
    .think-page {
        padding: 0px 0 400px;
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 250% -2% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 130px) 100% no-repeat;
        background-size: 50% auto, auto 600px, 120% auto;
    }

    .think-page .head_title {
        padding: 110px 0px 190px 5%;
        max-width: 360px;
    }

    .think-page .head_title h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .think-slider-items-strip {
        width: 442px;
    }
}

@media only screen and (max-width: 715px) {
    .think-page {
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 340px -2% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 130px) 100% no-repeat;
        background-size: 50% auto, auto 600px, 120% auto;
    }
}

@media only screen and (max-width: 675px) {
    .think-page .head_title h1 {
        font-size: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 635px) {
    .think-page {
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 290px -2% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 180px) 100% no-repeat;
        background-size: 60% auto, auto 600px, 140% auto;
    }

    .think-page .head_title {
        max-width: 300px;
    }
}

@media only screen and (max-width: 615px) {
    .think-page .head_title {
        padding: 110px 0px 220px 0%;
    }
}

@media only screen and (max-width: 605px) {
    .think-page .head_title {
        padding: 110px 0px 320px 0%;
    }

    .think-page .col-md-6.title_center_mobi {
        text-align: center;
    }
}

@media only screen and (max-width: 560px) {
    .think-slider-items-strip {
        width: 206px;
    }

    .think-page .think-slider .think-slider-item {
        margin: 0px 10px 0px 0px;
    }
}

@media only screen and (max-width: 530px) {
    .think-page {
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 180px 5% no-repeat,
        url('/images/think/think_footer.webp') calc(50% + 50px) 100% no-repeat;
        background-size: 70% auto, auto 600px, 140% auto;
    }

    .think-page .head_title {
        max-width: 300px;
    }

    .think-page .text.bottom {
        margin: 70px 0px 30px;
    }
}

@media only screen and (max-width: 500px) {
    .think-page {
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 160px 3% no-repeat,
        url('/images/think/think_footer.webp') 30% 100% no-repeat;
        background-size: 60% auto, auto 600px, 155% auto;
    }

    .think-page .head_title {
        padding: 70px 0px 390px 0%;
    }

    .think-page .text.bottom {
        width: 100%;
    }
}

@media only screen and (max-width: 460px) {
    .think-page {
        padding: 0px 0 380px;
    }
}

@media only screen and (max-width: 450px) {
    .think-page .head_title {
        padding: 50px 0px 350px 0%;
    }
}

@media only screen and (max-width: 420px) {
    .think-page {
        padding: 0px 0 360px;
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 120px 7% no-repeat,
        url('/images/think/think_footer.webp') 30% 100% no-repeat;
        background-size: 95% auto, auto 600px, 155% auto;
    }

    .think-page .head_title {
        padding: 150px 0px 440px 10px;
        max-width: 276px;
    }
}

@media only screen and (max-width: 460px) {
    .think-page {
        padding: 0px 0 340px;
    }
}

@media only screen and (max-width: 360px) {
    .think-page {
        padding: 0px 0 320px;
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 120px 5% no-repeat,
        url('/images/think/think_footer.webp') 30% 100% no-repeat;
        background-size: 95% auto, auto 600px, 155% auto;
    }

    .think-page .head_title {
        padding: 130px 0px 440px 0px;
    }
}

@media only screen and (max-width: 340px) {
    .think-page {
        padding: 0px 0 300px;
        background: url('/images/think/think_header1.webp') 0% -1% no-repeat,
        url('/images/think/think_header2.webp') 80px 5% no-repeat,
        url('/images/think/think_footer.webp') 30% 100% no-repeat;
        background-size: 95% auto, auto 600px, 155% auto;
    }

    .think-page .head_title {
        padding: 120px 0px 440px 40px;
        max-width: 230px;
    }

    .think-slider-items-strip {
        width: 190px;
        height: 232px;
    }

    .think-page .think-slider .think-slider-item {
        width: 190px;
        height: 232px;
        left: 800px;
    }

    .think-page .think-slider .think-slider-item:nth-child(1) {
        left: -200px;
    }

    .think-page .think-slider .think-slider-item:nth-child(3) {
        left: 200px;
    }

    .think-page .think-slider .think-slider-item:nth-child(4) {
        left: 400px;
    }

    .think-page .think-slider .think-slider-item:nth-child(5) {
        left: 600px;
    }
}

@media only screen and (min-width: 992px) {
    .think-page .star1 {
        -webkit-animation: pulsate 2s linear 0s infinite;
        animation: pulsate 2s linear 0s infinite;
    }

    .think-page .star2 {
        -webkit-animation: pulsate_small 1s linear 0s infinite;
        animation: pulsate_small 1s linear 0s infinite;
    }

    .think-page .star3 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .think-page .star4 {
        -webkit-animation: pulsate_small 1s linear 1s infinite;
        animation: pulsate_small 1s linear 1s infinite;
    }

    .think-page .star5 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .think-page .star6 {
        -webkit-animation: pulsate_small 2s linear 1s infinite;
        animation: pulsate_small 2s linear 1s infinite;
    }

    .think-page .star7 {
        -webkit-animation: pulsate 2s linear 1s infinite;
        animation: pulsate 2s linear 1s infinite;
    }

    .think-page .star8 {
        -webkit-animation: pulsate_small 1s linear 0.5s infinite;
        animation: pulsate_small 1s linear 0.5s infinite;
    }

    .think-page .star9 {
        -webkit-animation: pulsate_small 2s linear 0s infinite;
        animation: pulsate_small 2s linear 0s infinite;
    }

    .think-page .star10 {
        -webkit-animation: slide_star 10s linear 0s infinite;
        animation: slide_star 10s linear 0s infinite;
    }

    .think-page .star11 {
        -webkit-animation: slide_star2 10s linear 2s infinite;
        animation: slide_star2 10s linear 2s infinite;
    }

    .think-page .star12 {
        -webkit-animation: slide_star3 10s linear 4s infinite;
        animation: slide_star3 10s linear 4s infinite;
    }
}

/*Анимация*/
/*Звезды*/
@-webkit-keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 10px rgba(90, 156, 202, .5), 0 0 16px #5a9cca;
    }
}

@keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px 5px rgba(90, 156, 202, .5), 0 0 10px 5px #5a9cca;
    }
}

@-webkit-keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@-webkit-keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 1000px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 500px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

/*КОНЕЦ Страница Думай*/

/*Страница Отзывы партнеров*/
.partner-reviews-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.partner-reviews-page {
    padding: 0px 0px 0px;
    margin-top: 0px;
    position: relative;
}

.partner-reviews-page.top {
    background: url('/images/partner-reviews/partner-reviews-header.webp') 50% 0% no-repeat;
    overflow: hidden;
    padding: 0px 0px 15px;
}

.partner-reviews-page.center {
    background: url('/images/partner-reviews/partner-reviews-slider.webp') 50% 0% no-repeat;
    background-size: cover;
    min-height: 1080px;
    padding: 200px 0px 0px;
    margin: 0px 0px 0px;
    overflow: hidden;
}

.partner-reviews-page.bottom {
    padding: 0px 0 320px;
    background: url('/images/partner-reviews/partner-reviews-footer.webp') calc(50% + 250px) 100% no-repeat;
    min-height: 605px;
}

.partner-reviews-page .title:before {
    content: "";
    position: absolute;
    left: -54px;
    top: -1px;
    width: 54px;
    height: 100%;
    background: url('/images/partner-reviews/partner-reviews-title.webp') 0% 0% repeat-y;
}

.partner-reviews-page .title:after {
    content: "";
    position: absolute;
    right: -54px;
    top: -1px;
    width: 54px;
    height: 100%;
    background: url('/images/partner-reviews/partner-reviews-title2.webp') 0% 0% repeat-y;
}

.partner-reviews-page .title {
    padding: 5px 10px 5px 10px;
    margin: 30px 0px 55px;
    min-height: 41px;
    background-color: #32027c;
    display: inline-block;
    position: relative;
    color: #ffffff;
    font-size: 28px;
    line-height: 26px;
}

.partner-reviews-page .title_center {
    text-align: center;
}

.partner-reviews-page .partner-reviews_logo {
    margin: 60px 0px 0px;
}

.partner-reviews-page .partner-reviews_logo img {
    max-width: 100%;
}

.partner-reviews-page .right {
    text-align: right;
}

.partner-reviews-page .text {
    color: #888888;
    font-size: 16px;
    line-height: 22px;
}

.partner-reviews-page .text p, .partner-reviews-page .text ul {
    margin: 0px 0px 25px;
}

.partner-reviews-page .text span {
    color: #0493b4;
    font-weight: 700;
}

.partner-reviews-page .text a {
    color: #0493b4;
    text-decoration: underline;
}

.partner-reviews-page .text a:focus, .partner-reviews-page .text a:hover {
    color: #23527c;
    text-decoration: none;
}

.partner-reviews-page .text ul li {
    padding: 0px 0px 10px 35px;
    list-style: none;
    background: url('/images/partner-reviews/partner-reviews_li.webp') 15px 6px no-repeat;
}

.partner-reviews-page .text.bottom {
    width: 300px;
    margin: 120px 0px 0px;
}

.partner-reviews-page .text.bottom span {
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    color: #3b6e89;
}

.partner-reviews-page h1.partner-reviews-title {
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    padding: 40px 0px 140px;
}

.partner-reviews-page .partner-reviews-items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px 0px 50px;
}

.partner-reviews-page .partner-reviews-item {
    width: calc(33% - 27px);
    flex: 0 0 calc(33% - 27px);
    float: left;
    padding: 30px 45px 100px;
    margin: 35px 15px 0px;
    box-shadow: 0px 0px 35px rgba(151, 151, 151, 0.15);
    border-radius: 20px;
    position: relative;
}

.partner-reviews-page .partner-reviews-logo {
    width: 100%;
    height: 60px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0px 10px;
}

.partner-reviews-page .partner-reviews-desc {

}

.partner-reviews-page .partner-reviews-pic {
    position: absolute;
    bottom: 35px;
    min-width: 150px;
}

.partner-reviews-page .partner-reviews-pic .link {
    min-height: 45px;
    width: 100%;
    max-width: 150px;
    display: inline-block;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    cursor: pointer;
    background-color: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    top: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 20px 0px 0px;
}

.partner-reviews-page .partner-reviews-pic .link:hover {
    top: 3px;
    -webkit-box-shadow: 0 2px 0 #3b9376;
    box-shadow: 0 2px 0 #3b9376;
}

.partner-reviews-page .partner-reviews-slider {
    width: 100%;
    margin: 30px 0px 70px;
    position: relative;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-items {
    width: calc(100% - 30px);
    position: relative;
    padding: 0px 0px 0px 30px;
}

.partner-reviews-page .partner-reviews-slider-items-strip {
    width: calc(100% - 60px);
    height: 320px;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0px auto;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item {
    width: calc(25% - 20px);
    height: 345px;
    margin: 0px 10px;
    cursor: pointer;
    position: absolute;
    top: -90px;
    left: 150%;
    display: none;
    background: #ffffff;
    border: 12px solid #c9c0d9;
    border-radius: 25px;
    opacity: 1;
    padding: 20px 20px;
    text-align: center;
    transition: left 0.7s linear 0s, top 0.7s linear 0s;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) {
    left: -75%;
    display: block;
    opacity: 0;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) {
    left: -50%;
    display: block;
    opacity: 0.15;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) {
    top: -60px;
    left: -25%;
    display: block;
    opacity: 0.5;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) {
    top: -30px;
    left: 0px;
    display: block;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) {
    top: 0px;
    left: 25%;
    display: block;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6) {
    top: 0px;
    left: 50%;
    display: block;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7) {
    top: -30px;
    left: 75%;
    display: block !important;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8) {
    top: -60px;
    left: 100%;
    display: block;
    opacity: 0.5;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9) {
    left: 125%;
    display: block;
    opacity: 0.15;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) {
    left: 150%;
    display: block;
    opacity: 0.15;
}

.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1),
.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2),
.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3),
.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8),
.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9),
.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) {
    display: block;
}

.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4),
.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5),
.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6),
.partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7) {
    display: block;
}

.partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item-img {
    width: 80%;
    height: 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px auto 10px;
}

.partner-reviews-page .partner-reviews-arrow-next,
.partner-reviews-page .partner-reviews-arrow-prev {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 38px);
    left: 20px;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;

    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.partner-reviews-page .partner-reviews-arrow-next {
    left: auto;
    right: 20px;
}

.partner-reviews-page .partner-reviews-arrow-next .arrow:before,
.partner-reviews-page .partner-reviews-arrow-next .arrow:after,
.partner-reviews-page .partner-reviews-arrow-prev .arrow:before,
.partner-reviews-page .partner-reviews-arrow-prev .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #333333;
    height: 2px;
    width: 20px;
    top: 0px;
    left: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.partner-reviews-page .partner-reviews-arrow-next .arrow:before,
.partner-reviews-page .partner-reviews-arrow-next .arrow:after {
    left: auto;
    right: 0px;
}

.partner-reviews-page .partner-reviews-arrow-next .arrow:after {
    top: 13px;
}

.partner-reviews-page .partner-reviews-arrow-next .arrow:before {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.partner-reviews-page .partner-reviews-arrow-prev .arrow:after {
    transform: translateY(1px) rotate(45deg);
    top: 13px;
}

.partner-reviews-page .partner-reviews-arrow-prev .arrow:before {
    right: 0;
}

.partner-reviews-page .partner-reviews-arrow-next:hover,
.partner-reviews-page .partner-reviews-arrow-prev:hover,
.partner-reviews-page .partner-reviews-arrow-next:hover,
.partner-reviews-page .partner-reviews-arrow-prev:hover {
    background: #1b004e;
}

.partner-reviews-page .partner-reviews-arrow-next:hover .arrow:after,
.partner-reviews-page .partner-reviews-arrow-prev:hover .arrow:before {
    transform: translateY(1px) rotate(135deg);
    background-color: #ffffff;
}

.partner-reviews-page .partner-reviews-arrow-next:hover .arrow:before,
.partner-reviews-page .partner-reviews-arrow-prev:hover .arrow:after {
    transform: translateY(1px) rotate(225deg);
    background-color: #ffffff;
}

.partner-reviews-page .partner-reviews-arrow-next .arrow,
.partner-reviews-page .partner-reviews-arrow-prev .arrow {
    position: absolute;
    top: 16px;
    bottom: 0;
}

.partner-reviews-page .partner-reviews-arrow-next .arrow {
    right: 12px;
}

.partner-reviews-page .partner-reviews-arrow-prev .arrow {
    left: 12px;
}

.partner-reviews-page .partner-reviews-arrow-next .arrow .line,
.partner-reviews-page .partner-reviews-arrow-prev .arrow .line {
    position: absolute;
    display: block;
    background-color: #333333;
    height: 2px;
    width: 25px;
    top: 7.7px;
    left: -73px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.partner-reviews-page .partner-reviews-arrow-prev .arrow .line {
    left: -12px;
}

.partner-reviews-page .partner-reviews-arrow-next:hover .arrow .line {
    opacity: 1;
    left: -59px;
    background-color: #ffffff;
}

.partner-reviews-page .partner-reviews-arrow-prev:hover .arrow .line {
    opacity: 1;
    left: -26px;
    background-color: #ffffff;
}

.partner-reviews-page a.partner-reviews-button {
    min-height: 45px;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    cursor: pointer;
    background-color: #ff16a3;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    box-shadow: 0 5px 0 #b51067;
    position: relative;
    top: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0px;
}

.partner-reviews-page a.partner-reviews-button:hover {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;
    color: #fff;
}

.partner-reviews-page a.partner-reviews-button:focus {
    color: #fff;
}

.partner-reviews-page.top a.partner-reviews-button {
    margin: auto;
    display: block;
}

#galleryFormBlock .gallery-photo {
    display: table;
    text-align: center;
    margin: auto;
}

#galleryFormBlock .gallery-photo div.photo-block {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

#galleryFormBlock .gallery-photo img {
    display: block;
    margin: auto;
}

#galleryFormBlock .gallery-photo div.photo-block .gallery-sign-img span {
    padding: 4px;
    background-color: #0095b6;
    opacity: 0.7;
    border-radius: 5px;
    font-size: 18px;
}

@media only screen and (max-width: 1280px) {
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item {
        width: calc(33% - 20px);
        top: -120px;
        left: 65%;
        opacity: 0;
        height: 345px;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) {
        top: -90px;
        left: -66%;
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) {
        top: -60px;
        left: -33%;
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) {
        top: -30px;
        left: 0%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) {
        top: 0px;
        left: 33%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) {
        top: -30px;
        left: 66%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6) {
        top: -60px;
        left: 99%;
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7) {
        top: -90px;
        left: 132%;
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) {
        top: -120px;
        left: 165%;
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) {
        display: none;
    }

    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5) {
        display: block;
    }

}

/*Адаптив*/
@media only screen and (max-width: 1199px) {
    .partner-reviews-page.buttom {
        padding: 0px 0 200px;
        background-size: 800px auto;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item {
        width: calc(33% - 20px);
        top: -120px;
        left: 65%;
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) {
        top: -90px;
        left: -66%;
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) {
        top: -60px;
        left: -33%;
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) {
        top: -30px;
        left: 0%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) {
        top: 0px;
        left: 33%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) {
        top: -30px;
        left: 66%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6) {
        top: -60px;
        left: 99%;
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7) {
        top: -90px;
        left: 132%;
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) {
        top: -120px;
        left: 165%;
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) {
        display: none;
    }

    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5) {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .partner-reviews-page.top {
        background: url('/images/partner-reviews/partner-reviews-header2.webp') 50% 0% no-repeat;
    }

    .partner-reviews-page.center {
        margin: 0px 0px 0px;
    }

    .partner-reviews-page.bottom {
        padding: 0px 0 215px;
        background: url('/images/partner-reviews/partner-reviews-footer.webp') calc(50% + 300px) 100% no-repeat;
        background-size: auto 450px;
        min-height: 450px;
    }

    .partner-reviews-page .partner-reviews-item {
        width: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item {
        width: calc(50% - 20px);
        top: -60px;
        left: 65%;
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) {
        top: -60px;
        left: -100%;
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) {
        top: -30px;
        left: -50%;
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) {
        top: 0px;
        left: 0%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) {
        top: 0px;
        left: 50%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) {
        top: -30px;
        left: 100%;
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6) {
        top: -60px;
        left: 150%;
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) {
        top: -90px;
        left: 200%;
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) {
        display: none;
    }

    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4) {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    #galleryFormBlock .gallery-photo div.photo-block .gallery-sign-img span {
        font-size: 14px;
    }

    .partner-reviews-page .partner-reviews-slider-items-strip {
        min-height: 320px;
        height: auto;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item {
        width: calc(50% - 20px);
        top: -60px;
        left: calc(125% - 10px);
        opacity: 0;
        min-height: 320px;
        height: auto;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) {
        top: -60px;
        left: calc(-75% - 10px);
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) {
        top: -30px;
        left: calc(-25% - 10px);
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) {
        top: 0px;
        left: calc(25% - 10px);
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) {
        top: -30px;
        left: calc(75% - 10px);
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) {
        top: -60px;
        left: calc(125% - 10px);
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) {
        top: -90px;
        left: calc(100% - 10px);
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) {
        display: none;
    }

    .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3) {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .partner-reviews-page .partner-reviews-item {
        width: calc(50% - 35px);
        flex: 0 0 calc(50% - 35px);
    }

    .partner-reviews-page .partner-reviews-desc {
        white-space: pre-wrap;
        word-wrap: anywhere;
    }

    .partner-reviews-page.bottom {
        padding: 0px 0 215px;
        background: url('/images/partner-reviews/partner-reviews-footer.webp') calc(50% + 320px) 100% no-repeat;
        background-size: auto 420px;
        min-height: 420px;
        height: 420px;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item {
        width: calc(70% - 20px);
        top: -60px;
        left: calc(225% - 10px);
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) {
        top: -60px;
        left: calc(-125% - 10px);
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) {
        top: -30px;
        left: calc(-55% - 10px);
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) {
        top: 0px;
        left: calc(15% - 10px);
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) {
        top: -30px;
        left: calc(85% - 10px);
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) {
        top: -60px;
        left: calc(155% - 10px);
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) {
        top: -90px;
        left: calc(225% - 10px);
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) {
        display: none !important;
        border: 1px solid #ff0000;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) {
        display: block !important;
    }
}

@media only screen and (max-width: 530px) {
    .partner-reviews-page .partner-reviews-item {
        width: calc(100% - 0px);
        flex: 0 0 calc(100% - 0px);
        margin: 30px 0px 0px;
    }

    .partner-reviews-page .partner-reviews-logo {
        background-position: 50% 0px;
    }

    .partner-reviews-page .partner-reviews-desc {
        text-align: center;
    }

    .partner-reviews-page .partner-reviews-pic {
        min-width: calc(100% - 90px);
        text-align: center;
    }

    .partner-reviews-page.bottom {
        background: url('/images/partner-reviews/partner-reviews-footer.webp') calc(50% + 70px) 100% no-repeat;
        background-size: 140% auto;
        padding: 0px 0px 400px;
        min-height: 530px;
    }

    .partner-reviews-page .text.bottom {
        margin: 30px 0px 30px;
        width: 100%;
        text-align: center;
    }

    .partner-reviews-page .text.bottom a.partner-reviews-button {
        margin: 0px auto;
        display: block;
    }
}

@media only screen and (max-width: 500px) {
    .partner-reviews-page .partner-reviews-arrow-prev {
        left: 0px;
    }

    .partner-reviews-page .partner-reviews-arrow-next {
        right: 0px;
    }
}

@media only screen and (max-width: 450px) {
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item {
        width: calc(100% - 20px);
        top: -60px;
        left: 300%;
        opacity: 0;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) {
        top: -60px;
        left: -200%;
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) {
        top: -30px;
        left: -100%;
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) {
        top: 0px;
        left: 0%;
        opacity: 1;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) {
        top: -30px;
        left: 100%;
        opacity: 0.5;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) {
        top: -60px;
        left: 200%;
        opacity: 0.15;
    }

    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9),
    .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) {
        top: -90px;
        left: 300%;
        opacity: 0;
    }

    .partner-reviews-page.bottom {
        min-height: 500px;
    }
}

@media only screen and (max-width: 420px) {
    .partner-reviews-page.bottom {
        background: url('/images/partner-reviews/partner-reviews-footer.webp') calc(50% + 50px) 100% no-repeat;
        background-size: 140% auto;
        min-height: 470px;
    }
}

@media only screen and (max-width: 360px) {
    .partner-reviews-page.bottom {
        min-height: 430px;
    }
}

/*КОНЕЦ Страница Отзывы партнеров*/

/*Галерея*/
.gallery-page {
    width: 100%;
    min-height: 625px;
    background: #ffffff;
    margin: -20px 0px 0px;
    padding: 0px 0px 650px;
    position: relative;
    background: url('/images/gallery/header-bg.webp') 50% 0% no-repeat,
    url('/images/gallery/footer-bg.webp') 50% 100% no-repeat;
}

.gallery-page .gallery-title {
    color: #ffffff;
    padding: 40px 0px 190px;
}

.gallery-page .gallery-filter {
    display: flex;
}

.gallery-page .gallery-filter .gallery-category{
    font-size: 18px;
    text-transform: uppercase;
    color: #e2e2e2;
    padding: 10px 20px;
    border-bottom: 2px solid #e2e2e2;
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s linear 0s;
}
.gallery-page .gallery-filter .gallery-category h2{
    color: #e2e2e2;
    font-weight: normal;
    font-size: 18px;
    margin: 0px;
}

.gallery-page .gallery-filter .gallery-category.open,
.gallery-page .gallery-filter .gallery-category:hover {
    color: #0096b8;
    border-bottom: 2px solid #0096b8;
}
.gallery-page .gallery-filter .gallery-category.open h2{
    color: #0096b8;
}
.gallery-page .gallery-filter .gallery-category:hover h2{
    color: #0096b8;
}

.gallery-page .gallery-filter .gallery-category-empty {
    width: calc(100% - 30px);
    height: 100%;
    border-bottom: 2px solid #e2e2e2;
    position: absolute;
    z-index: 1;
}

.gallery-page .gallery-album {
    margin: 50px 0px 0px;
    color: #2b4554;
}

.gallery-page .gallery-album .gallery-album-name {

}

.gallery-page .gallery-album .gallery-album-name h3.album-name {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: contents;
}

.gallery-page .gallery-album .gallery-album-date {
    margin: 5px 0px 0px;
}

.gallery-page .gallery-album .gallery-album-photo {
    width: calc(100% + 5px);
    height: 375px;
    padding: 20px 0px;
    display: flex;
    position: relative;
}

.gallery-page .gallery-album .gallery-album-photo-cover,
.gallery-page .gallery-album .gallery-album-photo-item {
    width: 345px;
    height: 345px;
    padding: 0px;
    margin: 0px 15px 0px 0px;
    border-radius: 10px;
    box-shadow: 3px 4px 8px rgba(49, 48, 61, 0.3);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.gallery-page .gallery-album .gallery-album-photo-cover-text {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(114, 195, 213, 0) 40%, rgba(4, 148, 180, 0.52) 71%, rgba(43, 69, 84, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(114, 195, 213, 0)), color-stop(71%, rgba(4, 148, 180, 0.52)), color-stop(100%, rgba(43, 69, 84, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(114, 195, 213, 0) 40%, rgba(4, 148, 180, 0.52) 71%, rgba(43, 69, 84, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(114, 195, 213, 0) 40%, rgba(4, 148, 180, 0.52) 71%, rgba(43, 69, 84, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(114, 195, 213, 0) 40%, rgba(4, 148, 180, 0.52) 71%, rgba(43, 69, 84, 1) 100%);
    display: table;
    padding: 25px;
}

.gallery-page .gallery-album .gallery-album-photo-cover-description {
    display: table-cell;
    vertical-align: bottom;
    color: #fff;
}

.gallery-page .gallery-album .gallery-album-photo-cover-title {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.gallery-page .gallery-album .gallery-album-photo-items {
    width: calc(100% - 365px);
    overflow: hidden;
    height: 355px;
    position: relative;
}

.gallery-page .gallery-album .gallery-album-photo-items-strip {
    width: 975px;
    height: 180px;
    display: flex;
    transition: all 0.5s linear 0s;
    margin-left: -180px;
    margin-left: 0px;
}

.gallery-page .gallery-album .gallery-album-photo-item {
    width: 165px;
    height: 165px;
    box-shadow: 2px 4px 6px rgba(49, 48, 61, 0.3);
    background-size: cover;
    flex: 0 0 165px;
    cursor: pointer;
}

.gallery-page .gallery-album .gallery-album-photo-item:hover {
    opacity: 0.8;
}

.gallery-page .gallery-album .gallery-album-photo-item.full {
    width: 233px;
    flex: 0 0 233px;
}

.gallery-page .gallery-album .gallery-album-button {
    font-size: 16px;
    color: #2b4554;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    padding: 11px 40px;
    margin: 20px 0px 0px;
    display: inline-block;
    border: 2px solid #e2e2e2;
    border-radius: 40px;
    float: right;
}

.gallery-page .gallery-album .gallery-album-button:hover {
    opacity: 0.8;
}

.gallery-page .gallery-album .gallery-arrow-next,
.gallery-page .gallery-album .gallery-arrow-prev {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 19px);
    left: 345px;
    z-index: 3;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.13);
}

.gallery-page .gallery-album .gallery-arrow-next {
    left: auto;
    right: 0px;
}

.gallery-page .gallery-album .gallery-arrow-next .arrow:before,
.gallery-page .gallery-album .gallery-arrow-next .arrow:after,
.gallery-page .gallery-album .gallery-arrow-prev .arrow:before,
.gallery-page .gallery-album .gallery-arrow-prev .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #e2e2e2;
    height: 2px;
    width: 16px;
    top: calc(50% - 7px);
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.gallery-page .gallery-album .gallery-arrow-next .arrow:before,
.gallery-page .gallery-album .gallery-arrow-next .arrow:after {
    background-color: rgb(61, 179, 158);
}

.gallery-page .gallery-album .gallery-arrow-next.left .arrow:before,
.gallery-page .gallery-album .gallery-arrow-next.left .arrow:after {
    background-color: #e2e2e2;
}

.gallery-page .gallery-album .gallery-arrow-prev.left .arrow:before,
.gallery-page .gallery-album .gallery-arrow-prev.left .arrow:after {
    background-color: rgb(61, 179, 158);
}

.gallery-page .gallery-album .gallery-arrow-next .arrow:before {
    left: 2px;
    transform: translateY(1px) rotate(45deg);
}

.gallery-page .gallery-album .gallery-arrow-next .arrow:after {
    top: calc(50% + 3px);
    left: 2px;
}

.gallery-page .gallery-album .gallery-arrow-prev .arrow:after {
    transform: translateY(1px) rotate(45deg);
    top: calc(50% + 3px);
}

.gallery-page .gallery-album .gallery-arrow-next:hover .arrow:after,
.gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow:before {
    transform: translateY(1px) rotate(135deg);
}

.gallery-page .gallery-album .gallery-arrow-next:hover .arrow:before,
.gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow:after {
    transform: translateY(1px) rotate(225deg);
}

.gallery-page .gallery-album .gallery-arrow-next:hover .arrow:before,
.gallery-page .gallery-album .gallery-arrow-next:hover .arrow:after {
    left: 9px;
}

.gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow:after,
.gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow:before {
    left: -6px;
}

.gallery-page .gallery-album .gallery-arrow-next.left:hover .arrow:before {
    transform: translateY(1px) rotate(45deg);
}

.gallery-page .gallery-album .gallery-arrow-next.left:hover .arrow:after {
    transform: translateY(1px) rotate(-45deg);
}

.gallery-page .gallery-album .gallery-arrow-next .arrow,
.gallery-page .gallery-album .gallery-arrow-prev .arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 25px;
    margin: auto;
}

.gallery-page .gallery-album .gallery-arrow-next .arrow .line,
.gallery-page .gallery-album .gallery-arrow-prev .arrow .line {
    position: absolute;
    display: block;
    background-color: #e2e2e2;
    height: 2px;
    width: 25px;
    top: 11px;
    left: -10px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.gallery-page .gallery-album .gallery-arrow-next .arrow .line {
    left: -57px;
    background-color: rgb(61, 179, 158);
}

.gallery-page .gallery-album .gallery-arrow-next.left .arrow .line {
    background-color: #e2e2e2;
}

.gallery-page .gallery-album .gallery-arrow-prev.left .arrow .line {
    background-color: rgb(61, 179, 158);
}

.gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow .line {
    opacity: 1;
    left: -32px;
}

.gallery-page .gallery-album .gallery-arrow-next:hover .arrow .line {
    opacity: 1;
    left: -32px;
}

.gallery-page .gallery-album .gallery-arrow-next.left:hover .arrow .line {
    opacity: 0;
}

.gallery-page .gallery-album .clear {
    clear: both;
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}

.gallery-page .btn-green-color {
    margin: 50px 0px 0px;
}

.gallery-form-block .gallery-photo img {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
    display: block;
}

@media only screen and (max-width: 1199px) {
    .gallery-page .gallery-album .gallery-album-photo {
        height: 325px;
    }

    .gallery-page .gallery-album .gallery-album-photo-items-strip {
        height: 155px;
        width: 820px;
    }

    .gallery-page .gallery-album .gallery-album-photo-items {
        width: calc(100% - 295px);
        height: 305px;
    }

    .gallery-page .gallery-album .gallery-album-photo-item {
        width: 140px;
        height: 140px;
        flex: 0 0 140px;
    }

    .gallery-page .gallery-album .gallery-album-photo-item.full {
        width: 168px;
        flex: 0 0 168px;
    }

    .gallery-page .gallery-album .gallery-album-photo-cover {
        width: 295px;
        height: 295px;
    }

    .gallery-page .gallery-album .gallery-arrow-prev {
        left: 275px;
    }
}

@media only screen and (max-width: 991px) {
    .gallery-page .gallery-title {
        padding: 40px 0px 150px;
    }

    .gallery-page .gallery-album .gallery-album-photo {
        height: 310px;
    }

    .gallery-page .gallery-album .gallery-album-photo-items-strip {
        height: 135px;
        width: 805px;
    }

    .gallery-page .gallery-album .gallery-album-photo-items {
        width: calc(100% - 270px);
        height: 270px;
    }

    .gallery-page .gallery-album .gallery-album-photo-item {
        width: 120px;
        height: 120px;
        flex: 0 0 120px;
    }

    .gallery-page .gallery-album .gallery-album-photo-item.full {
        width: 253px;
        flex: 0 0 253px;
    }

    .gallery-page .gallery-album .gallery-album-photo-cover {
        width: 255px;
        height: 255px;
    }

    .gallery-page .gallery-album .gallery-arrow-prev {
        left: 235px;
    }

    .gallery-page .btn-green-color {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .gallery-page {
        margin: -40px 0px 0px;
        padding: 0px 0px 410px;
        background: url("/images/gallery/header-bg.webp") 50% 0% no-repeat, url("/images/gallery/footer-bg.webp") calc(50% + 10px) 100% no-repeat;
        background-size: auto auto, auto 450px;
    }

    .gallery-page .gallery-title {
        padding: 60px 0px 120px;
    }

    .gallery-page .gallery-album .gallery-album-photo-items,
    .gallery-page .gallery-album .gallery-arrow-prev,
    .gallery-page .gallery-album .gallery-arrow-next {
        display: none;
    }

    .gallery-page .gallery-album .gallery-album-name {
        text-align: center;
    }

    .gallery-page .gallery-album .gallery-album-name h3.album-name {
        display: block;
        width: 100%;
        text-align: center;
    }

    .gallery-page .gallery-album .gallery-album-name span.def {
        display: none;
    }

    .gallery-page .gallery-album .gallery-album-date {
        width: 135px;
        margin: auto;
    }

    .gallery-page .gallery-album .gallery-album-photo {
        height: 470px;
    }

    .gallery-page .gallery-album .gallery-album-photo-cover {
        width: 100%;
        height: 440px;
        margin: 0px 0px 0px 0px;
    }

    .gallery-page .gallery-album .gallery-album-button {
        float: none;
        margin: 20px auto 0px;
        display: table;
    }

    .gallery-page .gallery-filter {
        display: block;
    }

    .gallery-page .gallery-filter .gallery-category {
        display: block;
        width: 100%;
    }

    .gallery-page .gallery-filter .gallery-category-empty {
        height: 0%;
        border-bottom: 0px solid #e2e2e2;
    }
}

@media only screen and (max-width: 500px) {
    .gallery-page {
        margin: -50px 0px 0px;
    }

    .gallery-page .gallery-title {
        padding: 60px 0px 110px;
    }
}

@media only screen and (max-width: 414px) {
    .gallery-page {
        background: url("/images/gallery/header-bg-mob.webp") 50% 0% no-repeat, url("/images/gallery/footer-bg.webp") calc(50% + 10px) 100% no-repeat;
        background-size: auto auto, auto 450px;
    }

    .gallery-page .gallery-title {
        padding: 60px 0px 150px;
        font-size: 22px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 400px) {
    .gallery-page .gallery-album .gallery-album-photo {
        height: 300px;
    }

    .gallery-page .gallery-album .gallery-album-photo-cover {
        height: 260px;
    }
}

.gallery-page.detail {
    width: 100%;
    min-height: 625px;
    background: #ffffff;
    margin: -20px 0px 0px;
    padding: 0px 0px 650px;
    position: relative;
    background: url('/images/gallery/header-bg.webp') 50% 0% no-repeat,
    url('/images/gallery/footer-bg.webp') 50% 100% no-repeat;
}

.gallery-page.detail .gallery-title {
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    padding: 40px 0px 190px;
}

.gallery-page.detail .gallery-album {
    max-width: 100%;
    text-align: center;
}

.gallery-page.detail .gallery-album-photo {
    width: 165px;
    height: 165px;
    box-shadow: 2px 4px 6px rgba(49, 48, 61, 0.3);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    margin: 10px;
}

.gallery-page.detail .btn-green-color {
    margin: 50px 0px 0px;
}

.gallery-form-block .gallery-photo img {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
    display: block;
}

@media only screen and (max-width: 991px) {
    .gallery-page.detail .gallery-title {
        padding: 40px 0px 150px;
    }

    .btn-green-color {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .gallery-page.detail {
        margin: -40px 0px 0px;
        padding: 0px 0px 410px;
        background: url("/images/gallery/header-bg.webp") 50% 0% no-repeat, url("/images/gallery/footer-bg.webp") calc(50% + 10px) 100% no-repeat;
        background-size: auto auto, auto 450px;
    }

    .gallery-page.detail .gallery-title {
        padding: 40px 0px 140px;
    }
}

@media only screen and (max-width: 500px) {
    .gallery-page.detail {
        margin: -50px 0px 0px;
    }

    .gallery-page.detail .gallery-title {
        padding: 40px 0px 130px;
    }
}

@media only screen and (max-width: 414px) {
    .gallery-page.detail {
        background: url("/images/gallery/header-bg-mob.webp") 50% 0% no-repeat, url("/images/gallery/footer-bg.webp") calc(50% + 10px) 100% no-repeat;
        background-size: auto auto, auto 450px;
    }

    .gallery-page.detail .gallery-title {
        padding: 30px 0px 150px;
        width: 240px;
        margin: auto;
        word-wrap: normal;
        word-break: normal;
        line-break: auto;
        hyphens: manual;
        overflow-wrap: break-word;
        font-size: 22px;
        line-height: 32px;
        overflow: hidden;
        height: 80px;
    }
}

/*КОНЕЦ Галерея*/
.text_courses ul li:before {
    content: "";
    position: absolute;
    left: -18px;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #0096b8;
}

.text_courses ul li {
    list-style: none;
    margin: 0px 0px 0px 20px;
    position: relative;
}

.text_courses span {
    color: #0493b4;
    font-weight: 700;
}

.text_courses h2 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.link.anim {
    position: relative;
    z-index: 2;
    display: block;
    overflow: inherit;

    display: block;
    cursor: pointer;
    background-color: #0494b4;
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: 0 5px 0 #0484ac;
    position: relative;
    top: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
    max-width: 334px;
    margin: 15px auto;
}

.link.link2.anim:hover {
    top: 3px;
    box-shadow: 0 2px 0 #0484ac;
}

.link.link2.primary.anim:hover {
    top: 3px;
    box-shadow: 0 2px 0 #b51067;
}

.link.link2.anim:before {
    display: none;
}

.link.link2.anim:before {
    position: absolute;
    content: "";
    top: -4px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 8px);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2em;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
    display: block;
}

.link.link2.anim div,
.btn-green-color.anim div {
    transform: translate3d(0, 0, 0);
}

.link.link2.anim,
.btn-green-color.anim {
    animation: phone-outer 6000ms infinite;
}

.link.link2.anim:before,
.btn-green-color.anim:before {
    animation: phone-inner 6000ms infinite;
}

.link.link2.anim div,
.btn-green-color.anim div {
    animation: phone-icon 3000ms infinite;
}

@keyframes phone-outer {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    25% {
        transform: translate3d(0, 0, 0) scale(1.03);
    }
    55% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes phone-inner {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(0);
    }
    25% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(0.9);
    }
    55% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(0);
    }
}

@keyframes phone-icon {
    0% {
        transform: translate3d(0px, 0, 0);
    }
    2% {
        transform: translate3d(2px, 0, 0);
    }
    4% {
        transform: translate3d(-2px, 0, 0);
    }
    6% {
        transform: translate3d(2px, 0, 0);
    }
    8% {
        transform: translate3d(-2px, 0, 0);
    }
    10% {
        transform: translate3d(2px, 0, 0);
    }
    12% {
        transform: translate3d(-2px, 0, 0);
    }
    14% {
        transform: translate3d(2px, 0, 0);
    }
    16% {
        transform: translate3d(-2px, 0, 0);
    }
    18% {
        transform: translate3d(2px, 0, 0);
    }
    20% {
        transform: translate3d(-2px, 0, 0);
    }
    22% {
        transform: translate3d(2px, 0, 0);
    }
    24% {
        transform: translate3d(-2px, 0, 0);
    }
    26% {
        transform: translate3d(2px, 0, 0);
    }
    28% {
        transform: translate3d(-2px, 0, 0);
    }
    30% {
        transform: translate3d(2px, 0, 0);
    }
    32% {
        transform: translate3d(-2px, 0, 0);
    }
    34% {
        transform: translate3d(0em, 0, 0);
    }
}

.animation_block_contacts {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 1080px;
    position: absolute;
    top: -150px;
}

.info_contacts.contacts-page .animation_block_contacts {
    top: -130px;
}

#animation_container_contacts_block {
    width: 1920px;
    height: 1080px;
    left: 50%;
    margin: 0px 0px 0px -960px;
    position: relative;
}

#canvas_contacts_block {
    position: absolute;
    display: block;
}

#dom_overlay_container_contacts_block {
    pointer-events: none;
    overflow: hidden;
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .animation_block_contacts {
        display: none;
    }

    #info_contacts .wanna-be-better {
        background: url('/images/contacts/contacts-bg2-mob.webp') 50% 100% no-repeat;
    }
}


/*Movavi*/
.movavi-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.movavi-page {
    padding: 0px 0px 0px;
    margin-top: 0px;
    position: relative;
}

.movavi-page.top {
    background: url('/images/movavi/movavi_header.webp') 50% 0% no-repeat;
    overflow: hidden;
}

.movavi-page.center {
    background: url('/images/movavi/movavi_slider.webp') 50% 0% no-repeat;
    background-size: cover;
}

.movavi-page.bottom {
    padding: 0px 0 320px;
    background: url("/images/movavi/movavi_photo_bg.webp") 50% 0% no-repeat, url("/images/movavi/movavi_footer.webp") calc(50% + 200px) 100% no-repeat;
}

.movavi-page .title:before {
    content: "";
    position: absolute;
    left: -54px;
    top: -1px;
    width: 54px;
    height: 100%;
    background: url('/images/movavi/movavi_title.webp') 0% 0% repeat-y;
}

.movavi-page .title:after {
    content: "";
    position: absolute;
    right: -54px;
    top: -1px;
    width: 54px;
    height: 100%;
    background: url('/images/movavi/movavi_title2.webp') 0% 0% repeat-y;
}

.movavi-page .title {
    padding: 5px 0px 5px 10px;
    margin: 30px 0px 55px;
    min-height: 41px;
    background-color: #f3f3f3;
    display: inline-block;
    position: relative;
    color: #446e87;
    font-size: 28px;
    line-height: 26px;
}

.movavi-page .title_center {
    text-align: center;
}

.movavi-page .movavi_logo {
    margin: 60px 0px 0px;
}

.movavi-page .movavi_logo img {
    max-width: 100%;
}

.movavi-page .right {
    text-align: right;
}

.movavi-page .text {
    color: #888888;
    font-size: 16px;
    line-height: 22px;
}

.movavi-page .text p, .movavi-page .text ul {
    margin: 0px 0px 25px;
}

.movavi-page .text span {
    color: #0493b4;
    font-weight: 700;
}

.movavi-page .text a {
    color: #0493b4;
    text-decoration: underline;
}

.movavi-page .text a:focus, .movavi-page .text a:hover {
    color: #23527c;
    text-decoration: none;
}

.movavi-page .text ul li,
.movavi-slider-item ul li {
    padding: 0px 0px 10px 35px;
    list-style: none;
    background: url('/images/movavi/movavi_li.webp') 15px 6px no-repeat;
}

.movavi-page .text.bottom {
    width: 300px;
    margin: 120px 0px 0px;
}

.movavi-page .text.bottom span {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    color: #3db39e;
}

.movavi-page .quote:before, .movavi-page .quote:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 20px;
    background: url('/images/movavi/movavi_quote.webp') 0% 0% no-repeat;
}

.movavi-page .quote:before {
    left: -41px;
    bottom: -15px;
}

.movavi-page .quote:after {
    right: -40px;
    top: -15px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.movavi-page .quote {
    position: relative;
    padding: 0px;
    margin: 55px 0px 55px;
    color: #446e87;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.movavi-page .quote.center {
    max-width: 710px;
    text-align: center;
    margin: auto;
}

.movavi-page .text_bold {
    color: #3db39e;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin: 0px 0px 25px 0px;
}

.movavi-page .head_title {
    padding: 300px 0px 240px;
    max-width: 345px;
    text-align: left;
}

.movavi-page .head_title h1 {
    font-weight: 700;
    font-size: 58px;
    line-height: 58px;
    margin-bottom: 30px;
    text-align: left;
}

.movavi-page .head_title h1 span {
    color: #0095b6;
}

.movavi-page .col-md-6.img {
    height: 560px;
}

.movavi-page .movavi_img_b1 div {
    width: 100%;
    position: absolute;
    top: -100px;
    height: 545px;
}

.movavi-page .movavi_img_b1 .movavi_img_l1 {
    z-index: 1;
    background: url('/images/movavi/movavi_b1_l1.webp') 0% 0% no-repeat;
    background-size: contain;
}

.movavi-page .stars {
    border-radius: 100%;
    background: #ffffff;
}

.movavi-page .star1 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 90px;
    left: -70px;
}

.movavi-page .star2 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 120px;
    left: 110px;
}

.movavi-page .star3 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 220px;
    left: -55px;
}

.movavi-page .star4 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 320px;
    left: -110px;
}

.movavi-page .star5 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 170px;
    right: 70px;
}

.movavi-page .star6 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 210px;
    right: 300px;
}

.movavi-page .star7 {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 350px;
    right: 0px;
}

.movavi-page .star8 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 500px;
    right: 90px;
}

.movavi-page .star9 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 310px;
    right: 170px;
}

.movavi-page .star10 {
    width: 10px;
    height: 10px;
    position: absolute;
}

.movavi-page .star11 {
    width: 5px;
    height: 5px;
    position: absolute;
    background: #f8e160;
}

.movavi-page .star12 {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #f8e160;
}

.movavi-page .movavi-slider {
    width: 100%;
    margin: 200px 0px 70px;
}

.movavi-page .movavi-slider .movavi-slider-items {
    width: calc(100% - 30px);
    overflow: hidden;
    position: relative;
    padding: 0px 0px 0px 30px;
}

.movavi-page .movavi-slider-items-strip {
    width: calc(100% - 60px);
    height: 560px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0px auto;
}

.movavi-page .movavi-slider .movavi-slider-item {
    width: 100%;
    height: 560px;
    margin: 0px 10px;
    cursor: pointer;
    position: absolute;
    left: calc(100% + 40px);
    display: none;

    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all 0.5s linear 0s;
}

.movavi-page .movavi-slider .movavi-slider-item:nth-child(1) {
    left: calc(-100% - 40px);
    display: block;
}

.movavi-page .movavi-slider .movavi-slider-item:nth-child(2) {
    left: 0px;
    display: block;
}

.movavi-page .movavi-slider .movavi-slider-item:nth-child(3) {
    left: calc(100% + 40px);
    display: block;
}

.movavi-page .movavi-arrow-next,
.movavi-page .movavi-arrow-prev {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 8px);
    left: 20px;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;

    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.movavi-page .movavi-arrow-next {
    left: auto;
    right: 20px;
}

.movavi-page .movavi-arrow-next .arrow:before,
.movavi-page .movavi-arrow-next .arrow:after,
.movavi-page .movavi-arrow-prev .arrow:before,
.movavi-page .movavi-arrow-prev .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #3db39e;
    height: 2px;
    width: 20px;
    top: 0px;
    left: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.movavi-page .movavi-arrow-next .arrow:before,
.movavi-page .movavi-arrow-next .arrow:after {
    left: auto;
    right: 0px;
}

.movavi-page .movavi-arrow-next .arrow:after {
    top: 13px;
}

.movavi-page .movavi-arrow-next .arrow:before {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.movavi-page .movavi-arrow-prev .arrow:after {
    transform: translateY(1px) rotate(45deg);
    top: 13px;
}

.movavi-page .movavi-arrow-prev .arrow:before {
    right: 0;
}

.movavi-page .movavi-arrow-next:hover .arrow:after,
.movavi-page .movavi-arrow-prev:hover .arrow:before {
    transform: translateY(1px) rotate(135deg);
}

.movavi-page .movavi-arrow-next:hover .arrow:before,
.movavi-page .movavi-arrow-prev:hover .arrow:after {
    transform: translateY(1px) rotate(225deg);
}

.movavi-page .movavi-arrow-next .arrow,
.movavi-page .movavi-arrow-prev .arrow {
    position: absolute;
    top: 16px;
    bottom: 0;
}

.movavi-page .movavi-arrow-next .arrow {
    right: 12px;
}

.movavi-page .movavi-arrow-prev .arrow {
    left: 12px;
}

.movavi-page .movavi-arrow-next .arrow .line,
.movavi-page .movavi-arrow-prev .arrow .line {
    position: absolute;
    display: block;
    background-color: #3db39e;
    height: 2px;
    width: 25px;
    top: 7.7px;
    left: -73px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.movavi-page .movavi-arrow-prev .arrow .line {
    left: -12px;
}

.movavi-page .movavi-arrow-next:hover .arrow .line {
    opacity: 1;
    left: -59px;
}

.movavi-page .movavi-arrow-prev:hover .arrow .line {
    opacity: 1;
    left: -26px;
}

.movavi-page .movavi-slider-img {
    width: 470px;
    height: 270px;
    background: url('/images/movavi/movavi-slider-img.webp') 50% 50% no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
    top: -100px;
    right: 50px;
}

.movavi-page .movavi-slider-item-info {
    display: flex;
}

.movavi-page .movavi-slider-item-left {
    flex: 0 0 50%;
    padding: 0px 20px;
}

.movavi-page .movavi-slider-item-title {
    font-size: 50px;
    font-weight: 700;
    color: #ffffff;
}

.movavi-page .movavi-slider-item-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 340px;
    height: 215px;
    margin: 30px auto 0px;
}

.movavi-page .movavi-slider-item-button {
    text-align: center;
    margin: 60px 0px 0px;
}

.movavi-page .movavi-slider-item-title span {
    color: #0493b4;
}

.movavi-page .movavi-slider-item-right {
    flex: 0 0 50%;
    padding: 0px 20px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.movavi-page a.movavi-button {
    min-height: 45px;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    cursor: pointer;
    background-color: #ff16a3;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    box-shadow: 0 5px 0 #b51067;
    position: relative;
    top: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0px;
}

.movavi-page a.movavi-button:hover {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;
    color: #fff;
}

.movavi-page a.movavi-button:focus {
    color: #fff;
}

.movavi-photo {
    margin: 60px auto;
    width: 100%;
}

.movavi-photo-items-strip {
    width: 955px;
    height: 180px;
    display: flex;
    transition: all 0.5s linear 0s;
    margin: auto;
}

.movavi-photo-item {
    width: 165px;
    height: 165px;
    box-shadow: 2px 4px 6px rgba(49, 48, 61, 0.3);
    flex: 0 0 165px;
    padding: 0px;
    margin: 0px 15px 0px 0px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.movavi-photo-item.full {
    width: 233px;
    flex: 0 0 233px;
}

/*Адаптив*/
@media only screen and (max-width: 1440px) {
    .movavi-page .movavi-slider-img {
        width: 400px;
        height: 230px;
        top: -60px;
        right: 50px;
    }
}

@media only screen and (max-width: 1199px) {
    .movavi-page .star3 {
        top: 160px;
        left: -50px
    }

    .movavi-page .star4 {
        top: 260px;
        left: -100px;
    }

    .movavi-page .star5 {
        top: 130px;
        right: 120px;
    }

    .movavi-page .star6 {
        top: 210px;
        right: 250px;
    }

    .movavi-page .star7 {
        top: 340px;
        right: -20px;
    }

    .movavi-page .star8 {
        top: 470px;
        right: 70px;
    }

    .movavi-page.buttom {
        padding: 0px 0 200px;
        background-size: 800px auto;
    }

    .movavi-page .movavi_img_b1 div {
        margin-left: -20px;
    }

    .movavi-page .head_title {
        padding: 208px 0px 260px 30px;
        max-width: 325px;
    }

    .movavi-page .text.bottom {
        margin: 100px 0px 0px;
    }

    .movavi-page .movavi-slider-img {
        top: -40px;
        right: 30px;
    }

    .movavi-page .movavi-slider-item-title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 991px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 200% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .movavi-page.bottom {
        padding: 0px 0 215px;
        background: url('/images/movavi/movavi_photo_bg.webp") 50% 0% no-repeat, url("/images/movavi/movavi_footer.webp') calc(50% + 200px) 100% no-repeat;
        background-size: auto, calc(100% - 215px) auto;
    }

    .movavi-page .animation_header {
        display: none;
    }

    .movavi-page .head_title {
        padding: 170px 0px 250px 13%;
        max-width: 435px;
    }

    .movavi-page .col-md-6.img {
        height: auto;
    }

    .movavi-page .movavi_img_b1 {
        display: none;
    }

    .movavi-page .text ul li,
    .movavi-slider-item ul li {
        padding: 0px 0px 0px 20px;
        background: url('/images/movavi/movavi_li.webp') 0px 8px no-repeat;
        margin: 0px;
    }

    .movavi-page .quote {
        text-align: center;
        padding: 0px 30px;
    }

    .movavi-page .quote:before {
        left: 0px;
    }

    .movavi-page .quote:after {
        right: -10px;
    }

    .movavi-page .right {
        text-align: left;
    }

    .movavi-page .movavi-slider-item-title {
        font-size: 30px;
    }

    .movavi-photo {
        margin: 60px auto 20px;
    }

    .movavi-photo-item {
        width: 140px;
        height: 140px;
        flex: 0 0 140px;
    }

    .movavi-photo-item.full {
        width: 235px;
        flex: 0 0 235px;
    }

    .movavi-photo-items-strip .movavi-photo-item:nth-child(5) {
        display: none;
    }

    .movavi-photo-items-strip {
        width: 705px;
        margin: auto;
    }
}

@media only screen and (max-width: 910px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 200% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .movavi-page.bottom {
        padding: 0px 0 160px;
        background: url('/images/movavi/movavi_footer.webp') calc(50% + 200px) 100% no-repeat;
        background-size: calc(100% - 215px) auto;
    }
}

@media only screen and (max-width: 880px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 300% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .movavi-page.bottom {
        padding: 0px 0 150px;
    }
}

@media only screen and (max-width: 820px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 400% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .movavi-page.bottom {
        background-size: calc(100% - 240px) auto;
    }

    .movavi-page .text.bottom {
        margin: 70px 0px 0px;
    }
}

@media only screen and (max-width: 790px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 460% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .movavi-page .head_title {
        padding: 160px 0px 250px 10%;
    }
}

@media only screen and (max-width: 767px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 250% -2% no-repeat;
        background-size: 50% auto, auto 600px;
    }

    .movavi-page.bottom {
        padding: 0px 0 400px;
        background: url('/images/movavi/movavi_footer.webp') calc(50% + 130px) 100% no-repeat;
        background-size: 120% auto;
    }

    .movavi-page .head_title {
        padding: 150px 0px 190px 13%;
        max-width: 335px;
    }

    .movavi-page .head_title h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .movavi-page .movavi-slider {
        margin: 180px 0px 40px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 780px;
    }

    .movavi-page .movavi-slider-item-info {
        display: block;
    }

    .movavi-page .movavi-slider-item-title {
        text-align: center;
    }

    .movavi-page .movavi-slider-item-img {
        height: 150px;
    }

    .movavi-page .movavi-slider-item-button {
        margin: 40px 0px;
    }

    .movavi-page .movavi-slider-img {
        width: 350px;
        height: 290px;
        top: -80px;
        right: 50px;
    }

    .movavi-page .quote::after {
        right: -10px;
    }

    .movavi-photo-items-strip {
        width: 605px;
        margin: auto;
    }

    .movavi-photo-item.full {
        width: 140px;
        flex: 0 0 140px;
    }
}

@media only screen and (max-width: 715px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 340px -2% no-repeat;
        background-size: 50% auto, auto 600px;
    }
}

@media only screen and (max-width: 675px) {
    .movavi-page .head_title h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .movavi-photo-items-strip .movavi-photo-item:nth-child(4) {
        display: none;
    }

    .movavi-photo-items-strip {
        width: 450px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 810px;
    }
}

@media only screen and (max-width: 635px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 290px -2% no-repeat;
        background-size: 60% auto, auto 600px;
    }

    .movavi-page.bottom {
        background: url('/images/movavi/movavi_footer.webp') calc(50% + 180px) 100% no-repeat;
        background-size: 140% auto;
    }

    .movavi-page .head_title {
        max-width: 300px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 890px;
    }
}

@media only screen and (max-width: 605px) {
    .movavi-page .col-md-6.title_center_mobi {
        text-align: center;
    }
}

@media only screen and (max-width: 560px) {
    .movavi-page .movavi-slider-items-strip {
        height: 980px;
    }
}

@media only screen and (max-width: 530px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 180px 5% no-repeat;
        background-size: 70% auto, auto 600px;
    }

    .movavi-page.bottom {
        background: url('/images/movavi/movavi_footer.webp') calc(50% + 50px) 100% no-repeat;
        background-size: 140% auto;
    }

    .movavi-page .head_title {
        max-width: 300px;
    }

    .movavi-page .text.bottom {
        margin: 70px 0px 30px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 1090px;
    }
}

@media only screen and (max-width: 500px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 160px 7% no-repeat;
        background-size: 60% auto, auto 600px;
    }

    .movavi-page.bottom {
        background: url('/images/movavi/movavi_footer.webp') 30% 100% no-repeat;
        background-size: 155% auto;
    }

    .movavi-page .head_title {
        padding: 85px 0px 390px 17%;
    }

    .movavi-page .text.bottom {
        width: 100%;
    }

    .movavi-page .movavi-slider .movavi-slider-item:nth-child(2) {
        width: calc(100% - 20px);
    }

    .movavi-photo-items-strip .movavi-photo-item:nth-child(3) {
        display: none;
    }

    .movavi-photo-items-strip {
        width: 295px;
    }

    .movavi-page .movavi-slider-img {
        display: none;
    }

    .movavi-page .movavi-slider .movavi-slider-items {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 900px;
        width: 100%;
    }

    .movavi-page .movavi-arrow-next, .movavi-page .movavi-arrow-prev {
        background: none;
    }

    .movavi-page .movavi-arrow-prev {
        left: 10px;
    }

    .movavi-page .movavi-arrow-next {
        right: 10px;
    }

    .movavi-page .movavi-arrow-prev .arrow {
        left: -8px;
    }

    .movavi-page .movavi-arrow-next .arrow {
        right: -8px;
    }

    .movavi-page .movavi-slider {
        margin: 70px 0px 40px;
    }
}

@media only screen and (max-width: 460px) {
    .movavi-page.bottom {
        padding: 0px 0 340px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 830px;
    }

    .movavi-page .movavi-slider-item-img {
        display: none;
    }
}

@media only screen and (max-width: 420px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 130px 13% no-repeat;
        background-size: 95% auto, auto 600px;
    }

    .movavi-page.bottom {
        padding: 0px 0 360px;
    }

    .movavi-page .head_title {
        padding: 80px 0px 400px 65px;
        max-width: 285px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 670px;
    }

    .movavi-page .movavi-slider-item-right {
        font-size: 14px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 400px) {
    .movavi-page .movavi-slider-item-title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 390px) {
    .movavi-page .movavi-slider-items-strip {
        height: 740px;
    }
}

@media only screen and (max-width: 360px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 120px 11% no-repeat;
        background-size: 95% auto, auto 600px;
    }

    .movavi-page .head_title {
        padding: 120px 0px 400px 65px;
    }

    .movavi-page.bottom {
        padding: 0px 0 320px;
    }

    .movavi-photo {
        display: none;
    }

    .movavi-page .quote.center {
        margin: 60px auto 0px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 820px;
    }
}

@media only screen and (max-width: 340px) {
    .movavi-page.top {
        background: url('/images/movavi/movavi_header1.webp') 0% -1% no-repeat,
        url('/images/movavi/movavi_header2.webp') 90px 9% no-repeat;
        background-size: 95% auto, auto 600px;
    }

    .movavi-page.bottom {
        padding: 0px 0 300px;
    }

    .movavi-page .head_title {
        padding: 120px 0px 440px 40px;
        max-width: 245px;
    }

    .movavi-page .movavi-slider-items-strip {
        height: 910px;
    }
}

@media only screen and (min-width: 992px) {
    .movavi-page .star1 {
        -webkit-animation: pulsate 2s linear 0s infinite;
        animation: pulsate 2s linear 0s infinite;
    }

    .movavi-page .star2 {
        -webkit-animation: pulsate_small 1s linear 0s infinite;
        animation: pulsate_small 1s linear 0s infinite;
    }

    .movavi-page .star3 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .movavi-page .star4 {
        -webkit-animation: pulsate_small 1s linear 1s infinite;
        animation: pulsate_small 1s linear 1s infinite;
    }

    .movavi-page .star5 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .movavi-page .star6 {
        -webkit-animation: pulsate_small 2s linear 1s infinite;
        animation: pulsate_small 2s linear 1s infinite;
    }

    .movavi-page .star7 {
        -webkit-animation: pulsate 2s linear 1s infinite;
        animation: pulsate 2s linear 1s infinite;
    }

    .movavi-page .star8 {
        -webkit-animation: pulsate_small 1s linear 0.5s infinite;
        animation: pulsate_small 1s linear 0.5s infinite;
    }

    .movavi-page .star9 {
        -webkit-animation: pulsate_small 2s linear 0s infinite;
        animation: pulsate_small 2s linear 0s infinite;
    }

    .movavi-page .star10 {
        -webkit-animation: slide_star 10s linear 0s infinite;
        animation: slide_star 10s linear 0s infinite;
    }

    .movavi-page .star11 {
        -webkit-animation: slide_star2 10s linear 2s infinite;
        animation: slide_star2 10s linear 2s infinite;
    }

    .movavi-page .star12 {
        -webkit-animation: slide_star3 10s linear 4s infinite;
        animation: slide_star3 10s linear 4s infinite;
    }
}

/*Анимация*/
/*Звезды*/
@-webkit-keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 10px rgba(90, 156, 202, .5), 0 0 16px #5a9cca;
    }
}

@keyframes pulsate {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px 5px rgba(90, 156, 202, .5), 0 0 10px 5px #5a9cca;
    }
}

@-webkit-keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@keyframes pulsate_small {
    50% {
        box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 2px 2px rgba(90, 156, 202, .5), 0 0 5px 2px #5a9cca;
    }
}

@-webkit-keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    30% {
        top: 500px;
        right: 500px;
        opacity: 1;
    }
    31% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star2 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    20% {
        top: 250px;
        right: 300px;
        opacity: 1;
    }
    21% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@-webkit-keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 1000px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

@keyframes slide_star3 {
    0% {
        top: 0px;
        right: -100px;
        opacity: 1;
    }
    10% {
        top: 1250px;
        right: 500px;
        opacity: 1;
    }
    11% {
        top: 2000px;
        right: 2000px;
        opacity: 0;
    }
}

/*Конец Movavi*/

/*Главный слайдер*/
.main-site-slider {
    width: 100%;
    margin: 0px 0px 0px;
    position: relative;
}

.main-site-slider.video_courses {
    margin: 40px 0px 0px;
}

.main-site-slider .main-site-slider-items {
    width: calc(100% - 30px);
    overflow: hidden;
    position: relative;
    padding: 0px 0px 0px 30px;
}

.main-site-slider-items-strip {
    width: calc(100% - 60px);
    height: auto;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0px auto;
}

.main-site-slider .main-site-slider-item {
    width: calc(100% - 20px);
    height: auto;
    min-height: 200px;
    margin: 0px 10px;
    cursor: pointer;
    position: absolute;
    left: calc(100% + 40px);
    display: none;

    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all 0.5s linear 0s;
}

.main-site-slider .main-site-slider-item:nth-child(1) {
    left: calc(-100% - 40px);
    display: block;
}

.main-site-slider .main-site-slider-item:nth-child(2) {
    left: 0px;
    display: block;
}

.main-site-slider .main-site-slider-item:nth-child(3) {
    left: calc(100% + 40px);
    display: block;
}

.main-site-arrow-next,
.main-site-arrow-prev {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 8px);
    left: 20px;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;

    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.main-site-arrow-next {
    left: auto;
    right: 20px;
}

.main-site-arrow-next .arrow:before,
.main-site-arrow-next .arrow:after,
.main-site-arrow-prev .arrow:before,
.main-site-arrow-prev .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #3db39e;
    height: 2px;
    width: 20px;
    top: 0px;
    left: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.main-site-arrow-next .arrow:before,
.main-site-arrow-next .arrow:after {
    left: auto;
    right: 0px;
}

.main-site-arrow-next .arrow:after {
    top: 13px;
}

.main-site-arrow-next .arrow:before {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.main-site-arrow-prev .arrow:after {
    transform: translateY(1px) rotate(45deg);
    top: 13px;
}

.main-site-arrow-prev .arrow:before {
    right: 0;
}

.main-site-arrow-next:hover .arrow:after,
.main-site-arrow-prev:hover .arrow:before {
    transform: translateY(1px) rotate(135deg);
}

.main-site-arrow-next:hover .arrow:before,
.main-site-arrow-prev:hover .arrow:after {
    transform: translateY(1px) rotate(225deg);
}

.main-site-arrow-next .arrow,
.main-site-arrow-prev .arrow {
    position: absolute;
    top: 16px;
    bottom: 0;
}

.main-site-arrow-next .arrow {
    right: 12px;
}

.main-site-arrow-prev .arrow {
    left: 12px;
}

.main-site-arrow-next .arrow .line,
.main-site-arrow-prev .arrow .line {
    position: absolute;
    display: block;
    background-color: #3db39e;
    height: 2px;
    width: 25px;
    top: 7.7px;
    left: -73px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.main-site-arrow-prev .arrow .line {
    left: -12px;
}

.main-site-arrow-next:hover .arrow .line {
    opacity: 1;
    left: -59px;
}

.main-site-arrow-prev:hover .arrow .line {
    opacity: 1;
    left: -26px;
}

@media screen and (max-width: 750px) {
    .main-site-arrow-prev {
        left: 0px;
    }

    .main-site-arrow-next {
        right: 0px;
    }
}

@media screen and (max-width: 450px) {
    .main-site-arrow-prev, .main-site-arrow-next {
        width: 40px;
        height: 40px;
    }

    .main-site-arrow-next .arrow::before, .main-site-arrow-next .arrow::after, .main-site-arrow-prev .arrow::before, .main-site-arrow-prev .arrow::after {
        width: 15px;
        top: -2px;
    }

    .main-site-arrow-next .arrow::after {
        top: 8px;
    }

    .main-site-arrow-prev .arrow::after {
        top: 8px;
    }
}

/*КОНЕЦ Главный слайдер*/
#minicourseFormBlock .cost_pay span {
    color: initial;
}

/*acer*/
.acer-page div, img {
    -webkit-transition: top 1s linear 0s;
    -moz-transition: top 1s linear 0s;
    -o-transition: top 1s linear 0s;
    transition: top 1s linear 0s;
}

.acer-page {
    padding: 0px 0px 0px;
    margin-top: 0px;
    position: relative;
}

.acer-page.top {
    background: url('/images/acer/acer_header.webp') 50% 0% no-repeat;
    overflow: hidden;
}

.acer-page.center {
    background: url('/images/acer/acer_slider.webp') 50% 0% no-repeat;
    margin-top: 160px;
    background-size: auto 100%;
}

.acer-page.center .row {
    position: relative;
}

.acer-page.bottom {
    padding: 0px 0 320px;
    background: url('/images/acer/acer_footer.webp') calc(50% + 200px) 100% no-repeat;
}

.acer-page .title:before {
    content: "";
    position: absolute;
    left: -54px;
    top: -1px;
    width: 54px;
    height: 100%;
    background: url('/images/acer/acer_title.webp') 0% 0% repeat-y;
}

.acer-page .title:after {
    content: "";
    position: absolute;
    right: -54px;
    top: 0px;
    width: 54px;
    height: 100%;
    background: url('/images/acer/acer_title2.webp') 0% 0% repeat-y;
}

.acer-page .title {
    padding: 5px 0px 5px 10px;
    margin: 30px 0px 55px;
    min-height: 41px;
    background-color: #f3f3f3;
    display: inline-block;
    position: relative;
    color: #446e87;
    font-size: 28px;
    line-height: 26px;
}

.acer-page.center .title:before {
    background: url('/images/acer/acer_title3.webp') 0% 0% repeat-y;
}

.acer-page.center .title:after {
    background: url('/images/acer/acer_title4.webp') 0% 0% repeat-y;
}

.acer-page.center .title {
    background-color: #193d71;
    color: #ffffff;
}

.acer-page .title_center {
    text-align: center;
}

.acer-page .right {
    text-align: right;
}

.acer-page .text {
    color: #888888;
    font-size: 16px;
    line-height: 22px;
}

.acer-page .text p, .acer-page .text ul {
    margin: 0px 0px 25px;
}

.acer-page .text span {
    color: #0493b4;
    font-weight: 700;
}

.acer-page .text a {
    color: #0493b4;
    text-decoration: underline;
}

.acer-page .text a:focus, .acer-page .text a:hover {
    color: #23527c;
    text-decoration: none;
}

.acer-page .text ul li,
.acer-slider-item ul li {
    padding: 0px 0px 10px 35px;
    list-style: none;
    background: url('/images/acer/acer_li.webp') 15px 6px no-repeat;
}

.acer-page .text.bottom {
    width: 350px;
    margin: 120px 0px 0px;
}

.acer-page .text.bottom span {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    color: #4bc332;
}

.acer-page .quote:before, .acer-page .quote:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 20px;
    background: url('/images/acer/acer_quote.webp') 0% 0% no-repeat;
}

.acer-page .quote:before {
    left: -41px;
    bottom: -15px;
}

.acer-page .quote:after {
    right: -40px;
    top: -15px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.acer-page .quote {
    position: relative;
    padding: 0px;
    margin: 55px 0px 55px;
    color: #446e87;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.acer-page .quote.center {
    max-width: 710px;
    text-align: center;
    margin: auto;
}

.acer-page .text_bold {
    color: #3db39e;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin: 0px 0px 25px 0px;
}

.acer-page .acer_slider_img {
    background: url('/images/acer/acer_slider_img.webp') 50% 50% no-repeat;
    width: 540px;
    height: 315px;
    position: absolute;
    right: 0px;
    top: -150px;
}

.acer-page .head_title {
    padding: 300px 0px 160px;
    max-width: 425px;
    text-align: left;
}

.acer-page .head_title h1 {
    font-weight: 700;
    font-size: 58px;
    line-height: 58px;
    margin-bottom: 30px;
    text-align: left;
}

.acer-page .head_title h1 span {
    color: #0095b6;
}

.acer-page .head_title .text {
    margin: 0px 0px 30px;
}

.acer-page .col-md-6.img {
    height: 560px;
}

.acer-page .acer_img_b1 div {
    width: 100%;
    position: absolute;
    top: -100px;
    height: 545px;
}

.acer-page .acer_img_b1 .acer_img_l1 {
    z-index: 1;
    background: url('/images/acer/acer_b1_l1.webp') 0% 0% no-repeat;
    background-size: contain;
}

.acer-page .stars {
    border-radius: 100%;
    background: #ffffff;
}

.acer-page .star1 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 90px;
    left: -70px;
}

.acer-page .star2 {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 120px;
    left: 110px;
}

.acer-page .star3 {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 220px;
    left: -55px;
}

.acer-page .star4 {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 320px;
    left: -110px;
}

.acer-page .acer-slider {
    width: 100%;
    height: auto;
    min-height: 670px;
    position: relative;
    margin: 0px 0px 50px;
}

.acer-page .acer-slider .acer-slider-menu {
    display: flex;
}

.acer-page .acer-slider .acer-slider-menu div {
    margin: 0px 35px 30px 0px;
    cursor: pointer;
    background: #ffffff;
    border-radius: 10px;
    width: 80px;
    height: 80px;
    opacity: 0.4;
    position: relative;
    transition: opacity 0.1s linear;
}

.acer-page .acer-slider .acer-slider-menu div:hover {
    opacity: 0.8;
}

.acer-page .acer-slider .acer-slider-menu div.act,
.acer-page .acer-slider .acer-slider-menu div.act:hover {
    opacity: 1;
}

.acer-page .acer-slider .acer-slider-menu div img {
    width: calc(100% + 20px);
    position: absolute;
    margin: auto;
    left: -10px;
    top: 0;
    bottom: 0;
    right: 0;
}

.acer-page .acer-slider-items .acer-slider-item {
    display: none;
}

.acer-page .acer-slider-items .acer-slider-item:first-child {
    display: block;
}

.acer-page .acer-slider-item-info {
    display: flex;
    flex-wrap: wrap;
}

.acer-page .acer-slider-item-left {
    flex: 0 0 50%;
    padding: 0px 0px;
}

.acer-page .acer-slider-item-title {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
}

.acer-page .acer-slider-item-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0px 10px;
}

.acer-page .acer-slider-item-menu div {
    color: #ffffff;
    font-weight: 700;
    margin: 0px 15px 10px 0px;
    cursor: pointer;
}

.acer-page .acer-slider-item-menu div.act {
    color: #0493b4;
    text-decoration: underline;
}

.acer-page .acer-slider-item-menu div:hover {
    text-decoration: underline;
}

.acer-page .acer-slider-item-desc {

}

.acer-page .acer-slider-item-desc .text,
.acer-page .acer-slider-item-desc ul li {
    color: #ffffff;
}

.acer-page .acer-slider-item-desc div {
    display: none;
}

.acer-page .acer-slider-item-desc div:first-child {
    display: block;
}

.acer-page .acer-slider-item-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 340px;
    height: 215px;
    margin: 30px auto 0px;
}

.acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    max-width: 320px;
    width: 100%;
    margin: auto;
    height: 320px;
    opacity: 1;
    position: relative;
    transition: opacity 0.1s linear;
}

.acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict img {
    width: calc(100% + 40px);
    position: absolute;
    margin: auto;
    left: -20px;
    top: 0;
    bottom: 0;
    right: 0;
}

.acer-page .acer-slider-title {
    max-width: 340px;
    width: 100%;
    margin: auto;
    padding: 5px 0px;
    background: rgb(255, 22, 163);
    background: linear-gradient(90deg, rgba(255, 22, 163, 1) 0%, rgba(28, 46, 129, 1) 50%, rgba(255, 22, 163, 1) 100%);
    border-radius: 10px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}

.acer-page .acer-slider-item-button {
    text-align: center;
    margin: 60px 0px 0px;
    width: 50%;
}

.acer-page .acer-slider-item-title span {
    color: #0493b4;
}

.acer-page .acer-slider-item-right {
    flex: 0 0 50%;
    padding: 0px 20px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.acer-page .acer-slider-img {
    position: relative;
}

.acer-page .acer-slider-img .acer-slider-items-img {
    width: calc(100% - 30px);
    overflow: hidden;
    position: relative;
    padding: 0px 0px 0px 30px;
}

.acer-page .acer-slider-items-strip-img {
    width: calc(100% - 60px);
    height: 360px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s linear 0s;
    margin: 0px auto;
}

.acer-page .acer-slider-img .acer-slider-item-img {
    width: calc(100% - 20px);
    max-width: 100%;
    height: 360px;
    margin: 0px 10px;
    cursor: pointer;
    position: absolute;
    left: calc(100% + 40px);
    display: none;

    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all 0.5s linear 0s;
}

.acer-page .acer-slider-img .acer-slider-item-img:nth-child(1) {
    left: calc(-100% - 40px);
    display: block;
}

.acer-page .acer-slider-img .acer-slider-item-img:nth-child(2) {
    left: 0px;
    display: block;
}

.acer-page .acer-slider-img .acer-slider-item-img:nth-child(3) {
    left: calc(100% + 40px);
    display: block;
}

.acer-page .acer-arrow-next,
.acer-page .acer-arrow-prev {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    margin: 0px;
    height: 0px;
    top: calc(50% - 25px);
    left: 20px;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.acer-page .acer-arrow-next {
    left: auto;
    right: 20px;
}

.acer-page .acer-arrow-next .arrow:before,
.acer-page .acer-arrow-next .arrow:after,
.acer-page .acer-arrow-prev .arrow:before,
.acer-page .acer-arrow-prev .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #3db39e;
    height: 2px;
    width: 20px;
    top: 0px;
    left: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.acer-page .acer-arrow-next .arrow:before,
.acer-page .acer-arrow-next .arrow:after {
    left: auto;
    right: 0px;
}

.acer-page .acer-arrow-next .arrow:after {
    top: 13px;
}

.acer-page .acer-arrow-next .arrow:before {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.acer-page .acer-arrow-prev .arrow:after {
    transform: translateY(1px) rotate(45deg);
    top: 13px;
}

.acer-page .acer-arrow-prev .arrow:before {
    right: 0;
}

.acer-page .acer-arrow-next:hover .arrow:after,
.acer-page .acer-arrow-prev:hover .arrow:before {
    transform: translateY(1px) rotate(135deg);
}

.acer-page .acer-arrow-next:hover .arrow:before,
.acer-page .acer-arrow-prev:hover .arrow:after {
    transform: translateY(1px) rotate(225deg);
}

.acer-page .acer-arrow-next .arrow,
.acer-page .acer-arrow-prev .arrow {
    position: absolute;
    top: 16px;
    bottom: 0;
}

.acer-page .acer-arrow-next .arrow {
    right: 12px;
}

.acer-page .acer-arrow-prev .arrow {
    left: 12px;
}

.acer-page .acer-arrow-next .arrow .line,
.acer-page .acer-arrow-prev .arrow .line {
    position: absolute;
    display: block;
    background-color: #3db39e;
    height: 2px;
    width: 25px;
    top: 7.7px;
    left: -73px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.acer-page .acer-arrow-prev .arrow .line {
    left: -12px;
}

.acer-page .acer-arrow-next:hover .arrow .line {
    opacity: 1;
    left: -59px;
}

.acer-page .acer-arrow-prev:hover .arrow .line {
    opacity: 1;
    left: -26px;
}

.acer-page a.acer-button {
    min-height: 45px;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    cursor: pointer;
    background-color: #ff16a3;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    box-shadow: 0 5px 0 #b51067;
    position: relative;
    top: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0px;
}

.acer-page a.acer-button:hover {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;
    color: #fff;
}

.acer-page a.acer-button:focus {
    color: #fff;
}

/*Адаптив*/
@media only screen and (max-width: 1199px) {
    .acer-page .star3 {
        top: 160px;
        left: -50px
    }

    .acer-page .star4 {
        top: 260px;
        left: -100px;
    }

    .acer-page.center {
        margin-top: 110px;
    }

    .acer-page.bottom {
        background: url('/images/acer/acer_footer.webp') calc(50% + 300px) 100% no-repeat;
    }

    .acer-page.buttom {
        padding: 0px 0 200px;
        background-size: 800px auto;
    }

    .acer-page .acer_img_b1 div {
        margin-left: -20px;
    }

    .acer-page .head_title {
        padding: 230px 0px 220px 0px;
        max-width: 445px;
    }

    .acer-page .head_title .text {
        width: 80%;
    }

    .acer-page .text.bottom {
        margin: 100px 0px 0px;
    }

    .acer-page .acer_slider_img {
        background-size: contain;
        height: 250px;
        top: -100px;
    }

    .acer-page .acer-slider-items-strip-img,
    .acer-page .acer-slider-img .acer-slider-item-img {
        height: 270px;
    }

    .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict {
        max-width: 250px;
        height: 250px;
    }

    .acer-page .acer-slider-title {
        max-width: 290px;
        padding: 5px 5px;
    }
}

@media only screen and (max-width: 991px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 200% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .acer-page.center {
        margin-top: 60px;
    }

    .acer-page.bottom {
        padding: 0px 0 215px;
        background: url("/images/acer/acer_photo_bg.webp") 50% 0% no-repeat, url("/images/acer/acer_footer.webp") calc(50% + 200px) 100% no-repeat;
        background-size: auto, calc(100% - 215px) auto;
    }

    .acer-page .animation_header {
        display: none;
    }

    .acer-page .head_title {
        padding: 170px 0px 200px 13%;
        max-width: 510px;
    }

    .acer-page .col-md-6.img {
        height: auto;
    }

    .acer-page .acer_img_b1 {
        display: none;
    }

    .acer-page .text ul li,
    .acer-slider-item ul li {
        padding: 0px 0px 0px 20px;
        background: url('/images/acer/acer_li.webp') 0px 8px no-repeat;
        margin: 0px;
    }

    .acer-page .quote {
        text-align: center;
        padding: 0px 30px;
    }

    .acer-page .quote:before {
        left: 0px;
    }

    .acer-page .quote:after {
        right: -10px;
    }

    .acer-page .right {
        text-align: left;
    }

    .acer-page .acer_slider_img {
        height: 200px;
        top: -80px;
    }

    .acer-page .acer-slider-items-strip-img,
    .acer-page .acer-slider-img .acer-slider-item-img {
        height: 180px;
    }

    .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict {
        max-width: 160px;
        height: 160px;
    }

    .acer-page .acer-slider-title {
        max-width: 200px;
    }
}

@media only screen and (max-width: 940px) {
    .acer-page .head_title {
        padding: 170px 0px 200px 7%;
        max-width: 500px;
    }
}

@media only screen and (max-width: 910px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 200% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .acer-page.bottom {
        padding: 0px 0 160px;
        background: url('/images/acer/acer_footer.webp') calc(50% + 200px) 100% no-repeat;
        background-size: calc(100% - 215px) auto;
    }

    .acer-page .head_title {
        padding: 170px 0px 200px 30px;
        max-width: 460px;
    }
}

@media only screen and (max-width: 880px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 300% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .acer-page.bottom {
        padding: 0px 0 150px;
    }
}

@media only screen and (max-width: 820px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 400% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .acer-page.bottom {
        background-size: calc(100% - 240px) auto;
    }

    .acer-page .text.bottom {
        margin: 70px 0px 0px;
    }
}

@media only screen and (max-width: 790px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 460% -2% no-repeat;
        background-size: 50% auto, auto 720px;
    }

    .acer-page .head_title {
        padding: 160px 0px 140px 10%;
    }
}

@media only screen and (max-width: 767px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 250% -2% no-repeat;
        background-size: 50% auto, auto 600px;
    }

    .acer-page.bottom {
        padding: 0px 0 400px;
        background: url('/images/acer/acer_footer.webp') calc(50% + 130px) 100% no-repeat;
        background-size: 120% auto;
    }

    .acer-page .head_title {
        padding: 150px 0px 240px 13%;
        max-width: 450px;
    }

    .acer-page .head_title h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .acer-page .head_title .text {
        display: none;
    }

    .acer-page .acer-slider {
        margin: 0px 0px 50px;
    }

    .acer-page .acer-slider-item-right {
        flex: 0 0 50%;
        font-size: 16px;
        line-height: 22px;
        padding: 0px 0px;
        color: #fff;
    }

    .acer-page .acer-slider-item-info {
        display: block;
    }

    .acer-page .acer-slider-item-title {
        text-align: center;
    }

    .acer-page .acer-slider-item-img {
        height: 150px;
    }

    .acer-page .acer-slider-item-button {
        margin: 40px 0px;
        width: 100%;
    }

    .acer-page .quote::after {
        right: -10px;
    }

    .acer-page .acer-slider .acer-slider-menu,
    .acer-page .acer-slider-item-menu {
        flex-wrap: wrap;
        justify-content: center;
    }

    .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img {
        height: 270px;
    }

    .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict {
        max-width: 250px;
        height: 250px;
    }
}

@media only screen and (max-width: 715px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 340px -2% no-repeat;
        background-size: 50% auto, auto 600px;
    }

    .acer-page.center {
        margin-top: 0px;
    }

    .acer-page.center .title {
        margin-top: 60px;
    }

    .acer-page .acer_slider_img {
        display: none;
    }
}

@media only screen and (max-width: 675px) {
    .acer-page .head_title h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .acer-page .acer-slider-items-strip {
        height: 810px;
    }
}

@media only screen and (max-width: 635px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 290px -2% no-repeat;
        background-size: 60% auto, auto 600px;
    }

    .acer-page.bottom {
        background: url('/images/acer/acer_footer.webp') calc(50% + 180px) 100% no-repeat;
        background-size: 140% auto;
    }

    .acer-page .head_title {
        max-width: 370px;
    }

    .acer-page .acer-slider-items-strip {
        height: 890px;
    }
}

@media only screen and (max-width: 605px) {
    .acer-page .title_center_mobi {
        text-align: center;
    }
}

@media only screen and (max-width: 560px) {
    .acer-page .acer-slider-items-strip {
        height: 980px;
    }
}

@media only screen and (max-width: 530px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 180px 5% no-repeat;
        background-size: 70% auto, auto 600px;
    }

    .acer-page.bottom {
        background: url('/images/acer/acer_footer.webp') calc(50% + 50px) 100% no-repeat;
        background-size: 140% auto;
    }

    .acer-page .head_title {
        max-width: 350px;
    }

    .acer-page .text.bottom {
        margin: 70px 0px 30px;
    }

    .acer-page .acer-slider-items-strip {
        height: 1090px;
    }
}

@media only screen and (max-width: 500px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 160px 7% no-repeat;
        background-size: 60% auto, auto 600px;
    }

    .acer-page.bottom {
        background: url('/images/acer/acer_footer.webp') 30% 100% no-repeat;
        background-size: 155% auto;
    }

    .acer-page .head_title {
        padding: 85px 0px 350px 17%;
    }

    .acer-page .text.bottom {
        width: 100%;
    }

    .acer-page .acer-slider .acer-slider-items {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .acer-page .acer-slider-items-strip {
        height: 900px;
        width: 100%;
    }

    .acer-page .acer-arrow-next, .acer-page .acer-arrow-prev {
        background: none;
    }

    .acer-page .acer-arrow-prev {
        left: 10px;
    }

    .acer-page .acer-arrow-next {
        right: 10px;
    }

    .acer-page .acer-arrow-prev .arrow {
        left: -8px;
    }

    .acer-page .acer-arrow-next .arrow {
        right: -8px;
    }
}

@media only screen and (max-width: 460px) {
    .acer-page.bottom {
        padding: 0px 0 340px;
    }

    .acer-page .acer-slider-items-strip {
        height: 830px;
    }

    .acer-page .acer-slider-item-img {
        display: none;
    }

    .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img {
        height: 240px;
    }

    .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict {
        max-width: 220px;
        height: 220px;
    }
}

@media only screen and (max-width: 420px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 130px 13% no-repeat;
        background-size: 95% auto, auto 600px;
    }

    .acer-page.bottom {
        padding: 0px 0 360px;
    }

    .acer-page .head_title {
        padding: 80px 0px 400px 40px;
        width: 330px;
    }

    .acer-page .acer-slider-items-strip {
        height: 670px;
    }

    .acer-page .acer-slider-item-right {
        font-size: 14px;
        line-height: 18px;
    }

    .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img {
        height: 200px;
    }

    .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict {
        max-width: 180px;
        height: 180px;
    }
}

@media only screen and (max-width: 390px) {
    .acer-page .acer-slider-items-strip {
        height: 740px;
    }

    .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img {
        height: 180px;
    }

    .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict {
        max-width: 160px;
        height: 160px;
    }

    .acer-page .acer-slider .acer-slider-menu div {
        width: 60px;
        height: 60px;
    }
}

@media only screen and (max-width: 360px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 120px 11% no-repeat;
        background-size: 95% auto, auto 600px;
    }

    .acer-page .head_title {
        padding: 120px 0px 400px 65px;
    }

    .acer-page.bottom {
        padding: 0px 0 320px;
    }

    .acer-page .quote.center {
        margin: 60px auto 0px;
    }

    .acer-page .acer-slider-items-strip {
        height: 820px;
    }

    .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img {
        height: 150px;
    }

    .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict {
        max-width: 130px;
        height: 130px;
    }
}

@media only screen and (max-width: 340px) {
    .acer-page.top {
        background: url('/images/acer/acer_header1.webp') 0% -1% no-repeat,
        url('/images/acer/acer_header2.webp') 90px 9% no-repeat;
        background-size: 95% auto, auto 600px;
    }

    .acer-page.bottom {
        padding: 0px 0 300px;
    }

    .acer-page .head_title {
        padding: 120px 0px 440px 40px;
        max-width: 320px;
    }

    .acer-page .acer-slider-items-strip {
        height: 910px;
    }
}

@media only screen and (min-width: 992px) {
    .acer-page .star1 {
        -webkit-animation: pulsate 2s linear 0s infinite;
        animation: pulsate 2s linear 0s infinite;
    }

    .acer-page .star2 {
        -webkit-animation: pulsate_small 1s linear 0s infinite;
        animation: pulsate_small 1s linear 0s infinite;
    }

    .acer-page .star3 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }

    .acer-page .star4 {
        -webkit-animation: pulsate_small 1s linear 1s infinite;
        animation: pulsate_small 1s linear 1s infinite;
    }

    .acer-page .star5 {
        -webkit-animation: pulsate 2s linear 0.5s infinite;
        animation: pulsate 2s linear 0.5s infinite;
    }
}

/*Конец acer*/

/*Страница Гранты*/
.grants-page {
    background: #fefefe;
}

.grants-page .head_title {
    max-width: 550px;
    margin: 175px 0 0 150px;
}

.grants-page .head_title h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 30px;
    text-align: left;
}

.grants-page .head_title h1 span {
    color: #0095b6;
}

.grants-page .text {
    font-size: 16px;
    line-height: 22px;
}

.grants-page .head_title .text {
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: #282828;
}

.grants-page .head_title-coddy-logo {
    font-weight: bolder;
}

.grants-page .head_title-coddy-logo img {
    vertical-align: -2px;
    margin-left: 5px;
}

.grants-page.grants-page-top {
    position: relative;
    min-height: 790px;
    background: url('/images/grant/section1.webp') no-repeat 50% -70px / 120%;
}

.grants-page.grants-page-about {
    min-height: 1200px;
    margin-top: -350px;
    padding: 120px 0 0;
    background-image: url("/images/grant/grants-wave1.svg"),
    url('/images/grant/about-bg.webp');
    background-position: 45% -185px,
    50% 100%;
    background-size: 140%, auto;
    background-repeat: no-repeat;
}

.grants-page .grants-page-about-wrapper {
    display: flex;
    overflow: hidden;
}

.grants-page .grants-page-about-image {
    flex: 0 0 53%;
    overflow: hidden;
}

.grants-page .grants-page-about-text {
    flex: 0 0 47%;
}

.grants-page.grants-page-about:after {
    content: "";
    display: block;
    background: no-repeat;
    background-image: url('/images/grant/about-d1.webp'),
    url('/images/grant/about-d2.webp'),
    url('/images/grant/about-d3.webp'),
    url('/images/grant/about-d4.webp'),
    url("/images/grant/grants-wave2.svg");
    background-position: 25% 95%, 16% 20%, 69% 70%, 50% 0%, 50% -100%;
    background-size: auto, auto, auto, auto, 105%;
    height: 750px;
    margin-top: -750px;
    position: relative;
}

.grants-page .grants-page-about-slider {
    max-width: 480px;
    width: 480px;
    padding: 130px 0 0;
    color: #fff;
}

.grants-page .grants-page-about-slider-image {
    height: 1080px;
    max-width: 100%;
}

.grants-page .grants-page-about-slider-image img {
    width: 700px;
    height: auto;
}

.grants-page .grants-page-about-slider-title,
.grants-page .grants-page-about-slider-title h2 {
    margin: 0 0 45px;
    font-weight: 700;
    font-size: 32px;
    color: #fff;
}

.grants-page .grants-page-about-slider-items-strip {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    position: relative;
    outline: none;
    transition: all 0.5s linear 0s;
}

.grants-page .slick-track {
    margin: 0;
}

.grants-page .grants-page-about-slider-item {
    /* position: relative; */
    flex: 0 0 100%;
    transition: all 0.5s linear 0s;
}

.grants-page .grants-page-about-slider-item .text p {
    margin: 0 0 1em;
    font-size: 20px;
    line-height: 32px;
    font-style: italic;
}

.grants-page .about-slider-controls {
    margin: 60px 0 0;
}

.grants-page .grants-page-about-slider .slider-arrow-next {
    margin-left: 20px;
}

.grants-page .grants-page-about-slider-item .text .author {
    margin: 10px 0 0;
    font-weight: 700;
    font-style: normal;
}

.grants-page .text em {
    font-style: inherit;
    color: #00b49e;
}

.grants-page.grants-page-details {
    margin-top: -1px;
    padding: 100px 0;
    background-repeat: no-repeat;
    background-image: url('/images/grant/planet-blue.webp'),
    url('/images/grant/grants-details-bg.webp');
    background-position: 66.6% 0, 90% 40px;
    background-size: auto, 50%;
    background-color: #fff;
    color: #888;
}

.grants-page .grants-page-details-lead {
    margin-bottom: 50px;
    font-size: 24px;
}

.grants-page .grants-page-details-list {
    list-style: none;
    font-size: 18px;
    line-height: 1.55;
}

.grants-page .grants-page-details-list li {
    margin-top: 40px;
    padding: 0 0 0 35px;
}

.grants-page .grants-page-details-list li::before {
    content: "";
    float: left;
    margin: 8px 0 0 -35px;
    width: 16px;
    height: 16px;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    background: #42bfad;
}

.grants-page.grants-page-details em {
    font-weight: 700;
}

.grants-page .details-slider-strip {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 440px;
    height: 550px;
    padding: 13px;
    border-radius: 30px;
    background: rgba(45, 12, 89, .2);
}

.grants-page .details-slider-item {
    flex: 0 0 100%;
    width: 390px; /* slick */
    box-sizing: content-box;

    height: 100%;
    padding: 12px;
    border-radius: 30px;
    background: rgba(246, 246, 246, .7);
    transition: all 0.5s linear 0s;
}

.grants-page .details-slider-item-image {
    width: 390px;
    height: 500px;
    border-radius: 30px;
}

.grants-page .details-slider-controls {
    width: 440px;
    margin: -300px 0 0;
}

.grants-page .details-slider-controls .slider-arrow-next {
    float: right;
}

.grants-page.grants-page-reviews {
    padding: 200px 0 150px;
    background: url('/images/grant/grants-page-reviews-bg.webp') no-repeat 50% 0 / auto;
}

.grants-page .reviews-photo {
    position: relative;
    z-index: 2;
    height: 320px;
    margin: 50px -50px 0 0;
    padding: 20px;
    border-radius: 50%;
    background-color: rgba(256, 256, 256, 0.5);
    box-shadow: 0 0 35px rgba(151, 151, 151, 0.15);
}

.grants-page .reviews-photo-wrapper {
    display: inline-block;
    width: 280px; /*slick*/
    height: 280px;
    padding: 13px;
    border-radius: 50%;
    background-color: rgba(256, 256, 256, 0.5);
}

.grants-page .reviews-photo-image {
    border-radius: 50%;
    width: 254px;
    height: 254px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.grants-page .reviews-slider {
    margin: 0px 0px 50px;
}

.grants-page .reviews-slider-wrapper {
    display: flex;
}

.grants-page .reviews-slider .slider {
    width: 960px;
}

.grants-page .reviews-slider .slider {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 0 10px 5px rgba(151, 151, 151, 0.15);
}

.grants-page .reviews-slider .slider-item {
    flex: 0 0 100%;
    padding: 50px 75px 75px;
    background: #fff;
    transition: all 0.5s linear 0s;
    min-height: 410px;
}

.grants-page .reviews-slider .slider-arrow-next {
    margin-left: 20px;
}

.grants-page.grants-page-reviews .slider-item {
    font-size: 18px;
}

.grants-page.grants-page-reviews .slider-title {
    margin: 0 0 50px;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    color: #567a90;
}

.grants-page.grants-page-reviews .slider-person {
    margin-bottom: 10px;
    font-weight: 700;
}

.grants-page.grants-page-reviews .slider-name {
    color: #00ba9f;
}

.grants-page.grants-page-reviews .slider-text {
    font-style: italic;
}

.grants-page .reviews-slider-controls {
    margin: -25px 30px 0 0;
    text-align: right;
}

.grants-page.grants-page-apply {
    background: url('/images/grant/grants-page-apply-bg.webp') no-repeat 50% 100% / contain;
}

.grants-page.grants-page-apply .text {
    text-align: center;
    font-size: 24px;
    line-height: 1.33;
    color: #446e87;
}

.grants-page.grants-page-apply p {
    margin: 0 0 30px;
}

.grants-page .grants-page-button-holder {
    margin: 50px 0 100px;
}

.grants-page .grants-page-button {
    min-height: 45px;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    border-radius: 2em;
    cursor: pointer;
    background-color: #ff16a3;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    box-shadow: 0 5px 0 #b51067;
    position: relative;
    top: 0px;
    transition: all .3s;
    margin: 0px;
}

.grants-page .grants-page-button:hover,
.grants-page .grants-page-button:focus {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;
    color: #fff;
    text-decoration: none;
}

.grants-page .slider-arrow {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease;

    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15);
}

.grants-page .slider-arrow.disabled {
    cursor: default;
}

.grants-page .slider-arrow:hover,
.grants-page .slider-arrow:focus {
    background: #1b004e;
}

.grants-page .slider-arrow .arrow::before,
.grants-page .slider-arrow .arrow::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #a499b8;
    height: 2px;
    width: 14px;
    top: 3px;
    left: 0;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.grants-page .slider-arrow-next .arrow::before,
.grants-page .slider-arrow-next .arrow::after {
    left: auto;
    right: 0px;
}

.grants-page .slider-arrow-next .arrow::after {
    top: 12px;
}

.grants-page .slider-arrow-next .arrow::before {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.grants-page .slider-arrow-prev .arrow::after {
    transform: translateY(1px) rotate(45deg);
    top: 12px;
}

.grants-page .slider-arrow-prev .arrow::before {
    right: 0;
}

.grants-page .slider-arrow .arrow {
    position: absolute;
    top: 0;
    left: 0;
}

.grants-page .slider-arrow .arrow .line {
    position: absolute;
    background-color: #a499b8;
    height: 2px;
    width: 25px;
    top: 8.5px;
    left: 0;
    border-radius: 1px;
    pointer-events: none;
}

.grants-page .slider-arrow:hover::before,
.grants-page .slider-arrow:focus::after,
.grants-page .slider-arrow:hover .arrow .line,
.grants-page .slider-arrow:focus .arrow .line {
    background: #d1ccdc;
}

.grants-page .slider-arrow-prev .arrow .line {
    left: 4px;
}

.grants-page .grants-page-about-slider-items {
    width: 100%;
    position: relative;
    padding: 0;
}

.grants-page .slider-arrow-prev .arrow,
.grants-page .slider-arrow-next .arrow {
    top: 15px;
    left: 10px;
}

.grants-page .slider-arrow-next .arrow {
    left: auto;
    right: 10px;
}

.grants-page .slider-arrow-next .arrow .line {
    left: auto;
    right: 4px;
}

.grants-page .online-button {
    min-height: 45px;
    width: 100%;
    max-width: 240px;
    display: inline-block;
    text-align: center;
}

.grants-page .online-button:hover {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;
}

.grants-page .online-page .online-like-slider .text {
    width: 100%;
    word-wrap: break-word;
}

.grants-page .reviews-slider .text .ellipsis,
.grants-page .reviews-slider .text .next_text {
    font-weight: normal;
    color: #333333;
}

.grants-page .reviews-slider .text .next_text {
    display: none;
}

.grants-page .reviews-slider .text .show_next,
.grants-page .reviews-slider .text .scroll {
    display: block;
    float: right;
    cursor: pointer;
}

.grants-page .reviews-slider .text .scroll {
    display: none;
}

.grants-page .reviews-slider .text .show_next:hover,
.grants-page .reviews-slider .text .scroll:hover {
    text-decoration: underline;
}

.grants-page .reviews-slider .text span {
    color: #3db39e;
    font-weight: 700;
}

@media (min-width: 1200px) {
    .grants-page .grants-page-about-slider {
        width: 480px;
    }
}

@media (min-width: 1280px) {
    .grants-page .grants-page-about-image {
        flex: 0 0 55%;
    }

    .grants-page .grants-page-about-text {
        flex: 0 0 45%;
    }

    .grants-page .grants-page-about-slider {
        max-width: 500px;
        padding-top: 100px;
    }

    .grants-page .grants-page-about-slider-item .text p {
        line-height: 30px;
    }

    .grants-page .grants-page-details-list {
        margin-right: 50px;
    }
}

@media (min-width: 1366px) {
    .grants-page.grants-page-top {
        background-size: 110%;
        min-height: 790px;
        background-position: 50% -30px;
    }

    .grants-page .head_title {
        max-width: 550px;
        margin: 200px 0 0 150px;
    }

    .grants-page.grants-page-about {
        margin-top: -290px;
        padding-top: 200px;
        background-position: 45% -205px, 50% 100%;
    }

    .grants-page.grants-page-about::before {
        content: none;
    }

    .grants-page.grants-page-about::after {
        background-position: 28% 90%, 16% 20%, 69% 60%, 50% 0%, 50% -45%;
        background-size: auto, auto, auto, auto, 102%;
        height: 700px;
        margin-top: -660px;
    }

    .grants-page .grants-page-about-slider {
        width: 500px;
        padding-top: 130px;
    }
}

@media (min-width: 1600px) {
    .grants-page.grants-page-top {
        background-size: 100%;
        min-height: 850px;
    }

    .grants-page .head_title {
        max-width: 550px;
        margin: 200px 0 0 100px;
    }

    .grants-page .head_title h1 {
        font-size: 58px;
        line-height: 68px;
    }

    .grants-page.grants-page-about {
        margin-top: -260px;
        padding-top: 200px;
        background-position: 45% -285px, 50% 100%;
    }

    .grants-page.grants-page-about:after {
        background-position: 28% 100%, 19% 20%, 63% 69%, 50% 0%, 50% -9%;
    }

    .grants-page .grants-page-about-slider-item .text p {
        line-height: 32px;
    }

    .grants-page.grants-page-details {
        background-size: auto, 47%;
    }

    .grants-page.grants-page-reviews {
        padding-bottom: 200px;
    }
}

@media (max-width: 1440px) {
    .grants-page .grants-page-apply__bottom-image {
        width: 600px;
        height: auto;
    }
}

@media (max-width: 1200px) {
    .grants-page .grants-page-apply__bottom-image {
        width: 500px;
        height: auto;
    }
}

@media (max-width: 1024px) {
    .grants-page.grants-page-top {
        min-height: 720px;
    }

    .grants-page .head_title {
        max-width: 500px;
        margin: 120px 0 0 130px;
    }

    .grants-page .head_title h1 {
        margin-bottom: 25px;
        font-size: 40px;
        line-height: 1.2;
    }

    .grants-page .head_title-coddy-logo img {
        width: 135px;
        height: auto;
    }

    .grants-page .head_title .text {
        font-size: 20px;
        line-height: 1.3;
    }

    .grants-page.grants-page-about {
        min-height: auto;
        margin-top: -375px;
        padding: 100px 0 0;
        background-position: 45% -150px, 50% 100%;
    }

    .grants-page.grants-page-about:after {
        height: 590px;
        background-position: 25% 95%, 16% 20%, 69% 70%, 50% 0%, 50% -75%;
    }

    .grants-page .grants-page-about-slider {
        max-width: 400px;
        width: 400px;
        padding-top: 110px;
    }

    .grants-page .grants-page-about-slider-item .text p {
        font-size: 18px;
        line-height: 1.5;
    }
}

@media (max-width: 992px) {
    .grants-page.grants-page-about {
        background-position: 45% -140px, 50% 100%;
    }

    .grants-page.grants-page-about > .container {
        width: 840px;
    }

    .grants-page .head_title {
        margin: 120px 0 0 60px;
    }

    .grants-page .grants-page-about-slider {
        max-width: 375px;
        width: 375px;
        padding-top: 65px;
    }

    .grants-page .grants-page-about-image {
        flex: 0 0 52%;
    }

    .grants-page .grants-page-about-text {
        flex: 0 0 48%;
    }

    .grants-page .grants-page-about-text .text {
        padding: 0 0 0 2px;
    }

    .grants-page .grants-page-about-slider-title {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .grants-page .grants-page-about-slider-item .text p {
        font-size: 17px;
        line-height: 1.4;
    }

    .grants-page.grants-page-about:after {
        background-position: 25% 63%, 11% 9%, 69% 40%, 50% 0%, 50% -30%;
    }
}

@media (max-width: 960px) {
    .grants-page .grants-page-about-slider-image img {
        max-width: 100%;
    }

    .grants-page.grants-page-reviews .slider,
    .grants-page .grants-page-details-slider {
        width: auto;
    }

    .grants-page.grants-page-reviews .slider-item {
        padding: 40px 30px;
        width: 100%;
    }
}

@media (max-width: 870px) {
    .grants-page.grants-page-top {
        min-height: 670px;
        background-size: 135%;
    }

    .grants-page.grants-page-about {
        background-position: 45% -135px, 50% 100%;
        background-size: 160%, auto;
    }

    .grants-page.grants-page-about > .container {
        width: auto;
    }

    .grants-page.grants-page-about:after {
        height: 550px;
        margin-top: -700px;
        margin-bottom: -1px;
        background-position: 19% 50%, 11% 9%, 69% 33%, 50% 0%, 50% -35%;
    }

    .grants-page .grants-page-about-image,
    .grants-page .grants-page-about-text {
        flex: 0 0 50%;
    }

    .grants-page .grants-page-about-slider {
        max-width: 375px;
        width: 375px;
        padding-top: 35px;
    }

    .grants-page .head_title h1 {
        max-width: 400px;
        font-size: 26px;
        line-height: 1.25;
    }

    .grants-page .head_title .text {
        font-size: 16px;
        line-height: 1.3;
    }

    .grants-page.grants-page-details {
        padding-top: 0;
    }

    .grants-page.grants-page-details {
        background: none;
    }

    .grants-page .col-slider {
        margin-top: 30px;
        padding: 60px 0 0;
        background-image: url('/images/grant/planet-blue.webp'),
        url('/images/grant/grants-details-bg.webp');
        background-repeat: no-repeat;
        height: 75vw;
        background-size: 33%, cover;
        background-position: 40% 0, 50% 0;
    }

    .grants-page .details-slider-strip {
        margin: auto;
    }

    .grants-page .details-slider-controls {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .grants-page img {
        max-width: 100%;
    }

    .grants-page.grants-page-top {
        min-height: auto;
        background: #fff url('/images/grant/section1-mobile.webp') no-repeat 0 -30px;
    }

    .grants-page .head_title-coddy-logo img {
        width: 100px;
    }

    .grants-page .head_title {
        max-width: none;
        margin: 100px 15px 10px 35px;
    }

    .grants-page.grants-page-about {
        margin-top: -1px;
        padding-top: 200px;
        background-image: url('/images/grant/planet-yellow.webp'),
        url('/images/grant/section1-mobile-bottom.webp'),
        url('/images/grant/about-bg.webp');
        background-position: 90% 0, 50% 0, 50% 100%;
        background-size: 22%, contain, cover;
    }

    .grants-page.grants-page-about:after {
        height: 600px;
        background-position: 15% 84%, 75% 63%, 15% 3%, 85% 0%, 50% -800%;
        margin-top: -600px;
    }

    .grants-page .grants-page-about-image,
    .grants-page .grants-page-about-text {
        flex: 0 0 100%;
    }

    .grants-page .grants-page-about-image {
        order: 2;
        margin: -100px auto 0;
        width: 600px;
        max-width: 600px;
    }

    .grants-page .grants-page-about-slider {
        padding-top: 0;
        max-width: 100%;
        width: 90vw;
        margin: auto;
    }

    .grants-page .grants-page-about-slider-title {
        font-size: 22px;
    }

    .grants-page .grants-page-about-slider-item .text p {
        font-size: 16px;
        line-height: 1.375;
    }

    .grants-page .grants-page-about-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .grants-page .about-slider-controls {
        margin: 860px auto -800px;
        text-align: center;
    }

    .grants-page.grants-page-details {
        padding-top: 30px;
    }

    .grants-page .grants-page-details-lead {
        font-size: 20px;
    }

    .grants-page .grants-page-details-list {
        font-size: 16px;
    }

    .grants-page .grants-page-details-list li {
        margin-top: 25px;
        padding-left: 15px;
    }

    .grants-page .col-slider {
        height: 500px;
    }

    .grants-page.grants-page-reviews {
        padding: 150px 0 100px;
    }

    .grants-page .reviews-slider-wrapper {
        display: block;
    }

    .grants-page .reviews-photo-wrapper {
        width: 156px;
        height: 156px;
        padding: 7px;
    }

    .grants-page .reviews-photo {
        float: left;
        height: auto;
        padding: 11px;
        margin: 90px -50px -200px 30px;
    }

    .grants-page .reviews-photo .reviews-photo-image {
        width: 142px;
        height: 142px;
    }

    .grants-page .reviews-slider .slider {
        display: block;
        clear: both;
    }

    .grants-page.grants-page-reviews .slider-item {
        font-size: 16px;
    }

    .grants-page.grants-page-reviews .slider-title {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 24px;
    }

    .grants-page.grants-page-reviews .slider-text {
        clear: both;
        margin-top: 80px;
    }

    .grants-page.grants-page-reviews .slider-person {
        margin-left: 210px;
    }

    .grants-page.grants-page-reviews .slider-title {
        position: static;
        margin-bottom: 30px;
    }

    .grants-page.grants-page-reviews .slider-title + .slider-person {
        margin-top: 0;
    }

    .grants-page .reviews-slider-controls {
        margin: -25px auto 0;
        text-align: center;
    }

    .grants-page .reviews-slider .slider-arrow-next {
        background: #fff;
    }

    .grants-page .reviews-slider .slider-arrow-next .arrow::before,
    .grants-page .reviews-slider .slider-arrow-next .arrow::after,
    .grants-page .reviews-slider .slider-arrow-next .arrow .line {
        background-color: #a499b8;
    }

    .grants-page.grants-page-apply {
        background-image: url('/images/grant/grants-page-apply-astronaut.webp'),
        url('/images/grant/grants-page-apply-bg.webp');
        background-position: 50% 100%, 50% 100%;
        background-size: 100%, 200%;
    }

    .grants-page.grants-page-apply .text {
        font-size: 18px;
    }

    .grants-page.grants-page-apply .grants-page-apply__bottom {
        padding-top: 85vw;
    }

    .grants-page .grants-page-apply__bottom-image {
        display: none;
    }
}

@media (max-width: 640px) {
    .grants-page.grants-page-about:after {
        height: 600px;
        background-position: 19% 69%, 75% 52%, 14% 1%, 85% 0%, 50% 190%;
        margin-top: -600px;
    }

    .grants-page .grants-page-about-image {
        width: 90vw;
        max-width: 90vw;
    }

    .grants-page .about-slider-controls {
        margin: 860px auto -750px;
    }
}

@media (max-width: 480px) {
    .grants-page .head_title .text {
        font-size: 16px;
    }

    .grants-page .head_title .text br {
        display: none;
    }

    .grants-page.grants-page-details {
        padding-bottom: 0;
        padding-top: 0;
    }

    .grants-page .details-slider-controls {
        width: 330px;
        margin: -205px auto 0;
    }

    .grants-page .details-slider-strip {
        width: 290px;
        height: 360px;
        margin: auto;
        padding: 8px;
    }

    .grants-page .details-slider-item {
        padding: 7px;
    }

    .grants-page .details-slider-item-image {
        width: 260px;
        height: 330px;
    }

    .grants-page.grants-page-reviews {
        padding-top: 100px;
        background-position: 50% -50px;
    }

    .grants-page.grants-page-reviews .slider-title {
        position: static;
        margin-bottom: 30px;
    }

    .grants-page.grants-page-reviews .slider-text {
        margin-top: 50px;
    }

    .grants-page.grants-page-reviews .slider-title + .slider-person {
        margin-top: 0;
    }

    .grants-page .reviews-photo {
        margin-bottom: -250px;
    }

    .grants-page.grants-page-about {
        padding-top: 120px;
    }

    .grants-page.grants-page-about:after {
        height: 460px;
        background-position: 7% 56%, 80% 40%, 15% 1%, 85% 0%, 50% 160%;
        margin-top: -640px;
        background-size: 30vw, auto, auto, auto, 105%;
    }

    .grants-page .about-slider-controls {
        margin: 635px auto -575px;
        text-align: center;
    }

    .grants-page.grants-page-apply {
        background-position: 50% 100%, 50% 99%;
        background-size: 130%, 200%;
    }

    .grants-page.grants-page-apply .grants-page-apply__bottom {
        padding-top: 100vw;
    }
}

@media (max-width: 415px) {
    .grants-page.grants-page-about:after {
        height: 400px;
        background-position: 6% 69%, 80% 56%, 15% 0%, 85% 0%, 50% 170%;
        margin-top: -710px;
    }

    .grants-page .about-slider-controls {
        margin: 520px auto -480px;
    }
}

@media (max-width: 376px) {
    .grants-page.grants-page-about:after {
        background-position: 5% 73%, 80% 56%, 15% 0%, 85% 0%, 50% 170%;
        margin-top: -800px;
    }

    .grants-page .about-slider-controls {
        margin: 500px auto -450px;
    }
}

@media (max-width: 320px) {
    .grants-page .head_title h1 {
        font-size: 24px;
    }

    .grants-page.grants-page-about:after {
        height: 380px;
        background-position: 5% 80%, 80% 71%, 15% 0%, 85% 0%, 50% 165%;
        margin-top: -895px;
    }

    .grants-page .about-slider-controls {
        margin: 420px auto -380px;
    }

    .grants-page .details-slider-controls {
        width: auto;
    }

    .grants-page .reviews-photo {
        margin-bottom: -260px;
        margin-left: 60px;
    }

    .grants-page.grants-page-reviews .slider-person {
        margin-left: 0;
    }

    .grants-page.grants-page-reviews .slider-title + .slider-person {
        margin-top: 210px;
    }

    .grants-page.grants-page-reviews .slider-text {
        margin-top: 20px;
    }
}

/*КОНЕЦ Страница Гранты*/

/*Расписание*/
.schedule-page {
    width: 100%;
    min-height: 625px;
    background: #ffffff;
    margin: -21px 0px 0px;
    padding: 0px 0 0px;
    position: relative;
    background: url('/images/schedule/header-bg.webp') 50% 0% no-repeat,
    url('/images/schedule/footer-bg.webp') 50% 100% no-repeat;
}

.schedule-page .schedule-title {
    color: #ffffff;
    padding: 40px 0px 190px;
}

.schedule-page .c-filter {
    margin-bottom: 20px;
}

.schedule-page .c-filter .b-filter.format_schedule {
    flex: 0 0 15%;
}

.schedule-page .c-filter .b-filter.format_schedule .filter-options {
    width: 15%;
    left: 0px;
}

.schedule-page .c-filter .b-filter.type_schedule {
    flex: 0 0 25%;
}

.schedule-page .c-filter .b-filter.type_schedule .filter-options {
    width: 25%;
    left: 15%;
}

.schedule-page .c-filter .b-filter.age_schedule {
    flex: 0 0 25%;
}

.schedule-page .c-filter .b-filter.age_schedule .filter-options {
    width: 25%;
    left: 40%;
}

.schedule-page .c-filter .b-filter.start_date_schedule {
    flex: 0 0 23%;
}

.schedule-page .c-filter .b-filter.start_time_schedule {
    flex: 0 0 12%;
}

.schedule-page .c-filter .b-filter.start_time_schedule .filter-options {
    width: 12%;
    left: 88%;
}

.schedule-page .c-filter .b-filter label {
    font-size: 18px;
    line-height: 19px;
    padding: 13px 5px 8px 10px;
}

.schedule-page .c-filter .b-filter input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 98%;
    height: 46px;
    background-color: white;
    border: 3px solid #0493b4;
    padding: 12px 22px;
    -webkit-border-radius: 20px;
    border-radius: 2em 2em 2em 2em !important;
    outline: none;
}

.schedule-page .c-filter .b-filter.start_date_schedule input[type="text"] {
    width: calc(98% - 150px);
}

.schedule-page .c-filter .b-filter input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.schedule-page .c-filter .b-filter input[type="text"]:-ms-input-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.schedule-page .c-filter .b-filter input[type="text"]::-webkit-input-placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.schedule-page .c-filter .b-filter input[type="text"]::-ms-expand {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.schedule-page .c-filter .b-filter datalist option {
    font-size: 12px;
    line-hieght: 12px;
}

.schedule-page .schedule-desc {
    max-width: 400px;
    margin: 0px auto 40px;
    font-size: 16px;
    text-align: center;
}

.schedule-page .schedule-prev,
.schedule-page .schedule-next {
    transform: translateY(-50%);
    padding: 18px;
    display: none;
    font-size: 0;
    transition: .3s;
    background: rgba(0, 0, 0, 0) !important;
    text-transform: none;
    background-image: none;

    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15);

    position: absolute;
    top: 25px;
    left: calc(50% - 220px);
    cursor: pointer;
}

.schedule-page .schedule-next {
    left: auto;
    right: calc(50% - 150px);
}

.schedule-page .schedule-prev:hover,
.schedule-page .schedule-next:hover {
    background: rgba(0, 0, 0, 0) !important;
}

.schedule-page .schedule-prev .arrow {
    position: absolute;
    top: 6px;
    left: 12px;
}

.schedule-page .schedule-next .arrow {
    position: absolute;
    top: 6px;
    right: 12px;
}

.schedule-page .schedule-prev .arrow:before,
.schedule-page .schedule-next .arrow:before,
.schedule-page .schedule-prev .arrow:after,
.schedule-page .schedule-next .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #333;
    height: 2px;
    width: 20px;
    top: 11px;
    bottom: 25px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.schedule-page .schedule-prev .arrow:after,
.schedule-page .schedule-next .arrow:after {
    top: 26px;
    bottom: auto;
    transform: rotate(45deg);
}

.schedule-page .schedule-next .arrow:before,
.schedule-page .schedule-next .arrow:after {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.schedule-page .schedule-next .arrow:after {
    transform: rotate(-45deg);
}

.schedule-page .schedule-prev .arrow .line,
.schedule-page .schedule-next .arrow .line {
    position: absolute;
    display: block;
    background-color: #333;
    height: 2px;
    width: 30px;
    top: 19px;
    left: 4px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.schedule-page .schedule-next .arrow .line {
    top: 18px;
    left: auto;
    right: 4px;
    transform: translateX(-30px);
}

.schedule-page .schedule-prev:hover .arrow .line {
    opacity: 1;
    left: -24px;
}

.schedule-page .schedule-next:hover .arrow .line {
    opacity: 1;
    right: -24px;
}

.schedule-page .schedule-prev:hover .arrow:before,
.schedule-page .schedule-next:hover .arrow:after {
    transform: translateY(1px) rotate(135deg);
}

.schedule-page .schedule-next:hover .arrow:before,
.schedule-page .schedule-prev:hover .arrow:after {
    transform: rotate(223deg);
}

.schedule-page .schedule-next:hover .arrow:after {
    top: 24px;
}

.schedule-page a.link.submit {
    background-color: #0493b4;
    -webkit-box-shadow: 0 5px 0 #0484ac;
    box-shadow: 0 5px 0 #0484ac;
}

.schedule-page a.link.submit:hover {
    -webkit-box-shadow: 0 3px 0 #0484ac;
    box-shadow: 0 3px 0 #0484ac;
    top: 3px;
}

.schedule-page .text.bottom {
    width: 350px;
    margin: 250px 0px 200px;
}

.schedule-page .text.bottom span {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
}

.schedule-page .schedule-button {
    min-height: 45px;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    cursor: pointer;
    background-color: #ff16a3;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: 14px;
    box-shadow: 0 5px 0 #b51067;
    position: relative;
    top: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0px;
}

.schedule-page .schedule-button:hover {
    box-shadow: 0 2px 0 #b51067;
    top: 3px;
}

.schedule-page .monthes {
    position: relative;
    text-align: center;
    margin: 20px 0px 40px;
    min-height: 30px;
}

.schedule-page .monthes .month {
    font-size: 18px;
    font-weight: bold;
}

.schedule-page .calendar {
    display: grid;
    justify-self: center;
    column-gap: 2px;
    row-gap: 2px;
    grid-template-columns: repeat(7, 162px);
    background: url(/images/schedule/schedule_rocket.png) 50% 100% no-repeat;
    padding-bottom: 320px;
}

.schedule-page .week-day {
    font-size: 16px;
    padding-bottom: 17px;
    text-align: center;
}

.schedule-page .day {
    border-radius: 30px;
    border: 3px solid #0484ac;
    padding-bottom: 15px;
    width: 162px;
    min-height: 180px;
    color: #0484ac;
    display: grid;
    grid-template-rows: auto 1fr auto;
    row-gap: 18px;
    align-items: center;
}

.schedule-page .day.active {
    height: 110%;
}

.schedule-page .day.past_day {
    opacity: 0.5;
}

.schedule-page .day.emptyDay {
    border: none !important;
    background: none !important;
}

.schedule-page .day.isLesson {
    border: 3px solid #00ba9f;
    background-color: #00ba9f;
    color: white;
}

.schedule-page .day.weekend {
    color: #f18225;
    border: 3px solid #f18225;
}

.schedule-page .day.weekend.isLesson {
    background-color: #f18225;
    color: white;
}

.schedule-page .day .date {
    justify-self: end;
    padding: 9px 9px 0px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.schedule-page .day .info {
    display: grid;
    row-gap: 10px;
    justify-items: center;
    max-height: 100%;
    font-size: 14px;
    line-height: 16px;
    align-self: start;
}

.schedule-page .day .name {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 16px;
    justify-self: stretch;
    text-align: center;
}

.schedule-page .calendar .day a.show_courses_more {
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
}

.schedule-page .day a.show_courses_more span:nth-child(1) {
    display: block;
    font-size: 40px;
    line-height: 46px;
    text-decoration: none;
}

.schedule-page .day a.show_courses_more span:nth-child(2) {
    display: block;
    text-decoration: underline;
}

.schedule-page .calendar .day .info,
.schedule-page .calendar .day .time,
.schedule-page .calendar .day .name,
.schedule-page .calendar .day a {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
}

.schedule-page .calendar .day a {
    cursor: text;
    color: inherit;
}

.schedule-page .calendar .day.isLesson a:hover {
    cursor: pointer;
}

.schedule-page .calendar a.default-cursor:hover {
    text-decoration: none;
}

.schedule-page .calendar .day .time,
.schedule-page .calendar .day .name {
    display: none;
}

.schedule-page .calendar .day.isLesson .time,
.schedule-page .calendar .day.isLesson .name {
    display: block;
}

.schedule-page .isLesson a {
    color: inherit;
}

.schedule-page .day-lessons {
    grid-column: 1/8;
    display: none;
    grid-template-columns: repeat(3, 370px);
    column-gap: 15px;
    row-gap: 15px;
    padding: 10px 0px;
}

.schedule-page .day-lessons.active {
    display: grid;
}

.schedule-page .lesson {
    height: 290px;
    width: 370px;
    border-radius: 30px;
    padding: 14px 15px;
    box-shadow: 0px 0px 10px rgba(179, 94, 94, 0.28);
    grid-template-rows: 1fr auto auto auto;
    display: grid;
    row-gap: 5px;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    position: relative;
}

.schedule-page .day-lessons .lesson.not-act {
    display: none;
}

.schedule-page .lesson .head {
    display: grid;
    align-self: start;
    grid-template-columns: 1fr 54px;
    grid-template-rows: auto auto 1fr;
    row-gap: 5px;
    column-gap: 1px;
}

.schedule-page .lesson .head .direction {
    color: #00ba9f;
}

.schedule-page .lesson .head .name {
    font-size: 18px;
    align-self: start;
    line-height: 18px;
    max-height: 70px;
    overflow: hidden;
}

.schedule-page .lesson .head .directionImg {
    grid-row: 1/4;
    grid-column: 2/3;
    padding: 9px;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    background-color: #00ba9f;
    box-sizing: border-box;
}

.schedule-page .lesson .dataName {
    color: #00ba9f;
}

.schedule-page .row-1 {
    grid-row: 3/4;
}

.schedule-page .row-2 {
    grid-row: 4/5;
}

.schedule-page .row-3 {
    grid-row: 5/6;
}

.schedule-page .row-4 {
    grid-row: 6/7;
}

.schedule-page .row-5 {
    grid-row: 7/8;
}

.schedule-page .lesson .btns {
    display: grid;
    align-items: center;
    align-self: end;
    grid-template-columns: 1fr auto;
    padding-bottom: 5px;
}

.schedule-page .lesson .btns a:first-child {
    font-weight: 400;
    color: #00ba9f;
    justify-self: start;
}

.schedule-page .month_course_null {
    display: none;
    padding: 30px 40px;
}

.schedule-page .month_course_null .month_course_null_desc {
    max-width: 450px;
    margin: 0px auto 30px;
    text-align: center;
}

.schedule-page .month_course_null .month_course_null_btn {
    text-align: center;
}

.schedule-page .month_course_null .month_course_null_btn a {
    margin: 0px 10px;
}

.schedule-page .month_block {
    display: none;
}

.schedule-page .month_block:nth-child(2) {
    display: block;
}

.schedule-page .schedule-prev,
.schedule-page .schedule-next {
    display: none;
}

.schedule-page .month_course_list,
.schedule-page .month_course_cal {
    margin-top: 25px;
}

.schedule-page .month_course_list {

}

.schedule-page .month_course_cal {
    display: none;
}

@media (max-width: 1025px) {
    .schedule-page > .container {
        width: auto;
    }

    .schedule-page .schedule-title {
        background: url('/images/schedule/yellow-planet.webp') no-repeat 110% 95%,
        url('/images/schedule/pink-planet.webp') no-repeat -14% 95%;
        color: #f6f6f6;
    }

    .schedule-page .c-filter {
        flex-wrap: wrap;
    }

    .schedule-page .day {
        width: auto;
        min-height: 0;
        font-size: 12px;
        border-radius: 40px;
        background: #fff;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
        grid-template-rows: 60px;
        opacity: 1;
    }

    .schedule-page .day .date {
        justify-self: center;
        font-size: 18px;
    }

    .schedule-page .week-day {
        font-size: 11px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .schedule-page .day.past_day {
        opacity: 1;
    }

    .schedule-page .day.emptyDay {
        grid-template-rows: 90px;
    }

    .schedule-page .calendar {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        row-gap: 5px;
        background-size: 80%;
        background-position: 0% 100%;
    }

    .schedule-page .day .info {
        display: none;
    }

    .schedule-page .calendar .day .info,
    .schedule-page .calendar .day .time,
    .schedule-page .calendar .day .name,
    .schedule-page .calendar .day a {
        font-size: 12px;
        line-height: 14px;
    }

    .schedule-page .calendar .day a.show_courses_more {
        font-size: 11px;
    }

    .schedule-page .day a.show_courses_more span {
        font-size: 11px;
    }

    .schedule-page .day-lessons.active {
        display: block;
    }

    .schedule-page .lesson {
        width: auto;
        max-width: 450px;
        margin-bottom: 15px;
        background: #fff;
    }

    .schedule-page .lesson .btns a:first-child {
        font-size: 16px;
    }
}

@media (min-width: 801px) and (max-width: 1025px) {
    .schedule-page {
        background: url('/images/schedule/header-bg.webp') 50% 0% no-repeat,
        url('/images/schedule/footer-bg.webp') 50% 100% no-repeat;
        background-size: auto, 200%;
    }

    .schedule-page .schedule-title {
        background: none;
    }

    .schedule-page .c-filter .b-filter.type_schedule {
        flex: 0 0 20%;
    }

    .schedule-page .c-filter .b-filter.start_date_schedule {
        flex: 0 0 27%;
    }

    .schedule-page .c-filter .b-filter.start_date_schedule input[type="text"] {
        width: 100px;
    }

    .schedule-page .calendar .day .info,
    .schedule-page .calendar .day .time,
    .schedule-page .calendar .day .name,
    .schedule-page .calendar .day a {
        font-size: 11px;
    }
}

@media (min-width: 541px) and (max-width: 900px) {
    .schedule-page .c-filter {
        display: flex;
        flex-wrap: wrap;
        justify-content: right;
    }

    .schedule-page .b-filter {
        margin-bottom: 10px;
    }

    .schedule-page .c-filter .b-filter.format_schedule {
        flex: 0 0 33%;
    }

    .schedule-page .c-filter .b-filter.type_schedule {
        flex: 0 0 33%;
    }

    .schedule-page .c-filter .b-filter.age_schedule {
        flex: 0 0 33%;
    }

    .schedule-page .c-filter .b-filter.start_time_schedule {
        flex: 0 0 20%;
    }

    .schedule-page .c-filter .b-filter.start_date_schedule {
        flex: 0 0 39%;
    }
}

@media (max-width: 800px) {
    .schedule-page .schedule-title {
        background: url('/images/schedule/yellow-planet.webp') no-repeat 110% 99%;
        color: #f6f6f6;
    }

    .schedule-page .calendar {
        background: none;
    }

    .schedule-page .day {
        font-size: 11px;
        grid-template-rows: auto;
    }

    .schedule-page .format_schedule .filter-options,
    .schedule-page .type_schedule .filter-options,
    .schedule-page .age_schedule .filter-options,
    .schedule-page .start_time_schedule .filter-options {
        width: auto !important;
    }

    .schedule-page .text.bottom {
        width: auto;
        margin: 150px 0px 100px;
    }
}

@media (min-width: 541px) and (max-width: 800px) {
    .schedule-page {
        background: url('/images/schedule/header-bg.webp') 50% 0% no-repeat,
        url('/images/schedule/footer-bg.webp') 50% 100% no-repeat;
        background-size: auto, 200%;
    }

    .month_1.month_block {
        padding-bottom: 200px;
    }

    .schedule-page .day {
        border-radius: 35px;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
        grid-template-rows: auto;
    }

    .schedule-page .day .date {
        justify-self: right;
    }

    .schedule-page .row:nth-child(4) .col-md-12 {
        background: url('/images/schedule/schedule_rocket.webp') -15vw 85% no-repeat;
        background-size: 90%;
    }
}

@media (min-width: 541px) and (max-width: 767px) {
    .schedule-page .c-filter .b-filter.start_date_schedule {
        flex: 0 0 50%;
        text-align: right;
        padding-right: 0.33em;
    }

    .schedule-page .c-filter .b-filter.start_date_schedule input[type="text"] {
        width: 102px;
    }
}

@media (max-width: 767px) {
    .schedule-page .day a.show_courses_more span:nth-child(1) {
        font-size: 18px;
        line-height: 22px;
    }
}


@media (max-width: 580px) {
    .schedule-page .schedule-title {
        background: url("/images/schedule/yellow-planet.webp") no-repeat 110% 95%, url("/images/schedule/pink-planet.webp") no-repeat -14% 99%, url("/images/schedule/blue-planet.webp") no-repeat 16% 60%;
        color: #f6f6f6;
    }

    .schedule-page .calendar {
        background-size: 115%;
        background-position: -30vw 66%;
    }

    #informer {
        margin-left: 0px !important;
    }
}

@media (max-width: 540px) {
    .schedule-page {
        background-size: auto, 300%, 90%;
    }

    .schedule-page .schedule-title {
        background: url('/images/schedule/pink-planet.webp') no-repeat -90px 80%,
        url('/images/schedule/yellow-planet.webp') no-repeat 130% 80%;
    }

    .schedule-page .row:nth-child(4) .col-md-12 {
        background: url('/images/schedule/schedule_rocket.webp') -30vw 85% no-repeat;
        background-size: 115%;
    }

    .schedule-page .calendar {
        padding-bottom: 270px;
    }

    .schedule-page .text.bottom {
        width: auto;
        margin: 150px 0px 50px;
    }

    .schedule-page .text.bottom p {
        margin: 0 120px 2em 0;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {
    .b-filter {
        position: relative;
    }
}

/*Конец рассписания*/

.SK_logo {
    margin-top: 20px;
    width: 150px;
    height: auto;
}

/* #region Попап для мероприятий */
.promoevent-block {
    width: 98vw;
    margin: auto;
    max-width: 576px;
    text-align: center;
    position: relative;
}

.promoevent-popup-body {
    padding: 50px 0 20px;
    font-size: 14px;
    background: url("/images/cloud.svg") no-repeat 50% 50% / contain;
}

.promoevent-popup-body-inner {
    display: inline-block;
    margin-bottom: 45px;
}

.promoevent-title {
    margin-bottom: 0.125em;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    color: #00a0be;
    text-transform: uppercase;
}

.promoevent-price {
    margin-top: 12px;
}

.promoevent-price-profit ins {
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 19px;
    background: #ff0647;
    color: #fff;
    text-decoration: none;
}

.promoevent-price-discount {
    padding: 5px 0 0;
    font-weight: 700;
    font-size: 35px;
    line-height: 1;
    color: #3b9376;
}

.promoevent-price-base del {
    font-size: 22px;
    color: #adb5c4;
    text-decoration: line-through;
}

.promoevent-block .field-button {
    display: inline-block;
    width: 90%;
    max-width: 200px;
    margin-top: 12px;
    text-align: center;
}

.promoevent-block .field-button .link {
    width: 100%;
    max-width: 100%;
}

.promoevent-block .close {
    top: 45px;
    right: 0;
    width: 35px;
    height: 35px;
    background-size: 35px;
}

@media (min-width: 412px) {
    .promoevent-popup-body {
        font-size: 15px;
    }

    .promoevent-title {
        font-size: 26px;
    }

    .promoevent-price {
        margin-top: 15px;
    }

    .promoevent-price-profit ins {
        padding: 1px 10px 2px;
        font-size: 20px;
    }

    .promoevent-price-discount {
        padding: 10px 0 0;
        font-size: 42px;
    }

    .promoevent-price-base del {
        font-size: 24px;
    }

    .promoevent-block .field-button {
        margin-top: 15px;
    }
}

@media (min-width: 580px) {
    .promoevent-block {
        width: 90%;
    }

    .promoevent-popup-body {
        font-size: 17px;
    }

    .promoevent-title {
        font-size: 30px;
    }

    .promoevent-price {
        margin-top: 25px;
    }

    .promoevent-price-profit ins {
        padding: 2px 10px;
        font-size: 25px;
    }

    .promoevent-price-discount {
        padding: 10px 0 0;
        font-size: 57px;
    }

    .promoevent-price-base del {
        font-size: 37px;
    }

    .promoevent-block .field-button {
        margin-top: 35px;
    }

    .promoevent-block .close {
        right: -20px;
    }
}

/* #endregion  */
.coddy_logo {
    font-family: 'Fredoka One' !important;
}

.campevent-block {
    width: 100%;
    margin: auto;
    max-width: 1000px;
}

.campevent-block .campevent-popup-body {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 680px;
    padding: 0px;
    margin: auto;
    display: table;
}

.campevent-block .campevent-popup-body-inner {
    position: relative;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 60px 150px 0px;
    text-align: center;
}

.campevent-block .campevent-popup-body-inner .close {
    right: 180px;
    top: 200px;
}

.campevent-block .campevent-popup-body-inner .campevent-title {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.campevent-block .campevent-popup-body-inner .campevent-title span {
    font-size: 1em;
    line-height: 1.2em;
}

.campevent-block .campevent-popup-body-inner .campevent-title-mobile {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .campevent-title-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .campevent-title {
        display: none;
    }

    .campevent-title-mobile {
        display: block;
    }
}

.campevent-block .campevent-popup-body-inner .campevent-title-mobile span {
    font-size: 1em;
    line-height: 1.2em;
}

.campevent-block .campevent-popup-body-inner .campevent-popup-button {
    text-align: center;
    display: block;
    width: 440px;
    margin: auto;
}

.campevent-block .campevent-popup-body-inner .campevent-popup-button a {
    display: inline-block;
    background: #febe30;
    min-width: 200px;
    color: #1b0d62;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
    margin: 0px 15px 0px 0px;
}

.campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(2n) {
    background: #a23ae4;
    color: #ffffff;
    margin: 0px 0px 0px 15px;
}

.campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(3n) {
    background: #0df2c7;
    margin: 15px 0px 0px 0px;
}

.campevent-block .campevent-popup-body-inner .campevent-popup-button a:hover {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
}

.campevent-block .campevent-popup-body-bg-mobi {
    display: none;
}

@media screen and (max-width: 1100px) {
    .campevent-block .campevent-popup-body-inner .close {
        right: 150px;
        top: 190px;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title span {
        font-size: 0.85em;
        line-height: 0.85em;
    }
}

@media screen and (max-width: 992px) {
    .campevent-block .campevent-popup-body-inner .campevent-popup-button a {
        margin: 0px 5px 0px 0px;
    }

    .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(2n) {
        margin: 0px 0px 0px 5px;
    }

    .campevent-block .campevent-popup-body {
        min-height: 630px;
    }

    .campevent-block .campevent-popup-body-inner .close {
        right: 100px;
        top: 190px;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title span {
        font-size: 0.7em;
        line-height: 0.7em;
    }
}

@media screen and (max-width: 930px) {
    .campevent-block.btn_more {
        width: 110%;
        margin: 0px -5%;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title span {
        font-size: 0.6em;
        line-height: 0.6em;
    }
}

@media screen and (max-width: 870px) {
    .campevent-block .campevent-popup-body {
        min-height: 600px;
    }

    .campevent-block .campevent-popup-body-inner {
        padding-top: 15px;
    }

    .campevent-block .campevent-popup-body-inner .close {
        top: 170px;
    }
}

@media screen and (max-width: 768px) {
    .campevent-block.btn_more {
        width: 100%;
        margin: auto;
    }

    .campevent-block .campevent-popup-body {
        background: none !important;
        min-height: 600px;
    }

    .campevent-block .campevent-popup-body-bg-mobi {
        display: block;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .campevent-block .campevent-popup-body-inner .close {
        top: 130px;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title {
        line-height: 40px !important;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title span {
        font-size: 0.5em;
        line-height: 0.5em;
    }

    .campevent-block .campevent-popup-body-inner .campevent-popup-button a,
    .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(2n),
    .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(3n) {
        margin: 0px auto 15px;
        display: block;
        min-width: 200px;
        width: 90%;
        max-width: 250px;
    }

    .campevent-block .campevent-popup-body-inner .campevent-popup-button {
        width: 100%;
    }
}

@media screen and (max-width: 670px) {
    .campevent-block .campevent-popup-body-inner {
        padding-left: 100px;
        padding-right: 100px;
    }

    .campevent-block .campevent-popup-body-inner .close {
        right: 70px;
        top: 140px;
    }
}

@media screen and (max-width: 630px) {
    .campevent-block.btn_more .campevent-popup-body-bg-mobi {
        left: -5%;
        width: 110%;
    }

    .campevent-block .campevent-popup-body-inner {
        padding: 60px 50px 0px;
    }

    .campevent-block .campevent-popup-body-inner .close {
        right: 50px;
        top: 160px;
    }
}

@media screen and (max-width: 565px) {
    .campevent-block .campevent-popup-body {
        min-height: 460px;
    }

    .campevent-block .campevent-popup-body-inner .close {
        right: 20px;
        top: 110px;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title {
        line-height: 30px !important;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title span {
        font-size: 0.4em;
        line-height: 0.4em;
    }
}

@media screen and (max-width: 500px) {
    .campevent-block.btn_more .campevent-popup-body {

    }

    .campevent-block.btn_more .campevent-popup-body-bg-mobi {
        left: -10%;
        width: 120%;
    }

    .campevent-block .campevent-popup-body-inner .close {
        right: 0px;
        top: 120px;
    }
}

@media screen and (max-width: 450px) {
    .campevent-block.btn_more .campevent-popup-body-bg-mobi {
        left: -15%;
        width: 130%;
    }

    .campevent-block .campevent-popup-body-inner {
        padding: 60px 0px 0px;
        width: 100%;
    }

    .campevent-block .campevent-popup-body-inner .close {
        right: -20px;
        top: 120px;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title {
        line-height: 20px !important;
    }

    .campevent-block .campevent-popup-body-inner .campevent-title span {
        font-size: 14px;
        line-height: 0.3em;
    }
}

@media screen and (max-width: 400px) {
    .campevent-block .campevent-popup-body {
        min-height: 400px;
    }

    .campevent-block .campevent-popup-body-inner .close {
        right: -20px;
        top: 95px;
    }

    .campevent-block .campevent-popup-body-inner .campevent-popup-button a,
    .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(2n),
    .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(3n) {
        margin: 0px auto 10px;
        display: block;
        width: 90%;
        min-width: 150px;
    }
}

.cons_block_link {
    margin: 0px 0px 0px;
    text-align: center;
}

.cons_block_link a {
    display: inline-block;
    margin: 0px 0px 30px;
    position: relative;
    padding: 0px 10px;
}

.cons_block_link a:before {
    display: block;
    content: "| ";
    position: absolute;
    top: 0px;
    left: -5px;
}

.cons_block_link a:first-child:before {
    content: "";
}

.color-red {
    color: #f00;
}

.search_block {
    position: relative;
    margin: 50px auto 30px;
    width: 100%;
    max-width: 872px;
}

.search_block .search {
    position: relative;
    width: 50%;
    margin: auto;
}

.search_block .search input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    background-color: white;
    border: 3px solid #0493b4;
    padding: 12px 22px;
    -webkit-border-radius: 20px;
    border-radius: 2em 2em 2em 2em !important;
    outline: none;
    font-weight: 700;
    font-size: 14px;
}

.search_block .search input[type="text"]::placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.search_block .search button {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -13px;
    width: 24px;
    height: 25px;
    background: url('/images/btn-search.webp') no-repeat;
    background-size: contain;
    cursor: pointer;
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
}

.load_certificate_block img {
    max-width: 70%;
    max-height: 90vh;
}

.certificate_block {
    margin: 0px auto 70px;
}


/*Страница Лицензии*/

.page-nm {
    position: relative;
}


.page-nm ul {
    padding: 0;
    margin: 0;
}

.page-nm ul li {
    padding: 0;
    list-style: none;
}

.page-nm__top {
    margin: 81px 0 150px;
    width: 560px;
    position: relative;
    z-index: 3;
}

.page-nm__top h1 {
    margin-bottom: 40px;
    font-weight: 900;
    font-size: 56px;
    line-height: 60px;
    color: #2B4554;
    text-align: left;
}

.page-nm__top h1 span {
    color: #0095b6;
}

.page-nm__top-tx {
    margin-bottom: 37px;
    font-weight: 500;
    font-size: 21px;
    line-height: 29px;
    color: #666666;
}

.page-nm__top-bloq {
    width: 480px;
    padding: 6px 17px;
    display: flex;
    align-items: center;
    position: relative;
}

.page-nm__top-bloq:before {
    content: '';
    width: 25px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-image: url("/images/license/img1.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.page-nm__top-bloq:after {
    content: '';
    width: 25px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background-image: url("/images/license/img2.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.page-nm__top-bloq-tx {
    width: calc(100% - 100px);
    font-size: 14px;
    line-height: 19px;
    color: #999999;
}

.page-nm__top-bloq-img img {
    max-width: 100%;
}

.page-nm__info {
    margin: 110px 0 0px;
}

.page-nm__info .row {
    align-items: center;
}

.page-nm__info-img img {
    max-width: 100%;
}

.page-nm__info-text p {
    margin-bottom: 27px;
    font-size: 16px;
    line-height: 22px;
    color: #666666;
}

.page-nm__info-text p strong {
    color: #3DB39E;
}

.page-nm__info-text ul {
    margin-bottom: 27px;
}

.page-nm__info-text ul li {
    margin-bottom: 20px;
    padding-left: 27px;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: #666666;
}

.page-nm__info-text ul li:last-of-type {
    margin-bottom: 0;
}

.page-nm__info-gr .page-nm__info-img {
    margin-top: -100px;
}

.page-nm__info-gr .page-nm__info-text ul li a {
    color: #0484AC;
}

.page-nm__info-bl .page-nm__info-text ul li a {
    color: #3DB39E;
}

.page-nm__info-text ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 10px;
    left: 4px;
    z-index: 3;
    background: #3DB39E;
    border-radius: 100px;
}

.page-nm__info-gr .page-nm__info-text ul li:before {
    background: #0484AC;
}

.page-nm__info-text ul li:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 8px;
    left: 2px;
    z-index: 2;
    background: rgba(61, 179, 158, 0.15);
    border-radius: 100px;
}

.page-nm__info-gr .page-nm__info-text ul li:after {
    background: rgba(4, 132, 172, 0.25);
}

.page-nm__info-text-title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
}

.page-nm__info-bl .page-nm__info-text-title {
    color: #3DB39E;
}

.page-nm__info-gr .page-nm__info-text-title {
    color: #0484AC;
}

.page-nm__docs {
    margin: 100px 0 100px;
}

.page-nm__docs h2 {
    margin-bottom: 35px;
    color: #0484AC;
}

.page-nm__docs-col {
    height: 100%;
    padding: 40px;
}

.page-nm__docs-col.bg1 {
    background: rgba(4, 132, 172, 0.1);
    border-radius: 25px;
}

.page-nm__docs-col.bg2 {
    background: rgba(61, 179, 158, 0.15);
    border-radius: 25px;
}

.page-nm__docs-title {
    margin-bottom: 42px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

.bg1 .page-nm__docs-title {
    color: #0484AC;
}

.bg2 .page-nm__docs-title {
    color: #3DB39E;
}

.page-nm__docs-list-item {
    padding-bottom: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

.page-nm__docs-list-item:before {
    content: '';
    width: 1px;
    height: calc(100% - 50px);
    position: absolute;
    left: 15px;
    bottom: 9px;
    z-index: 1;
    background: rgba(4, 132, 172, 0.25);
}

.page-nm__docs-list-item:last-of-type {
    padding-bottom: 0;
}

.page-nm__docs-list-item:last-of-type:before {
    display: none;
}

.page-nm__docs-list-tx {
    width: calc(100% - 50px);
    font-size: 16px;
    line-height: 22px;
    color: #2B4554;
}

.bg1 .page-nm__docs-list-tx a {
    color: #0484AC;
}

.bg2 .page-nm__docs-list-tx a {
    color: #3DB39E;
}

.page-nm__docs-list-tx-tw {
    margin-top: 12px;
    padding-left: 17px;
    font-size: 14px;
    line-height: 22px;
    color: #2B4554;
}

.page-nm__docs-list-tx-bottom {
    margin-top: 30px;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #2B4554;
}

.page-nm__docs-list-tx-bottom a {
    color: #0484AC !important;
}

.page-nm__docs-list-numb {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    border-radius: 100px;
    background: #0484AC;
}

.page-nm__docs-list-numb:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 2;
    border-radius: 100px;
    background: rgba(4, 132, 172, 0.15);
}

.bg2 .page-nm__docs-list-numb {
    background: #3DB39E;
}

.bg2 .page-nm__docs-list-numb:before {
    background: rgba(61, 179, 158, 0.15);
}

.page-nm__faq {
    margin-bottom: 100px;
}

.page-nm__faq h2 {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #3DB39E;
}

.page-nm__acc .accordion__item {
    margin-bottom: 5px;
}

.page-nm__acc .accordion__title {
    padding-right: 50px;
    position: relative;
    border: 1px solid #3DB39E;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.page-nm__acc .accordion__title-text {
    padding: 14px 20px;
    display: block;
}

.page-nm__acc .accordion__title:after {
    content: '+';
    display: block;
    position: absolute;
    right: 21px;
    top: 4px;
    z-index: 2;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: #3DB39E;
}

.page-nm__acc .accordion__title.accordion-active {
    background: #3DB39E;
    color: #fff;
}

.page-nm__acc .accordion__title.accordion-active + .accordion__content {
    display: block;
}

.page-nm__acc .accordion__title.accordion-active:after {
    content: '-';
    color: #fff;
}

.page-nm__acc .accordion__content {
    padding: 27px 22px;
    display: none;
}

.page-nm__acc .accordion__content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #2B4554;
}

.page-nm__acc .accordion__content p strong {
    color: #3DB39E;
}

.page-nm__acc .accordion__content ol {
    margin-bottom: 7px;
    list-style: decimal;
    font-size: 16px;
    line-height: 22px;
    color: #2B4554;
}

.page-nm__acc .accordion__content ol li {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 22px;
    color: #2B4554;
}

.page-nm__acc .accordion__content ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.page-nm__acc .accordion__content ul li {
    margin-bottom: 7px;
    list-style: circle;
    font-size: 16px;
    line-height: 22px;
    color: #2B4554;
}

.page-nm__imgs-item {
    position: absolute;
    z-index: 2;
}

.page-nm__imgs-item img {
    max-width: 100%;
}

.page-nm__imgs-item.bg1 {
    top: 0;
    left: 0;
}

.page-nm__imgs-item.bg2 {
    top: 0;
    right: 0;
}

.page-nm__imgs-item.bg3 {
    top: 38%;
    right: 0;
}

.page-nm__imgs-item.bg4 {
    top: 58%;
    left: 0;
}

@media screen and (max-width: 1500px) {
    .page-nm__imgs-item.bg2 {
        width: 600px;
    }

    .page-nm__imgs-item.bg1, .page-nm__imgs-item.bg3, .page-nm__imgs-item.bg4 {
        width: 150px;
    }
}

@media screen and (max-width: 1300px) {
    .container {
        max-width: 991px;
    }
}

@media screen and (max-width: 1200px) {
    .page-nm__imgs-item.bg2 {
        width: 450px;
    }
}

@media screen and (max-width: 1200px) {
    .container {
        max-width: 900px;
    }
}

@media screen and (max-width: 991px) {
    .page-nm__top {
        width: 460px;
        margin: 50px 0 80px;
    }

    .page-nm__top h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .page-nm__top-tx {
        font-size: 18px;
        line-height: 24px;
    }

    .page-nm__imgs-item.bg2 {
        width: 300px;
    }

    .page-nm__imgs-item.bg1 {
        width: 80px;
        top: 7%;
    }

    .page-nm__imgs-item.bg3, .page-nm__imgs-item.bg4 {
        width: 100px;
    }

    .page-nm__info {
        margin: 40px 0;
    }

    .page-nm__info-img {
        margin: 20px 0;
        margin-top: 20px;
        text-align: center;
    }

    .page-nm__info-gr .page-nm__info-img {
        margin-top: 20px;
    }

    .page-nm__docs {
        margin: 40px 0;
    }

    .page-nm__docs-col {
        height: auto;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .page-nm__top {
        padding-top: 50px;
        width: 100%;
    }

    .page-nm__top h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .page-nm__top-tx {
        font-size: 16px;
    }

    .page-nm__top-bloq {
        width: 100%;
    }

    .page-nm__top-bloq:before, .page-nm__top-bloq:after {
        width: 38px;
        background-size: auto 100%;
    }

    .page-nm__imgs-item.bg2 {
        width: 150px;
    }

    .page-nm__info-text p, .page-nm__info-text ul li {
        font-size: 14px;
    }

    .page-nm__info-text ul li {
        margin-bottom: 7px;
    }

    .page-nm__info-text-title {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .page-nm__docs-col {
        padding: 20px;
    }

    .page-nm__docs-title {
        font-size: 16px;
    }

    .page-nm__docs-list-tx {
        font-size: 14px;
    }

    .page-nm__acc .accordion__title {
        font-size: 14px;
    }

    .page-nm__acc .accordion__content p,
    .page-nm__acc .accordion__content ol,
    .page-nm__acc .accordion__content ul li {
        font-size: 14px;
    }
}

/*КОНЕЦ страница Лицезии*/


@media screen and (min-width: 991px) and (max-width: 1300px) {
    .footer-social {
        margin-top: 20px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .we-teach-topic .click-to-nav a:nth-child(10) {
        top: 231px;
        left: -31px;
    }

    .we-teach-topic .click-to-nav a:nth-child(5) {
        left: 398px;
    }

    .we-teach-topic .click-to-nav a:nth-child(4) {
        top: 262px;
        left: 205px;
    }

    .we-teach-topic .click-to-nav a:nth-child(6) {
        top: 233px;
        left: 490px;
    }

    .we-teach-topic .click-to-nav a:nth-child(9) {
        right: -8px;
    }

    .we-teach-topic .click-to-nav a:nth-child(11) {
        right: -1px;
    }

    .wrapper-sect-inside .col-md-6:first-of-type {
        width: 60%;
    }

    .wrapper-sect-inside .col-md-6:last-of-type {
        width: 40%;
    }

    .price-coddy .price_item .price_item_title {
        top: 53px;
        font-size: 16px;
    }

    .price-coddy .price_item .price_item_price {
        top: 350px;
    }

    .price-coddy .price_item {
        height: 460px;
    }

    .price-coddy .price_item .price_item_desc {
        top: 280px;
    }

    .our-awards .awards-title.down {
        padding-left: 0;
    }

    .main-site-nav li {
        padding-left: 4px;
        padding-right: 4px;
    }

    .wrapper-sect-inside .text-about-coddy {
        padding-right: 0;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp {
        max-width: 90%;
    }

    .more-info-about-us .coddy-tv-block iframe {
        width: 463px;
        height: 248px;
    }

    .price-coddy .price_item div {
        font-size: 13px;
        line-height: 12px;
    }

    .price-coddy .price_item .price_item_count_child {
        top: 248px;
    }

    .price-coddy .price_item .price_item_price {
        font-size: 22px;
        top: 365px;
    }

    .price-coddy .price_item .price_item_desc p {
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 1200px) {
    .we-teach-topic .click-to-nav a:nth-child(5) {
        top: 124px;
        left: 372px;
    }

    .we-teach-topic .click-to-nav a:nth-child(4) {
        top: 240px;
        left: 175px;
    }

    .we-teach-topic .click-to-nav a:nth-child(6) {
        top: 216px;
        left: 455px;
    }

    .we-teach-topic .click-to-nav a:nth-child(10) {
        left: -20px;
    }

    .wrapper-sect-inside .col-md-6:first-of-type {
        width: 53%;
    }

    .wrapper-sect-inside .col-md-6:last-of-type {
        width: 47%;
    }

    .wrapper-sect-inside .text-about-coddy {
        padding-right: 0;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp {
        max-width: 100%;
    }

    #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block {
        height: auto !important;
    }

    .price-coddy .price_item .price_item_desc {
        font-size: 14px;
        line-height: 16px;
    }

    .price-coddy .price_item .price_item_desc p {
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 991px) {
    .we-teach-topic .click-to-nav a:nth-child(4) {
        top: 194px;
        left: 135px;
    }

    .we-teach-topic .click-to-nav a:nth-child(5) {
        top: 100px;
        left: 301px;
    }

    .we-teach-topic .click-to-nav a:nth-child(6) {
        top: 177px;
        left: 373px;
    }

    .wrapper-sect-inside .col-md-6:first-of-type {
        width: 100%;
    }

    .wrapper-sect-inside .col-md-6:last-of-type {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .ic-video {
        top: 23px;
    }
}

@media screen and (max-width: 400px) {
    .price-coddy .price_item .price_item_price {
        top: 83%;
    }
}

.bx-breadcrumb .bx-breadcrumb-item {
    float: none;
    display: inline-block;
}

.payment a.link.primary {
    display: inline-block;
    margin: 0px 0px 50px;
}

.payment a.link.primary.part-payment-tinkoff {
    color: #333;
    background-color: #FFDD2D;
    padding: 5px 24px 4px !important;
    -webkit-box-shadow: 0 5px 0 orange;
    box-shadow: 0 5px 0 orange;
}

.payment a.link.primary.part-payment-tinkoff:hover {
    -webkit-box-shadow: 0 5px 0 orange;
    box-shadow: 0 2px 0 orange;
}

.payment a.link.primary.sber_rassrochka {
    color: white;
    background-color: #21a038;
    padding: 5px 24px 4px !important;
    -webkit-box-shadow: 0 5px 0 #21BA72;
    box-shadow: 0 5px 0 #21BA72;
}

.payment a.link.primary.sber_rassrochka:hover {
    -webkit-box-shadow: 0 5px 0 #21BA72;
    box-shadow: 0 2px 0 #21BA72;
}

.payment a.link.primary.part-payment-tinkoff img {
    margin: -12px -5px -12px -10px;
    height: 63px;
}

.payment a.link.primary.sber_rassrochka img {
    margin: 3px 15px 3px 0px;
    height: 34px;
}

.payment img {
    margin: 0px 15px 0px;
    height: 40px;
}

.d-none {
    display: none;
}

.payment_desc {
    margin: 5px 0px 25px;
    padding: 5px;
    background-color: #d3dee5;
}

.trustpilot-widget {
    border-radius: 5px;
    position: relative;
    height: 55px;
    background: #385D6F;
    padding: 15.5px 5px 35px 5px;
    width: 228px;
    display: inline-block;
    vertical-align: top;
}

.yandex-rating-badge {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

@media only screen and (max-width: 1300px) {
    .trustpilot-widget {
        margin-top: 10px !important;
        float: left;
    }
}

@media only screen and (max-width: 1280px) {
    .yandex-rating-badge {
        margin-left: 10px;
    }

    .trustpilot-widget {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .trustpilot-widget {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 991px) {
    .trustpilot-widget {
        margin-left: 7px !important;
    }

    .yandex-rating-badge {
        margin-left: 0px;
    }
}

/**/
@media only screen and (min-width: 991px) {
    .header-block_m h1 {
        margin-bottom: 11px !important;
        font-size: 60px !important;
        line-height: 96% !important;
    }

    .header-block_m.online-page .head_title {
        padding: 190px 0px 140px !important;
        max-width: 720px !important;
    }

    .header-block_m .text {
        max-width: 77%;
        font-size: 20px !important;
        line-height: 27px !important;
    }

    .header-block_m .text p {
        margin-bottom: 33px !important;
    }
}

@media only screen and (max-width: 637px) {
    .yandex-rating-badge {
        display: block;
        margin-top: 7px;
        margin-left: 0px;
    }

    .trustpilot-widget {
        margin-left: 0px !important;
    }

    [data-academy-market] {
        margin-right: 3px;
    }
}

.header-block_m {
    position: relative;
    background: none !important;
}

.header-block_m .head_title-tm {
    margin-bottom: 36px;
    color: #0095B6;
    font-size: 37px;
    line-height: 130%;
    font-weight: 700;
}

.header-block_m .head_title-of {
    margin-bottom: 34px;
    font-size: 17px;
    color: #808080;
    line-height: 130%;
}


.header-block_m .head_title-of span {
    color: #000000;
}

.header-block_m .link.primary {
    background: #483D8B !important;
    box-shadow: 0 5px 0 #483D8B !important;
    font-size: 16px;
    max-width: 550px;
}

.header-block_m-im {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.header-block_m-im .mm1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.header-block_m-im .mm2 {
    position: absolute;
    top: 150px;
    right: 100px;
    z-index: 1;
}

.benefit-block_new {

}

.benefit-block_new.online-page .benefit-block-item .text:before {

}

.benefit-block_new.online-page .benefit-block-item {
    float: none !important;
    min-height: auto !important;
    width: 100% !important;
}

.benefit-block_new.online-page .benefit-block-item + .benefit-block-item {
    margin-top: 25px;
}

.benefit-block_new.online-page .benefit-block-item .text {
    margin: 0 !important;
    max-width: 100% !important;
    font-size: 25px !important;
    line-height: 117% !important;
}

.benefit-block_new.online-page .benefit-block-item .text:before {
    top: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExM18xMjA4KSI+CjxwYXRoIGQ9Ik05Ljk5OTk5IDMuOTEwNjFDMTEuMDc5OSAzLjkxMDYxIDExLjk1NTMgMy4wMzUxOSAxMS45NTUzIDEuOTU1MzFDMTEuOTU1MyAwLjg3NTQyMSAxMS4wNzk5IDAgOS45OTk5OSAwQzguOTIwMSAwIDguMDQ0NjggMC44NzU0MjEgOC4wNDQ2OCAxLjk1NTMxQzguMDQ0NjggMy4wMzUxOSA4LjkyMDEgMy45MTA2MSA5Ljk5OTk5IDMuOTEwNjFaIiBmaWxsPSIjM0I2RTg5Ii8+CjxwYXRoIGQ9Ik05Ljk5OTk5IDMuOTEwNjFDMTEuMDc5OSAzLjkxMDYxIDExLjk1NTMgMy4wMzUxOSAxMS45NTUzIDEuOTU1MzFDMTEuOTU1MyAwLjg3NTQyMSAxMS4wNzk5IDAgOS45OTk5OSAwQzguOTIwMSAwIDguMDQ0NjggMC44NzU0MjEgOC4wNDQ2OCAxLjk1NTMxQzguMDQ0NjggMy4wMzUxOSA4LjkyMDEgMy45MTA2MSA5Ljk5OTk5IDMuOTEwNjFaIiBmaWxsPSIjM0I2RTg5Ii8+CjxwYXRoIGQ9Ik05Ljk5OTk5IDMuOTEwNjFDMTEuMDc5OSAzLjkxMDYxIDExLjk1NTMgMy4wMzUxOSAxMS45NTUzIDEuOTU1MzFDMTEuOTU1MyAwLjg3NTQyMSAxMS4wNzk5IDAgOS45OTk5OSAwQzguOTIwMSAwIDguMDQ0NjggMC44NzU0MjEgOC4wNDQ2OCAxLjk1NTMxQzguMDQ0NjggMy4wMzUxOSA4LjkyMDEgMy45MTA2MSA5Ljk5OTk5IDMuOTEwNjFaIiBmaWxsPSIjM0I2RTg5Ii8+CjxwYXRoIGQ9Ik05Ljk5OTk5IDIwQzExLjA3OTkgMjAgMTEuOTU1MyAxOS4xMjQ1IDExLjk1NTMgMTguMDQ0N0MxMS45NTUzIDE2Ljk2NDggMTEuMDc5OSAxNi4wODk0IDkuOTk5OTkgMTYuMDg5NEM4LjkyMDEgMTYuMDg5NCA4LjA0NDY4IDE2Ljk2NDggOC4wNDQ2OCAxOC4wNDQ3QzguMDQ0NjggMTkuMTI0NSA4LjkyMDEgMjAgOS45OTk5OSAyMFoiIGZpbGw9IiMzQjZFODkiLz4KPHBhdGggZD0iTTE4LjA0NDcgMTEuOTU1NUMxNi45NjI5IDExLjk1NTUgMTYuMDg5NCAxMS4wODIgMTYuMDg5NCAxMC4wMDAyQzE2LjA4OTQgOC45MTg0NiAxNi45NjI5IDguMDQ0OTIgMTguMDQ0NyA4LjA0NDkyQzE5LjEyNjQgOC4wNDQ5MiAyMCA4LjkxODQ2IDIwIDEwLjAwMDJDMjAgMTEuMDgyIDE5LjEyNjQgMTEuOTU1NSAxOC4wNDQ3IDExLjk1NTVaIiBmaWxsPSIjM0I2RTg5Ii8+CjxwYXRoIGQ9Ik0xLjk1NTMxIDExLjk1NTVDMC44NzM1NCAxMS45NTU1IDAgMTEuMDgyIDAgMTAuMDAwMkMwIDguOTE4NDYgMC44NzM1NCA4LjA0NDkyIDEuOTU1MzEgOC4wNDQ5MkMzLjAzNzA3IDguMDQ0OTIgMy45MTA2MSA4LjkxODQ2IDMuOTEwNjEgMTAuMDAwMkMzLjkxMDYxIDExLjA4MiAzLjAzNzA3IDExLjk1NTUgMS45NTUzMSAxMS45NTU1WiIgZmlsbD0iIzNCNkU4OSIvPgo8cGF0aCBkPSJNMTYuMzc4OCA1LjAwMjU0QzE1Ljk5NzkgNS4zODM0NCAxNS4zNzgzIDUuMzgzNDQgMTQuOTk3MyA1LjAwMjU0QzE0LjYxNjQgNC42MjE2NCAxNC42MTY0IDQuMDAyMDMgMTQuOTk3MyAzLjYyMTEzQzE1LjM3ODMgMy4yNDAyMiAxNS45OTc5IDMuMjQwMjIgMTYuMzc4OCAzLjYyMTEzQzE2Ljc1OTcgNC4wMDIwMyAxNi43NTk3IDQuNjIxNjQgMTYuMzc4OCA1LjAwMjU0WiIgZmlsbD0iIzNCNkU4OSIvPgo8cGF0aCBkPSJNNS4wMDI1NCAxNi4zNzlDNC42MjE2NCAxNi43NTk5IDQuMDAyMDMgMTYuNzU5OSAzLjYyMTEzIDE2LjM3OUMzLjI0MDIyIDE1Ljk5ODEgMy4yNDAyMiAxNS4zNzg1IDMuNjIxMTMgMTQuOTk3NkM0LjAwMjAzIDE0LjYxNjcgNC42MjE2NCAxNC42MTY3IDUuMDAyNTQgMTQuOTk3NkM1LjM4MzQ0IDE1LjM3ODUgNS4zODM0NCAxNS45OTgxIDUuMDAyNTQgMTYuMzc5WiIgZmlsbD0iIzNCNkU4OSIvPgo8cGF0aCBkPSJNMTQuOTk3MyAxNi4zNzlDMTQuNjE2NCAxNS45OTgxIDE0LjYxNjQgMTUuMzc4NSAxNC45OTczIDE0Ljk5NzZDMTUuMzc4MyAxNC42MTY3IDE1Ljk5NzkgMTQuNjE2NyAxNi4zNzg4IDE0Ljk5NzZDMTYuNzU5NyAxNS4zNzg1IDE2Ljc1OTcgMTUuOTk4MSAxNi4zNzg4IDE2LjM3OUMxNS45OTc5IDE2Ljc1OTkgMTUuMzc4MyAxNi43NTk5IDE0Ljk5NzMgMTYuMzc5WiIgZmlsbD0iIzNCNkU4OSIvPgo8cGF0aCBkPSJNMy42MjExMyA1LjAwMjU0QzMuMjQwMjIgNC42MjE2NCAzLjI0MDIyIDQuMDAyMDMgMy42MjExMyAzLjYyMTEzQzQuMDAyMDMgMy4yNDAyMiA0LjYyMTY0IDMuMjQwMjIgNS4wMDI1NCAzLjYyMTEzQzUuMzgzNDQgNC4wMDIwMyA1LjM4MzQ0IDQuNjIxNjQgNS4wMDI1NCA1LjAwMjU0QzQuNjIxNjQgNS4zODM0NCA0LjAwMjAzIDUuMzgzNDQgMy42MjExMyA1LjAwMjU0WiIgZmlsbD0iIzNCNkU4OSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExM18xMjA4Ij4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}

.benefit-block_new {
    position: relative;
}

.benefit-block_new .benefit-block-img {
    max-width: 1920px;
    width: 100%;
    right: 0;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.benefit-block_new .benefit-block-img .mob {
    display: none;
}

.benefit-block_new .benefit-block-in {
    padding-left: 50%;
}

.benefit-block_new.online-page .benefit-block-items {
    height: auto !important;
    background: none !important;
    margin: 85px 0 100px !important;
}

.benefit-block_new.online-page .benefit-block-title {
    margin-bottom: 40px;
}

@media only screen and (min-width: 991px) and  (max-width: 1300px) {
    .header-block_m .head_title-tm {
        font-size: 24px;
    }

    .header-block_m h1 {
        font-size: 53px !important;
    }
}

@media only screen and (max-width: 1750px) {
    .header-block_m-im .mm2 {
        right: -100px;
    }
}

@media only screen and (max-width: 1360px) {
    .benefit-block_new .benefit-block-img {
        left: -13%;
    }
}

@media only screen and (max-width: 1200px) {
    .header-block_m-im .mm2 {
        max-width: 400px;
        right: 0;
    }

    .benefit-block_new .benefit-block-img {
        left: -28%;
    }
}

@media only screen and (max-width: 991px) {
    .header-block_m .head_title-tm {
        font-size: 20px;
    }

    .header-block_m .head_title-of {
        font-size: 15px;
    }

    .header-block_m.online-page .head_title h1 {
        font-size: 34px !important;
    }

    .benefit-block_new .benefit-block-img {
        left: -20px;
        top: -53px;
    }

    .benefit-block_new .benefit-block-img .mob {
        display: block;
    }

    .benefit-block_new .benefit-block-img .des {
        display: none;
    }

    .benefit-block_new .benefit-block-img img {
        max-width: 363px;
    }

    .benefit-block_new .benefit-block-in {
        padding-left: 0;
    }

    .benefit-block_new.online-page .benefit-block-item .text {
        font-size: 17px !important;
    }

    .benefit-block_new.online-page .benefit-block-item .text:before {
        top: -9px;
    }

    .benefit-block_new.online-page .benefit-block-items {
        padding-top: 250px !important;
    }

}

@media only screen and (max-width: 768px) {
    .header-block_m-im .mm1 {
        max-width: 220px;
    }

    .header-block_m-im .mm2 {
        top: 100px;
        max-width: 385px;
    }

    .header-block_m.online-page .head_title {
        padding: 410px 0px 30px !important;
    }

    .header-block_m .head_title-tm {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    .header-block_m.online-page .head_title h1 {
        font-size: 34px !important;
        line-height: 35px !important;
    }

    .header-block_m {
        overflow: hidden;
    }

    .header-block_m-im .mm2 {
        right: -75px;
    }

}

/* footer v2 */
[data-academy-market] {
    /*background: #385D6F !important;*/
    padding: 7.5px 7.5px 7.5px 7.5px !important;
    margin-left: 17px;
}

[data-academy-market-rating], [data-academy-market-link], [data-academy-market-block] > div,
[data-academy-market-block] > svg {
    font-size: 14px !important;
    font-weight: 400 !important;
}

[data-academy-market-reviews] {
    color: #FFFFFF !important;
}

[data-academy-market-block] > svg {
    top: 2px !important;
    height: 14px !important;
}

.tp-widget-rating {
    color: #fff;
    margin-right: 10px;
    display: inline-block;
}

.tp-widget-logo {
    background-image: url(/upload/images/footer/trustpilot.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 80px;
    height: 20px;
    position: relative;
    top: 3px;
}
.ih-reviews-block{
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    margin-left: 20px;
}
.ih-reviews{
    max-width: none !important;
    width: 265px;
}
.ih-reviews__container1{
    background: #385d6f;
    height: 55px;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block !important;
}
.ih-reviews__img{
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}
.ih-reviews__title_info-hit{
    display: inline-block !important;
    margin-top: 8px;
}
.ih-reviews__star{
    display: inline-flex !important;
    margin-left: 10px;
    vertical-align: text-bottom;
}
.ih-reviews__reviews{
    display: inline-flex !important;
    margin-left: 15px;
    vertical-align: middle;
}
.ih-reviews__count{
    color: #FFFFFF !important;
    margin-top: 3px;
}
.school-rev-block{
    background-image: url(/upload/images/footer/school_review.svg);
    background-repeat: no-repeat;
    width: 254px;
    display: inline-block;
    height: 130px;
    float: left;
}
.okurs-block{
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}
.right-block-l2{
    margin-top: 20px;
}
@media only screen and (max-width: 1300px) {
    [data-academy-market]{
        margin-top: 10px;
    }
}
@media only screen and (max-width: 1280px) {
    .ih-reviews-block{
        margin-left: 10px;
    }
    .okurs-block{
        margin-left: 10px;
    }
    [data-academy-market]{
        margin-left: 10px;
        margin-top: 0px;
    }
}
@media only screen and (max-width: 1200px) {
    [data-academy-market]{
        margin-top: 10px;
    }
}
@media only screen and (max-width: 991px) {
     [data-academy-market]{
        margin-top: 0px;
        margin-left: 10px;
    }
    .ih-reviews-block{
        margin-top: 0px;
    }
    .okurs-block{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 750px) {
     [data-academy-market]{
        margin-top: 15px;
        margin-left: 0px !important;
    }
}
@media only screen and (max-width: 650px) {
    [data-academy-market]{
        margin-left: 0px !important;
        margin-top: 14px !important;
    }
    .ih-reviews-block{
        margin-top: 15px;
        margin-left: 0px;
    }
    .school-rev-block{
        background-image: url(/upload/images/footer/school_review_mob.svg);
        width: 367px;
        height: 87px;
    }
    .okurs-block{
        margin-left: 0px;
        margin-top: 15px;
    }
    .right-block-l2{
        margin-top: 0px;
    }
    .yandex-rating-badge{
        margin-top: 15px !important;
    }
    #informer{
        margin-top: 15px !important;
    }
}


/* widget personal plan */
.personal-plan-form-block {
    position: fixed;
    top: auto;
    bottom: 85px;
    right: auto;
    left: 85px;
    display: none;
    width: 489px;
    background: #ffffff;
    border-radius: 30px;
    z-index: 100;
    box-shadow: 0px 0px 10px 3px #d4d4d4;
}

.personal-plan-form-block .text {
    text-align: center;
}

.personal-plan-form-block a {
    text-decoration: none;
}

.personal-plan-form-block .close {
    width: 50px;
    height: 50px;
    display: none;
    background-image: url(/upload/images/widget/personal-plan-close.svg);
    position: absolute;
    top: -40px;
    right: -40px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
}

.personal-plan-form-block img {
    pointer-events: none;
    margin-top: -130px;
}

.personal-plan-form-block .pp-title {
    margin-top: 30px;
    color: #333333;
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
}

.personal-plan-form-block button {
    width: 385px;
    margin-top: 30px;
    margin-bottom: 40px;
    border-radius: 50px;
    padding: 14px 20px;
    color: #FFFFFF;
    font-size: 24px;
    border: 0px;
    background: #F18225;
    box-shadow: 1px 4px 1px #b56521
}

@media only screen and (max-width: 1024px) {
    .personal-plan-form-block {
        width: 350px;
        left: 20px;
        bottom: 15px;
    }

    .personal-plan-form-block button {
        width: 277px;
        font-size: 18px;
        line-height: 23px;
        padding: 14px 10px;
    }

    .personal-plan-form-block .pp-title {
        font-size: 18px;
        line-height: 24px;
    }

    .personal-plan-form-block img {
        width: 277px;
        margin-top: -90px;
    }

    .personal-plan-form-block .close {
        width: 50px;
        height: 50px;
        right: -10px;
        top: -50px;
    }
}

/* Новая форма регистрации */
#regiFormBlock .animation_logo_container {
    top: -105px !important;
    right: -42px !important;
}

#regiFormBlock input {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 14px 10px 14px;
    border-radius: 12px;
    border: 1px solid #C2C2C2;
}

#regiFormBlock input:focus {
    border: 1px solid #0098BD;
}

#regiFormBlock input[name="user_name"] {
    width: 402px;
}

#regiFormBlock .form {
    background: #FFFFFF;
}

#regiFormBlock .registration .form {
    width: 646px;
}

#regiFormBlock .policy-text {
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
}

#regiFormBlock form .input_checkbox > .span_checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #0098BD;
    border-radius: 4px;
}

#regiFormBlock form .input_checkbox > .span_checkbox:before {
    background: url(/upload/images/registration/checked.svg) 0 0 no-repeat;
    margin-top: 5px;
    margin-left: 5px;
}

#regiFormBlock .promo-apply-btn {
    margin-top: 17px !important;
}

#regiFormBlock .registration .form-area .title {
    font-size: 48px;
    line-height: 58px;
    text-transform: none;
    padding-right: 0px;
    margin-bottom: 25px;
}

#regiFormBlock .registration .form-area .field-error {
    margin-bottom: 0px;
}

#regiFormBlock .registration .form-area .title .purple {
    color: #ff2eac;
}

#regiFormBlock .field-mask-phone {
    border: 1px solid #c2c2c2;
}

#regiFormBlock .close.main {
    width: 40px;
    height: 40px;
    bottom: 20px !important;
    right: 20px;
    border-radius: 60px;
    box-shadow: 0px 0px 5px 5px #f3f3f3;
    top: auto;
    background: url(/upload/images/registration/close.svg) no-repeat center center;
}

#regiFormBlock .regi-logo {
    position: absolute;
    right: -35px;
    top: -70px;
}

#regiFormBlock .field-button a.link.act.purple {
    padding: 16px 30px 18px 30px !important;
    font-size: 18px;
    box-shadow: 0 5px 0 #b51067;
    margin-top: 15px;
    width: 184px;
    background: #FF16A3;
    animation: btnjump 6s ease-in-out infinite;
}

#regiFormBlock .field-button a.link.act.purple:hover {
    background-color: #ff26a9;
}

#regiFormBlock .field-button a.link.act.purple:after {
    background-image: none;
    left: -200px;
    width: 200%;
    height: 100%;
    top: -50px;
    background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0));
    transform: rotateZ(150deg) translate(-5em, 7.5em);
    animation: sheen 2s forwards;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

#regiFormBlock .registration .pict {
    background: url(/upload/images/registration/bg.svg) center center no-repeat;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 505px;
}

#regiFormBlock .registration .pict .pict-area {
    background: url(/upload/images/registration/boy.svg) center center no-repeat;
    margin-top: -90px;
}

#regiFormBlock .registration {
    border: none;
    background: none;
}

#regiFormBlock .registration .form {
    border-radius: 0 20px 20px 20px;
}

#regiFormBlock .center-btn .link:before {
    background-color: #ff26a9;
}

#regiFormBlock .checkpromo {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

#regiFormBlock .promocode {
    width: 132px !important;
}

#regiFormBlock .logo-bg-mob {
    display: none;
}

@keyframes btnjump {
    44% {
        transform: rotate(0) translate(0, 0);
    }
    46% {
        transform: rotate(3deg) translate(0, -2px);
    }
    48% {
        transform: rotate(-2deg) translate(0, -2px);
    }
    50% {
        transform: rotate(3deg) translate(0, -2px);
    }
    52% {
        transform: rotate(-2deg) translate(0, -2px);
    }
    54% {
        transform: rotate(3deg) translate(0, -2px);
    }
    56% {
        transform: rotate(-2deg) translate(0, -2px);
    }
    58% {
        transform: rotate(0) translate(0, 0);
    }
}

/*@keyframes btngradient {
        40% {background: none;}
        42% {background: linear-gradient(150deg, #FF16A3, #ffa7dc 0%, #FF16A3 10%);}
        44% {background: linear-gradient(135deg, #FF16A3 0%, #ffa7dc 5%, #FF16A3 15%);}
        46% {background: linear-gradient(120deg, #FF16A3 10%, #ffa7dc 20%, #FF16A3 30%);}
        48% {background: linear-gradient(105deg, #FF16A3 25%, #ffa7dc 35%, #FF16A3 45%);}
        50% {background: linear-gradient(90deg, #FF16A3 40%, #ffa7dc 50%, #FF16A3 60%);}
        52% {background: linear-gradient(75deg, #FF16A3 55%, #ffa7dc 65%, #FF16A3 75%);}
        54% {background: linear-gradient(60deg, #FF16A3 70%, #ffa7dc 80%, #FF16A3 90%);}
        56% {background: linear-gradient(45deg, #FF16A3 85%, #ffa7dc 95%, #FF16A3 100%);}
        57% {background: linear-gradient(30deg, #FF16A3 90%, #ffa7dc 100%, #FF16A3);}
        60% {background: none;}
}
*/
@keyframes btngradient {
    40% {
        background: none;
    }
    42% {
        background: linear-gradient(90deg, #FF16A3, #ffa7dc 0%, #FF16A3 10%);
    }
    44% {
        background: linear-gradient(90deg, #FF16A3 0%, #ffa7dc 5%, #FF16A3 15%);
    }
    46% {
        background: linear-gradient(90deg, #FF16A3 10%, #ffa7dc 20%, #FF16A3 30%);
    }
    48% {
        background: linear-gradient(90deg, #FF16A3 25%, #ffa7dc 35%, #FF16A3 45%);
    }
    50% {
        background: linear-gradient(90deg, #FF16A3 40%, #ffa7dc 50%, #FF16A3 60%);
    }
    52% {
        background: linear-gradient(90deg, #FF16A3 55%, #ffa7dc 65%, #FF16A3 75%);
    }
    54% {
        background: linear-gradient(90deg, #FF16A3 70%, #ffa7dc 80%, #FF16A3 90%);
    }
    56% {
        background: linear-gradient(90deg, #FF16A3 85%, #ffa7dc 95%, #FF16A3 100%);
    }
    57% {
        background: linear-gradient(90deg, #FF16A3 90%, #ffa7dc 100%, #FF16A3);
    }
    60% {
        background: none;
    }
}

@keyframes sheen {
    100% {
        transform: rotateZ(60deg) translate(1em, -9em);
    }
}

@media only screen and (max-width: 1024px) {
    #regiFormBlock .animation_logo_container {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    #regiFormBlock {
        top: 70px !important;
    }

    #regiFormBlock .registration .form {
        border-radius: 20px;
    }

    #regiFormBlock .regi-logo {
        display: none;
    }

    #regiFormBlock .registration .form-area .title {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
    }

    #regiFormBlock .close.main {
        width: 30px;
        height: 30px;
        top: -50px;
        right: -0px;
        background-color: #FFFFFF;
        box-shadow: none;
    }

    #regiFormBlock {
        left: 20%;
        width: 354px;
    }

    #regiFormBlock .registration .form-area {
        width: 354px;
        padding-bottom: 35px;
    }

    #regiFormBlock .logo-bg-mob {
        background: url(/upload/images/registration/bg_mob.svg) center center no-repeat;
        display: block;
        background-size: cover;
        margin-bottom: 20px;
        position: relative;
        height: 330px;
        border-radius: 20px;
    }

    #regiFormBlock .logo-bg-img {
        position: absolute;
        top: -50px;
        left: 60px;
    }

    #regiFormBlock .promocode-input {
        width: 130px !important;
    }

    #regiFormBlock .promocode-button {
        width: 50% !important;
    }

    #regiFormBlock .registration .form-area .field input {
        max-width: calc(100% - 5px);
    }

    #regiFormBlock .field-mail-column .req_email {
        width: 100% !important;
        max-width: calc(100% - 5px) !important;
    }

    #regiFormBlock .field-tel-column {
        max-width: calc(100% - 5px) !important;
    }
}
/* End */


/* Start:/local/components/coddy/phone.code.list/templates/main/style.min.css?17304180392414*/
.countries_list{position:absolute;z-index:1}.countries_list.none{display:none}.countries_list ul{list-style:none;height:200px;overflow-y:auto;width:max-content;background-color:#fff}.countries_list ul li{margin-bottom:12px;cursor:pointer;font-size:13px;padding:4px 8px}.countries_list ul li img{width:25px;padding-bottom:2px;margin-left:5px}.countries_list ul li span{float:right;margin-left:5px}.country_arrow,.country_code,.country_mask,.flag_img{display:inline-block}.flag_img{margin-bottom:5px;width:28px}#regiFormBlock .country_code{font-size:16px;font-weight:400;line-height:24px}.country_mask{max-width:52%!important}.registration .form-area .field.field-mask-phone{border-bottom:1px solid #a7a7a8;max-width:calc(100% - 100px)!important}.registration .form-area .field.field-mask-phone.err{border-bottom:1px solid red!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 30px)!important}.registration .form-area .field-mail-column .field-error{max-width:none}.country_arrow{color:gray}#regiFormBlock .country_arrow img{margin-top:-5px}.change_country{cursor:pointer}.registration .form-area .field input.country_mask{border-bottom:none}.registration .form-area .field input.country_mask:focus{border-bottom:none}.registration .form-area .field input.promocode{max-width:calc(100% - 20px)!important}.promo-apply-btn{margin-top:46px!important}#regiFormBlock input[name=user_phone]{border:0;padding:0}#regiFormBlock input[name=user_phone]:focus{border:0}#regiFormBlock .field-mask-phone{padding:10px 14px;border-radius:12px}#regiFormBlock .form-block .close.main{background:url(/upload/images/registration/close.svg)no-repeat center center;bottom:10px!important}@media only screen and (max-width:1480px){.country_code{font-size:14px}.flag_img{width:20px}.country_mask{margin-left:0}.promo-apply-btn{margin-top:39px!important}}@media only screen and (max-width:1024px){.country_mask{max-width:55%!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 0px)!important}#regiFormBlock .field-tel-column{float:left!important;overflow:hidden}.field-mail-column{width:100%!important;float:left!important}#regiFormBlock .field-mail-column .req_email,#regiFormBlock .field-tel-column{width:100%!important;max-width:calc(100% - 30px)!important}}@media only screen and (max-width:648px){.promo-apply-btn{margin-top:33px!important}}
/* End */


/* Start:/local/components/coddy/phone.code.list/templates/main_trial/style.min.css?17304180391992*/
.countries_list{position:absolute;z-index:1}.countries_list.none{display:none}.countries_list ul{list-style:none;height:200px;overflow-y:auto;width:max-content;background-color:#fff}.countries_list ul li{margin-bottom:12px;cursor:pointer;font-size:13px;padding:4px 8px}.countries_list ul li img{width:25px;padding-bottom:2px;margin-left:5px}.countries_list ul li span{float:right;margin-left:5px}.country_arrow,.country_code,.country_mask,.flag_img{display:inline-block}.flag_img{margin-bottom:5px;width:28px}.country_code{font-size:18px}.country_mask{max-width:52%!important}.registration .form-area .field.field-mask-phone{border-bottom:1px solid #a7a7a8;max-width:calc(100% - 100px)!important}.registration .form-area .field.field-mask-phone.err{border-bottom:1px solid red!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 30px)!important}.registration .form-area .field-mail-column .field-error{max-width:none}.country_arrow{color:gray}.change_country{cursor:pointer}.registration .form-area .field input.country_mask{border-bottom:none}.registration .form-area .field input.country_mask:focus{border-bottom:none}.registration .form-area .field input.promocode{max-width:calc(100% - 20px)!important}.promo-apply-btn{margin-top:46px!important}@media only screen and (max-width:1480px){.country_code{font-size:14px}.flag_img{width:20px}.country_mask{margin-left:0}.promo-apply-btn{margin-top:39px!important}}@media only screen and (max-width:1024px){.country_mask{max-width:55%!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 0px)!important}#trialLesson .field-tel-column{float:left!important;overflow:hidden}.field-mail-column{width:100%!important;float:left!important}#trialLesson .field-mail-column .req_email,#trialLesson .field-tel-column{width:100%!important;max-width:calc(100% - 30px)!important}}@media only screen and (max-width:648px){.promo-apply-btn{margin-top:33px!important}}
/* End */


/* Start:/local/components/coddy/phone.code.list/templates/callback/style.min.css?17304180392157*/
.countries_list{position:absolute;z-index:10}.countries_list.none{display:none}.countries_list ul{list-style:none;height:200px;overflow-y:auto;width:max-content;background-color:#fff}.countries_list ul li{margin-bottom:12px;cursor:pointer;font-size:13px;padding:4px 8px}.countries_list ul li img{width:25px;padding-bottom:2px;margin-left:5px}.countries_list ul li span{float:right;margin-left:5px}.country_arrow,.country_code,.country_mask,.flag_img{display:inline-block}.flag_img{margin-bottom:5px;width:28px}.country_code{font-size:18px}.country_mask{max-width:52%!important}#callbackFormBlock .registration .form-area .field.field-mask-phone{border-bottom:1px solid #a7a7a8;max-width:calc(100% - 130px)!important}.registration .form-area .field.field-mask-phone.err{border-bottom:1px solid red!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 30px)!important}.registration .form-area .field-mail-column .field-error{max-width:none}.country_arrow{color:gray}.change_country{cursor:pointer}.registration .form-area .field input.country_mask{border-bottom:none}.registration .form-area .field input.country_mask:focus{border-bottom:none}.registration .form-area .field input.promocode{max-width:calc(100% - 20px)!important}.promo-apply-btn{margin-top:46px!important}@media only screen and (max-width:1480px){.country_code{font-size:14px}.flag_img{width:20px}.country_mask{margin-left:0}.promo-apply-btn{margin-top:39px!important}}@media only screen and (max-width:1024px){.country_mask{max-width:55%!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 0px)!important}.field-tel-column{max-width:calc(100% - 60px)!important;overflow:hidden}.field-mail-column,.field-tel-column{width:100%!important;float:left!important}#callbackFormBlock .field-mail-column .req_email{width:100%!important;max-width:calc(100% - 60px)!important}}@media only screen and (max-width:648px){.promo-apply-btn{margin-top:33px!important}}@media only screen and (max-width:620px){#callbackFormBlock .registration .form-area .field.field-mask-phone{max-width:calc(100% - 62px)!important}}
/* End */


/* Start:/local/templates/coddy/styles.min.css?17383578491570*/
.btn_news,.btn_news:hover{text-decoration:none;color:#fff}.btn_news{display:inline-block;text-transform:uppercase;text-align:center;cursor:pointer;-webkit-border-radius:2em;border-radius:2em;font-size:14px;padding:14px 20px;margin:0;position:relative;top:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-weight:700;-webkit-box-shadow:0 5px 0#2c3649;box-shadow:0 5px 0#2c3649;background-color:#485a7f}.btn_news:hover{top:3px;-webkit-box-shadow:0 2px 0#2c3649;box-shadow:0 2px 0#2c3649}.btn_news.primary{background-color:#3db39e;-webkit-box-shadow:0 5px 0#3b9376;box-shadow:0 5px 0#3b9376}.btn_news.primary:hover{-webkit-box-shadow:0 2px 0#3b9376;box-shadow:0 2px 0#3b9376}.btn_news.submit{background-color:#0493b4;-webkit-box-shadow:0 5px 0#0484ac;box-shadow:0 5px 0#0484ac}.btn_news.submit:hover{-webkit-box-shadow:0 2px 0#0484ac;box-shadow:0 2px 0#0484ac}.btn_news.franchise_site{color:#fff;position:static;max-width:none;box-sizing:border-box;padding:20px 50px;margin:30px auto 0;border:0;border-radius:25px;box-shadow:0 5px 5px rgb(44 28 159/50%);-webkit-box-shadow:0 5px 5px rgb(44 28 159/50%);text-transform:uppercase;cursor:pointer;background:linear-gradient(#6547ff,#213ca5);text-decoration:none!important}.btn_news.franchise_site:hover{box-shadow:0 1px 5px rgb(44 28 159/50%);-webkit-box-shadow:0 1px 5px rgb(44 28 159/50%)}.blog_news_item{background-color:#e1f3ff;border-radius:25px;padding:40px}.blog_quote_item,.ra-block{padding:40px;border-radius:25px;box-shadow:0 0 4px 4px #e7e7e7}img:not([src]):not([srcset]){visibility:hidden}
/* End */


/* Start:/local/templates/coddy/css/academy-market-widget.min.css?17394463491680*/
[data-academy-market]{text-align:left!important;background-image:url(/upload/images/footer/academy_market.svg);background-repeat:no-repeat;position:relative!important;display:inline-block!important;color:#fff!important;border-radius:6px!important;box-sizing:border-box!important;align-self:flex-start!important;overflow:hidden!important;height:55px;width:260px}[data-academy-market]>a{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:inherit!important}[data-academy-market-rating],[data-academy-market]>div{display:flex!important;align-items:center!important}[data-academy-market-rating]{background:rgba(0,0,0,.18)!important;border-radius:4px!important;font-size:16.5px!important;font-weight:700!important;line-height:16px!important;letter-spacing:.06px!important;justify-content:center!important;box-sizing:border-box!important;padding:8px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin-right:8px!important}[data-academy-market-block]>div,[data-academy-market-link]{font-weight:500!important;line-height:16px!important;letter-spacing:.12px!important;color:#fff!important}[data-academy-market-link]{display:block!important;font-size:13px!important;margin-bottom:2px!important;text-decoration:none!important}[data-academy-market-reviews]{color:#fff!important}[data-academy-market-block]{display:flex!important;align-items:baseline!important}[data-academy-market-block]>svg{display:block!important;margin-right:2px!important;width:15px!important;position:relative!important;top:1px!important}[data-academy-market-block]>div{font-size:12px!important}
/* End */


/* Start:/local/templates/coddy/js/scroll-snap-slider/scroll-snap-slider.css?17466310626110*/
/* Main  */
.scroll-snap-slider {
  display: flex;
  flex-wrap: nowrap;
  justify-content: normal;
  overflow-x: auto;
  padding-inline: 0;
  scroll-behavior: smooth;
  scroll-snap-stop: always;
  scroll-snap-type: x mandatory;
}
@media (prefers-reduced-motion) {
  .scroll-snap-slider {
    scroll-behavior: auto;
  }
}
.scroll-snap-slider:not(.-show-scroll-bar) {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.scroll-snap-slider:not(.-show-scroll-bar)::-webkit-scrollbar {
  display: none;
}
.scroll-snap-slide {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  max-width: none;
  scroll-snap-align: start;
  width: 100%;
}
/* Sliders */
:root {
  --snap-slider-spacer: 1rem;
  --snap-slider-transition-duration: 0.3s;
  --snap-slider-transition-easing: cubic-bezier(0.42, 0.42, 0.84, 1);
  --snap-slider-spacer-half: 0.5rem;
  --snap-slider-spacer-double: 2rem;
  --snap-slider-max-width: 1024px;
  --snap-slider-color-dark: #181818;
  --snap-slider-color-light: #fff;
  --snap-slider-color-neutral: #c5c5c5;
  --snap-slider-color-active: #707070;
  --snap-slider-color-accent: #2196f3;
  --snap-slider-color-accent-active: #1766a6;
  --snap-slider-arrow-size: 64px;
  --snap-slider-dot-size: 16px;
}
.scroll-snap-container {
  position: relative;
  /* slider */
  /* buttons */
  /* indicators */
}
.scroll-snap-container .scroll-snap-slider {
  --slider-h: 100%;
  --slider-w: 400px;
  --slider-p: 0 10px;
  box-sizing: border-box;
  height: var(--slider-h);
  margin: 1rem auto;
  width: var(--slider-w);
  z-index: 10;
}
.scroll-snap-container .scroll-snap-slider .scroll-snap-slide {
  scroll-margin-block: 8rem;
  width: var(--slider-w);
  height: var(--slider-h);
  padding: var(--slider-p);
}
@media (max-width: 480px) {
  .scroll-snap-container .scroll-snap-slider .scroll-snap-slide {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 760px) {
  .scroll-snap-container .scroll-snap-slider .scroll-snap-slide {
    width: 50%;
  }
}
.scroll-snap-container .scroll-snap-slider .scroll-snap-slide article {
  align-items: center;
  background: var(--snap-slider-color-dark);
  color: var(--snap-slider-color-light);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.scroll-snap-container .scroll-snap-buttons {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--snap-slider-spacer-half);
  opacity: 1;
  transition: opacity var(--snap-slider-transition-duration) var(--snap-slider-transition-easing);
  z-index: 5;
  position: absolute;
  justify-content: space-between;
  top: calc(50% - (var(--snap-slider-arrow-size) / 2));
  width: 100%;
}
.scroll-snap-container .scroll-snap-buttons .arrow {
  background: transparent;
  border: 0;
  cursor: pointer;
  height: var(--snap-slider-arrow-size);
  margin: 0 var(--snap-slider-spacer-half);
}
.scroll-snap-container .scroll-snap-buttons .arrow svg {
  height: 100%;
  width: auto;
}
.scroll-snap-container .scroll-snap-buttons .arrow.-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.scroll-snap-container .scroll-snap-buttons .arrow.-prev svg {
  transform: rotate(0deg);
}
.scroll-snap-container .scroll-snap-buttons .arrow.-prev {
  position: absolute;
  left: calc(-1 * (var(--snap-slider-arrow-size) + var(--snap-slider-spacer) * 3));
}
@media (max-width: 960px) {
  .scroll-snap-container .scroll-snap-buttons .arrow.-prev {
    left: 0;
  }
}
.scroll-snap-container .scroll-snap-buttons .arrow.-next {
  position: absolute;
  right: calc(-1 * (var(--snap-slider-arrow-size) + var(--snap-slider-spacer) * 3));
  transform: rotate(180deg);
}
@media (max-width: 960px) {
  .scroll-snap-container .scroll-snap-buttons .arrow.-next {
    right: 0;
  }
}
.scroll-snap-container .scroll-snap-indicators {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--snap-slider-spacer-half);
  justify-content: center;
  opacity: 1;
  transition: opacity var(--snap-slider-transition-duration) var(--snap-slider-transition-easing);
  z-index: 5;
}
.scroll-snap-container .scroll-snap-indicators input[type="radio"] {
  display: none;
}
.scroll-snap-container .scroll-snap-indicators .indicator.-active {
  background-color: var(--snap-slider-color-accent);
}
.scroll-snap-container .scroll-snap-indicators.-hidden {
  opacity: 0;
}
.scroll-snap-container .scroll-snap-indicators .indicator {
  background-color: var(--snap-slider-color-neutral);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: var(--snap-slider-dot-size);
  width: var(--snap-slider-dot-size);
  transition: background-color var(--snap-slider-transition-duration) var(--snap-slider-transition-easing);
}
.scroll-snap-container .scroll-snap-indicators .indicator:not(.-active):hover {
  background-color: var(--snap-slider-color-active);
}
.scroll-snap-slider.-single {
  --slider-h: 600px;
  --slider-w: 900px;
}
.scroll-snap-slider.-multi {
  max-width: calc(3 * var(--slider-w));
  width: 100%;
}
.scroll-snap-slider.-responsive {
  width: 100%;
}
.scroll-snap-slider.-multi-2 {
  max-width: calc(2 * var(--slider-w));
}
.scroll-snap-slider.-multi-3 {
  max-width: calc(3 * var(--slider-w));
}
.scroll-snap-slider.-multi-4 {
  max-width: calc(4 * var(--slider-w));
}
.scroll-snap-slider.-multi-5 {
  max-width: calc(5 * var(--slider-w));
}
.scroll-snap-slider.-multi-6 {
  max-width: calc(6 * var(--slider-w));
}
.scroll-snap-slider.-multi-7 {
  max-width: calc(7 * var(--slider-w));
}
.scroll-snap-slider.-multi-8 {
  max-width: calc(8 * var(--slider-w));
}
.scroll-snap-slider.-multi-9 {
  max-width: calc(8 * var(--slider-w));
}
.scroll-snap-slider.-draggable {
  cursor: grab;
}
.scroll-snap-slider.-draggable.-dragging {
  cursor: grabbing;
}
.scroll-snap-slider .visually-hidden:not(:focus, :active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
/*# sourceMappingURL=scroll-snap-slider.css.map */
/* End */


/* Start:/local/templates/coddy/css/informer.min.css?17394463491809*/
.informer{box-sizing:border-box;display:block;width:228px;height:144px;border-radius:6px;padding:20px;background:#fff;text-decoration:none;font-family:"Segoe UI",sans-serif}.informer__rating-wrapper{display:flex;align-items:center}.informer__reviews{font-size:16px;color:#92969d;line-height:170%}.informer_v1 .informer__logo{margin-bottom:16px}.informer_v1 .informer__rating{color:#141414;font-size:24px;font-weight:700;margin-right:16px}.informer_v2 .informer__logo{margin-bottom:24px}.informer_v1 .informer__rating-wrapper{margin-bottom:4px}.informer_v2 .informer__rating{color:#141414;font-size:40px;font-weight:700;margin-right:14px}.informer_v2 .informer__star{width:12px}.informer_v2 .informer__reviews{font-size:14px}.informer.dark{background:#385d6f}.informer.dark .informer__rating{color:#fff}.informer-140{width:140px;height:80px;padding:8px}.informer-140 .informer__logo{width:100%;margin-bottom:0}.informer-140 .informer__rating{font-size:16px;margin-right:6px}.informer-140 .informer__star{width:11px}.informer-140 .informer__rating-wrapper{margin-bottom:0}.informer-140 .informer__reviews{font-size:14px}.informer-siriusfuture{background:#1c1752!important}.informer-coddy{display:flex;align-items:center;width:321px;height:55px;padding:0 10px}.informer-coddy .informer__logo{width:50%;margin-bottom:0;order:1}.informer-coddy .informer__rating{font-size:14px;margin-right:15px;font-weight:400;margin-left:5px}.informer-coddy .informer__stars-wrapper{margin-right:10px}.informer-coddy .informer__stars{height:14px}.informer-coddy .informer__star{width:10px;height:10px}.informer-coddy .informer__reviews{font-size:11px;font-weight:400;color:#fff;line-height:25px}#informer{display:inline-block;margin:0 0 0 15px;vertical-align:top}@media only screen and (max-width:580px){#informer{margin-left:0}}
/* End */


/* Start:/local/templates/coddy/css/jquery.mCustomScrollbar.min.css?170923713642572*/
.mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_container_wrapper,.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;overflow:hidden;top:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/coddy/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0-20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0-40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0-56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.75)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width:4px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:rgba(255,255,255,.75)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0-1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0-72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0-92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0-112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0-128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5)0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5)0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0-1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom:1px}.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0-1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px}.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{width:12px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* End */


/* Start:/local/templates/coddy/css/leaflet.1.0.3.min.css?170923713610325*/
.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-control-layers label,.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-map-pane svg,.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive{pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font:12px/1.5"Helvetica Neue",Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-align:center;text-decoration:none;color:#000}.leaflet-bar a:hover{display:block;background-color:#f4f4f4}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px"Lucida Console",Monaco,monospace;text-indent:1px}.leaflet-control-zoom-out{font-size:20px}.leaflet-touch .leaflet-control-zoom-in{font-size:22px}.leaflet-touch .leaflet-control-zoom-out{font-size:24px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(/local/templates/coddy/css/images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(/local/templates/coddy/css/images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(/local/templates/coddy/css/images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.7);margin:0}.leaflet-control-attribution{padding:0 5px;color:#333}.leaflet-control-scale-line{color:#333;border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:rgba(255,255,255,.5)}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:0;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:0 0}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:0 0;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before{left:50%}.leaflet-tooltip-top:before{left:50%;margin-left:-6px;bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}
/* End */
/* /local/templates/coddy/css/fonts.min.css?17491350698124 */
/* /local/templates/coddy/css/skeleton.min.css?174492463214524 */
/* /local/templates/coddy/css/bootstrap.min.css?1738904411107697 */
/* /local/templates/coddy/css/main.css?1747475369947793 */
/* /local/components/coddy/phone.code.list/templates/main/style.min.css?17304180392414 */
/* /local/components/coddy/phone.code.list/templates/main_trial/style.min.css?17304180391992 */
/* /local/components/coddy/phone.code.list/templates/callback/style.min.css?17304180392157 */
/* /local/templates/coddy/styles.min.css?17383578491570 */
/* /local/templates/coddy/css/academy-market-widget.min.css?17394463491680 */
/* /local/templates/coddy/js/scroll-snap-slider/scroll-snap-slider.css?17466310626110 */
/* /local/templates/coddy/css/informer.min.css?17394463491809 */
/* /local/templates/coddy/css/jquery.mCustomScrollbar.min.css?170923713642572 */
/* /local/templates/coddy/css/leaflet.1.0.3.min.css?170923713610325 */