/*************************************** 
********CSS Main**********************
****************************************/
@font-face{font-family: lightfont;src:url('../fonts/Quicksand-Light.ttf');}
@font-face{font-family: regfont;src:url('../fonts/Quicksand-Regular.ttf');}	
@font-face{font-family: boldfont;src:url('../fonts/Roboto-Bold.ttf');}
h1,h2,h3,h4,h5,h6,p{font-family: lightfont;}
a:link{color: unset;}a:hover{color: unset;text-decoration: none;}
li{outline:none;border:none;display:block;margin: 0px 0;}

@keyframes bgchange{0%{background-color: rgba(0,102,102,.2);}35%{background-color: rgba(204,0,153,.2);}70%{background-color: rgba(153,204,51,.2);}100%{background-color: rgba(0,102,102,.2);}}
.bgchange{animation-name: bgchange;animation-fill-mode: infinite;animation-iteration-count: infinite; animation-timing-function: ease-in-out;animation-duration: 15s;}


body{line-height: 1.8;font-size: 13px;color: rgba(100,100,100,1);	font-family: lightfont;transition: background-color .5s;background-color: rgba(240,240,240,1)!important;}
nav{position: relative;float: left; z-index: 10;opacity: 1;top:; padding: 0px;background-color: rgba(255,255,255,0);color: rgba(50,50,50,1);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
section{position: relative;float: left; width: 100%;top:0;transition: 0.5s;top: 0px;}
@media (max-width: 768px) {section{position: relative;width: 100%;top:;transition: 0.5s;}}
footer{background-color: rgba(245,245,245,1);}
nav .logo{padding:8px;} nav .links{padding:18px;}
@media (max-width: 768px) {nav .links{padding:10px;}}	
.navbar-nav>li .social{width: 45px;position: relative;float: left;}
.navbar-nav>li #login{width: 45px;position: relative;float: left;}
@media (min-width: 768px) {.navbar-nav>li{width:unset;padding: unset; padding:0px 15px;}}
@media (max-width: 768px) {.navbar-nav>li{width: 100%;}}
@media (min-width: 992px) {.navbar-nav>li{width:unset;padding: unset; padding:0px 15px;}}

/* Navigation*/
.navbar-nav>li{float: left;background-color:;}
.navbar-nav>li>a{font-family: lightfont;color: rgba(255,255,255,1);float: center;line-height: 8px;}
.navbar-default .navbar-nav>li>a{color: rgb(51,51,51);font-family: boldfont; transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color: rgba(251,255,255,0.7);font-family: boldfont; background-color: transparent;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-header{color: rgb(200,200,200);}.navbar-header >button:hover{color: #111;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
color: rgba(255,255,255,1)!important;background-color: rgba(17,76,36,0); font-family: boldfont;}
.navbar-default .navbar-nav>li.login{cursor: pointer;text-align: center; background-color: rgba(55,200,255,0); border: 1px solid rgba(255,255,255,.9);border-radius: 5px;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-default .navbar-nav>li.login:hover{background-color: rgba(204,70,153,1); border: 1px solid rgba(255,255,255,.4);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.login-pannel{display:none; background-color: rgba(255,255,255,.9);color: rgb(71,71,71);text-align: left; padding: 0px;border-radius: 5px;min-width: 200%;top: 50px; position: absolute;float: right;right:0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.login-pannel>.textbox{display: inline;position: relative;float: left;width: 400px;}
ul.login-pannel>li{padding: 10px;text-align: center;}
ul.login-pannel>li:hover{background-color: rgba(55,200,255,1);}


.navbar-nav>li.active>div.activess{background-color: rgba(0,204,153,1);position: absolute;float: left; top: 0;left: 0;width: 100%;height: 100%;border-radius: 30px;}
.navbar-nav>li>div.activess{background-color: rgba(0,153,204,1);position: absolute;float: left; top: 0;left: 0;width: 0%;height: 100%;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-nav>li:hover>div.activess{background-color: rgba(0,153,204,1);position: absolute;float: left; top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}


/*Navigation Dropdown*/
@media(max-width: 768px){
.navbar-nav>li:hover > .absolute-btm-line{width: 10%; transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-nav>li.active > .absolute-btm-line{width: 10%;}
.navbar-nav li{width: 100%;text-align: center;}
.navbar-collapse{position: relative; width: 200%;left:-100%;margin-top: 10px;margin-left: -10px;}
.navbar-header button{color: rgba(247,147,30,1);border: 1px solid rgba(247,147,30,1)!important; font-family: boldfont;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-header button:hover{background-color: rgba(247,147,30,1)!important;border: 1px solid rgba(247,147,30,1)!important;color: rgb(255,255,255);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-header button:focus{background-color: rgba(247,147,30,0.9);color: rgb(255,255,255);}}
/*Navigation Dropdown*/

.navbar-nav>li.btn-li:hover > .absolute-side-line{width: 15%;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-nav>li:hover > .absolute-btm-line{width: 30%; transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-nav>li.active > .absolute-btm-line{width: 30%;}
.navbar-nav>li.active:hover > .absolute-btm-line{width: 20%;}
.navbar-nav>li.btn-li{padding:7px 30px;width: auto;margin-right: -35px;cursor: pointer;color: white;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-nav>li.btn-li:hover{color: rgba(255,153,51,1);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}/* Navigation*/


.left-panel{background-color:rgba(117,76,36,.1) !important; border: 1px solid rgba(117,76,36,.3) !important;color: rgba(55,55,55,0.8)!important;padding: 70px;cursor: pointer;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.left-panel > h1{color: rgba(117,76,36,1)!important;font-family: boldfont; text-transform: ;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.left-panel:hover{background-color:rgba(117,76,36,1) !important; border: 1px solid rgba(117,76,36,1) !important;color: rgba(255,255,255,0.8)!important;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.left-panel:hover > h1{color: rgba(255,255,255,.8)!important;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.right-panel{background-color: rgba(117,76,36,1);border: 1px solid rgba(117,76,36,1);color: rgba(255,255,255,0.8);padding: 70px;cursor: pointer;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.right-panel > h1{font-family: boldfont;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.left-panel:hover ~ div div.right-panel{background-color:rgba(117,76,36,.1) !important; border: 1px solid rgba(117,76,36,.3) !important;color: rgba(55,55,55,0.8)!important;}
.icon{width:80px;height:80px;left: 0; padding: 20px;border-radius: 50px;background-color: rgba(247,147,30,0.9);}
div.icon > i{color: #fff!important;font-size:30px;}
.quote-high{padding: 90px 0;}
.about-us{position: absolute; top: 0;background-color: rgba(50,50,50,.8)!important;color: rgba(250,250,250,1)!important;padding: 20px 30px; border-radius: 0 0 20px 20px;}
@media (max-width: 768px) {.about-us{position: relative; top: 0;padding: 30px 40px; border-radius: 0;}}
.moto{position: absolute;top: 10%;left: 5%; display: inline-block;padding: 10px 30px;border-radius: 10px; font-size: 20px;text-transform: uppercase;}
.quote-high h3{font-size: 50px;}
.img-bnr{position: absolute;height: 100%;top: 0;}
@media (max-width: 768px) {.img-bnr{position: relative;height:400px;top: auto;}}
.detail-bar{background-color: rgba(117,76,36,1);color: #fff;padding: 20px;}
.detail-bar>span.head{font-size: 20px; font-family: boldfont;}
.follow-us-logo{position: absolute;height: 100%;top: 0;left: 0;overflow: hidden;}
.follow-us-logo>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
@media (max-width: 768px) {.follow-us-logo{position: relative;height:auto;top: 0;padding: 50px;left: 0;overflow: hidden;}.follow-us-logo>img{position:relative;left:50%;transform:translate(-50%,0%);-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);}}
.follow-us-info{position: absolute;height: 100%;top: 0;margin-left:;overflow: ;}
.follow-us-info>.info{position:relative;top:50%;transform:translate(0%,-50%);-o-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);}
@media (max-width: 768px) {.follow-us-info{position: relative;height:auto;top: 0;}.follow-us-info>.info{position:relative;top:0%;transform:translate(0%,0%);-o-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);}}
.info{margin-left: -60px;}
.bolder{font-family: boldfont;}
.bold{font-weight:bold;}
.ital{font-style: italic;}
.brand-link{transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.brand-link:hover{color: rgba(244,0,9,0.8);font-family: boldfont; text-decoration: none;cursor: pointer;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.card{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#googleMap{height: 400px;}
.btn-custom {background-color: rgba(117,76,36,1) !important;color: rgba(255,255,255,0.8)!important;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px; padding:10px 30px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom:hover {background: rgba(0,204,153,0.8) !important;color: rgba(255,255,255,0.8)!important;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-wt {background-color: rgba(255,255,255,.9) !important;color: rgba(51,51,51,0.8)!important;border-radius: 0; padding:10px 30px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-wt:hover {background: rgba(255,255,255,0.7) !important;color: rgba(51,51,51,0.8)!important;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-round {background: rgba(204,0,153,1) !important;color: rgba(255,255,255,0.8)!important;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius: 50%;-o-border-radius: 50%; padding:15px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-round:hover {background: rgba(255,255,255,1) !important;color: rgba(204,0,153,0.8)!important;border-radius: 40%;-webkit-border-radius: 40%;-moz-border-radius: 40%;-o-border-radius: 40%; padding:15px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-stroke {border:1px solid rgba(204,0,153,0.8); color: rgba(204,0,153,1)!important;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px; padding:10px 30px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-stroke:hover {border:1px solid rgba(151,151,151,0);background: rgba(204,0,153,1) !important;color: rgba(255,255,255,1)!important;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-alt {background: rgba(247,147,30,1) !important;color: rgba(255,255,255,0.8)!important;border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-o-border-radius: 40px; padding:10px 30px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-alt:hover {background: rgba(247,147,30,0.8) !important;color: rgba(255,255,255,0.8)!important;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}

@media (max-width: 768px) {.xs-txt-center{text-align: center;}}
/*************************************** 
********CSS Body**********************
****************************************/
.l-parallax {position: relative;float: left;width:100%;height: 650px;background-repeat: no-repeat;background-size: cover;background-color: rgba(55,55,55,1);margin: 0;}
.l-parallax-short {position: relative;float: left;width:100%;height: 325px;background-repeat: no-repeat;background-size: cover;background-color: rgba(55,55,55,1);margin: 0;}
.bg-dark-left{color:#fff;background-color: rgba(0,0,0,0.7);background: -webkit-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Safari 5.1-6*/background: -o-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Opera 11.1-12*/background: -moz-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Fx 3.6-15*/background: linear-gradient(to left, rgba(0,0,0,0.6), rgba(0,0,0,0.8)); /*Standard*/}
.bg-dark-right{color:#fff;background-color: rgba(0,0,0,0.7);background: -webkit-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Safari 5.1-6*/background: -o-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Opera 11.1-12*/background: -moz-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Fx 3.6-15*/background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.8)); /*Standard*/}
.bg-dark-bottom{color:#fff;background-color: rgba(0,0,0,0.7);background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Safari 5.1-6*/background: -o-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Opera 11.1-12*/background: -moz-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Fx 3.6-15*/background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.8)); /*Standard*/}
.bg-dark-top{color:#fff;background-color: rgba(0,0,0,0.7);background: -webkit-linear-gradient(top,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Safari 5.1-6*/background: -o-linear-gradient(top,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Opera 11.1-12*/background: -moz-linear-gradient(top,rgba(0,0,0,0.6),rgba(0,0,0,0.8)); /*Fx 3.6-15*/background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.8)); /*Standard*/}
.bg-dark{color:#fff;background-color: rgba(0,0,0,0.4);animation-name: ;animation-fill-mode: infinite;animation-iteration-count: infinite; animation-timing-function: ease-in-out;animation-duration: 15s;}
.absolute{position: absolute;top:0;left: 0;bottom: 0; width: 100%;height:100%;}
.absolute-rl{position: relative;top:0;left: 0; width: 100%;height:100%;}
.brand{background-color:rgba(0,153,204,1);color: #fff!important;}
.brand-lt{background-color:rgba(0,153,204,.1);}
.brand-alt{background-color:rgba(0,204,153,1);color: #fff!important;}
.brand-alt-lt{background-color:rgba(0,204,153,0.1);}
.brand-black{background-color: rgba(50,50,50,1)!important;color: #fff!important;}
.brand-black-bg{background-color: rgba(50,50,50,.5)!important;color: #fff!important;}
.brand-black-lt{background-color: rgba(50,50,50,.1)!important;}
.brand-wt{background-color: rgba(255,255,255,0.9)!important;color: rgb(51,51,51);}
.brand-wt-lt{background-color: rgba(255,255,255,0.1)!important;}
.caps{text-transform: uppercase;}
.title{text-transform: uppercase;color:;font-family: boldfont;font-size: 45px;}
.title-block{display: inline-block;background-color:rgba(247,147,30,1);color: #fff!important;padding: 20px 40px;text-transform: uppercase;font-family: boldfont;font-size: 20px;}
.tit{color:rgba(0,204,153,.9);}
.tit-alt{color: rgba(247,147,30,1);}.brand-color{color: rgba(251,107,79,1);}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.display-middle-relative{position:relative;display: inline-block;left:50%;top:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.display-middle-relative a{margin: 3px;}
.display-middle-left{position:relative;left:50%;transform:translate(-50%,0%);-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);}
.display-middle-top{position:relative;top:50%;transform:translate(0%,-50%);-o-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);}
@media(max-width: 768px){.display-middle-top{position:relative;top:0;transform:translate(0%,0%);-o-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);}}
.display-left{position:absolute;top:50%;left:10%;width:30%;transform:translate(0%,-50%);-o- transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);}
.display-right{position:absolute;top:50%;right:10%;width:30%;transform:translate(0%,-50%);-o-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);}

@media(max-width: 768px){.display-left, .display-right{width: 70%;}}
@media(max-width: 992px){.display-left, .display-right{width: 50%;}}

.l-parallax-items{height: 250px;background-repeat: no-repeat;}
@media (max-width: 992px) {.l-parallax-items{height: 200px;}}
@media (max-width: 768px) {.l-parallax-items{height: 250px;}}

.side-description{background-color: rgba(16,59,102,.1);text-align: center;padding: 40px;}.side-description h1{text-transform: uppercase;color:rgba(55,200,255,.9);}
.l-parallax-items-1{height: 400px;background-repeat: no-repeat;border-radius: 0px 0px 0 0;}
@media (max-width: 992px) {.l-parallax-items-1{height: 300px;}}
@media (max-width: 768px) {.l-parallax-items-1{height: 250px;}}
.l-parallax-items-2{background:url('../images/nopreview.png') no-repeat center;height: 350px;background-repeat: no-repeat;border-radius:;}
@media (max-width: 992px) {.l-parallax-items-2{height: 250px;}}
.l-parallax-items-2-half{background:url('../images/nopreview.png') no-repeat center;height: 175px;background-repeat: no-repeat;border-radius:;}
@media (max-width: 992px) {.l-parallax-items-2{height: 175px;}}
.l-parallax-items-3{height: 300px;background-repeat: no-repeat;border-radius: 0;}
@media (max-width: 992px) {.l-parallax-items-3{height: 150px;}}
@media (max-width: 768px) {.l-parallax-items-3{height: 250px;}}
.l-parallax-items-4{height: 250px;background-repeat: no-repeat;}
@media (max-width: 992px) {.l-parallax-items-4{height: 150px;}}
@media (max-width: 768px) {.l-parallax-items-4{height: 250px;}}
.l-parallax-profile{height: 300px;background-repeat: no-repeat;overflow: hidden;}
@media (max-width: 992px) {.l-parallax-profile{height: 350px;}}
@media (max-width: 768px) {.l-parallax-profile{height: 350px;}}


.menu-bar{padding:0 55px;margin-top: 55px;position:relative;z-index: 9; top:;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.menu-bar-in{background-color: rgba(204,0,153,.8);color: #fff;padding: 20px 15px;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.menu-bar > div > .title{display: inline-block;float: left;margin-top: ;}.menu-bar > div > .title > h3{font-family: boldfont;margin: 0;font-size: 20px;line-height: 35px;}
.menu-bar > div > .options{display: inline-block;float:right;margin-top: ;}
.menu-bar > div > .options>select{margin: 0 3px;}
.top-bottom-padd{padding-top: 35px;padding-bottom: 30px;}
.top-bottom-padd-mx{padding-top: 80px;padding-bottom: 70px;}
.top-bottom-padd-sm{padding-top: 20px;padding-bottom: 20px;}
.top-bottom-padd-xs{padding-top: 7px;padding-bottom: 7px;}
.side-padd{padding-right: 15px;padding-left: 15px;}
.side-padd-sm{padding-right: 10px;padding-left: 10px;}
.side-padd-xs{padding-right: 5px;padding-left: 5px;}
.side-padd-mx{padding-right: 40px;padding-left: 40px;}
.margin-top{margin-top: 10px;}
.margin-bottom{margin-bottom: 10px;}
.bg-wt{background-color: rgba(255,255,255,1)!important;z-index: 0;}
.map{position: absolute;z-index: 10; left: 100%;top: -100px; width:100%;height:150%;opacity: 0.8;display: none;}
.mapmark:hover > .map{display: block;}
.absolute-map{position: absolute;top:0;left: 50%;width: 50%;height: 100%;}
.profile{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;}
.bg-img{background: url(../images/office-work.jpg) no-repeat;background-size: cover;}
#bc2top {float: right;font-size: 20px;width: 50px;margin: 0;padding: 0;display: inline-block;}
#bc2top>a{float: right;}
@keyframes grayscales{from{filter: grayscale(100);}to{filter: grayscale(0);}}
@keyframes grayscalesbk{from{filter: grayscale(0);}to{filter: grayscale(100);}}
.grayscale{animation-name: grayscalesbk;animation-fill-mode: forwards;animation-timing-function: ease-in-out;animation-duration: 1s;}
.grayscale:hover{animation-name: grayscales;animation-fill-mode: forwards;animation-timing-function: ease-in-out;animation-duration: 1s;}

/*************************************** 
********Modal Window **********************
****************************************/

.mod-header{padding: 15px; background-color: rgba(200,200,200,0.3);}
.mod-body{padding: 15px;background-color: rgba(200,200,200,0.1);}
#modWindow{display: none;z-index: 5000;}

/*************************************** 
********Form Inputs **********************
****************************************/

.textbox{background-color: rgba(255,255,255,0.1);margin-bottom: 10px;height:50px;border-radius: 5px;color: rgba(255,255,255,0.8); border:unset;padding: 9px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox:hover{background-color: rgba(255,255,255,0.15);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox > option{position: relative;}
.commentbox{background-color: rgba(255,255,255,0.1);color: rgba(255,255,255,0.8);border-radius:5px; border:unset;height: 170px;padding: 10px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.commentbox:hover{background-color: rgba(255,255,255,0.15);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox:focus, .commentbox:focus{background-color: rgba(247,147,30,0.9);border: 1px solid rgba(254,51,10,0.31);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}

/*************************************** 
********Form Inputs **********************
****************************************/


/*************************************** 
******** Packages **********************
****************************************/

.rel{position: relative;float: left;}

/*************************************** 
******** Packages **********************
****************************************/

/*************************************** 
******** Packages **********************
****************************************/

.border-top {border-top-width: thin;border-top-style: solid;border-top-color: rgba(55,55,55,0.1);padding:15px 0;line-height: 25px;}
.footer-btm-nav{background-color: rgba(240,240,240,1);}

.tooltip {display: none;}
.tooltiptext {visibility: hidden;min-width: 300%;background-color: white;color: #000;text-align: center;border-radius: 6px;padding: 15px;position: absolute;z-index: 1;bottom: 40px;right: 0;margin-left: 0px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.tooltiptext::after {content: "";position: absolute;top: 100%;bottom: 0;right: 12px;margin-left: -0%;border-width: 5px;border-style: solid;border-color: white transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}




/*************************************** 
********Panel CSS **********************
****************************************/


	
/*************************************** 
********Side Nav CSS  ~ ~ ~**********************
****************************************/




/*************************************** 
********Animations viewport*************
****************************************/

[class*=".effect-"] {
	  -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-perspective: 1000;
	  -moz-perspective: 1000;
	  perspective: 1000;
	}
	
	.effect-fade {
	  opacity: 0;
	}
	.effect-fade.in {
	  opacity: 1;
	}
	.effect-slide-left {
	  -webkit-transform: translate3d(-30%, 0, 0);
	  transform: translate3d(-30%, 0, 0);
	  opacity: 0;
	}
	.effect-slide-left.in {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	.effect-slide-right {
	  -webkit-transform: translate3d(30%, 0, 0);
	  transform: translate3d(30%, 0, 0);
	  opacity: 0;
	}
	.effect-slide-right.in {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	.effect-slide-top {
	  -webkit-transform: translate3d(0, -30%, 0);
	  transform: translate3d(0, -30%, 0);
	  opacity: 0;
	}
	.effect-slide-top.in {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	.effect-slide-bottom {
	  -webkit-transform: translate3d(0, 30%, 0);
	  transform: translate3d(0, 30%, 0);
	  opacity: 0;
	}
	.effect-slide-bottom.in {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	.effect-pop {
	  opacity: 0;
	}
	.effect-pop.in {
	  -webkit-animation: pop 0.6s ease-out 0.5s both;
	  -moz-animation: pop 0.6s ease-out 0.5s both;
	  -o-animation: pop 0.6s ease-out 0.5s both;
	  animation: pop 0.6s ease-out 0.5s both;
	  opacity: 1 \9;
	}
	@-webkit-keyframes pop {
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	  50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	  }
	  100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	}
	@-moz-keyframes pop {
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	  50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	  }
	  100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	}
	@-o-keyframes pop {
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	  50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	  }
	  100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	}
	@keyframes pop {
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	  50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	  }
	  100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	}
	.effect-fall {
	  opacity: 0;
	  -webkit-transform: scale(1.5);
	  -ms-transform: scale(1.5);
	  transform: scale(1.5);
	}
	.effect-fall.in {
	  -webkit-transform: scale(1);
	  -ms-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
	.effect-perspective {
	  -webkit-perspective: 1300px;
	  -moz-perspective: 1300px;
	  perspective: 1300px;
	}
	.effect-helix {
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  transform-style: preserve-3d;
	  opacity: 0;
	  -webkit-transform: rotateY(-180deg);
	  -ms-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
	.effect-helix.in {
	  opacity: 1;
	  -webkit-transform: rotateY(0);
	  -ms-transform: rotateY(0);
	  transform: rotateY(0);
	}
	.hovicon {
		display: inline-block;
		line-height: 75px;
		cursor: pointer;
		margin: 15px 0;
		width: 75px;
		height: 75px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-align: center;
		position: relative;
		text-decoration: none;
		z-index: 1;
		color: #fff;
	}
	.hovicon:after {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		content:'';
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	.hovicon:before {
		speak: none;
		line-height: 80px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		display: block;
		-webkit-font-smoothing: antialiased;
	}
	.hovicon.effect-1 {
		-webkit-transition: background 0.2s, color 0.2s;
		-moz-transition: background 0.2s, color 0.2s;
		transition: background 0.2s, color 0.2s;
	}
	.hovicon.effect-1:after {
		top: -7px;
		left: -7px;
		padding: 7px;
		-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
		-webkit-transform: scale(.8);
		-moz-transition: -moz-transform 0.2s, opacity 0.2s;
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		transition: transform 0.2s, opacity 0.2s;
		transform: scale(.8);
		opacity: 0;
	}
	.hovicon.effect-1.sub-a:hover:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	.jt-shadow {
		-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);	
		-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);	
		box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);	
	}
	.popular_items img,
	.comment img,
	.shopping-cart-widget img,
	div.thumbnails a img,
	.authorbox_wrapper img,
	.flickr-gallery li img,
	.recent_posts img,
	.recent_posts_widget img,
	.testimonial_wrap img {		
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-ms-transition: opacity 0.2s ease-in-out;
		-o-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	.popular_items img:hover,
	.shopping-cart-widget img:hover,
	div.thumbnails a img:hover,
	.comment img:hover,
	.authorbox_wrapper img:hover,
	.flickr-gallery li img:hover,
	.recent_posts img:hover,
	.recent_posts_widget img:hover,
	.testimonial_wrap img:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
	}