@charset "utf-8";

/* .section .rw100VH {height:100vh !important;} */

.sidr,body{
	overflow-x:hidden;
}

a,body{
	color:#003463;
}

.main-navigation,body,h1,h2,h3,h4,h5,h6{
	font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;
}

.btn:after,body,h1,h2,h3,h4,h5,h6{
	font-style:normal;
}

.btn,.site,.site-branding{
	position:relative;
}

#backtotop,.btn,.contact-item .icon,.heli-typed-words{
	text-align:center;
}

.btn,.comment-reply-link,.sidebar ul li{
	word-wrap:break-word;
}

@font-face{
	font-family:star;
	src:url(../fonts/star.eot);
	src:url(../fonts/stard41dd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/star.woff) format("woff"),url(../fonts/star.ttf) format("truetype"),url(../fonts/star.svg#star) format("svg");
	font-style:normal;
}

*{
	padding:0;
	margin:0
}

*,:active,:focus,:hover{
	outline:0!important
}

body{
	font-weight:300;
	font-size:16px;
	line-height:1.5;
	letter-spacing:.05em
}

.btn,.btn-shop{
	font-size:12px
}

ol,ul{
	list-style: none;
	margin-left: 10px;
}

a{
	text-decoration:none;
	-webkit-transition:all .1s cubic-bezier(.645,.045,.355,1);
	transition:all .1s cubic-bezier(.645,.045,.355,1)
}

.accordion .accordion-heading,.btn{
	-webkit-transition:all .2s ease-in-out
}

a:hover{
	text-decoration:none;
	color:#aaa
}

a:focus{
	text-decoration:none
}

b,strong{
	font-weight:900
}

p{
	margin-bottom: 8px;
    font-size: 17px;
}

img{
	max-width:100%;
	height:auto;
}

iframe{
	border:none;
	width:100%
}

h1,h2,h3,h4,h5,h6{
	font-weight:300;
	line-height:1.0;
	letter-spacing:.1em;
	color:#fff;
	margin-top:0
}

.btn-shop,.btn:after,input,select,textarea{
	font-weight:400;
	display:inline-block
}

input,select,textarea{
	margin-bottom:10px;
	padding:10px 15px;
	max-width:100%;
	width:100%;
	border:1px solid #ddd;
	box-shadow:none;
	color:#888;
	font-size:12px
}

.btn,input[type=checkbox],input[type=radio]{
	width:auto
}

hr.dashed,hr.dotted{
	border-top-width:2px
}

input:focus,textarea:focus{
	box-shadow:none!important
}

hr.gray{
	border-color:#444
}

hr.dashed{
	border-top-style:dashed
}

hr.dotted{
	border-top-style:dotted
}

.required{
	color:red;
	font-weight:700;
	border:0
}

.btn{

    display:inline-block;

    margin-bottom:0;

    cursor:pointer;

    color:#5472D2;

    border:1px solid #fff;

    transition:all .2s ease-in-out;

    line-height:normal;

    padding:12px 30px;

    letter-spacing:.2em;

    background:0 0

}

.btn:hover{

    padding-right:38px;

    padding-left:22px;

    background-color:#FFF

}

.btn:after{

    visibility:hidden;

    transition:all .2s cubic-bezier(.645,.045,.355,1);

    content:"\f178";

    color:#222;

    font-family:FontAwesome;

    font-variant:normal;

    text-transform:none;

    line-height:1;

    opacity:0;

    margin-left:-18px

}

#show table a,#side-box-container .menu li a,#side-box-container .widget li a,.btn-shop,.form-submit,.newsletter-form input[type=submit],.uppercase{

    text-transform:uppercase

}

.btn:hover:after{

    transform:translateX(18px);

    visibility:visible;

    opacity:1

}

.btn.btn-large{

    padding:18px 35px

}

.btn.btn-large:hover{

    padding-right:43px;

    padding-left:27px

}

.btn.btn-white{

    color:#fff

}

.btn.btn-dark{

    color:#2A2A2A;

    border-color:#2A2A2A

}

.btn.btn-biru{

    color:#003463;

    border-color:#2A2A2A

}

.btn.btn-bg-white{

    color:#5e5e5e;

    background-color:#f0f0f0;
    padding-top: 5px;
    padding-bottom: 5px;

}

.btn.btn-bg-biru{

    color:#fff;

    background-color:#0986d3;

    border: 0px;
    margin-bottom: 10px;

}

.btn.btn-bg-abu{

    color:#2d2d2d;

    background-color:#e0e0e0;

    border: 0;

    box-shadow: 1px 2px 2px #919191;

}

.btn.btn-bg-dark{

    background-color:#222;

    color:#fff

}

.btn.btn-white:hover{

    color:#222

}


.btn.btn-biru:hover{

    color:#fff;

    border-color:#2A2A2A;

    background-color:#2A2A2A

}

.btn.btn-abu:hover{

    color:#fff;

    background-color:#2A2A2A;

    

}

.btn.btn-dark:hover{

    color:#fff;

    border-color:#2A2A2A;

    background-color:#2A2A2A

}

.btn.btn-dark:hover:after{

    color:#fff

}

.btn.btn-abu:hover:after{

    color:#2d2d2d

}

.btn.btn-bg-white:hover{

    color:#666;

    background-color:#FFF

}



.btn.btn-bg-white:hover:after{

    color:#666

}

.btn.btn-bg-dark:hover:after{

    color:#fff

}

.btn.btn-bg-biru:hover:after{

    color:#fff

}

.btn.btn-rounded{

    border-radius:40px

}

.btn-shop{

    transition:all 10ms cubic-bezier(.645,.045,.355,1);

    padding:5px 0 2px;

    border-bottom:1px solid #444;

    letter-spacing:.3rem

}

.btn-shop:before,.feature-item.style-1 .feature-icon,.feature-item.style-1 h4{

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.btn-shop:hover{

    border-color:transparent

}

.btn-shop:before{

    display:inline-block;

    margin-left:-35px;

    padding-right:5px;

    content:url(../images/arrow.svg);

    vertical-align:middle;

    opacity:0

}

.btn-shop:hover:before{

    margin-left:0;

    opacity:1

}

.fullwidth{

    width:100%

}

.site-branding{

    z-index:99999;

    padding-left:15px;

    max-width:100%;

    -ms-flex-preferred-size:auto;

    flex-basis:auto

}

.header-left-menu .site-branding{

    padding-left:0;

    max-width:none;

    margin-bottom:30px

}

.search-form-container-full{

    transition:all .3s ease .15s;

    position:fixed;

    top:0;

    left:0;

    z-index:9999999;

    visibility:hidden;

    width:100%;

    height:100%;

    opacity:0;

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden;

    background-color:rgba(0,0,0,.85);

    color:#fff

}

.search-form-container-full.open{

    visibility:visible;

    opacity:1

}

.search-form-container-full .search-form{

    transition:all .3s ease .15s;

    position:relative;

    opacity:0;

    transform:translateY(50px)

}

.search-form-container-full.open .search-form{

    opacity:1;

    transform:translateY(0)

}

.search-form-container-full .search-form .search-field{

    margin-bottom:0;

    padding:17px 0;

    width:100%;

    border:0;

    border-bottom:1px solid #fff;

    background-color:transparent;

    color:#fff;

    font-weight:300;

    font-size:26px;

    line-height:1.2em

}

.search-form-container-full .search-form .button-search{

    position:absolute;

    top:50%;

    right:0;

    padding:0;

    border:0;

    background-color:transparent;

    transform:translateY(-50%)

}

.search-form-container-full .search-form .button-search i{

    font-size:30px;

    transition:color .2s;

    color:#fff;

    cursor:pointer

}

.search-form-container-full .search-wrap,.search-form-container-full>.container,.search-form-container-full>.container>.row{

    height:100%

}

.search-form-container-full .search-wrap{

    position:relative

}

.search-form-container-full .middle{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:100%

}

.menu-button{

    position:relative;

    width:20px;

    height:14px;

    cursor:pointer

}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: rgb(67, 158, 201);
    overflow-x: hidden; 
    padding-top: 10px;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  .sidenav ul{
    padding: 30px 20px 0 15px;
  }

  .sidenav li a:hover {
    color: #e0e0e0;
}
.sidenav li a {
    display: block;
    color: #ffff;
    margin-bottom: 15px;
    font-weight: 400;
    /* font-size: 14px; */
    text-transform: uppercase;
}

.sidenav-i{
    color: #fff;
    transition: all .3s;
    font-size: 50px;
    padding: 0px 55px;
    text-align: right;
    display: block;
}
.sidenav-i:hover {
    color: #4969a8 !important;
}
.sidenav-is{
    margin-top: 85px;
}

.sidenav-is ul{
    display: block;
}

.sidenav-is li{
    display: inline-block;
}

.sidenav-is li a {
    margin-right: 3px;
}
/* .sidenav-is li a:last-child {
    margin-right: 0px;
} */
.sidenav-is.social li a .fa {
    border-radius: 50%;
    border: 1px solid #fff;
    color: #4969a8;
    background-color: #fff;
    padding: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.12em;
}
.sidenav-is.social li a .fa:hover{
    color: #fff;
    background-color: #ffffff00;
    border: 1px solid #fff;
}

.sidenav-is a{
    /* margin-right: 2px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    line-height: 30px;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 0.745625rem;
    display: block;
    text-align: center; */
}

.sidr{

    position:fixed;

    top:0;

    z-index:999999;

    display:block;

    overflow-y:auto;

    width:350px;

    height:100%

}

.sidr.right{

    right:-350px;

    left:auto

}

#side-box-container{
    padding:50px 50px 0;
    max-width:16%;
    background-color:#08a3df;
    right:-350px;
    transition:right .2s ease;
}
#side-box-container .bg-overlay-dark {
    opacity: .9;
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    left: 0;
    z-index:-1!important;
    position: fixed;
    max-width: 84%;
}
#side-box-container .button-side-box-close{

    margin-left:-18px;

    color:#fff;

    font-size:60px;

    transition:all .3s

}

#side-box-container .button-side-box-close:hover{

    color:#e0e0e0;

}

#side-box-container .side-box-inner{

    position:absolute;

    top:170px;

    bottom:70px;

    left:0;

    overflow-y:auto;

    padding:0 50px;

    width:100%

}

#side-box-container .widget{

    color:#fff;

    font-weight:300

}

#side-box-container .widget:not(:first-child){

    margin-top:100px

}

#side-box-container .widget .widget-title{

    margin-bottom:17px;

    color:#666;

    text-transform:uppercase;

    font-weight:400;

    font-size:13px

}

#side-box-container .widget a{

    color:#fff;

    font-weight:400;

    font-size:14px

}

#side-box-container .widget ul{

    margin:0;

    padding:0;

    list-style:none

}

#side-box-container .widget li a{

    display:block;

    margin-bottom:15px

}

#side-box-container .widget li a:hover{

    color:#e0e0e0

}

#side-box-container .side-box-social-list{

    position:absolute;

    bottom:50px;

    left:50px;

    margin:0;

    padding:0

}

#side-box-container .side-box-social-list li,.social-list-inline li{

    display:inline-block

}

#side-box-container .side-box-social-list li a:hover,.social-list-inline li a:hover{
    color:#fff;
    background-color: #ffffff00;
    border: 1px solid #fff;
}
#side-box-container .side-box-social-list li a,.social-list-inline li a{
    margin-right: 2px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    line-height: 30px;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 0.745625rem;
    display: block;
    text-align: center;

}

#side-box-container .side-box-social-list li a i,.social-list-inline li a i{
    color: #4969a8;
    transition: color .3s;
    font-size: 14px;

}

#side-box-container .side-box-social-list li a:hover i,.social-list-inline li a:hover i{

    color:#fff;

}

#side-box-container .menu{

    padding-left:0

}

#side-box-container .menu li{

    position:relative;

    display:block;

    float:none;

    padding:5px 0;

    width:100%

}

#side-box-container .menu li a{

    color:#fff;

    font-weight:400;

    font-size:14px

}

#side-box-container .menu .sub-menu{

    padding-top:5px;

    padding-left:20px

}

#side-box-container .menu li .menu-parent-toggle{

    position:absolute;

    top:5px;

    right:0;

    width:20px;

    height:20px;

    background-color:#333

}

#side-box-container .menu li .menu-parent-toggle i{

    position:absolute;

    top:50%;

    left:50%;

    font-size:20px;

    transform:translate(-50%,-50%)

}

.bg-overlay,.bg-overlay-dark,.bg-overlay-white{

    position:absolute;

    top:0;

    right:0;

    left:0;

    z-index:0;

    bottom:0

}

.header-icon-search{

    display:inline-block

}

.bg-overlay{

    background-color:rgba(0,0,0,.7)

}

.bg-overlay-dark{

    background-color:rgba(0,0,0,.8)

}

.bg-overlay-white{

    background-color:rgba(255,255,255,.92)

}

.mw-200{

    max-width:200%

}

.full-left{

    margin-left:-100px

}

.newsletter-form input[type=email]{

    float:left;

    margin-right:20px;

    padding:13px 0;

    width:100%;

    border:0;

    border-bottom:1px solid #bbb;

    background:0 0;

    color:#222;

    max-width:900px;

    font-size:16px

}

.newsletter-form input[type=submit]{

    padding:15px 30px;

    border:1px solid transparent;

    border-radius:30px;

    letter-spacing:.2em;

    transition:all .5s cubic-bezier(.645,.045,.355,1);

    background-color:#333;

    color:#fff;

    width:auto

}

.newsletter-form input[type=submit]:hover{

    border:1px solid #222;

    background:#fff;

    color:#222

}

.newsletter-form.style-2{

    margin-top:15px;

    display:block;

    width:100%

}

.newsletter-form.style-2 input[type=email]{

    float:none;

    display:block;

    margin-right:auto;

    margin-left:auto;

    padding:14px 20px;

    width:100%;

    border:1px solid #fff;

    background:0 0;

    color:#fff;

    max-width:680px;

    font-size:16px

}

.newsletter-form.style-2 input[type=submit]{

    display:inline-block;

    margin-top:10px

}

.office{

    padding-top:30px

}

