@charset "utf-8"; 

.navbar{padding:20px 0 20px; z-index:999; width:100%; border-radius:0; border:0}
.navbar img{max-height:35px}
.navbar li{margin:13px 15px}
.navbar li:last-child{margin-right:0}
.navbar li a{font-size:14px; padding:0; cursor:pointer; border-bottom:1px solid transparent}
.navbar li a:hover, .navbar li a:focus{opacity:0.8; background:none}
.navbar li a.active{opacity:0.8}
.navbar .nav-button{margin:10px 0 8px 30px}
.navbar .nav-button i{margin-right:5px}
.navbar .nav-button a{padding:3px 17px 2px; border:1px solid transparent; font-size:10px}
.navbar-collapse{padding:0}
header .container{position:relative}
header .row{align-items:center; display:flex; height:auto}
.header-margin-top{margin-top:86px}
.navbar.shrink-nav{position:fixed; top:0}
.navbar.shrink-nav.shrink{padding:2px 0; border-bottom:1px solid rgba(0,0,0,0.1)}
.header-margin-top-big{margin-top:134px}
.header-margin-top-medium{margin-top:138px}
.navbar.shrink-nav.shrink .header-bottom{padding:11px 0}

ul{margin:0; padding:0px; list-style:none}
.modal-dialog{ z-index:1111}

