/*////////////////////////////////////////////////////////////////////////////
╒════════════════════════════════════════════════════════════════════════════╕
├───┬────────────────────┬───────────────────────────────────────────────────┤
│   │  GREYFOREST MEDIA  │  [greyforest]-framework-skeleton.css              │
├───┴────────────────────┴───────────────────────────────────────────────────┤
├───┬────────────────────┬───────────────────────────────────────────────┬───┤
│   │  VERSION: 3.0.03   │  UPDATED: 2021/10/02                          │   │
├───┴────────────────────┴───────────────────────────────────────────────│   │
│   │  NEW VERSIONS:                                                     │   │
│   │  https://www.greyforest.media/framework                            │   │
│   ├────────────────────────────────────────────────────────────────────┤   │
│   │  GITHUB:                                                           │   │
│   │  https://github.com/GreyforestMedia/Greyforest-Framework           │   │
│   ├────────────────────────────────────────────────────────────────────┤   │
│   └────────────────────────────────────────────────────────────────────┘   │
╘════════════════════════════════════════════════════════════════════════════╛
*/
* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,blockquote,pre,abbr,address,cite,code,del,dfn,em,iframe,img,ins,kbd,q,samp,small,strong,sub,sup,var,
b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,main,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;border-style:none;position:relative;height:auto;} 
article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,main,nav,section{display:block;backface-visibility:hidden;-moz-backface-visibility: hidden;} 
.clearfix::after {clear:both;content:"";display:block;}

.image {max-width:100%;width:100%;display:block;}


/* BACKGROUNDS */
.bg-cover {background-size:cover !important;background-position:center center;background-repeat:no-repeat;}
.bg-contain {background-size:contain !important;background-position:center center;background-repeat:no-repeat;}

/* LIST : Directional */
ul.horizontal{display:block;margin:0;padding:0;}
ul.horizontal li {display:inline-block;padding:.5em;font-weight:bold;}
ul.vertical li {display:block;padding:.5em;}

