/*

0.1 fonts
0.2 common

0.16 loader-box

*/

/* 0.1 fonts */
@font-face { font-family: 'heeboblack'; src: url('../fonts/heebo/heebo-black-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heebobold'; src: url('../fonts/heebo/heebo-bold-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heeboextrabold'; src: url('../fonts/heebo/heebo-extrabold-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heebolight'; src: url('../fonts/heebo/heebo-light-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heebomedium'; src: url('../fonts/heebo/heebo-medium-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heeboregular'; src: url('../fonts/heebo/heebo-regular-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heebothin'; src: url('../fonts/heebo/heebo-thin-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

/* 0.2 common */
body{font-family: 'heeboregular'; font-size:16px; color:#1b1b1b;}
.container{max-width:1470px; width:100%; margin:0 auto;}
a,button{transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -ms-transition:all linear 0.2s; -o-transition:all linear 0.2s;}
a:hover,a:focus,a:active{outline:none; text-decoration:none;}
button:hover,button:focus,button:active{outline:none;}

/* 0.16 loader-box */
.loader-box{background:#f1f5fb; width:auto; max-width:610px; /* height:440px; */ margin:66px auto; border-left:solid 10px #ff7a82; padding:15px;

-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);
}
.loader-box-inner{background:#f1f5fb; width:100%; max-width:420px; margin: 0 auto; padding:40px 0; position:relative;}
.loader-box-inner .text-block{position:relative; padding:10px 0 10px 60px;}
.loader-box-inner .text-block:before{content:""; background:#A0A7AD; width:30px; height:30px; position:absolute; top:32px; left:0; border-radius:50%;}
.loader-box-inner h2{font-family: 'heeboblack'; color:#A0A7AD; font-size:30px; margin-top:17px;}
.loader-box-inner .feeled{background:#A0A7AD; width:100%; height:20px; margin: 25px 0; line-height: 40px;}

@media(max-width:767px){
	.loader-box-inner{padding: 15px 0;}
	.loader-box-inner h2{font-size:25px;}
	.loader-box-inner .text-block:before{width:20px; height:20px; top:6px;}
	.loader-box-inner .text-block{padding:0 0 0 40px;}
}