.header-style7 .navbar{border-bottom:1px solid rgba(255,255,255,0.1); position:fixed}
.header-style7 .navbar li a{color:#fff; line-height:24px}
.header-style7 .date{display:inline-block; margin-bottom:30px; padding:3px 20px}
.header-style7 .header-banner .counter-content{height:110px; width:110px; background:#fff; display:inline-block; border-radius:50%; padding:28px 0; vertical-align:top; margin-right:15px}
.header-style7 .navbar .nav-button a{background-color:transparent; border:2px solid #fff}
.event-counter .counter-box{height:150px; width:150px; background:rgba(0,0,0,.4); display:inline-block; border-radius:50%; padding:38px 0; vertical-align:top; margin-right:20px; text-align:center}
.event-counter .counter-box .number{display:block; color:#fff; font-weight:300; font-size:50px; line-height:55px; letter-spacing:-1px}
.event-counter .counter-box span{color:#fff; font-weight:600; font-size:13px; line-height:24px; text-transform:uppercase}

.outside-image{position:absolute; right:0; bottom:0; top:0; z-index:99}
.outside-image-sub{left:0}
.outside-image-sub img{height:100%; width:auto; max-width:none}

.shrink-transparent-header-dark.shrink{background:rgba(0, 0, 0, 0.6);}
.shrink-transparent-header-light.shrink{background:#fff}
.shrink-transparent-header-light.shrink.navbar li a{color:#282828}
.shrink-transparent-header-light.shrink.navbar .nav-button a{border:2px solid #000; color:#fff}

.header-border-light{border-bottom:1px solid rgba(255,255,255,.1)}
.header-border-dark{border-bottom:1px solid rgba(0,0,0,.1)}
.light-header.navbar li.active a{border-bottom:1px solid rgba(0,0,0,0.3)}
.dark-header.navbar li.active a{border-bottom:1px solid rgba(255,255,255,0.3)}

.video-overlay{position:relative; float:left; width:100%; padding-top:56.25%}
.video-overlay iframe{float:left; width:100%; position:absolute; left:0; top:0; height:100%}

.video-overlay .frameCover{position:absolute; left:0; top:0; width:100%; height:100%; background:none; z-index:3}

.header-number{height:50px; width:50px; border-radius:100%; border:2px solid #fff; display:block; text-align:center; line-height:46px}

.hero-style4 .application-mobile{position:absolute; float:right; left:0; bottom:0; top:-50px; overflow:hidden}

.back-down{position:absolute; bottom:8%; width:100%; z-index:5}
.back-down a:hover{opacity:0.5}
.back-down a i{width:34px; height:34px}

.hero-bottom-img img{border:30px solid #0b0b0c; border-radius:20px; max-width:90%; margin:0 5% -100px}

.logo-area{width:100%; opacity:1; bottom:0px}

.slider-style5 .slider-content{border:5px solid rgba(0,0,0,.3); padding:40px 55px; width:550px; text-align:left}
.slider-style5 .slider-title{font-size:40px; line-height:48px}

.slider-text-middle-main{display:table; height:100%; width:100%}

.feature-box-image{background:#a1a1a1; overflow:hidden}
.feature-box img{opacity:1; transition:all 0.3s ease 0s; width:100%}
.feature-box:hover img{opacity:0.5; transform:scale(1.2,1.2); transition:all 0.3s ease 0s}

.feature-style1 .content-box{border-radius:4px; min-height:140px; padding:30px 20px; position:relative; margin-top:24px}
.feature-style1 .content-box-top-arrow{color:#282828; font-size:50px; left:50%; position:absolute; top:-34px; transform:translateX(-50%)}

.feature-style3 .feature-box i{border-radius:50%; font-size:35px; height:80px; line-height:80px; text-align:center; width:80px}
.feature-style3 .feature-box .feature-title{min-height:22px}

.feature-style4 .feature-icon{height:120px; margin:0 auto; padding:24px; width:120px}

.feature-style36 .feature-icon{height:130px; margin:0 auto; padding:20px; width:130px; position:relative}
.feature-style36 .feature-icon img{-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:absolute; top:50%; margin:0 auto; left:0; right:0; text-align:center}

.feature-style25 .feature-icon{height:120px; margin:0 auto; padding:24px; width:120px}
.feature-style25 i{font-size:60px}

.feature-style29 .info{position:relative; margin:0 0 0 60px}

.feature-bg1{background-size:cover}
.feature-bg2{background-size:cover}

.feature-style-31 .icon-style{width:30px}
.feature-style-31 span{padding-right:20px}

.content-style5 .feature-box i{border-radius:50%; font-size:35px; height:80px; line-height:80px; text-align:center; width:80px}
.content-style5 .feature-box .feature-title{min-height:22px}

.treatments-details{height:100%; position:absolute; right:0; top:0; width:50%}

.groom-box .groom-box-content{border:5px solid #f1e4d7; padding:8%}
.groom-box .groom-box-img{height:274px; width:274px; border-radius:100%}
.groom-box .groom-box-img img{border-radius:100%; height:100%; width:100%}

.small-titel-text{padding:6px 17px 5px; font-size:12px}

.tab-style3 li{display:inline-block; float:none; margin:0 25px}
.tab-style3 li a{border:0 none; color:#959595; margin:0; padding:0 0 15px; vertical-align:middle; border-radius:0}
.tab-style3 li a:hover, .tab-style3 li.active a, .tab-style3 li.active a:focus, .tab-style3 li.active a:hover{background-color:inherit; color:#282828; padding-bottom:2px; transition:none 0s ease 0s; border-bottom:1px solid #282828; border-top:none; border-left:none; border-right:none}

.tab-style4 ul{padding:30px 20px}
.tab-style4 ul li{margin:0 0 33px; width:100%}
.tab-style4 ul li:hover{font-weight:700}
.tab-style4 ul li:last-child{margin-bottom:0}
.tab-style4 li:before{content:"f178"; color:#ffbe29; font-size:26px; position:absolute; right:-35px; top:3px; font-family:'FontAwesome'; display:none}
.tab-style4 li:hover:before{display:block}
.tab-style4 li.active:before{display:block}
.tab-style4 ul li a{padding:0; border:0; font-size:14px; line-height:23px; font-weight:600; margin:0; color:#959595; position:relative}
.tab-style4 li a:hover, .tab-style4 li.active a, .tab-style4 li.active a:focus, .tab-style4 li.active a:hover{background-color:inherit; border:0; color:#1c120c}
.tab-style4 li i{margin:0 5px 0 0}

.panel{box-shadow:none; border:none; border-radius:0}
.panel-heading{padding:0}
.panel-title{background-color:#f4f4f4; color:#959595; font-size:16px; font-weight:400; width:100%; display:block; padding:10px 18px; text-transform:none}
.panel-body{padding:10px 18px 25px 18px; border:none}
.panel-heading i{font-size:10px; margin:0}
.active-accordion .panel-title{color:#000}

.accordion-style1 .panel{background:transparent; border:none; margin-bottom:15px}
.accordion-style1 .panel-title{background:transparent; border:none}
.accordion-style1 .panel .panel-heading{background:#fff; border-bottom:1px solid rgba(0,0,0,.1); border-radius:0}
.accordion-style1 .panel-body{padding:40px 28px 25px}
.accordion-style1 .panel-heading i{font-size:25px; margin:0; line-height:61px}
.accordion-style1 .panel-title{font-size:16px; padding:0 31px 0 0; display:inline-block; line-height:59px}
.accordion-style1 .tab-tag{font-size:25px; font-weight:700; line-height:61px; padding:0 0 0 28px; margin-right:10px; display:inline-block; vertical-align:sub}
.accordion-style1 a, .accordion-style1 a:hover, .accordion-style1 a:hover i{color:#282828}
.accordion-style1 .panel-default:last-child{border-bottom:1px solid rgba(0,0,0,0)}

.tab-style5 .nav-tabs{border:0; margin:0 0 40px; display:inline-block}
.tab-style5 .nav-tabs li a{border:0; border-bottom:2px solid transparent; padding:5px; margin:0 25px; color:#848484}
.tab-style5 .nav-tabs li a:hover{border-bottom:1px solid rgba(0,0,0,.1); background:transparent; color:#282828}
.tab-style5 .nav-tabs li.active a{border-bottom:1px solid rgba(0,0,0,.7); border:0; color:#282828}
.tab-style5-content, .tab-style5-img{min-height:461px}
.tab-background-image1{}
.tab-background-image2{}
.tab-background-image3{}
.tab-background-image4{}

.tab-style1 ul{height:50px; border:none}
.tab-style1 .nav li{margin:0}
.tab-style1 .nav-tabs li a{border:0; border-radius:0; margin:0; padding:6px 22px 5px; margin-right:10px}
.tab-style1 .nav-tabs li a:hover{background-color:#282828; color:#fff}
.tab-style1 .nav-tabs li.active a{background-color:#282828; color:#fff; border:none}
.tab-style1 .nav-tabs li.active a:hover{border:0}

.tab-style2 .nav-tabs{display:inline-block; border:0}
.tab-style2 .nav-tabs li{float:left; margin:0; margin:0 40px}
.tab-style2 .nav-tabs .active img{opacity:1; -webkit-filter:none; filter:none}
 
.tab-style2 .nav-tabs li a{border:0; margin:0; background:transparent; padding:0}
.tab-style2 .nav-tabs li.active a:hover, .tab-style2 .nav-tabs li.active a:focus{background:transparent; border:none}
.tab-style2 .nav-tabs li img{opacity:0.4; -webkit-filter:grayscale(100%); filter:grayscale(100%)}
.tab-style2 .nav-tabs li:hover img{opacity:1}
.tab-restaurant-bg-image{}

.tab-style6 .nav-tabs{border-bottom:0}
.tab-style6 .nav-tabs li{border:0}
.tab-style6 .nav-tabs li a{border:0; color:#fff; padding:3px 1px}
.tab-style6 .nav-tabs li a:hover, .tab-style6 .nav-tabs li a:focus, .tab-style6 .nav-tabs li a:visited{border:0; border-bottom:2px solid transparent}
.tab-style6 .nav-tabs-light li a{margin:0 30px 0 0; border-bottom:2px solid transparent}
.tab-style6 .nav-tabs >li.active >a{cursor:default; border-bottom:2px solid #fff; color:#fff; background:transparent}

.tab-style8 .tab-content{padding:55px 0 0; border-top:1px solid #e5e5e5}
.tab-style8 .nav-tabs{border:0}
.tab-style8 .nav-tabs li{border:1px solid #e5e5e5; border-bottom:none; border-radius:0; margin-bottom:0; display:inline-block; float:none; margin-right:2px}
.tab-style8 .nav-tabs li a{background-color:#f7f7f7; border:none; color:#575757; line-height:44px; margin:0!important; padding:0 25px; border-radius:0}
.tab-style8 .nav-tabs-light li:first-child{border-left:1px solid #e5e5e5; margin-left:15px}
.tab-style8 .nav-tabs >li.active >a{border-color:transparent; border:none; border-radius:0; background:#fff; top:1px}

.tab-style9 .nav-tabs-round{ display:block;  padding:30px 0}
.tab-style9 ul{ margin:0;  padding:0px;  list-style:none}
.tab-style9 .nav-tabs-round li{ display:inline-block}

.tab-style9 .nav-tabs-round li a{ border-radius:40px;  border:1px solid transparent;  display:block;  padding:15px 25px;  margin-bottom:2px}

.tab-style9 .nav-tabs-round >li.active >a, 
.tab-style9 .nav-tabs-round >li.active >a:hover, 
.tab-style9 .nav-tabs-round >li.active >a:focus{ border:1px solid #00c0ff;  color:#00c0ff;  background:none}

.tab-style9 .nav-tabs li a{ padding:20px 25px;  font-weight:bold;  display:block}

.tab-style9 .nav-tabs li.active a, 
.tab-style9 .nav-tabs li.active a:hover, 
.tab-style9 .nav-tabs li.active a:focus{ color:#00c0ff}

.tab-style9 .nav-tabs li a:hover{ background:none}

.tab-style9 .tab-content{ padding:35px 25px;  background-color:#fff}

.tab-style9 .tab-content-border{ padding:20px;  border:1px solid #ddd;  border-top:none}

.tab-style9 .tab-content-zero{ padding:0}

.tab-style9 .tab-content-border .data-list{ margin:40px 0 0 40px}

@media (max-width:767px){ .tab-style9 .nav-tabs >li{ float:none}
 .tab-style9 .nav-tabs >li a{ display:block;  border-top:1px solid #ddd;  border-right:1px solid #ddd;  border-left:1px solid #ddd;  border-radius:0;  margin:0}
 .tab-style9 .nav-tabs li:first-child a{ border-radius:4px 4px 0 0}
 .tab-style9 .nav-tabs >li a:hover, 
 .tab-style9 .nav-tabs >li.active >a, 
 .tab-style9 .nav-tabs >li.active >a:hover, 
 .tab-style9 .nav-tabs >li.active >a:focus{ border-color:#ddd}
}

@media (max-width:992px){ .tab-style9 .tab-content-border .data-list{ margin:40px 0 0 0}
}

.team-style3 .team-details{padding:30px 40px 50px; position:relative}
.team-style3 .team-social{opacity:0; background:rgba(0,0,0,.75); padding:23px 0 16px; position:absolute; width:100%; bottom:-30px; cursor:default; transition:all 0.3s ease 0s}
.team-style3 .team:hover .team-social{opacity:1; bottom:0; transition:all 0.3s ease 0s}

.about-style3 .about-text{min-height:580px; padding:8%}
.about-style3 .about-img{min-height:580px}

.team-style5 .team-details{padding:13%}
.team-style5 .team img:hover{-webkit-filter:grayscale(1); filter:grayscale(1)}

.team-style6 .team:hover{}
.team-style6 .team{max-height:580px}
.team-style6 .team-details{position:relative; bottom:0}
.team-style6 .team:hover .team-details{bottom:150px}
.team-style6 .team:hover img{transform:scale(1.15)}

.team-style8 .team{box-shadow:0 0 6px rgba(0,0,0,.20)}

.title-style6 .progress{background-color:#dedede; height:4px; overflow:hidden; margin-bottom:10px; border-radius:0}
.title-style6 .progress-bar-style1 .progress-name{font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:400; margin:5px 0 20px}
.title-style6 .progress-bar-style1 .progress-bar{float:left; width:0; height:100%; font-size:12px; line-height:20px; color:#fff; text-align:center; background-color:#000; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition:width .6s ease; -o-transition:width .6s ease; transition:width .6s ease}

.breadcrumb{background:none}
.breadcrumb ul li+li:before{color:#898989; content:"|"; font-size:8px; padding:0 10px; position:relative; top:-1px}

.pricing-box-style1 .pricing-box{border:1px solid #ededed}
.pricing-box-style1 .pricing-title{padding:40px 0}
.pricing-box-style1 .pricing-price{padding:19px 0}
.pricing-box-style1 .pricing-features{padding:30px 40px 40px}
.pricing-box-style1 .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:7px 0}
.pricing-box-style1 .pricing-features ul li:last-child{border:none}
.pricing-box-style1 .pricing-title i{display:inline-block; vertical-align:middle}
.pricing-box-style1 .pricing-title .icon-border{display:inline-block; height:75px; width:75px; line-height:75px; border-radius:50%}
.pricing-box-style1 .pricing-box:hover{border:1px solid #3966e6}
.pricing-box-style1 .pricing-box:hover .pricing-title span{color:#3966e6}
.pricing-box-style1 .pricing-box:hover .pricing-price{background:#3966e6; color:#fff}
.pricing-box-style1 .pricing-box:hover .pricing-price h4{color:#fff}

.spa-therapists li{border-top:1px solid #4a4646; font-size:14px; letter-spacing:2px; padding:13px 0}
.spa-therapists li span{margin:0 40px 0 0; font-weight:600; width:50px; display:inline-block}
.spa-therapists .btn{padding:5px 20px}
.spa-therapists .owl-pagination{bottom:-60px}

.pricing-box-style3{margin-bottom:30px; padding:15px; box-shadow:0 0 4px rgba(0,0,0,.10)}
.pricing-box-style3 li:first-child{padding:25px 0; border-bottom:none}
.pricing-box-style3 li{list-style:none; padding:11px 0}
.pricing-box-style3 li{border-bottom:1px solid #dedede}
.pricing-box-style3 li:nth-child(2){padding:25px 0}
.pricing-box-style3 li:last-child{padding:30px 13px; border-bottom:0}

.pricing-box-style4 .pricing-box{border:2px solid #3966e6; padding:60px 0}
.pricing-box-style4 .pricing-features{padding:35px 40px 0}
.pricing-box-style4 .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:10px 0; font-size:14px}
.pricing-box-style4 .pricing-features ul li:last-child{border:none}
.pricing-box-style4 .pricing-title i{display:inline-block; vertical-align:middle}
.pricing-box-style4 .pricing-title .icon-border{display:inline-block; height:75px; width:75px; line-height:75px; border-radius:50%}

.pricing-box-style5{margin-bottom:30px; border:1px solid #dedede}
.pricing-box-style5 li:first-child{padding:25px 0; border-bottom:none}
.pricing-box-style5 li{list-style:none; padding:11px 0}
.pricing-box-style5 li{border-bottom:1px solid #dedede}
.pricing-box-style5 li:nth-child(2){padding:25px 0}
.pricing-box-style5 li:last-child{padding:30px 13px; border-bottom:0}
.pricing-box-style5 .popular{box-shadow:0 0 4px rgba(0,0,0,.10); left:50%; padding:1px 15px; top:-15px; margin-left:-43px}

.pricing-box-style6 .pricing-box{background:rgba(10,10,10,.7); padding:40px}
.pricing-box-style6 .pricing-title{padding:35px 25px}
.pricing-box-style6 .pricing-features ul li{padding:6px 0; font-size:14px}
.pricing-box-style6 .pricing-features ul li:last-child{border:none}
.pricing-box-style6 .pricing-title i{display:inline-block; vertical-align:middle}
.pricing-box-style6 .pricing-title .icon-border{display:inline-block; height:75px; width:75px; line-height:75px; border-radius:50%}

.pricing-box-style7{margin-bottom:30px; padding:15px}
.pricing-box-style7 li:first-child{padding:25px 0; border-right:0; border-top:1px solid #dedede}
.pricing-box-style7 li{list-style:none; padding:10px 0; display:table; width:100%; height:130px}
.pricing-box-style7 li{border-bottom:1px solid #dedede; border-right:1px solid #dedede}
.pricing-box-style7 li:last-child{padding:30px 13px}
.pricing-box-style7 li .feature-box-details, .pricing-box-style7 li .feature-box-details-second, .pricing-box-style7 li .feature-box-details-third, .pricing-box-style7 li .pricing-box-style7-top-col{display:table-cell; vertical-align:middle}
.pricing-box-style7-first-col li{padding-right:20px}
.pricing-box-style7 li:first-child{height:130px}
.pricing-box-style7 li:last-child{height:97px}

.contact-form-style1 .contact-details .details-box{margin-bottom:35px}
.contact-form-style1 .contact-details .details-box:last-child{margin-bottom:0}
.contact-form-style1 .contact-details .details-box .details-icon{width:50px; display:inline-block; vertical-align:top}
.contact-form-style1 .contact-details .details-box .details-text{display:inline-block; padding-left:15px}
.contact-form-style1 .contact-details .details-box .details-text.last{vertical-align:top; padding-left:40px}
.contact-form-style1 textarea{min-height:100px}

.contact-form-style2 textarea{min-height:112px}

.contact-form-style6 .contact-details{padding:40px 30px; border:1px solid rgba(0,0,0,.1)}

.blog-image{background:#a1a1a1 none repeat scroll 0 0; overflow:hidden}
.blog-post img{opacity:1; transition:all 0.3s ease 0s}
.blog-post:hover img{opacity:0.5; transform:scale(1.2,1.2); transition:all 0.3s ease 0s}
.post-thumbnail a:hover{opacity:1}
.post-thumbnail:hover img{filter:grayscale(1)}

.blog-style1 .post-details{padding:35px; text-align:center}
.blog-style1 .post-author{color:#fff; display:block; font-size:11px; font-weight:600; letter-spacing:1px; line-height:18px; padding:4px 5px; text-align:center}

.subscribe-style1 input{margin:0 0 0 0px; padding:8px 45px 9px 20px; width:430px; border-color:#fff}
.subscribe-style1 input:focus, .subscribe-style1 select:focus{border-color:#fff}
.subscribe-style1 a{height:auto; line-height:normal; position:absolute; right:15px; top:5px; vertical-align:top}
.subscribe-style1 a .fa{line-height:normal}
.subscribe-style1 a:hover{opacity:0.8}

.subscribe-style4 input{margin:0 0 0 0px; padding:8px 40px 9px 20px; border-radius:4px; font-size:13px}
.subscribe-style4 input:focus, .subscribe-style1 select:focus{border:1px solid rgba(0,0,0,0.5)}
.subscribe-style4 a{height:auto; line-height:normal; position:absolute; right:15px; top:10px}
.subscribe-style4 a .fa{vertical-align:top; line-height:normal}
.subscribe-style4 a:hover{opacity:0.8}

footer ul{list-style:none; padding:0; margin:0}
footer ul.links-inline li a, footer .social-icon a{margin:0 10px; display:inline-block}
footer ul.links-inline li{display:inline-block}
footer ul.links li a{margin:2px 0; display:inline-block}
footer .newsletter button{padding:0; position:absolute; right:15px; top:24px; outline:none; background:transparent}
footer .newsletter button.btn{padding:8px 15px}
footer .social-icon a i{height:40px; width:40px; border-radius:50%; vertical-align:middle; text-align:center}
footer .social-icon a:last-child{margin-right:0}

.offer .offer-box-right ul{padding-left:0}
.offer .offer-box-right ul li{display:inline-block; margin:0 15px 15px 0}

.counter-box .counter-content{left:0; right:0; top:50%; transform:translateY(-50%); z-index:11}

.grid-border [class^=col-]:before, .grid-border [class^=col-]:after{content:''; position:absolute}
.grid-border [class^=col-]:before{height:100%; top:0; left:-1px; border-left:1px solid rgba(0,0,0,0.1)}
.grid-border [class^=col-]:before, .grid-border [class^=col-]:after{content:''; position:absolute}
.grid-border [class^=col-]:after{width:100%; height:0; top:auto; left:0; bottom:0; border-bottom:1px solid rgba(0,0,0,0.1)}
.client-logo-inner{display:table-cell; text-align:center; vertical-align:middle; width:100%}
.client-logo-outer{display:table; width:100%}

.time-counter-box{width:780px}
.time-counter .counter-box{display:inline-block; border-right:1px solid rgba(255,255,255,.3); padding:20px 20px 7px; min-width:160px; text-align:center}
.time-counter .counter-box .number{font-size:50px; color:#fff; padding-bottom:15px}
.time-counter .counter-box:last-child{border-right:0}

.testimonial-style5 .testimonial{padding-left:15px}
.testimonial-style5 .testimonial:before{content:"f10d"; font-family:'FontAwesome'; line-height:44px;  position:absolute; left:0px; font-size:14px; top:-7px; color:#282828}

.testimonial-style7 i{margin:0 2px}
.testimonial-style7 .testimonial-box{box-shadow:0 0 3px rgba(0,0,0,.10); padding:45px 35px}

.testimonial-style8 .testimonial-img{position:relative}
.testimonial-style8 .testimonial-img:before{content:"f10d"; font-family:'FontAwesome'; line-height:44px;  position:absolute; font-size:40px; top:-7px; color:#ffcf29; margin-left:-73px; z-index:-1; left:50%}

.testimonial-style9-con{padding:55px 45px; box-shadow:0 0 3px rgba(0,0,0,.10)}

.social-widget-1 .timePosted a{font-size:12px; color:#a1a1a1; text-transform:uppercase}
.social-widget-1 .tweet{font-size:16px; color:#fff; margin-bottom:2%; font-weight:400!important; line-height:26px}
.social-widget-1 .tweet a{font-size:16px; color:#fff}

.social-widget-2 .timePosted a{font-size:12px; color:#282828; text-transform:uppercase}
.social-widget-2 .tweet{font-size:16px; color:#282828; margin-bottom:3%}
.social-widget-2 .tweet a{font-size:16px; color:#32b6e6}
.social-widget-2 .twitter-widget{top:50%; transform:translateY(-50%)}

.social-widget-3 .timePosted a{font-size:12px; color:#a1a1a1; text-transform:uppercase}
.social-widget-3 .tweet{font-size:16px; color:#69696e; margin-bottom:2%; font-weight:400!important; line-height:26px}
.social-widget-3 .tweet a{font-size:16px; color:#32b6e6}

.social-widget-4 .timePosted a{font-size:12px; color:#fff; text-transform:uppercase}
.social-widget-4 .tweet{font-size:16px; color:#fff; margin-bottom:2%; font-weight:400!important; line-height:26px}
.social-widget-4 .tweet a{font-size:16px; color:#fff}

.social-widget-5 .timePosted a{font-size:11px; color:#a1a1a1; text-transform:uppercase}
.social-widget-5 .tweet{font-size:14px; color:#69696e; margin-bottom:1.5%; font-weight:400!important; line-height:26px}
.social-widget-5 .tweet a{font-size:16px; color:#32b6e6}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{outline:0 none; box-shadow:none}

@media screen\0{ .input-group-btn .btn-large.btn{height:59px}
 .equalize.equalize-display-inherit .display-table{display:inherit; position:static}
 .equalize.equalize-display-inherit .display-table-cell-vertical-middle{display:inherit; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:relative}
 .equalize.equalize-display-inherit .display-table-cell-vertical-bottom{display:inherit; top:inherit; bottom:0; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); position:relative}
 .client-logo-inner, .client-logo-outer{display:block}
}

.dark-bg h1, 
.dark-bg h2, 
.dark-bg h3, 
.dark-bg h4{color:#fff}

.dark-bg{color:#fff}

.dark-bg hr{ border-color:rgba(255,255,255,0.4)}

.cover-bg, 
.fixed-bg, 
.pattern-bg, 
.contain-bg{background-repeat:no-repeat; background-position:center; background-size:cover}

.screen{max-width:100%; height:auto}

.container-half{position:absolute; width:50%; top:0; bottom:0}

.container-half-right{right:0}

.container-half-left{left:0}

img.full-height{height:100%; width:auto}

img.full-width{width:100%; height:auto}
 @media (max-width:992px){.container-half-right, .container-half-left{display:none}
}

.title{margin:0 0 60px 0}

h3.title, 
h4.title{margin:0 0 30px 0}

h1.sub-title, 
h2.sub-title, 
h3.sub-title, 
h4.sub-title{color:#00c0ff; margin:0 0 60px 0}

.bg-color2 .sub-title{color:#fff}

.big-title, 
.giant-title, 
.mega-title{font-size:70px; font-weight:100; text-transform:uppercase; margin-bottom:70px}

.giant-title{font-size:110px}

.mega-title{font-size:200px}

.mega-title .icon{font-size:80%}

.big-title.zero-bottom, 
.giant-title.zero-bottom{margin-bottom:0}

.icon{margin-right:10px}

.btn .icon{vertical-align:middle}

.right-icon{margin-left:10px; margin-right:0}

.big-icon{display:inline-block; font-size:64px}

.center-icon{margin-right:auto; margin-left:auto}

.big-right-icon{font-size:64px; margin-left:10px; margin-right:0}

.border-block{border:1px solid rgba(0,0,0,0.1); padding:30px}
.dark-bg .border-block{border:1px solid rgba(255,255,255,0.3)}

.text-highlight{background:rgba(0,0,0,0.5); padding:0 20px}

.trans-link a{ opacity:0.5}

.trans-link a:hover{ opacity:1}

@media (max-width:767px){.big-title,.giant-title{font-size:40px}
.mega-title{font-size:100px}
}

.types-block{padding:0}

.types-block .row >div{min-height:400px; position:relative}

.types-block .content{margin:0 80px 70px 80px; position:absolute; left:0; bottom:0}
.types-block .content p{margin:0}
@media (max-width:992px){.types-block .row >div{min-height:0px; padding:100px 50px 50px 50px !important}
.types-block .content{position:relative; margin:0; left:auto; bottom:auto}
}

.bg-color1{background-color:#252830}

.bg-color2{background-color:#00c0ff}

.bg-color3{background-color:#f8f9fb}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1024px){.fixed-bg{background-attachment:scroll !important}
}

ul.step-center-block li, 
ul.step-left-block li, 
ul.step-path-block li{ padding-bottom:70px;  position:relative;  overflow:hidden}

ul.step-left-block li{ padding-left:150px}

ul.step-center-block li .step-text, 
ul.step-left-block li .step-text, 
ul.step-path-block li .step-text{ float:left;  width:40%}

ul.step-left-block li .step-text{ width:50%}

ul.step-path-block li .step-text{ border:1px solid rgba(0,0,0,0.2);  border-radius:8px;  padding:50px 60px}

.dark-bg ul.step-path-block li .step-text{ border-color:rgba(255,255,255,0.3)}

ul.step-path-block li.reverse .step-text, 
ul.step-center-block li.reverse .step-text{ float:right}

ul.step-center-block li .step-img, 
ul.step-path-block li .step-img{ float:right;  width:40%;  position:relative;  z-index:2}

ul.step-left-block li .step-img{ float:left;  width:40%;  margin-right:8%}

ul.step-center-block li.reverse .step-img, 
ul.step-path-block li.reverse .step-img{ float:left}

ul.step-center-block li .step-num, 
ul.step-left-block li .step-num{ position:absolute;  height:100px;  width:100px;  left:50%;  margin-left:-50px;  top:0;  border:1px solid #00c0ff;  border-radius:50%;  font-family:'Montserrat',sans-serif;  font-weight:100;  text-align:center;  line-height:100px;  overflow:hidden;  font-size:50px;  font-weight:lighter}

ul.step-left-block li .step-num{ left:0;  margin-left:0}

ul.step-center-block li:before, 
ul.step-left-block li:before{ content:"";  position:absolute;  display:block;  top:100px;  left:50%;  bottom:0;  width:1px;  background:#00c0ff}

ul.step-left-block li:before{ left:50px}

ul.step-path-block li:before{ content:"";  position:absolute;  z-index:1;  display:block;  top:40%;  left:40%;  right:20%;  bottom:0;  border-top:1px dashed rgba(0,0,0,0.2);  border-right:1px dashed rgba(0,0,0,0.2);  border-radius:0 8px 0 0}

ul.step-path-block li.reverse:before{ left:20%;  right:40%;  border-left:1px dashed rgba(0,0,0,0.2);  border-right:none;  border-radius:8px 0 0 0}

.dark-bg ul.step-path-block li:before{ border-color:rgba(255,255,255,0.3)}

ul.step-center-block li:last-child, 
ul.step-left-block li:last-child, 
ul.step-path-block li:last-child{ padding-bottom:0}

ul.step-center-block li:last-child:before, 
ul.step-left-block li:last-child:before, 
ul.step-path-block li:last-child:before{ display:none}

ul.step-center-block li:after, 
ul.step-left-block li:after{ content:"";  display:block;  clear:both}

@media (max-width:992px){ ul.step-left-block li{ padding-left:0}
 ul.step-center-block li .step-num, 
 ul.step-left-block li .step-num{ position:relative;  display:inline-block;  margin-bottom:20px;  left:auto;  margin-left:0}
 ul.step-center-block li .step-text, 
 ul.step-center-block li .step-img, 
 ul.step-left-block li .step-text, 
 ul.step-left-block li .step-img, 
 ul.step-path-block li .step-text, 
 ul.step-path-block li .step-img{ float:none;  width:100%}
 ul.step-center-block li .step-img, 
 ul.step-left-block li .step-img, 
 ul.step-path-block li .step-img{ margin-bottom:40px}
 ul.step-center-block li:before, 
 ul.step-left-block li:before, 
 ul.step-path-block li:before{ display:none}
}

ul.diagram{ display:table;  width:100%;  border:1px solid rgba(0,0,0,0.1);  padding:50px 30px 30px 30px;  font-size:14px;  background-position:bottom}

.dark-bg ul.diagram{ border:1px solid rgba(255,255,255,0.3)}

ul.diagram li{ display:table-cell;  text-align:center;  height:100%;  vertical-align:top}

ul.diagram li span{ display:block;  position:relative;  text-align:center}

ul.diagram li span.name{ font-weight:bold;  padding:10px 2px 0 2px}

ul.diagram li span.column{ height:400px;  font-size:11px;  display:inline-block;  position:relative;  overflow:hidden;  width:40%;  margin:0 5%}

ul.diagram li span.column span{ color:#fafafa;  line-height:25px;  width:100%;  display:block;  position:absolute;  bottom:0}

ul.diagram.multicol li span.column{ width:18%;  margin:0 1%}

ul.diagram.val-5 li{ width:20%}

ul.diagram.val-6 li{ width:16.66%}

ul.diagram.val-10 li{ width:10%}

ul.diagram.val-12 li{ width:8.3%}

ul.diagram-horizontal{ width:100%;  border:1px solid rgba(0,0,0,0.1);  padding:50px 30px;  font-size:14px;  background-position:bottom}

.dark-bg ul.diagram-horizontal{ border:1px solid rgba(255,255,255,0.3)}

ul.diagram-horizontal li{ position:relative;  padding-bottom:30px}

ul.diagram-horizontal li:last-child{ padding-bottom:0}

ul.diagram-horizontal li span{ display:block;  position:relative}

ul.diagram-horizontal li span.name{ position:absolute;  top:0;  left:0;  bottom:0;  width:100px;  padding-right:10px;  height:100%;  font-weight:bold;  text-align:left}

ul.diagram-horizontal.name-inline li span.name{ position:relative;  top:auto;  left:auto;  height:auto;  width:100%;  padding-top:10px}

ul.diagram-horizontal li span.column{ font-size:11px;  position:relative;  overflow:hidden;  margin-left:100px}

ul.diagram-horizontal.name-inline li span.column{ margin-left:0}

ul.diagram-horizontal li span.column span{ color:#fafafa;  padding:2px 5px;  text-align:right}

.red{ background-color:#fc4848}
.green{ background-color:#50df53}
.orange{ background-color:#ff9c00}
.blue{ background-color:#32a6ff}
.purple{ background-color:#C39}
.default{ background-color:#aaa}

.color-list li{ position:relative;  padding-left:80px;  margin-bottom:20px;  text-align:left}

.color-list li .color-mark{ position:absolute;  width:50px;  height:4px;  left:0;  top:10px}

.color-list li:last-child{ margin-bottom:0}
 @media (max-width:992px){ ul.diagram li span.column span{ text-indent:-1000px}
}
 
.zero-bottom{padding-bottom:0}

.zero-top{padding-top:0}

.desc-text{opacity:0.7}

.sep-bottom{margin-bottom:60px}

.sep-half-bottom{margin-bottom:30px}

.sep-zero-bottom{margin-bottom:0}

.double-padding{padding-top:250px; padding-bottom:250px}
.top-double-padding{ padding-top:250px}
.section-padding{ padding-top:150px; padding-bottom:150px}
.half-padding{padding-top:100px; padding-bottom:100px}
.third-padding{padding-top:50px; padding-bottom:50px}
.zero-padding{padding-top:0; padding-bottom:0}

.zero-border{ border:none !important}

.embed-responsive-256by81{ padding-bottom:31.64%}

@media (max-width:1200px){.double-padding{padding-top:150px; padding-bottom:150px}
}

@media (max-width:992px){.double-padding,.top-double-padding,.section-padding,.half-padding{padding-top:80px; padding-bottom:80px}
.embed-responsive-256by81{ padding-bottom:56.25%}
}

.vl_1{}