.office p{

    margin-bottom:10px

}

.office.vcard p{

    margin-bottom:0

}

.office i{

    width:27px;

    font-size:20px

}

#backtotop{

    position:fixed;

    right:20px;

    background:#222;

    width:40px;

    height:40px;

    line-height:40px;

    color:#fff;

    font-size:15px;

    z-index:9999;

    -webkit-transition:all .3s linear 0s;

    -khtml-transition:all .3s linear 0s;

    -moz-transition:all .3s linear 0s;

    -ms-transition:all .3s linear 0s;

    -o-transition:all .3s linear 0s;

    transition:all .3s linear 0s

}

.form-control,.form-control:focus{

    background-color:transparent

}

.form-submit,.tagcloud a{

    transition:all .5s cubic-bezier(.645,.045,.355,1)

}

#backtotop.on{

    bottom:15px

}

.heli-word-slide{

    color:#fff;

    letter-spacing:0;

    font-weight:700;

    font-size:90px;

    line-height:1;

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:100%

}

.heli-word-slide #js-rotating{

    display:inline;

    text-indent:10px

}

.heli-word-slide #js-rotating>span{

    overflow:hidden;

    font-style:italic;

    font-family:'Playfair Display'

}

.heli-listing{

    margin:5px;

    padding:0

}

.heli-listing li,.heli-listing-arrow li,.heli-listing-checked li{

    list-style-type:none

}

.heli-listing li:before,.heli-listing-arrow li:before,.heli-listing-checked li:before{

    margin-right:10px;

    line-height:1;

    font-style:normal;

    font-weight:400;

    font-family:Pe-icon-7-stroke;

    vertical-align:middle;

    margin-left: -27px;

}

.heli-listing li:before{

    content:"\e685"

}

.heli-listing-arrow li:before{

    content:"\e684"

}

.heli-listing-checked li:before{

    content:"\e66c"

}

.heli-listing-square{

    margin:0;

    padding:0 20px

}

.heli-listing-square li{

    margin-bottom:10px;

    list-style-type:square

}

.heli-listing-circle{

    margin:0;

    padding:0 20px

}

.heli-listing-circle li{

    margin-bottom:10px;

    list-style-type:circle

}

.heli-order{

    margin:0;

    padding:0 20px

}

.heli-order li{

    margin-bottom:10px;

    list-style:decimal

}

.heli-typed-words{

    color:#444;

    font-size:36px;

    font-weight:400;

    line-height:1.6;

    letter-spacing:.05em;

    max-width:920px;

    margin:0 auto

}

.heli-typed-words #typed,.heli-typed-words .typed-cursor{

    color:#3aacc7

}

.heli-typed-words .dh-typed-text-wrap{

    display:inline-block;

    padding:5px 10px

}

.form-control{

    margin-bottom:15px;

    border:1px solid #ddd;

    color:#222;

    border-radius:0;

    font-size:16px;

    padding-top:20px;

    padding-bottom:20px;

    height:34px

}

textarea.form-control{

    height:auto

}

.black .form-control{

    border-color:#444;

    color:#fff

}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2.3rem;
    font-weight: 100;
}

.form-submit{

    font-weight:400;

    font-size:12px;

    cursor:pointer;

    margin-bottom:15px;

    border:1px solid #888;

    padding:12px 30px;

    border-radius:40px;

    letter-spacing:.2em;

    background:0 0;

    width:auto

}

.black .form-submit{

    border-color:#444;

    color:#fff

}

.form-submit:hover{

    background-color:#222;

    color:#fff

}

.black .form-submit:hover{

    background-color:#fff;

    color:#222

}

.social-icons>a{

    margin-right:10px;

    font-size:18px;

    display:inline-block

}

.barber-shop-info{

    padding:15% 18%

}

.video-background{

    position:absolute;

    width:100%;

    height:100%;

    left:0;

    top:0;

    z-index:-2;

    overflow:hidden

}

.video-background .video-background-inner{

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    transform:translate(-50%,-50%);

    overflow:hidden;

    width:1920px;

    height:1080px;

    padding-bottom:56.25%;

    background-image:url(../images/background/bg_7.jpg);

    background-position:center center;

    background-repeat:no-repeat;

    background-size:cover

}

.video-background video{

    width:100%;

    height:auto

}

.popup-video-wrapper{

    position:relative;

    display:inline-block;

    min-width:100px;

    min-height:100px

}

.popup-video img{

    width:100%

}

.popup-video .video-overlay .video-play{

    border-radius:50%;

    width:100px;

    height:100px;

    color:#fff;

    background:0 0;

    border:1px solid #fff;

    font-size:35px

}

.popup-video .video-overlay .video-play,.popup-video .video-overlay .video-play i{

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    transform:translate(-50%,-50%);

    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.popup-video .video-play:hover{

    -webkit-transform:translate(-50%,-50%) scale(1.1);

    -ms-transform:translate(-50%,-50%) scale(1.1);

    transform:translate(-50%,-50%) scale(1.1)

}

.popup-video .video-overlay .video-play.left{

    position:absolute;

    top:50%;

    left:0;

    -webkit-transform:translate(0,-50%);

    -ms-transform:translate(0,-50%);

    transform:translate(0,-50%)

}

.popup-video .video-play.left:hover{

    -webkit-transform:translate(0,-50%) scale(1.1);

    -ms-transform:translate(0,-50%) scale(1.1);

    transform:translate(0,-50%) scale(1.1)

}

.multiscroll-logo{

    position:absolute;

    top:100px;

    left:100px;

    z-index:9999

}

.ms-section .social-list li{

    list-style:none;

    width:60px;

    height:60px;

    display:inline-block;

    font-size:30px

}

#map{

    width:100%;

    height:100%;

    min-height:500px

}

.gotoshop>div:last-child{

    border:0

}

.left-menu-content #main{

    margin-left:322px

}

.time-loc{

    display:inline-flex;

    width:100%;

    justify-content:center

}

.content-middle{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%)

}

.onepage-pagination{

    position:fixed;

    right:75px;

    top:50%;

    z-index:5;

    list-style:none;

    margin:0;

    padding:0

}

.onepage-pagination li{

    padding:0;

    text-align:center

}

.onepage-pagination li a{

    padding:10px;

    width:10px;

    height:10px;

    display:block

}

.onepage-pagination li a:before{

    content:'';

    position:absolute;

    width:10px;

    height:10px;

    background:0 0;

    border-radius:10px;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    border:1px solid #CCC

}

.onepage-pagination li.active a:before{

    width:10px;

    height:10px;

    background:#CCC

}

#show table,#show table a{

    color:#fff

}

#show table td{

    border:1px solid #444;

    padding:2% 4%

}

#show table tr td:nth-child(1){

    width:23%

}

#show table tr td:nth-child(2){

    width:58%

}

#show table a{

    border-bottom:1px solid #fff

}

.contact-item .icon{

    float:left;

    margin:0 10px 0 0;

    line-height:0;

    font-size:14px;

    background-color:rgba(255,255,255,.1);

    border-radius:100%;

    display:inline-block;

    border:2px solid transparent;

    width:4em;

    height:4em;

    box-sizing:content-box;

    position:relative

}

.contact-item .icon i{

    color:#fff;

    font-size:40px;

    font-style:normal;

    font-weight:400;

    display:inline-block;

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    -o-transform:translate(-50%,-50%);

    transform:translate(-50%,-50%)

}

.contact-item h2{

    font-size:16px;

    color:#fff;

    text-align:left;

    font-weight:700;

    text-transform:none;

    letter-spacing:normal;

    padding-top:5px

}

.bread_crumb,.bread_crumb a{

    color:#A6A6AC

}

.breadcrumb{

    padding:0;

    background:0 0;

    margin-bottom:3px

}

.bread_crumb{

    position:relative;

    display:inline-block;

    padding:0;

    margin-bottom:0;

    margin-left:3px;

    text-transform:none

}

.comment-content h3,.comment-reply-link,.comment-reply-title,.comments-title,.sidebar .widget-title,.table thead,table thead{

    text-transform:uppercase

}

.bread_crumb li{

    display:inline-block;

    margin-right:6px

}

.bread_crumb li a:after{

    margin-left:10px;

    content:'/'

}

.bread_crumb li:last-child a:after{

    margin:0;

    content:''

}

.faq-title .icon{

    float:left;

    font-size:14px;

    margin-right:20px

}

.faq-title .icon i{

    font-size:90px

}

.pagination{

    margin-bottom:70px;

    align-items:center;

    justify-content:center

}

.pagination a, .pagination span {
    /* line-height: 48px; */
    display: inline-block;
    margin-right: 10px;
    width: 48px;
    height: 48px;
    border: 1px solid #476d8e;
    color: #222;
    text-align: center;
    line-height: 30px;
}

.pagination .next,.pagination .prev{

    width:auto;

    border:0

}

.section.border-bottom,.sidebar ul li{

    border-bottom:1px solid #eee

}

.pagination a:not(.next):not(.prev):hover,.pagination span.current{

    background-color: #0986d3;
    color: #fff;
    font-weight: 800;
    padding-top: 7px;
    }


.sidebar .widget{

    margin-bottom:60px

}

.sidebar .widget-title{

    display:inline-block;

    margin-bottom:20px;

    font-weight:400;

    font-size:16px;

    line-height:1

}

.sidebar .widget ul{

    margin:0;

    padding:0

}

.sidebar ul li{

    display:block;

    margin-bottom:10px;

    padding-bottom:10px

}

.sidebar .widget-recent-entries li a:before{

    margin-right:10px;

    content:"\e69d";

    font-family:Pe-icon-7-stroke

}

.sidebar .widget-recent-entries li span{

    display:inline-block;

    margin-left:24px;

    color:#666;

    font-size:13px

}

.sidebar .widget-recent-comments span:before{

    margin-right:10px;

    content:"\e693";

    font-family:Pe-icon-7-stroke

}

.sidebar .widget-recent-comments a{

    display:inline;

    padding:0;

    margin:0

}

.sidebar .widget-archive a:before{

    margin-right:10px;

    content:"\e653";

    font-family:Pe-icon-7-stroke

}

.tagcloud a{

    display:inline-block;

    margin-right:8px;

    margin-bottom:10px;

    padding:7px 19px;

    border:1px solid #ddd;

    border-radius:20px;

    font-size:16px

}

.author-info img,.comment .comment-author img{

    border-radius:100%;

    height:auto

}

.tagcloud a:hover{

    background-color:#222;

    color:#fff

}

blockquote{

    border-left:4px solid #707070;

    border-left:4px solid rgba(51,51,51,.7);

    color:#707070;

    color:rgba(51,51,51,.7);

    font-size:1.8rem;

    font-style:italic;

    line-height:1.6667;

    margin:0 0 1rem;

    padding-left:.7778em

}

blockquote>p:last-child{

    margin-bottom:0

}

.author-info{

    margin-bottom:40px;

    padding:50px 30px;

    background-color:#222;

    color:#fff

}

.author-info h3{

    color:#fff

}

.comments-title{

    font-weight:400;

    font-size:16px

}

.comment-list{

    margin:0;

    padding:0;

    list-style:none

}

.comment-list>.comment{

    border-bottom:1px solid #ddd;

    display:block;

    position:relative;

    float:left;

    width:100%

}

.comment>div{

    margin-bottom:20px;

    padding:20px

}

.comment .comment-author{

    float:left;

    margin-right:20px

}

.comment .comment-author img{

    max-width:100%

}

.comment-content{

    padding-left:120px

}

.comment-content h3{

    color:#000;

    letter-spacing:.1em;

    font-weight:400;

    font-style:normal;

    font-size:14px

}

.comment-list .children{

    margin:0;

    border-top:1px solid #ddd;

    list-style:none;

    padding-left:40px

}

.comment-list .children .comment{

    position:relative;

    float:left;

    width:100%

}

.comment-reply-link{

    position:absolute;

    top:20px;

    right:20px;

    border-bottom:1px solid #222;

    letter-spacing:.1em;

    font-weight:400;

    font-size:12px

}

.comment-respond{

    float:left;

    width:100%

}

.comment-reply-title{

    margin-top:30px;

    margin-bottom:30px;

    font-weight:400;

    font-size:16px

}

.comment-form textarea{

    height:200px;

    resize:vertical

}

form.login{

    border:1px solid #d3ced2;

    padding:20px;

    margin:2em 0;

    text-align:left

}

form.login label{

    display:block

}

table{

    width:100%

}

.table thead,table thead{

    background-color:#f2f2f5;

    color:#202020;

    letter-spacing:2.4px;

    font-size:80%;

    font-weight:400;

    border:1px solid #ddd;

    border-bottom:0

}

.table tr:last-child,table tr:last-child{

    border-bottom:0

}

.table td,.table th,table td,table th{

    padding:5px;

    font-weight:400

}

.table>tbody>tr>td,.table>thead>tr>th{

    border-bottom:none;

    border-top:none

}

.header-bottom-line:after{

    content:"";

    display:block;

    clear:both;

    width:40px;

    height:1px;

    background-color:#212121;

    margin-top:22px

}

.dropcap-01,.dropcap-02,.dropcap-03,.dropcap-04{

    display:inline-block;

    margin:0 5px 0 0;

    padding:5px 20px;

    border:1px solid #ddd;

    font-weight:900;

    font-size:32px

}

.dropcap-02{

    background-color:#ddd

}

.dropcap-03,.highlighted-black{

    background-color:#222;

    color:#fff

}

.dropcap-04{

    padding-right:0;

    padding-left:0;

    border:0

}

.block-border{

    border:1px solid #ddd

}

.highlighted-yellow{

    background-color:#fee7af

}

.page-open-mobile-menu{

    height:30px;

    -webkit-box-align:center;

    -webkit-align-items:center;

    -ms-flex-align:center;

    align-items:center;

    display:none

}

.page-open-mobile-menu div{

    position:relative;

    width:24px;

    height:18px;

    cursor:pointer;

    margin-top:6px

}

.page-open-mobile-menu i{

    color:#fff;

    position:absolute;

    top:50%;

    left:0;

    margin-top:-1px;

    width:100%;

    height:2px;

    background:currentColor;

    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.page-open-mobile-menu i::after,.page-open-mobile-menu i::before{

    position:absolute;

    left:0;

    width:100%;

    height:100%;

    background:inherit;

    content:" ";

    -webkit-transition:width .3s cubic-bezier(.645,.045,.355,1);

    transition:width .3s cubic-bezier(.645,.045,.355,1)

}

.menu-button:after,.menu-button:before{

    content:''

}

.header,.main-navigation .main-menu>li,.main-navigation .main-menu>li .sub-menu a,.main-navigation .sub-menu{

    transition:all .5s cubic-bezier(.645,.045,.355,1)

}

.page-open-mobile-menu i:before{

    top:-8px

}

.page-open-mobile-menu i:after{

    top:8px

}

.headroom.headroom--not-top .page-open-mobile-menu i,.page-open-mobile-menu.dark i{

    color:#fff

}

.header{

    background-color:rgba(0,0,0,0);

    position:relative

}

.header.header-transparent{

    background:0 0;

    position:fixed;

    top:0;

    left:0;

    z-index:999;

    width:100%

}

.header>.container-fluid>.row>div,.header>.container>.row>div{

    position:static

}

.menu-button span,.menu-button:after,.menu-button:before{

    position:absolute;

    width:100%;

    height:2px;

    background-color:#fff

}

.header-column-icon-container{

    text-align:right;

    padding-top:27px

}

.header-column-icon-container .header-icon{

    float:none;

    margin-top:0;

    margin-right:0;

    margin-left:20px;

    color:#fff;

    cursor:pointer

}

.header-column-icon-container .header-icon.header-icon-cart,.header-column-icon-container .header-icon.header-icon-search i{

    font-size:20px

}

.header-column-icon-container .header-icon.header-icon-canvas{

    margin-bottom:2px

}

.header-white .header-column-icon-container .header-icon{

    color:#fff

}

.menu-button:before{

    top:0;

    left:0

}

.menu-button span{

    margin:auto;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%)

}

.menu-button:after{

    bottom:0;

    left:0

}

.header-white .menu-button span,.header-white .menu-button:after,.header-white .menu-button:before{

    background-color:#fff

}

.headroom--not-top.header-transparent{

    background:#0a9fdd

}

.header-white.headroom--not-top .main-navigation .main-menu>li>a{

    color:#222

}

.header-white.bg-dark.headroom--not-top .main-navigation .main-menu>li>a{

    color:#fff

}

.headroom--not-top .menu-button span,.headroom--not-top .menu-button:after,.headroom--not-top .menu-button:before{

    background-color:#222

}

.header-white.bg-dark.headroom--not-top .menu-button span,.header-white.bg-dark.headroom--not-top .menu-button:after,.header-white.bg-dark.headroom--not-top .menu-button:before{

    background-color:#fff

}

.header-1 .header-column-icon-container,.header-2 .header-column-icon-container{

    padding-right:70px

}

.header-1>.container .header-column-icon-container,.header-2>.container .header-column-icon-container{

    padding-right:0

}

.header.container-wide-2>.container,.header.container-wide>.container{

    position:relative

}

.header-left-menu{

    position:fixed;

    top:0;

    left:0;

    z-index:9;

    padding:50px;

    height:100%;

    width:322px

}

.header-mobile{

    display:none

}

.main-navigation{

    z-index:999;

    width:100%;

    font-weight:400;

    font-style:normal;

    font-size:14px;

    line-height:1.5;

    letter-spacing:.1em;

    position:static;

    max-width:80%;

    -ms-flex-preferred-size:80%;

    flex-basis:80%

}

.main-navigation.fullwidth{

    max-width:100%;

    -ms-flex-preferred-size:100%;

    flex-basis:100%

}

.main-navigation .main-menu{

    margin-bottom:0

}

.main-navigation .main-menu>li{

    position:relative;

    display:inline-block;

    padding:24px 15px

}

.main-navigation .main-menu>li a{

    position:relative;

    z-index:1;

    text-transform:uppercase;

    color:#222

}

.main-navigation .sub-menu{

    position:absolute;

    top:120%;

    left:0;

    z-index:2;

    visibility:hidden;

    margin:0;

    padding:0 0 20px;

    width:350px;

    border-top:2px solid #ddd;

    border-bottom:2px solid #ddd;

    background-color:#f7f7f7;

    opacity:0

}

.main-navigation .sub-menu li{

    position:relative;

    display:block;

    padding:20px 40px 0;

    line-height:1.5

}

.main-navigation .main-menu>li>.sub-menu>li.menu-item-has-children:after{

    position:absolute;

    top:67%;

    right:20px;

    content:"\e684";

    font-size:18px;

    font-family:Pe-icon-7-stroke;

    font-style:normal;

    font-weight:400;

    font-variant:normal;

    text-transform:none;

    line-height:1

}

.main-navigation .main-menu li:hover>.sub-menu{

    top:100%;

    z-index:999;

    visibility:visible;

    opacity:1

}

.main-navigation .main-menu li>.sub-menu .sub-menu{

    top:0;

    left:100%

}

.main-navigation .main-menu>li.mega-menu{

    position:static

}

.main-navigation .main-menu>li.mega-menu .sub-menu{

    width:100%

}

.main-navigation .main-menu>li.mega-menu>ul>li .column-inner{

    padding:30px 0;

    width:100%

}

.main-navigation .main-menu>li .sub-menu a{

    color:#666

}

.main-navigation .main-menu>li.mega-menu>ul>li .mega-menu-content>.row>div:after{

    position:absolute;

    top:0;

    right:0;

    display:block;

    height:100%;

    border-right:1px solid #ddd;

    content:""

}

.main-navigation .main-menu>li.mega-menu>ul>li .mega-menu-content>.row>div:last-child:after{

    display:none

}

.main-navigation .main-menu>li .sub-menu a:hover{

    color:#ddd;

    border-bottom:1px solid #ddd

}

.main-navigation .main-menu>li.mega-menu>ul>li .mega-menu-content .column-inner h4{

    padding-left:20px;

    margin-bottom:10px;

    color:#222;

    text-transform:uppercase;

    font-size:16px

}

.main-navigation .main-menu>li.mega-menu ul{

    padding:0 20px

}

.main-navigation .main-menu>li.mega-menu ul li{

    padding:10px 0

}

.main-navigation .main-menu>li.mega-menu>ul>li{

    padding:0

}

.header-1 .main-navigation,.header-2 .main-navigation{

    padding-left:20px

}

.header-white .main-navigation .main-menu>li>a{

    color:#fff

}

.mobile-menu{

    margin:0;

    padding:0

}

.mobile-menu li{

    display:block;

    list-style-type:none

}

.mobile-menu a{

    position:relative;

    display:block;

    font-weight:400;

    letter-spacing:0;

    line-height:1.5;

    text-transform:uppercase;

    font-size:14px

}

.mobile-menu>li>a{

    padding:5px 0;

    color:#fff

}

.mobile-menu .toggle-sub-menu{

    position:absolute;

    top:50%;

    right:0;

    width:20px;

    height:20px;

    background:hsla(0,0%,100%,.1);

    color:#fff;

    text-align:center;

    line-height:20px;

    z-index:5;

    -webkit-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    transform:translateY(-50%);

    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.section-cover,.section-fixed{

    background-repeat:no-repeat;

    background-size:cover

}

.header-left-menu .primary-menu .sub-menu,.header-left-menu .primary-menu ul li{

    text-align:left;

    line-height:normal;

    direction:ltr;

    -webkit-tap-highlight-color:transparent;

    list-style:none

}

.mobile-menu .toggle-sub-menu:after{

    display:block;

    content:"\f105";

    font-size:12px;

    font-family:FontAwesome

}

.mobile-menu .toggle-sub-menu.open:after{

    content:"\f107"

}

.mobile-menu .sub-menu a{

    font-size:14px;

    color:#fff;

    padding:8px 0

}

.mobile-menu .sub-menu{

    display:none;

    margin:12px 0 14px 10px

}

.mobile-menu .sub-menu.open{

    display:block

}

.mobile-menu li a:hover{

    color:#888

}

.header-left-menu .primary-menu ul li{

    position:relative;

    display:block;

    margin:0;

    width:100%;

    float:none;

    padding:15px 0

}

.header-left-menu .main-navigation .main-menu>li.mega-menu{

    position:relative

}

.header-left-menu .primary-menu .sub-menu{

    background-color:#fff;

    visibility:hidden;

    opacity:0;

    position:absolute;

    padding:25px 0;

    min-width:270px;

    box-shadow:0 0 10px 3px rgba(0,0,0,.05);

    transition:all .3s ease;

    top:200%;

    left:100%

}

.header-left-menu .main-navigation .main-menu>li.mega-menu .sub-menu{

    max-width:calc(100vw - 320px);

    width:1170px

}

.header-left-menu .main-navigation .main-menu li:hover>.sub-menu{

    top:20px

}

.header-left-menu .primary-menu .sub-menu li{

    padding:10px 40px

}

.section-title{

    color:#111;

}

.section-title b{

    font-weight:900

}

.section-title-bold{

    font-size:80px;

    color:#eee;

    line-height:1;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:0

}

.section{

    position:relative;

    width:100%;

    z-index:1

}

.section-fixed{

    background-attachment:fixed;

    background-position:50% 50%;

    transform:translate3d(0,0,0);

    -webkit-transform:translate3d(0,0,0)

}

.section-bg-1,.section-bg-10,.section-bg-2,.section-bg-3,.section-bg-4,.section-bg-6,.section-bg-7,.section-bg-8,.section-bg-9{

    background-position:center

}

.section-content-middle .content{

    height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-direction:column

}

.section-bg-contact{

    background-image:url(../images/background/bg-contact.jpg)

}

.section-bg-hiring{

    background-image:url(../images/background/hiring.jpg)

}

.section-bg-3{

    background-image:url(../images/background/bg_vision.jpg)

}

.section-bg-4{

    background-image:url(../images/background/bg_services.jpg)

}

.section-bg-5{

    background-image:url(../images/background/bg_about.jpg);

    background-position:center

}

.section-bg-6{

    background-image:url(../images/background/bg_vacancy.jpg)

}

.section-bg-putih{

    background-image:url(../images/background/bg-putih.jpg)

}

.section-bg-abu{

    background-image:url(../images/background/bg-abu.jpg)

}

.kolom-product{

    background-image:url(../images/background/product.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;

}

.kolom-custom{

    background-image:url(../images/background/custom.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;

}

.kolom-IT{

    background-image:url(../images/background/IT.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;

}

.kolom-business{

    background-image:url(../images/background/Tangan2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;

}


.kolom-hiring{

    background-image:url(../images/background/hiring.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 85vh;

}


.section-bg-8{

    background-image:url(../images/background/bg_8.jpg)

}

.section-bg-9{

    background-image:url(../images/background/bg_9.jpg)

}

.section-bg-10{

    background-image:url(../images/background/bg_12.jpg)

}

.section-bg-11{

    background-image:url(../images/background/bg_13.jpg);

    background-position:320px top;

    background-repeat:no-repeat

}

.section-bg-12,.section-bg-13,.section-bg-14{

    background-position:center top;

    background-repeat:no-repeat

}

.section-bg-12{

    background-image:url(../images/background/bg_14.jpg)

}

.section-bg-13{

    background-image:url(../images/background/bg_15.jpg)

}

.section-bg-14{

    background-image:url(../images/background/bg_16.jpg)

}

.section-bg-15,.section-bg-16,.section-bg-17{

    background-position:0 0

}

.section-bg-15{

    background-image:url(../images/background/bg_17.svg);

    background-repeat:no-repeat

}

.section-bg-16{

    background-image:url(../images/background/bg_18.jpg);

    background-repeat:no-repeat

}

.section-bg-17{

    background-image:url(../images/background/bg_19.jpg);

    background-repeat:no-repeat

}

.section-bg-18,.section-bg-19,.section-bg-20,.section-bg-21,.section-bg-22,.section-bg-23,.section-bg-25,.section-bg-26,.section-bg-27,.section-bg-28,.section-bg-29,.section-bg-30{

    background-position:center;

    background-repeat:no-repeat

}

.section-bg-18{

    background-image:url(../images/background/bg_20.jpg)

}

.section-bg-19{

    background-image:url(../images/background/bg_21.jpg)

}

.section-bg-20{

    background-image:url(../images/background/bg_22.jpg)

}

.section-bg-21{

    background-image:url(../images/background/bg_23.jpg)

}

.section-bg-22{

    background-image:url(../images/background/bg_24.jpg)

}

.section-bg-23{

    background-image:url(../images/background/bg_25.jpg)

}

.section-bg-24{

    background-image:url(../images/background/bg_26.jpg);

    background-position:center;

    background-repeat:no-repeat

}

.section-bg-25{

    background-image:url(../images/background/bg_27.jpg)

}

.section-bg-26{

    background-image:url(../images/background/bg_28.jpg)

}

.section-bg-27{

    background-image:url(../images/background/bg_29.jpg)

}

.section-bg-28{

    background-image:url(../images/background/bg_30.jpg)

}

.section-bg-29{

    background-image:url(../images/background/bg_31.jpg)

}

.section-bg-30{

    background-image:url(../images/background/bg_32.jpg)

}

.section-bg-31{

    background-image:url(../images/background/bg_33.jpg);

    background-position:center top;

    background-repeat:no-repeat

}

.section-bg-32,.section-bg-33,.section-bg-34,.section-bg-35,.section-bg-36,.section-bg-37,.section-bg-38,.section-bg-39,.section-bg-40,.section-bg-41,.section-bg-42,.section-bg-44,.section-bg-45,.section-bg-46,.section-bg-47,.section-bg-48,.section-bg-49,.section-bg-50,.section-bg-51,.section-bg-52,.section-bg-53,.section-bg-54,.section-bg-55{

    background-position:center;

    background-repeat:no-repeat

}

.section-bg-32{

    background-image:url(../images/background/bg_34.jpg)

}

.section-bg-33{

    background-image:url(../images/background/bg_35.jpg)

}

.section-bg-34{

    background-image:url(../images/background/bg_36.jpg)

}

.section-bg-35{

    background-image:url(../images/background/bg_biru.jpg)

}

.section-bg-36{

    background-image:url(../images/background/bg_38.jpg)

}

.section-bg-37{

    background-image:url(../images/background/bg_39.jpg)

}

.section-bg-38{

    background-image:url(../images/background/bg_40.jpg)

}

.section-bg-39{

    background-image:url(../images/background/bg_41.jpg)

}

.section-bg-40{

    background-image:url(../images/background/bg_42.jpg)

}

.section-bg-41{

    background-image:url(../images/background/bg_43.jpg)

}

.section-bg-42{

    background-image:url(../images/background/bg_44.jpg)

}

.section-bg-43{

    background-image:url(../images/background/bg_45.jpg);

    background-position:center;

    background-repeat:no-repeat

}

.section-bg-44{

    background-image:url(../images/background/bg_46.jpg)

}

.section-bg-45{

    background-image:url(../images/background/bg_47.jpg)

}

.section-bg-46{

    background-image:url(../images/background/bg_48.jpg)

}

.section-bg-47{

    background-image:url(../images/background/bg_49.jpg)

}

.section-bg-48{

    background-image:url(../images/background/bg_50.jpg)

}

.section-bg-49{

    background-image:url(../images/background/bg_51.jpg)

}

.section-bg-50{

    background-image:url(../images/background/bg_52.jpg)

}

.section-bg-51{

    background-image:url(../images/background/bg_53.jpg)

}

.section-bg-52{

    background-image:url(../images/background/bg_54.jpg)

}

.section-bg-53{

    background-image:url(../images/background/bg_55.jpg)

}

.section-bg-54{

    background-image:url(../images/background/bg_56.jpg)

}

.section-bg-55{

    background-image:url(../images/background/bg_57.jpg)

}

.section-bg-56{

    background-image:url(../images/background/bg_58.jpg);

    background-position:center bottom;

    background-repeat:no-repeat

}

.section-coming-soon{

    background-image:url(../images/background/bg_coming_soon.jpg);

    background-position:top center;

    background-repeat:no-repeat

}


.icon-misi {
    background-image: url(../images/icon-misi.png);
    background-position: center;
    background-repeat: no-repeat;
}

.section-maintenance{

    background-image:url(../images/background/bg_maintenance.jpg);

    background-position:center

}

.section-coming-soon .section-title{

    margin-top:430px

}

.section-coming-soon input[type=email]{

    display:block;

    max-width:900px;

    text-align:center;

    min-height:28px;

    width:100%;

    margin-bottom:0

}

.section-coming-soon input[type=submit]{

    padding:0 30px;

    height:40px;

    border:1px solid #888;

    border-radius:20px;

    background:#fff;

    color:#222;

    text-align:center;

    text-transform:uppercase;

    font-size:12px;

    line-height:40px;

    cursor:pointer;

    display:inline-block;

    max-width:125px

}

.section-coming-soon .comingsoon-subscribe{

    margin:0 auto;

    max-width:500px;

    text-align:center

}

.features-blocks{

    overflow:hidden;

    padding:10px 0 30px

}

.feature-item.style-1 .feature-icon{

    margin-bottom:35px

}

.feature-item.style-1:hover .feature-icon{

    transform:translateY(-180px)

}

.feature-item .feature-icon .feature-icon-inner{

    text-align:center;

    display:inline-block;

    border:2px solid transparent;

    width:4em;

    height:4em;

    box-sizing:content-box;

    position:relative

}

.feature-item.style-1 .feature-icon .feature-icon-inner i{

    font-style:normal;

    font-weight:400;

    line-height:1;

    display:inline-block;

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    -o-transform:translate(-50%,-50%);

    transform:translate(-50%,-50%);

    font-size:72px

}

.feature-item.style-1 .feature-icon .feature-icon-inner i:before{

    font-style:normal;

    font-weight:400;

    display:inline-block;

    font-size:1em;

    text-align:center

}

.feature-item.style-1 h4{

    font-size:16px;

    color:#fff;

    text-align:center;

    font-weight:400;

    text-transform:none

}

.feature-item.style-1:hover h4{

    transform:translateY(180px)

}

.feature-item.style-3 .content,.feature-item.style-3 .feature-icon i{

    -webkit-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    -o-transform:translate(-50%,-50%)

}

.feature-item.style-1 .desc{

    visibility:hidden;

    margin-top:-60%;

    text-align:center;

    opacity:0;

    transition:all .5s cubic-bezier(.645,.045,.355,1)

}

.feature-item.style-1:hover .desc{

    visibility:visible;

    opacity:1

}

.feature-item.style-2 .feature-icon{

    float:left;

    font-size:14px;

    margin-bottom:35px;

    margin-right:20px

}

.feature-item.style-2 .feature-icon .feature-icon-inner i{

    font-size:43px

}

.feature-item.style-2{

    width:100%

}

.feature-item.style-2 h3{

    font-size:18px

}

.feature-item.style-2 .desc{

    margin-right:50px;

    margin-bottom:10px;

    padding-left:80px

}

.feature-item.style-2 .readmore{

    margin-left:80px;

    transition:all 10ms cubic-bezier(.645,.045,.355,1);

    display:inline-block;

    padding:5px 0 2px;

    border-bottom:1px solid #444;

    letter-spacing:.3rem;

    font-weight:400;

    font-size:12px;

    text-transform:uppercase;

    color:#222

}

.masonry-item .content h3 a,.portfolio-info li span,.portfolio-navigation{

    letter-spacing:.1em;

    text-transform:uppercase

}

.feature-item.style-2 .readmore:hover{

    border-color:transparent

}

.feature-item.style-2 .readmore:before{

    transition:all .3s cubic-bezier(.645,.045,.355,1);

    display:inline-block;

    margin-left:-20px;

    padding-right:5px;

    content:"\f178";

    font-family:FontAwesome;

    vertical-align:middle;

    opacity:0

}

.feature-item.style-2 .readmore:hover:before{

    margin-left:0;

    opacity:1

}

.feature-item.style-3{

    padding-top:10px;

    padding-bottom:10px;

    background-image:url(../images/feature/feature_1.jpg);

    background-position:center;

    background-repeat:no-repeat;

    background-size:cover;

    position:relative;

    min-height:400px;

    height:100%

}

.feature-item.style-3 .content{

    width:100%;

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%)

}

.feature-item.style-3:before{

    position:absolute;

    top:0;

    left:0;

    display:block;

    width:100%;

    height:100%;

    background:#222;

    content:'';

    transition:all .5s cubic-bezier(.645,.045,.355,1)

}

.feature-item.style-3:hover:before{

    background:rgba(0,0,0,.85)

}

.feature-item.style-3.no-overlay:before{

    display:none

}

.feature-item.style-3 .feature-icon{

    margin-bottom:25px;

    text-align:center;

    display:inline-block;

    border:2px solid transparent;

    width:4em;

    height:4em;

    box-sizing:content-box;

    position:relative

}

.feature-item.style-3 .feature-icon i{

    color:#fff;

    font-size:90px;

    font-style:normal;

    font-weight:400;

    line-height:1;

    display:inline-block;

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    transition:all .5s cubic-bezier(.645,.045,.355,1)

}

.feature-item.style-3:hover .feature-icon i{

    font-size:70px

}

.feature-item.style-3 .desc,.feature-item.style-3 h3{

    font-size:16px;

    position:relative;

    z-index:1;

    color:#fff;

    text-align:center

}

.feature-item.style-3 h3{

    margin-top:10px;

    margin-bottom:0;

    font-weight:400

}

.feature-item.style-3 .desc{

    padding-top:20px;

    padding-right:70px;

    padding-left:70px;

    overflow:hidden;

    max-height:0;

    transition:max-height .8s;

    font-weight:300

}

.masonry-item .media img,.masonry-item .overlay-wrapper,.masonry-item .overlay-wrapper .overlay{

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.feature-item.style-3:hover .desc{

    max-height:200px

}

.feature-item.style-4 .feature-icon{

    margin-bottom:25px

}

.feature-item.style-4 .feature-icon i{

    font-size:72px

}

.feature-item.style-4 h4{

    font-size:16px;

    font-weight:400

}

.feature-item.style-4 .feature-icon .feature-icon-inner{

    width:auto;

    height:auto

}

@media (min-width:1024px){

    .feature-item.style-1:before{

        position:absolute;

        top:-72px;

        bottom:-63px;

        left:0;

        width:1px;

        background-color:#444;

        content:''

    }

}

.counter-icon{

    font-style:normal;

    font-weight:400;

    display:inline-block;

    width:60px;

    height:60px;

    font-size:30px;

    margin-bottom:10px;

    position:relative

}

.counter-icon>i{

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    -o-transform:translate(-50%,-50%);

    transform:translate(-50%,-50%)

}

.counter-desc{

    font-size:16px;

    color:#fff

}

.counter-digit{

    font-size:48px;

    color:#fff;

    font-weight:300

}

@media (min-width:1024px){

    .counter:before{

        position:absolute;

        top:20px;

        right:0;

        bottom:20px;

        width:1px;

        background-color:rgba(255,255,255,.3);

        content:''

    }

    .counter.no-border:before{

        background:0 0

    }

}

.project-carousel{

    position:relative

}

.project-carousel h2.title{

    margin-top:60px;

    margin-bottom:10%;

    font-size:36px;

    line-height:1.3

}

.project-carousel .content{

    margin:0;

    padding:50px;

    background-color:#222;

    color:#888

}

.project-carousel .content .terms span{

    padding-right:10px

}

.project-carousel .content .terms span:after{

    content:','

}

.project-carousel .content .terms span:last-child:after{

    content:''

}

.project-carousel .owl-controls .owl-buttons{

    position:absolute;

    right:0

}

.project-carousel .owl-controls .owl-buttons div{

    display:inline-block;

    margin:5px;

    width:80px;

    height:80px;

    font-size:0;

    line-height:80px;

    cursor:pointer;

    padding:0;

    filter:Alpha(Opacity=100);

    opacity:1;

    background:0 0

}

.project-carousel .owl-controls .owl-buttons div:before{

    display:block;

    width:80px;

    height:80px;

    background-color:#222;

    color:#fff;

    text-align:center;

    font-size:60px;

    line-height:80px;

    font-family:Pe-icon-7-stroke;

    font-style:normal;

    font-weight:400;

    font-variant:normal;

    text-transform:none

}

.project-carousel .owl-controls .owl-buttons div.owl-prev:before{

    content:"\e686"

}

.project-carousel .owl-controls .owl-buttons div.owl-next:before{

    content:"\e684"

}

.masonry-item{

    position:relative

}

.masonry-item .media{

    width:100%;

    height:100%;

    overflow:hidden;

    position:relative

}

.masonry-item .media img{

    width:100%;

    opacity:1;

    visibility:visible;

    transform-style:flat;

    transform-origin:50% 50% 0

}

.masonry-item:hover .media img{

    opacity:0;

    visibility:hidden;

    transform:matrix3d(1.5,0,0,0,0,1.5,0,0,0,0,1,0,0,0,.001,.999999)

}

.masonry-item .overlay-wrapper{

    width:100%;

    height:100%;

    position:absolute;

    top:0;

    left:0;

    overflow:hidden;

    visibility:hidden;

    transform-style:flat;

    opacity:0;

    transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,.999)

}

.masonry-item:hover .overlay-wrapper{

    visibility:visible;

    opacity:1;

    transform:translate(0,0)

}

.masonry-item .overlay-wrapper .overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background-color:rgba(17,17,17,.95);

    visibility:hidden;

    opacity:0;

    transform-style:flat;

    transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,.999167)

}

.masonry-item:hover .overlay-wrapper .overlay{

    visibility:visible;

    opacity:1;

    transform:translate(0,0)

}

.masonry-item .overlay-wrapper .overlay:before{

    position:absolute;

    top:30px;

    right:30px;

    bottom:30px;

    left:30px;

    border:1px solid #333;

    content:''

}

.masonry-item .popup{

    display:block;

    position:absolute;

    font-size:20px;

    text-align:center;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:100%;

    vertical-align:middle

}

.masonry-item .content h3,.masonry-item .popup .popup-inner{

    transform-origin:50% 50% 0;

    transform-style:flat;

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.masonry-item .popup .popup-inner{

    display:inline-block;

    margin:0;

    position:relative;

    visibility:hidden;

    opacity:0;

    transform:translate(0,-50%) matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)

}

.masonry-item:hover .popup .popup-inner{

    visibility:visible;

    opacity:1;

    transform:translate(0,0)

}

.masonry-item .popup .popup-inner a{

    font-size:30px;

    line-height:22px;

    color:#fff;

    font-weight:400;

    padding:17px;

    display:block

}

.masonry-item .content{

    display:block;

    width:100%;

    position:absolute;

    left:0;

    bottom:0;

    font-size:20px;

    text-align:center

}

.masonry-item .content .cate,.masonry-item .content h3{

    display:block;

    position:relative;

    visibility:hidden;

    opacity:0

}

.masonry-item .content h3{

    margin:10px 0 0;

    transform:translate(0,50%) matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)

}

.masonry-item .content h3 a{

    font-size:14px;

    line-height:20px;

    color:#fff;

    font-weight:400;

    display:block

}

.masonry-item .content .cate,.masonry-item .content .cate a{

    font-size:16px;

    line-height:20px;

    color:#888;

    transition:all .3s cubic-bezier(.645,.045,.355,1);

    font-weight:400

}

.masonry-item .content .cate{

    margin:0 0 60px;

    transform-origin:50% 50% 0;

    transform-style:flat;

    transform:translate(0,50%) matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)

}

.masonry-item .content .cate a{

    padding:1px 2px 1px 5px

}

.masonry-item .content .cate a:hover{

    color:#fff

}

.masonry-item:hover .content .cate,.masonry-item:hover .content h3{

    visibility:visible;

    opacity:1;

    transform:translate(0,0)

}

.portfolio-item.style-2 .overlay-wrapper .overlay{

    background-color:rgba(0,0,0,.8)

}

.portfolio-item.style-2:hover .media img{

    opacity:1;

    visibility:visible;

    transform:none

}

.blog-item.style-1 .overlay-wrapper .overlay,.blog-item.style-1 .overlay-wrapper .popup{

    visibility:hidden;

    transition:all .3s cubic-bezier(.645,.045,.355,1);

    opacity:0;

    position:absolute

}

.portfolio-item.style-2 .overlay-wrapper .overlay:before{

    border:none

}

.portfolio-carousel .owl-controls{

    margin:0

}

.portfolio-carousel .owl-controls .owl-buttons{

    position:absolute;

    left:0;

    right:0;

    top:50%;

    margin-top:-30px

}

.portfolio-carousel .owl-controls .owl-buttons .owl-prev{

    float:left;

    margin:0;

    padding:0

}

.portfolio-carousel .owl-controls .owl-buttons .owl-next{

    float:right;

    margin:0;

    padding:0

}

.portfolio-carousel .owl-controls .owl-buttons>div i{

    width:60px;

    height:60px;

    line-height:60px;

    font-size:200%;

    -moz-transition:all .3s linear 0s;

    -o-transition:all .3s linear 0s;

    transition:all .3s linear 0s;

    background-color:#1f1f1f;

    color:#fff

}

.portfolio-carousel .owl-controls .owl-buttons>div i:hover{

    background-color:#fff;

    color:#1f1f1f

}

.portfolio-carousel .owl-controls .owl-buttons div{

    background:0 0;

    border-radius:0;

    filter:Alpha(Opacity=100);

    opacity:1

}

.portfolio-info{

    padding-left:30px

}

.portfolio-info li{

    margin-bottom:15px;

    list-style:none

}

.portfolio-info li span{

    padding-right:3px;

    font-weight:400

}

.portfolio-info .share{

    margin-bottom:25px

}

.portfolio-info .share a{

    display:inline-block;

    width:20px;

    font-size:13px

}

.portfolio-navigation .nav-next:after,.portfolio-navigation .nav-previous:before{

    display:inline-block;

    font-size:30px;

    font-family:Pe-icon-7-stroke;

    top:8px;

    position:relative

}

.portfolio-navigation{

    font-weight:400

}

.portfolio-navigation .nav-previous:before{

    content:"\e686"

}

.portfolio-navigation .nav-next:after{

    content:"\e684"

}

.blog-item.style-1 .overlay-wrapper,.blog-item.style-1 .overlay-wrapper .overlay{

    top:0;

    left:0;

    border:0 solid transparent;

    outline:transparent solid 0;

    width:100%;

    height:100%

}

@media (min-width:1280px){

    .project-carousel .content{

        margin:0 150px 0 -80px

    }

    .project-carousel .owl-controls .owl-buttons{

        right:30%;

        bottom:-10px

    }

}

.blog-item.style-1{

    background-color:#fff

}

.blog-item.style-1 .blog-item-wrapper{

    position:relative;

    width:100%

}

.blog-item.style-1 .media-wrapper,.blog-item.style-1 .media-wrapper .media{

    overflow:hidden;

    position:relative

}

.blog-item.style-1 .overlay-wrapper{

    box-sizing:border-box;

    -moz-box-sizing:border-box;

    -webkit-box-sizing:border-box;

    position:absolute;

    overflow:hidden

}

.blog-item.style-1 .overlay-wrapper .overlay{

    background-color:rgba(0,0,0,.8)

}

.blog-item.style-1 .overlay-wrapper .popup{

    display:block;

    height:auto;

    font-size:20px;

    text-align:center;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:100%;

    vertical-align:middle

}

.blog-item.style-1:hover .overlay-wrapper .overlay,.blog-item.style-1:hover .overlay-wrapper .popup{

    visibility:visible;

    opacity:1

}

.blog-item.style-1 .overlay-wrapper .popup>a{

    font-size:20px;

    line-height:20px;

    color:#fff;

    font-weight:200;

    padding:0;

    background-color:rgba(255,255,255,0);

    z-index:2;

    display:block

}

.blog-item.style-1 .overlay-wrapper .popup>a i{

    font-size:30px

}

.blog-item.style-1 .content{

    padding:30px

}

.blog-item.style-1 .content .cate{

    font-size:14px;

    line-height:20px;

    color:#aaa;

    font-weight:300;

    margin-bottom:10px

}

.blog-item.style-1 .content .cate a{

    color:#aaa

}

.blog-item.style-1 .content h3{

    display:block;

    margin-bottom:35px;

    position:relative

}

.blog-item.style-1 .content h3:before{

    position:absolute;

    bottom:-20px;

    left:0;

    width:50px;

    height:1px;

    background-color:#ddd;

    content:''

}

.blog-item.style-1 .content h3 a{

    color:#222;

    font-weight:700;

    font-size:16px;

    line-height:24px;

    text-transform:uppercase;

    transition:all .5s cubic-bezier(.645,.045,.355,1)

}

.blog-item.style-2{

    margin-bottom:30px

}

.blog-item.style-2 img{

    height:auto;

    max-width:100%;

    vertical-align:top;

    margin-bottom:25px

}

.blog-item.style-2 h2{

    font-size:16px;

    text-align:left;

    font-weight:900;

    text-transform:none;

    letter-spacing:0;

    padding-bottom:10px

}

.blog-item.style-2 .tour-price{

    float:right;

    font-style:normal;

    background-color:#d90000;

    color:#fff;

    padding:5px 10px;

    border-radius:4px;

    margin-top:-8px

}

.blog-item.style-1 .content h3 a:hover{

    color:#aaa

}

.blog-item.style-1 .content p{

    font-size:16px;

    line-height:24px;

    color:#444;

    font-weight:300;

    margin-top:10px

}

.blog-style-1 .owl-controls{

    margin-top:40px

}

.blog-style-1 .owl-controls .owl-buttons{

    text-align:center

}

.blog-style-1 .owl-controls .owl-buttons>div{

    float:none;

    display:inline;

    padding:0;

    margin:0 1px

}

.blog-style-1 .owl-controls .owl-buttons>div i{

    width:30px;

    height:30px;

    line-height:30px;

    background-color:#1f1f1f;

    color:#fff;

    font-size:100%;

    -moz-transition:all .3s linear 0s;

    -o-transition:all .3s linear 0s;

    transition:all .3s linear 0s

}

.blog-style-1 .owl-controls .owl-buttons div{

    background:0 0;

    border-radius:0;

    filter:Alpha(Opacity=100);

    opacity:1

}

.blog-item.style-3{

    margin-bottom:70px;

    display:block

}

.blog-item.style-3 .post-thumb{

    position:relative

}

.blog-item.style-3 .post-thumb .dates{

    position:absolute;

    top:50px;

    left:-80px;

    width:130px;

    height:130px;

    border-radius:100%;

    background-color:#222;

    color:#fff;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:.2em;

    font-weight:400;

    z-index:1

}

.blog-item.style-3 .post-thumb .dates>div{

    margin:auto;

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:90px

}

.blog-item.style-3 img{

    height:auto;

    max-width:100%;

    width:100%

}

.blog-item.style-3 .entry-meta{

    margin-bottom:15px;

    border:1px solid #eee

}

.blog-item.style-3 .entry-meta .info{

    padding-top:15px;

    padding-left:20px

}

.blog-item.style-3 .entry-meta span{

    margin-right:20px

}

.blog-item.style-3 .entry-meta .info i{

    font-size:12px

}

.blog-item.style-3 .entry-meta .share{

    padding-top:15px;

    padding-bottom:15px;

    text-align:center

}

.blog-item.style-3 .entry-meta .share span{

    margin-right:10px

}

.blog-item.style-3 .entry-meta span i{

    margin-right:5px

}

.blog-item.style-3 .entry-title{

    padding:20px 0;

    text-transform:uppercase;

    -ms-word-wrap:break-word;

    word-wrap:break-word;

    font-weight:400;

    font-size:20px

}

.blog-item.style-3 .entry-footer{

    padding:20px 0 40px

}

.blog-item.style-3 .entry-footer a{

    display:inline-block;

    margin-bottom:15px;

    margin-left:15px;

    padding:7px 19px;

    border:1px solid #ddd;

    border-radius:20px

}

.blog-item.style-3 .entry-footer a:hover{

    background-color:#222;

    color:#fff

}

.recent-posts{

    float:left;

    width:100%

}

.recent-posts .item{

    margin-bottom:20px;

    padding-bottom:20px;

    border-bottom:1px solid #ddd;

    float:left;

    width:100%;

    position:relative

}

.recent-posts img{

    float:left;

    margin-right:20px;

    max-width:100%

}

.recent-posts h3 a{

    font-size:20px;

    font-weight:400

}

.recent-posts h3 a:hover{

    color:#222

}

.recent-posts i{

    margin-right:5px

}

.recent-posts .col-lg-3{

    text-align:right;

    position:static

}

.recent-posts .col-lg-3 .readmore{

    transition:all 10ms cubic-bezier(.645,.045,.355,1);

    display:inline-block;

    padding:5px 0 2px 6px;

    border-bottom:1px solid #444;

    letter-spacing:.3rem;

    font-weight:400;

    font-size:12px;

    text-transform:uppercase;

    text-align:right;

    position:absolute;

    top:50%;

    right:0;

    transform:translate(0,-100%)

}

.recent-posts .col-lg-3 .readmore:before{

    transition:all .3s cubic-bezier(.645,.045,.355,1);

    display:inline-block;

    margin-left:-35px;

    padding-right:5px;

    vertical-align:middle;

    opacity:0;

    content:"\f178";

    font-family:FontAwesome;

    font-style:normal;

    font-weight:400;

    font-variant:normal;

    text-transform:none;

    line-height:1

}

.recent-posts .col-lg-3 .readmore:hover:before{

    margin-left:0;

    opacity:1

}

.client-carousel .item{

    position:relative

}

.client-carousel .item img{

    max-width:150px

}

.client-carousel .item .overlay-wrapper{

    width:100%;

    height:100%;

    position:absolute;

    top:0;

    left:0;

    overflow:hidden

}

.client-carousel .item .overlay-wrapper .overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background-color:rgba(34,34,34,1);

    visibility:hidden;

    opacity:0;

    transform-style:flat;

    transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,.999167);

    -moz-transition:all .3s linear 0s;

    -o-transition:all .3s linear 0s;

    transition:all .3s linear 0s

}

.client-carousel .item:hover .overlay-wrapper .overlay{

    visibility:visible;

    opacity:1

}

.client-carousel .item .overlay-wrapper .text{

    display:block;

    height:auto;

    position:absolute;

    font-size:20px;

    text-align:center;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:100%;

    vertical-align:middle

}

.client-carousel .item .overlay-wrapper .text-inner{

    font-size:13px;

    line-height:20px;

    color:#fff;

    font-weight:400;

    display:inline-block;

    padding:5px 10px 4px;

    position:relative;

    z-index:2;

    text-transform:uppercase;

    visibility:hidden;

    opacity:0;

    transition:all .5s cubic-bezier(.215,.61,.355,1);

    transform-origin:50% 50% 0;

    transform-style:flat;

    transform:matrix3d(1,0,0,0,0,0,-1,.000833333,0,1,0,0,0,0,0,1)

}

.client-carousel .item:hover .overlay-wrapper .text-inner{

    visibility:visible;

    opacity:1;

    transform-origin:50% 50% 0;

    transform-style:flat;

    transform:translate(0,0);

    font-size:13px;

    line-height:20px;

    color:#fff;

    font-weight:400

}

.footer,.footer .widget-title{

    font-size:16px;

    line-height:1.5;

    color:#fff;

    font-style:normal

}

.footer{

    background-color:#222;

    padding:80px 0;

    font-weight:300;

    letter-spacing:.05em

}

.footer .widget-title{

    font-weight:400;

    letter-spacing:.2em;

    padding:0 0 20px

}

.footer .menu li{

    display:block;

    margin-bottom:10px

}

.footer a{

    color:#fff

}

.footer a:hover{

    color:#666

}

.copyright,.copyright a,.footer.bg-light,.footer.bg-light .widget-title,.footer.bg-light a{

    color:#222

}

.footer .widget-recent-entries li{

    margin-bottom:10px;

    padding-bottom:10px;

    border-bottom:1px solid #333;

    list-style:none

}

.copyright{

    background-color:#fff;

    padding:35px 0

}

.progress-wraper .progress-title{

    margin-bottom:6px;

    font-size:14px;

    color:#222;

    text-transform:uppercase;

    font-weight:400

}

.progress-wraper .progress-value{

    color:#878787;

    padding-right:15px

}

.progress-wraper .block-progressbar{

    position:relative;

    width:100%;

    margin-bottom:35px;

    display:table

}

.progress-wraper .block-progressbar>i{

    position:relative;

    padding-right:20px;

    width:50px;

    color:#222;

    text-align:center;

    font-size:25px;

    display:table-cell;

    vertical-align:bottom

}

.progress-wraper .block-progressbar>.content{

    display:table-cell

}

.progress-wraper .block-progressbar:last-child{

    margin-bottom:0

}

.block-progressbar .progressbar-back-text{

    position:absolute;

    background-color:#e0e0e0;

    height:3px;

    border-radius:0;

    font-size:0;

    text-indent:-9999px

}

.group-progressbar.gray .block-progressbar .progressbar-back-text{

    background-color:#eee

}

.block-progressbar .progresswrap{

    height:3px;

    background-color:#e0e0e0

}

.block-progressbar .progressbar{

    position:absolute;

    background-color:#222;

    height:3px;

    width:0;

    transition:all 1s linear;

    -moz-transition:all 1s linear;

    -webkit-transition:all 1s linear;

    -o-transition:all 1s linear

}

.block-progressbar .progressbar-front-text{

    width:auto!important;

    position:absolute;

    top:-50px;

    right:-20px;

    padding:6px 7px;

    background-color:#111;

    color:#fff;

    letter-spacing:.05em;

    font-size:14px;

    line-height:1em

}

.block-progressbar .progressbar-front-text:after{

    position:absolute;

    bottom:-6px;

    left:50%;

    margin-left:-5px;

    width:0;

    height:0;

    border-top:6px solid #111;

    border-right:6px solid transparent;

    border-left:6px solid transparent;

    content:''

}

.testimonial-carousel .quote{

    margin-bottom:20px;

    padding:30px;

    background-color:#fff;

    color:#222;

    font-style:normal;

    font-size:20px;

    line-height:1.6667

}

.testimonial-carousel .quote.bg-dark{

    color:#fff

}

.testimonial-carousel img{

    border-radius:100%;

    display:block;

    float:left;

    width:auto

}

.testimonial-carousel .author{

    position:relative;

    display:block;

    float:left;

    padding:15px 20px;

    line-height:1

}

.testimonial-carousel .author span:first-child{

    display:block;

    margin-bottom:8px;

    color:#222;

    text-transform:uppercase;

    letter-spacing:.1em;

    font-weight:400;

    font-style:normal;

    font-size:18px

}

.testimonial-carousel .author span:last-child{

    color:#444;

    font-style:normal;

    font-size:16px

}

.testimonial-carousel .owl-controls{

    position:absolute;

    top:-30px;

    right:0;

    margin-top:0

}

.testimonial-carousel .owl-controls .owl-pagination .owl-page span{

    background-color:#ccc;

    width:10px;

    height:10px;

    margin:0 3px

}

.service-carousel .service-item{

    background:#222;

    color:#fff;

    margin:0;

    width:100%

}

.service-carousel .service-item img{

    width:100%;

    height:auto

}

.service-carousel .service-item .title{

    font-size:20px;

    font-weight:800;

    margin-bottom:30px

}

.service-carousel .owl-controls{

    position:absolute;

    bottom:0;

    right:0;

    height:80px

}

.service-carousel .owl-controls .owl-buttons .owl-next,.service-carousel .owl-controls .owl-buttons .owl-prev{

    width:80px;

    height:80px;

    display:inline-block;

    color:#fff;

    text-align:center;

    line-height:80px;

    font-size:0;

    border-radius:0;

    background:#333;

    filter:Alpha(Opacity=80);

    opacity:.8;

    margin:0

}

.service-carousel .owl-controls .owl-next i,.service-carousel .owl-controls .owl-prev i{

    font-size:20px;

    line-height:80px;

    color:#fff

}

.service-item.style-2{

    position:relative

}

.service-item.style-2 .service-content{

    position:absolute;

    bottom:-60px;

    left:50%;

    transform:translateX(-50%);

    width:100%;

    background:#222;

    text-align:center;

    max-width:465px;

    padding:25px 15px

}

.service-item.style-2 .service-content h3{

    display:block;

    margin:0 0 15px;

    color:#fff

}

.service-item.style-2 .service-content h3 a{

    color:#fff;

    font-size:16px;

    line-height:20px;

    font-weight:400

}

.service-item.style-2 .service-content p{

    font-size:16px;

    line-height:24px;

    color:#c1c1c1;

    font-weight:400

}

.team-member{

    background-color:#fff;

    position:relative;

    width:100%

}

.team-member img{

    -moz-transition:all .3s;

    -webkit-transition:all .3s;

    transition:all .3s

}

.team-member img:hover{

    -moz-transform:scale(1.1);

    -webkit-transform:scale(1.1);

    transform:scale(1.1)

}

.team-member .content{

    position:relative;

    z-index:2;

    margin:-50px 30px 0;

    background-color:#222;

    padding:30px

}

.team-member .content .position{

    font-size:16px;

    line-height:20px;

    color:#878787;

    font-weight:300;

    display:block;

    margin-bottom:10px

}

.team-member .content h3{

    font-size:18px;

    line-height:20px;

    color:#fff;

    font-weight:400;

    display:block;

    text-transform:uppercase;

    margin:0 0 10px

}

.team-member .content .socials a{

    font-size:16px;

    line-height:16px;

    color:#aaa;

    font-weight:400;

    padding:0 10px 0 0;

    display:inline-block;

    text-transform:uppercase

}

.team-member .content .socials a:hover{

    line-height:20px;

    color:#fff

}

.pricing-range{

    margin:0;

    padding:0;

    font-size:16px;

    text-transform:uppercase;

    font-weight:400

}

.pricing-range li{

    list-style:none;

    width:50%;

    display:inline-block;

    margin-right:-5px;

    position:relative;

    padding:20px 0

}

.pricing-range li em{

    position:absolute;

    right:0;

    padding:0 20px;

    background-color:#fff;

    display:inline-block;

    font-style:normal;

    z-index:2

}

.pricing-range li:after{

    content:'';

    position:absolute;

    width:70%;

    top:49%;

    border-top:2px dotted #ddd

}

.pricing-table{

    position:relative;

    padding:10px;

    border:1px solid #ddd

}

.pricing-table .pricing-table-heading-container{

    padding:20px 20px 30px 90px;

    height:80px;

    text-align:center

}

.pricing-table .pricing-table-heading-container h3{

    font-weight:400;

    font-size:16px;

    line-height:1

}

.pricing-table .pricing-table-heading-container h5{

    color:#888;

    letter-spacing:0;

    font-style:italic

}

.pricing-table .pricing-table-price-container{

    position:absolute;

    top:-10px;

    left:-10px;

    min-width:90px;

    height:90px;

    background-color:#222;

    color:#fff;

    text-align:center;

    line-height:90px

}

.featured>.pricing-table .pricing-table-price-container{

    background-color:#4bb487

}

.pricing-table .pricing-table-figure{

    font-size:48px

}

.pricing-table .pricing-table-features ul{

    margin:0;

    padding:20px 0 0 20px

}

.pricing-table .pricing-table-features li{

    margin-bottom:10px;

    list-style:none

}

.pricing-table .pricing-table-features li:before{

    margin-right:10px;

    content:"\e684";

    font-family:Pe-icon-7-stroke;

    font-style:normal;

    font-weight:400;

    font-variant:normal;

    text-transform:none;

    line-height:1

}

.pricing-table-button{

    margin-top:30px;

    text-align:center

}

.pricing-table-button .button{

    display:inline-block;

    padding:8px 20px;

    border:1px solid #888;

    border-radius:30px;

    letter-spacing:.1em;

    font-size:12px

}

.pricing-table-button .button:hover{

    background-color:#222;

    color:#fff

}

.gallery-carousel .media-cover{

    position:relative;

    width:100%;

    height:100%

}

.gallery-carousel .media-cover .media{

    width:100%;

    height:100%;

    overflow:hidden;

    position:relative

}

.gallery-carousel .media-cover img{

    width:100%

}

.gallery-carousel .media-cover .content{

    width:100%;

    height:100%;

    position:absolute;

    top:0;

    left:0;

    overflow:hidden

}

.gallery-carousel .media-cover .content .overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background-color:rgba(34,34,34,1);

    visibility:hidden;

    opacity:0;

    transform-origin:50% 50% 0;

    transform-style:flat;

    transform:matrix3d(.2,0,0,0,0,.2,0,0,0,0,1,0,0,0,0,1);

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.gallery-carousel .media-cover:hover .content .overlay{

    visibility:inherit;

    opacity:1;

    transform:translate(0,0)

}

.gallery-carousel .media-cover .content .popup{

    display:block;

    height:auto;

    position:absolute;

    font-size:20px;

    text-align:center;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:100%;

    vertical-align:middle

}

