@charset "utf-8";
/* CSS Document */

* {margin:0px;}
html, body {width: 100%; height: 100%; margin:0px; padding:0px; font-family:robotoreg; font-size:8px; line-height: 8px; color:#5b5b5b; width:100%; background-color:#fff;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
@media (min-width:1000px) {html, body {font-size:10px; line-height: 10px; }}

/*Paragraph Properties*/
p {padding:8px 0px;}

/*Padding & Link Properties*/
div {-webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; -ms-box-sizing:border-box !important; -o-box-sizing:border-box !important; box-sizing:border-box !important;}

/*Table Properties*/
table, td, th {margin:0px; border-collapse:collapse; padding:0;}

/*Image Properties*/
img {border:none;}

/*List Properties*/

ul {margin:0; padding:0px 0px; list-style:none;}
li {margin:0; padding:0px 0px; list-style: none;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}	

/*Link Properties*/
a {color: #0e79e7; text-decoration: none;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} 
a:hover {color: #0e79e7; text-decoration: underline;}

/*Labels*/	
.label {}

/*Labels*/  

input, select, textarea {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #e0e0e0 !important;
    outline: none;
    font-family: neoreg;
    color: #8b8b8b;
    font-size: 1.2em;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

input:focus, select:focus, textarea:focus {border-bottom: 1px solid #00aeef !important; color: #353535;}

::-webkit-input-placeholder {color: #8b8b8b;}
:-ms-input-placeholder {color: #8b8b8b;}
::placeholder { color: #8b8b8b;}

:focus::-webkit-input-placeholder { color: #353535;}
:focus:-ms-input-placeholder { color: #353535;}
:focus::placeholder { color: #353535;}

input, textarea {padding: 1em 0em;}
select {padding: .95em 0em;}

input.parsley-error,select.parsley-error,textarea.parsley-error{border: 1px solid #ebebeb !important;}

/*Customize Font*/

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'texgybold';
    src: url('../font/texgyreadventor-bold-webfont.eot');
    src: url('../font/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/texgytexgyreadventor-bold-webfont.woff') format('woff'),
         url('../font/texgyreadventor-bold-webfont.woff2') format('woff2'),
         url('../font/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../font/texgyreadventor-bold-webfont.svg#texgybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

/*Image Link*/	

.opacityin img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity: 0.4;}
.opacityin:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
.opacityout img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
.opacityout:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity: 0.7;}
.opacityout2 img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
.opacityout2:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity: 0.9;}

/*Customized ScrollBar*/

#scrollbar1 { width: 173px; margin: 20px 0 10px; padding-top:15px; }
#scrollbar1 .viewport { width: 150px; height: 480px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/scroll/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/scroll/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }