/* --------------------------------------
=========================================
Celfie - Bootstrap Based Multi-Purpose HTML5 Template.
Version: 1.0
Designed By: UXLiner
=========================================
1. Header
	+ logo
	+ top navigation
	+ searchsection-lg
	
2. Content
	+ sections
	+ page title
	+ parallax backgrounds

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables
	+ pricing tables
	+ framed boxes
	+ pagination
	+ site search
	+ tabs
	+ portfolio widgets
	
4. Footer
	+ copyrights
	+ google map
	
5. Resets
--------------------------------------------------------*/

/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/
body {
    font-family: 'Poppins', sans-serif;
	color: #5a5a5a;
	font-size: 15px;
}
a, a:hover {
	outline: none;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
}

p {
	color: #8d8d8d;
	margin-bottom: 20px;
	line-height: 22px;
}
h1, h2, h3, h4, h5, h6 {
	color: #B92A2D;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
}
h1 {
	color: #000;
}
h4 {
	line-height: 25px;
}
/* Topbar 
 ------------------------------ */
.section-lg_about {
    margin-top: 115px
}
.mylogo{
    display:block;
}
.myheader{
    display:none;
}
.carousel-inner{
    margin-top:40px;
}
.logo_holder {
	float: left;
	width: 100%;
	height: 64px;
}

.servicebullet{
background: url(../images/bullet.png) no-repeat rgba(0, 0, 0, 0) left 6px; 
    padding-left: 20px;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: normal;
    list-style: none;
    position: relative;
}
	
/* Logo */
.navbar-brand.logo {
	background: url(../images/logo.png) no-repeat left 12px;
}
.temp-header {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1001;
}
.temp-header.sty1 {
	position: relative;
}
.temp-header.sty2 {
	border-bottom: solid 1px rgba(255, 255, 255, 0.15)
}
.top-bar {
	background-color: #f6f6f6;
	padding: 10px 0;
	font-size: 13px;
	color: #909090;
}
.top-bar.solid-color {
	background-color: #25d5b2;
	height: 5px;
	padding: 0;
}
.top-bar.solid-dark {
	background-color: #04dbc0;
	padding: 10px 0;
	font-size: 13px;
	color: #fff;
}
.top-bar.solid-dark span {
	padding: 0 7px;
}
.top-bar.solid-dark a {
	color: #FFF;
}
.top-bar.black-bg {
	background-color: #000;
}
/* Sections 
 ------------------------------ */
.section-lg {
	width: 100%;
	float: left;
	padding: 50px 0 0 0;
}
.section-lg.no-padd {
	width: 100%;
	float: left;
	padding: 0;
}
.section-lg.one {
	width: 100%;
	float: left;
	padding: 100px 0 80px 0;
}
.section-lg.two {
	width: 100%;
	float: left;
	padding:70px 0 0 0;
}
.section-lg.nopadd {
	padding: 0;
}
.section-lg.bg-grey {
	background: #f6f6f6;
	float: left;
	padding: 100px 0;
	width: 100%;
}
.section-lg.bg-light {
	background: #f7f7f7;
	padding: 100px 0 70px 0;
	width: 100%;
}
.section-lg.bg-sea-light {
	background: #3cbcd2;
	padding: 100px 0 100px 0;
}
.section-lg.bg-blue {
	background: #2e98e7;
	padding: 100px 0 100px 0;
	width: 100%;
}
.section-lg.bg-blue1{
	background: #2e98e7;
	padding:0 !important;
	width: 100%;
}
.bg-parallax {
	/*background: url("../images/parallax-bg-02.jpg") no-repeat fixed center top / cover;*/
	float: left;
	padding: 150px 0;
	width: 100%;
}
.bg-parallax.sty-one {
	background: url("../images/parallax-bg-03.jpg") no-repeat fixed center top / cover;
	float: left;
	padding: 150px 0;
	width: 100%;
}
.bg-parallax.sty-two {
	background: url("../images/parallax-bg-04.jpg") no-repeat fixed center top / cover;
	float: left;
	padding: 100px 0;
	width: 100%;
}
.bg-parallax.sty-three {
	background: url("../images/parallax-bg-01.jpg") no-repeat fixed center top / cover;
	float: left;
	padding: 100px 0;
	width: 100%;
}



.bg-parallax.sty-sms {
	background: url("../images/bulksms-w2wts-img10.jpg") no-repeat fixed center top / cover;
	float: left;
	padding: 100px 0;
	width: 100%;
}