.gallery-carousel .media-cover .content .popup .popup-inner{

    display:inline-block;

    margin:0 10px 0 0;

    position:relative;

    visibility:hidden;

    opacity:0;

    transform-origin:50% 50% 0;

    transform-style:flat;

    transform:matrix3d(.2,0,0,0,0,.2,0,0,0,0,1,0,0,0,0,1);

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.gallery-carousel .media-cover:hover .content .popup .popup-inner{

    visibility:inherit;

    opacity:1;

    transform:translate(0,0)

}

.gallery-carousel .media-cover .content .popup .popup-inner a{

    font-size:30px;

    line-height:22px;

    color:#fff;

    font-weight:400;

    padding:17px;

    display:block

}

.gallery-carousel .owl-controls .owl-buttons{

    position:absolute;

    left:28px;

    right:28px;

    top:50%;

    margin-top:-30px

}

.gallery-carousel .owl-controls .owl-buttons .owl-prev{

    float:left

}

.gallery-carousel .owl-controls .owl-buttons .owl-next{

    float:right

}

.gallery-carousel .owl-controls .owl-buttons>div i{

    width:60px;

    height:60px;

    line-height:60px;

    font-size:200%;

    -moz-transition:all .3s linear 0s;

    -o-transition:all .3s linear 0s;

    transition:all .3s linear 0s;

    background-color:#fff;

    color:#1f1f1f

}

.gallery-carousel .owl-controls .owl-buttons>div i:hover{

    background-color:#1f1f1f;

    color:#fff

}

.gallery-carousel .owl-controls .owl-buttons div{

    background:0 0;

    border-radius:0;

    filter:Alpha(Opacity=100);

    opacity:1

}

.countdown-bar{

    text-align:center

}

.countdown-bar>.countdown-item{

    position:relative;

    display:inline-block;

    padding:0 50px

}

.countdown-bar>.countdown-item>.countdown-item-value{

    font-size:48px;

    font-weight:300

}

.countdown-bar>.countdown-item>.countdown-item-label{

    text-transform:uppercase;

    letter-spacing:.3em;

    font-size:16px

}

.countdown-bar>.countdown-item:after{

    position:absolute;

    top:15px;

    right:0;

    content:':';

    font-size:48px

}

.countdown-bar>.countdown-item:last-child:after{

    content:'';

    font-size:0

}

.countdown-bar.white>.countdown-item>.countdown-item-label,.countdown-bar.white>.countdown-item>.countdown-item-value{

    color:#fff

}

.restaurant-menu{

    margin-bottom:30px;

    border:1px solid #ddd;

    padding:30px 60px 60px;

    background-color:#fff

}

.restaurant-menu h2{

    margin-bottom:30px;

    padding-bottom:20px;

    font-style:italic

}

.restaurant-menu .row .col-md-6{

    margin-bottom:40px

}

.restaurant-menu .row .restaurant-menu-title{

    font-size:16px;

    text-transform:uppercase;

    letter-spacing:.12em;

    font-weight:400

}

.restaurant-menu .row .restaurant-menu-desc{

    font-size:15px;

    font-style:italic;

    letter-spacing:.02em;

    line-height:1.4;

    color:#999

}

.restaurant-menu .row .restaurant-menu-price{

    font-size:16px;

    text-transform:uppercase;

    letter-spacing:.12em;

    font-weight:400

}

.accordion .accordion-group{

    display:block

}

.accordion .accordion-heading{

    font-size:120%;

    color:#535353;

    line-height:120%;

    font-weight:300;

    transition:all .2s ease-in-out;

    position:relative;

    border:1px solid #eee;

    margin-top:20px

}

.accordion .accordion-group:first-child .accordion-heading{

    margin-top:0

}

.accordion .accordion-heading.active{

    background-color:#1f1f1f

}

.accordion .accordion-heading a{

    color:#003663;

    padding:10px 20px 10px 20px;

    display:inline-block;

    width:100%;

    background-color:#eee;

    font-weight:700;

    font-size:16px

}

.accordion .accordion-heading.active a{

    color:#003663;

    background-color:#ededed

}

.accordion .accordion-heading .toggle-icon{

    color: #003663;

    border:1px solid #003663;

    width:22px;

    height:22px;

    line-height:20px;

    text-align:center;

    font-style:normal;

    font-size:18px;

    position:absolute;

    top:50%;

    right:30px;

    -webkit-border-radius:50%;

    -khtml-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    transform:translateY(-50%);

    -webkit-transition:all .2s ease-in-out;

    transition:all .2s ease-in-out

}

.accordion .accordion-heading.active .toggle-icon{

    border-color:#003663;

    color:#003663

}

.accordion .accordion-heading.active .toggle-icon:before{

    content:"\f107"

}

.accordion .accordion-body{

    padding:20px 30px 20px;

    border:1px solid #f0f0f0;

    border-top:none;

    color: #222222;

    background-color: #f6f6f6

}

.message-box{

    border:1px solid transparent;

    display:block;

    overflow:hidden;

    margin:0 0 21.74px;

    padding:1em 1em 1em 4em;

    position:relative;

    font-size:1em;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box

}

.message-box-icon,.message-box-icon>*{

    position:absolute;

    font-style:normal;

    font-weight:400

}

.message-box-icon{

    bottom:0;

    font-size:1em;

    left:0;

    top:0;

    width:4em

}

.message-box-icon>*{

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    font-size:1.7em;

    line-height:1

}

.message-box.color-danger{

    color:#a85959;

    border-color:#fedede;

    background-color:#fdeaea

}

.message-box.color-success{

    color:#5e7f96;

    border-color:#cfebfe;

    background-color:#e6fdf8

}

.message-box.color-info{

    color:#5e7f96;

    border-color:#cfebfe;

    background-color:#dff2fe

}

.message-box.color-warning{

    color:#9d8967;

    border-color:#ffeccc;

    background-color:#fff4e2

}

.message-box.color-danger .message-box-icon{

    color:#ff7877

}

.message-box.color-success .message-box-icon{

    color:#1bbc9b

}

.message-box.color-info .message-box-icon{

    color:#56b0ee

}

.message-box.color-warning .message-box-icon{

    color:#fcb53f

}

.pie-chart{

    margin-bottom:30px;

    text-align:center

}

.pie-chart .chart{

    position:relative;

    margin:0 auto 30px;

    width:180px;

    height:180px

}

.pie-chart .chart canvas{

    position:absolute;

    top:0;

    left:0

}

.pie-chart .inner-circle{

    width:100%;

    height:100%;

    border-radius:50%

}

.pie-chart .piecharts-number{

    position:absolute;

    top:50%;

    left:50%;

    font-size:35px;

    line-height:1;

    -webkit-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    transform:translate(-50%,-50%)

}

.pie-chart .piecharts-number span{

    vertical-align:super;

    font-size:20px

}

.pie-chart .title{

    margin-bottom:12px

}

.pie-chart .title h6{

    font-size:19px;

    font-weight:400

}

.pie-chart .subtitle{

    font-size:16px

}

.page-mobile-main-menu{

    position:fixed;

    top:0;

    right:100%;

    z-index:9999999;

    overflow-x:auto;

    width:100%;

    height:100%;

    background:#fff;

    box-shadow:3px 1px 29px rgba(0,0,0,.12);

    text-align:left;

    -webkit-transition:all .3s;

    transition:all .3s;

    background-color:rgba(67, 158, 201, 0.9)

}

.page-mobile-main-menu.open{

    right:0

}

.page-mobile-menu-header{

    display:-webkit-box;

    display:-webkit-flex;

    display:-ms-flexbox;

    display:flex;

    padding:0 30px;

    height:85px;

    background:#fff;

    -webkit-box-align:center;

    -webkit-align-items:center;

    -ms-flex-align:center;

    align-items:center

}

.page-mobile-menu-logo{

    -webkit-box-flex:1;

    -webkit-flex-grow:1;

    -ms-flex-positive:1;

    flex-grow:1

}

.page-mobile-menu-logo img{

    width:60px

}

.page-close-mobile-menu{

    display:-webkit-box;

    display:-webkit-flex;

    display:-ms-flexbox;

    display:flex;

    height:30px;

    -webkit-box-align:center;

    -webkit-align-items:center;

    -ms-flex-align:center;

    align-items:center

}

.page-close-mobile-menu div{

    position:relative;

    width:24px;

    height:18px;

    cursor:pointer

}

.page-close-mobile-menu i{

    position:absolute;

    top:50%;

    left:0;

    margin-top:-1px;

    width:100%;

    height:2px;

    background:0 0;

    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.page-close-mobile-menu i:after,.page-close-mobile-menu i:before{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:#1a237e;

    content:"";

    -webkit-transition:width .3s cubic-bezier(.645,.045,.355,1);

    transition:width .3s cubic-bezier(.645,.045,.355,1)

}

.page-close-mobile-menu i:before{

    -webkit-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

    transform:rotate(-45deg)

}

.page-close-mobile-menu i:after{

    -webkit-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    transform:rotate(45deg)

}

.page-mobile-main-menu .mobile-menu{

    margin:0;

    padding:20px 30px 30px

}

.page-mobile-main-menu li{

    display:block;

    list-style-type:none

}

.page-mobile-main-menu .mobile-menu a{

    position:relative;

    display:block;

    font-weight:400;

    letter-spacing:0;

    line-height:1.5;

    text-transform:none

}

.page-mobile-main-menu .mobile-menu>li>a{

    padding:10px 0;

    border:0 transparent;

    font-size:20px;

    color:#fff

}

.page-mobile-main-menu .mobile-menu>li+li>a{

    border-top:1px solid rgba(255,255,255,.1)

}

.page-mobile-main-menu .toggle-sub-menu{

    position:absolute;

    top:50%;

    right:0;

    width:40px;

    height:40px;

    background:hsla(0,0%,100%,.1);

    color:#fff;

    text-align:center;

    line-height:40px;

    z-index:5;

    -webkit-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    transform:translateY(-50%);

    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);

    transition:all .3s cubic-bezier(.645,.045,.355,1)

}

.commerce-tabs .tabs>li a,.mini-cart .cart-list li a,.mini-cart .widget-shopping-cart-content,.product-item .extra{

    transition:all .5s cubic-bezier(.645,.045,.355,1)

}

.page-mobile-main-menu .toggle-sub-menu:after{

    display:block;

    content:"\f105";

    font-size:18px;

    font-family:FontAwesome

}

.page-mobile-main-menu .toggle-sub-menu.open:after{

    content:"\f107"

}

.page-mobile-main-menu .sub-menu a{

    font-size:17px;

    color:#fff;

    padding:8px 0

}

.page-mobile-main-menu .sub-menu{

    display:none;

    margin:12px 0 14px 10px

}

.page-mobile-main-menu .sub-menu.open{

    display:block

}

.star-rating{

    overflow:hidden;

    position:relative;

    height:1em;

    line-height:1;

    font-size:1em;

    width:5.4em;

    font-family:star;

    color:#222

}

.star-rating::before{

    content:'\73\73\73\73\73';

    color:#d3ced2;

    float:left;

    top:0;

    left:0;

    position:absolute

}

.star-rating span{

    overflow:hidden;

    float:left;

    top:0;

    left:0;

    position:absolute;

    padding-top:1.5em

}

.star-rating span::before{

    content:'\53\53\53\53\53';

    top:0;

    position:absolute;

    left:0

}

.mini-cart,.mini-cart-icon{

    position:relative

}

.mini-cart{

    display:inline-block

}

.mini-cart .mini-cart__button{

    cursor:pointer

}

.mini-cart .mini-cart__button .mini-cart-icon:before{

    float:none;

    margin:0;

    width:auto;

    height:auto;

    border:0;

    content:"\e615";

    font-size:20px;

    color:#222;

    font-family:Pe-icon-7-stroke;

    font-style:normal;

    font-weight:400;

    font-variant:normal;

    text-transform:none;

    line-height:1

}

.mini-cart .mini-cart__button .mini-cart-icon:after{

    position:absolute;

    top:-9px;

    right:-6px;

    min-width:17px;

    border-radius:100%;

    content:attr(data-count);

    text-align:center;

    font-size:11px;

    font-family:inherit;

    line-height:17px;

    color:#fff;

    background-color:#222

}

.header-white .mini-cart .mini-cart__button .mini-cart-icon:before{

    color:#fff

}

.header-white .mini-cart .mini-cart__button .mini-cart-icon:after{

    color:#222;

    background-color:#fff

}

.mini-cart .widget-shopping-cart-content{

    position:absolute;

    top:140%;

    right:0;

    z-index:99999;

    visibility:hidden;

    overflow:auto;

    padding-top:21px;

    max-height:700px;

    width:300px;

    background-color:#fff;

    box-shadow:0 1px 3px rgba(0,0,0,.1);

    opacity:0

}

.mini-cart ul{

    margin:0;

    padding:0

}

.mini-cart .cart-list li,.mini-cart .widget-shopping-cart-content .cart-list li{

    margin-bottom:10px;

    padding:0 15px 10px

}

.mini-cart.open .widget-shopping-cart-content{

    top:100%;

    visibility:visible;

    opacity:1

}

.mini-cart .cart-list li{

    border-bottom:1px solid #eee;

    float:left;

    width:100%

}

.mini-cart .cart-list li.empty{

    border-bottom:none

}

.mini-cart .cart-list li .remove{

    position:relative;

    display:inline-block;

    float:right;

    width:20px;

    height:20px;

    border-radius:100%;

    text-align:center;

    font-size:20px;

    line-height:20px

}

.product-detail span.onsale,.product-item span.onsale{

    min-width:50px;

    min-height:50px;

    line-height:50px;

    z-index:2;

    text-transform:uppercase;

    font-weight:400;

    text-align:center

}

.mini-cart .cart-list li a{

    text-transform:uppercase;

    font-weight:400

}

.mini-cart .cart-list li img{

    float:left;

    margin:0 10px 0 0;

    width:70px

}

.mini-cart .cart-list li .quantity{

    display:block;

    color:#666;

    font-size:12px

}

.mini-cart .widget-shopping-cart-content .total{

    margin-bottom:0;

    padding:5px 15px;

    text-align:center;

    text-transform:uppercase

}

.mini-cart .widget-shopping-cart-content .total strong{

    font-weight:400

}

.mini-cart .widget-shopping-cart-content .buttons{

    margin-top:10px;

    margin-bottom:20px;

    text-align:center

}

.headroom--not-top.header-white .header-column-icon-container .header-icon,.headroom--not-top.header-white .mini-cart .mini-cart__button .mini-cart-icon:before{

    color:#222

}

.headroom--not-top.header-white.bg-dark .header-column-icon-container .header-icon,.headroom--not-top.header-white.bg-dark .mini-cart .mini-cart__button .mini-cart-icon:before{

    color:#fff

}

.headroom--not-top.header-white .mini-cart .mini-cart__button .mini-cart-icon:after{

    color:#fff;

    background-color:#222

}

.headroom--not-top.header-white.bg-dark .mini-cart .mini-cart__button .mini-cart-icon:after{

    color:#222;

    background-color:#fff

}

.product-item{

    position:relative;

    margin-bottom:30px;

    float:left;

    width:100%

}

.product-item span.onsale{

    background-color:#222;

    top:0;

    right:0;

    left:auto;

    margin:-.5em -.5em 0 0;

    position:absolute;

    border-radius:100%;

    color:#fff;

    font-size:.857em

}

.product-item .thumb{

    position:relative;

    margin-bottom:30px

}

.product-item a{

    text-decoration:none

}

.product-item a img{

    width:100%;

    height:auto;

    display:block;

    margin:0 0 1em;

    box-shadow:none

}

.product-item .extra{

    margin:auto;

    position:absolute;

    top:0;

    left:0;

    bottom:0;

    right:0;

    visibility:hidden;

    border:1px solid #ddd;

    background-color:rgba(255,255,255,.7);

    opacity:0

}

.product-item:hover .extra{

    visibility:visible;

    opacity:1

}

.product-item .extra div{

    width:100%;

    margin:auto;

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    text-align:center

}

.product-item .extra i{

    margin-right:20px;

    vertical-align:middle;

    font-size:30px

}

.product-item h3{

    padding:.5em 0;

    margin:0;

    font-size:1em;

    text-transform:uppercase;

    font-weight:400

}

.product-item .price{

    color:#868686;

    display:block;

    font-weight:400;

    margin-bottom:.5em;

    font-size:20px

}

.product-item .price del{

    color:inherit;

    opacity:.5

}

.product-item .price ins{

    text-decoration:none;

    font-weight:400

}

.product-detail span.onsale{

    background-color:#222;

    top:0;

    left:0;

    margin:-.5em -.5em 0 0;

    position:absolute;

    border-radius:100%;

    color:#fff;

    font-size:.857em

}

.product-detail .product-title{

    margin-bottom:30px;

    text-transform:uppercase;

    font-size:32px

}

.product-detail .price{

    margin-bottom:30px;

    color:#222;

    font-weight:400;

    font-size:18px

}

.product-detail .price del{

    opacity:.5

}

.product-detail .price ins{

    font-weight:400;

    text-decoration:none

}

.product-detail p.stock{

    font-size:.92em

}

.product-detail .quantity{

    float:left;

    margin-right:3px

}

.product-detail .quantity .qty{

    width:60px;

    text-align:center;

    margin-right:10px;

    padding:9px 0 9px 9px;

    border-color:#1f1f1f;

    display:inline-block

}

.product-detail .cart{

    margin-bottom:40px

}

.product_meta .posted_in,.product_meta .tagged_as{

    display:block;

    text-transform:uppercase;

    letter-spacing:.1em;

    font-weight:400

}

.product_meta .posted_in a,.product_meta .tagged_as a{

    text-transform:none;

    letter-spacing:normal;

    font-weight:300

}

.commerce-tabs{

    clear:both;

    width:100%;

    padding-top:25px;

    float:left

}

.commerce-tabs .nav-tabs{

    border-bottom:1px solid #eee

}

.commerce-tabs .tabs>li{

    border:1px solid #ddd;

    border-bottom:none;

    margin-right:1px

}

.commerce-tabs .tabs>li a{

    font-size:80%;

    text-transform:uppercase;

    color:#202020;

    line-height:44px;

    padding:0 25px;

    display:block;

    letter-spacing:2.4px;

    border:none;

    border-radius:0;

    margin:0

}

.commerce-tabs .tabs>li a.active,.commerce-tabs .tabs>li:hover a{

    background-color:#222;

    color:#fff

}

.commerce-tabs .tab-content{

    padding:30px;

    border:1px solid #ddd;

    border-top:0;

    margin:0;

    float:left;

    -webkit-box-shadow:0 0 0 transparent;

    -khtml-box-shadow:0 0 0 transparent;

    -moz-box-shadow:0 0 0 transparent;

    -ms-box-shadow:0 0 0 transparent;

    -o-box-shadow:0 0 0 transparent;

    box-shadow:0 0 0 transparent

}

.commerce-tabs.style-2 .nav-tabs{

    border-bottom:none

}

.commerce-tabs.style-2 .tabs>li{

    border:none;

    border-right:1px solid #ddd;

    margin-right:1px

}

.commerce-tabs.style-2 .tabs>li a{

    line-height:30px

}

.commerce-tabs.style-2 .tabs>li:first-child a{

    padding-left:0

}

.commerce-tabs.style-2 .tabs>li:last-child{

    border:none

}

.commerce-tabs.style-2 .tabs>li a.active,.commerce-tabs.style-2 .tabs>li:hover a{

    background:0 0;

    color:#222;

    font-weight:700

}

.commerce-tabs.style-2 .tab-content{

    padding:30px 0 0;

    border:none

}

.tabs.vertical-tab .nav-tabs{

    padding:0;

    margin:-3px -2px -2px -3px;

    list-style-type:none;

    display:block;

    border-bottom:none

}

.tabs.vertical-tab .nav-tabs-wrapper li{

    margin:3px 2px 2px 3px;

    font-size:20px

}

.tabs.vertical-tab .nav-tabs-wrapper li>a{

    background:#f1f1f1;

    display:block;

    box-sizing:border-box;

    border:solid transparent;

    position:relative;

    text-decoration:none;

    color:#222;

    padding:6px 20px;

    transition:background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out

}

.tabs.vertical-tab .nav-tabs-wrapper li>a.active{

    cursor:default;

    text-decoration:none;

    color:#fff;

    transition:background .2s ease-in-out,color .2s ease-in-out;

    background:#222

}

.tabs.vertical-tab .nav-tabs-wrapper li>a.active:after{

    content:"";

    position:absolute;

    top:50%;

    margin-top:-10px;

    right:-17px;

    width:0;

    height:0;

    border:9px solid transparent;

    border-left-color:#222

}

.cart-totals,.cart-totals .proceed-to-checkout{

    margin-top:30px

}

.related-products h2{

    margin-bottom:30px;

    text-transform:uppercase;

    font-weight:400;

    font-size:18px

}

table.shop-cart tbody tr.cart_item{

    border-bottom:1px solid #ddd;

    border-right:1px solid #ddd;

    border-left:1px solid #ddd;

    font-size:106.667%

}

table.shop-cart tbody tr.cart_item td{

    padding:25px 15px;

    vertical-align:middle

}

table.shop-cart tbody tr.cart_item td.product-remove{

    text-align:center

}

table.shop-cart tbody tr.cart_item td.product-thumbnail{

    width:108px

}

table.shop-cart tbody tr.cart_item td.product-remove a{

    background-color:transparent;

    color:#888;

    font-size:20px

}

table.shop-cart tbody tr.cart_item td.product-remove a:hover{

    background-color:red;

    color:#fff

}

table.shop-cart tbody tr.cart_item td.product-name a{

    font-weight:700

}

table.shop-cart tbody tr.cart_item td.product-quantity .quantity{

    width:70px;

    display:inline-block

}

table.shop-cart tbody tr td.actions{

    padding:30px 0 0;

    border:none

}

table.shop-cart tbody tr td.actions input{

    margin-bottom:30px;

    width:100%

}

.cart-totals{

    display:block

}

.cart-totals table{

    border:1px solid #ddd;

    width:100%

}

.cart-totals table tr{

    border-bottom:1px solid #ddd

}

.cart-totals table tr:last-child{

    border-bottom:none

}

.cart-totals table tr td,.cart-totals table tr th{

    padding:15px 20px;

    color:#1f1f1f

}

.cart-totals table tr td{

    text-align:right

}

.form-checkout label sup{

    color:red;

    font-size:13px;

    top:0

}

.payment-product-list .product-item{

    position:relative;

    margin-bottom:20px;

    color:#27394A

}

.payment-product-list .product-item .product-img{

    width:90px;

    padding-right:20px;

    display:inline-block;

    position:relative

}

.payment-product-list .product-item .product-img span{

    position:absolute;

    bottom:0;

    left:0;

    height:24px;

    line-height:24px;

    min-width:24px;

    text-align:center;

    color:#fff;

    background-color:#242626

}

.payment-product-list .product-item .product-body{

    display:inline-block

}

.payment-product-list .product-item .product-body .product-name{

    color:#898989;

    font-weight:400;

    font-size:15px

}

.payment-product-list .product-item .product-body .product-name a{

    color:#898989;

    font-size:15px

}

.payment-product-list .product-item .product-body .product-price{

    color:#242626;

    display:inline-block

}

.payment-product-list .product-item .product-button{

    position:absolute;

    right:0;

    top:50%;

    -webkit-transform:translateY(-50%);

    transform:translateY(-50%)

}

.payment-product-list .product-item .product-button>a{

    display:block;

    margin-bottom:5px;

    color:#898989;

    font-size:14px;

    line-height:20px;

    width:20px;

    text-align:center;

    opacity:1

}

.payment-product-list .product-item .product-button>a:focus,.payment-product-list .product-item .product-button>a:hover{

    color:red;

    text-decoration:none;

    cursor:pointer;

    opacity:.5;

    filter:alpha(opacity=50)

}

@media (min-width:480px){

    .payment-product-list .product-item .product-img{

        padding-right:30px;

        width:108px

    }

}

.total-product{

    padding:20px 0;

    margin-bottom:20px;

    border-top:1px solid #e3e3e3;

    border-bottom:1px solid #e3e3e3

}

.coupon{

    height:50px;

    color:#fff;

    display:table

}

.coupon p{

    display:table-cell;

    vertical-align:middle;

    text-align:center

}

.cart-total,.payment_methods{

    color:#27394A

}

.payment_methods input{

    margin-top:0

}

.payment_methods label{

    display:inline-block;

    max-width:100%;

    margin-bottom:5px;

    font-weight:700

}



@media (min-width:768px){

    .container-wide-2>.container,.container-wide>.container{

        max-width:64rem

    }

    table.shop-cart tbody tr td.actions .coupon{

        width:calc(100% - 180px);

        float:left

    }

    table.shop-cart tbody tr td.actions .coupon input{

        float:left;

        width:280px;

        margin-right:20px

    }

    table.shop-cart tbody tr td.actions .coupon .btn{

        width:180px;

        padding-top:11px;

        padding-bottom:11px

    }

    table.shop-cart tbody tr td.actions .update-cart{

        width:170px;

        float:right

    }

    .tabs.vertical-tab .nav-tabs-wrapper{

        width:25%;

        float:left

    }

    .tabs.vertical-tab .nav-tabs-wrapper li{

        display:block;

        margin-right:0

    }

    .tabs.vertical-tab .tab-content{

        border:2px solid #eee;

        padding:35px 40px;

        float:left;

        width:75%

    }

}

@media (min-width:992px){

    .cart-totals{

        width:48%;

        margin-left:30px;

        float:right

    }

    .header-column-icon-container .header-icon{

        display:inline-block!important

    }

}

@media (min-width:1024px){

    .newsletter-form input[type=email]{

        width:60%

    }

    .newsletter-form.style-2 input[type=email]{

        width:100%

    }

    .left-content{

        float:left;

        width:215px;

        padding-bottom:30px

    }

    .left-content .left-wrapper{

        padding:50px

    }

    .right-content{

        position:relative;

        overflow:hidden;

        width:calc(100% - 215px)

    }

    .heli-creative-studio h2{

        margin-left:100px;

        position:relative;

        z-index:1

    }

    .container-wide-2>.container,.container-wide>.container{

        max-width:96rem

    }

    .gotoshop>div{

        border-right:1px solid #ddd

    }

    .blog-item.style-3 .entry-meta .info{

        padding-bottom:15px;

        border-right:1px solid #eee

    }

}

@media (min-width:1280px){

    .newsletter-form input[type=email]{

        width:72%

    }

    .newsletter-form.style-2 input[type=email]{

        width:100%

    }

    .padding-left-lg-50{

        padding-left:50px

    }

    header.headroom--not-top{

        position:fixed;

        top:0;

        right:0;

        left:0;

        z-index:999;

        background-color:#fff;

        box-shadow:0 1px 3px rgba(0,0,0,.1)

    }

    .headroom--not-top.headroom--unpinned{

        transform:translate3d(0,0,0)

    }

    .heli-creative-studio h2{

        padding-top:70px;

        padding-bottom:70px

    }

    .sidebar{

        padding-left:20px

    }

    .container-wide>.container{

        max-width:1810px

    }

    .container-wide-2>.container{

        max-width:1460px

    }

}

@media (max-width:1280px) and (min-width:1024px){

    .main-navigation .main-menu>li{

        padding:27px 10px

    }

    .main-navigation{

        font-size:12px

    }

    .header-1 .header-column-icon-container,.header-2 .header-column-icon-container{

        padding-right:15px

    }

}

@media (max-width:1024px){

    .page-open-mobile-menu{

        display:inline-block

    }

    .blog-item.style-3 .post-thumb .dates{

        display:none

    }

}

@media (max-width:768px){

    .service-carousel .owl-controls{

        height:60px

    }

    .service-carousel .owl-controls .owl-buttons .owl-next,.service-carousel .owl-controls .owl-buttons .owl-prev{

        width:60px;

        height:60px;

        line-height:60px

    }

    .service-carousel .owl-controls .owl-next i,.service-carousel .owl-controls .owl-prev i{

        line-height:60px

    }

    .header-1 .header-column-icon-container,.header-1>.container .header-column-icon-container,.header-2 .header-column-icon-container,.header-2>.container .header-column-icon-container{

        padding-right:20px;
        padding-top:25px;

    }

    .blog-item{

        margin-bottom:30px

    }

    .blog-carousel .col-sm-12{

        padding-left:0;

        padding-right:0

    }

    .section-split-bg{

        height:100vh;

        position:static

    }

    .ms-section{

        position:static;

        float:left;

        width:100%

    }

    .ms-right .ms-section:last-child{

        margin-bottom:0

    }

    #multiScroll{

        overflow-y:scroll

    }

    .left-menu-content #main{

        margin-left:0

    }

    .header-mobile{

        display:block;

        width:100%

    }

    .header-onepage .main-navigation .main-menu>li{

        padding:15px 5px

    }

    .section-bg-33,.section-bg-51{

        background-image:none;

        background-color:#fff

    }

    .content-middle{

        position:relative;

        top:0;

        left:0;

        transform:translate(0,0);

        padding:50px 20px

    }

}

