/*CSS RESET*/
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;
}

html {
/* background-image : url('/wp-content/themes/Logic.2018/images/bg.png');
background-repeat : repeat; */
background-color : #f1e6c0 !important;
}

body {
width : 100%;

overflow-x : hidden;
overflow-y : scroll;
}

.loader {
width : 100%;
min-height : 100vh;

opacity : 0;

transition : 0.4s;
}

.loaded {
opacity : 1 !important;
}

.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

a { 
outline : 0;
text-decoration : none;
}

/*BACK TO TOP*/
.back_top {
position : fixed;
bottom : -2vw;
right : 1.5vw;
width : 2vw;
height : 2vw;
display : block;
background : url('/wp-content/themes/Logic.2018/images/back_top.svg') no-repeat center center;

background-size : cover;

transition : 0.4s;

z-index : 9999;
}

@media screen and (max-width: 960px) {
.loader {
padding-bottom : calc(12px + 4.2vw);
}

.back_top {
visibility : hidden;
}
}

@media screen and (max-width: 960px) {
#wpadminbar {
display : none;
}
}

select {
border : solid 1px #eee !important;
}

.loading_logic {
position : fixed;

width : 100vw;
height : 100vh;

top : 0;
left : 0;

background-image : url('/wp-content/themes/Logic.2018/images/loadingKK.svg');
background-size : calc(80px + 0.5vw) auto;

background-repeat : no-repeat;
background-position : center;

transition : 0.4s;

animation: loading 1s ease-in-out infinite;
}

.hidden {
opacity : 0;
}

@keyframes loading {
0% { transform:scale(1.1,1.1); }
50% { transform:scale(1.01,1.01); }
100% { transform:scale(1.1,1.1); 
}
}