.bg-parallax.sty-four {
	background: url("../images/parallax-bg-05.jpg") no-repeat fixed center top / cover;
	float: left;
	padding: 100px 0 80px 0;
	width: 100%;
}
.bg-parallax.sty-four.sty-one {
	background: url("../images/parallax-bg-05.jpg") no-repeat fixed center top / cover;
	float: left;
	padding: 120px 0 150px 0;
	width: 100%;
}
.bg-parallax.sty-five {
	/*background: url("../images/parallax-bg-06.jpg") no-repeat fixed center top / cover;*/
	float: left;
	padding: 100px 0 60px 0;
	width: 100%;
}
.bg-parallax.sty-six{
	background:#f5f5f5 url("../images/parallax-bg-08.jpg") no-repeat center top;
	float: left;
	padding: 150px 0 120px 0;
	width: 100%;
}
.bg-image-sty1 {
	background: url("../images/img-39.jpg") no-repeat center bottom / cover;
	padding: 100px 60px;
}
.bg-image-sty2 {
	background: url("../images/img-40.jpg") no-repeat center top / cover;
	padding: 100px 60px;
}
.bg-image-sty3 {
	background: url("../images/img-41.jpg") no-repeat center top / cover;
	padding: 100px 60px;
}
.bg-image-sty4{
	background: url("../images/parallax-bg-09.jpg") no-repeat center top;
	float:left;
	width:100%;
	min-height: 380px;
	position: relative;
	z-index: 1;
}
.img-col{
	margin-top:-60px;
}
/*------------------*/
/*Pricing tables */
/*------------------------------------------------------*/
.pricing-box {
	border:solid 1px #e3e3e3;
	padding:40px 0;
}
.pricing-box.active {
	border:solid 1px #009ae8;
	background:#009ae8;
	padding:40px 0;
}
.price h4 {
	line-height:20px;
}
ul.plan-list {
	padding:0;
	margin:0;
}
ul.plan-list li {
	margin:25px 0;
}
ul.plan-list.one li {
	margin:15px 0;
}
ul.plan-list.two li {
	padding:11px 25px;
	margin:0;
	border-top:solid 1px #e3e2e2;
}
ul.plan-list.two li:last-child {
	border-bottom:solid 1px #e3e2e2;
}
.pricing-box.one {
	border:0;
	background:#f4f4f4;
	padding:60px 0;
	transition: all 0.3s ease-out 0s;
}
.pricing-box.one:hover, .pricing-box.one.active {
	background:#1cbac8;
	color:#FFF;
	transform: scale(1.1);
}
.pack-title {
	background:#1cbac8;
	width:40%;
	padding:4px 0;
	margin:auto auto 25px auto;
	color:#fff;
}
.pricing-box.one:hover .pack-title, .pricing-box.one.active .pack-title {
	background:#fff;
	color:#1cbac8;
}
.price h4 span.align-top {
	margin-left:-20px;
	margin-top: -10px;
	position: absolute;
}
.pricing-box.one h4 span {
	color:#1cbac8;
}
.pricing-box.one:hover h4 span, .pricing-box.one.active h4 span {
	color:#fff;
}
.pricing-box.two {
	border:solid 1px #e3e2e2;
	background:#fff;
	padding:60px 0;
	transition: all 0.3s ease-out 0s;
}
.pricing-box.two.active {
	border:solid 1px #009ae8;
	background:#009ae8;
	transform: scale(1.1);
}
.price-info {
	background:#FFF;
	border-radius:100%;
	text-align:center;
	font-size:18px;
	font-style:italic;
	color:#979898;
	width:120px;
	height:120px;
	padding-top:30px;
	position:absolute;
	z-index:999;
}
.pricing-box.three {
	border:solid 0px #e3e2e2;
	background:#fff;
	padding:0px;
	transition: all 0.3s ease-out 0s;
}
.pricing-box.three.active {
	border:solid 0px #e3e2e2;
	background:#fff;
	padding:20px 0px;
	transform: scale(1.1);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.28);
	z-index:99;
}
.price-info.black-bg {
	background:#000;
	border-radius:100%;
	text-align:center;
	font-size:18px;
	font-style:italic;
	color:#fff;
	width:120px;
	height:120px;
	padding-top:30px;
	position:absolute;
	z-index:999;
	margin-left:50px;
}
/* page sub headers */
.page-header {
	background-size: cover;
	float: left;
	margin: 0;
	padding: 80px 0 75px 0;
	width: 100%;
}
.page-header.sty-one{
	padding: 10px 0;
	background-image:none;
	background-color:#f5f5f5;
	border-bottom:solid 1px #eae8e8;
	border-top:solid 1px #eae8e8
}
.page-header.sty-two{
	padding: 180px 0;
}
.page-header.one {
	background: url(../images/img-43.jpg) no-repeat scroll center top;
	background-size: cover;
}
.page-header.two {
	background: url(../images/service-bg.jpg) no-repeat scroll center top;
	background-size: cover;
}
.page-header.three {
	background: url(../images/img-45.jpg) no-repeat scroll center top;
	background-size: cover;
}
.page-header h2{
	font-size: 40px;
	font-weight: 400;
	color: #FFF;
	margin-bottom: 10px !important;
}
.page-header h3 {
	font-size: 40px;
	 
	font-weight: 400;
	color: #000;
	margin-bottom: 10px !important;
	   
}
.page-header h3.black-text{
	color: #333;
}
.page-header h4 {
	font-size: 20px;
	font-weight: 300;
	color: #000;
}
.breadcrumbs {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 45px 0 0;
	text-align: right !important;
}
.breadcrumbs.styone{
	text-align: center !important;
}
.breadcrumbs i {
	padding: 0 5px;
}
.breadcrumbs a {
	color: #8e8e8e;
}
.breadcrumbs a:hover {
	color: #fff;
}
.breadcrumbs1{
	color: #666;
	font-size: 12px;
	font-weight: normal;
	margin: 25px 0 0;
	text-align: right !important;
}
.breadcrumbs1 i {
	padding: 0 5px;
}
.breadcrumbs1 a {
	color: #8e8e8e;
}
.breadcrumbs1 a:hover {
	color: #000;
}
.feature-col {
	margin-bottom: 40px;
}
.feature-col-01 {
	padding: 90px 40px;
}
.feature-col-01 p {
	padding: 20px 0;
}
.feature-col-01 a {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.feature-col-01 span {
	opacity: 0;
	margin-left: 0px;
	width: 1px;
	transition: all 0.3s ease;
}
.feature-col-01:hover span {
	opacity: 1;
	margin-right: 8px;
}
.feature-col-02 {
	padding: 0;
	transition: all 0.3s ease;
}
.feature-col-02.sty-01 {
	padding: 60px 30px 40px 30px;
	transition: all 0.3s ease;
	border: solid 1px #e9e4e4;
	margin-bottom: 30px;
}
.feature-col-02.sty-01:hover, .feature-col-02.sty-01.active {
	background: #3cbcd2;
	color: #fff;
	border: solid 1px #3cbcd2;
}
.feature-col-03 {
	padding: 80px 30px;
	background-color: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.feature-col-02.sty-01:hover h3, .feature-col-02.sty-01:hover p, .feature-col-02.sty-01.active h3, .feature-col-02.sty-01.active p {
	color: #fff;
}
.img-box .entry {
	text-decoration: none;
	width: 100%;
}
.img-box .entry .desc h3 {
	font-size: 25px;
	margin-bottom: 20px;
	color: #FFF;
}
.img-box .entry .blog-bg {
	background-position: center center;
	background-size: cover;
	height: 350px;
	margin-bottom: 20px;
	position: relative;
}
.blog-bg.img-bg-style{
	background:url(../images/img-17.jpg) no-repeat left top;
}
.blog-bg.img-bg-style-1{
	background:url(../images/img-18.jpg) no-repeat left top;
}
.img-box .entry .blog-bg .desc {
	background: rgba(60, 188, 210, 0.95) none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 30px;
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;
	transition: all 0.3s ease 0s;
	z-index: 1;
}
.img-box .entry .blog-bg .desc p {
	color: #fff;
}
.img-box .entry:hover .desc {
	opacity: 1;
}
.img-box a {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.img-box span {
	opacity: 0;
	margin-left: 0px;
	width: 1px;
	transition: all 0.3s ease;
}
.img-box:hover span {
	opacity: 1;
	margin-right: 8px;
}
.hr-line {
	width: 50px;
	margin: 0 auto;
	height: 1px;
	background: #e4e4e4;
}
.hr-line.slien-left {
	margin: 0 0 30px 0;
}
.hr-line.blue-color {
	background: #57BFE3;
}
.readmore {
	margin-top: 40px;
}
.readmore a {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 30px 15px 30px;
	border-radius: 4px;
	background-color: #25d5b2;
	transition: all 0.3s ease;
}
.readmore:hover a {
	padding-left: 30px;
	margin-left: 0px;
}
.readmore i {
	opacity: 0;
	margin-left: 0px;
	width: 1px;
	transition: all 0.3s ease;
}
.readmore:hover i {
	opacity: 1;
	margin-right: 8px;
}
.readmore.styone a {
	padding: 15px 25px 15px 0px;
}
.readmore.styone:hover a {
	padding-left: 0px;
	margin-left: 5px;
}
.readmore.rounded a {
	border-radius: 30px;
}
.readmore.out-lined a {
	padding: 15px 25px 15px 25px;
	border-radius: 30px;
	background-color: transparent;
	border: solid 1px #25d5b2;
	color: #25d5b2;
}
.readmore.out-lined a:hover {
	background-color: #25d5b2;
	color: #fff;
}
.readmore.plain {
	margin-top: 15px;
}
.readmore.plain a {
	color: #04dbc0;
	font-weight: 700;
	border-radius: 0px;
	background-color: transparent;
	font-size: 13px;
	letter-spacing: 2px;
}
.div-line {
	width: 35px;
	height: 2px;
	background: #25d5b2;
}
.div-line-50 {
	width: 50px;
	height: 2px;
	background: #25d5b2;
}
.feature-col-02 img {
	width: 420px;
	float: right;
}
.feature-col-02 .c-text {
	background-color: #ffffff;
	padding: 30px 30px 30px 0;
	position: absolute;
	width: 50%;
	z-index: 1;
	margin-top: 45px;
}
.card-box {
	border: 1px solid #e9e4e4;
	padding: 15px;
}
.box-col {
	border: 1px solid #e9e4e4;
	padding: 63px 30px;
	position: relative;
	text-align: left;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
}
.box-col::before {
	border-left: 1px solid #25d5b2;
	border-right: 1px solid #25d5b2;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: -1;
}
.box-col::after {
	border-bottom: 1px solid #25d5b2;
	border-top: 1px solid #25d5b2;
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 0;
	z-index: -1;
}
.box-col:hover::before, .box-col:hover::after {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}
.box-col::before, .box-col::after {
	transition: all 0.4s ease-in-out 0s;
}
.newsletter-form {
	margin-top: 30px;
}
.newsletter-form .form input {
	background-color: #313131;
	height: 40px;
	color: #fff;
	padding-right: 50px;
	border-color: #313131;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 80%;
	float: left;
	border-radius: 0;
}
.newsletter-form .form button {
	background-color: #25d5b2;
	width: 40px;
	height: 40px;
	color: #fff;
	border: 0;
	outline: 0;
	right: 0;
	top: 0;
}
.img-frame {
	position: relative;
}
.img-frame-overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	border: 20px solid rgba(0, 0, 0, 0.1);
}
.img-frame-overlay::before {
	position: absolute;
	top: 0;
	content: "";
	height: 100%;
	width: 100%;
	border: 10px solid rgba(221, 221, 221, 0.50);
}
.sec-title {
	position: relative;
	margin: 0 0 15px 0;
	text-align: center;
}
.sec-title h2 {
	display: inline-block;
	position: relative;
	font-size: 25px;
	font-weight: 600;
	color: #000;
	padding: 0 20px;
	text-transform: uppercase;
}
.sec-title h2::before, .sec-title h2:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 50px;
	height: 2px;
	background: #25d5b2;
}
.sec-title h2::before {
	right: 100%;
}
.sec-title h2::after {
	left: 100%;
}

.fea-col-info h3{
    font-size: 20px;
    color: #282828;
    font-weight: 600;
    margin-top: 0;
    line-height: 30px;
}
.fea-col-info h3 span {
    float: right;
    font-size: 60px;
	font-weight: 500 !important;
    color: #d7d7d7;
    font-weight: bold;
    position: relative;
    top: -16px;
}
/* Video Box 
 ------------------------------ */
.video-box {
	margin: 0 auto;
	position: relative;
}
.video-box .video-inner {
	border-radius: 10px;
	box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.3);
	overflow: hidden;
	position: relative;
}
.video-box .video-inner.no-shodow {
	box-shadow: none;
}
.video-box .video-inner.no-redius {
	border-radius: 0px;
}
.video-box .video-inner .video-link {
	left: 0;
	margin-top: -45px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	z-index: 1;
}
.video-box .video-inner .video-link .icon-play {
	background: transparent url("../images/icon-play.png") no-repeat scroll center center;
	border-radius: 50%;
	color: #425cbb;
	display: inline-block;
	height: 85px;
	line-height: 85px;
	padding-left: 3px;
	text-align: center;
	transform: scale(1);
	transition: all 0.35s ease 0s;
	width: 85px;
}
.video-box .video-inner .video-link .icon-play:hover {
	transform: scale(0.8);
}
/* Tabs 
 ------------------------------ */