/* FUNCTIONS */
.overlay {position:absolute;background:rgba(255,255,255,0.93);top:0;left:0;width:100%;height:100%;z-index:5;display:block;opacity:0;-webkit-transition:all 0.13s linear;-moz-transition:all 0.13s linear;-o-transition:all 0.13s linear;transition:all 0.13s linear;}
.overlay:hover {opacity:1;-webkit-transition:all 0.13s linear;-moz-transition:all 0.13s linear;-o-transition:all 0.13s linear;transition:all 0.13s linear;}
.overlay table {display:table;vertical-align:middle;text-align:center;height:100%;width:100%;}
.overlay tr, .overlay td {vertical-align:middle;text-align:center;height:100%;width:100%;}
.overlay table tr td p {padding:3px;margin:0px;color:#73ffff;width:auto;display:inline-block;}
.overlay:hover table tr td p {font-size:1.4em;-webkit-transition:all 0.13s linear;-moz-transition:all 0.13s linear;-o-transition:all 0.13s linear;transition:all 0.13s linear;}
.underlay {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.parallaxed {transition: 0s ease;transition-property: background-position;background-size:cover !important;background-repeat:no-repeat;background-position: 50% 50%;transform: translate3d(0, 0, 0);}

/* TYPOGRAPHY */
.font-xsmall {font-size:.6em;} 
.font-small {font-size:.8em;} 
.font-medium {font-size:1.2em;} 
.font-large {font-size:2em;} 
.font-xlarge {font-size:5em;} 
.font-uppercase {text-transform:uppercase;} 
.font-heavyweight {font-weight:bold;} 
.font-lightweight {font-weight:100;} 
.alignnone {text-align:center;margin:0px auto;display:inline;} 
.aligncenter {text-align:center;margin:0px auto;display:block;} 
.alignleft {text-align:left;float:left;display:block;margin:1em 2em 2em 0;} 
.alignright {text-align:right;float:right;display:block;margin:1em 0 2em 2em;} 
.textaligncenter {text-align:center;} 
.textalignleft {text-align:left;} 
.textalignright {text-align:right;}
.textalignjustify {text-align:justify;}

.clear {clear:both;}
.clearfix::after {content:"";clear:both;display:block;width:100%;height:0px;}

/* SHAPES */
.shape-circle {clip-path: circle(50% at 50% 50%);}
.shape-triangle {clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
.shape-parallelogram {clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}
.shape-hexagon {clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
.shape-rhombus-right {clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.shape-rhombus-left {clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%);}
.shape-point-right {clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);}
.shape-point-left {clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);}


/* GRID FRAMEWORK : Floats */
.block {display:block;float:none;margin:1em;}
.block-01, .block-one {width:100%;display:block;float:left;}
.block-02, .block-two {width:50%;display:block;float:left;}
.block-03, .block-three {width:33.3333%;display:block;float:left;}
.block-04, .block-four {width:25%;display:block;float:left;}
.block-05, .block-five {width:20%;display:block;float:left;}
.block-06, .block-six {width:16.66%;display:block;float:left;}
.block-07, .block-seven {width:14.28%;display:block;float:left;}
.block-08, .block-eight {width:12.5%;display:block;float:left;}
.block-09, .block-nine {width:11.11%;display:block;float:left;}
.block-10, .block-ten {width:10%;display:block;float:left;}
.block-20, .block-twenty {width:20%;display:block;float:left;}
.block-30, .block-thirty {width:30%;display:block;float:left;}
.block-40, .block-forty {width:40%;display:block;float:left;}
.block-50, .block-fifty {width:50%;display:block;float:left;}
.block-60, .block-sixty {width:60%;display:block;float:left;}
.block-70, .block-seventy {width:70%;display:block;float:left;}
.block-80, .block-eighty {width:80%;display:block;float:left;}
.block-90, .block-ninety {width:90%;display:block;float:left;}
.block-100, .block-onehundred {width:100%;display:block;float:left;}

/* GRID FRAMEWORK : CSS Grid */
.grid {display:grid;}
.grid-reverse {grid-auto-flow:dense}
.grid-reverse .grid-column-1:first-child,
.grid-reverse .grid-column-2:first-child,
.grid-reverse .grid-column-3:first-child,
.grid-reverse .grid-column-4:first-child,
.grid-reverse .grid-column-5:first-child,
.grid-reverse .grid-column-6:first-child,
.grid-reverse .grid-column-7:first-child,
.grid-reverse .grid-column-8:first-child,
.grid-reverse .grid-column-9:first-child,
.grid-reverse .grid-column-10:first-child,
.grid-reverse .grid-column-11:first-child,
.grid-reverse .grid-column-12:first-child {grid-column-end:-1}
.grid-columns-1  {grid-template-columns: repeat(1, 1fr);}
.grid-columns-2  {grid-template-columns: repeat(2, 1fr);}
.grid-columns-3  {grid-template-columns: repeat(3, 1fr);}
.grid-columns-4  {grid-template-columns: repeat(4, 1fr);}
.grid-columns-5  {grid-template-columns: repeat(5, 1fr);}
.grid-columns-6  {grid-template-columns: repeat(6, 1fr);}
.grid-columns-7  {grid-template-columns: repeat(7, 1fr);}
.grid-columns-8  {grid-template-columns: repeat(8, 1fr);}
.grid-columns-9  {grid-template-columns: repeat(9, 1fr);}
.grid-columns-10 {grid-template-columns: repeat(10, 1fr);}
.grid-columns-11 {grid-template-columns: repeat(11, 1fr);}
.grid-columns-12 {grid-template-columns: repeat(12, 1fr);}
.grid-column-1  {grid-column: span 1}
.grid-column-2  {grid-column: span 2}
.grid-column-3  {grid-column: span 3}
.grid-column-4  {grid-column: span 4}
.grid-column-5  {grid-column: span 5}
.grid-column-6  {grid-column: span 6}
.grid-column-7  {grid-column: span 7}
.grid-column-8  {grid-column: span 8}
.grid-column-9  {grid-column: span 9}
.grid-column-10 {grid-column: span 10}
.grid-column-11 {grid-column: span 11}
.grid-column-12 {grid-column: span 12}

/* WIDTH : MAX SIZES */
.max-100,  .maxonehundred {max-width:100px !important;}
.max-200,  .maxtwohundred {max-width:200px !important;}
.max-300,  .maxthreehundred {max-width:300px !important;}
.max-400,  .maxfourhundred {max-width:400px !important;}
.max-500,  .maxfivehundred {max-width:500px !important;}
.max-600,  .maxsixhundred {max-width:600px !important;}
.max-700,  .maxsevenhundred {max-width:700px !important;}
.max-800,  .maxeighthundred {max-width:800px !important;}
.max-900,  .maxninehundred {max-width:900px !important;}
.max-1000, .maxonethousand {max-width:1000px !important;}
.max-1100, .maxelevenhundred {max-width:1000px !important;}
.max-1200, .maxtwelvehundred {max-width:1200px !important;}
.max-1300, .maxthirteenhundred {max-width:1300px !important;}
.max-1400, .maxfourteenhundred {max-width:1400px !important;}
.max-1500, .maxfifteenhundred {max-width:1500px !important;}
.max-1600, .maxsixteenhundred {max-width:1600px !important;}
.max-1700, .maxseventeenhundred {max-width:1700px !important;}
.max-1800, .maxeighteenhundred {max-width:1800px !important;}
.max-1900, .maxnineteenhundred {max-width:1900px !important;}
.max-2000, .maxtwothousand {max-width:2000px;}

/* HEIGHT : MAX SIZES */
.max-h100  {max-height:100px;}
.max-h200  {max-height:200px;}
.max-h300  {max-height:300px;}
.max-h400  {max-height:400px;}
.max-h500  {max-height:500px;}
.max-h600  {max-height:600px;}
.max-h700  {max-height:700px;}
.max-h800  {max-height:800px;}
.max-h900  {max-height:900px;}
.max-h1000 {max-height:1000px;}
.max-h1100 {max-height:1000px;}
.max-h1200 {max-height:1200px;}
.max-h1300 {max-height:1300px;}
.max-h1400 {max-height:1400px;}
.max-h1500 {max-height:1500px;}
.max-h1600 {max-height:1600px;}
.max-h1900 {max-height:1700px;}
.max-h1600 {max-height:1800px;}
.max-h1600 {max-height:1900px;}
.max-h2000 {max-height:2000px;}

/* HEIGHT : VIEWPORT */
.height-10  {height:10vh !important;}
.height-20  {height:20vh !important;}
.height-30  {height:30vh !important;}
.height-40  {height:40vh !important;}
.height-50  {height:50vh !important;}
.height-60  {height:60vh !important;}
.height-70  {height:70vh !important;}
.height-80  {height:80vh !important;}
.height-90  {height:90vh !important;}
.height-100 {height:100vh !important;}

/* PADDING */
.padded {padding:1rem;}
.padded-percent {padding:8% 7%;}
.padded-h5   {padding-top:5vh;  padding-bottom:5vh;}
.padded-h10  {padding-top:10vh; padding-bottom:10vh;}
.padded-h20  {padding-top:20vh; padding-bottom:20vh;}
.padded-h30  {padding-top:30vh; padding-bottom:30vh;}
.padded-h40  {padding-top:40vh; padding-bottom:40vh;}
.padded-h50  {padding-top:50vh; padding-bottom:50vh;}
.padded-h60  {padding-top:60vh; padding-bottom:60vh;}
.padded-h70  {padding-top:70vh; padding-bottom:70vh;}
.padded-h80  {padding-top:80vh; padding-bottom:80vh;}
.padded-h90  {padding-top:90vh; padding-bottom:90vh;}
.padded-h100 {padding-top:100vh;padding-bottom:100vh;}
.padded-w5   {padding-left:5%;  padding-right:5%;}
.padded-w10  {padding-left:10%; padding-right:10%;}
.padded-w20  {padding-left:20%; padding-right:20%;}
.padded-w30  {padding-left:30%; padding-right:30%;}
.padded-w40  {padding-left:40%; padding-right:40%;}
.padded-w50  {padding-left:50%; padding-right:50%;}
.padded-w60  {padding-left:60%; padding-right:60%;}
.padded-w70  {padding-left:70%; padding-right:70%;}
.padded-w80  {padding-left:80%; padding-right:80%;}
.padded-w90  {padding-left:90%; padding-right:90%;}
.padded-w100 {padding-left:100%;padding-right:100%;}

/* FLEXBOX ROW / EQUAL HEIGHT DIVS */
.flex-row {display:flex;flex-flow:row wrap;flex-direction:row;}

.flex-reverse-row {flex-direction:row;}
.flex-reverse-column {flex-direction:column;}

/* FLEXBOX VERTICAL CENTERING */
.flex-center, .flex-wrapper-content {display:flex;flex-wrap:wrap;align-content:center;justify-content:center}
.flex-wrapper-items {display:flex;flex-wrap:wrap;align-items:center;justify-content:center}

/* FLOATS */
.float-left {float:left;} 
.float-right {float:right;}  
.float-center {margin-left:auto;margin-right:auto;}

/* POSITIONING */
.position-relative {position:relative;}
.position-absolute {position:absolute;}
.position-fixed {position:fixed;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ====================================== */
@media only screen and (max-width : 1280px) {
/* ====================================== */

.medium-block-01, .medium-block-one {width:100%;display:block;float:left;}
.medium-block-02, .medium-block-two {width:50%;display:block;float:left;}
.medium-block-03, .medium-block-three {width:33.3%;display:block;float:left;}
.medium-block-04, .medium-block-four {width:25%;display:block;float:left;}
.medium-block-05, .medium-block-five {width:20%;display:block;float:left;}
.medium-block-06, .medium-block-six {width:16.66%;display:block;float:left;}
.medium-block-07, .medium-block-seven {width:14.28%;display:block;float:left;}
.medium-block-08, .medium-block-eight {width:12.5%;display:block;float:left;}
.medium-block-09, .medium-block-nine {width:11.11%;display:block;float:left;}
.medium-block-10, .medium-block-ten {width:10%;display:block;float:left;}
.medium-block-20, .medium-block-twenty {width:20%;display:block;float:left;}
.medium-block-30, .medium-block-thirty {width:30%;display:block;float:left;}
.medium-block-40, .medium-block-forty {width:40%;display:block;float:left;}
.medium-block-50, .medium-block-fifty {width:50%;display:block;float:left;}
.medium-block-60, .medium-block-sixty {width:60%;display:block;float:left;}
.medium-block-70, .medium-block-seventy {width:70%;display:block;float:left;}
.medium-block-80, .medium-block-eighty {width:80%;display:block;float:left;}
.medium-block-90, .medium-block-ninety {width:90%;display:block;float:left;}
.medium-block-100, .medium-block-onehundred {width:100%;display:block;float:left;}

.medium-bg-size-10 {background-size:10% 100% !important;}
.medium-bg-size-20 {background-size:20% 100% !important;}
.medium-bg-size-30 {background-size:30% 100% !important;}
.medium-bg-size-40 {background-size:40% 100% !important;}
.medium-bg-size-50 {background-size:50% 100% !important;}
.medium-bg-size-60 {background-size:60% 100% !important;}
.medium-bg-size-70 {background-size:70% 100% !important;}
.medium-bg-size-80 {background-size:80% 100% !important;}
.medium-bg-size-90 {background-size:90% 100% !important;}
.medium-bg-size-100 {background-size:100% 100% !important;}

.medium-grid-columns-1 {grid-template-columns: repeat(1, 1fr);}
.medium-grid-columns-2 {grid-template-columns: repeat(2, 1fr);}
.medium-grid-columns-3 {grid-template-columns: repeat(3, 1fr);}
.medium-grid-columns-4 {grid-template-columns: repeat(4, 1fr);}
.medium-grid-columns-5 {grid-template-columns: repeat(5, 1fr);}
.medium-grid-columns-6 {grid-template-columns: repeat(6, 1fr);}
.medium-grid-columns-7 {grid-template-columns: repeat(7, 1fr);}
.medium-grid-columns-8 {grid-template-columns: repeat(8, 1fr);}
.medium-grid-columns-9 {grid-template-columns: repeat(9, 1fr);}
.medium-grid-columns-10 {grid-template-columns: repeat(10, 1fr);}
.medium-grid-columns-11 {grid-template-columns: repeat(11, 1fr);}
.medium-grid-columns-12 {grid-template-columns: repeat(12, 1fr);}
.medium-grid-column-1 {grid-column: span 1}
.medium-grid-column-2 {grid-column: span 2}
.medium-grid-column-3 {grid-column: span 3}
.medium-grid-column-4 {grid-column: span 4}
.medium-grid-column-5 {grid-column: span 5}
.medium-grid-column-6 {grid-column: span 6}
.medium-grid-column-7 {grid-column: span 7}
.medium-grid-column-8 {grid-column: span 8}
.medium-grid-column-9 {grid-column: span 9}
.medium-grid-column-10 {grid-column: span 10}
.medium-grid-column-11 {grid-column: span 11}
.medium-grid-column-12 {grid-column: span 12}

/* HEIGHT : VIEWPORT */
.medium-height-10 {height:10vh !important;}
.medium-height-20 {height:20vh !important;}
.medium-height-30 {height:30vh !important;}
.medium-height-40 {height:40vh !important;}
.medium-height-50 {height:50vh !important;}
.medium-height-60 {height:60vh !important;}
.medium-height-70 {height:70vh !important;}
.medium-height-80 {height:80vh !important;}
.medium-height-90 {height:90vh !important;}
.medium-height-100 {height:100vh !important;}

.float-left-cheat {float:left;}
.float-right-cheat {float:right;}

.mobile {display:none;}
.tablet {display:block;}
.desktop {display:none;}

.medium-textaligncenter {text-align:center;} 
.medium-textalignleft {text-align:left;} 
.medium-textalignright {text-align:right;} 
.medium-textalignjustify {text-align:justify;}

.medium-flex-reverse-row {flex-direction:row-reverse;}
.medium-flex-reverse-column {flex-direction:column-reverse;}


}

/* ====================================== */
@media only screen and (max-width : 768px) {
/* ====================================== */

body, html {min-height:100%;font-size:16px}

header #social {width:auto;float:none;position:relative;padding:5px 10px 20px 10px;}

.small-block-01, .small-block-one {width:100%;display:block;float:left;}
.small-block-02, .small-block-two {width:50%;display:block;float:left;}
.small-block-03, .small-block-three {width:33.3%;display:block;float:left;}
.small-block-04, .small-block-four {width:25%;display:block;float:left;}
.small-block-05, .small-block-five {width:20%;display:block;float:left;}
.small-block-06, .small-block-six {width:16.66%;display:block;float:left;}
.small-block-07, .small-block-seven {width:14.28%;display:block;float:left;}
.small-block-08, .small-block-eight {width:12.5%;display:block;float:left;}
.small-block-09, .small-block-nine {width:11.11%;display:block;float:left;}
.small-block-10, .small-block-ten {width:10%;display:block;float:left;}
.small-block-20, .small-block-twenty {width:20%;display:block;float:left;}
.small-block-30, .small-block-thirty {width:30%;display:block;float:left;}
.small-block-40, .small-block-forty {width:40%;display:block;float:left;}
.small-block-50, .small-block-fifty {width:50%;display:block;float:left;}
.small-block-60, .small-block-sixty {width:60%;display:block;float:left;}
.small-block-70, .small-block-seventy {width:70%;display:block;float:left;}
.small-block-80, .small-block-eighty {width:80%;display:block;float:left;}
.small-block-90, .small-block-ninety {width:90%;display:block;float:left;}
.small-block-100, .small-block-onehundred {width:100%;display:block;float:left;}

.small-bg-size-10 {background-size:10% 100% !important;}
.small-bg-size-20 {background-size:20% 100% !important;}
.small-bg-size-30 {background-size:30% 100% !important;}
.small-bg-size-40 {background-size:40% 100% !important;}
.small-bg-size-50 {background-size:50% 100% !important;}
.small-bg-size-60 {background-size:60% 100% !important;}
.small-bg-size-70 {background-size:70% 100% !important;}
.small-bg-size-80 {background-size:80% 100% !important;}
.small-bg-size-90 {background-size:90% 100% !important;}
.small-bg-size-100 {background-size:100% 100% !important;}

.small-grid-columns-1 {grid-template-columns: repeat(1, 1fr);}
.small-grid-columns-2 {grid-template-columns: repeat(2, 1fr);}
.small-grid-columns-3 {grid-template-columns: repeat(3, 1fr);}
.small-grid-columns-4 {grid-template-columns: repeat(4, 1fr);}
.small-grid-columns-5 {grid-template-columns: repeat(5, 1fr);}
.small-grid-columns-6 {grid-template-columns: repeat(6, 1fr);}
.small-grid-columns-7 {grid-template-columns: repeat(7, 1fr);}
.small-grid-columns-8 {grid-template-columns: repeat(8, 1fr);}
.small-grid-columns-9 {grid-template-columns: repeat(9, 1fr);}
.small-grid-columns-10 {grid-template-columns: repeat(10, 1fr);}
.small-grid-columns-11 {grid-template-columns: repeat(11, 1fr);}
.small-grid-columns-12 {grid-template-columns: repeat(12, 1fr);}
.small-grid-column-1 {grid-column: span 1}
.small-grid-column-2 {grid-column: span 2}
.small-grid-column-3 {grid-column: span 3}
.small-grid-column-4 {grid-column: span 4}
.small-grid-column-5 {grid-column: span 5}
.small-grid-column-6 {grid-column: span 6}
.small-grid-column-7 {grid-column: span 7}
.small-grid-column-8 {grid-column: span 8}
.small-grid-column-9 {grid-column: span 9}
.small-grid-column-10 {grid-column: span 10}
.small-grid-column-11 {grid-column: span 11}
.small-grid-column-12 {grid-column: span 12}

/* HEIGHT : VIEWPORT */
.small-height-10 {height:10vh !important;}
.small-height-20 {height:20vh !important;}
.small-height-30 {height:30vh !important;}
.small-height-40 {height:40vh !important;}
.small-height-50 {height:50vh !important;}
.small-height-60 {height:60vh !important;}
.small-height-70 {height:70vh !important;}
.small-height-80 {height:80vh !important;}
.small-height-90 {height:90vh !important;}
.small-height-100 {height:100vh !important;}


.small-textaligncenter {text-align:center;} 
.small-textalignleft {text-align:left;} 
.small-textalignright {text-align:right;} 
.small-textalignjustify {text-align:justify;}

.small-flex-reverse-row {flex-direction:row-reverse;}
.small-flex-reverse-column {flex-direction:column-reverse;}

}