*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;

    letter-spacing: 0em;

    outline: 0;

    font-size: 1em;
    font-weight: 300;
    line-height: 1.2;

    -o-box-sizing: border-box;
}

::selection {color: #FFFFFF;  background: #000; } ::-moz-selection {color: #FFFFFF;  background: #000; }


body         { background-color: #FFFFFF; overflow-x: hidden; }
h1           { font-size: 2em; font-weight: 300; }
h2           { font-size: 1.8em; font-weight: 400; }
h3           { font-size: 1.5em; font-weight: 500; }
p            { margin-bottom: 15px; }
p:last-child { margin-bottom: 0px; }
mark         { padding: 5px 10px; font-weight: 600; background-color: #eee; }
ul, li       { list-style: none; }
img          { vertical-align: middle; border: none; max-width: 100%; }
small        { margin: 10px 0; font-size: 0.75em; }
i            { transition: 0.4s; }
a            { text-decoration: none; transition: 0.4s; }
a img        { border: none; }
b, strong    { font-weight: bold; }
blockquote   {padding-left: 20px;  border-left: 6px solid #EEEEEE; }
iframe,table { width: 100%; border: 0; }
video        { width: 100%; }
option       { background-color: #FFFFFF; }
option:disabled {color: #1A1A1A; font-weight: bold; }
button       { background-color: transparent; border: none; }
td           { margin-right: 10px padding: 10px; }
textarea     { resize: none; }
input::-ms-clear { display: none; }

/*PAGINATOR*/
.paginator { display: block; width: 100%; text-align: center; margin-top: 100px; }
.paginator li { display: inline-block; }
.paginator li span,
.paginator li a{
    font-size: 0.8em;
    display: inline-block;
    padding: 6px 12px;
    background: #FFFFFF;
    border: 1px solid #e4e4e4;
    margin: 0 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    color: #1dc1dd;
    font-weight: 600;
}
.paginator li a:hover { background: #1dc1dd; color: #FFFFFF; border-color: #1dc1dd; }
.paginator li span { background: #1dc1dd; color: #FFFFFF; border-color: #1dc1dd; }

/* ASPECT RATIO */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.uppercase { text-transform: uppercase; }
.underline:hover { text-decoration: underline; }
.text-shadow { text-shadow: 8px 8px 23px #000; }

.box-shadow {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
}
.radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -o-border-radius: 50%; }

/* DISPLAY */
.display-block { display: block; }
.display-inblock { display: inline-block; }
.display-inline { display: inline; }
.display-none { display: none !important; }


/* BOX */
.flex { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; }
.align-items-center { align-items: center; align-self: center; }
.align-items-start { align-items: flex-start; align-self: flex-start; }
.align-items-end { align-items: flex-end; align-self: flex-end; }
.justify-content-start { justify-content: flex-start; }
.justify-content-end { justify-content: flex-end; }
.justify-content-around { justify-content: space-around; }
.justify-content-center { justify-content: center; }


.box25{width: 25%; float: left; }
.box25-5{width: 25%; float: left; padding-left: 2.5%; }
.box30{width: 30%; float: left; }
.box50{width: 50%; float: left; }
.box70{width: 70%; float: left; }
.box80{width: 80%; margin-bottom: 2%;}
.box75{width: 75%; float: left; }
.box100{width: 100%; }

.box1 { width: 100%; margin: 15px 0 15px 0; }
.box2 { width: 48%; margin: 0 4% 0 0; }
.box2:nth-of-type(2n+0) { margin-right: 0; }
.box3 { width: 31.8%; margin: 0 2.30% 100px 0; }
.box3:nth-of-type(3n+0) { margin-right: 0; }
.box4 { width: 23.5%; margin: 1% 1.5% 1% 0; }
.box4:nth-of-type(4n+0) { margin-right: 0; }
.box5 { width: 18.4%; margin: 1% 2% 1% 0; }
.box5:nth-of-type(5n+0) { margin-right: 0; }

@media (max-width: 30em){
    .box2,
    .box3,
    .box4,
    .box5{ width: 100%; margin: 0 0 25px 0 !important; }
}

@media (min-width: 30em) and (max-width: 48em){
    .box2,
    .box3,
    .box4,
    .box5{width: 49%; margin: 0 1% 1% 0 !important;}
    .box2:nth-of-type(2n+0),
    .box3:nth-of-type(2n+0),
    .box4:nth-of-type(2n+0),
    .box5:nth-of-type(2n+0){margin-right: 0 !important;}
}