.section-tabs {
	padding: 60px 0 0 0;
	width: 100%;
}
.tab-sty-01 .nav-tabs, .tab-sty-01 .nav-tabs > li > a, .tab-sty-01 .nav-tabs > li > a:hover, .tab-sty-01 .nav-tabs > li.active > a:hover, .tab-sty-01 .nav-tabs > li.active > a {
	border: 0;
}
.tab-sty-01 .nav-tabs > li > a:hover {
	background-color: transparent;
}
.tab-sty-01 .nav-tabs {
	padding-left: 12%;
}
.tab-sty-01 .nav-tabs > li {
	margin: 0 25px;
}
.tab-sty-01 .nav-tabs > li > a {
	padding: 10px 20px;
}
.tab-sty-01 .nav-tabs > li > a h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
.tab-sty-01 .nav-tabs > li > a, .tab-sty-01 .nav-tabs > li:hover > a {
	border-bottom: solid 3px #e3e3e3;
}
.tab-sty-01 .nav-tabs > li.active > a, .tab-sty-01 .nav-tabs > li.active:hover > a {
	border-bottom: solid 3px #25d5b2;
}
/* Counters 
 ------------------------------ */
.counters {
	background: url("../images/parallax-bg-01.jpg") no-repeat fixed center bottom / cover;
	float: left;
	padding: 150px 0 130px 0;
	width: 100%;
}
.counters.color-bg {
	background: #25d5b2;
	padding: 100px 0 80px 0;
}
.counters.bg-gradient {
	background-image: -moz-linear-gradient(-82deg, #6a59d9 0, #c38bef 99%);
	background-image: -webkit-linear-gradient(-82deg, #6a59d9 0, #c38bef 99%);
	background-image: -ms-linear-gradient(-82deg, #6a59d9 0, #c38bef 99%);
	background-image: -o-linear-gradient(-82deg, #6a59d9 0, #c38bef 99%);
	overflow: hidden;
	padding: 130px 0 100px 0;
}
.counters .count-icon {
	font-size: 35px;
	color: #25d5b2;
	width: 100%;
}
.counters .count-nos {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}
.counters .count-nos.weight200 {
	font-size: 50px;
	font-weight: 200;
}
.counters .count-lable {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
}
/* Carousel
 ------------------------------ */
.carousel-indicators {
	bottom: -25px;
	left: 0;
	margin: 0;
	width: 100%;
}
.carousel-indicators.top-align {
	top: 5px;
	padding-right: 15px;
	text-align: right;
}
.carousel-indicators.style-black.sty-black-one {
	bottom: -45px;
}
.carousel-indicators li {
	background: #25d5b2 none repeat scroll 0 0;
	border-color: #25d5b2;
	border-radius: 100%;
	height: 10px;
	margin: 0;
	width: 10px;
}
.carousel-indicators.white-color li {
	background: #25d5b2 none repeat scroll 0 0;
	border-color: #25d5b2;
}
.carousel-indicators .active, .carousel-indicators.white-color .active {
	background: #fff none repeat scroll 0 0;
	border: solid 1px #25d5b2;
	height: 10px;
	margin: 0;
	width: 10px;
}
.carousel-indicators.style-black li {
	background: #25d5b2 none repeat scroll 0 0;
	border-color: #25d5b2;
}
.carousel-indicators.style-black .active, .carousel-indicators.style-black .active {
	background: #25d5b2 none repeat scroll 0 0;
	border: 0 none;
	height: 10px;
	margin: 0;
	width: 10px;
}
.box-testimony {
	float: left;
	margin-bottom: 2em;
}
.box-testimony a {
	color: rgba(255, 255, 255, 0.5);
}
.box-testimony a:hover, .box-testimony a:focus, .box-testimony a:active {
	color: white;
	text-decoration: none;
}
.box-testimony blockquote {
	background: #f2f2f2;
	border-left: medium none;
	border-radius: 7px;
	font-size: 20px;
	font-weight: 300;
	padding: 30px;
	position: relative;
}
.box-testimony blockquote::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f2f2f2;
	content: "";
	left: 40px;
	position: absolute;
	top: 100%;
}
blockquote.sty-one {
	border-left: 5px solid #25d5b2;
}
blockquote.sty-two {
	border-left: 5px solid #25d5b2;
	background: #000;
	color: #FFF;
}
blockquote.sty-three {
	border-left: 5px solid #000;
	background: #25d5b2;
	color: #FFF;
}
.box-testimony blockquote.no-padding {
	background: #f2f2f2;
	border-left: medium none;
	border-radius: 7px;
	font-size: 20px;
	font-weight: 300;
	padding: 0px 30px 30px 30px;
	position: relative;
}
.box-testimony blockquote p {
	color: #333;
	font-size: 16px;
	font-style: normal;
}
.box-testimony .author {
	color: black;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-left: 20px;
	color: #fff;
}
.box-testimony.sty-one blockquote {
	background: #57BFE3;
	border-left: medium none;
	border-radius: 7px;
	font-size: 20px;
	font-weight: 300;
	padding: 30px;
	position: relative;
	color: #FFF;
}
.box-testimony.sty-one blockquote::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #FFF;
	content: "";
	left: 40px;
	position: absolute;
	z-index:100;
	top: 100%;
}
.box-testimony.sty-one blockquote p {
	color: #fff;
}
.box-testimony .author.balck-text {
	color: #444444;
}
.box-testimony .author a {
	color: #fff;
}
.box-testimony .author a:hover {
	text-decoration: underline;
}
.box-testimony .author > figure {
	float: left;
	margin-right: 10px;
}
.box-testimony .author > figure img {
	border-radius: 50%;
	width: 60px;
}
figure img.wid60 {
	border-radius: 50%;
	width: 60px;
}
.box-testimony .author p {
	float: left;
	margin-top: 10px;
}
.box-testimony .author .subtext {
	display: block;
	font-size: 14px;
	font-weight: 400 !important;
	color: #25d5b2;
}
.box-testimony .author.balck-text .subtext {
	color: #25d5b2;
}
.box-testimony .testi-info {
	font-size: 20px;
	font-style: italic;
	line-height: 30px;
}
.author.v-line {
	border-left: solid 3px #25d5b2;
	float: left;
	margin: 0;
	padding: 5px 0 5px 15px;
}
.author.v-line h5 {
	margin: 0 0 5px 0;
	font-weight: bold;
}
/* image hovers
 ------------------------------ */
.col-img-hover {
	position: relative;
	width: 100%;
	padding: 10px;
	margin: 0px;
	float: left;
	border: 1px solid #e1e1e1;
}
.img-hover-st-1 {
	position: relative;
	width: 100%;
	height: 235px;
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
}
.img-hover-st-1 .text {
	position: absolute;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 233px;
	left: 0px;
	top: 0px;
	z-index: 10;
	background-color: #1cbac8;
	transition: left .3s ease-in-out;
}
.img-hover-st-1 .text.red {
	background-color: #e71a1a;
}
.img-hover-st-11 .text.green {
	background-color: #3fc35f;
}
.img-hover-st-1 .text.violet {
	background-color: #8a5ed9;
}
.img-hover-st-1 .imgbox {
	position: absolute;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 235px;
	left: 0px;
	top: 0px;
	z-index: 100;
	transition: top .3s ease-in-out;
}
.imgbox img {
	width: 100%;
}
.img-hover-st-1 .text .title {
	color: #fff;
	margin: 15px 0 0 19px;
}
.img-hover-st-1 .text p {
	color: #fff;
	font-weight: normal;
	margin: 5px 15px 0 19px;
}
.img-hover-st-1 .text a {
	color: #FFF;
	margin: 15px 15px 0 19px;
}
.img-hover-st-1 .text a:hover {
	color: #161616;
}
.img-hover-st-1:hover .imgbox {
	position: absolute;
	top: 250px;
	transition: top .3s ease-in-out;
}
/*style 2*/
.img-hover-st-2 {
	opacity: 1;
	width: 100%;
	height: 235px;
	margin: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	overflow: hidden;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-ms-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}
.img-hover-st-2 .imgbox {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 235px;
}
.img-hover-st-2 .text {
	position: absolute;
	background: #000;
	width: 100%;
	height: 235px;
	text-align: center;
	color: #fff;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .50s ease-in-out;
	-moz-transition: opacity .50s ease-in-out;
	-ms-transition: opacity .50s ease-in-out;
	-o-transition: opacity .50s ease-in-out;
	transition: opacity .50s ease-in-out;
}
.img-hover-st-2 .text:hover {
	opacity: 1;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-ms-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	background: url(../images/img-51.png) left top repeat;
}
.img-hover-st-2 .text a.hov_circle {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 63px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #1cbac8;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	transition-property: background-color, color;
	transition: top .3s ease-in-out;
	transition-timing-function: ease-out;
}
.img-hover-st-2 .text a.hov_circle:hover, .img-hover-st-2 .text a.hov_circle.two:hover {
	background-color: #fff;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
.img-hover-st-2 .text a.hov_circle:hover i, .img-hover-st-2 .text a.hov_circle.two:hover i {
	color: #272727;
	transition-property: color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
.img-hover-st-2 .text a.hov_circle.two {
	left: 118px;
	top: 0px;
	transition: top .5s ease-in-out;
	background-color: #8dba13;
}
.img-hover-st-2 .text a.hov_circle i {
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
}
.img-hover-st-2 .text:hover .hov_circle {
	transition: top .3s ease-in-out;
	left: 65px;
	top: 100px;
}
.img-hover-st-2 .text:hover .hov_circle.two {
	transition: top .5s ease-in-out;
	left: 122px;
	top: 100px;
}
/*style 3*/
.img-hover-st-3 {
	opacity: 1;
	width: 100%;
	height: 235px;
	margin: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	overflow: hidden;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-ms-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}
.img-hover-st-3 .imgbox {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 220px;
}
.img-hover-st-3 .text {
	width: 100%;
	height: 235px;
	position: absolute;
	background: #000;
	color: #fff;
	top: 0;
	left: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: opacity .50s ease-in-out;
	-moz-transition: opacity .50s ease-in-out;
	-ms-transition: opacity .50s ease-in-out;
	-o-transition: opacity .50s ease-in-out;
	transition: opacity .50s ease-in-out;
}
.img-hover-st-3 .text:hover {
	opacity: 1;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-ms-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	background: url(../images/img-51.png) left top repeat;
}
.img-hover-st-3 .text h3 {
	position: absolute;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	left: 5px;
	top: 220px;
	margin: 15px 0 0 19px;
	transition: top .4s ease-in-out;
}
.img-hover-st-3 .text p {
	position: absolute;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	left: 5px;
	line-height: 18px;
	top: 255px;
	text-align: left;
	margin: 15px 0 0 19px;
	transition: top .6s ease-in-out;
}
.img-hover-st-3 .text a {
	position: absolute;
	font-weight: normal;
	left: 0px;
	top: 320px;
	text-align: left;
	margin: 0px 0 0 19px;
	transition: top .7s ease-in-out;
	overflow: hidden;
}
.img-hover-st-3 .text:hover h3 {
	position: absolute;
	left: 5px;
	top: 20px;
	transition: top .4s ease-in-out;
}
.img-hover-st-3 .text:hover p {
	position: absolute;
	left: 5px;
	top: 50px;
	transition: top .6s ease-in-out;
}
.img-hover-st-3 .text:hover a {
	position: absolute;
	left: 0px;
	top: 136px;
	transition: top .7s ease-in-out;
}
/*style 4*/
.img-hover-st-4 {
	position: relative;
	width: 100%;
	height: 235px;
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
}
.img-hover-st-4 .imgbox {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 220px;
}
.img-hover-st-4 .text {
	position: absolute;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 235px;
	left: 0px;
	top: 195px;
	z-index: 100;
	background: url(../images/img-51.png) left top repeat;
	transition: top .3s ease-in-out;
}
.img-hover-st-4 .text h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin: 15px 0 0 19px;
}
.img-hover-st-4 .text h3 span {
	color: #fff;
	font-size: 13px;
	text-transform: none;
}
.img-hover-st-4 .text p {
	color: #fff;
	font-weight: normal;
	margin: 5px 15px 0 19px;
}
.img-hover-st-4 .text a {
	margin: 8px 15px 0 19px;
}
.img-hover-st-4:hover .text {
	position: absolute;
	top: 20px;
	transition: top .3s ease-in-out;
}
.img-hover-st-4 .container {
	border-top: 1px solid #e1e1e1;
	padding-top: 50px;
}
/*style 5*/
.img-hover-st-5 {
	position: relative;
	width: 100%;
	height: 235px;
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
}
.img-hover-st-5 .imgbox {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 220px;
}
.img-hover-st-5 .text {
	position: absolute;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 235px;
	left: -270px;
	top: 0px;
	z-index: 100;
	transition: left .5s ease-in-out;
	background: url(../images/img-51.png) left top repeat;
}
.img-hover-st-5 .text h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin: 15px 0 0 19px;
}
.img-hover-st-5 .text p {
	color: #fff;
	font-weight: normal;
	margin: 5px 15px 0 19px;
}
.img-hover-st-5 .text a {
	margin: 8px 15px 0 19px;
}
.img-hover-st-5:hover .text {
	position: absolute;
	left: 0px;
	transition: left .5s ease-in-out;
}
/*style 6*/
.img-hover-st-6 {
	position: relative;
	width: 100%;
	height: 235px;
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
}
.img-hover-st-6 .imgbox {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 235px;
}
.img-hover-st-6 .text {
	position: absolute;
	padding: 10px;
	text-align: center;
	margin: 0px;
	float: left;
	width: 100%;
	height: 235px;
	left: 0px;
	top: 250px;
	z-index: 100;
	transition: top .3s ease-in-out;
	background: url(../images/img-51.png) left top repeat;
}
.img-hover-st-6 .text h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin: 15px 0 0 19px;
}
.img-hover-st-6 .text p {
	color: #fff;
	font-weight: normal;
	margin: 5px 15px 0 19px;
}
.img-hover-st-6 .text a.readmore_small {
	margin: 10px 0px 0 28px;
	padding: 4px 15px;
}
.img-hover-st-6 .text a.readmore_small.green {
	margin: 10px 0px 0 5px;
}
.img-hover-st-6:hover .text {
	position: absolute;
	top: 185px;
	transition: top .3s ease-in-out;
}
/* Team
 ------------------------------ */
.team-members .team-member {
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.team-members .team-member .team-image {
	margin-bottom: 20px;
}
.team-members .team-member .team-image > img {
	border-radius: 4px;
	width: 100%;
}
.team-members .team-member .team-desc > h3 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 0;
}
.team-members .team-member .team-desc > span {
	color: #9d9d9d;
	font-size: 13px;
	line-height: 18px;
}
.team-members .team-member .team-desc > p {
	font-size: 14px;
	margin-top: 10px;
}
.team-sty-one {
	border-radius: 4px;
}
.team-sty-one .team-img {
	border-radius: 4px;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.team-sty-one .team-img:before {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	opacity: 0;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(221, 221, 221, 0.51);
	background: -webkit-gradient(linear, bottom top, bottom top, from(rgba(130, 195, 244, 0.75)), to(rgba(46, 152, 231, 0.95)));
	background: linear-gradient(to bottom, rgba(130, 195, 244, 0.75) 0%, rgba(46, 152, 231, 0.95) 100%);
}
.team-sty-one .team-img.style-two:before {
	background: rgba(221, 221, 221, 0.51);
	background: -webkit-gradient(linear, bottom top, bottom top, from(rgba(60, 188, 210, 0.55)), to(rgba(30, 189, 157, 0.95)));
	background: linear-gradient(to bottom, rgba(60, 188, 210, 0.55) 0%, rgba(30, 189, 157, 0.95) 100%);
}
.team-sty-one .team-img ul.team-social {
	opacity: 0;
	position: absolute;
	text-align: center;
	color: #ffffff;
	width: 100%;
	bottom: 0px;
	float: none;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	padding: 0;
}
.team-sty-one .team-img .team-info {
	opacity: 0;
	position: absolute;
	text-align: center;
	color: #ffffff;
	width: 100%;
	bottom: 25px;
	float: none;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	padding: 0;
}
.team-sty-one .team-img .team-info a i {
	color: #ffffff;
	font-size: 28px;
	margin: 0 5px;
}
.team-sty-one .team-img ul.team-social li {
	display: inline-block;
	float: none;
	padding: 5px;
	font-size: 28px;
}
.team-sty-one .team-img ul.team-social li a {
	color: #FFFFFF;
}
.team-sty-one .team-img ul.team-social li a:hover {
	color: #dddddd;
}
.team-sty-one h3 {
	margin: 15px 0 0px 0;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 20px;
}
.team-sty-one p {
	font-size: 13px;
	margin-top: 5px;
}
.team-sty-one:hover .team-img:before {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	opacity: 1;
}
.team-sty-one:hover .team-img ul.team-social {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	opacity: 1;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
.team-sty-one:hover .team-img .team-info {
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	opacity: 1;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
.team-sty-two{
	margin:auto;
}
.team-sty-two:hover .team-overlay {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.team-sty-two .team-image {
	position: relative;
	overflow: hidden;
	border-radius:5px;
}
.team-sty-two .team-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(4, 219, 192, 0.95);
	color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.team-sty-two .team-overlay .team-social {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 0;
	width: 100%;
}
.team-sty-two .team-social {
	list-style: none;
	padding: 0;
	margin: 0;
}
.team-sty-two .team-social > li {
	display: inline-block;
	margin-right: 10px;
}
.team-sty-two .team-social > li > a {
	display: block;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.team-sty-two .team-social > li > a:hover {
	text-decoration: none;
}
.team-sty-two .team-info {
	padding: 20px 0 0px 0;
	text-align:center;
}
.team-sty-two .team-info > h4 {
	font-size: 18px;
	margin-bottom:0px;
}
.team-sty-two .team-info > span {
	font-size: 14px;
	color: #999;
	letter-spacing: 0.03em;
}
.team-sty-two .team-info > p {
	margin-top: 10px;
	font-size: 15px;
}


/* collaps
 ------------------------------ */
.collaps .panel, .collaps .panel-heading {
	border: 0;
	background-color: transparent;
	color: #FFF;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255, 1);
	box-shadow: 0 1px 1px rgba(255,255,255, 1);
	border-radius: 0;
}
.collaps .panel-heading {
	border: 0;
	background-color: transparent;
	color: #FFF;
}
.collaps .panel-heading a {
	text-decoration: none;
}
.bc-colored .breadcrumb-item a, .bc-colored .breadcrumb-item {
	color: #FFF;
	padding: 6px 0;
}
.alert, .btn-secondary {
	color: #FFF;
}
.alert-primary, .bg-primary {
	background: #25d5b2;
}
.alert-secondary, .bg-secondary, .btn-secondary {
	background: #3cbcd2;
}
.alert-success, .bg-success {
	background: #00a65a;
}
.alert-danger {
	background: #FF0000;
}
.alert-warning, .bg-warning {
	background: #f39c12;
}
.alert-info, .bg-info {
	background: #999;
}
.alert-info {
	background: #999;
}
.btn-dark {
	background: #333;
	color: #FFF;
}
.btn-outline {
	background: #FFF;
	border-radius: 5px;
	color: #333;
}
.btn-rounded {
	border-radius: 50px;
}
.call-to-action {
	border: solid 1px #CCCCCC;
	padding: 15px;
	overflow: hidden;
}
.card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
 border-radius: .25rem;
}
.card-body {
	padding: 1.25rem;
}
.card-img-top {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
/*------------------*/
/*Divider lines */
/*------------------------------------------------------*/	
.divider-ls {
	border-top: 1px solid #ff7713;
	height: 25px;
	margin: 0 auto 45px;
	opacity: 0.5;
	width: 12%;
}
.divider-d-dashed {
	border-bottom: 1px dashed #d7d7d7;
	border-top: 1px dashed #d7d7d7;
	float: left;
	height: 5px;
	margin: 10px 0 45px;
	width: 100%;
}
.divider-s-line {
	border-bottom: 1px solid #e5e5e5;
	float: left;
	margin-bottom: 45px;
	padding-top: 0;
	width: 100%;
}
.divider-d-line {
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	float: left;
	height: 5px;
	margin: 20px 0 45px;
	width: 100%;
}
.divider-s-dashed {
	border-top: 1px dashed #d7d7d7;
	float: left;
	margin: 15px 0 45px;
	width: 100%;
}
/* Blog
 ------------------------------ */
.post-item {
	float: left;
}
.post-item .post-item-wrap {
	background-color: #fff;
	position: relative;
	border: 1px solid #f2f2f2;
}
.post-item .post-image {
	margin: 0;
	padding: 0;
	border-radius: 6px 6px 0 0;
}
.post-item .post-image img {
	border-radius: 6px 6px 0 0;
}
.post-item .post-image.sty-one img {
	border-radius: 6px;
}
.post-item .post-image .post-meta-category {
	background: #1abc9c none repeat scroll 0 0;
	border-radius: 50px;
	color: #fff;
	font-size: 13px;
	margin-right: 0;
	padding: 2px 16px;
	position: absolute;
	left: 10px;
	top: 11px;
	z-index: 3;
}
.post-item .post-image .post-meta-category a {
	color: #fff;
}
.post-item .post-item-description {
	color: #676767;
	line-height: 28px;
	padding: 25px;
	width: 100%;
}
.post-item-description p{
	padding-top:5px;
}
.post-item .post-item-description.nopad-side {
	padding: 20px 0 25px 0;
}
.post-item .post-item-description.nopad-both {
	padding: 0;
}
.post-item .post-item-description .post-meta-date {
	color: #c2c2c2;
	font-size: 12px;
	margin-right: 8px;
	position: relative;
	top: -4px;
}
.post-item .post-item-description .post-meta-date, .post-item .post-item-description .post-meta-comments {
	color: #c2c2c2;
	font-size: 12px;
	margin-right: 8px;
	position: relative;
	top: -4px;
}
.post-item .post-item-description .post-meta-comments a {
	color: #c2c2c2;
	font-size: 12px;
}
.post-item .post-item-description > h2, .post-item .post-item-description > h2 > a {
	color: #444;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 23px;
	margin-bottom:5px;
	margin-top: 0px;
}
.show-post {
	border-bottom: 1px solid #ececec;
	margin-bottom: 15px;
	overflow: hidden;
}
.show-post.sty-one {
	border-bottom: 0px solid #333333;
	margin-bottom: 15px;
	overflow: hidden;
}
.show-post img {
	width: 80px;
}
.show-post .post {
	width: calc(100% - 80px);
	padding-left: 25px;
}
.show-post .post h4, .show-post .post h4 a {
	margin-top: 0;
	color: #5a5a5a;
}
.show-post .post p {
	color: #a2a2a2;
	font-size: 14px;
}
.show-post.sty-one .post h5, .show-post.sty-one .post h5 a {
	color: #5a5a5a;
	margin-top: 0;
}
.show-post.sty-one .post p {
	color: #5a5a5a;
	font-size: 13px;
}
/*------------------*/
/*widget styles */
/*------------------------------------------------------*/	

/*products widget*/	
.cat-title {
	background: #000;
	padding: 20px;
	color: #FFF;
}
.cat-list ul {
	margin: 0;
	padding: 0;
}
.cat-list ul li {
	border: solid 1px #dddddd;
	border-top: solid 0px #dddddd;
	padding: 10px 20px;
}
.cat-list ul li a {
	color: #656565
}
.pro-list h2 {
	padding-bottom: 10px;
	border-bottom: solid 1px #dddddd;
	margin: 0 0 30px 0;
}
.pro-list .product-desc {
	float: left;
	width: 100%;
	font-size: 15px;
}
.product-desc h3, .product-desc h3 a {
	font-size: 15px;
}
.product-desc h3 a:hover {
	color: #2991d6
}
.products-box {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
	position: relative;
	transition: box-shadow 0.2s ease-in-out 0s;
	overflow: hidden;
	padding-bottom: 30px;
}
.products-box:hover {
	box-shadow: 0 39px 56.4px 3.6px rgba(0, 0, 0, 0.24);
	transition: box-shadow 0.2s ease-in-out 0s;
}
.pro-imgage {
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.product-desc {
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 20px;
}
.product-desc.one {
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 0px;
}
.c-post {
	border-bottom: solid 1px #3d3d3d;
	margin-bottom: 25px;
}
.c-post.one {
	border-bottom: dashed 1px #6d6d6d;
	margin-top: 25px;
	padding-bottom: 10px;
}
.whitebg .col-md-3 .c-post {
	border-bottom: solid 1px #d8d8d8;
}
.c-post.c-post-last, .whitebg .col-md-3 .c-post.c-post-last {
	border-bottom: solid 0px #3d3d3d;
}
.c-post-img {
	float: left;
	height: 72px;
	position: relative;
	width: 68px;
}
.c-post-title {
	font-size: 15px;
	margin-bottom: 0;
}
.c-post-content {
	padding-left: 80px;
}
.c-post-content p span {
	font-size: 12px;
}
.comment-list {
	margin-bottom: 30px;
}
.tags-b {
	background: #2a2e31;
	color: #727272;
	padding: 5px 12px;
	margin: 0 0px 8px 0;
	display: inline-block;
}
.tags-s {
	border: solid 1px #cbcbcb;
	border-radius: 4px;
	color: #727272;
	padding: 8px 10px;
	margin: 0 3px 8px 0;
	display: inline-block;
}
.tags-s:hover {
	border: solid 1px #000;
	background: #000;
	border-radius: 4px;
	color: #fff;
	padding: 8px 15px;
	margin: 0 3px 8px 0;
	display: inline-block;
}
.onsale.onsale-outter {
	background-color: #f6d601;
	border-radius: 50%;
	box-sizing: initial;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	height: 5.16667em;
	letter-spacing: 1px;
	line-height: 5.16667em;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 10px;
	left: 10px;
	width: 5.16667em;
	z-index: 100;
}
.ca-title {
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	height: 5.16667em;
	line-height: 2.167em;
	position: absolute;
	text-transform: uppercase;
	top: 5px;
	left: 40px;
	z-index: 100;
}
.post-info {
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	float: left;
	margin: 0 0 20px;
	padding: 10px 0;
	width: 100%;
}
.post-info-box {
	padding: 30px;
	background: #FFF;
}
/* pagenation */
.pagenation {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 23px 0 0 0;
	text-align: right !important;
	text-transform: uppercase;
}
.pagenation.one {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0 0 0;
	text-align: right !important;
	text-transform: uppercase;
}
.pagenation a:hover {
	color: #fff;
}
.pagenation i {
	color: #a2a2a2;
	padding: 0 5px;
}
.pagenation-blog {
	text-align: center;
}
ul.pagenation-list {
	display: inline-block;
	margin: 0;
	padding: 0;
}
ul.pagenation-list > li {
	display: inline-block;
	list-style: outside none none;
	;
}
ul.pagenation-list li a {
	background-color: #e4e4e4;
	border-radius: 100%;
	color: #161616;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
	width: 35px;
}
ul.pagenation-list li a:hover {
	background-color: #666;
	color: #fff;
}
/* Social Media
 ------------------------------ */
.social-media {
	margin: 0;
}
.social-media a {
	font-size: 12px;
	color: #4c5667;
	margin: 0 10px;
}
.social-media a:hover {
	font-size: 12px;
	color: #25d5b2;
}
ul.social-icons {
	margin:20px 0 0 0;
	padding: 0;
	float:left;
}
ul.social-icons li {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
}
ul.social-icons li i {
	color: #919191;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition:    all 0.5s ease-in-out;
	-o-transition:      all 0.5s ease-in-out;
	-ms-transition:     all 0.5s ease-in-out;
}
ul.social-icons li a {
	background-color: #595959;
	border-radius: 100%;
	color: #919191;
	float: left;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 36px;
}
ul.social-icons li a:hover {
	background-color: #fff;
}
ul.social-icons li a:hover i {
	color: #009ae8;
	webkit-transform: rotate(360deg) scale(1.3);
	-moz-transform: rotate(360deg) scale(1.3);
	-o-transform:rotate(360deg) scale(1.3);
	-ms-transform:rotate(360deg) scale(1.3);
}
ul.social-icons.style-two {
	margin:0px 0 0 0;
	padding: 0;
	float:left;
}
ul.social-icons.style-two li a {
	background-color:transparent;
	width:auto;
	padding-right:5px;
	margin-right:10px;
}
ul.social-icons.style-three {
	margin:0;
	float:right;
}
ul.social-icons.style-three li a {
	height: 30px;
	line-height: 30px;
	width: 30px;
}
ul.social-icons.style-four {
	float:none;
}
ul.social-icons.style-four li {
	float:none;
	display:inline-block
}
ul.social-icons.style-five {
	float:right;
	display:inline-block;
	margin-top:14px;
}
ul.social-icons.style-five.one {
	float:left;
}
ul.social-icons.style-five li {
	margin-left:5px;
	margin-right:0px;
}
ul.social-icons.style-five li a, ul.social-icons.style-five li i {
	border-radius:0;
	color:#FFF;
}
ul.social-icons.style-five.one.circle li a {
	border-radius:100%;
}
ul.social-icons.style-five li.facebook a {
	background:#3c599b;
}
ul.social-icons.style-five li.twitter a {
	background:#00abf0;
}
ul.social-icons.style-five li.linkedin a {
	background:#007bb6;
}
ul.social-icons.style-five li.google-plus a {
	background:#dd4c39;
}
ul.social-icons.style-five li.pinterest a {
	background:#ef1438;
}
ul.social-icons.style-five li.skype a {
	background:#13caff;
}
ul.social-icons.style-five li.dribbble a {
	background:#f5699a;
}
ul.social-icons.style-five li.wordpress a {
	background:#2472a2;
}
ul.social-icons.style-five li.android a {
	background:#8ec429;
}
ul.social-icons.style-five li.windows a {
	background:#23c5f1;
}
ul.social-icons.style-five li.renren a {
	background:#025dac;
}
ul.social-icons.style-five li.apple a {
	background:#a6a8a7;
}
ul.social-icons.style-five li.faqq a {
	background:#1f1f1f;
}
ul.social-icons.style-five li.weixin a {
	background:#1a1a1a;
}
ul.social-icons.style-five li.youtube a {
	background:#cb3235;
}
ul.social-icons.style-five li.rss a {
	background:#ffa336;
}
ul.social-icons.style-five li.flickr a {
	background:#ee1a89;
}
ul.social-icons.style-five li.whatsapp a {
	background:#1f9e11;
}
ul.social-icons.style-five li a:hover {
	background:#fff;
}
ul.social-icons.style-five.style-five.one li a:hover {
	background:#000;
}
ul.social-icons.style-five.style-five.one li a i {
	color:#FFF
}
ul.social-icons.style-five.ltside {
	float:left;
}
.fa-social-icons.sty-six {
	text-align:center;
	font-size:45px;
	padding:20px 0;
	transition: all 0.3s ease-out 0s;
}
.fa-social-icons.sty-six li a, .fa-social-icons.sty-six li a:hover {
	color:#FFF;
	background:#000000;
}
ul.social-icons.sty-six {
	margin:20px 0 0 0;
	padding: 0;
	float:left;
}
ul.social-icons.sty-six li {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
}
ul.social-icons.sty-six li i {
	color: #919191;
}
ul.social-icons.sty-six li a {
	background-color: #595959;
	border-radius:0;
	color: #919191;
	float: left;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 36px;
}
ul.social-icons.sty-six li a:hover {
	background-color: #000;
}
ul.social-icons.sty-six li a:hover i {
	color: #fff;
}
ul.social-icons.sty-six.circle li a {
	background-color: #009ff0;
	border-radius:100%;
	color: #fff;
	float: left;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 36px;
}
ul.social-icons.sty-six.circle li a:hover {
	background-color: #000;
}
ul.social-icons.sty-six.circle li a i {
	color: #fff;
}
ul.social-icons.sty-six.circle li a:hover i {
	color: #fff;
}
ul.social-icons.sty-six.boxed li a {
	background-color: #fff;
	border:solid 1px #d3d3d3;
	border-radius:0;
	color: #919191;
	float: left;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 36px;
}
ul.social-icons.sty-six.boxed li a:hover {
	background-color: #000;
}
ul.social-icons.sty-six.boxed li a i {
	color: #595959;
}
ul.social-icons.sty-six.boxed li a:hover i {
	color: #fff;
}
ul.social-icons.sty-six.border li a {
	background-color: #fff;
	border:solid 1px #d3d3d3;
	border-radius:100%;
	color: #919191;
	float: left;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 36px;
}
ul.social-icons.sty-six.border li a:hover {
	background-color: #000;
	border:solid 1px #000;
}
ul.social-icons.sty-six.border li a i {
	color: #595959;
}
ul.social-icons.sty-six.border li a:hover i {
	color: #fff;
}
/* Footer
 ------------------------------ */
.footer {
	clear: both;
	font-size: 14px;
}
.footer.black-bg {
	background: #57bfe3;
}
.footer.sea-bg {
	background: #25d5b2;
}
.footer.bg-image {
	background: url("../images/parallax-bg-07.jpg") no-repeat fixed center bottom / cover;
}
.footer-content {
	padding: 80px 0 60px;
}
.footer-content .list-icon {
	list-style: none;
	padding-left: 0;
}
.footer-content .list-icon {
	list-style: outside none none;
	padding-left: 0;
}
.footer-content .list-icon ul {
	list-style: outside none none;
	padding: 0;
}
.footer-content .list-icon li {
	margin-bottom: 12px;
	margin-left: 20px;
}
.footer-content .list-icon li a {
	color: #5a5a5a
}
.footer-content .list-icon i {
	margin-left: -20px;
	margin-right: 5px;
}
.footer-content .list-icon.icon-list-colored i, .footer-content .list-icon.icon-list-colored li::before {
	color: #1abc9c;
}
.footer-content .list-icon li::before {
	font-family: fontawesome;
	margin-left: -20px;
	position: absolute;
}
.social-icons {
	float: left;
	list-style: none;
	width: 100%;
	margin-bottom: 20px;
}
.social-icons ul {
	padding: 0;
	margin-top: 20px;
}
.social-icons ul li {
	float: left;
	list-style: none;
}
.social-icons ul li a {
	border-radius: 4px;
	color: #333;
	float: left;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	margin: 0 4px 4px 0;
	overflow: hidden;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 32px;
	border: 1px solid #d7d7d7;
}
.social-icons.bor-light ul li a {
	border: 1px solid #B92A2D;
}
.social-icons ul li a:hover {
	background-color: #fff;
}
.social-icons ul li a:hover {
	background-color: #fff;
}
.social-icons ul li:hover i {
	animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
	color: #57BFE3;
}
@keyframes toTopFromBottom {
49% {
 transform: translateY(-100%);
}
50% {
 opacity: 0;
 transform: translateY(100%);
}
51% {
 opacity: 1;
}
}
.post-entry {
	border-bottom: 1px solid #f2f2f4;
	clear: both;
	float: left;
	margin-bottom: 16px;
	padding-bottom: 10px;
}
.post-entry.dark-border {
	border-bottom: 1px solid #333;
}
.post-entry:last-child {
	border-bottom: 0 none;
}
.post-entry .post-content > a {
	display: block;
	color: #333;
}
.post-entry .post-content .post-category, .post-entry .post-content .post-date {
	color: #aaa;
	font-size: 13px;
}
.post-entry .post-content .post-category.dark, .post-entry .post-content .post-date.dark {
	color: #333;
}
.post-entry .post-content .post-category i, .post-entry .post-content .post-date i {
	margin-right: 2px;
}
.post-entry .post-content .post-date ~ .post-category {
	margin-left: 6px;
}
.post-entry .post-content .post-thumbnail-list .post-entry .post-content a {
	font-size: 14px;
	font-weight: 600;
	line-height: 12px;
	margin: 0;
}
.copyright {
	background-color: #f6f6f6;
	border-top: 1px solid #e5e5e5;
	padding: 40px 0;
}
.copyright.sty-one {
	background-color: #1f1f1f;
	border-top: 0px solid #e5e5e5;
	padding: 20px 0;
}
.googlemaps {
	background: rgba(255, 0, 0, 0.1) none repeat scroll 0 0;
	border: 0 none;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
.googlemaps iframe {
	width: 100%;
	border: 0;
}
ul.address-info {
	margin: 0;
	padding: 0;
}
ul.address-info li {
	margin-bottom: 15px;
}
/*------------------*/
/*404 error */
/*------------------------------------------------------*/
.error404 {
	margin: 0 auto;
	padding: 0 0 100px 0;
	text-align: center;
	width: 65%;
}
.error404 .input-group{
	margin:auto;
}
/* video wrapper
 ------------------------------ */
.video-wrapper {
	overflow: hidden;
	width: 100%;
	padding: 0px;
	height: auto;
	margin: auto;
}
.video-wrapper video {
	width: 100%;
}
/* pagination
 ------------------------------ */
.pagination {
	border-radius: 4px;
	display: inline-block;
	margin: 20px 0;
	padding-left: 0;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	color: #3b3b3b;
	float: left;
	line-height: 20px;
	margin-left: -1px;
	padding: 10px 15px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #e4e4e4;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	margin-left: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
/* pagenation style 1
 ------------------------------ */

.pagination.style-1 > li > a {
	border-radius: 100%;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0 !important;
	width: 40px;
	height: 40px;
	line-height: 37px;
}
/* pagenation style 2
 ------------------------------ */
.pagination.style-2 > li > a {
	border-radius: 100%;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0 !important;
	width: 40px;
	height: 40px;
	line-height: 37px;
}
.pagination.style-2 > li > a:hover, .pagination.style-2 > li > span:hover, .pagination.style-2 > li > a.active {
	background-color: #25d5b2;
	border-color: #25d5b2;
	color: #fff;
}
.pagination.style-2 > li:first-child > a, .pagination.style-2 > li:last-child > a {
	background: none;
	border: none;
	color: #3b3b3b;
}
.pagination.style-2 > li:first-child > a:hover, .pagination.style-2 > li:last-child > a:hover {
	color: #25d5b2;
}
/* pagenation style 3
 ------------------------------ */
.pagination.style-3 > li > a {
	margin-left: 0px;
	margin-right: 5px;
}
/* pagenation style 4
 ------------------------------ */
.pagination.style-4 > li > a, .pagination.style-4 > li > span {
	color: #fff;
	float: left;
	line-height: 20px;
	margin-left: -1px;
	padding: 10px 15px;
	text-decoration: none;
	background-color: #3b3b3b;
	border: 1px solid #727272;
}
/* pagenation style 5
 ------------------------------ */
.pagination.pgn-dark > li > a {
	color: #fff;
	border: 1px solid #3b3b3b;
	background-color: #3b3b3b;
}
.pagination.pgn-light > li > a {
	color: #3b3b3b;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
.pagination.pgn-green > li > a {
	color: #fff;
	border: 1px solid #3fc35f;
	background-color: #3fc35f;
}
/* pagenation pager
 ------------------------------ */
.pager {
	margin: 24px 0;
	padding-left: 0;
	text-align: center;
}
.pager li a {
	display: inline-block;
	padding: 5px 14px;
	border-radius: 15px;
	background-color: #fff;
	border: 1px solid #e4e4e4;
}
.pager li a:hover {
	background-color: #e4e4e4;
	text-decoration: none;
}
.pager .previous a, .pager .previous {
	float: left;
}
/* pagenation sizes
 ------------------------------ */
.pagination.pagenation-lg li a {
	line-height: 20px;
	margin-left: -1px;
	padding: 20px 25px;
}
.pagination.pagenation-md li a {
	line-height: 20px;
	margin-left: -1px;
	padding: 15px 20px;
}
.pagination.pagenation-sm li a {
	line-height: 20px;
	margin-left: -1px;
	padding: 8px 13px;
}
.pagination.pagenation-tn li a {
	line-height: 20px;
	margin-left: -1px;
	padding: 5px 10px;
}
/* pagenation hover colors
 ------------------------------ */
.pagination.hover-red > li > a:hover, .pagination.hover-red > li > span:hover, .pagination.hover-red > li > a.active {
	color: #fff;
	border-color: #25d5b2;
	background-color: #25d5b2;
}
.pagination.hover-green > li > a:hover, .pagination.hover-green > li > span:hover, .pagination.hover-green > li > a.active {
	color: #fff;
	border-color: #3fc35f;
	background-color: #3fc35f;
}
.pagination.hover-blue > li > a:hover, .pagination.hover-blue > li > span:hover, .pagination.hover-blue > li > a.active {
	color: #fff;
	border-color: #4eb0fc;
	background-color: #4eb0fc;
}
.pagination.hover-violet > li > a:hover, .pagination.hover-violet > li > span:hover, .pagination.hover-violet > li > a.active {
	color: #fff;
	border-color: #b659fe;
	background-color: #b659fe;
}
.pagination.hover-orange > li > a:hover, .pagination.hover-orange > li > span:hover, .pagination.hover-orange > li > a.active {
	color: #fff;
	border-color: #ffa81e;
	background-color: #ffa81e;
}
.pagination.hover-dark > li > a:hover, .pagination.hover-dark > li > span:hover, .pagination.hover-dark > li > a.active {
	color: #fff;
	border-color: #3b3b3b;
	background-color: #3b3b3b;
}
/* Resets
 ------------------------------ */
/*Fonts Sizes*/
.f-15 {
	font-size: 15px !important;
}
.f-18 {
	font-size: 18px;
}
.f-20 {
	font-size: 20px;
}
.f-25 {
	font-size: 25px;
}
.f-30 {
	font-size: 30px;
}
.f-35 {
	font-size: 35px;
}
.f-40 {
	font-size: 40px;
}
.f-45 {
	font-size: 45px;
}
.f-50 {
	font-size: 50px;
}
.f-55 {
	font-size: 55px;
}
.f-60 {
	font-size: 60px;
}
.f-65 {
	font-size: 65px;
}
.f-70 {
	font-size: 70px;
}
.f-75 {
	font-size: 75px;
}
.f-80 {
	font-size: 80px;
}
.font-bold {
	font-weight: bold;
}
/*Colors and background*/
.white {
	color: #FFF;
}
.black-text {
	color: #000
}
.color-sea {
	color: #57BFE3;
}
.color-blue {
	color: #1696e7;
}
.color-black {
	color: #212121;
}
.black {
	background: #000;
}
.bg-black-light {
	background: #272727;
}
.bg-light {
	background: #f3f3f3;
}
.bg-sea-color {
	background: #25d5b2;
}
.bg-light-blue {
	background: #3cbcd2;
}
.bg-blue {
	background: #2e98e7;
}
.bg-border {
	border: solid 1px #eeeeee;
	border-left: 0;
	padding: 85px 40px 50px 40px;
	transition: all 0.3s ease 0s;
}
.bg-border:hover, .bg-border.active {
	border: solid 1px #25d5b2;
	border-left: 0;
	background: #25d5b2;
	color: #FFF;
}
/*progress bars */
.cusom-bars .progress {
	background-color: #e8e8e8;
	border-radius: 0;
	height: 3px;
	margin-bottom: 30px;
}
.cusom-bars .progress-bar-success, .cusom-bars .progress-bar-info, .cusom-bars .progress-bar-warning, .cusom-bars .progress-bar-danger, .cusom-bars progress-bar-info {
	background-color: #17a2aa;
	font-size: 13px;
}
/*Flots, aligns and etc..*/
.right {
	float: right;
}
.left {
	float: left;
}
.text-center {
	text-align: center;
}
.line-height-25 {
	line-height: 25px;
}
.line-height-30 {
	line-height: 30px;
}
/*Margins*/
.nomargin {
	margin: 0;
}
.m-bot-1 {
	margin-bottom: 10px !important;
}
.m-bot-2 {
	margin-bottom: 20px;
}
.m-bot-25 {
	margin-bottom: 25px;
}
.m-bot-3 {
	margin-bottom: 30px;
}
.m-bot-4 {
	margin-bottom: 40px;
}
.m-bot-5 {
	margin-bottom: 50px;
}
.m-bot-6 {
	margin-bottom: 60px;
}
.m-bot-7 {
	margin-bottom: 70px;
}
.m-bot-8 {
	margin-bottom: 80px;
}
.m-bot-9 {
	margin-bottom: 90px;
}
.m-bot-10 {
	margin-bottom: 100px;
}
.m-top-0 {
	margin-top: 0px;
}
.m-top-3px {
	margin-top: -3px;
}
.m-top-1 {
	margin-top: 10px;
}
.m-top-2 {
	margin-top: 20px;
}
.m-top-3 {
	margin-top: 30px;
}
.m-top-4 {
	margin-top: 40px;
}
.m-top-5 {
	margin-top: 50px;
}
.m-top-6 {
	margin-top: 60px;
}
.m-top-7 {
	margin-top: 70px;
}
.m-top-8 {
	margin-top: 80px;
}
.m-top-9 {
	margin-top: 90px;
}
.m-top-10 {
	margin-top: 100px;
}
.m-top-13{
	margin-top: 130px;
}
/*Paddings*/
.nopadding {
	padding: 0 !important;
}
.left-padd0 {
	padding-left: 0px;
}
.left-padd1 {
	padding-left: 10px;
}
.left-padd2 {
	padding-left: 20px;
}
.left-padd3 {
	padding-left: 30px;
}
.left-padd4 {
	padding-left: 40px;
}
.left-padd5 {
	padding-left: 50px;
}
.left-padd6 {
	padding-left: 60px;
}
.left-padd7 {
	padding-left: 70px;
}
.left-padd8 {
	padding-left: 80px;
}
.left-padd9 {
	padding-left: 90px;
}
.left-padd10 {
	padding-left: 100px;
}
.right-padd0 {
	padding-right: 0px;
}
.right-padd1 {
	padding-right: 10px;
}
.right-padd2 {
	padding-right: 20px;
}
.right-padd3 {
	padding-right: 30px;
}
.right-padd4 {
	padding-right: 40px;
}
.right-padd5 {
	padding-right: 50px;
}
.right-padd6 {
	padding-right: 60px;
}
.right-padd7 {
	padding-right: 70px;
}
.right-padd8 {
	padding-right: 80px;
}
.right-padd9 {
	padding-right: 90px;
}
.right-padd10 {
	padding-right: 100px;
}
.pad-20{
	padding:20px;
}
.pad-30 {
	padding: 30px;
}
.pad-40 {
	padding: 40px;
}
.pad-50 {
	padding: 42px;
}

/*-------- style wid --------*/
.wide-40 {
	width: 40%;
}
.wide-50 {
	width: 50%;
}
.wide-60 {
	width: 60%;
}
.wide-65 {
	width: 65%;
}
.wide-70 {
	width: 70%;
}
.wide-80 {
	width: 80%;
}
.wide-90 {
	width: 90%;
}
.wide-100 {
	width: 100%;
}
/* scroll up */
.scrollup {
	width: 40px;
	height: 40px;
	opacity: 1;
	position: fixed;
	bottom: 22px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: #B92A2D url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
	z-index: 999;
	border-radius: 5px;
}

 .about_title{}
  .about_title h2{ margin-top:27px;}
  
  .txt_shadow{
      text-shadow: 2px 2px 2px #fff;
  }
  
  .feature-col h2{ color:#57BFE3;}
  .white_color{ color:#57BFE3;}
  .about_title h2{ color:#000 !important;}
  
  .heading_space h2{ margin-top:10px;}
  
  .heading_space p{line-height: 1.4;}
 
  .circle_name {
    border-radius: 50%;
    height: 55px;
    text-align: center;
    width: 55px;
    display: table;
    position: relative;
    background-color: #1a806b;
}
    
    .circle_name span {
    position: absolute;
    top: 31%;
    /* left: 24%; */
    display: table-cell;
    font-size: 30px;
    width: 100%;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
    
    .img-frame{ height:320px;}
  
  .wonder{
          font-family: wf_segoe-ui_light,wf_segoe-ui_semilight,wf_segoe-ui_normal,Arial,sans-serif;
    color: #fff;
    font-weight: inherit;
    line-height: 1.2;
    letter-spacing: -.01em;
  }
  
  .counter_no .col-xs-12{
      
      margin-bottom:30px;
      
  }
  
  .nopading_left{ padding-left:0px ; }
  .nopading_right{ padding-right:0px ; }
  
@media(max-width:440px){
    
    
    .counters .count-nos {
    font-size: 25px;}
    
    .box-testimony.sty-one blockquote {
    font-weight: 300;
    padding: 8px;
}

.box-testimony blockquote p {
    color: #333;
    font-size: 14px;
    font-style: normal;
}

.img-frame {
    height: 214px;
}
    
}

.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
    height: 60px !important;
}

.cbp-item-wrapper:{
    position: relative;
} 

  .cbp-item-wrapper:hover .cbp-caption-activeWrap{
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
    top: 175px;
} 

.txt_sm{ font-size:14px;     margin-left: 12px;}

.readmore a:first-child { display:none;}

.client_txt .testi-info {
    height:100px;}

.ul_sms_bulk{ 
    
        list-style: square;
    padding-left: 20px;
}

.ul_sms_bulk li{
     font-size:16px;
}
	
	.sms_bulk{ background-image:url(../images/sms-img.jpg);}
	
 .font_size{
     
     font-size:16px;
 }
 
  .video_ytd{
      
      width:720px;
      height:441px;
  }
 
 .sms_slider{      margin-top: -40px; }
 
 	.mob_devp{ background-image:url(../images/W2WTS-mobile-development.jpg);}
 	.soft_devp{ background-image:url(../images/header_cyber.jpg);}
 	.webdesn{ background-image:url(../images/services/webdesn/w2wts-website-development.jpg);}
 	
 	.page-header h3 {
    font-size: 40px;
    font-weight: 400;
    color: #fbfbfb;
    text-shadow: 2px 2px 2px #000;
    margin-bottom: 10px !important;
}

.page-header h4 {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}

 .circle-list dd{  margin-top:20px;}
 
  .hd_apace{ margin-top:30px;}
  .get_spce{ margin-top:150px;}
  
  
     .slider_txt {font-size: 28px;
    font-weight: 400;
    color: #fbfbfb;
    text-shadow: 2px 2px 2px #000;
    margin-bottom: 10px !important;}
    
     	
 .w2wts_services{ background-image:url(../images/W2WTS-Services.jpg); }
 
 .w2wts_BACKUP_CLOUD{ background-image:url(../images/backup-cloud-w2wts-acronis-2018-2019-final.jpg); }
 
 .w2wts_contact{ background-image:url(../images/W2WTS-contact-us-image.jpg);}
 
 .or_services .card img{ }
 .or_services .card {    display: table; }
 
 .or_services .card .card-body .btn_box{ 
     
         position: absolute;
    bottom:10px;
 }