/* preLoader */
.preLoader{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #ffffff;  z-index: 10; }
.preLoader table{ width:100%; height: 100%; text-align: center; }
.preLoader img{ display: block; margin: 0 auto; width: 120px; }
.preLoader .Entry-Loader{ display:inline-block; width:32px; height: 32px; background-image: url(../_IMAGEs/Loading-02.gif); margin-top: 10px; }
.preLoader .Loader-Image{ width: 50px; height: 50px; }
h1,h2,h3,h4{ font-weight: 300; }
/* Impor */
a{ cursor: pointer; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; }
a:hover, a.On{ color: #f8981d; opacity: 1 !important; }
.No-Image{ position: absolute; width: 100%; height: 100%; background-color: #cccccc; background-image: url(../_IMAGEs/No-Image-01-100x100px.png); background-repeat: no-repeat; background-position: center; }
.Error{ display: none; padding-bottom: 20px; color: #434242; }
.Body{ width: 100%; text-align: center; padding: 50px 20px; }
/* Constants */
.Main{ position: relative; width: 100%; min-height:50px; background: #e7e7e7; }
.Container{ position: relative; margin:0px auto 0px auto; width:980px; padding: 0px 20px; height: inherit; color: inherit; }
/*************** [ CSS ] ***************/
.Top{ width: 100%; z-index: 5; }
.Top li{ display: table-cell; vertical-align: middle; }
.Top * .Side{ display: table-cell; vertical-align: middle; }
.Top .Side.Right{ text-align: right; }
.Top .Tool{ position: absolute; width: inherit; height: 40px; background: #434242; color: #878686; font-size: 11px; z-index: 5; }
.Top .Tool .Container{ display: table; min-height: inherit; }
.Top .Tool .SocialMedia{ display: table-cell; vertical-align: middle; padding-right: 7px; }
.Top .Tool .SocialMedia li{ display: table-cell; }
.Top .Tool .SocialMedia li a{ padding: 0px 5px; }
.Top .Tool .SocialMedia li:first-child a{ padding-left: 0px; }
.Top .Tool a{ display: table-cell; vertical-align: middle; }
.Top .Tool .Search{ position: relative; display: inline-block; width: 100px; height: 20px; vertical-align: middle; color: ffffff; opacity: 0.6; }
.Top .Tool .Search form{ display: inline-block; width: inherit; height: inherit; }
.Top .Tool .Search input[type="text"]{ width: inherit; height: inherit; background: inherit; border:1px solid #fff; color: #fff; font-size: 10px; padding: 0px 17.5px 0px 5px; }
.Top .Tool .Search input[type="image"]{ position: absolute; right: 5px; top: 50%; margin-top: -4px; }
.Top .Tool .Languages{ display: inline-block; vertical-align: middle; margin-left: 5px; }
.Top .Tool .Languages li a{ display: block; padding: 0px 3px; font-size: 11px; }
.Top .Tool .Languages li:last-child a{ padding-right: 0px;}
.Top .Tool .Languages li a.On, .Top .Tool .Languages li a:hover{ color: #f8981d; }

.Top .Menu{ position: absolute; top: 40px; display: inline-table; width: inherit; height: 100px; background: rgba(255,255,255, .90); border-bottom: 1px solid #ddd; z-index: 3;
transition:height .3s ease-in-out; -webkit-transition:height .3s ease-in-out; -moz-transition:height .3s ease-in-out; -o-transition:height .3s ease-in-out; }
.Top .Menu.Scroll{ position: fixed; height: 50px; top: 0px; }
.Top .Menu.Scroll .Logo img{ max-height: 30px; }
.Top .Menu .Container{ display: table; font-size: 0px; padding: 10px 20px; }
.Top .Menu .Logo{ display: table-cell; vertical-align: middle; text-align: center;  }
.Top .Menu .Logo img{ display: inline-block; max-height: 40px; }
.Top .Menu .Items{ display: table-cell; vertical-align: middle; text-align: right; }
.Top .Menu .Res.Button{ position: relative; display: none; vertical-align: top; cursor: pointer; font-size: 17px; padding: 10px 15px; border-top: 1px solid #a3a3a3; }
.Top .Menu .Res.Button:hover{ background: #f8981d; color: #fff; }
.Top .Menu .Res.Button i.fa-bars{ padding-right: 3px; }
.Top .Menu .Res.Button i#Click{ position: absolute; right: 15px; }
.Top .Menu .Items li{ position: relative; display: inline-block; vertical-align: top; }
.Top .Menu .Items li a{ display: block; padding: 3px 20px; letter-spacing: 3px; color: #434242; font-size: 12px; }
.Top .Menu .Items li a:hover, .Top .Menu .Items li a.On{ color: #f8981d; opacity: 1; }
.Top .Menu .Items li a:last-child{ padding-right: 0px; }
.Top .Menu .Items li a:before{ content: ''; display: inline-block; margin-right: 2px; margin-bottom: -1px; width: 11px; height: 11px; background-image: url(../_IMAGEs/DieZ.png); -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; }
.Top .Menu .Items li:hover a:before, .Top .Menu .Items li a.On:before{ background-image: url(../_IMAGEs/DieZ-02.png);  }

.Slider.Main{ position: relative; height: 100%; width: 100%; z-index: 1; background: #d7d7d7; overflow: hidden;  }
.Slider.Main .SliderItems{ position: absolute; top: 0px; left: 0px; bottom: 100px; width: 100%; white-space: nowrap; font-size: 0px; }
.Slider.Main .SliderItems:after{ white-space: normal; }
.Slider.Main .SliderItems li{ position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; }
.Slider.Main .SliderItems li .Image{ width: 100%; height: 100%; }
.Slider.Main .SliderItems li .Image figure{ width: inherit; height: inherit; max-width: 100%; }
.Slider.Main .SliderItems li .Content{ position: absolute; left: 0px; top: 140px; width: 100%; bottom: 0px; padding: 30px; text-align: center; white-space: normal; z-index: 2; }
.Slider.Main .SliderItems li .Content table{ width: 100%; height: 100%; }
.Slider.Main .SliderItems li .Content h1{ font-size: 28px; color: #fff; letter-spacing:3px; line-height: 42px;  }
.Slider.Main .SliderItems li .Content h1 mark{ background: inherit; color:#f8981d; text-decoration: underline; }
.Slider .Navi{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100px; background: #f8981d; z-index: 3; }
.Slider .Navi ul{ width: 100%; height: inherit; }
.Slider .Navi ul li{ position: relative; float: left; width: 33.33%; height: inherit; border-right: 1px solid #cb8326; color: #434242; text-align: center; }
.Slider .Navi ul li.On{ background: #434242; color: #fff; }
.Slider .Navi ul li:last-child{ border:none; }
.Slider .Navi ul li:nth-child(2n){ width: 50%; }
.Slider .Navi ul li .Image{ position: absolute; display: table; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; }
.Slider .Navi ul li .Image img{ opacity: 0.1; }
.Slider .Navi ul li .Content{ position: absolute; display: table; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; padding: 5px 7.5px;  }
.Slider .Navi ul li .Content h2{ font-size: 12px; }
.Slider .Navi ul li:hover{ background: #434242; color: #fff; }

.Banner{ position: relative; height: 440px; width: 100%; z-index: 1; background: #ddd; overflow: hidden; font-size: 0px; }
.Banner .Image{ position: absolute; left: 0px; top: 0px; width: inherit; height: inherit; z-index: 1; }
.Banner .Image figure{ width: 100%; height: 100%; }
.Banner .Content{ position: absolute; left: 0px; top:140px; height: 300px; width: inherit; color:#f8981d; text-align: center; z-index: 2;  }
.Banner .Content table{ width: 100%; height: 100%; }
.Banner .Content h2{ font-size: 21px; letter-spacing: 7px; font-weight: 400;}
.Banner .Content .Menu{ position: relative; width: inherit; margin-top: 4px; font-size: 0px; }
.Banner .Content .Menu li{ display: inline-block; margin:5px 0px; }
.Banner .Content .Menu li a{ position: relative; display: block; font-size: 12px; letter-spacing: 3px; margin:3px 27.5px;  }
.Banner .Content .Menu li a:before{ content: ''; position: absolute; background: #f8981d; left: 50%; bottom: -5px; width: 0%; height: 1px; opacity: 0;
transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; }
.Banner .Content .Menu li a.On:before, .Banner .Content .Menu li a:hover:before{ left:-1.5px; width: 99%; opacity: 1; }
.Banner .MAP{ position: relative; width: 100%; height: 100%; }
.Banner .MAP #MAP-Canvas{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.Announcements{ position: relative; width: 100%; height: 265px; background: #f8981d; z-index: 2; font-size: 0px;
box-shadow: 0 0 8px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,.58); -o-box-shadow: 0 0 8px rgba(0,0,0,.5);}
.Announcements .SliderContents{ position: relative; float: left; width: 50%; height: inherit; overflow: hidden;  }
.Announcements .SliderContents .SliderItems{ position: absolute; left: 0px; top: 0px; width: 100%; height: inherit; color: #fff; text-align: center;white-space: nowrap; }
.Announcements .SliderContents .SliderItems li{ position: relative; display: inline-block; width: 100%; height: 100%; overflow: auto; white-space: normal; }
.Announcements .SliderContents .SliderItems.liBlock{ display: block; white-space: normal; }
.Announcements .SliderContents .SliderItems li article{ display: table; width: 100%; height: 100%;  padding: 55px 40px; }
.Announcements .SliderContents .SliderItems li article p{ display: table-cell; vertical-align: middle; font-size: 15px; color: #434242; }

.Announcements .SliderContents .Bullets{ position: absolute; left: 0px; bottom: 45px; width: 100%; height: 10px; text-align: center;  }
.Announcements .SliderContents .Bullets li{ display: inline-block; height: 10px; width: 10px; border:1px solid #434242; margin:0px 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.Announcements .SliderContents .Bullets li.Active{ background: #434242; }

.Announcements .Slider{ position: relative; float: left; width: 50%; height: inherit; overflow: hidden; }
.Announcements .Slider:before{ content: ''; position: absolute; left: -1px; top: 50%; margin-top: -12.5px; width: 32; height: 0; border:16px solid transparent;
border-left:16px solid #f8981d; z-index: 5; }
.Announcements .Slider .SliderItems{ position: absolute; left: 0px; top: 0px; width: 100%; height: inherit; white-space: nowrap; }
.Announcements .Slider .SliderItems li{ position: relative; display: inline-block; width: 50%; height: 100%; overflow: hidden; white-space: normal; opacity: 0.4; border-right: 1px solid #444; }
.Announcements .Slider .SliderItems li.On{ opacity: 1; }
.Announcements .Slider .SliderItems li:hover{ opacity: 0.8; }
.Announcements .Slider .SliderItems li:last-child{ border:none; }
.Announcements .Slider .SliderItems li .Image{ width: 100%; height: 100%; }
.Announcements .Slider .SliderItems li .Image figure{ width: inherit; height: inherit; max-width: 100%; }
.Announcements .Slider .SliderItems li .Link{ position: absolute; right: -25px; bottom: -25px; font-size: 22px; color: #fff; z-index: 2; }
.Announcements .Slider .SliderItems li:hover .Link{ right: 15px; bottom: 15px; }

.Main h1{ width: 100%; padding: 15px 0px; text-align: center; font-size: 16px; }
.Main .Info{ position: relative; width: 100%; color: #434242; padding: 55px 0px; text-align: center; }
.Main .Info .Container{ padding: 0px 120px; }
.Main .Info .Buttons{ margin-top: 9px; }
.Main .Info .Button{ display: inline-block; background: #f8981d; color: #434242; font-size:13px; padding: 4px 8px; margin:5px 1px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
.Main .Info .Button i{ padding-right: 5px; }
.Main .Info .Button:hover{ background: #434242; color: #f8981d; }
.Main .Info h2{ color: #f8981d; font-size: 16px; }
.Main .Info p{ color: inherit; margin-top: 10px; font-size: 14px; }
.Main .Info p span{ background: none !important; text-decoration: underline; }
.Main .Info a{ /*display: block;*/ }
.Main .Info .ContactInfo{ margin-top: 23px; }
.Main .Item{ border-bottom: 1px solid #ccc; }
.Main .Item:nth-child(1n){ background: #e7e7e7; }
.Main .Item:nth-child(2n){ background: #dadada; }
.Main .Item.bgBlack{ background: #434242; color: #fff; }
.Main .Item:last-child{ border:none; }

.Main header{ position: relative; width: 100%; text-align: center; }
.Main header p{ color: #434242; padding: 55px 150px; font-size: 14px; }
.Main header h3{ color: #434242; padding: 25px 50px; font-size: 18px; font-weight: bold; letter-spacing: 1px; }
.Main header h4{ color: #434242; padding: 5px 20px; font-size: 16px; font-weight: bold; letter-spacing: 1px; }
.Main header i{ font-size: 18px; padding-bottom: 10px; }

.Main .ListBox{ width: 100%; padding-bottom: 44px; }
.Main .ListBox ul{ width: inherit; font-size: 0px; }
.Main .ListBox li{ position: relative; display: inline-block; width: 226px; height: 190px; margin:6px; overflow: hidden; z-index: 2; }
.Main .ListBox li .View{ position: absolute; right: 15px; top: 10px; z-index: 3; color: #434242; font-size: 16px; opacity: 0; visibility: hidden; }
.Main .ListBox li:hover .View{ opacity: 1; visibility: visible; right: 10px; }
.Main .ListBox li .Image{ position: relative; width: 100%; height: 149px; text-align: center; background-color:#fff; }
.Main .ListBox li .Bar{ position: relative; display: table; width: 100%; height: 40px; background: #f7971b; color: #fff; padding: 0px 10px 0px 10px; z-index: 2; }
.Main .ListBox li .Bar:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #434242; -webkit-transform: scaleY(0);
transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform;
-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.Main .ListBox li:hover .Bar:before{-webkit-transform: scaleY(1); transform: scaleY(1); }
.Main .ListBox li h4{ position: relative; display: table-cell; vertical-align: middle; font-size: 13.5px; line-height: 12px; min-width: 65px; text-align: left; }
.Main .ListBox li article{ position: relative; display: table-cell; vertical-align: middle; text-align: right; font-size: 10.5px; line-height: 10px; }

.Main .ListBox li .Over{ position: absolute; display: table; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); padding: 10px 25px; opacity: 0; z-index: 3; }
.Main .ListBox li .Over h4{ font-size: 16px; line-height: 100%; text-align: center; }
.Main .ListBox li:hover .Over{ opacity: 1; }

.Main .Form{ text-align: center; }
#ContactForm{ display: inline-block; text-align: center; width: 480px; padding: 55px 0px; }
#ContactForm .Input{ position: relative; display: inline-block; vertical-align: top; width: 100%; height: 45px; font-size: 12px; border:1px solid #434242; margin-bottom: 8px; overflow: hidden; }
#ContactForm .Input .placeHolder{ position: absolute; top: 14px; left: 10px; }
#ContactForm .Input input,
#ContactForm .Input textarea{ position: relative; vertical-align: top; width: 100%; height: 100%; background: none; padding: 0px 10px; border:none; resize: none; outline: 0; z-index: 2; }
#ContactForm .havePlace{ padding-top: 12px !important; }
#ContactForm .Input input:focus + .placeHolder, #ContactForm .Input .placeHolder.onFocus{ font-size: 10px; top: 6px; }
#ContactForm .Input input[type="submit"]{ text-align: center; }
#ContactForm .Input input[type="submit"]:hover{ background: #434242; color: #fff; }

#ContactForm .File{ position: relative; display: inline-block; vertical-align: top; width: 100%; height: 45px; font-size: 14px; border:1px solid #434242; margin-bottom: 8px; overflow: hidden; }
#ContactForm .File span{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; padding-top: 13px; }
#ContactForm .File:hover span{ background: #f8981d; color: #fff;  }
#ContactForm .File input{ font-size: 200px; position: absolute; top: 0; right: 0; opacity: 0; cursor: pointer; vertical-align: top; background: none; padding: 0px 10px; border:none; resize: none; outline: 0; z-index: 2; }

#ContactForm .Input.Double input{ float: left; width: 358px;  }
#ContactForm .Input.Double img{float: left; width: 120px; height: inherit; background-color: #434242; border-left: 1px solid #434242; }
#ContactForm .Input.Double{ float: none; clear: both; }

#ContactForm .Input.TextArea{ height: 100px; }
#ContactForm .Input.TextArea textarea{ padding: 10px; }

.Pages{ position: relative; width: 100%; text-align: center; padding:0px 0px 39px 0px; font-size: 0px; }
.Pages ol{ display: inline-block; margin:3px 2px; font-size: 16px; }
.Pages ol a{ display: block; min-width: 30px; background:#f8981d; padding: 5px 2px; font-size: 14px; }
.Pages ol a.On, .Pages a:hover{ background: #434242; color: #f8981d; }

.Sides{ position: relative; width: 100%; padding: 30px 0px; font-size: 0px; overflow: hidden; }
.Sides .Content{  color: #434242; font-size: 14px; padding-left: 27px; }
.Sides h2{ font-size: 21px; letter-spacing: 2px; font-weight: 400; }
.Sides aside{ font-size: 13px; }
.Sides article{ margin-top: 20px; }
.Sides p{ margin-top: 20px; }
.Sides .SideItem{ position: relative; vertical-align: top; display: inline-block; font-size: 16px; }
.Sides .Slider{ position: relative; width: 100%; height: 330px; border:1px solid #d1d1d1; overflow: hidden; }
.Sides .Slider .SliderItems{ position: absolute; left: 0; top:0; width: 100%; height: 100%; white-space: nowrap; font-size: 0; }
.Sides .Slider .SliderItem{ position: relative; display: inline-block; width: 100%; height: 100%; }
.Sides .Slider .SliderItem .Image{ position: relative; width: 100%; height: 100%; }
.Sides .Slider .SliderItem .Image img{ width: 100%; }

.Sides .Slider .Direction{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; pointer-events: none; }
.Sides .Slider .Direction div{ position: absolute; top:50%; margin-top: -25px; font-size: 50px; text-align: center; color: #434242; cursor: pointer; pointer-events: auto;  }
.Sides .Slider .Direction div:hover{ border-color:#434242; color:#434242; transform: scale(1.05); }
.Sides .Slider .Direction .Prev{ left: 30px; padding-right: 1px; }
.Sides .Slider .Direction .Next{ right: 30px; padding-left: 3px; }

.Sides .SliderAlt{ display: block; width: 100%; height: 76px; position: relative; overflow: hidden; }
.Sides .SliderAlt .SliderAltItems{ position: absolute; top: 0%; left: 0%; white-space: nowrap; width: 100%; height: 100%; margin-top: 3px; font-size: 0px; letter-spacing: 0px;
overflow-x: auto; overflow-y: hidden; }
.Sides .SliderAlt .SliderAltItem{ position: relative; display: inline-block; width: 91.65px; height: 65px; margin-right: 3px;border:1px solid #d1d1d1; overflow: hidden; }
.Sides .SliderAlt .SliderAltItem:last-child{ margin-right: 0; }
.Sides .SliderAlt .SliderAltItem.Active{ border-color:#333; }

.Footer{ width: 100%; height: 40px; background: #434242; color: rgba(255,255,255, .4); }
.Footer table{ width: 100%; height: 40px; }
.Footer .Copyright{ font-size: 10px; }
.Footer .Image{ display: inline-block; opacity: 0.4; padding-top: 5px;}
.Footer .Image:hover{ opacity: 1; }