/* //////////////////// */
 /* // TEMPLATE STYLE // */
/* //////////////////// */

/* TEMPLATE GLOBAL STYLE */

h1 {font-size: 4em; font-weight: bold; padding: 0; margin: 0; line-height: 4.4em;} 
h2 {font-size: 3em; font-weight: bold; padding: 0; margin: 0; line-height: 3.4em;} 
h3 {font-size: 2em; font-weight: bold; padding: 0; margin: 0; line-height: 2.4em;} 
h4 {font-size: 1.5em; font-weight: bold; padding: 0; margin: 0; line-height: 1.9em;} 
h5 {font-size: 1em; font-weight: bold; padding: 0; margin: 0; line-height: 1.4;} 
h6 {font-size: .8em; font-weight: bold; padding: 0; margin: 0; line-height: 1.2em;}

p {font-size: 1em; padding: 0; margin: 0;}

span {font-size: 1em;}
mark {background-color: #ecf0f1; color: #2c3e50;}

/*-------------------------------*/
input {outline: none; border: none;}

textarea {outline: none; border: none;}

textarea:focus, input:focus {border-color: transparent;}

label {display: block; margin: 0;}

/*-------------------------------*/
button {outline: none !important; border: none; background: transparent;}

button:hover {cursor: pointer;}

iframe {border: none !important;}

input::-webkit-input-placeholder {
color: #999 !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: black !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: black !important;  
}
 
input:-ms-input-placeholder {  
color: black !important;  
}


.border-top-gradient:before, .border-top-gradient:after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 4px; border-radius: 0;} 

