﻿/* Global properties ======================================================== */
html {height:100%;}
html, body {width:100%; padding:0; margin:0;}
body { 	 
	font: 14px/22px Arial, Helvetica, sans-serif;
	color:#000;
	min-width:998px;
	background: url(../images/body-bg.jpg) center 0 repeat #1c1c1c;
	height:100%;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {background: url(../images/bg.jpg) center 0 repeat-y; width:100%; min-height:100%;}
.main {width:960px; margin:0 auto;}

/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}

.highlight-1 {	color: #FFFF00;	font-size: large;}

.button {background:#353535; display:inline-block; font-size:20px; line-height:25px; color:#fff; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; padding:9px 30px 10px 30px;}
.button:hover {background:#000;}

.button-light {background:#fff; display:inline-block; font-size:20px; line-height:25px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; padding:9px 30px 10px 30px;}
.button-light:hover {background:#000; color:#fff;}

.link {color:#0055ff; text-transform:uppercase;}
.link:hover {text-decoration:underline; }

.clr-1 {color:#e2e2e4;}

.text-1 {font-size:35px; line-height:42px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-1-light {font-size:35px; line-height:42px; color:#9f9fa6; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-1>shrink { display:block; font-size:25px; line-height:30px; color:#9f9fa6; font-weight:bold; margin-top:-7px;}
.text-2 {font-size:25px; line-height:32px; color:#353535; font-family: 'Open Sans Condensed', sans-serif;}
.text-2-bold {font-size:25px; line-height:32px; color:#353535; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold;}
.text-2-light {font-size:25px; line-height:32px; color:#9f9fa6; font-family: 'Open Sans Condensed', sans-serif;}
.text-2>shrink { display:block; font-size:20px; line-height:25px; color:#9f9fa6; margin-top:-5px;}
.text-3 {font-size:20px; line-height:20px; color:#353535; font-family: 'Open Sans Condensed', sans-serif;}
.text-3-light {font-size:20px; line-height:25px; color:#e2e2e4; font-family: 'Open Sans Condensed', sans-serif;}
.text-3-highlight {font-size:20px; line-height:25px; color:#FFFF00; font-family: 'Open Sans Condensed', sans-serif;}
.text-4 {font-size:18px; line-height:22x; color:#353535;}
.text-4-light {font-size:18px; line-height:22px; color:#e2e2e4;}
.text-4-bold {font-size:18px; line-height:20px; color:#353535; font-family: 'Open Sans Condensed', sans-serif; font-style: italic; font-weight: bold;}
.text-4-italic {font-size:18px; line-height:20px; color:#353535; font-family: 'Open Sans Condensed', sans-serif; font-style: italic; font-weight: bold;}
.text-5 {margin-top:5px;font-size:16px; line-height:20px; color:#353535;}
.text-5-light {margin-top:5px;font-size:16px; line-height:20px; color:#e2e2e4;}

h2 { font-size:35px; line-height:42px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
h2 strong { font-size:35px; line-height:42px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}

h3 { font-size:20px; line-height:25px; color:#0fc6ee; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
h3 span {color:#ffbf0f}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 8px 15px; font-size:14px; line-height:22px; color:#fff; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-1 li a {color:#fff;}
ul.list-1 li a:hover {text-decoration:none;}

ul.list-2 li {padding:0px 0 8px 15px; font-size:14px; line-height:22px; color:#9f9fa6; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-2 li a {color:#9f9fa6;text-decoration:underline;}
ul.list-2 li a:hover {text-decoration:none;}

ul.list-3 li {padding:0px 0 8px 15px; font-size:14px; line-height:22px; color:#0f0f0f; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-3 li a {color:#0f0f0f;text-decoration:underline;}
ul.list-3 li a:hover {text-decoration:none;}

ul.list-4 li {padding:0px 0 8px 15px; font-size:14px; line-height:22px; color:#0f0f0f; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-4 li a {color:#0f0f0f;}
ul.list-4 li a:hover {text-decoration:none;}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:6px 20px 0px 0;}	
.img-indent-2 {float:left; margin:0px 20px 0px 0;}
.img-indent-3 {float:left; margin:7px 20px 0px 0;}
.img-indent-4 {float:left; margin:6px 20px 10px 0px;}
.img-270-186 {width: 270px; height: 186px;}
.img-270-151 {width: 270px; height: 151px;}
.img-190-190 {width: 190px; height: 190px;}
.img-190-142 {width: 190px; height: 142px;}
.img-190-120 {width: 190px; height: 120px;}
.img-190-106 {width: 190px; height: 106px;}
.line-height {line-height:18px;}
.last {margin-right:0px !important; padding-right:0px !important;}
.align-r {text-align:right;}
.align-c {text-align:center;}
.upper {text-transform:uppercase;}
.bold {font-weight:bold;}
.light {color:#fff;}

.top-1 {margin-top:23px;}
.top-2 {margin-top:20px;}
.top-3 {margin-top:33px;}
.top-4 {margin-top:27px;}
.top-5 {margin-top:23px;}

.bot-1 { padding-bottom:63px;}
.bot-2 { padding-bottom:58px;}

.p1 {margin-bottom:22px;}
.p2 {margin-bottom:7px;}
.p2 span {color:#ffbf0f}
.p2 emph {color:#ff730f}
.p3 {margin-bottom:6px;}
.p4 {margin-bottom:13px;}
.p5 {margin-bottom:8px;}

/*********************************header*************************************/
header{z-index:1111;width:100%; background:#1c1c1c;position: sticky; top:0;}
h1 {display:inline-block; z-index:111; float:left;}
header p {float:right; width:230px; overflow:hidden; font:16px/20px Tahoma, Geneva, sans-serif; color:#c6c6ce; padding:27px 0 27px 0; }
header p>span {display:block; color:#fff; font-size:25px; line-height:30px; margin-top:6px;letter-spacing:-1px; }

nav {display:block; z-index:1111; position:relative; background:url(../images/header.jpg) 0 bottom repeat-x; }

ul.menu {display:block; width:960px; margin:0 auto;}
ul.menu li {float:left; display:block; height:60px; text-align:center; background:url(../images/li.jpg) right 0 no-repeat; }
ul.menu li:first-child {background:transparent;}
ul.menu li a.home {background:url(../images/home.jpg) 0 0 no-repeat;width:61px; height:60px; display:block; padding:0 !important;}
ul.menu li a { font:20px/24px Tahoma, Geneva, sans-serif; color:#0055ff; display:block; padding:19px 22px 21px 22px; overflow:hidden; }
ul.menu li:hover, ul.menu li.current {}
ul.menu li:hover a.home, ul.menu li.current a.home {background-position:right 0;}
ul.menu li:hover a.home img, ul.menu li.current a.home img {display:none;}
ul.menu li a:hover , ul.menu li.current a {color:#ff6f00; text-shadow:#68dcf6 0 0 5px;}

/*********************************content*************************************/
#content { width:960px; margin:0 auto; position:relative;}

.block-1 {background:#e2e2e4; border:#fff 1px solid;}
.block-2 {background:#1c1c1c;}

.pad-1 {padding:39px;}
.pad-2 {padding:30px 40px 30px 40px;}

.box-1 {overflow:hidden; padding:39px 0 39px 39px;}
.box-1>div {width:210px; float:left; margin-right:20px;}
.box-1 .text-1 {margin:10px 0 8px 0;}
.box-1 .button {margin-top:13px;}
.box-2 {width:420px; float:left; margin-right:40px; }
.box-2 h2 {margin-bottom:13px;}
.box-2>div {padding-bottom:20px;}
.box-2>div>div {position:relative; border:#494949 1px solid; background:#000; padding:18px 20px 18px 29px; color:#9f9fa6; font-style:italic; text-transform:uppercase;}
.box-2>div>div .comments-corner {position:absolute; bottom:-14px; left:29px; width:13px; height:14px; background:url(../images/comments-corner.png) 0 0 no-repeat; }
.box-2>div> a {display:inline-block; background:url(../images/icon-1.png) 0 0 no-repeat; color:#9f9fa6; font-weight:bold; text-transform:uppercase; line-height:21px; padding-top:3px; padding-left:30px; margin-top:10px;}
.box-2>div> a:hover {color:#fff;}
.box-3 {width:420px; float:left;}
.box-3 h2 {margin-bottom:16px;}
.box-3 .wrap ul.list-1 {float:left; width:190px; margin-right:40px;}
.box-3>a {margin-top:25px;}
.sub-page {background:#e2e2e4; overflow:hidden;}
.sub-page-full {border:#fff 1px solid; border-bottom:none; float:centre; width:800px; padding:29px 39px 0px 39px;}
.sub-page-left {border:#fff 1px solid; border-bottom:none; float:left; width:610px; padding:29px 39px 0px 39px;}
.sub-page-right {background:#1c1c1c; float:right; width:190px; padding:30px 40px 40px 40px; color:#9f9fa6;}
.sub-page-right h2 {color:#e2e2e4;}
.box-4 {overflow:hidden; margin:13px 0 23px 0;}
.box-4 >div {float:left; width:190px; margin-right:20px;}
.box-4 >div img {margin-bottom:13px;}
.box-4 .button {margin-top:13px; float:center;}
.shadow {position:relative;}
.shadow:after {content:""; position:absolute; bottom:9px; left:-40px; background:url(../images/shadow.png) 0 0 no-repeat; width:270px; height:21px;}
.box-5 img {margin:14px 0 13px 0;}
.box-5 ul {margin:8px 0 17px 0;}
.box-6 {overflow:hidden;}
.box-6 .text-2 {margin:5px 0 1px 0;}
.box-7 img {margin:13px 0 13px 0;}
.box-7 ul {margin:8px 0 0px 0;}
.box-8 img {margin:13px 0 13px 0;}
.box-9 .text-2 {margin-bottom:1px;}
.box-9 ul {margin:8px 0 0px 0;}

table {background:#fff; }
table td, table th {border:#e2e2e4 1px solid; border-collapse:collapse; }
table th {width:122px; font-weight:bold; text-align:left; padding:15px 10px 8px 20px;}
table td { padding:9px 10px 8px 20px;}
table td:first-child {font-weight:bold;}

/******************************Modal image*****************************/
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease;
}

.modal-content {
  position: relative;
  width: 90%;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  border-radius: 5px;
  overflow: hidden;
  animation: zoomIn 0.5s;
}

.modal.show {
  display: flex;
  opacity: 1;
}

.caption {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
}
/***********************************************************/

/****************************footer************************/
footer {width:960px; overflow:hidden; margin:0 auto; padding:20px 0px 20px 0; background:#fff; text-align:center; font-weight:bold;color:#ff6f00; text-transform:uppercase;}

/**********************form**********************/
.map {width:190px; height:247px; margin-top:13px; }
.map iframe {width:190px; height:247px;}
dl.adr { margin-top:13px; text-transform:uppercase;}
dl.adr dt 
dl.adr dd span { width:70px; display:block; float:left;}
dl.adr dd {white-space:nowrap;}
dl.adr dd a 
dl.adr dd a:hover 
form { margin: 13px 0 0px 0px; width:610px; }
form input {border:#fff 1px solid; background:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; padding:7px 10px 7px 18px;outline: medium none;width: 580px; height:14px; float:left;}
form textarea {border:#fff 1px solid; background:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; height:173px;outline: medium none;overflow: auto; padding: 7px 0px 0px 18px;width:590px;resize:none;margin:0px 0 0 0;float:left;}
form label {position:relative;display: block; min-height:35px; overflow:hidden;}
.btns {text-align:right; overflow:hidden; width:610px; padding-top:10px; }
.btns a {display:inline-block; margin-left:10px;}
