@charset "utf-8";

/* ----------------------------------

Name: style.css
Version: 2.3

-------------------------------------


/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300;400;700&family=Cinzel:wght@400..900&family=Manuale:ital,wght@0,300..800;1,300..800&display=swap')

/* ===================================
    Reset
====================================== */

ul{list-style-type:none;margin:0;padding:0;}
blockquote{margin:0;}
*{box-sizing: border-box; transition-timing-function: var(--trans-ease-in);  transition-duration: var(--trans-speedy);}
*:focus-visible{outline:transparent; outline:2px solid var(--primary) !important; outline-offset:1px;}


/*------ CSS Variables -----*/
:root{
	
	/*colors*/
	--primary: #e32636;
	--secondary: #ffbf13;
	--light: #dbc4a9;
	--med: #4d342a;
	--dark: #29151c;
	--black: #3b1e28;
	
	/*shadows*/
	--boxshadow: 0px 2px 5px -1px rgba(152,86,57,0.56), 0px 2px 2px -1px rgba(152,86,57,0.77), 0px 1px 10px 0px rgba(152,86,57,0.25);
	--printfuzzshadow: 0px 1px 1px rgba(236,0,140,0.2), -1px -1px 1px rgba(0,174,239,0.2), 1px 0px 1px rgba(255,242,0,0.2), 0px 0px 2px rgba(0,0,0,0.2)!important;
	
	/*font fam*/
	--main-font: "Manuale", serif;
	--alt-font: "Cinzel", serif; 
	--sec-font: "BenchNine", sans-serif;
	
	/*font-size*/
	--text-xs:.725rem;
	--text-s:.925rem;
	--text-m:1em;
	--text-l:clamp(1.2rem, 1.003154574132492rem + 0.7570977917981073vw, 1.5rem);
	--text-xl:clamp(1.4rem, 1.0063091482649842rem + 1.5141955835962146vw, 2rem);
	--text-2xl:1.525rem;
	--text-3xl:clamp(1.6rem, 1.0094637223974765rem + 2.2712933753943214vw, 2.5rem);
	--text-4xl:clamp(1.8rem, 1.0126182965299686rem + 3.028391167192429vw, 3rem);
	--text-5xl:clamp(2rem, 1.0157728706624605rem + 3.7854889589905363vw, 3.5rem);
	--text-6xl:clamp(2.2rem, 0.6908517350157732rem + 5.804416403785488vw, 4.5rem);
	--text-7xl:clamp(2.4rem, 0.6940063091482647rem + 6.561514195583597vw, 5rem);
	--text-8xl:clamp(2.6rem, 0.041009463722397665rem + 9.842271293375395vw, 6.5rem);
	--text-9xl:clamp(2.8rem, -0.2839116719242907rem + 11.861198738170348vw, 7.5rem);
	
	/*line-height*/
	--text-line-xs:.725rem;
	--text-line-s:.925rem;
	--text-line-m:1em;
	--text-line-l:clamp(1rem, 0.766rem + 0.904vw, 1.2rem);
	--text-line-xl:2.25rem;
	--text-line-2xl:2.5rem;
	--text-line-3xl:2.75rem;
	--text-line-4xl:clamp(2rem, 0.831rem + 4.52vw, 3rem);
	--text-line-5xl:clamp(2rem, 0.831rem + 4.52vw, 3rem);
	--text-line-6xl:clamp(2rem, 0.6876971608832807rem + 5.047318611987381vw, 4rem);
	--text-line-7xl:.875em;
	--text-line-8xl:.875em;
	--text-line-9xl:.875em;
	
	/*transition-duration*/
	--trans-speedy:200ms;
	--trans-med:800ms;
	--trans-slow:1000ms;
	
	/*custom transition-easing*/
	--trans-ease:ease;
	--trans-ease-in:cubic-bezier(0.55, 0.085, 0.68, 0.53);
	--trans-ease-out:cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--trans-ease-in-out:cubic-bezier(0.455, 0.03, 0.515, 0.955);
	
	/*svg*/
	--star: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100%25' viewBox='0 0 1024 1024' enable-background='new 0 0 1024 1024' xml:space='preserve'%3E%3Cpath fill='%23000000' opacity='1.000000' stroke='none' d='%0AM315.400116,846.436768 C294.020172,862.737488 272.226288,877.765869 248.509094,889.780334 C240.204620,893.987183 231.781815,898.088379 222.392319,899.434875 C215.424835,900.434021 210.582870,896.673584 209.683884,889.524353 C208.542831,880.450195 211.277237,872.043091 214.495209,863.798645 C223.373856,841.051392 235.301666,819.840515 247.937332,799.048340 C280.398834,745.632385 314.155914,693.049316 352.519806,643.626099 C376.502289,612.730164 403.129913,584.312317 435.178467,561.438416 C435.989014,560.859924 436.761017,560.210815 437.467590,559.510437 C437.794769,559.186157 437.921112,558.659241 438.173126,558.154846 C437.075989,555.858398 434.712067,555.776184 432.777344,555.041809 C351.870941,524.335083 273.847931,487.873505 202.188690,438.854767 C171.042007,417.548767 141.652878,394.051941 115.734375,366.470306 C108.540916,358.815247 101.659561,350.876892 96.480476,341.645111 C90.848763,331.606445 93.989952,324.383667 105.326347,321.745728 C115.090469,319.473663 124.883827,320.683929 134.598938,322.244476 C172.211624,328.286469 208.403229,339.751099 244.462341,351.573853 C288.133087,365.892242 331.808502,380.262909 373.989166,398.675903 C402.907990,411.299683 430.741241,425.941528 456.447510,444.399170 C458.408142,445.806915 460.160126,447.740570 462.847290,448.007782 C464.200714,446.311584 463.709595,444.404083 463.549225,442.677582 C461.682404,422.580109 461.580048,402.428925 461.597198,382.273621 C461.614044,362.442780 461.414703,342.607544 461.758820,322.782043 C462.414856,284.987762 465.675232,247.409943 471.490875,210.037766 C476.948914,174.963577 484.521576,140.413696 495.826050,106.737930 C500.069031,94.098228 504.913147,81.680351 511.328278,69.954163 C513.240479,66.458794 515.362671,63.030190 517.777588,59.868015 C522.718933,53.397648 529.291443,52.921482 535.363342,58.410000 C540.201965,62.783737 542.883728,68.550323 545.191101,74.469360 C552.174194,92.382751 555.866333,111.146851 559.305176,129.966721 C565.402771,163.336990 569.464966,197.000549 573.003296,230.705780 C575.988037,259.136810 578.958740,287.577271 580.520264,316.158783 C581.703979,337.823914 581.762085,359.478912 581.037598,381.100128 C580.296936,403.202026 577.727783,425.203278 572.508728,446.793579 C572.040955,448.728638 571.770874,450.713196 571.462891,452.683167 C571.420166,452.956512 571.689148,453.278564 571.868042,453.708374 C574.507935,454.329865 576.564270,452.679321 578.768311,451.704681 C647.875122,421.144958 718.437378,394.767487 792.352356,378.249237 C826.786194,370.554047 861.577332,365.238464 896.912048,363.471710 C915.946594,362.520020 934.826843,362.474792 953.637329,365.689484 C955.760376,366.052307 957.864136,366.622711 959.917786,367.281067 C968.919312,370.166748 971.676453,376.540405 967.415527,385.104034 C963.529419,392.914520 956.982727,398.485687 950.363464,403.792053 C929.210144,420.749817 905.705811,434.090637 881.968262,446.922577 C833.307495,473.227448 784.013245,498.310577 733.093445,520.005432 C699.166321,534.460388 664.278625,545.988403 627.693054,551.717407 C621.614563,552.669250 615.488220,553.312073 609.394043,554.169067 C604.794800,554.815918 604.259583,555.985596 607.148682,559.377625 C648.866333,608.356995 685.120117,661.254517 717.927795,716.451111 C749.269470,769.181335 774.845032,824.593628 789.680481,884.460327 C792.197754,894.618835 794.235596,904.934631 794.248535,915.481201 C794.263367,927.601562 787.026978,932.580261 775.486755,928.392151 C764.473511,924.395203 755.497803,917.139343 746.728455,909.694885 C720.871521,887.744995 697.863647,862.924316 675.274536,837.741150 C645.679382,804.747192 616.186584,771.633606 589.342896,736.316101 C563.446411,702.244873 540.424622,666.445557 525.529907,625.976562 C524.969482,624.453918 524.489563,622.613342 522.504944,622.331970 C520.169189,622.000793 519.510986,624.081970 518.502869,625.526306 C477.301758,684.551880 431.322815,739.591187 380.218475,790.278198 C359.983856,810.347656 338.369232,828.927246 315.400116,846.436768 z'/%3E%3C/svg%3E"); 
	
	font-size: var(--text-m);
}

/* ===================================
    Containers
====================================== */

body{
	font-size: 1.125rem;
	font-size: clamp(1.125rem, 1.3320189274447949rem + -0.31545741324921134vw, 1.25rem);
	color:var(--dark);
	line-height:clamp(1.5rem, 1.996845425867508rem + -0.7570977917981073vw, 1.8rem);
}

body.no-scroll {
    overflow: hidden;
}

html{
	box-sizing:border-box;
	font-family: var(--main-font);
	color: var(--dark);
}

img {max-width:100%; height:auto;}
.gallery-works img{width:100%; height:100%; object-fit:cover; display:block;}

.wrapper{
	margin:1%;
	background-color:#fff4e7;
	padding:10px;
	z-index:2;
	-webkit-box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.17), 0px 4px 6px -1px rgba(0,0,0,0.48), 0px 3px 4px -1px rgba(0,0,0,0.25); 
	box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.17), 0px 4px 6px -1px rgba(0,0,0,0.28), 0px 3px 4px -1px rgba(0,0,0,0.25);
}

*:focus {outline-color: var(--secondary);}

/* ===================================
    Grids
====================================== */

#main.container-grid{ /*index main container*/
	grid-template-columns: repeat(2, 1fr);  	
	display:grid;
	grid-template-areas:
	'nav nav'
	'content content '
	'content content '
	'content content '
	'content content '
	'content content '
	'content content '
	'gallery gallery '
	'gallery gallery '
	'gallery gallery '
	'gallery gallery '
	'gallery gallery '
	'gallery gallery '
	'gallery gallery '
	'gallery gallery '
	'call call '
	'call call '
	'call call '
	'call call '
	'call call '
	'call call '
	'call call '
	'call call '
	'call call '
	'call call '
	'call call '
	'shop shop'
	'shop shop'
	'shop shop'
	'shop shop'
	'shop shop'
	'shop shop'
	'footer footer '
	'footer footer '
	'footer footer '
	;
}


.subgrid{
	grid-template-columns:subgrid; 
	grid-template-rows:subgrid;
}

.nav, .content, .gallery, .call, .footer, .gallery-works, .sell, .action, .sell-head, .sell-text, .sell-box1, .sell-box2, .sell-box3, .sell-box4, .legal, .services {display:grid;}

.display-grid{display:grid;}

.nav {
	grid-template-columns: 50px 1fr 50px;
	grid-template-areas: "home email hamburger";
	width: 100%; 
}

.menu {
	display:grid; 
	grid-template-columns: 1fr;
}
.menu-img{display:none;}

#main.container-grid > .content {
	grid-template-areas:
	'hero hero '
	'hero hero '
	'hero hero '
	'hero hero'
	'process process '
	'author author ';
}

.hero{
	display:grid;
	grid-template-rows:1fr 1fr 1fr 2fr;
	gap:1em;
	grid-template-areas:
	'hero-title hero-title '
	'. . '
	'timer1 timer2 '
	'hero-cap hero-cap '
	;
}

#main.container-grid > .content > .author > .author-btn{text-align:center;}

.gallery {
	grid-template-areas:
	'gallery-text gallery-text '
	'gallery-text gallery-text '
	'gallery-text gallery-text '
	'gallery-works gallery-works '
	'gallery-works gallery-works '
	'gallery-works gallery-works '
	'gallery-works gallery-works '
	'gallery-works gallery-works ';
}
.gallery-text{
	display:grid;
	gap:1em; 
	grid-template-areas:
	'gallery-title gallery-title '
	'gallery-p gallery-p '
	'gallery-btn gallery-btn ';
	margin-bottom:1em;
}
	
.gallery-works {
	gap:1em;
	display:grid !important;
	grid-template-areas:
	'gallery-1 gallery-4 '
	'gallery-2 gallery-2 '
	'gallery-6 gallery-6 '
	'gallery-3 gallery-3 '
	'gallery-5 gallery-5 '
	;
}

.call {
	grid-template-areas:
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'action action action action action action action action action action action action '
	;
}


.sell {
	gap:1em;
	grid-template-areas:
	'sell-head sell-head sell-head sell-head sell-head sell-head sell-head sell-head sell-head sell-head sell-head sell-head '
	'sell-text sell-text sell-text sell-text sell-text sell-text sell-text sell-text sell-text sell-text sell-text sell-text '
	'sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 '
	'sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 sell-box1 '
	'sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 '
	'sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 sell-box2 '
	'sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 '
	'sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 sell-box3 '
	'sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 ' 
	'sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 sell-box4 ' ;
}

.shop {
	display:grid;
	grid-template-areas:
	"shop-content shop-content"
	"shop-content shop-content"
	"shop-content shop-content"
	"shop-content shop-content"
	"shop-content shop-content"
	"shop-content shop-content"
	;
}
.shop-content{
	display:grid;
	gap:1em;
	grid-template-areas:
	"box-1 box-1 "
	"box-1 box-1 "
	"box-1 box-1 "
	"box-2 box-2 "
	"box-3 box-3 "
	"box-4 box-4 "
	;
}

.shop-content > .box-1{
	grid-template-areas:
	"area-title-1 area-title-1 "
	"area-p-1 area-p-1 "
	"gallery-btn gallery-btn "
	;
}

.footer{
	grid-template-rows: repeat(3, 1fr); 
	grid-template-areas:
	'social social '
	'box-1 box-1'
	'legal legal '
	;
}

.footer .box-1 ul{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}

	.logo {place-items:center; background-size:contain; background-position:center; background-repeat:no-repeat; }

/*about me main container*/
.container-grid.about{ 
	grid-template-columns: repeat(2, 1fr);  
	display:grid;	
	grid-template-areas:
	'nav nav'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'content content'
	'footer footer'
	
	/*
	'nav nav nav nav nav nav nav nav nav nav nav nav '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	
	*/
	;
}


/*about me content*/
.container-grid.about > .content{ 
	display:grid;
	grid-template-areas: 
	'intro intro'
	'intro intro'
	'intro intro'
	'mission mission'
	'mission mission'
	'mission mission'
	'mission mission'
	'services services'
	'services services'
	'services services'
	'services services'
	'skill-track skill-track '
	'sell sell '
	'sell sell '
	'sell sell '
	'sell sell '
	'sell sell '
	'sell sell '
	'sell sell '
	'sell sell '
	'sell sell '
	'sell sell '
	'comp-ticker comp-ticker '
	'contact contact '
	'contact contact '
	'contact contact '
	'contact contact '
	'contact contact '
	'contact contact '
	
	
	/*
    'intro intro intro intro intro intro intro intro intro intro intro intro '
	'intro intro intro intro intro intro intro intro intro intro intro intro '
	'intro intro intro intro intro intro intro intro intro intro intro intro '
	'intro intro intro intro intro intro intro intro intro intro intro intro '
	'mission mission mission mission mission mission mission mission mission mission mission mission '
	'mission mission mission mission mission mission mission mission mission mission mission mission '
	'mission mission mission mission mission mission mission mission mission mission mission mission '
	'mission mission mission mission mission mission mission mission mission mission mission mission '
    'services services services services services services services services services services services services '
	'services services services services services services services services services services services services '
	'services services services services services services services services services services services services '
	'services services services services services services services services services services services services '
	'skill-track skill-track skill-track skill-track skill-track skill-track skill-track skill-track skill-track skill-track skill-track skill-track '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'sell sell sell sell sell sell sell sell sell sell sell sell '
	'comp-ticker comp-ticker comp-ticker comp-ticker comp-ticker comp-ticker comp-ticker comp-ticker comp-ticker comp-ticker comp-ticker comp-ticker '
	'contact contact contact contact contact contact contact contact contact contact contact contact '
	'contact contact contact contact contact contact contact contact contact contact contact contact '
	'contact contact contact contact contact contact contact contact contact contact contact contact '
	'contact contact contact contact contact contact contact contact contact contact contact contact '
	'contact contact contact contact contact contact contact contact contact contact contact contact '
	*/
	;
}

/*about me content*/
.container-grid.about > .content > .intro{ 
	display:grid;
	grid-template-areas: 
	'hero-title hero-title '
	'area-p-3 area-p-3 '
	'area-img-1 area-img-1 '
	/*
	'hero-title hero-title hero-title hero-title hero-title hero-title hero-title hero-title hero-title hero-title hero-title hero-title '
	'area-p-3 area-p-3 area-p-3 area-p-3 area-p-3 area-p-3 area-p-3 area-p-3 area-p-3 area-p-3 area-p-3 area-p-3 '
	'skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main skillbar-bar-main '
	'area-img-1 area-img-1 area-img-1 area-img-1 area-img-1 area-img-1 area-img-1 area-img-1 area-img-1 area-img-1 area-img-1 area-img-1 '
	*/
	;
}

/*about me content*/
.container-grid.about > .content > .services{ 
	display:grid;
	grid-template-rows: repeat(4, 1fr); 
	grid-template-areas: 
	'feature-content-1 feature-content-1'
	'feature-content-2 feature-content-2'
	'feature-content-3 feature-content-3'
	'feature-content-4 feature-content-4'
}

/*about me mission*/
.container-grid.about > .content > .mission{
	grid-template-areas:
	'area-title-1 area-title-1 '
	'area-p-2 area-p-2 '
	'author-q author-q '
	'area-p-1 area-p-1 '
	
	/*
	"area-title-1 area-title-1 area-title-1 area-title-1 area-title-1 area-title-1 area-title-1 area-title-1 area-title-1 area-title-1 area-title-1 area-title-1 "
	"area-p-2 area-p-2 area-p-2 area-p-2 area-p-2 area-p-2 area-p-2 area-p-2 area-p-2 area-p-2 area-p-2 area-p-2 "
	"author-q author-q author-q author-q author-q author-q author-q author-q author-q author-q author-q author-q "
	"area-p-1 area-p-1 area-p-1 area-p-1 area-p-1 area-p-1 area-p-1 area-p-1 area-p-1 area-p-1 area-p-1 area-p-1 "
	*/
	;
}
/*about me sell*/
.container-grid.about > .content > .sell{
	grid-template-areas:
	'sell-head sell-head '
	'sell-text sell-text '
	'sell-box1 sell-box1 '
	'sell-box1 sell-box1 '
	'sell-box2 sell-box2 '
	'sell-box2 sell-box2 '
	'sell-box3 sell-box3 '
	'sell-box3 sell-box3 '
	'sell-box4 sell-box4 '
	'sell-box4 sell-box4 '
	;
}

.container-grid.about > .content > .contact{
	display:grid;
	grid-template-areas:
	'contact-title contact-title'
	'contact-form contact-form'
	'contact-form contact-form'
	'contact-form contact-form'
	'contact-form contact-form'
	'contact-form contact-form'
}
.container-grid.about > .content > .contact > .contact-img{
	display:none;
}

.container-grid.about > .content > .contact > .contact-form{
	display:grid;
	grid-template-areas:
	'box-1 box-1'
	'box-2 box-2'
	'box-3 box-3'
	'box-4 box-4'
	'box-5 box-5'
}

.container-grid.about .contact-form input{margin-bottom:25px;}
.container-grid.about .contact-form textarea{margin-bottom:25px;}

/*
.container-grid.about > .content > .contact{
	display:grid;
	grid-template-rows: 2fr .75fr 1fr 3fr 1fr; 
	grid-template-areas:
	'contact-img contact-img contact-img contact-img contact-img contact-img . contact-title contact-title contact-title contact-title .'
	'contact-img contact-img contact-img contact-img contact-img contact-img contact-form contact-form contact-form contact-form contact-form contact-form '
	'contact-img contact-img contact-img contact-img contact-img contact-img contact-form contact-form contact-form contact-form contact-form contact-form '
	'contact-img contact-img contact-img contact-img contact-img contact-img contact-form contact-form contact-form contact-form contact-form contact-form '
	'contact-img contact-img contact-img contact-img contact-img contact-img contact-form contact-form contact-form contact-form contact-form contact-form '
	
	;
}

.container-grid.about > .content > .contact > .contact-form{
	display:grid;
	gap:1em;
	grid-template-areas:
	'. box-1 box-1 box-1 box-1 . '
	'. box-2 box-2 box-3 box-3 .'
	'. box-4 box-4 box-4 box-4 .'
	'. . box-5 box-5 . .'
	;
}
*/

/*Services main container*/
.container-grid.services{ 
	grid-template-columns: repeat(12, 1fr);  
	display:grid;	
	grid-template-areas:
	'nav nav nav nav nav nav nav nav nav nav nav nav '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'content content content content content content content content content content content content '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	'footer footer footer footer footer footer footer footer footer footer footer footer '
	;
}

/*about me content*/
.container-grid.services > .content{ 
	display:grid;
	grid-template-areas: 
    'intro intro intro intro intro intro intro intro intro intro intro intro '
	'intro intro intro intro intro intro intro intro intro intro intro intro '
	'intro intro intro intro intro intro intro intro intro intro intro intro '
	'intro intro intro intro intro intro intro intro intro intro intro intro '
	'services services services services services services services services services services services services '
	'price price price price price price price price price price price price '
	;
}

	/*Services main container*/
	#services.container-grid {
		grid-template-columns: repeat(2, minmax(10px, 1fr));  
		display:grid;	
		grid-template-areas:
		'nav nav'
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'price price '
		'price price '
		'price price '
		'price price '	
		'price price '
		'price price '
		'price price '	
		'price price '
		'price price '
		'price price '	
		'price price '
		'price price '
		'call call'
		'footer footer '
		'footer footer '
		'footer footer '
		'footer footer '
		'footer footer '
		;
	}
	

	
	#services.container-grid  > .content{ 
		grid-template-areas:
		'intro intro'
		'intro intro'
		'services services'
		'services services'		
		'services services'
		'services services'
		'services services'
		'services services'
		'services services'
		'services services'
		'services services'
		'services services'		
		'services services'
		'services services'
		'services services'
		'services services'
		'services services'
		'services services'
		;
	}

	#services.container-grid > .content > .services {display:grid; grid-auto-rows: max-content;}
		
	#services.container-grid > .content > .services > #concept-art.service-div  { 
		background:transparent;
		display:grid;
		gap:1em;
		grid-column-start:1;
		grid-column-end:3;
		grid-template-rows:auto;
		grid-template-areas:
		"box-1 box-1"
		"gallery-1 gallery-1"
		"gallery-2 gallery-2"
		"box-2 box-2"
		"gallery-3 gallery-3"
		"box-3 box-3"
		"gallery-4 gallery-4"
		"box-4 box-4"; 	
 
	}
	
	#services.container-grid > .content > .services > #brand-id.service-div { 
		background:transparent;
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
		gap:1em;
		grid-template-rows:auto;		
		grid-template-areas:		
		"box-1 box-1"
		"gallery-1 gallery-1"
		"box-2 box-2"
		"gallery-2 gallery-2"
		"box-3 box-3"
		"gallery-3 gallery-3"
		"box-4 box-4"
		; 
	}
	
	#services.container-grid > .content > .services > #world-building.service-div { 
		background:transparent;
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
		gap:1em;
		grid-template-rows:auto;		
		grid-template-areas:		
		"box-1 box-1"
		"gallery-1 gallery-1"
		"box-2 box-2"
		"gallery-2 gallery-2"
		"gallery-3 gallery-3"
		"box-3 box-3"
		"gallery-4 gallery-4"
		"gallery-5 gallery-5"
		"box-4 box-4"
		; 
	}
	
	#services.container-grid > .content > .services > #illustration.service-div { 
		background:transparent;
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
		gap:1em;
		grid-template-rows:auto;		
		grid-template-areas:		
		"box-1 box-1"
		"gallery-2 gallery-2"
		"gallery-1 gallery-1"
		"box-2 box-2"
		"gallery-3 gallery-3"
		"box-3 box-3"
		"gallery-4 gallery-4"
		"box-4 box-4"
		; 
	}
	
	#services.container-grid > .price {gap:1em;display:grid; grid-auto-rows: max-content;}
	
	#services.container-grid > .price > .price-ip {
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
		grid-row-start:1;
		grid-template-areas:
		"box-1 box-1"
		"area-p-1 area-p-1 "
		"box-2 box-2"
		"box-3 box-3"
		"box-4 box-4"
		"area-p-2 area-p-2 "
		"area-p-3 area-p-3 "
		"box-5 box-6"
		"box-7 box-8"
		
		;
	}

	.price-box {
		gap:1em;
		grid-template-rows:1fr 1fr;
		grid-template-areas:
		"price-box-head price-box-head"
		"price-box-details price-box-details";		
	}

	.price-ip div{overflow:visible !important;}
	
/*gallery main container*/
	#gallery.container-grid {
		grid-template-columns: repeat(2, minmax(10px, 1fr));  
		display:grid;	
		grid-template-areas:
		'nav nav'
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '
		'content content '	
		'footer footer '
		'footer footer '
		'footer footer '
		'footer footer '
		'footer footer '
		;
	}

#gallery.container-grid  > .content{ 
		grid-template-areas:
		'intro intro'
		'intro intro'
		'services services'
		'services services'		
		'services services'
		'services services'
		'services services'
		'services services'
		
		;
	}

#gallery.container-grid > .content > .services {display:grid; grid-auto-rows: max-content;}

#gallery.container-grid > .content > .services > #concept-art.service-div  { 
		background:transparent;
		display:grid;
		gap:1em;
		grid-column-start:1;
		grid-column-end:3;
		grid-template-rows:auto;
		grid-template-areas:
		"box-1 box-1"
		"gallery-1 gallery-1"
		"gallery-2 gallery-2"
		"gallery-3 gallery-3"
		"gallery-4 gallery-4"; 	
 
	}
	
#gallery.container-grid > .content > .services > #brand-id.service-div { 
		background:transparent;
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
		gap:1em;
		grid-template-rows:auto;		
		grid-template-areas:		
		"box-1 box-1"
		"gallery-6 gallery-6"
		"gallery-1 gallery-1"
		"gallery-2 gallery-2"
		"gallery-3 gallery-3"
		"gallery-4 gallery-4"
		"gallery-5 gallery-5"
		"gallery-7 gallery-7"
		; 
	}
	
#gallery.container-grid > .content > .services > #world-building.service-div { 
		background:transparent;
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
		gap:1em;
		grid-template-rows:auto;		
		grid-template-areas:		
		"box-1 box-1"
		"gallery-1 gallery-1"
		"gallery-2 gallery-2"
		"gallery-4 gallery-4"
		"gallery-5 gallery-5"
		"gallery-6 gallery-6"
		"gallery-7 gallery-7"
		"gallery-8 gallery-8"
		; 
	}
	
#gallery.container-grid > .content > .services > #illustration.service-div { 
		background:transparent;
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
		gap:1em;
		grid-template-rows:auto;		
		grid-template-areas:		
		"box-1 box-1"
		"gallery-2 gallery-2"
		"gallery-1 gallery-1"
		"gallery-3 gallery-3"
		"gallery-4 gallery-4"
		; 
	}
	
#gallery.container-grid > .content > .services > #case.service-div { 
		background:transparent;
		display:grid;
		grid-column-start:1;
		grid-column-end:3;
		gap:1em;
		grid-template-rows:auto;		
		grid-template-areas:		
		"box-1 box-1"
		"gallery-1 gallery-2"
		"gallery-3 gallery-4"
		; 
	}

.justify-self-start{justify-self:start;}
.justify-self-end{justify-self:end;}
.justify-self-center{justify-self:center;}
.justify-self-stretch{justify-self:stretch}
.align-self-start{align-self:start;}
.align-self-end{align-self:end;}
.align-self-center{align-self:center;}
.align-self-stretch{align-self:stretch}
.place-self-center{place-self:center;}
.justify-items-start{justify-items:start;}
.justify-items-end{justify-items:end;}
.justify-items-center{justify-items:center;}
.justify-items-stretch{justify-items:stretch;}

.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;}

.grid-row-1{grid-row:1/2;}
.grid-row-2{grid-row:2/3;}
.grid-row-3{grid-row:3/4;}
.grid-row-4{grid-row:4/5;}
.grid-row-5{grid-row:span 5;}
.grid-row-6{grid-row:span 6;}
.grid-row-7{grid-row:span 7;}
.grid-row-8{grid-row:span 8;}
.grid-row-9{grid-row:span 9;}
.grid-row-10{grid-row:span 10;}
.grid-row-11{grid-row:span 11;}
.grid-row-12{grid-row:span 12;}

/*grid areas*/
.nav{grid-area:nav;}
.content{grid-area:content;}
.call{grid-area:call;}
.hero{grid-area:hero;}
.hero-title{grid-area:hero-title;}
.timer1{grid-area:timer1;}
.timer2{grid-area:timer2;}
.hero-cap{grid-area:hero-cap;}
.process{grid-area:process;}
.author{grid-area:author;}
.author-q {grid-area:author-q ;}
.author-p {grid-area:author-p;}
.author-btn{grid-area:author-btn;}
.gallery{grid-area:gallery;}
.gallery-text{grid-area:gallery-text;}
.gallery-works{grid-area:gallery-works;}
.sell{grid-area:sell;}
.action{grid-area:action;}
.shop{grid-area:shop;}
.shop-content{grid-area:shop-content;}
.footer{grid-area:footer;}
.home{grid-area:home;}
.hamburger{grid-area:hamburger;}
.email{grid-area:email;}
.sell-head{grid-area:sell-head;}
.sell-text{grid-area:sell-text;}
.sell-box1{grid-area:sell-box1;}
.sell-box2{grid-area:sell-box2;}
.sell-box3{grid-area:sell-box3;}
.sell-box4{grid-area:sell-box4;}
.gallery-title{grid-area:gallery-title;}
.gallery-p{grid-area:gallery-p;}
.gallery-btn{grid-area:gallery-btn;}
.gallery-1{grid-area:gallery-1;align-self:stretch}
.gallery-2{grid-area:gallery-2;align-self:stretch}
.gallery-3{grid-area:gallery-3;align-self:stretch}
.gallery-4{grid-area:gallery-4;align-self:stretch}
.gallery-5{grid-area:gallery-5;}
.gallery-6{grid-area:gallery-6;}
.gallery-7{grid-area:gallery-7;}
.gallery-8{grid-area:gallery-8;}
.gallery-9{grid-area:gallery-9;}
.gallery-10{grid-area:gallery-10;}
.social{grid-area:social;}
.contact{grid-area:contact;}
.contact-img{grid-area:contact-img;}
.contact-form{grid-area:contact-form;}
.contact-title{grid-area:contact-title;}
.contact-name{grid-area:contact-name;}
.contact-email{grid-area:contact-email;}
.contact-text{grid-area:contact-text;}
.logo{grid-area:logo;}
.newsletter{grid-area:newsletter;}
.legal{grid-area:legal;}
.intro{grid-area:intro;}
.services{grid-area:services;}
.statement{grid-area:statement;}
.mission{grid-area:mission;}
.skill-track{grid-area:skill-track;}
.comp-ticker{grid-area:comp-ticker;}
.feature-content-1{grid-area:feature-content-1;}
.feature-content-2{grid-area:feature-content-2;}
.feature-content-3{grid-area:feature-content-3;}
.feature-content-4{grid-area:feature-content-4;}
.area-title-1{grid-area:area-title-1;}
.area-p-1{grid-area:area-p-1;}
.area-p-2{grid-area:area-p-2;}
.area-p-3{grid-area:area-p-3;}
.area-img-1{grid-area:area-img-1;}
.skillbar-bar-main{grid-area:skillbar-bar-main;}
.price{grid-area:price;}
.box-1 { grid-area: box-1; }
.box-2 { grid-area: box-2; }
.box-3 { grid-area: box-3; }
.box-4 { grid-area: box-4; }
.box-5 { grid-area: box-5; }
.box-6 { grid-area: box-6; }
.box-7 { grid-area: box-7; }
.box-8 { grid-area: box-8; }
.box-9 { grid-area: box-9; }
.box-10 { grid-area: box-10; }
.table-contents { grid-area:table-contents; }
.tc-1{ grid-area: tc-1; }
.tc-2{ grid-area: tc-2; }
.tc-3{ grid-area: tc-3; }
.tc-4{ grid-area: tc-4; }
.price-box-head{ grid-area: price-box-head; }
.price-box-details{ grid-area: price-box-details; }
.price-ip{ grid-area:price-ip;}
.price-il{ grid-area:price-il;}

.ar-1-1  {aspect-ratio: 1 / 1;}
.ar-1-2  {aspect-ratio: 1 / 2;}
.ar-2-1  {aspect-ratio: 2 / 1;}
.ar-3-2  {aspect-ratio: 3 / 2;}
.ar-4-3  {aspect-ratio: 4 / 3;}
.ar-16-9 {aspect-ratio: 16 / 9;}
.ar-2-3  {aspect-ratio: 2 / 3;}
.ar-3-4  {aspect-ratio: 3 / 4;}
.ar-9-16 {aspect-ratio: 9 / 16;}


.noise{
	background-blend-mode: overlay;
	background-image: url("data:image/svg+xml,%3C!-- svg: first layer --%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

.outer-border{
	border-right:1px solid #3b1e28;
	border-bottom:1px solid #3b1e28;
}
.grid-item{
	border-left:1px solid #3b1e28;
	border-top:1px solid #3b1e28;
}

.item-padding{padding:10px;}

.contact-list li p{
	margin:0;
	padding:0;
}

.blend-normal{mix-blend-mode: normal!important;}
.blend-mult{mix-blend-mode: multiply!important;}
.blend-burn{mix-blend-mode: color-burn!important;}
.blend-overlay{mix-blend-mode: overlay!important;}
.blend-lighten{mix-blend-mode: lighten!important;}
.blend-hardlight{mix-blend-mode: hard-light!important;}
.blend-screen{mix-blend-mode: screen!important;}
.blend-dodge{mix-blend-mode: color-dodge!important;}	


.box-shadow{box-shadow: 0px 2px 5px -1px rgba(152,86,57,0.56), 0px 2px 2px -1px rgba(152,86,57,0.77), 0px 1px 10px 0px rgba(152,86,57,0.25);}
.printfuzz{text-shadow: 0px 1px 1px rgba(236,0,140,0.2), -1px -1px 1px rgba(0,174,239,0.2), 1px 0px 1px rgba(255,242,0,0.2), 0px 0px 2px rgba(0,0,0,0.2);}

blockquote{
	font-size:1.4rem; font-size: clamp(1.4rem, 1.0063091482649842rem + 1.5141955835962146vw, 2rem); line-height:2rem;
	text-indent:2rem;
	mix-blend-mode: color-burn!important;
}

/* ===================================
    Typography
====================================== */

/* heading */
h1, h2, h3, h4, h5, h6, p {mix-blend-mode: multiply; z-index:6;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; letter-spacing: 0; font-weight:300;}
h1 {font-size:2.2rem; font-size:var(--text-6xl); line-height:var(--text-line-6xl);}
h2 {font-size:2rem; font-size:var(--text-5xl);line-height:var(--text-line-5xl);}
h3 {font-size:1.8rem; font-size: var(--text-4xl); line-height:var(--text-line-4xl);}
h4 {font-size:1.6rem; font-size: var(--text-3xl); line-height:var(--text-line-3xl);}
h5 {font-size:1.4rem; font-size: var(--text-xl); line-height:var(--text-line-xl);}
h6 {font-size:1.2rem; font-size: var(--text-l);line-height:var(--text-line-l);}

p {
	margin-bottom:clamp(2.25rem, 2.0859621451104102rem + 0.6309148264984227vw, 2.5rem);
}

a {z-index:6;}

.main-font{font-family:var(--main-font);} /* Manuale */
.alt-font{font-family:var(--alt-font);}   /* Cinzel */
.sec-font{font-family:var(--sec-font);}   /* benchnine */

/* text size */
.text-extra-small {font-size:var(--text-xs); letter-spacing:.05rem;}
.text-small {font-size:var(--text-s); font-weight:300;}
.text-med {font-size: var(--text-m); font-weight:600; line-height:var(--text-line-m);}
.text-large {font-size: var(--text-l); font-weight:600; line-height:var(--text-line-xl);}
.title-large {font-size: 5em; font-size: var(--text-7xl); line-height:var(--text-line-7xl);}
.title-extra-large {font-size: 6.25em; font-size: var(--text-8xl);line-height:var(--text-line-8xl);}
.title-huge {font-size: 7.8125em; font-size:var(--text-9xl); line-height:var(--text-line-9xl);}

/* text color */
.text-dark{color:var(--dark);}
.text-light{color:var(--light);}
.text-medium{color:var(--medium);}
.text-primary{color:var(--primary);}
.text-secondary{color:var(--secondary);}

a.text-link-dark{color:var(--dark);}
a.text-link-dark:hover, a.text-link-dark:focus{color:var(--primary);}
a.text-link-light{color:var(--light);}
a.text-link-medium{color:var(--medium);}
a.text-link-primary{color:var(--primary);}
a.text-link-primary:hover, a.text-link-primary:focus{color:var(--secondary);}
a.text-link-secondary{color:var(--secondary);}
a.text-link-secondary:hover, a.text-link-secondary:focus{color:var(--primary);}

/* font weight */
.font-weight-100 {font-weight:100}
.font-weight-200 {font-weight:200}
.font-weight-300 {font-weight:300}
.font-weight-400 {font-weight:400}
.font-weight-500 {font-weight:500}
.font-weight-600 {font-weight:600}
.font-weight-700 {font-weight:700}
.font-weight-800 {font-weight:800}
.font-weight-900 {font-weight:900}

/* letter spacing */
.no-letter-spacing {letter-spacing:0px}
.letter-spacing-1 {letter-spacing:1px}
.letter-spacing-2 {letter-spacing:2px}
.letter-spacing-3 {letter-spacing:3px}
.letter-spacing-4 {letter-spacing:4px}
.letter-spacing-5 {letter-spacing:5px}
.letter-spacing-6 {letter-spacing:6px}
.letter-spacing-7 {letter-spacing:7px}
.letter-spacing-8 {letter-spacing:8px}
.letter-spacing-9 {letter-spacing:9px}
.letter-spacing-10 {letter-spacing:10px}
.letter-spacing-minus-1 {letter-spacing:-1px}
.letter-spacing-minus-2 {letter-spacing:-2px}
.letter-spacing-minus-3 {letter-spacing:-3px}
.letter-spacing-minus-4 {letter-spacing:-4px}
.letter-spacing-minus-5 {letter-spacing:-5px}
.letter-spacing-minus-6 {letter-spacing:-6px}
.letter-spacing-minus-7 {letter-spacing:-7px}
.letter-spacing-minus-8 {letter-spacing:-8px}
.letter-spacing-minus-9 {letter-spacing:-9px}
.letter-spacing-minus-10 {letter-spacing:-10px}

/* text property */
.all-caps{text-transform:uppercase;}
.lowercase {text-transform:lowercase;}
.no-pointer{cursor:default;}
.justify {text-align:justify;}
.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.text-align-center {text-align:center;}
.italic {font-style: italic;}

.printfuzz-box{box-shadow: var(--printfuzzshadow)}

/* ===================================
    Border
====================================== */

.border-all {border: 1px solid var(--dark)}

/* boder width */
.border-width-1 {border-width:1px;}
.border-width-2 {border-width:2px;}
.border-width-3 {border-width:3px;}
.border-width-4 {border-width:4px;}
.border-width-5 {border-width:5px;}
.border-width-6 {border-width:6px;}
.border-width-7 {border-width:7px;}
.border-width-8 {border-width:8px;}
.border-width-9 {border-width:9px;}
.border-width-10 {border-width:10px;}
.border-width-20 {border-width:20px;}

/* boder align */
.border-top {border-top: 1px solid;}
.border-bottom {border-bottom: 1px solid;}
.border-left {border-left: 1px solid;}
.border-right {border-right: 1px solid;}
.border-lr {border-left: 1px solid; border-right: 1px solid;}
.border-tb {border-top: 1px solid; border-bottom: 1px solid;}

/* border color */
.border-color-dark {border-color:var(--dark) !important;}
.border-color-light {border-color:var(--light) !important;}
.border-color-medium {border-color:var(--medium) !important;}
.border-color-primary {border-color:var(--primary) !important;}
.border-color-secondary {border-color:var(--secondary) !important;}

.required-error {border: 1px solid #ee2323 !important}
.input-border-bottom.required-error {border-width: 0 !important; border-bottom-width: 1px !important; border-bottom-color: #ee2323 !important}

/* boder style */
.border-dotted {border-style: dotted !important;}
.border-dashed {border-style: dashed !important;}
.border-solid {border-style: solid !important;}
.border-double {border-style: double !important;}
.border-groove {border-style: groove !important;}
.border-ridge {border-style: ridge !important;}
.border-inset {border-style: inset !important;}
.border-outset {border-style: outset !important;}
.border-none {border-style: none !important;}
.border-hidden {border-style: hidden !important;}
.border-transperent {border-color: transparent !important;}

.no-border {border:0 !important}
.no-border-top {border-top:0 !important}
.no-border-bottom {border-bottom:0 !important}
.no-border-right {border-right:0 !important}
.no-border-left {border-left:0 !important}

/* transparent border */
.border-black-light {border-color: rgba(0,0,0,.1) !important;}
.border-white-light {border-color: rgba(255,255,255,.1) !important;}

/* border radius */
.border-radius-1 {border-radius:1px}
.border-radius-2 {border-radius:2px}
.border-radius-3 {border-radius:3px}
.border-radius-4 {border-radius:4px}
.border-radius-5 {border-radius:5px}
.border-radius-6 {border-radius:6px}
.border-radius-7 {border-radius:7px}
.border-radius-8 {border-radius:8px}
.border-radius-9 {border-radius:9px}
.border-radius-10 {border-radius:10px}
.border-radius-35 {border-radius:35px}
.border-radius-50 {border-radius:50%}
.border-radius-100 {border-radius:100%}
.border-radius-none {border-radius:0 !important;}

/* ===================================
    Button
====================================== */

.btn{
	/*
	background: var(--dark);
	color: var(--light);
	padding:0.6rem 1.3rem;
	text-decoration:none;
	border:0;
	display:inline-block;
	box-shadow:var(--printfuzzshadow);
	*/
	display:inline-block; 
	text-decoration:none;
	border:2px solid transparent; 
	color: inherit; 
	letter-spacing: 1px; 
	line-height: inherit; 
	border-radius: 0; 
	text-transform: uppercase; 
	width: auto; 
	font-family: var(--sec-font);
	transition-duration: 0.3s; 
	transition-timing-function: ease-in-out; 
	white-space: nowrap;

}

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { color: #fff; }

/* button size */
.btn.btn-very-small {font-size:.75em; padding: .25em 1em; line-height: .875em;}
.btn.btn-small {font-size:.875em; padding: 4px 24px;}
.btn.btn-medium {font-size:1em; padding: 6px 25px 5px;}
.btn.btn-large {font-size:1.125em; padding: 9px 34px; line-height: 1.125em}
.btn.btn-extra-large {font-size:1.25em; padding: 12px 40px 13px;  line-height: 1.125em}
.btn-dual .btn {margin: 0 10px; }
.btn i {margin-left: 6px; vertical-align: middle; position: relative; top:-1px}

.white-space-normal{white-space:normal !important;}
.pointer{cursor:pointer;}

/* button background */
.btn.btn-white {background:var(--light); border-color:var(--light); color: var(--dark);}
.btn.btn-white:hover, .btn.btn-white:focus {background: transparent; color:var(--light);}
.btn.btn-black {background:var(--dark); border-color: var(--dark); color: var(--light);}
.btn.btn-black:hover, .btn.btn-black:focus {background: transparent; color: var(--dark);}
.btn.btn-primary {background:var(--primary); border-color: var(--primary); color: var(--light);}
.btn.btn-primary:hover, .btn.btn-primary:focus {background: transparent; color: var(--primary);}
.btn-warning, .btn-warning:hover { color: #fff; }
/* button transparent */
.btn.btn-transparent-white {background: transparent; border-color: #ffffff; color: #ffffff}
.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {background: #ffffff; border-color: #ffffff; color: #232323}
.btn.btn-transparent-black {background: transparent; border-color: #000000; color: #000000}
.btn.btn-transparent-black:hover, .btn.btn-transparent-black:focus {background: #000000; border-color: #000000; color: #ffffff}
.btn.btn-transparent-dark-gray {background: transparent; border-color: #232323; color: #232323}
.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus {background: #232323; border-color: #232323; color: #ffffff}
.btn.btn-transparent-light-gray {background: transparent; border-color: #dbdbdb; color: #dbdbdb}
.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus {background: #dbdbdb; border-color: #dbdbdb; color: #232323}
.btn.btn-transparent-deep-pink {background: transparent; border-color: #e32636; color: #e32636}
.btn.btn-transparent-deep-pink:hover, .btn.btn-transparent-deep-pink:focus {background: #e32636; border-color: #e32636; color: #fff}

/* ===================================
    Background 
====================================== */

.bg-dark{background-color:var(--dark);}
.bg-light{background-color:var(--light);}
.bg-med{background-color:var(--med);}
.bg-primary{background-color:var(--primary);}
.bg-secondary{background-color:var(--secondary);}
.bg-transparent, .background-transparent {background-color: transparent;}

/* background blend modes */
.bg-blend-normal {background-blend-mode: normal!important;}
.bg-blend-mult {background-blend-mode: multiply!important;}
.bg-blend-overlay {background-blend-mode: overlay!important;}
.bg-blend-screen {background-blend-mode: screen!important;}
.bg-blend-dodge {background-blend-mode: color-dodge!important;}

/* image */
.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed  }
.fix-background {position: relative;  background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s;  -webkit-animation-fill-mode: none; -moz-animation-duration: 0s;  -moz-animation-fill-mode: none; -ms-animation-duration: 0s; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed }
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit}
.background-attachment-inherit {background-attachment: inherit}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani { display:table; position: relative; -webkit-animation-name: up-down-animation; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: up-down-animation; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: up-down-animation; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; -o-animation-direction: alternate; -o-animation-name: up-down-animation; -o-animation-duration:.7s; -o-animation-timing-function: linear; -o-animation-delay:.7s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; animation-direction: alternate; animation-name: up-down-animation; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto; }
.background-position-x-50 {background-position-x: 50% !important;}

.image-fog {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(transparent 20%, #201f26 20%, #201f26 65%);
  background-image: radial-gradient(rgba(32, 31, 38, 0), rgba(32, 31, 38, 0), rgba(32, 31, 38, 0.7), rgba(32, 31, 38, 1));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  transition: all 0.5s ease;
	opacity: 1;
}

.image-fog-sec {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(transparent 20%, #fdb403 20%, #fdb403 65%);
  background-image: radial-gradient(rgba(253, 180, 3, 0), rgba(253, 180, 3, .2), rgba(253, 180, 3, 0.7), rgba(253, 180, 3, 1));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  transition: all 0.5s ease;
	opacity: 1;
}

.random-bg{
	height: 100vh;
    width: auto;
    background-size: cover;
    background-position: center;
}


/*==============================
    Custom
================================*/




/* opacity */
.opacity-very-light {position: absolute; height: 100%; width: 100%; opacity: 0.2; top:0; left: 0;}
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}
.opacity-full {position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0;}
.opacity-full-dark {position: absolute; height: 100%; width: 100%; opacity: 0.9; top:0; left: 0;}
.opacity-transition {position: absolute; height: 100%; width: 100%; opacity: 1; top:0; left: 0;}

.opacity1 {opacity:.1}
.opacity2 {opacity:.2}
.opacity3 {opacity:.3}
.opacity4 {opacity:.4}
.opacity5 {opacity:.5}
.opacity6 {opacity:.6}
.opacity7 {opacity:.7}
.opacity8 {opacity:.8}
.opacity9 {opacity:.9}

.opacity10 {opacity:1}

/* z-index */
.z-index-1111 {z-index:1111;}
.z-index-111 {z-index:111;}
.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.z-index-4 {z-index:4;}
.z-index-5 {z-index:5;}
.z-index-0 {z-index:0;}
.z-index-minus2 {z-index:-2;}


/*==============================
    Margin
================================*/

.margin-half-all {margin:.5%}
.margin-one-all {margin:1%}
.margin-one-half-all {margin:1.5%}
.margin-two-all {margin:2%}
.margin-two-half-all {margin:2.5%}
.margin-three-all {margin:3%}
.margin-three-half-all {margin:3.5%}
.margin-four-all {margin:4%}
.margin-four-half-all {margin:4.5%}
.margin-five-all {margin:5%}
.margin-five-half-all {margin:5.5%}
.margin-six-all {margin:6%}
.margin-six-half-all {margin:6.5%}
.margin-seven-all {margin:7%}
.margin-seven-half-all {margin:7.5%}
.margin-eight-all {margin:8%}
.margin-eight-half-all {margin:8.5%}
.margin-nine-all {margin:9%}
.margin-nine-half-all {margin:9.5%}
.margin-ten-all {margin:10%}
.margin-ten-half-all {margin:10.5%}
.margin-eleven-all {margin:11%}
.margin-eleven-half-all {margin:11.5%}
.margin-twelve-all {margin:12%}
.margin-twelve-half-all {margin:12.5%}
.margin-thirteen-all {margin:13%}
.margin-thirteen-half-all {margin:13.5%}
.margin-fourteen-all {margin:14%}
.margin-fourteen-half-all {margin:14.5%}
.margin-fifteen-all {margin:15%}
.margin-fifteen-half-all {margin:15.5%}
.margin-sixteen-all {margin:16%}
.margin-sixteen-half-all {margin:16.5%}
.margin-seventeen-all {margin:17%}
.margin-seventeen-half-all {margin:17.5%}
.margin-eighteen-all {margin:18%}
.margin-eighteen-half-all {margin:18.5%}
.margin-nineteen-all {margin:19%}
.margin-nineteen-half-all {margin:19.5%}
.margin-twenty-all {margin:20%}
.margin-twenty-half-all {margin:20.5%}
.margin-twenty-one-all {margin:21%}
.margin-twenty-one-half-all {margin:21.5%}
.margin-twenty-two-all {margin:22%}
.margin-twenty-two-half-all {margin:22.5%}
.margin-twenty-three-all {margin:23%}
.margin-twenty-three-half-all {margin:23.5%}
.margin-twenty-four-all {margin:24%}
.margin-twenty-four-half-all {margin:24.5%}
.margin-twenty-five-all {margin:25%}
.margin-5px-all {margin:5px}
.margin-10px-all {margin:10px}
.margin-15px-all {margin:15px}
.margin-20px-all {margin:20px}
.margin-25px-all {margin:25px}
.margin-30px-all {margin:30px}
.margin-35px-all {margin:35px}
.margin-40px-all {margin:40px}
.margin-45px-all {margin:45px}
.margin-50px-all {margin:50px}
.margin-55px-all {margin:55px}
.margin-60px-all {margin:60px}
.margin-65px-all {margin:65px}
.margin-70px-all {margin:70px}
.margin-75px-all {margin:75px}
.margin-80px-all {margin:80px}
.margin-85px-all {margin:85px}
.margin-90px-all {margin:90px}
.margin-95px-all {margin:95px}
.margin-100px-all {margin:100px}

.no-margin {margin:0 !important}
.no-margin-lr {margin-left: 0 !important; margin-right: 0 !important}
.no-margin-tb {margin-top: 0 !important; margin-bottom: 0 !important}
.no-margin-top {margin-top:0 !important}
.no-margin-bottom {margin-bottom:0 !important}
.no-margin-left {margin-left:0 !important}
.no-margin-right {margin-right:0 !important}
.margin-lr-auto {margin-left:auto !important; margin-right:auto !important}
.margin-auto {margin: 0 auto !important;}

/* margin top */
.margin-one-top {margin-top:1%}
.margin-one-half-top {margin-top:1.5%}
.margin-two-top {margin-top:2%}
.margin-two-half-top {margin-top:2.5%}
.margin-three-top {margin-top:3%}
.margin-three-half-top {margin-top:3.5%}
.margin-four-top {margin-top:4%}
.margin-four-half-top {margin-top:4.5%}
.margin-five-top {margin-top:5%}
.margin-five-half-top {margin-top:5.5%}
.margin-six-top {margin-top:6%}
.margin-six-half-top {margin-top:6.5%}
.margin-seven-top {margin-top:7%}
.margin-seven-half-top {margin-top:7.5%}
.margin-eight-top {margin-top:8%}
.margin-eight-half-top {margin-top:8.5%}
.margin-nine-top {margin-top:9%}
.margin-nine-half-top {margin-top:9.5%}
.margin-ten-top {margin-top:10%}
.margin-ten-half-top {margin-top:10.5%}
.margin-eleven-top {margin-top:11%}
.margin-eleven-half-top {margin-top:11.5%}
.margin-twelve-top {margin-top:12%}
.margin-twelve-half-top {margin-top:12.5%}
.margin-thirteen-top {margin-top:13%}
.margin-thirteen-half-top {margin-top:13.5%}
.margin-fourteen-top {margin-top:14%}
.margin-fourteen-half-top {margin-top:14.5%}
.margin-fifteen-top {margin-top:15%}
.margin-fifteen-half-top {margin-top:15.5%}
.margin-sixteen-top {margin-top:16%}
.margin-sixteen-half-top {margin-top:16.5%}
.margin-seventeen-top {margin-top:17%}
.margin-seventeen-half-top {margin-top:17.5%}
.margin-eighteen-top {margin-top:18%}
.margin-eighteen-half-top {margin-top:18.5%}
.margin-nineteen-top {margin-top:19%}
.margin-nineteen-half-top {margin-top:19.5%}
.margin-twenty-top {margin-top:20%}
.margin-twenty-half-top {margin-top:20.5%}
.margin-twenty-one-top {margin-top:21%}
.margin-twenty-one-half-top {margin-top:21.5%}
.margin-twenty-two-top {margin-top:22%}
.margin-twenty-two-half-top {margin-top:22.5%}
.margin-twenty-three-top {margin-top:23%}
.margin-twenty-three-half-top {margin-top:23.5%}
.margin-twenty-four-top {margin-top:24%}
.margin-twenty-four-half-top {margin-top:24.5%}
.margin-twenty-five-top {margin-top:25%}
.margin-5px-top {margin-top:5px}
.margin-10px-top {margin-top:10px}
.margin-15px-top {margin-top:15px}
.margin-20px-top {margin-top:20px}
.margin-25px-top {margin-top:25px}
.margin-30px-top {margin-top:30px}
.margin-35px-top {margin-top:35px}
.margin-40px-top {margin-top:40px}
.margin-45px-top {margin-top:45px}
.margin-50px-top {margin-top:50px}
.margin-55px-top {margin-top:55px}
.margin-60px-top {margin-top:60px}
.margin-65px-top {margin-top:65px}
.margin-70px-top {margin-top:70px}
.margin-75px-top {margin-top:75px}
.margin-80px-top {margin-top:80px}
.margin-90px-top {margin-top:90px}
.margin-100px-top {margin-top:100px}

/* margin bottom */
.margin-one-bottom {margin-bottom:1%}
.margin-one-half-bottom {margin-bottom:1.5%}
.margin-two-bottom {margin-bottom:2%}
.margin-two-half-bottom {margin-bottom:2.5%}
.margin-three-bottom {margin-bottom:3%}
.margin-three-half-bottom {margin-bottom:3.5%}
.margin-four-bottom {margin-bottom:4%}
.margin-four-half-bottom {margin-bottom:4.5%}
.margin-five-bottom {margin-bottom:5%}
.margin-five-half-bottom {margin-bottom:5.5%}
.margin-six-bottom {margin-bottom:6%}
.margin-six-half-bottom {margin-bottom:6.5%}
.margin-seven-bottom {margin-bottom:7%}
.margin-seven-half-bottom {margin-bottom:7.5%}
.margin-eight-bottom {margin-bottom:8%}
.margin-eight-half-bottom {margin-bottom:8.5%}
.margin-nine-bottom {margin-bottom:9%}
.margin-nine-half-bottom {margin-bottom:9.5%}
.margin-ten-bottom {margin-bottom:10%}
.margin-ten-half-bottom {margin-bottom:10.5%}
.margin-eleven-bottom {margin-bottom:11%}
.margin-eleven-half-bottom {margin-bottom:11.5%}
.margin-twelve-bottom {margin-bottom:12%}
.margin-twelve-half-bottom {margin-bottom:12.5%}
.margin-thirteen-bottom {margin-bottom:13%}
.margin-thirteen-half-bottom {margin-bottom:13.5%}
.margin-fourteen-bottom {margin-bottom:14%}
.margin-fourteen-half-bottom {margin-bottom:14.5%}
.margin-fifteen-bottom {margin-bottom:15%}
.margin-fifteen-half-bottom {margin-bottom:15.5%}
.margin-sixteen-bottom {margin-bottom:16%}
.margin-sixteen-half-bottom {margin-bottom:16.5%}
.margin-seventeen-bottom {margin-bottom:17%}
.margin-seventeen-half-bottom {margin-bottom:17.5%}
.margin-eighteen-bottom {margin-bottom:18%}
.margin-eighteen-half-bottom {margin-bottom:18.5%}
.margin-nineteen-bottom {margin-bottom:19%}
.margin-nineteen-half-bottom {margin-bottom:19.5%}
.margin-twenty-bottom {margin-bottom:20%}
.margin-twenty-half-bottom {margin-bottom:20.5%}
.margin-twenty-one-bottom {margin-bottom:21%}
.margin-twenty-one-half-bottom {margin-bottom:21.5%}
.margin-twenty-two-bottom {margin-bottom:22%}
.margin-twenty-two-half-bottom {margin-bottom:22.5%}
.margin-twenty-three-bottom {margin-bottom:23%}
.margin-twenty-three-half-bottom {margin-bottom:23.5%}
.margin-twenty-four-bottom {margin-bottom:24%}
.margin-twenty-four-half-bottom {margin-bottom:24.5%}
.margin-twenty-five-bottom {margin-bottom:25%}
.margin-5px-bottom {margin-bottom:5px}
.margin-10px-bottom {margin-bottom:10px}
.margin-15px-bottom {margin-bottom:15px}
.margin-20px-bottom {margin-bottom:20px}
.margin-25px-bottom {margin-bottom:25px}
.margin-30px-bottom {margin-bottom:30px}
.margin-35px-bottom {margin-bottom:35px}
.margin-40px-bottom {margin-bottom:40px}
.margin-45px-bottom {margin-bottom:45px}
.margin-50px-bottom {margin-bottom:50px}
.margin-55px-bottom {margin-bottom:55px}
.margin-60px-bottom {margin-bottom:60px}
.margin-65px-bottom {margin-bottom:65px}
.margin-70px-bottom {margin-bottom:70px}
.margin-75px-bottom {margin-bottom:75px}
.margin-80px-bottom {margin-bottom:80px}
.margin-85px-bottom {margin-bottom:85px}
.margin-90px-bottom {margin-bottom:90px}
.margin-95px-bottom {margin-bottom:95px}
.margin-100px-bottom {margin-bottom:100px}

/* margin right */
.margin-one-right {margin-right:1%}
.margin-one-half-right {margin-right:1.5%}
.margin-two-right {margin-right:2%}
.margin-two-half-right {margin-right:2.5%}
.margin-three-right {margin-right:3%}
.margin-three-half-right {margin-right:3.5%}
.margin-four-right {margin-right:4%}
.margin-four-half-right {margin-right:4.5%}
.margin-five-right {margin-right:5%}
.margin-five-half-right {margin-right:5.5%}
.margin-six-right {margin-right:6%}
.margin-six-half-right {margin-right:6.5%}
.margin-seven-right {margin-right:7%}
.margin-seven-half-right {margin-right:7.5%}
.margin-eight-right {margin-right:8%}
.margin-eight-half-right {margin-right:8.5%}
.margin-nine-right {margin-right:9%}
.margin-nine-half-right {margin-right:9.5%}
.margin-ten-right {margin-right:10%}
.margin-ten-half-right {margin-right:10.5%}
.margin-eleven-right {margin-right:11%}
.margin-eleven-half-right {margin-right:11.5%}
.margin-twelve-right {margin-right:12%}
.margin-twelve-half-right {margin-right:12.5%}
.margin-thirteen-right {margin-right:13%}
.margin-thirteen-half-right {margin-right:13.5%}
.margin-fourteen-right {margin-right:14%}
.margin-fourteen-half-right {margin-right:14.5%}
.margin-fifteen-right {margin-right:15%}
.margin-fifteen-half-right {margin-right:15.5%}
.margin-sixteen-right {margin-right:16%}
.margin-sixteen-half-right {margin-right:16.5%}
.margin-seventeen-right {margin-right:17%}
.margin-seventeen-half-right {margin-right:17.5%}
.margin-eighteen-right {margin-right:18%}
.margin-eighteen-half-right {margin-right:18.5%}
.margin-nineteen-right {margin-right:19%}
.margin-nineteen-half-right {margin-right:19.5%}
.margin-twenty-right {margin-right:20%}
.margin-twenty-half-right {margin-right:20.5%}
.margin-twenty-right {margin-right:21%}
.margin-twenty-one-half-right {margin-right:21.5%}
.margin-twenty-two-right {margin-right:22%}
.margin-twenty-two-half-right {margin-right:22.5%}
.margin-twenty-three-right {margin-right:23%}
.margin-twenty-three-half-right {margin-right:23.5%}
.margin-twenty-four-right {margin-right:24%}
.margin-twenty-four-half-right {margin-right:24.5%}
.margin-twenty-five-right {margin-right:25%}
.margin-5px-right {margin-right:5px}
.margin-10px-right {margin-right:10px}
.margin-15px-right {margin-right:15px}
.margin-20px-right {margin-right:20px}
.margin-25px-right {margin-right:25px}
.margin-30px-right {margin-right:30px}
.margin-35px-right {margin-right:35px}
.margin-40px-right {margin-right:40px}
.margin-45px-right {margin-right:45px}
.margin-50px-right {margin-right:50px}
.margin-55px-right {margin-right:55px}
.margin-60px-right {margin-right:60px}
.margin-65px-right {margin-right:65px}
.margin-70px-right {margin-right:70px}
.margin-75px-right {margin-right:75px}
.margin-80px-right {margin-right:80px}
.margin-85px-right {margin-right:85px}
.margin-90px-right {margin-right:90px}
.margin-95px-right {margin-right:95px}
.margin-100px-right {margin-right:100px}

/* margin left */
.margin-one-left {margin-left:1%}
.margin-one-half-left {margin-left:1.5%}
.margin-two-left {margin-left:2%}
.margin-two-half-left {margin-left:2.5%}
.margin-three-left {margin-left:3%}
.margin-three-half-left {margin-left:3.5%}
.margin-four-left {margin-left:4%}
.margin-four-half-left {margin-left:4.5%}
.margin-five-left {margin-left:5%}
.margin-five-half-left {margin-left:5.5%}
.margin-six-left {margin-left:6%}
.margin-six-half-left {margin-left:6.5%}
.margin-seven-left {margin-left:7%}
.margin-seven-half-left {margin-left:7.5%}
.margin-eight-left {margin-left:8%}
.margin-eight-half-left {margin-left:8.5%}
.margin-nine-left {margin-left:9%}
.margin-nine-half-left {margin-left:9.5%}
.margin-ten-left {margin-left:10%}
.margin-ten-half-left {margin-left:10.5%}
.margin-eleven-left {margin-left:11%}
.margin-eleven-half-left {margin-left:11.5%}
.margin-twelve-left {margin-left:12%}
.margin-twelve-half-left {margin-left:12.5%}
.margin-thirteen-left {margin-left:13%}
.margin-thirteen-half-left {margin-left:13.5%}
.margin-fourteen-left {margin-left:14%}
.margin-fourteen-half-left {margin-left:14.5%}
.margin-fifteen-left {margin-left:15%}
.margin-fifteen-half-left {margin-left:15.5%}
.margin-sixteen-left {margin-left:16%}
.margin-sixteen-half-left {margin-left:16.5%}
.margin-seventeen-left {margin-left:17%}
.margin-seventeen-half-left {margin-left:17.5%}
.margin-eighteen-left {margin-left:18%}
.margin-eighteen-half-left {margin-left:18.5%}
.margin-nineteen-left {margin-left:19%}
.margin-nineteen-half-left {margin-left:19.5%}
.margin-twenty-left {margin-left:20%}
.margin-twenty-half-left {margin-left:20.5%}
.margin-twenty-one-left {margin-left:21%}
.margin-twenty-one-half-left {margin-left:21.5%}
.margin-twenty-two-left {margin-left:22%}
.margin-twenty-two-half-left {margin-left:22.5%}
.margin-twenty-three-left {margin-left:23%}
.margin-twenty-three-half-left {margin-left:23.5%}
.margin-twenty-four-left {margin-left:24%}
.margin-twenty-four-half-left {margin-left:24.5%}
.margin-twenty-five-left {margin-left:25%}
.margin-5px-left {margin-left:5px}
.margin-10px-left {margin-left:10px}
.margin-15px-left {margin-left:15px}
.margin-20px-left {margin-left:20px}
.margin-25px-left {margin-left:25px}
.margin-30px-left {margin-left:30px}
.margin-35px-left {margin-left:35px}
.margin-40px-left {margin-left:40px}
.margin-45px-left {margin-left:45px}
.margin-50px-left {margin-left:50px}
.margin-55px-left {margin-left:55px}
.margin-60px-left {margin-left:60px}
.margin-65px-left {margin-left:65px}
.margin-70px-left {margin-left:70px}
.margin-75px-left {margin-left:75px}
.margin-80px-left {margin-left:80px}
.margin-85px-left {margin-left:85px}
.margin-90px-left {margin-left:90px}
.margin-95px-left {margin-left:95px}
.margin-100px-left {margin-left:100px}

/* margin left and right */
.margin-one-lr {margin-left:1%; margin-right:1%;}
.margin-one-half-lr {margin-left:1.5%; margin-right:1.5%;}
.margin-two-lr {margin-left:2%; margin-right:2%;}
.margin-two-half-lr {margin-left:2.5%; margin-right:2.5%;}
.margin-three-lr {margin-left:3%; margin-right:3%;}
.margin-three-half-lr {margin-left:3.5%; margin-right:3.5%;}
.margin-four-lr {margin-left:4%; margin-right:4%;}
.margin-four-half-lr {margin-left:4.5%; margin-right:4.5%;}
.margin-five-lr {margin-left:5%; margin-right:5%;}
.margin-five-half-lr {margin-left:5.5%; margin-right:5.5%;}
.margin-six-lr {margin-left:6%; margin-right:6%;}
.margin-six-half-lr {margin-left:6.5%; margin-right:6.5%;}
.margin-seven-lr {margin-left:7%; margin-right:7%;}
.margin-seven-half-lr {margin-left:7.5%; margin-right:7.5%;}
.margin-eight-lr {margin-left:8%; margin-right:8%;}
.margin-eight-half-lr {margin-left:8.5%; margin-right:8.5%;}
.margin-nine-lr {margin-left:9%; margin-right:9%;}
.margin-nine-half-lr {margin-left:9.5%; margin-right:9.5%;}
.margin-ten-lr {margin-left:10%; margin-right:10%;}
.margin-ten-half-lr {margin-left:10.5%; margin-right:10.5%;}
.margin-eleven-lr {margin-left:11%; margin-right:11%;}
.margin-eleven-half-lr {margin-left:11.5%; margin-right:11.5%;}
.margin-twelve-lr {margin-left:12%; margin-right:12%;}
.margin-twelve-half-lr {margin-left:12.5%; margin-right:12.5%;}
.margin-thirteen-lr {margin-left:13%; margin-right:13%;}
.margin-thirteen-half-lr {margin-left:13.5%; margin-right:13.5%;}
.margin-fourteen-lr {margin-left:14%; margin-right:14%;}
.margin-fourteen-half-lr {margin-left:14.5%; margin-right:14.5%;}
.margin-fifteen-lr {margin-left:15%; margin-right:15%;}
.margin-fifteen-half-lr {margin-left:15.5%; margin-right:15.5%;}
.margin-sixteen-lr {margin-left:16%; margin-right:16%;}
.margin-sixteen-half-lr {margin-left:16.5%; margin-right:16.5%;}
.margin-seventeen-lr {margin-left:17%; margin-right:17%;}
.margin-seventeen-half-lr {margin-left:17.5%; margin-right:17.5%;}
.margin-eighteen-lr {margin-left:18%; margin-right:18%;}
.margin-eighteen-half-lr {margin-left:18.5%; margin-right:18.5%;}
.margin-nineteen-lr {margin-left:19%; margin-right:19%;}
.margin-nineteen-half-lr {margin-left:19.5%; margin-right:19.5%;}
.margin-twenty-lr {margin-left:20%; margin-right:20%;}
.margin-twenty-half-lr {margin-left:20.5%; margin-right:20.5%;}
.margin-twenty-one-lr {margin-left:21%; margin-right:21%;}
.margin-twenty-one-half-lr {margin-left:21.5%; margin-right:21.5%;}
.margin-twenty-two-lr {margin-left:22%; margin-right:22%;}
.margin-twenty-two-half-lr {margin-left:22.5%; margin-right:22.5%;}
.margin-twenty-three-lr {margin-left:23%; margin-right:23%;}
.margin-twenty-three-half-lr {margin-left:23.5%; margin-right:23.5%;}
.margin-twenty-four-lr {margin-left:24%; margin-right:24%;}
.margin-twenty-four-half-lr {margin-left:24.5%; margin-right:24.5%;}
.margin-twenty-five-lr {margin-left:25%; margin-right:25%;}
.margin-5px-lr {margin-left:5px; margin-right:5px;}
.margin-10px-lr {margin-left:10px; margin-right:10px;}
.margin-15px-lr {margin-left:15px; margin-right:15px;}
.margin-20px-lr {margin-left:20px; margin-right:20px;}
.margin-25px-lr {margin-left:25px; margin-right:25px;}
.margin-30px-lr {margin-left:30px; margin-right:30px;}
.margin-35px-lr {margin-left:35px; margin-right:35px;}
.margin-40px-lr {margin-left:40px; margin-right:40px;}
.margin-45px-lr {margin-left:45px; margin-right:45px;}
.margin-50px-lr {margin-left:50px; margin-right:50px;}
.margin-55px-lr {margin-left:55px; margin-right:55px;}
.margin-60px-lr {margin-left:60px; margin-right:60px;}
.margin-65px-lr {margin-left:65px; margin-right:65px;}
.margin-70px-lr {margin-left:70px; margin-right:70px;}
.margin-75px-lr {margin-left:75px; margin-right:75px;}
.margin-80px-lr {margin-left:80px; margin-right:80px;}
.margin-85px-lr {margin-left:85px; margin-right:85px;}
.margin-90px-lr {margin-left:90px; margin-right:90px;}
.margin-95px-lr {margin-left:95px; margin-right:95px;}
.margin-100px-lr {margin-left:100px; margin-right:100px;}

/* margin top and bottom */
.margin-one-tb {margin-top:1%; margin-bottom:1%;}
.margin-one-half-tb {margin-top:1.5%; margin-bottom:1.5%;}
.margin-two-tb {margin-top:2%; margin-bottom:2%;}
.margin-two-half-tb {margin-top:2.5%; margin-bottom:2.5%;}
.margin-three-tb {margin-top:3%; margin-bottom:3%;}
.margin-three-half-tb {margin-top:3.5%; margin-bottom:3.5%;}
.margin-four-tb {margin-top:4%; margin-bottom:4%;}
.margin-four-half-tb {margin-top:4.5%; margin-bottom:4.5%;}
.margin-five-tb {margin-top:5%; margin-bottom:5%;}
.margin-five-half-tb {margin-top:5.5%; margin-bottom:5.5%;}
.margin-six-tb {margin-top:6%; margin-bottom:6%;}
.margin-six-half-tb {margin-top:6.5%; margin-bottom:6.5%;}
.margin-seven-tb {margin-top:7%; margin-bottom:7%;}
.margin-seven-half-tb {margin-top:7.5%; margin-bottom:7.5%;}
.margin-eight-tb {margin-top:8%; margin-bottom:8%;}
.margin-eight-half-tb {margin-top:8.5%; margin-bottom:8.5%;}
.margin-nine-tb {margin-top:9%; margin-bottom:9%;}
.margin-nine-half-tb {margin-top:9.5%; margin-bottom:9.5%;}
.margin-ten-tb {margin-top:10%; margin-bottom:10%;}
.margin-ten-half-tb {margin-top:10.5%; margin-bottom:10.5%;}
.margin-eleven-tb {margin-top:11%; margin-bottom:11%;}
.margin-eleven-half-tb {margin-top:11.5%; margin-bottom:11.5%;}
.margin-twelve-tb {margin-top:12%; margin-bottom:12%;}
.margin-twelve-half-tb {margin-top:12.5%; margin-bottom:12.5%;}
.margin-thirteen-tb {margin-top:13%; margin-bottom:13%;}
.margin-thirteen-half-tb {margin-top:13.5%; margin-bottom:13.5%;}
.margin-fourteen-tb {margin-top:14%; margin-bottom:14%;}
.margin-fourteen-half-tb {margin-top:14.5%; margin-bottom:14.5%;}
.margin-fifteen-tb {margin-top:15%; margin-bottom:15%;}
.margin-fifteen-half-tb {margin-top:15.5%; margin-bottom:15.5%;}
.margin-sixteen-tb {margin-top:16%; margin-bottom:16%;}
.margin-sixteen-half-tb {margin-top:16.5%; margin-bottom:16.5%;}
.margin-seventeen-tb {margin-top:17%; margin-bottom:17%;}
.margin-seventeen-half-tb {margin-top:17.5%; margin-bottom:17.5%;}
.margin-eighteen-tb {margin-top:18%; margin-bottom:18%;}
.margin-eighteen-half-tb {margin-top:18.5%; margin-bottom:18.5%;}
.margin-nineteen-tb {margin-top:19%; margin-bottom:19%;}
.margin-nineteen-half-tb {margin-top:19.5%; margin-bottom:19.5%;}
.margin-twenty-tb {margin-top:20%; margin-bottom:20%;}
.margin-twenty-half-tb {margin-top:20.5%; margin-bottom:20.5%;}
.margin-twenty-one-tb {margin-top:21%; margin-bottom:21%;}
.margin-twenty-one-half-tb {margin-top:21.5%; margin-bottom:21.5%;}
.margin-twenty-two-tb {margin-top:22%; margin-bottom:22%;}
.margin-twenty-two-half-tb {margin-top:22.5%; margin-bottom:22.5%;}
.margin-twenty-three-tb {margin-top:23%; margin-bottom:23%;}
.margin-twenty-three-half-tb {margin-top:23.5%; margin-bottom:23.5%;}
.margin-twenty-four-tb {margin-top:24%; margin-bottom:24%;}
.margin-twenty-four-half-tb {margin-top:24.5%; margin-bottom:24.5%;}
.margin-twenty-five-tb {margin-top:25%; margin-bottom:25%;}
.margin-5px-tb {margin-top:5px; margin-bottom:5px;}
.margin-10px-tb {margin-top:10px; margin-bottom:10px;}
.margin-15px-tb {margin-top:15px; margin-bottom:15px;}
.margin-20px-tb {margin-top:20px; margin-bottom:20px;}
.margin-25px-tb {margin-top:25px; margin-bottom:25px;}
.margin-30px-tb {margin-top:30px; margin-bottom:30px;}
.margin-35px-tb {margin-top:35px; margin-bottom:35px;}
.margin-40px-tb {margin-top:40px; margin-bottom:40px;}
.margin-45px-tb {margin-top:45px; margin-bottom:45px;}
.margin-50px-tb {margin-top:50px; margin-bottom:50px;}
.margin-55px-tb {margin-top:55px; margin-bottom:55px;}
.margin-60px-tb {margin-top:60px; margin-bottom:60px;}
.margin-65px-tb {margin-top:65px; margin-bottom:65px;}
.margin-70px-tb {margin-top:70px; margin-bottom:70px;}
.margin-75px-tb {margin-top:75px; margin-bottom:75px;}
.margin-80px-tb {margin-top:80px; margin-bottom:80px;}
.margin-85px-tb {margin-top:85px; margin-bottom:85px;}
.margin-90px-tb {margin-top:90px; margin-bottom:90px;}
.margin-95px-tb {margin-top:95px; margin-bottom:95px;}
.margin-100px-tb {margin-top:100px; margin-bottom:100px;}

/*===============================
    Padding
=================================*/

.no-padding {padding:0 !important}
.no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
.no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top {padding-top:0 !important}
.no-padding-bottom {padding-bottom:0 !important}
.no-padding-left {padding-left:0 !important}
.no-padding-right {padding-right:0 !important}
.padding-one-all {padding:1%;}
.padding-one-half-all {padding:1.5%;}
.padding-two-all {padding:2%;}
.padding-two-half-all {padding:2.5%;}
.padding-three-all {padding:3%;}
.padding-three-half-all {padding:3.5%;}
.padding-four-all {padding:4%;}
.padding-four-half-all {padding:4.5%;}
.padding-five-all {padding:5%;}
.padding-five-half-all {padding:5.5%;}
.padding-six-all {padding:6%;}
.padding-six-half-all {padding:6.5%;}
.padding-seven-all {padding:7%;}
.padding-seven-half-all {padding:7.5%;}
.padding-eight-all {padding:8%;}
.padding-eight-half-all {padding:8.5%;}
.padding-nine-all {padding:9%;}
.padding-nine-half-all {padding:9.5%;}
.padding-ten-all {padding:10%;}
.padding-ten-half-all {padding:10.5%;}
.padding-eleven-all {padding:11%;}
.padding-eleven-half-all {padding:11.5%;}
.padding-twelve-all {padding:12%;}
.padding-twelve-half-all {padding:12.5%;}
.padding-thirteen-all {padding:13%;}
.padding-thirteen-half-all {padding:13.5%;}
.padding-fourteen-all {padding:14%;}
.padding-fourteen-half-all {padding:14.5%;}
.padding-fifteen-all {padding:15%;}
.padding-fifteen-half-all {padding:15.5%;}
.padding-sixteen-all {padding:16%;}
.padding-sixteen-half-all {padding:16.5%;}
.padding-seventeen-all {padding:17%;}
.padding-seventeen-half-all {padding:17.5%;}
.padding-eighteen-all {padding:18%;}
.padding-eighteen-half-all {padding:18.5%;}
.padding-nineteen-all {padding:19%;}
.padding-nineteen-half-all {padding:19.5%;}
.padding-twenty-all {padding:20%;}
.padding-twenty-half-all {padding:20.5%;}
.padding-twenty-one-all {padding:21%;}
.padding-twenty-one-half-all {padding:21.5%;}
.padding-twenty-two-all {padding:22%;}
.padding-twenty-two-half-all {padding:22.5%;}
.padding-twenty-three-all {padding:23%;}
.padding-twenty-three-half-all {padding:23.5%;}
.padding-twenty-four-all {padding:24%;}
.padding-twenty-four-half-all {padding:24.5%;}
.padding-twenty-five-all {padding:25%;}
.padding-twenty-five-half-all {padding:25.5%;}
.padding-5px-all {padding:5px;}
.padding-10px-all {padding:10px;}
.padding-15px-all {padding:15px;}
.padding-20px-all {padding:20px;}
.padding-25px-all {padding:25px;}
.padding-30px-all {padding:30px;}
.padding-35px-all {padding:35px;}
.padding-40px-all {padding:40px;}
.padding-45px-all {padding:45px;}
.padding-50px-all {padding:50px;}
.padding-55px-all {padding:55px;}
.padding-60px-all {padding:60px;}
.padding-65px-all {padding:65px;}
.padding-70px-all {padding:70px;}
.padding-75px-all {padding:75px;}
.padding-80px-all {padding:80px;}
.padding-85px-all {padding:85px;}
.padding-90px-all {padding:90px;}
.padding-95px-all {padding:95px;}
.padding-100px-all {padding:100px;}

/* padding top */
.padding-one-top {padding-top:1%;}
.padding-one-half-top {padding-top:1.5%;}
.padding-two-top {padding-top:2%;}
.padding-two-half-top {padding-top:2.5%;}
.padding-three-top {padding-top:3%;}
.padding-three-half-top {padding-top:3.5%;}
.padding-four-top {padding-top:4%;}
.padding-four-half-top {padding-top:4.5%;}
.padding-five-top {padding-top:5%;}
.padding-five-half-top {padding-top:5.5%;}
.padding-six-top {padding-top:6%;}
.padding-six-half-top {padding-top:6.5%;}
.padding-seven-top {padding-top:7%;}
.padding-seven-half-top {padding-top:7.5%;}
.padding-eight-top {padding-top:8%;}
.padding-eight-half-top {padding-top:8.5%;}
.padding-nine-top {padding-top:9%;}
.padding-nine-half-top {padding-top:9.5%;}
.padding-ten-top {padding-top:10%;}
.padding-ten-half-top {padding-top:10.5%;}
.padding-eleven-top {padding-top:11%;}
.padding-eleven-half-top {padding-top:11.5%;}
.padding-twelve-top {padding-top:12%;}
.padding-twelve-half-top {padding-top:12.5%;}
.padding-thirteen-top {padding-top:13%;}
.padding-thirteen-half-top {padding-top:13.5%;}
.padding-fourteen-top {padding-top:14%;}
.padding-fourteen-half-top {padding-top:14.5%;}
.padding-fifteen-top {padding-top:15%;}
.padding-fifteen-half-top {padding-top:15.5%;}
.padding-sixteen-top {padding-top:16%;}
.padding-sixteen-half-top {padding-top:16.5%;}
.padding-seventeen-top {padding-top:17%;}
.padding-seventeen-half-top {padding-top:17.5%;}
.padding-eighteen-top {padding-top:18%;}
.padding-eighteen-half-top {padding-top:18.5%;}
.padding-nineteen-top {padding-top:19%;}
.padding-nineteen-half-top {padding-top:19.5%;}
.padding-twenty-top {padding-top:20%;}
.padding-twenty-half-top {padding-top:20.5%;}
.padding-twenty-one-top {padding-top:21%;}
.padding-twenty-one-half-top {padding-top:21.5%;}
.padding-twenty-two-top {padding-top:22%;}
.padding-twenty-two-half-top {padding-top:22.5%;}
.padding-twenty-two-top {padding-top:22%;}
.padding-twenty-two-half-top {padding-top:22.5%;}
.padding-twenty-three-top {padding-top:23%;}
.padding-twenty-three-half-top {padding-top:23.5%;}
.padding-twenty-four-top {padding-top:24%;}
.padding-twenty-four-half-top {padding-top:24.5%;}
.padding-twenty-five-top {padding-top:25%;}
.padding-5px-top {padding-top:5px;}
.padding-10px-top {padding-top:10px;}
.padding-15px-top {padding-top:15px;}
.padding-20px-top {padding-top:20px;}
.padding-25px-top {padding-top:25px;}
.padding-30px-top {padding-top:30px;}
.padding-35px-top {padding-top:35px;}
.padding-40px-top {padding-top:40px;}
.padding-45px-top {padding-top:45px;}
.padding-50px-top {padding-top:50px;}
.padding-55px-top {padding-top:55px;}
.padding-60px-top {padding-top:60px;}
.padding-65px-top {padding-top:65px;}
.padding-70px-top {padding-top:70px;}
.padding-75px-top {padding-top:75px;}
.padding-80px-top {padding-top:80px;}
.padding-85px-top {padding-top:85px;}
.padding-90px-top {padding-top:90px;}
.padding-95px-top {padding-top:95px;}
.padding-100px-top {padding-top:100px;}

/* padding bottom */
.padding-one-bottom {padding-bottom:1%;}
.padding-one-half-bottom {padding-bottom:1.5%;}
.padding-two-bottom {padding-bottom:2%;}
.padding-two-half-bottom {padding-bottom:2.5%;}
.padding-three-bottom {padding-bottom:3%;}
.padding-three-half-bottom {padding-bottom:3.5%;}
.padding-four-bottom {padding-bottom:4%;}
.padding-four-half-bottom {padding-bottom:4.5%;}
.padding-five-bottom {padding-bottom:5%;}
.padding-five-half-bottom {padding-bottom:5.5%;}
.padding-six-bottom {padding-bottom:6%;}
.padding-six-half-bottom {padding-bottom:6.5%;}
.padding-seven-bottom {padding-bottom:7%;}
.padding-seven-half-bottom {padding-bottom:7.5%;}
.padding-eight-bottom {padding-bottom:8%;}
.padding-eight-half-bottom {padding-bottom:8.5%;}
.padding-nine-bottom {padding-bottom:9%;}
.padding-nine-half-bottom {padding-bottom:9.5%;}
.padding-ten-bottom {padding-bottom:10%;}
.padding-ten-half-bottom {padding-bottom:10.5%;}
.padding-eleven-bottom {padding-bottom:11%;}
.padding-eleven-half-bottom {padding-bottom:11.5%;}
.padding-twelve-bottom {padding-bottom:12%;}
.padding-twelve-half-bottom {padding-bottom:12.5%;}
.padding-thirteen-bottom {padding-bottom:13%;}
.padding-thirteen-half-bottom {padding-bottom:13.5%;}
.padding-fourteen-bottom {padding-bottom:14%;}
.padding-fourteen-half-bottom {padding-bottom:14.5%;}
.padding-fifteen-bottom {padding-bottom:15%;}
.padding-fifteen-half-bottom {padding-bottom:15.5%;}
.padding-sixteen-bottom {padding-bottom:16%;}
.padding-sixteen-half-bottom {padding-bottom:16.5%;}
.padding-seventeen-bottom {padding-bottom:17%;}
.padding-seventeen-half-bottom {padding-bottom:17.5%;}
.padding-eighteen-bottom {padding-bottom:18%;}
.padding-eighteen-half-bottom {padding-bottom:18.5%;}
.padding-nineteen-bottom {padding-bottom:19%;}
.padding-nineteen-half-bottom {padding-bottom:19.5%;}
.padding-twenty-bottom {padding-bottom:20%;}
.padding-twenty-half-bottom {padding-bottom:20.5%;}
.padding-twenty-one-bottom {padding-bottom:21%;}
.padding-twenty-one-half-bottom {padding-bottom:21.5%;}
.padding-twenty-two-bottom {padding-bottom:22%;}
.padding-twenty-two-half-bottom {padding-bottom:22.5%;}
.padding-twenty-three-bottom {padding-bottom:23%;}
.padding-twenty-three-half-bottom {padding-bottom:23.5%;}
.padding-twenty-four-bottom {padding-bottom:24%;}
.padding-twenty-four-half-bottom {padding-bottom:24.5%;}
.padding-twenty-five-bottom {padding-bottom:25%;}
.padding-5px-bottom {padding-bottom:5px;}
.padding-10px-bottom {padding-bottom:10px;}
.padding-15px-bottom {padding-bottom:15px;}
.padding-20px-bottom {padding-bottom:20px;}
.padding-25px-bottom {padding-bottom:25px;}
.padding-30px-bottom {padding-bottom:30px;}
.padding-35px-bottom {padding-bottom:35px;}
.padding-40px-bottom {padding-bottom:40px;}
.padding-45px-bottom {padding-bottom:45px;}
.padding-50px-bottom {padding-bottom:50px;}
.padding-55px-bottom {padding-bottom:55px;}
.padding-60px-bottom {padding-bottom:60px;}
.padding-65px-bottom {padding-bottom:65px;}
.padding-70px-bottom {padding-bottom:70px;}
.padding-75px-bottom {padding-bottom:75px;}
.padding-80px-bottom {padding-bottom:80px;}
.padding-85px-bottom {padding-bottom:85px;}
.padding-90px-bottom {padding-bottom:90px;}
.padding-95px-bottom {padding-bottom:95px;}
.padding-100px-bottom {padding-bottom:100px;}

/* padding right */
.padding-one-right {padding-right:1%;}
.padding-one-half-right {padding-right:1.5%;}
.padding-two-right {padding-right:2%;}
.padding-two-half-right {padding-right:2.5%;}
.padding-three-right {padding-right:3%;}
.padding-three-half-right {padding-right:3.5%;}
.padding-four-right {padding-right:4%;}
.padding-four-half-right {padding-right:4.5%;}
.padding-five-right {padding-right:5%;}
.padding-five-half-right {padding-right:5.5%;}
.padding-six-right {padding-right:6%;}
.padding-six-half-right {padding-right:6.5%;}
.padding-seven-right {padding-right:7%;}
.padding-seven-half-right {padding-right:7.5%;}
.padding-eight-right {padding-right:8%;}
.padding-eight-half-right {padding-right:8.5%;}
.padding-nine-right {padding-right:9%;}
.padding-nine-half-right {padding-right:9.5%;}
.padding-ten-right {padding-right:10%;}
.padding-ten-half-right {padding-right:10.5%;}
.padding-eleven-right {padding-right:11%;}
.padding-eleven-half-right {padding-right:11.5%;}
.padding-twelve-right {padding-right:12%;}
.padding-twelve-half-right {padding-right:12.5%;}
.padding-thirteen-right {padding-right:13%;}
.padding-thirteen-half-right {padding-right:13.5%;}
.padding-fourteen-right {padding-right:14%;}
.padding-fourteen-half-right {padding-right:14.5%;}
.padding-fifteen-right {padding-right:15%;}
.padding-fifteen-half-right {padding-right:15.5%;}
.padding-sixteen-right {padding-right:16%;}
.padding-sixteen-half-right {padding-right:16.5%;}
.padding-seventeen-right {padding-right:17%;}
.padding-seventeen-half-right {padding-right:17.5%;}
.padding-eighteen-right {padding-right:18%;}
.padding-eighteen-half-right {padding-right:18.5%;}
.padding-nineteen-right {padding-right:19%;}
.padding-nineteen-half-right {padding-right:19.5%;}
.padding-twenty-right {padding-right:20%;}
.padding-twenty-half-right {padding-right:20.5%;}
.padding-twenty-one-right {padding-right:21%;}
.padding-twenty-one-half-right {padding-right:21.5%;}
.padding-twenty-two-right {padding-right:22%;}
.padding-twenty-two-half-right {padding-right:22.5%;}
.padding-twenty-three-right {padding-right:23%;}
.padding-twenty-three-half-right {padding-right:23.5%;}
.padding-twenty-four-right {padding-right:24%;}
.padding-twenty-four-half-right {padding-right:24.5%;}
.padding-twenty-five-right {padding-right:25%;}
.padding-5px-right {padding-right:5px;}
.padding-10px-right {padding-right:10px;}
.padding-15px-right {padding-right:15px;}
.padding-20px-right {padding-right:20px;}
.padding-25px-right {padding-right:25px;}
.padding-30px-right {padding-right:30px;}
.padding-35px-right {padding-right:35px;}
.padding-40px-right {padding-right:40px;}
.padding-45px-right {padding-right:45px;}
.padding-50px-right {padding-right:50px;}
.padding-55px-right {padding-right:55px;}
.padding-60px-right {padding-right:60px;}
.padding-65px-right {padding-right:65px;}
.padding-70px-right {padding-right:70px;}
.padding-75px-right {padding-right:75px;}
.padding-80px-right {padding-right:80px;}
.padding-85px-right {padding-right:85px;}
.padding-90px-right {padding-right:90px;}
.padding-95px-right {padding-right:95px;}
.padding-100px-right {padding-right:100px;}

/* padding left */
.padding-one-left {padding-left:1%;}
.padding-one-half-left {padding-left:1.5%;}
.padding-two-left {padding-left:2%;}
.padding-two-half-left {padding-left:2.5%;}
.padding-three-left {padding-left:3%;}
.padding-three-half-left {padding-left:3.5%;}
.padding-four-left {padding-left:4%;}
.padding-four-half-left {padding-left:4.5%;}
.padding-five-left {padding-left:5%;}
.padding-five-half-left {padding-left:5.5%;}
.padding-six-left {padding-left:6%;}
.padding-six-half-left {padding-left:6.5%;}
.padding-seven-left {padding-left:7%;}
.padding-seven-half-left {padding-left:7.5%;}
.padding-eight-left {padding-left:8%;}
.padding-eight-half-left {padding-left:8.5%;}
.padding-nine-left {padding-left:9%;}
.padding-nine-half-left {padding-left:9.5%;}
.padding-ten-left {padding-left:10%;}
.padding-ten-half-left {padding-left:10.5%;}
.padding-eleven-left {padding-left:11%;}
.padding-eleven-half-left {padding-left:11.5%;}
.padding-twelve-left {padding-left:12%;}
.padding-twelve-half-left {padding-left:12.5%;}
.padding-thirteen-left {padding-left:13%;}
.padding-thirteen-half-left {padding-left:13.5%;}
.padding-fourteen-left {padding-left:14%;}
.padding-fourteen-half-left {padding-left:14.5%;}
.padding-fifteen-left {padding-left:15%;}
.padding-fifteen-half-left {padding-left:15.5%;}
.padding-sixteen-left {padding-left:16%;}
.padding-sixteen-half-left {padding-left:16.5%;}
.padding-seventeen-left {padding-left:17%;}
.padding-seventeen-half-left {padding-left:17.5%;}
.padding-eighteen-left {padding-left:18%;}
.padding-eighteen-half-left {padding-left:18.5%;}
.padding-nineteen-left {padding-left:19%;}
.padding-nineteen-half-left {padding-left:19.5%;}
.padding-twenty-left {padding-left:20%;}
.padding-twenty-half-left {padding-left:20.5%;}
.padding-twenty-one-left {padding-left:21%;}
.padding-twenty-one-half-left {padding-left:21.5%;}
.padding-twenty-two-left {padding-left:22%;}
.padding-twenty-two-half-left {padding-left:22.5%;}
.padding-twenty-three-left {padding-left:23%;}
.padding-twenty-three-half-left {padding-left:23.5%;}
.padding-twenty-four-left {padding-left:24%;}
.padding-twenty-four-half-left {padding-left:24.5%;}
.padding-twenty-five-left {padding-left:25%;}
.padding-5px-left {padding-left:5px;}
.padding-10px-left {padding-left:10px;}
.padding-15px-left {padding-left:15px;}
.padding-20px-left {padding-left:20px;}
.padding-25px-left {padding-left:25px;}
.padding-30px-left {padding-left:30px;}
.padding-35px-left {padding-left:35px;}
.padding-40px-left {padding-left:40px;}
.padding-45px-left {padding-left:45px;}
.padding-50px-left {padding-left:50px;}
.padding-55px-left {padding-left:55px;}
.padding-60px-left {padding-left:60px;}
.padding-65px-left {padding-left:65px;}
.padding-70px-left {padding-left:70px;}
.padding-75px-left {padding-left:75px;}
.padding-80px-left {padding-left:80px;}
.padding-85px-left {padding-left:85px;}
.padding-90px-left {padding-left:90px;}
.padding-95px-left {padding-left:95px;}
.padding-100px-left {padding-left:100px;}

/* padding top and bottom */
.padding-one-tb {padding-top:1%; padding-bottom:1%;}
.padding-one-half-tb {padding-top:1.5%; padding-bottom:1.5%;}
.padding-two-tb {padding-top:2%; padding-bottom:2%;}
.padding-two-half-tb {padding-top:2.5%; padding-bottom:2.5%;}
.padding-three-tb {padding-top:3%; padding-bottom:3%;}
.padding-three-half-tb {padding-top:3.5%; padding-bottom:3.5%;}
.padding-four-tb {padding-top:4%; padding-bottom:4%;}
.padding-four-half-tb {padding-top:4.5%; padding-bottom:4.5%;}
.padding-five-tb {padding-top:5%; padding-bottom:5%;}
.padding-five-half-tb {padding-top:5.5%; padding-bottom:5.5%;}
.padding-six-tb {padding-top:6%; padding-bottom:6%;}
.padding-six-half-tb {padding-top:6.5%; padding-bottom:6.5%;}
.padding-seven-tb {padding-top:7%; padding-bottom:7%;}
.padding-seven-half-tb {padding-top:7.5%; padding-bottom:7.5%;}
.padding-eight-tb {padding-top:8%; padding-bottom:8%;}
.padding-eight-half-tb {padding-top:8.5%; padding-bottom:8.5%;}
.padding-nine-tb {padding-top:9%; padding-bottom:9%;}
.padding-nine-half-tb {padding-top:9.5%; padding-bottom:9.5%;}
.padding-ten-tb {padding-top:10%; padding-bottom:10%;}
.padding-ten-half-tb {padding-top:10.5%; padding-bottom:10.5%;}
.padding-eleven-tb {padding-top:11%; padding-bottom:11%;}
.padding-eleven-half-tb {padding-top:11.5%; padding-bottom:11.5%;}
.padding-twelve-tb {padding-top:12%; padding-bottom:12%;}
.padding-twelve-half-tb {padding-top:12.5%; padding-bottom:12.5%;}
.padding-thirteen-tb {padding-top:13%; padding-bottom:13%;}
.padding-thirteen-half-tb {padding-top:13.5%; padding-bottom:13.5%;}
.padding-fourteen-tb {padding-top:14%; padding-bottom:14%;}
.padding-fourteen-half-tb {padding-top:14.5%; padding-bottom:14.5%;}
.padding-fifteen-tb {padding-top:15%; padding-bottom:15%;}
.padding-fifteen-half-tb {padding-top:15.5%; padding-bottom:15.5%;}
.padding-sixteen-tb {padding-top:16%; padding-bottom:16%;}
.padding-sixteen-half-tb {padding-top:16.5%; padding-bottom:16.5%;}
.padding-seventeen-tb {padding-top:17%; padding-bottom:17%;}
.padding-seventeen-half-tb {padding-top:17.5%; padding-bottom:17.5%;}
.padding-eighteen-tb {padding-top:18%; padding-bottom:18%;}
.padding-eighteen-half-tb {padding-top:18.5%; padding-bottom:18.5%;}
.padding-nineteen-tb {padding-top:19%; padding-bottom:19%;}
.padding-nineteen-half-tb {padding-top:19.5%; padding-bottom:19.5%;}
.padding-twenty-tb {padding-top:20%; padding-bottom:20%;}
.padding-twenty-half-tb {padding-top:20.5%; padding-bottom:20%;}
.padding-twenty-one-tb {padding-top:21%; padding-bottom:21%;}
.padding-twenty-one-half-tb {padding-top:21.5%; padding-bottom:21.5%;}
.padding-twenty-two-tb {padding-top:22%; padding-bottom:22%;}
.padding-twenty-two-half-tb {padding-top:22.5%; padding-bottom:22.5%;}
.padding-twenty-three-tb {padding-top:23%; padding-bottom:23%;}
.padding-twenty-three-half-tb {padding-top:23.5%; padding-bottom:23.5%;}
.padding-twenty-four-tb {padding-top:24%; padding-bottom:24%;}
.padding-twenty-four-half-tb {padding-top:24.5%; padding-bottom:24.5%;}
.padding-twenty-five-tb {padding-top:25%; padding-bottom:25%;}
.padding-thirty-tb {padding-top:30%; padding-bottom:30%;}
.padding-5px-tb {padding-top:5px; padding-bottom:5px;}
.padding-10px-tb {padding-top:10px; padding-bottom:10px;}
.padding-15px-tb {padding-top:15px; padding-bottom:15px;}
.padding-20px-tb {padding-top:20px; padding-bottom:20px;}
.padding-25px-tb {padding-top:25px; padding-bottom:25px;}
.padding-30px-tb {padding-top:30px; padding-bottom:30px;}
.padding-35px-tb {padding-top:35px; padding-bottom:35px;}
.padding-40px-tb {padding-top:40px; padding-bottom:40px;}
.padding-45px-tb {padding-top:45px; padding-bottom:45px;}
.padding-50px-tb {padding-top:50px; padding-bottom:50px;}
.padding-55px-tb {padding-top:55px; padding-bottom:55px;}
.padding-60px-tb {padding-top:60px; padding-bottom:60px;}
.padding-65px-tb {padding-top:65px; padding-bottom:65px;}
.padding-70px-tb {padding-top:70px; padding-bottom:70px;}
.padding-75px-tb {padding-top:75px; padding-bottom:75px;}
.padding-80px-tb {padding-top:80px; padding-bottom:80px;}
.padding-85px-tb {padding-top:85px; padding-bottom:85px;}
.padding-90px-tb {padding-top:90px; padding-bottom:90px;}
.padding-95px-tb {padding-top:95px; padding-bottom:95px;}
.padding-100px-tb {padding-top:100px; padding-bottom:100px;}

/* padding left and right */
.padding-one-lr {padding-left:1%; padding-right:1%;}
.padding-one-half-lr {padding-left:1.5%; padding-right:1.5%;}
.padding-two-lr {padding-left:2%; padding-right:2%;}
.padding-two-half-lr {padding-left:2.5%; padding-right:2.5%;}
.padding-three-lr {padding-left:3%; padding-right:3%;}
.padding-three-half-lr {padding-left:3.5%; padding-right:3.5%;}
.padding-four-lr {padding-left:4%; padding-right:4%;}
.padding-four-half-lr {padding-left:4.5%; padding-right:4.5%;}
.padding-five-lr {padding-left:5%; padding-right:5%;}
.padding-five-half-lr {padding-left:5.5%; padding-right:5.5%;}
.padding-six-lr {padding-left:6%; padding-right:6%;}
.padding-six-half-lr {padding-left:6.5%; padding-right:6.5%;}
.padding-seven-lr {padding-left:7%; padding-right:7%;}
.padding-seven-half-lr {padding-left:7.5%; padding-right:7.5%;}
.padding-eight-lr {padding-left:8%; padding-right:8%;}
.padding-eight-half-lr {padding-left:8.5%; padding-right:8.5%;}
.padding-nine-lr {padding-left:9%; padding-right:9%;}
.padding-nine-half-lr {padding-left:9.5%; padding-right:9.5%;}
.padding-ten-lr {padding-left:10%; padding-right:10%;}
.padding-ten-half-lr {padding-left:10.5%; padding-right:10.5%;}
.padding-eleven-lr {padding-left:11%; padding-right:11%;}
.padding-eleven-half-lr {padding-left:11.5%; padding-right:11.5%;}
.padding-twelve-lr {padding-left:12%; padding-right:12%;}
.padding-twelve-half-lr {padding-left:12.5%; padding-right:12.5%;}
.padding-thirteen-lr {padding-left:13%; padding-right:13%;}
.padding-thirteen-half-lr {padding-left:13.5%; padding-right:13.5%;}
.padding-fourteen-lr {padding-left:14%; padding-right:14%;}
.padding-fourteen-half-lr {padding-left:14.5%; padding-right:14.5%;}
.padding-fifteen-lr {padding-left:15%; padding-right:15%;}
.padding-fifteen-half-lr {padding-left:15.5%; padding-right:15.5%;}
.padding-sixteen-lr {padding-left:16%; padding-right:16%;}
.padding-sixteen-half-lr {padding-left:16.5%; padding-right:16.5%;}
.padding-seventeen-lr {padding-left:17%; padding-right:17%;}
.padding-seventeen-half-lr {padding-left:17.5%; padding-right:17.5%;}
.padding-eighteen-lr {padding-left:18%; padding-right:18%;}
.padding-eighteen-half-lr {padding-left:18.5%; padding-right:18.5%;}
.padding-nineteen-lr {padding-left:19%; padding-right:19%;}
.padding-nineteen-half-lr {padding-left:19.5%; padding-right:19.5%;}
.padding-twenty-lr {padding-left:20%; padding-right:20%;}
.padding-twenty-half-lr {padding-left:20.5%; padding-right:20.5%;}
.padding-twenty-one-lr {padding-left:21%; padding-right:21%;}
.padding-twenty-one-half-lr {padding-left:21.5%; padding-right:21.5%;}
.padding-twenty-two-lr {padding-left:22%; padding-right:22%;}
.padding-twenty-two-half-lr {padding-left:22.5%; padding-right:22.5%;}
.padding-twenty-three-lr {padding-left:23%; padding-right:23%;}
.padding-twenty-three-half-lr {padding-left:23.5%; padding-right:23.5%;}
.padding-twenty-four-lr {padding-left:24%; padding-right:24%;}
.padding-twenty-four-half-lr {padding-left:24.5%; padding-right:24.5%;}
.padding-twenty-five-lr {padding-left:25%; padding-right:25%;}
.padding-5px-lr {padding-left:5px; padding-right:5px;}
.padding-10px-lr {padding-left:10px; padding-right:10px;}
.padding-15px-lr {padding-left:15px; padding-right:15px;}
.padding-20px-lr {padding-left:20px; padding-right:20px;}
.padding-25px-lr {padding-left:25px; padding-right:25px;}
.padding-30px-lr {padding-left:30px; padding-right:30px;}
.padding-35px-lr {padding-left:35px; padding-right:35px;}
.padding-40px-lr {padding-left:40px; padding-right:40px;}
.padding-45px-lr {padding-left:45px; padding-right:45px;}
.padding-50px-lr {padding-left:50px; padding-right:50px;}
.padding-55px-lr {padding-left:55px; padding-right:55px;}
.padding-60px-lr {padding-left:60px; padding-right:60px;}
.padding-65px-lr {padding-left:65px; padding-right:65px;}
.padding-70px-lr {padding-left:70px; padding-right:70px;}
.padding-75px-lr {padding-left:75px; padding-right:75px;}
.padding-80px-lr {padding-left:80px; padding-right:80px;}
.padding-85px-lr {padding-left:85px; padding-right:85px;}
.padding-90px-lr {padding-left:90px; padding-right:90px;}
.padding-95px-lr {padding-left:95px; padding-right:95px;}
.padding-100px-lr {padding-left:100px; padding-right:100px;}

/*==============================
    Display and float
================================*/

.display-block {display:block !important}
.display-inline-block {display:inline-block !important}
.display-inline {display:inline !important}
.display-inline-flex {display:inline-flex !important}
.display-none {display:none !important}
.display-inherit {display:inherit !important}
.display-table {display:table !important}
.display-table-cell {display:table-cell !important}
.overflow-hidden {overflow:hidden !important}
.overflow-visible {overflow:visible !important}
.overflow-auto {overflow:auto !important}

.display-flex { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; -ms-flex-flow: row; -moz-flex-flow: row; -o-flex-flow: row;}
.display-flex > div:nth-of-type(1) { order: 2;-webkit-order:2;-moz-order:2;-ms-order:2}
.display-flex > div:nth-of-type(2) {order: 1;-webkit-order:1;-moz-order:1;-ms-order:1}
.display-flex > div:nth-of-type(3) { order: 3;-webkit-order:3;-moz-order:3;-ms-order:3}

/*float*/
.float-left{float: left !important}
.float-right{float: right !important}
.float-none{float: none !important}



/*============================== 
    Position
================================*/

.position-inherit {position:inherit !important}
.position-relative {position:relative !important;}
.position-absolute {position:absolute !important;}
.position-fixed {position:fixed !important;}
.position-right {right:0 !important;}
.position-left {left:0 !important;}
.position-top {top:0 !important;}

/* top */
.top-auto {top:auto}
.top-inherit {top: inherit !important;}
.top-0 {top:0 !important;}
.top-1 {top:1px}
.top-2 {top:2px}
.top-3 {top:3px}
.top-4 {top:4px}
.top-5 {top:5px}
.top-6 {top:6px}
.top-7 {top:7px}
.top-8 {top:8px}
.top-9 {top:9px}
.top-10 {top:10px}
.top-15 {top:15px}
.top-20 {top:20px}
.top-25 {top:25px}
.top-30 {top:30px}
.top-35 {top:35px}
.top-40 {top:40px}
.top-45 {top:45px}
.top-50 {top:50px}

.top-minus1 {top:-1px}
.top-minus2 {top:-2px}
.top-minus3 {top:-3px}
.top-minus4 {top:-4px}
.top-minus5 {top:-5px}
.top-minus6 {top:-6px}
.top-minus7 {top:-7px}
.top-minus8 {top:-8px}
.top-minus9 {top:-9px}
.top-minus10 {top:-10px}
.top-minus15 {top:-15px}
.top-minus20 {top:-20px}
.top-minus25 {top:-25px}
.top-minus30 {top:-30px}
.top-minus35 {top:-35px}
.top-minus40 {top:-40px}

/* bottom */
.bottom-auto {bottom:auto}
.bottom-0 {bottom:0}
.bottom-1 {bottom:1px}
.bottom-2 {bottom:2px}
.bottom-3 {bottom:3px}
.bottom-4 {bottom:4px}
.bottom-5 {bottom:5px}
.bottom-6 {bottom:6px}
.bottom-7 {bottom:7px}
.bottom-8 {bottom:8px}
.bottom-9 {bottom:9px}
.bottom-10 {bottom:10px}
.bottom-15 {bottom:15px}
.bottom-20 {bottom:20px}
.bottom-25 {bottom:25px}
.bottom-30 {bottom:30px}
.bottom-35 {bottom:35px}
.bottom-40 {bottom:40px}
.bottom-45 {bottom:45px}
.bottom-50 {bottom:50px}

/* left */
.left-auto {left:auto}
.left-0 {left:0}
.left-1 {left:1px}
.left-2 {left:2px}
.left-3 {left:3px}
.left-4 {left:4px}
.left-5 {left:5px}
.left-6 {left:6px}
.left-7 {left:7px}
.left-8 {left:8px}
.left-9 {left:9px}
.left-10 {left:10px}
.left-15 {left:15px}
.left-20 {left:20px}
.left-25 {left:25px}
.left-30 {left:30px}
.left-35 {left:35px}
.left-40 {left:40px}
.left-45 {left:45px}
.left-50 {left:50px}

/* right */
.right-auto {right:auto}
.right-0 {right:0}
.right-1 {right:1px}
.right-2 {right:2px}
.right-3 {right:3px}
.right-4 {right:4px}
.right-5 {right:5px}
.right-6 {right:6px}
.right-7 {right:7px}
.right-8 {right:8px}
.right-9 {right:9px}
.right-10 {right:10px}


/*================================
    Width
================================*/

.width-10 {width:10%;}
.width-12 {width:12%;}
.width-15 {width:15%;}
.width-20 {width:20%;}
.width-25 {width:25%;}
.width-30 {width:30%;}
.width-35 {width:35%;}
.width-40 {width:40%;}
.width-45 {width:45%;}
.width-50 {width:50%;}
.width-55 {width:55%;}
.width-60 {width:60%;}
.width-65 {width:65%;}
.width-70 {width:70%;}
.width-75 {width:75%;}
.width-80 {width:80%;}
.width-85 {width:85%;}
.width-90 {width:90%;}
.width-95 {width:95%;}
.width-100 {width:100%;}
.width-auto {width: auto}

/*================================ 
    Height
================================*/

.height-1px {height: 1px}
.height-2px {height: 2px}
.height-3px {height: 3px}
.height-4px {height: 4px}
.height-5px {height: 5px}
.height-6px {height: 6px}
.height-7px {height: 7px}
.height-8px {height: 8px}
.height-9px {height: 9px}
.height-10px {height: 10px}
.height-80px {height: 80px}
.height-90px {height: 90px}
.height-100px {height: 100px}
.height-130px {height: 130px}
.height-150px {height: 150px}
.height-200px {height: 200px}
.height-250px {height: 250px}
.height-300px {height: 300px}
.height-350px {height: 350px}
.height-400px {height: 400px}
.height-450px {height: 450px}
.height-500px {height: 500px}
.height-550px {height: 550px}
.height-600px {height: 600px}
.height-650px {height: 650px}
.height-700px {height: 700px}
.height-750px {height: 750px}
.height-800px {height: 800px}
.height-850px {height: 850px}

.height-50 {height: 50%}
.height-100 {height: 100% !important}
.height-auto {height:auto !important}
.max-height-100 {max-height: 100%}
.full-screen {min-height: 980px;}

/* min-height */
.min-height-100px {min-height: 100px}
.min-height-200px {min-height: 200px}
.min-height-300px {min-height: 300px}
.min-height-400px {min-height: 400px}
.min-height-500px {min-height: 500px}
.min-height-600px {min-height: 600px}
.min-height-700px {min-height: 700px}

/* screen height  */
.extra-small-screen {height:300px;}
.small-screen {height:400px;}
.one-second-screen {height:600px;}
.one-third-screen {height:700px;}
.one-fourth-screen {height:800px;}
.one-fifth-screen {height:900px;}
.one-sixth-screen {height:887px;}

/* equalize inner match height */ 


/* ===================================
    Icon
====================================== */

/* icon size */
.icon-very-small {font-size: 16px}
.icon-small {font-size: 24px}
.icon-medium {font-size: 35px}
.icon-extra-medium {font-size: 40px}
.icon-large {font-size: 50px}
.icon-round-small {border-radius: 100%; display: table-cell; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; width: 80px; font-size:32px}
.icon-round-medium {border-radius: 100%; display: table-cell; height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px;}


/* social media icon */
.icon-social-very-small {font-size: 12px}
.icon-social-small {font-size: 14px}
.icon-social-medium {font-size: 16px}
.icon-social-large {font-size: 20px}
.icon-social-extra-large {font-size: 24px}
.icon-social-very-small a i, .icon-social-small a i, .icon-social-medium a i {margin: 0 8px; vertical-align: middle;}
.icon-social-large a i {margin: 0 4px; vertical-align: middle;}

/* social media icon style */
.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon {list-style: none; padding: 0;}
.extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li {display: inline-block;}
footer .extra-small-icon li:first-child, footer .small-icon li:first-child, footer .medium-icon li:first-child, footer .large-icon li:first-child, footer .extra-large-icon li:first-child {margin-left: 0;}
footer .extra-small-icon li:last-child, footer .small-icon li:last-child, footer .medium-icon li:last-child, footer .large-icon li:last-child, footer .extra-large-icon li:last-child {margin-right: 0;}
.extra-small-icon li {margin: 0 2px}
.small-icon li {margin: 0 5px}
.medium-icon li {margin: 0 8px}
.large-icon li {margin: 0 10px}
.extra-large-icon li {margin: 0 12px}
.extra-small-icon a {font-size: 14px; width:30px; height:30px;line-height:29px;}
.small-icon a {font-size: 16px; width: 40px; height:40px;line-height: 38px;}
.medium-icon a {font-size: 20px; width: 50px; height:50px;line-height: 48px;}
.large-icon a {font-size: 24px; width: 60px; height: 60px;line-height: 61px;}
.extra-large-icon a {font-size: 30px; width: 70px; height: 70px;line-height: 68px;}


/* icon like counter */
a.likes-count {padding: 0 15px; width: auto; border-radius: 30px !important;}
a.likes-count i {margin-right: 8px;}
a.likes-count span {position: relative; top: -1px}

/* icon hover effect style 5 */
.social-icon-style-5 a {text-align: center; display:inline-block; color: var(--dark);}
.social-icon-style-5 a:hover {color: var(--light); border-radius: 1rem; background-color:var(--primary);} 

footer .small-icon li {margin: 0 8px;}

/* ===================================
    Subscription
====================================== */

.content-sub {
  width: 100%;
  height: 40px;
  box-shadow: var(--boxshadow);
  overflow: hidden;
}

.subscription {
  position: relative;
  width: 100%;
  height: 100%;
}

.subscription .add-email{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 20px;
}

.subscription .submit-email {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100px;
  border: none;
  outline: none;
  padding: 0 20px;
  cursor: pointer;
  background: var(--dark);
  color: var(--light);
  transition: width .35s ease-in-out,
    background .35s ease-in-out;
}


.subscription.done .submit-email {
  width: calc(100% - 2px);
  background: var(--primary);
}

.subscription .submit-email .before-submit,
.subscription .submit-email .after-submit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 38px;
  transition: visibility .35s ease-in-out,
    opacity .35s ease-in-out;
}

.subscription.done .submit-email .before-submit,
.subscription:not(.done) .submit-email .after-submit {
  visibility: hidden;
  opacity: 0;
}

.subscription .submit-email .after-submit {
  transition-delay: .35s;
}

.subscription:not(.done) .submit-email .before-submit,
.subscription.done .submit-email .after-submit {
  visibility: visible;
  opacity: 1;
}

/* ===================================
    Footer
====================================== */

/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus { color: var(--light); background: var(--dark); line-height: 28px; display: none; height: 30px; width: 30px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 5000;}
.scroll-top-arrow:hover {color: var(--light); border-radius: .65rem; background-color:var(--primary);}
.scroll-top-arrow i {line-height: 30px;  position: relative;}

/*
.social-icon-style-5 a {text-align: center; display:inline-block; color: var(--dark);}
.social-icon-style-5 a:hover {color: var(--light); border-radius: 1rem; background-color:var(--primary);} 
*/

/* ===================================
    Transition
====================================== */

.transition{
	background:var(--primary) url(../images/logo-icon-fill@2x.png) no-repeat center;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100%;
	z-index:5000;
	animation: colorFadeIn 1s ease-in 2s forwards, collapse .2s ease  2.5s forwards;	
}

@keyframes colorFadeIn {
  0% {
	opacity:100%;
  }
  90% {
	opacity:0;
  }
}
@keyframes collapse {
  99% {
	height:100%;
  }
  100% {
	height:0;
  }
}

/* ===================================
    Navigation
====================================== */

.nav-btn{
	background:var(--primary);
	display:flex;
	box-shadow: var(--shadow);
}
.nav a {
	text-decoration:none;
	display:flex;
	padding:0;
	margin:0;
	transition:all var(--trans-speedy) var(--trans-ease-in);
}

.nav > div > a:hover {
	color:var(--primary);
}

.email > a {display:none;}


.home {z-index:3003;}

.navbar .menu-items {
  display: flex;
}

.navbar .nav-container li {
  list-style: none;
}

.navbar .nav-container a {
  text-decoration: none;
  color: #0e2431;
  padding: 0.7rem;
}

.navbar .nav-container a:hover{
    font-weight: bolder;
}

/* Hamburger styles */
.hamburger {
    width: 50px;
    height: 50px;
	padding: 5px;
    cursor: pointer;
    position: relative;
    z-index: 3002;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.hamburger .line {
    width: 70%;
    height: 2px;
    background-color: white;
    transition: all var(--trans-speedy) var(--trans-ease-in);
}

/* Menu styles */
.menu {
    position: fixed;
    top: -100vh;
    left: 0;
    width: 100%;
	height:100vh;
	cursor: default;
    background-color: var(--primary);
    color: white;
    text-align: center;
    transition: all var(--trans-med) var(--trans-ease-in);
    z-index: 3000;
	
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-links{width:300px;}

.menu-links li {
	position: relative;
	border-bottom:1px solid white;
}


.dropdown li {border:none;}

.menu ul li a {
    color: white;
	padding: 15px 0;
    text-decoration: none;
	display: block;
}

.menu ul li a:hover {
    padding-left:1em;
}

.menu ul li label {
	padding: 15px 0;

}

.menu-img {background:#000;}

.menu ul li a, .accordion {
    color: white;
    text-decoration: none;
    display: block;
}

.menu ul li .accordion {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu ul li .dropdown {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-left: 20px;
}

.menu ul li input[type="checkbox"] {
    display: none;
}

.menu ul li input[type="checkbox"]:checked ~ .dropdown {
     max-height: 200px; /* Adjust this value based on the content */
}

label.accordion::after {
    content: '+';
	font-family: var(--main-font);
    font-size: 1.5em;
	padding-bottom:2px;
    transition: all var(--trans-speedy) var(--trans-ease-in);
}

.menu ul li input[type="checkbox"]:checked ~ .accordion::after  {
    transform: rotate(45deg);
}

/* Toggle styles */
#menuToggle {
    display: none;
}

#menuToggle:checked + .hamburger .line:nth-child(1) {
    transform: rotate(45deg) translate(7px, 7px);
}

#menuToggle:checked + .hamburger .line:nth-child(2) {
    opacity: 0;
}

#menuToggle:checked + .hamburger .line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

#menuToggle:checked + .hamburger + .menu {
    top: 0;	
}


/* ===================================
    Elements
====================================== */

/* counter box style 1 */
.counter-feature-box-1 {height:199px;}
.counter-feature-box-1:hover {background:#e22635; border-color: #e32636;}

/* counter box style 3 */
.counter-box-3 .counter-box {display: inline-block; width: 140px; padding: 0; vertical-align: top; text-align: center; position: relative;}
.counter-box-3 .counter-box:after {position: absolute; right: 0; width: 1px; height: 36px; background-color: #eb214b; content: ""; top: 8px;}
.counter-box-3 .counter-box:last-child:after {width: 0;}
.counter-box-3 .counter-box .number {display: block; font-weight: 400; font-size: 32px; line-height: 30px; }
.counter-box-3 .counter-box span {font-weight: 400; font-size: 12px; line-height: 28px; text-transform: uppercase;}

/* counter box style 4 */
.counter-box-4 .timer:after {content: "+"; position: absolute; right: -5%; top: 35%; color: #b6b6b6; font-weight: 300;}
.counter-box-4:last-child .timer:after {display:none;}

/* counter box style 5 */
.counter-box-5 .counter-box {display: inline-block; width: 13%; padding: 0; vertical-align: top; text-align: center; position: relative;} 
.counter-box-5 .counter-box .number {display: block; font-weight: 400; font-size: 80px; line-height: 80px; letter-spacing: -3px}
.counter-box-5 .counter-box span {font-weight: 400; font-size: 12px; letter-spacing: 1px; opacity: 0.5; line-height: 28px; text-transform: uppercase;}

/* skillbar bar style 1  */
.skillbar-bar-style1 .skillbar { position: relative; display: inline-block; margin: 35px 0 10px; background: rgba(0,0,0,.15); height: 5px; width: 88%; border-radius: 10px; text-align: left; }
.skillbar-bar-style1 .skillbar-bar { height: 5px; border-radius: 10px; width: 0px; background:rgba(0,0,0,.70); display: inline-block; position: absolute; top: 0; margin-bottom:0px;}
.skillbar-bar-style1 .skill-bar-percent { position: absolute; top: -12px; right: -39px; }
.skillbar-bar-style1 .skill-bar-text {top: -22px; position: absolute}

/* skillbar bar style 2  */
.skillbar-bar-style2 .skillbar { position: relative; display: inline-block; margin: 35px 0 10px; background: rgba(0,0,0,.15); height: 3px; width: 88%; text-align: left; }
.skillbar-bar-style2 .skillbar-bar { height: 3px; width: 0px; background:rgba(0,0,0,.70); display: inline-block; position: absolute; top: 0; margin: 0;}
.skillbar-bar-style2 .skill-bar-percent { position: absolute; top: -9px; right: -39px; }
.skillbar-bar-style2 .skill-bar-text {top: -24px; position: absolute}

/* skillbar bar style 3  */
.skillbar-bar-style3 .skillbar { position: relative; display: inline-block; margin: 15px 0 30px; background: rgba(255,255,255,.2); height: 5px; width: 88%; text-align: left;  }
.skillbar-bar-style3 .skillbar-bar { height: 5px; width: 0px; display: inline-block; position: absolute; top: 0; margin: 0; overflow: visible; background: #e32636; background: -moz-linear-gradient(left, #e32636 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #e32636 0%,#ffffff 100%); background: linear-gradient(to right, #e32636 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e22635', endColorstr='#ffffff',GradientType=1 ); }
.skillbar-bar-style3 .skill-bar-percent { position: absolute; top:13px; right: 0; }
.skillbar-bar-style3 .skill-bar-text {top:15px; position: absolute}

/* ===================================
    table of contents with pages
====================================== */
.table-contents  {
	display: none;
	list-style:none;
	padding:0 ;
}
/*
.table-contents li {
	margin:0;
	border-bottom:1px solid var(--primary);
	display:grid;
	
}


.table ul li a{
    text-decoration: none;
	color:var(--primary);
	padding:15px;
	display:block;
	grid-columnx:span 6;
	place-selfx:center;
	transition:all 300ms ease;
	
}

.table ul li a:hover, .table-contents li:hover:after {
    transform:translateX(.5em);
}

.services {
	position: static;
	overflow: visible;
}

.service-div {
	position: static;
	width: 100%;
	height: auto;
	opacity: 1;
	left: 0;
	transition: none;
}

.services .active {
	left: 0;
	opacity: 1;
}

*/

/* ===================================
    Price box
====================================== */

.price-ip div{
	border:1px solid var(--dark);
	border-radius:10px;
	background-colorx: rgba(255,255,255, 0.125);
	text-align:center;
	display:grid;
	overflow:hidden;
	mix-blend-mode:hard-light ;
}

.price-ip div:nth-child(1) {
		border:none;
	}
.price-ip img{width:50%; margin:0 auto; }

.price-box ul{
	list-style-type:none;
	margin:0;
	padding:0 0 20px 0;
}

.price-box li{
	padding:20px 20px 0;
}

.price h4 {margin-top:2em;}


/*=====================================
	Lightbox
========================================*/
.gallery-content {
    display: flex;
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 6000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	backdrop-filter:blur(3px) saturate(10%) brightness(30%);
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.lightbox.active {
    display: flex;
}

.lightbox-content {
    max-width: 80%;
    max-height: 80%;
}

img.lightbox-content {
	object-fit:scale-down !important;
}

.caption {
    color: #fff;
    margin-top: 10px;
    font-size: var(--text-s);
    text-align: center;
}

.close,
.prev,
.next {
    color: white;
    position: absolute;
    top: 50%;
    cursor: pointer;
    font-size: var(--text-l);
	padding:20px;
    user-select: none;
	transition:all var(--trans-speedy) var(--trans-ease-in);
}

.close:hover,
.prev:hover,
.next:hover {
    transform: scale(1.5);
}

.close {
    top: 20px;
    right: 20px;
}

.prev {
    left: 20px;
}

.next {
    right: 20px;
}

/*=====================================
	Ticker
========================================*/

.ticker-wrap {
	width:100%;
	overflow:hidden;
	display:grid;
}

.ticker-wrap .ticker {
	place-self:center;
	height:100%;
	line-height:5rem;
	text-align:center;
	white-space:nowrap;
	box-sizing:content-box;
	animation:ticker 90s linear infinite;
}

.ticker-wrap .ticker-item {
	display:inline-block;
	padding:0 6.5rem;
	font-size:var(--text-xl);
	margin:auto 0;
	height:100%;
}

.ticker-wrap .ticker-item img {
	max-height:100%;
}

@keyframes ticker {
	0% {
		transform: translate3d(50%,0,0);
		visibility: visible;
	}
	
	100% {
		transform: translate3d(-200%,0,0);
	}
}

/*=====================================
	Contact Form
========================================*/

#success-contact-form { clear: both; margin: 0; text-align: center; border: 1px solid var(--secondary); color: var(--secondary);  padding: 2px; display: none; font-size: var(--text-s)}

#success-project-contact-form-4 { clear: both; margin: 0; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding:2px ; display: none; font-size: var(--text-s)}


/*=====================================
	Shop
========================================*/

.shop-item {
	min-width:150px;
	min-height:150px;
}

.shop-content h3{text-align:center;}