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

body{line-height: 1.8;overflow-x: hidden;max-width: 100%;font-size: 13px;background-color: rgba(245,245,245,1)!important;color: rgba(100,100,100,1);	font-family: lightfont;background: url(../images/bdy.png) fixed center;transition: background-color .5s; }
nav{position: fixed;z-index: 10;opacity: 1;padding: 0px;background-color: rgba(255,255,255,0);color: rgba(50,50,50,1);box-shadow: none; transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
section{position: relative;width: 100%;top: 0;transition: 0.5s;}

nav .logo{padding:13px;} nav .links{padding:20px;}
@media (max-width: 768px) {nav .links{padding:10px;}}	
.navbar-nav>li .social{width: 45px;position: relative;float: left;}
ul.navbar-nav > li.cart{width: auto;margin-left:10px;background-color: rgba(204,0,0,1); position: relative;float: left;transition: 0.5s;}
ul.navbar-nav > li.cart:hover{background-color: rgba(204,0,0,0.8);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
ul.navbar-nav > li.cart>a:hover{color: rgba(200,200,200,1);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
@media (min-width: 768px) {.navbar-nav>li{width: 100px;}}
@media (max-width: 768px) {.navbar-nav>li{width: 100%;}}
@media (min-width: 992px) {.navbar-nav>li{width: 150px;}}

/* Navigation*/
.navbar-nav>li>a{font-family: lightfont;}
.navbar-default .navbar-nav>li>a{color:rgba(255,255,255,1); border-radius: 40px; 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(255,255,255,0.9);background-color: rgba(0,20,40,0.5);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-default .navbar-nav>li>a.login:focus,.navbar-default .navbar-nav>li>a.login:hover{color: rgba(0,20,40,0.9);background-color: rgba(0,20,40,0);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{
background-color: rgba(0,20,40,1);border-radius: 40px;color: rgba(255,255,255,1);}
/* Navigation*/

/*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(255,255,255,0.7);border: 1px solid rgba(255,255,255,0.7)!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: rgb(200,200,200);border: 1px solid rgba(25,25,25,0.7)!important;color: rgb(25,25,25);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.navbar-header button:focus{background-color: rgb(200,200,200);color: rgb(25,25,25);}}
/*Navigation Dropdown*/

.absolute-btm-line{position: absolute;bottom:0;width: 0%;height: 1px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}	
.absolute-side-line{position: absolute;bottom:0;top:0;right:0;width: 5%;height: 100%;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}	
.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(254,51,10,1);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}/* Navigation*/
.drpdwn{position: fixed;z-index: 9;margin-top: 0px;padding: 25px;max-height: 76px;overflow: hidden;background-color: white;transition: all 0.5s;}
.drpdwn li{float: left;}
.drpdwn> #social{float: right;}
.drpdwn> #close{float: right;}
.login{cursor: pointer;}
.login:hover ~ div .drpdwn{margin-top:76px;}
.bolder{font-family: boldfont;}
.bold{font-weight:bold;}
.ital{font-style: italic;}
@media(max-width: 768px){.nass{background-color: rgba(255,255,255,0.1);padding: 10px;margin-top: 10px;}}

/*************************************** 
********CSS Body**********************
****************************************/
.l-parallax {height: 650px;background-repeat: no-repeat;background-size: cover;}
@media(max-width: 768px){.l-parallax {height: 650px;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}}
.bg-dark{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 top, rgba(0,0,0,0.7), rgba(0,0,0,0.8)); /*Standard*/}
.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*/}
.absolute{position: relative;top:0;left: 0;width: 100%;height:100%;}
.active{background-color: ;}
.thin{height: 3px;position: relative;}
.brand{background-color:rgba(0,20,40,1);}
.brand-bg{background-color: rgba(255,255,255,1);}
.brand-lt{background-color:rgba(0,20,40,0.1);}
.brand-wt-lt{background-color: rgba(255,255,255,0.1);color: rgba(200,200,200,1);}
.brand-alt{background-color:rgba(51,153,255,1);}
.brand-alt-lt{background-color:rgba(51,153,255,0.2);}
.brand-black{background-color: rgba(50,50,50,1)!important;}
.brand-black-lt{background-color: rgba(50,50,50,0.4)!important;}
.brand-link{transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.brand-link:hover{color: rgba(0,20,40,1);text-decoration: none;cursor: pointer;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.brand-link-alt{transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.brand-link-alt:hover{color: rgba(51,153,255,1);text-decoration: none;cursor: pointer;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.caps{text-transform: uppercase;}
.title{font-family: boldfont;text-transform: uppercase;}
.title-bg{font-family: boldfont;text-transform: uppercase;font-size:45px;}
.tit{color:rgba(0,20,40,0.9);}
.tit-alt{color: rgba(51,153,255,1);}.brand-color{color:rgba(0,20,40,.8);}
.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-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%);}
.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%);}
.btn-custom {background: rgba(0,20,40,1) !important;color: rgba(255,255,255,0.8)!important;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; padding-left:20px;padding-right:20px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom:hover {background: rgba(0,20,40,0.8) !important;color: rgba(255,255,255,0.8)!important;cursor: pointer;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-trnsp{background: rgba(204,0,0,0) !important;color: rgba(240,240,240,0.8)!important;border:1px solid rgba(204,0,0,1);transform: rotate(-5deg);-ms-transform: skewX(-5deg);-webkit-transform: skewX(-5deg);margin-left: 5px;min-width: 20px;}
.btn-trnsp:hover{background: rgba(204,0,0,1) !important;color: rgba(255,255,255,0.8)!important;border:1px solid rgba(204,0,0,1);}
.btn-custom-alt {background: rgba(51,153,255,1) !important;color: rgba(255,255,255,0.8)!important;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; padding-left:20px;padding-right:20px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.btn-custom-alt:hover {background: rgba(51,153,255,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;}
.bg-img{background: url('../images/interact.JPG') no-repeat;background-size: cover;}
.icns i{font-size: 150px;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}.icns i:hover{color:rgba(51,153,255,0.9);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.circles{display: inline-block;position: relative;padding: 4px;border-radius: 50%;background-color: rgba(255,255,255,0.8);width: 30px;height: 30px;margin: 15px 3px 0 3px;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.circles:hover{background-color: rgba(51,153,255,0.8);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.circles > i{font-size: 15px;color: rgba(0,20,40,1);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.circles:hover > i{color: rgba(255,255,255,1);transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
#amount{display: none;}
select > option{background-color: rgba(0,20,40,0.5);}


@media(max-width: 768px){.display-left, .display-right{width: 70%;}}
@media(max-width: 992px){.display-left, .display-right{width: 50%;}}
.l-parallax-items{height: 150px;background-repeat: no-repeat;overflow: hidden;}
@media (max-width: 992px) {.l-parallax-items{height: 200px;}}
@media (max-width: 768px) {.l-parallax-items{height: 250px;}}
.l-parallax-items-2{background:url('../images/nopreview.png') no-repeat center;height: 400px;background-repeat: no-repeat;border-radius: 20px 20px 0 0;}
@media (max-width: 992px) {.l-parallax-items-2{height: 250px;}}
@media (max-width: 768px) {.l-parallax-items-2{height: 350px;background-attachment: fixed;background-position: center;background-size: cover;}}
.l-parallax-items-3{height: 250px;background-repeat: no-repeat;border-radius: 20px 20px 0 0;overflow: hidden;}
@media (max-width: 992px) {.l-parallax-items-3{height: 200px;}}
@media (max-width: 768px) {.l-parallax-items-3{height: 250px;background-attachment: fixed;background-position: center;background-size: cover;}}
.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;}}
.card{box-shadow: 0 4px 8px 0 rgba(50, 50, 50, 0.2), 0 6px 20px 0 rgba(50, 50, 50, 0.19);}
.top-bottom-padd-mx{padding-top: 60px;padding-bottom: 70px;}
.top-bottom-padd{padding-top: 30px;padding-bottom: 35px;}
.top-bottom-padd-sm{padding-top: 20px;padding-bottom: 20px;}
.top-bottom-padd-xs{padding-top: 5px;padding-bottom: 5px;}
.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;}
.margin-left{margin-left: 10px;}
.margin-right{margin-right: 10px;}
.bg-wt{background-color: rgba(75,75,75,1)!important;padding:;z-index: 0;border-radius: 20px;}
.detail{background-color: rgba(50,50,50,0.9);color:rgb(200,200,200,1);border-radius: 0 0 20px 20px;}
.description-2{height: 130px;overflow: hidden;}@media(max-width: 992px){.description-2{height: 150px;}}
.description-3{height: 200px;overflow: hidden;}@media(max-width: 992px){.description-3{height: 250px;}}@media(max-width: 768px){.description-3{height: 150px;}}
.description-4{height: 200px;overflow: hidden;}@media(max-width: 992px){.description-4{height: 180px;}}@media(max-width: 768px){.description-4{height: 165px;}}
.profile{height: 200px;width: 200px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
.profile-sm{height: 100px;width: 100px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
.bar-line{position: absolute;width: 15%;height: 1px;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.bar-line-sm{position: absolute;width: 10%;height: 1px;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.bar-line-ssm{position: absolute;width: 5%;height: 1px;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.tabs button{background-color: white;border-radius: 20px 20px 0 0; color: rgba(55,25,85,1);float: left;width:20%;padding: 12px;margin:0; border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.tabs button:hover{opacity: 0.8;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.w3-blue{background-color: rgba(240,240,240,1)!important;color: rgba(50,50,50,1)!important; z-index: 10;}
#tabs7 button{width: 14.2857143%;}
.citys{background-color: rgba(240,240,240,1);}
.map{position: absolute;z-index: 10; left: 100%;top: -100px; width:100%;height:150%;opacity: 0.8;display: none;}
.mapmark:hover > .map{display: block;}
.menus span{position: relative;margin:4px;font-size: 14px;cursor: pointer;color:;}
.menus span:hover{color: rgba(204,0,0,1);}
.menus a{position: relative;float: right;}
#googleMap{position: absolute;z-index: 10;height: 100%; opacity: 1;}
.absolute-map{position: absolute;top:0;bottom: 0; left: 0;width:45%;height: 400px;}
.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;border-radius: 20px;}
.curve-cards{padding: 3px;background-color: rgba(0,20,40,0.3); border-radius: 20px 20px 0 0;overflow: hidden;}
.item-details{position: absolute;background-color: rgba(245,245,245,1); bottom: 0;height:; width:100%;bottom: 0;padding: 10px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.item-details h4{display: inline-block;float: left;}.item-details a{float: right; display: inline-block;margin-top: 6px;}
.padd-circles{border-radius: 50%;width: auto;display: inline-block;}
.padd-circles:hover .padd-circles-inside{border: 2px solid rgba(51,153,255,1);} 
.padd-circles-inside{border-radius: 50%;padding: 20px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;border: 2px solid rgba(100,100,100,1);}
.icons-insp h4{text-transform: uppercase;margin-top: 20px;}
/*.padd-circles-inside:hover{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;border: 1px solid black;outline: 10px solid red;outline-offset: -6px;}
*/
@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;}

.textbox{background-color: rgba(0,20,40,0.1);margin-bottom: 10px;height: 45px;border:unset;padding: 8px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox:hover{background-color: rgba(0,20,40,0.05);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox:focus, .commentbox:focus{border: 1px solid rgba(254,51,10,0.31);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox > option{position: relative;}
.commentbox{background-color: rgba(0,20,40,0.1);border:unset;margin-top: 10px;height: 200px;padding: 10px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.commentbox:hover{background-color: rgba(0,20,40,0.05);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}

.textbox-bg{background-color: rgba(255,255,255,0.04);margin-bottom: 10px;height: 45px;border:unset;padding: 8px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox-bg:hover{background-color: rgba(51,153,255,0.05);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox-bg:focus, .commentbox:focus{border: 1px solid rgba(254,51,10,0.31);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox-bg > option{position: relative;}
.commentbox-bg{background-color: rgba(255,255,255,0.04);border:unset;margin-top: 10px;height: 200px;padding: 10px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.commentbox-bg:hover{background-color: rgba(51,153,255,0.05);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}


.textbox-footer{background-color: rgba(100,100,100,0.1);margin-top: 15px;border:unset;height: 35px;padding: 5px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox-footer:hover{background-color: rgba(100,100,100,0.2);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.textbox-footer:focus{border: 1px solid rgba(254,51,10,0.31);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.commentbox-footer{background-color: rgba(100,100,100,0.1);margin-top: 15px;border:unset;height: 70px;padding: 5px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.commentbox-footer:hover{background-color: rgba(100,100,100,0.2);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.commentbox-footer:focus{border: 1px solid rgba(254,51,10,0.31);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
#bc2top {float: right;font-size: 20px;width: 50px;margin: 0;padding: 0;display: inline-block;line-height: 25px;}

.price {list-style-type: none;border: 1px solid rgba(150,150,150,1);margin: 0;padding: 0;-webkit-transition: 0.3s;transition: 0.3s;background-color: rgba(50,50,50,1);}
.price:hover {box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)}
.price .header {background-color: #111;color: white;font-size: 25px;}
.price .grey {background-color: rgba(234,61,10,1);color: rgba(255,255,255,1);font-size: 12px;padding: 15px;}
.price li {border-bottom: 1px solid #eee;padding: 10px;text-align: center;background-color: rgba(245,245,245,1);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.price li:hover{background-color:rgba(234,61,10,1);color:rgba(255,255,255,1);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.price li a{text-decoration: none;color: unset;}
.price li a:hover{text-decoration: none;color: unset;}
.price li a:active{text-decoration: none;color: unset;}
.border-top {border-top-width: thin;border-top-style: solid;border-top-color: rgba(255,255,255,0.2);}
.top-bottom-padd-li a{margin-top: -4px;}

.titbdy{background-color: rgba(25,25,25,1)!important;background: url(../images/bdy.png) fixed center;margin: 0;padding: ;}
.bg-bg{background: url(../images/FBUK5973.jpg) no-repeat fixed;background-size: cover;}
.center{position: relative;left: 12.5%;}
.min-height{min-height: 250px;}
.employ{overflow: hidden;}
.dark-btm{color:#fff;background-color: rgba(0,0,0,1);background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,1)); /*Safari 5.1-6*/background: -o-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,1)); /*Opera 11.1-12*/background: -moz-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,1)); /*Fx 3.6-15*/background: linear-gradient(to bottom, rgba(30,30,30,0.6), rgba(30,30,30,1)); /*Standard*/}
.dark-top{color:#fff;background-color: rgba(50,50,50,1);background: -webkit-linear-gradient(top,rgba(50,50,50,0.6),rgba(50,50,50,1)); /*Safari 5.1-6*/background: -o-linear-gradient(top,rgba(50,50,50,0.6),rgba(50,50,50,1)); /*Opera 11.1-12*/background: -moz-linear-gradient(top,rgba(50,50,50,0.6),rgba(50,50,50,1)); /*Fx 3.6-15*/background: linear-gradient(to top, rgba(30,30,30,0.6), rgba(30,30,30,1)); /*Standard*/}
.left-side{transform: translateY(30%);}

#more, #more2, #more3{height: 0;overflow: hidden;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.morebtn:hover .more{display: block;color: #02b;}
@keyframes colors{0%{color: rgba(51,153,255,1);}50%{color: rgba(51,102,153,1);}100%{color: rgba(51,153,255,1);}}
.color-change{animation-name: colors;animation-duration: 10s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}

.absl{position: absolute;width: 100%;bottom: 0;padding: 20px;background-color: rgba(50,50,50,0.9);color: #fff;margin-bottom: -60px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
@media(max-width:768px){.absl{height: 100%;top: 0;}}
.employ:hover > .absl{margin-bottom: 0px;}
.dtls{margin-top: 15px;}
.social-crcl{position: relative;border-radius: 50%;padding: 7px;opacity: 0.8;margin: 0;}
.social-crcl:hover{position: relative;border-radius: 50%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);padding: 7px;opacity: 1;margin: 0;}
.social-crcl-i{position: relative;border-radius: 50%;padding: 5px;margin:0;bottom: 1.5px; opacity: 1; background-color: rgba(250,45,25);}
.social-crcl img{margin-top: -4px;}

.tooltip {}
.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;}

@keyframes fb{from{background-color: rgba(103,121,167,0);}to{background-color: rgba(103,121,167,1);}}
#fb{background-color: rgba(103,121,167,0);}#fb:hover{background-color: rgba(103,121,167,1);animation:fb forwards 0.5s;}
@keyframes twt{from{background-color: rgba(109,203,239,0);}to{background-color: rgba(109,203,239,1);}}
#twt{background-color: rgba(109,203,239,0);}#twt:hover{background-color: rgba(109,203,239,1);animation:twt forwards 0.5s;}
@keyframes in{from{background-color: rgba(39,141,216,0);}to{background-color: rgba(39,141,216,1);}}
#in{background-color: rgba(39,141,216,0);}#in:hover{background-color: rgba(39,141,216,1);animation:in forwards 0.5s;}
@keyframes tg{from{background-color: rgba(39,141,216,0);}to{background-color: rgba(39,141,216,1);}}
#tg{background-color: rgba(39,141,216,0);}#tg:hover{background-color: rgba(39,141,216,1);animation:tg forwards 0.5s;}
@keyframes wsp{from{background-color: rgba(44,193,20,0);}to{background-color: rgba(44,193,20,1);}}
#wsp{background-color: rgba(44,193,20,0);}#wsp:hover{background-color: rgba(44,193,20,1);animation:wsp forwards 0.5s;}
@keyframes vib{from{background-color: rgba(128,10,157,0);}to{background-color: rgba(128,10,157,1);}}
#vib{background-color: rgba(128,10,157,0);}#vib:hover{background-color: rgba(128,10,157,1);animation:vib forwards 0.5s;}

.links-mob a{margin: 5px;padding: 7px 20px;border-radius: 40px; background-color:#eee;color: rgba(254,51,10,1); float: left;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.links-mob a:hover{opacity: 0.8;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.links-mob > a.active{background-color:rgba(254,51,10,1);color: white;}
/*************************************** 
********Panel CSS **********************
****************************************/


.fixed-navig-service{position: fixed;width:65%;left:;right:;top: 50px; z-index: 1000;display: none;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
.panel-btn:hover .fixed-navig-service{display: inline-block;cursor: pointer;}
.fixed-navig-service a{color: rgba(151,151,151,1);cursor: pointer;transition: 0.5s;display: block;}.fixed-navig-service a:hover{color:rgba(254,51,10,0.8);text-decoration: none;cursor: pointer;transition: 0.5s;}
.fixed-navig-service .head{color:rgba(254,51,10,1);font-family: boldfont;font-style: italic;}
.fixed{position:fixed;width: 25%;left:75%;color: #fff; height: 100%;}
.fixed-navig-service span{display: block;text-decoration: none;}
	
/*************************************** 
********Side Nav CSS  ~ ~ ~**********************
****************************************/

.sidenav {height: 100%;width: 0;position: fixed;z-index: 100;top: ;left: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.sidenav a {text-decoration: none;color: #818181;display: block;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.sidenav a:hover, .offcanvas a:focus{color: #f1f1f1;}
.sidenav li{padding: 15px;text-align: center;}
.sidenav li.head, .sidenav li.head:hover{padding: 10px;background-color: rgba(25,51,51,1);}
.sidenav li.active{background-color: rgba(51,51,51,1);}
.sidenav li:hover{background-color: rgba(51,51,51,1);}
.sidenav .closebtn {position: relative;float: right;font-size: 25px;top:-2px;right: 10px;}
#main {transition: margin-left .5s;}
			
/*************************************** 
********PanSlider*************
****************************************/
.panslider{overflow:hidden;}
.panslider input{display:none;}
div.slider{
  position: ;
  width: 300%;
  margin-left:0%;
    -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
    -webkit-transition: margin-left 0.5s;
  transition-timing-function: ease-in-out;
}
.panslider > input:nth-of-type(4):checked ~ div.slider {
  margin-left: -100%;
}
.panslider > input:nth-of-type(3):checked ~ div.slider {
  margin-left: -200%;
}
.panslider > input:nth-of-type(2):checked ~ div.slider {
  margin-left: -100%;
}
.panslider > input:nth-of-type(1):checked ~ div.slider {
  margin-left: 0%;
}
.panslider > .navigation {
  position: relative;
  width: 100px;
  margin-top: 30px;
  left: 50%;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.panslider > .navigation > div {
  margin-left: -100%;}
.panslider > .navigation label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 3px;
  padding: 7px;
  background: rgba(204,0,0,.4);
}
.panslider > .navigation label:hover:after {
  opacity: 1;
}
.panslider > .navigation label:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -7px;
  background: rgba(204,0,0,1);
  border-radius: 50%;
  padding: 7px;
  opacity: 0;
}
.panslider.inside .navigation {
  bottom: 10px;
  margin-bottom: 10px;
}
.panslider.inside .navigation label {
  border: 1px solid #7e7e7e;
}
.panslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
.panslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,
.panslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,
.panslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after {
  opacity: 1;
}

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