.border-top-gradient:after { 
left: 0px; right: 0px; height: 8px; 
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#2e9ffd), to(rgba(45, 31, 204, 1))); 
background-image: -webkit-linear-gradient(left, #2e9ffd, rgba(45, 31, 204, 1)); 
background-image: -moz-linear-gradient(left, #2e9ffd, rgba(45, 31, 204, 1)); 
background-image: -o-linear-gradient(left, #2e9ffd, rgba(45, 31, 204, 1)); }	


.txt1 {font-family: Ubuntu-Regular; font-size: 16px; color: #7386D5; line-height: 1.4;}
/*//////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Ubuntu-Regular;
  src: url('../login/fonts/ubuntu/Ubuntu-Regular.ttf'); 
}

@font-face {
  font-family: Ubuntu-Bold;
  src: url('../login/fonts/ubuntu/Ubuntu-Bold.ttf'); 
}

@font-face {
	font-family: 'Neuropol';
    src:  url('../font/Neuropol.ttf.woff') format('woff'),
    url('../font/Neuropol.ttf.svg#Neuropol') format('svg'),
    url('../font/Neuropol.ttf.eot'),
    url('../font/Neuropol.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Siyam Rupali';
	src: url('../font/siyam/SiyamRupali.eot?version=1.070');
	src: local('Siyam Rupali'), 
	url('../font/siyam/SiyamRupali.woff?version=1.070') format('woff'),       
	url('../font/siyam/SiyamRupali.ttf?version=1.070') format('truetype');
	font-style: normal;
 }
 
/* FONT STYLE AND TEXT FORMATING */

.font-neuropol {
	font-family: 'Neuropol';
}

.font-raleway {
	font-family: 'Raleway';
}

.font-josefin {
	font-family:'Josefin Sans', sans-serif;
}

.font-mavenpro {
	font-family: 'Maven Pro', sans-serif;
}

.font-siyamrupali {
	font-family: 'Siyam Rupali';
}

.font-size-12 {
	font-size: 0.750em;
}

.font-size-16 {
	font-size: 1em;
}

.font-size-20 {
	font-size: 1.250em;
}

.font-size-24 {
	font-size: 1.50em;
}

.font-size-28 {
	font-size: 1.750em;
}

.font-size-32 {
	font-size: 2em;
}

.font-size-38 {
	font-size: 2.250em;
}

.font-size-42 {
	font-size: 2.750em;
}

.font-size-48 {
	font-size: 3em;
}

.font-size-64 {
	font-size: 4em;
}

.font-size-72 {
	font-size: 4.5em;
}



.font-weight-100 {
	font-weight: 100;
}

.font-weight-300 {
	font-weight: 300;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-700 {
	font-weight: 700;
}

.font-weight-900 {
	font-weight: 900;
}

.font-weight-normal {
	font-weight: normal;
}

.font-weight-bold {
	font-weight: bold;
}

.font-weight-bolder {
	font-weight: bolder;
}

.font-right {
	text-align: right;
}

.font-center {
	text-align: center;
}

.text-none {
	text-decoration: none;
}

.text-underline {
	text-decoration: underline;
}

.line-height-12 {
	line-height: .750em;
}

.line-height-16 {
	line-height: 1em;
}

.line-height-20 {
	line-height: 1.250em;
}

.line-height-28 {
	line-height: 1.5em;
}

.line-height-32 {
	line-height: 2em;
}

.line-height-38 {
	line-height: 2.250em;
}

.line-height-42 {
	line-height: 2.5em;
}

.line-height-48 {
	line-height: 3em;
}

/* MARGIN AND PADDING */
.margin-0-auto {margin: 0 auto;}
.margin-0 {margin: 0;}
.padding-0 {padding: 0;}

.margin-all-5 {margin: 5px;}
.margin-all-10 {margin: 10px;}
.margin-all-15 {margin: 15px;}
.margin-all-15 {margin: 20px;}

.margin-top-5{margin-top: 5px;}
.margin-right-5 {margin-right: 5px;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-left-5 {margin-left: 5px;}

.margin-top-10{margin-top: 10px;}
.margin-right-10 {margin-right: 10px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-left-10 {margin-left: 10px;}

.margin-top-15 {margin-top: 15px;}
.margin-right-15 {margin-right: 15px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-left-15 {margin-left: 15px;}

.padding-all-5 {padding: 5px;}
.padding-all-10 {padding: 10px;}
.padding-all-15 {padding: 15px;}
.padding-all-20 {padding: 20px;}

.padding-leftright-10 {padding: 0 10px;}
.padding-leftright-5 {padding: 0 5px;}

.padding-topbottom-20 {padding: 32px 10px;}
.padding-topbottom-15 {padding: 15px 0;}
.padding-topbottom-10 {padding: 10px 0;}
.padding-topbottom-5 {padding: 5px 0;}

.padding-top-10 {padding-top: 10px;}
.padding-right-10 {padding-right: 10px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-left-10 {padding-left: 10px;}

.border-none {border: none; background: none; outline: 0;}
.border-1 {border: 1px solid #ecf0f1;}
.border-10 {border: 15px solid #fff; margin-bottom:20px;}
.border-6 {border: 6px solid #ecf0f1;}

/* FLOATING AND POSSITIONING */

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

.inline-block {display: inline-block;}
.display-inline {display: inline;}
.display-block {display: block;}
.display-none {display: none;}

.fixed {position: fixed;}
.relative {position: relative;}
.absolute {position: absolute;}

.clear {clear: both;}
.hidden {overflow: hidden;}

.pointer {
	cursor: pointer;
}

.div-center {position: absolute; top: 50%; left: 0; transform: translate(-0%,-50%);}

/* CONTAINER */
.fluid-container {width: 100%; margin: 0 auto;}
.flex-container {width: 100%; min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox;display: flex;flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0;}
.content-container {width: 90%; margin: 0 auto; padding:0;}

/* COLUMN */
.col-lg-12 {width: 98%; height: auto;}
.col-md-12 {width: 94%; height: auto;}
.col-sm-12 {width: 90%; height: auto;}

.col-lg-9 {width: 74%; height: auto; margin: 0 auto; padding: 0;}
.col-md-9 {width: 72%; height: auto; margin: 0 auto; padding: 0;}
.col-sm-9 {width: 70%; height: auto; margin: 0 auto; padding: 0;}

.col-lg-8 {width: 66%; height: auto; margin: 0 auto; padding: 0;}
.col-md-8 {width: 64%; height: auto; margin: 0 auto; padding: 0;}
.col-sm-8 {width: 62%; height: auto; margin: 0 auto; padding: 0;}

.col-lg-6 {width: 48%; height: auto; margin: 0 auto; padding: 0;}
.col-md-6 {width: 44%; height: auto; margin: 0 auto; padding: 0;}
.col-sm-6 {width: 40%; height: auto; margin: 0 auto; padding: 0;}

.col-lg-4 {width: 33%; height: auto; margin: 0 auto; padding: 0;}
.col-md-4 {width: 32%; height: auto; padding: 0;}
.col-sm-4 {width: 31%; height: auto;}

.col-lg-3 {width: 24%; height: auto; margin: 0 auto; padding: 0;}
.col-md-3 {width: 23%; height: auto; padding: 0;}
.col-sm-3 {width: 23%; height: auto; padding: 0;}

/* TEXT COLOR */
.color-turquoise {color: #1abc9c;}
.color-emerald {color: #2ecc71;}
.color-nephritis {color: #27ae60;}
.color-peterriver {color: #3498db;}
.color-wetasphalt {color: #34495e;}
.color-midnightblue {color: #2c3e50;}
.color-concrete {color: #95a5a6;}
.color-asbestos {color: rgba(127, 140, 141,1.0);}
.color-clouds {color: #ecf0f1;}
.color-silver {color: #bdc3c7;}
.color-alizarin {color: #e74c3c;}
.color-carrot {color: #e67e22;}
.color-white {color: #FFFFFF;}
.color-sunflower {color: #f1c40f;}
.color-transparent{color: transparent !important;}

/* BACKGROUND COLOR */
.background-turquoise {background-color: #1abc9c;}
.background-emerald {background-color: #2ecc71;}
.background-peterriver {background-color: #3498db;}
.background-wetasphalt {background-color: #34495e;}
.background-midnightblue {background-color: #2c3e50;}
.background-concrete {background-color: #95a5a6;}
.background-white {background-color: #FFF;}
.background-clouds {background-color: #ecf0f1;}
.background-silver {background-color: #bdc3c7;}
.background-alizarin {background-color: #e74c3c;}
.background-asbestos {background-color: rgba(127, 140, 141,1.0);}
.background-carrot {background-color: #e67e22;}
.background-sunflower {background-color: #f1c40f;}
.background-black {background-color: #000000;}
.background-transparent{background-color: transparent;}

/* SET FIXED HEIGHT */
.height-30 {height: 20px;}
.height-40 {height: 40px;}
.height-50 {height: 50px;}
.height-70 {height: 70px;}
.height-100 {height: 100px;}
.height-120 {height: 120px;}
.height-140 {height: 140px;}
.height-150 {height: 170px; margin-top: -170px; opacity: 1;}
.height-160 {height: 160px;}
.height-170 {height: 170px;}
.height-200 {height: 200px;}
.height-240 {height: 240px;}
.height-300 {height: 300px;}
.height-400 {height: 400px;}
.height-500 {height: 500px;}
.height-600 {height: 600px;}
.height-900 {height: 900px;}
.height-2000 {height: 2000px;}

/* IMAGE SRYLING */
.img-center {
	display: block;
	margin: auto;
}

.img-right {
	display: block;
	float: right;
}

.img-left {
	display: block;
	float: left;
}

.img-round {
	border-radius: 50%;
}