@font-face{font-family:Montserrat;src:url(Montserrat/Montserrat-Regular.ttf) format('truetype')}@font-face{font-family:Lora;src:url(Lora/Lora-Regular.ttf) format('truetype')}h1,h2,h3,a{font-family:Montserrat}p,address{color:gray;font-family:Lora;font-size:15px}.linear{transition:all 800ms linear;-webkit-transition:all 800ms linear;-moz-transition:all 800ms linear;-ms-transition:all 800ms linear;-o-transition:all 800ms linear}.build{padding:15px 0;margin:0}.my-page{padding:60px 0 0;margin:0 0 0;overflow:hidden;position:relative}.delay1{-webkit-animation-delay:100ms;-moz-animation-delay:100ms;-ms-animation-delay:100ms;-o-animation-delay:100ms}.delay2{-webkit-animation-delay:200ms;-moz-animation-delay:200ms;-ms-animation-delay:200ms;-o-animation-delay:200ms}.delay3{-webkit-animation-delay:300ms;-moz-animation-delay:300ms;-ms-animation-delay:300ms;-o-animation-delay:300ms}.delay4{-webkit-animation-delay:400ms;-moz-animation-delay:400ms;-ms-animation-delay:400ms;-o-animation-delay:400ms}.delay5{-webkit-animation-delay:500ms;-moz-animation-delay:500ms;-ms-animation-delay:500ms;-o-animation-delay:500ms}.delay6{-webkit-animation-delay:600ms;-moz-animation-delay:600ms;-ms-animation-delay:600ms;-o-animation-delay:600ms}.delay7{-webkit-animation-delay:700ms;-moz-animation-delay:700ms;-ms-animation-delay:700ms;-o-animation-delay:700ms}.delay8{-webkit-animation-delay:800ms;-moz-animation-delay:800ms;-ms-animation-delay:800ms;-o-animation-delay:800ms}.delay9{-webkit-animation-delay:900ms;-moz-animation-delay:900ms;-ms-animation-delay:900ms;-o-animation-delay:900ms}.delay10{-webkit-animation-delay:1000ms;-moz-animation-delay:1000ms;-ms-animation-delay:1000ms;-o-animation-delay:100ms}.hidding{visibility:hidden}.visible{visibility:visible}#sidebar-wrapper{margin-right:-350px;right:0;width:350px;background:#333;position:fixed;height:100%;overflow-y:auto;z-index:1000;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s}#sidebar-wrapper h2{color:#fff;text-transform:uppercase;font-size:34px}.my-logo{display:block;text-align:center;margin:96px 0 48px}.sidebar-nav{position:relative;top:0;width:350px;list-style:none;margin:0;padding:0}.sidebar-nav li{line-height:40px;text-align:center}.sidebar-nav li a{color:#dcdcdc;display:block;text-decoration:none;padding:5px 0;font-weight:400;font-size:15px}.sidebar-nav li a i{font-size:18px;margin-right:10px}.sidebar-nav li a:hover{color:#fff;background:rgba(255,255,255,.2);text-decoration:none}.sidebar-nav .btn-clear{padding:2px 12px}.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}.sidebar-nav .sidebar-brand{height:55px;line-height:55px;font-size:18px}.sidebar-nav .sidebar-brand a{color:#999}.sidebar-nav .sidebar-brand a:hover{color:#fff;background:0 0}#menu-toggle{float:right;z-index:88;background:0 0;border:0;padding:24px 48px}#sidebar-wrapper.active{right:350px;width:350px;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s}.toggle{margin:0}ul.my-social{text-align:center;margin:24px 0}ul.my-social li a{display:block;width:32px;height:32px;background:#fff;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;color:#2a2a2a;text-align:center}ul.my-social li a i{line-height:32px}.my-header{position:relative;overflow:hidden;background:url(../img/Header.jpg) no-repeat center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/bghead.jpg', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bghead.jpg', sizingMethod='scale')"}.my-header .header-bar{position:absolute;width:100%;top:0;z-index:2}.my-header .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1}.

body {
    overflow: hidden;
}
.wrapper{position:relative;overflow:hidden;background:url(../img/Header.jpg) no-repeat center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/bghead.jpg', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bghead.jpg', sizingMethod='scale')"}.wrapper .wrapper-bar{position:absolute;width:100%;top:0;z-index:2}.wrapper .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1}.main-head{position:absolute;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);z-index:2;width:100%;color:#fff}.main-head h1{color:#fff;font-size:75px;margin:0;padding:0}.main-head p{font-size:20px;margin:0;padding:48px 0;color:#fff}.btn{border:0;padding:14px 60px;border-radius:3px;font-size:20px}.btn-primary{background:#fa694e}.btn-lg{padding:18px 48px}img{max-width:100%}.my-icon{width:82px;height:82px;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border:1px solid #fa694e;text-align:center}.my-icon span{width:41px;height:41px;display:block;margin:18px auto}.my-service h3{font-size:20px;padding:0px 0;margin:0}.my-service:hover .my-icon{background:#fa694e}.my-service:hover .my-icon span.img-pencil{background:url(/img/.jpg) no-repeat center}.my-service:hover .my-icon span.img-pencil img{visibility:hidden}.my-service:hover .my-icon span.img-monitor{background:url(../img/monitor-white.png) no-repeat center}.my-service:hover .my-icon span.img-monitor img{visibility:hidden}.my-service:hover .my-icon span.img-tag{background:url(../img/tag-white.png) no-repeat center}.my-service:hover .my-icon span.img-tag img{visibility:hidden}.title-page{padding-bottom:50px}.title-page h2{color:#2a2a2a;font-size:25px}.hcaption{position:relative;overflow:hidden}.myToggle{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}.attr-icon{width:100%;height:auto;text-align:center;position:absolute;z-index:88;top:50%;left:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);display:none}
.caption a.btn{padding:12px;margin:6px}.story-board{display:none;border:1px solid #dbdbdb;margin:0 0 50px}.story-board.show-story{display:none}.story-post{padding:0 30px}.story-post h3{font-size:20px;color:#333;padding:48px 0 24px;margin:0}.story-post p{margin:0;padding:0 0 48px;line-height:24px}.story-post a.closed{padding:12px 0;margin-right:-15px;font-size:15px}

 /* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/hexloader2.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
#map-canvas{padding-bottom:30%; top:0; width:100%; height:auto;margin:0}#contact{padding-bottom:0; top:0; width:100%; height:auto;margin:0}#menus{padding-bottom:0; top:50%; left:5%; width:20%; z-index:1000; height:auto;margin:50px 0 0;position:absolute}#menus2{padding-bottom:0; top:50%; left:40%; width:20%; z-index:1000; height:auto;margin:50px 0 0;position:absolute}#menus3{padding-bottom:0; top:50%; left:75%; width:20%; z-index:1000; height:auto;margin:50px 0 0;position:absolute}#icon1{padding-top:0%; top:68%; left:5%; width:7%; z-index:1000; height:auto;margin:50px 0 0;position:absolute}#icon2{padding-top:0%; top:68%; left:15%; width:7%; z-index:1000; height:auto;margin:50px 0 0;position:absolute}#icon3{padding-top:0%; top:68%; left:25%; width:8%; z-index:1000; height:auto;margin:50px 0 0;position:absolute}.footer-page{background:#333;padding:0 0; width:100%; position:absolute; height:auto}.copy-right p{padding:12px 0;margin:0;color:#fff;font-size:13px;font-family:Montserrat}.copy-right p a{color:#fff}.my-socmed ul.my-social{margin:0;text-align:right}@media (min-width:240px) and (max-width:767px){.copy-right p{text-align:center}.my-socmed ul.my-social{text-align:center}