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

* {margin:0px;}
html, body {margin:0px; padding:0px; font-family:robotolight; font-size:14px; color:#7a7a7a; width:100%; min-width: 1200px; background-color:#f2f2f2; overflow-x: hidden;}

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

/*Div Properties*/
div {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

/*Table Properties*/
table, td, th {margin:0px; border-collapse:collapse; padding:0;-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;}

/*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;}	

/*Link Properties*/
a {color: #36a8ff; text-decoration: none;} 
a:hover {color: #36a8ff; /*text-decoration: underline;*/}

/*Labels*/	
.label {}

/**************Custom Radio**************/

/* The container */
.form-radio {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  color: #606060;
  font-family: myriadpro;
  font-size: 14px;
  margin-top: 8px;
  border: 0em !important;
}

/* Hide the browser's default radio button */
.form-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px !important;
  width: 20px !important;
  padding: 0px !important;
  border-radius: 100%;
  background-color: #eee;
  margin-top: -3.5px;
}

/* On mouse-over, add a grey background color */
.form-radio:hover input ~ .radiomark {
  background-color: #dee4f9;
}

/* When the radio button is checked, add a blue background */
.form-radio input:checked ~ .radiomark {
  background-color: #4285f4;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiokmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.form-radio input:checked ~ .radiomark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.form-radio .radiomark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


/**************Custom Checkbox**************/ 



/* Customize the label (the container) */
.form-checkbox {
  display: block;
  position: relative;
  padding-left: 2.5em;
  margin-bottom: .8em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  color: #606060;
  font-family: myriadpro;
  font-size: 1.4em;
  margin-top: .8em;
}

/* Hide the browser's default checkbox */
.form-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px !important;
  width: 20px !important;
  padding: 0px !important;
  border-radius: .2em;
  background-color: #eee;
  margin-top: 1px !important;
}

/* On mouse-over, add a grey background color */
.form-checkbox:hover input ~ .checkmark {
  background-color: #dee4f9;
}

/* When the checkbox is checked, add a blue background */
.form-checkbox input:checked ~ .checkmark {
  background-color: #4285f4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-checkbox .checkmark:after {
  top: 1px;
  left: 6px;
  width: 5px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*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: '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; }