/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  
	Author     :  
	Author URI :  



/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

html{ font-size: 100%;  overflow-x: hidden; margin: 0px;  padding: 0px; 
	touch-action: manipulation;  -webkit-box-sizing: border-box; box-sizing: border-box;}

body{ 
	margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

a, button{ display: inline-block; text-decoration: none; color: inherit; line-height: 1; 
	-webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

a:focus, a:active, a:hover,
button:focus, button:active, button:hover,
a b.light-color:hover{ text-decoration: none; color: #e8e8e8; }

b{ font-weight: 600; }

img{ width: 100%; }

li{ list-style: none; /**display: inline-block;**/ }

span{ display: inline-block; }

button{ outline: 0; border: 0; background: none; cursor: pointer; }

.icon{ font-size: 1.1em; display: inline-block; line-height: inherit; }

[class^="icon-"]:before, [class*=" icon-"]:before{ line-height: inherit; }

b.max-bold{ font-weight: 700; }

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
	box-sizing: inherit;} 


/* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */

.display-table{ display: table; height: 100%; } 
.display-table-cell{ display: table-cell; vertical-align: middle; } 

.color-black{ color: #e8e8e8; }
.color-green{ color: #e8e8e8; }

.margin-tb-10{ margin-top: 10px; margin-bottom: 10px; }

.margin-b-5{ margin-bottom: 5px; }
.margin-b-10{ margin-bottom: 10px; }
.margin-b-30{ margin-bottom: 30px; }

@keyframes full-opacity-anim{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}


/* ---------------------------------
4. MAIN
--------------------------------- */

.main-section{ height: 100%; position: relative; overflow-y: auto; overflow-y: auto; }

.main-section .grid-sizer{ padding: 7px; width: 30%; }

.main-section .grid-sizer a{ display: block; }

.main-section .grid-sizer2{ padding: 7px; width: 60%; }

.main-section .grid-sizer2 a{ display: block; }

.main-section .grid-size3{ padding: 7px; width: 50%; }

.main-section .grid-size3 a{ display: block; }

.main-section .grid-sizer4{ padding: 7px; width: 40%; }

.main-section .grid-sizer4 a{ display: block; }

/* SCROLLBAR */
	
.main-section::-webkit-scrollbar{ width: 10px; }
 
.main-section::-webkit-scrollbar-track { background: #EBEBEB;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
 
.main-section::-webkit-scrollbar-thumb { background-color: #e8e8e8; outline: 1px solid #e8e8e8; }