@media (max-width:480px){

    table.shop-cart thead{

        display:none

    }

    table.shop-cart tr.cart_item:first-child{

        border-top:1px solid #ddd

    }

    table.shop-cart tr td{

        display:block;

        text-align:right;

        border-bottom:1px solid #ddd

    }

    .progress-wraper .block-progressbar>i,table.shop-cart tr td.product-thumbnail{

        display:none

    }

    table.shop-cart tr td:before{

        content:attr(data-title) ": ";

        font-weight:700;

        float:left

    }

    table.shop-cart tr.cart_item td:first-child:before{

        content:""

    }

    .quantity .qty{

        max-width:100%

    }

    .header-column-icon-container{

        padding-top:10px

    }

    .section-title-bold{

        font-size:55px

    }

    .heli-typed-words{

        font-size:24px

    }

    .heli-word-slide{

        font-size:50px;

        text-align:center

    }

    .pricing-range li{

        width:100%;

        display:block;

        overflow:hidden

    }

    .recent-posts .col-lg-3{

        text-align:left;

        margin-left:5px

    }

    .recent-posts .item{

        margin-left:0;

        margin-right:0

    }

    .header-onepage .main-navigation,.header-onepage .site-branding{

        max-width:100%;

        text-align:center;

        display:block;

        width:100%;

        padding-left:0;

        -ms-flex-preferred-size:100%;

        flex-basis:100%

    }

    .header-onepage .main-navigation{

        font-size:12px

    }

    .comment-reply-link{

        position:static

    }

    .blog-item.style-3 .entry-meta .share{

        text-align:left

    }

    .portfolio-info{

        padding-left:0

    }

    .countdown-bar>.countdown-item::after{

        display:none

    }

    .countdown-bar>.countdown-item{

        display:block

    }

    #main{

        overflow-x:hidden

    }

}

@media (max-width:375px){

    .heli-typed-words{

        font-size:20px

    }

}

.noo-spinner{

    position:fixed;

    width:100%;

    height:100%;

    background:rgb(255, 255, 255);

    z-index:9999999999;

    -webkit-transition:all .8s ease 0s;

    -o-transition:all .8s ease 0s;

    transition:all .8s ease 0s

}

.spinner{

    width:40px;

    height:40px;

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%)

}

.cube1,.cube2{

    background-color:#222;

    width:15px;

    height:15px;

    position:absolute;

    top:0;

    left:0;

    -webkit-animation:sk-cubemove 1.8s infinite ease-in-out;

    animation:sk-cubemove 1.8s infinite ease-in-out

}

.cube2{

    -webkit-animation-delay:-.9s;

    animation-delay:-.9s

}

@-webkit-keyframes sk-cubemove{

    25%{

        -webkit-transform:translateX(42px) rotate(-90deg) scale(.5)

    }

    50%{

        -webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)

    }

    75%{

        -webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)

    }

    100%{

        -webkit-transform:rotate(-360deg)

    }

}

@keyframes sk-cubemove{

    25%{

        transform:translateX(42px) rotate(-90deg) scale(.5);

        -webkit-transform:translateX(42px) rotate(-90deg) scale(.5)

    }

    50%{

        transform:translateX(42px) translateY(42px) rotate(-179deg);

        -webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)

    }

    50.1%{

        transform:translateX(42px) translateY(42px) rotate(-180deg);

        -webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)

    }

    75%{

        transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);

        -webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)

    }

    100%{

        transform:rotate(-360deg);

        -webkit-transform:rotate(-360deg)

    }

}

.tparrows.tp-leftarrow {
    left: 10% !important;
}
.tparrows.tp-rightarrow {
    left: 90% !important;
}

.bgBanner {
    min-height: 870px;
    background: #0b53ff;
    background: -webkit-gradient(linear, left top, right top, from(#0b53ff), color-stop(50%, #0b53ff), to(#4ae5e9));
    background: -webkit-linear-gradient(left, #0b53ff 0%, #0b53ff 50%, #4ae5e9 100%);
    background: -o-linear-gradient(left, #0b53ff 0%, #0b53ff 50%, #4ae5e9 100%);
    background: linear-gradient(90deg, #0b53ff 0%, #0b53ff 50%, #4ae5e9 100%);
    position: relative;
}
.bgBanner .banner-overlay-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  opacity: .03;
}
.bgBanner .banner-overlay-bg .banner-image1 {
  top: 0;
  right: 0;
}
.bgBanner2 {
    min-height: 870px;
    background: #0b53ff;
    background: -webkit-gradient(linear, left top, right top, from(#0b53ff), color-stop(50%, #0b53ff), to(#524ae9));
    background: -webkit-linear-gradient(left, #0b53ff 0%, #0b53ff 50%, #524ae9 100%);
    background: -o-linear-gradient(left, #0b53ff 0%, #0b53ff 50%, #524ae9 100%);
    background: linear-gradient(90deg, #0b53ff 0%, #0b53ff 50%, #524ae9 100%);
    position: relative;
    opacity: .02;
}
.bgBanner2 .banner-overlay-bg2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  opacity: .03;
}
.bgBanner2 .banner-overlay-bg2 .banner-image2 {
  top: 0;
  right: 0;
}
.section-titleH4 {
    font-size: 22px!important;
}

#main .topImage {}
#main .topImage img {
    height: auto;
}
.sitemaps {}
.sitemaps span {
    font-weight: 800;
    margin-top: 8px;
    display: inline-block;
} 
.sitemaps .b {list-style-type: square !important;}
.sitemaps .b {
	margin-top: 18px;
}
.sitemaps .circle {
    list-style-type: disc !important;
    font-weight: 700;
}
.sitemaps .circle li {margin:10px 0px;}
.sitemaps .disc {
    list-style-type: circle !important;
    font-weight: 400;
}
.sitemaps a:hover {
    color: #0986d3;
}