html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after{content:'';content:none}
q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
div{-webkit-box-sizing:border-box;box-sizing:border-box}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Thin.ttf");font-style:normal;font-weight:100}
@font-face{font-family:"Inter";src:url("../fonts/Inter-ExtraLight.ttf");font-style:normal;font-weight:200}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Light.ttf");font-style:normal;font-weight:300}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Regular.ttf");font-style:normal;font-weight:400}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Medium.ttf");font-style:normal;font-weight:500}
@font-face{font-family:"Inter";src:url("../fonts/Inter-SemiBold.ttf");font-style:normal;font-weight:600}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Bold.ttf");font-style:normal;font-weight:700}
@font-face{font-family:"Inter";src:url("../fonts/Inter-ExtraBold.ttf");font-style:normal;font-weight:800}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Black.ttf");font-style:normal;font-weight:900}
body{font-family:"Inter"}
body.admin-bar{margin-top:46px}
img{max-width:100%;height:auto}
a{-webkit-transition:.5s;transition:.5s}
#home_page .topSec .container .txt_area a,#home_page .articles_more_btn a{background:#f90;border:1px solid #413e3e;font-weight:500;font-size:18px;line-height:140%;color:#413e3e;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.container,header .container .main_menu ul,#home_page .articles_area .articles_element,#home_page .articles_area .articles_element a .articles_poster,#home_page .articles_area{display:-webkit-box;display:-ms-flexbox;display:flex}
#home_page .articles .container,#home_page .socialTools .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
header .container,footer .container,#home_page .topSec .container,#home_page .articles_area,#home_page .tissers .container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#home_page .articles_area .articles_element a .articles_poster{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#home_page .articles_area{-ms-flex-wrap:wrap;flex-wrap:wrap}
header .container,#home_page .articles_area .articles_element a .articles_poster,#home_page .topSec .container,#home_page .tissers .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.container{max-width:1200px;width:100%;margin:0 auto}
p{font-size:16px;line-height:140%}
.mobileOnly{display:none}
.desctopOnly{display:block}
header{padding:66px 0 0;position:absolute;top:0;left:0;right:0}
header.active{position:fixed;background-color:#fff;padding:30px 0;z-index:1111;-webkit-animation:slideDown .5s forwards;animation:slideDown .5s forwards;opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
header .container .logo_area{z-index:1}
header .container .logo_area img{width:163px}
header .container .main_menu ul li a{padding:0 24px;color:#000;font-size:18px;line-height:25px}
header .container .main_menu ul li a:hover{text-shadow:0 0 .65px #000,0 0 .65px #000}
header .container .mobile_menu .hamburg_button{position:relative;width:28px;height:20px;z-index:1}
header .container .mobile_menu .hamburg_button span{width:100%;height:4px;background-color:#413e3e;display:block;position:absolute;left:0;top:0;-webkit-transition:background .1s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(0.77,0.2,0.05,1);transition:background .1s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(0.77,0.2,0.05,1);transition:transform .5s cubic-bezier(0.77,0.2,0.05,1),background .1s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1),background .1s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(0.77,0.2,0.05,1);-webkit-transform-origin:4px 0;transform-origin:4px 0}
header .container .mobile_menu .hamburg_button span:nth-of-type(2){top:8px}
header .container .mobile_menu .hamburg_button span:last-of-type{top:16px}
header .container .mobile_menu .hamburg_button.active span{-webkit-transform:rotate(45deg) translate(2px,-1px);transform:rotate(45deg) translate(2px,-1px)}
header .container .mobile_menu .hamburg_button.active span:nth-of-type(2){background-color:transparent}
header .container .mobile_menu .hamburg_button.active span:last-of-type{-webkit-transform:rotate(-45deg) translate(0,-1px);transform:rotate(-45deg) translate(0,-1px)}
header .container .mobile_menu .mobMenuList{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;padding-top:120px;height:100vh}
header .container .mobile_menu .mobMenuList nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
header .container .mobile_menu .mobMenuList nav li{margin-bottom:50px}
header .container .mobile_menu .mobMenuList nav li a{font-weight:bold;font-size:26px;line-height:110%;letter-spacing:-0.01em;text-transform:uppercase;color:#413e3e}
header .container .mobile_menu .mobMenuList img{margin:0 auto;display:block}
header .container .mobile_menu .mobMenuList .social_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:40px auto 0;width:100%;max-width:330px}
header .container .mobile_menu .mobMenuList .social_area a svg path{fill:#413e3e}
.wrap{max-width:100vw;overflow:hidden}
footer{background-color:#45474e;padding:70px 0}
footer .container nav ul li{margin-bottom:15px}
footer .container nav ul li:last-child{margin-bottom:0}
footer .container nav ul li a{font-size:16px;line-height:140%;color:#fff;font-weight:300}
footer .container nav ul li a:hover{text-shadow:0 0 .9px #fff,0 0 .9px #fff}
footer .container .social_area a:nth-child(2){margin:0 35px}
h2.title{font-weight:bold;font-size:36px;line-height:120%;text-align:center;color:#413e3e}
#home_page .articles_area .articles_element{width:387px;height:329px;border:1px solid #413e3e;margin-bottom:20px;position:relative;background-color:#fff;-webkit-transition:.5s;transition:.5s}
#home_page .articles_area .articles_element a{padding:20px}
#home_page .articles_area .articles_element a .articles_poster{width:346px;height:161px;overflow:hidden;margin-bottom:25px}
#home_page .articles_area .articles_element a h3{font-weight:600;font-size:20px;line-height:120%;text-align:center;color:#413e3e}
#home_page .articles_area .articles_element:after{content:"";position:absolute;top:calc(100% + 1px);left:0;right:0;background-color:#e4e4e4;height:0;-webkit-transition:.5s;transition:.5s;-webkit-transform:perspective(0);transform:perspective(0)}
#home_page .articles_area .articles_element:hover{-webkit-transform:translateY(-9px);transform:translateY(-9px)}
#home_page .articles_area .articles_element:hover:after{height:9px;left:5px;right:5px;-webkit-transform:perspective(-10px);transform:perspective(-10px)}
#home_page .topSec{padding:175px 0 125px;background-color:#edf6ff}
#home_page .topSec .container .img_area{max-width:52%}
#home_page .topSec .container .txt_area{max-width:46%}
#home_page .topSec .container .txt_area h1{font-weight:bold;font-size:56px;line-height:120%;color:#413e3e;margin-bottom:30px}
#home_page .topSec .container .txt_area p{color:#000;margin-bottom:45px}
#home_page .topSec .container .txt_area a{padding:10px 27px}
#home_page .topSec .container .txt_area a:hover{background-color:#413e3e;color:#fff}
#home_page .articles{padding:70px 0 50px}
#home_page .articles .container h2.title{margin-bottom:50px}
#home_page.mobMenuShow .articles_area .articles_element{z-index:-1}
#home_page .articles_more_btn{margin-top:50px;text-align:center}
#home_page .articles_more_btn a{padding:10px 33px;background-color:#413e3e;color:#fff;border:1px solid #413e3e}
#home_page .articles_more_btn a:hover{background-color:#f90;color:#413e3e}
#home_page .tissers{padding:50px 0 70px}
#home_page .tissers .container a{max-width:48%}
#home_page .socialTools{padding:70px 0 60px;background-color:#f4f7fa}
#home_page .socialTools .container h2.title{max-width:670px;margin:0 auto 50px}
@media(max-width:1250px){header .container .logo_area img{width:140px}
header .container .main_menu ul li a{font-size:16px}
footer .container img{max-width:205px}
footer .container nav ul li a{font-size:16px}
footer .container .social_area a:nth-child(2){margin:0 30px}
footer .container .social_area a svg{max-height:27px}
}@media screen and (max-width:1250px){.container{max-width:920px}
#home_page .topSec .container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#home_page .topSec .container .img_area{position:relative}
#home_page .topSec .container .img_area:before{content:"";position:absolute;top:0;left:0;background-image:url(../img/home/top_image.svg);background-size:contain;background-position:center;width:542px;height:347px}
#home_page .topSec .container .img_area img{display:none}
#home_page .topSec .container .txt_area h1{font-size:48px}
#home_page .articles_area .articles_element{width:291px;height:257px}
#home_page .articles_area .articles_element a{padding:13px}
#home_page .articles_area .articles_element a .articles_poster{width:264px;height:123px}
#home_page .articles_area .articles_element a h3{font-size:16px}
}@media screen and (max-width:950px){header{padding-top:30px}
footer .container{-ms-flex-wrap:wrap;flex-wrap:wrap}
footer .container .logo_area{width:100%;margin-bottom:50px}
.container{max-width:750px}
.mobileOnly{display:block}
.desctopOnly{display:none}
#home_page .topSec{padding:130px 0 70px}
#home_page .topSec .container .txt_area{max-width:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#home_page .topSec .container .txt_area h1{font-size:44px;line-height:105%;text-align:center}
#home_page .topSec .container .txt_area img{margin:0 auto 35px;width:100%;max-width:500px}
#home_page .topSec .container .txt_area p{font-weight:300;font-size:14px;line-height:140%}
#home_page .articles_area{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#home_page .articles_area .articles_element{margin:0 10px 20px}
}@media(max-width:950px){header .container .logo_area img{width:30px}
}@media screen and (max-width:768px){header{padding-top:20px}
.container{max-width:90%}
#home_page .topSec{padding:95px 0 50px}
#home_page .articles_area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#home_page .articles_area .articles_element{margin:0 0 20px}
#home_page .articles_more_btn{margin-top:20px}
#home_page .articles_more_btn a{font-size:16px}
#home_page .tissers .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#home_page .tissers .container img{margin-bottom:20px;max-width:100%}
}@media screen and (max-width:600px){footer .container .logo_area{text-align:center}
footer .container nav ul li a{font-size:14px}
footer .container .social_area{width:100%;text-align:center;margin-top:35px}
footer .container .main_nav,footer .container .tool_nav{width:50%;padding:12px 5px 12px 12px;border-top:1px solid #fff;border-bottom:1px solid #fff}
footer .container .main_nav{border-left:1px solid #fff}
footer .container .tool_nav{border-left:1px solid #fff;border-right:1px solid #fff}
h2.title{font-size:26px}
}@media screen and (max-height:700px){header .container .mobile_menu .mobMenuList{padding-top:100px}
header .container .mobile_menu .mobMenuList nav li{margin-bottom:40px}
header .container .mobile_menu .mobMenuList nav li a{font-size:20px}
}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}