/* ========================================= Theme Name:BIZSTART Author:BizStart Description:A corporate Responsive HTML5 multipage template. ========================================= */
/* Table of Content =============================== * Google Font * Global Styles * Font sizes * Preloader Css * Top scroll button * Slider Area css * About us css * service css * skill css + Circular progress bar * Portfolio * Team css * Client css * Recent Posts * Deal css * Count css * Join Us css * Footer css * Banner styling css * Our-team page + Page-404 css + Our Pricing + Our-history section + timeine section + Team-details page + skill-team-detail + our-service + online-marketing * Portfolio Detail * portfolio-paginetion * blog-styling css * contact-us * blog-columns */
/* ======= Google Font ========= */
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
/*========= Global Styles ========= */
/* poppins-regular - latin */



 body {
     background-color: #fff;
     color: #494848;
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 15px;
     margin: 0;
     padding: 0;
}
 a {
     text-transform: capitalize;
}
 ul, li {
     list-style: none;
     padding: 0;
     margin: 0;
}
 a, a:hover, a:focus {
     text-decoration: none;
     -o-transition: all .3s;
     -webkit-transition: all .3s;
     transition: all .3s;
     cursor: pointer;
     outline: none;
}
 
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
	 font-family:'Source Sans Pro', sans-serif;
}
 p {
     font-size: 15px;
     font-weight: 500;
     margin: 0;
     line-height: 25px;
}
 .text-ellipsis {
     white-space: nowrap;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.download-name {
	
	font-size:16px;
	color:#494949;
	font-weight:700;
	
}

 .btn-custom {
     background-color: transparent;
     color: #fff;
     -o-transition: all .6s ease;
     -webkit-transition: all .6s ease;
     transition: all .6s ease;
}
 .border-bt {
     border-bottom: 1px solid #fff;
}
 .btn.focus, .btn:focus, .btn:hover, input:focus, select:focus, textarea:focus, button:focus {
     text-decoration: none;
     outline: none;
     color: inherit;
}
 img {
     max-width: 100%;
     height: auto;
}
 h3 {
     font-size: 4em;
     font-weight: 600;
}
 .btn {
     -o-transition: all .6s;
     -webkit-transition: all .6s;
     transition: all .6s;
}
 .btn:active, .btn.active {
     outline: none;
     -webkit-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none;
}
.download-p {
	
	font-size:14px;
	
}
 .center-grid {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-flex-line-pack: center;
     align-content: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .myframe {
     border: 0;
     height: 200px;
     width: 100%;
     overflow: hidden;
}
/* ======= Font sizes========= */
 .service-inner h3, .circular-bar .circular-bar-content label, .client-info h4, .prog-text {
     font-size: 1.66em 
}
 nav.navbar.bootsnav ul.nav>li>a, .dropdown-menu li a {
     font-size: 1em 
}
 .abt-icon h5, .client-social i, .portfolio .project-nav ul li, .foot-contact {
     font-size: 1.2em 
}
 .team-info a, .join p, .widget-icons a {
     font-size: 1.33em 
}
 .portfolio .category, .count-in p, .footer-mid h2, .our-advantage h3, .portfolio-detail span, .our-history h2 {
     font-size: 2em 
}
 .member-details .team-info h3, .member-details .team-info .team-socials a {
     font-size: 2em;
}
 .join h2 {
     font-size: 2.33em;
}
 .count-in h2 {
     font-size: 3em;
}
 .online-market h2, .portfolio-detail h3, .contact-us h3 {
     font-size: 3.33em 
}
 .top-banner-space {
     min-height: 88px;
     position: relative;
}
/* ======= font weight========= */
 .fw-800 {
     font-weight: 800 
}.fw-600 {
     font-weight: 600 
}
 .fw-500 {
     font-weight: 500 
}
 .fw-300 {
     font-weight: 300 
}
/* ======= font colors ========= */
 .text-white {
     color: #fff 
}
 .text-black {
     color: #494848 
}
 .text-blue {
     color: #197aff 
}
/* ======= background-color classes ========= */
 .bg-transparent {
     background-color: transparent 
}
 .bg-off-white {
     background-color: #dfdfdf 
}
 .bg-dull {
     background-color: #ebebeb 
}
 .bg-blue {
     background-color: #197aff;
}
 .bg-dull-blue {
     background-color: #579dfd;
}
 .bg-gray {
     background-color: #494949;
}
 .bg-white {
     background-color: #fff;
}

.heading-pop{
	
	color:#989898;
	font-family:"Poppins", sans-serif;
	text-transform: uppercase;
	
}
/*================== preloader Css ==================*/
 #preloader {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999999;
     width: 100%;
     height: 100%;
     overflow: visible;
     background: #fff url("../images/preloader.gif") no-repeat center center ;
}
/*================== Top scroll button ==================*/
 #myBtn {
     display: none;
     position: fixed;
     bottom: 20px;
     right: 30px;
     width: 40px;
     height: 40px;
     text-align: center;
     z-index: 99;
     border: none;
     outline: none;
     background-color: #197aff;
     color: white;
     cursor: pointer;
     line-height: 40px;
     box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .5);
     border-bottom-left-radius: 50%;
     border-top-left-radius: 50%;
     border-bottom-right-radius: 50%;
     -webkit-transition: all .6s;
     -o-transition: all .6s;
     transition: all .6s;
}
 #myBtn i {
     -webkit-transition: all .6s;
     -o-transition: all .6s;
     transition: all .6s;
}
 #myBtn:hover {
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
}
 #myBtn:hover i {
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
}
/*================== Slider Area ==================*/
 .slider_area .slider_full {
     width: 100%;
     height: auto;
     display: block;
     overflow: hidden;
}
 .slider_full .slider_item {
     position: relative;
}
 .slider_full .slider_item img {
     
}
 .slider_item .slider_content {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     
     height: 100%;
}
 .slider_item .slider_content .overly {
     width: 50%;
     margin: 0 auto;
     height: 100%;
}
 .slider_content .overly .slider_content_table {
     display: table;
     width: 50%;
     height: 100%;
	 align-items:center;
	 margin:0 auto;
	 
}

.hero-nature{
    color:#fff;
    text-align:center;
    background:url('../images/insidelogic-banner-photo.jpg');
    background-size:cover;
    background-position:center;
    padding-top:500px;
    padding-bottom:100px;
}

.customstylebox{
		
		width:100%; 
		height:160px;
		overflow-y:hidden;
		
}
.custombox{
		
	border:2px solid #113c71;
		
		
}
@media only screen and (max-width: 600px) {
	
	.customstylebox{
			width:100%; 
			height:170px;
			overflow-y:hidden;	
	}
	.custombox{
			
		border:2px solid #113c71;
		margin-bottom:15px;
			
	}
}
	
 .slider_content_table .slider_content_table_cell {
     display: table-cell;
     vertical-align: bottom;
	 padding-bottom:20px;
     height: 100%;
     text-align: center;
	 padding-top:100px;
}
 .slider_content_table .slider_content_table_cell h2 {
     color: #fff;
     font-size: 60px;
     font-weight: 400;
}
 .slider_content_table .slider_content_table_cell h2 span {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 1.1em;
}
 .slider_content_table .slider_content_table_cell p {
     color: #fff;
     line-height: 35px;
     max-width: 600px;
     font-weight: 400;
     font-size: 18px;
     margin: 20px auto 50px;
}
 .slider_content_table .download {
     margin: 0 25px;
     border: 1px solid #fff;
     font-size: 15px;
     border-radius: 0;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     color: #ffffff;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     position: relative;
     -webkit-transition-property: color;
     -o-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.6s;
     -o-transition-duration: 0.6s;
     transition-duration: 0.6s;
}
 .slider_content_table_cell .download:after {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #197aff;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     -ms-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .slider_content_table_cell .download:hover:after {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
}
 .slider_content_table_cell .download img {
     min-width: 15px;
     height: auto;
     display: inline-block;
}
 .slider_area .owl-theme .owl-nav {
     right: 40px;
     position: absolute;
     width: 30px;
     text-align: right;
     bottom: 40px;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .slider_area .owl-theme .owl-prev, .slider_area .owl-theme .owl-next {
     background: transparent;
     height: 40px;
     border: 1px solid #fff;
     border-radius: 0;
     position: relative;
     width: 40px;
     margin-bottom: 15px;
     padding: 0;
     text-align: center;
     color: #fff;
     font-size: 30px;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     position: relative;
}
 .slider_area .owl-theme .owl-prev i, .slider_area .owl-theme .owl-next i {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .slider_area .owl-theme .owl-prev:hover, .slider_area .owl-theme .owl-next:hover {
     background: #197aff;
     border: 1px solid #197aff;
}
 .slider_area .owl-dots {
     top: 50%;
     right: 40px;
     overflow-x: auto;
     text-align: right;
     overflow-y: hidden;
     padding-left: 10px;
     padding-right: 10px;
     position: absolute;
     z-index: 15;
     padding-top: 1px;
     white-space: nowrap;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .slider_area .owl-theme .owl-dots .owl-dot {
     display: block;
     margin: 15px 0;
     width: 25px;
     border-radius: 50%;
     height: 25px;
     position: relative;
     -webkit-box-shadow: 0 0 0 2px #fff;
     -ms-box-shadow: 0 0 0 2px #fff;
     -o-box-shadow: 0 0 0 2px #fff;
     box-shadow: 0 0 0 2px #fff;
     cursor: pointer;
     z-index: 10;
}
 .slider_area .owl-theme .owl-dots .owl-dot span {
     padding: 0;
     width: 19px;
     height: 19px;
     border-radius: 50%;
     position: absolute;
     top: 3px;
     left: 3px;
     background: transparent;
     margin: 0;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .slider_area .owl-theme .owl-dots .owl-dot.active span, .slider_area .owl-theme .owl-dots .owl-dot:hover span {
     background: #197aff;
     position: relative;
}
/*================== About us ==================*/
 .about {
     position: relative 
}
 .about .lady {
     max-width: 362px;
}
 .abt-icon {
     margin: 10px 0 
}
 .abt-icon h4 {
     text-transform: capitalize;
     margin-bottom: 35px;
}
 .about .btn-custom {
     background: #fff;
     width: 130px;
     color: #197aff;
     float: left;
     border: 1px solid #197aff;
     border-radius: 0px;
     font-size: 15px;
     text-transform: capitalize;
     font-weight: 500;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     -webkit-transition-property: color;
     -o-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .btn-custom i {
     padding: 0 5px;
}
 .about .btn-custom:after {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
	  color: #fff;
     bottom: 0;
     background: #676767;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     -ms-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .about .btn-custom:hover {
     color: #fff;
}
 .about .btn-custom:hover:after {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
}
/*================== service ==================*/
 .service {
     background: url(../images/home/service-bg.jpg) center center;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
}
 .service::before {
     left: 0;
     top: 0;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background: rgba(25, 122, 255, 0.85);
}
 .service .svgclass {
     height: 60px;
     fill: #fff;
}
/*================== skill ==================*/
 .skill {
     background: url(../images/home/skill-bg.jpg)fixed no-repeat center center;
     background-size: cover;
     position: relative 
}
 .skill::before {
     left: 0;
     top: 0;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background: rgba(0, 0, 0, 0.85);
}
/*--------------------- circular progress bar ----------------------*/
 .circular-bar {
     position: relative;
}
 .circular-bar .circular-bar-content {
     height: 80px;
     width: 80px;
     border-radius: 50%;
     background: #fff;
     font-weight: 600;
     line-height: 80px;
     text-align: center;
     position: absolute;
     top: 10%;
     left: 50%;
     -webkit-transform: translate(-50%, 50%);
     -ms-transform: translate(-50%, 50%);
     transform: translate(-50%, 50%);
}
 .circular-bar .circular-bar-content strong {
     display: block;
     font-weight: 600;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 1.5rem;
     line-height: 24px;
}
 .skill .prog-text {
     text-transform: capitalize;
     margin-top: 20px;
}
 .circular-bar .circular-bar-content label {
     display: block;
     font-weight: 600;
}
/*====================== Portfolio =========================*/
 .portfolio {
     position: relative;
     overflow: hidden;
}
 .portfolio .project-nav ul li {
     display: inline-block;
     padding-bottom: 2px;
     text-transform: capitalize;
     cursor: pointer;
     margin: 0 40px;
     font-weight: 400;
     overflow: hidden;
     position: relative;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     border-bottom: 2px solid transparent;
}
 .portfolio .project-nav ul li.active, .portfolio .project-nav ul li:hover {
     color: #197aff;
     border-bottom: 2px solid #197aff;
     overflow: hidden;
}
 .portfolio .project-head {
     position: relative;
     overflow: hidden;
}
 .project-hover h2 {
     font-size: 25px;
}
 .portfolio .project-head img {
     width: 100%;
}
 .portfolio .project-head:before {
     position: absolute;
     width: 0;
     height: 0;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, .8);
     content: "";
     border-radius: 50%;
     border-top-left-radius: 0;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .portfolio .single-project:hover .project-head:before {
     opacity: 1;
     width: 100%;
     border-radius: 0;
     height: 100%;
     visibility: visible;
}
 .portfolio .project-hover {
     position: absolute;
     width: 100%;
     z-index: 5;
     color: #fff;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     top: 50%;
     left: 50%;
     opacity: 0;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .portfolio .project-hover .icon-box {
     position: relative;
     width: 45px;
     height: 45px;
     margin: 0 9px;
     -webkit-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     transform: rotate(135deg);
     color: #fff;
     font-size: 22px;
     border-radius: 50%;
     border: 2px solid #fff;
     padding: 6px;
     display: inline-block;
     background: none;
}
 .portfolio .project-hover .icon-box:hover {
     background: #197aff;
     border: 2px solid #197aff;
}
 .portfolio .single-project:hover .project-hover {
     opacity: 1;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     visibility: visible;
}
 .portfolio .single-project .project-icon {
     margin-top: 20px 
}
/*================== Team ==================*/
 .team-inner {
     background:linear-gradient( to left, rgb(14, 14, 14) 0%, rgb(41, 41, 41) 12%, rgb(226, 226, 226) 47%, rgb(37, 37, 37) 100% ) left bottom #676767 no-repeat;
	 padding-bottom:5px;
}
 .team-inner:hover .team-overlay img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}
 .team-overlay {
     position: relative;
     -webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     overflow: hidden 
}
 .team-overlay img {
     width: 100%;
     -webkit-transition: all .5s linear;
     -o-transition: all .5s linear;
     transition: all .5s linear 
}
 .team-overlay::before {
     position: absolute;
     width: 100%;
     height: 30px;
     bottom: 0;
     left: 0;
     visibility: hidden;
     content: "";
     background: #333;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     z-index: 1 
}
 .team-hover {
     position: absolute;
     bottom: 1.5%;
     width: 100%;
     visibility: hidden;
     opacity: 0;
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
     z-index: 1;
     -webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     transform: translateY(30px);
}
 .team-hover i {
     padding: 0px 5%;
     color: #fff;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     -ms-transition: all .5s ease;
}
 
 .team-inner:hover .team-overlay::before, .team-inner:hover .team-hover {
     visibility: visible;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     opacity: 1;
}
 .team-inner .team-info h4 {
     padding: 3px 0 10px;
     font-size: 1em;
}
/*================== Client ==================*/
 .client {
     background: url(../images/home/client-bg.jpg) center center;
     background-attachment: fixed;
     background-size: cover;
     position: relative 
}
 .client::before {
     left: 0;
     top: 0;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background: rgba(0, 0, 0, 0.85);
}
 .item-img {
     width: 25%;
     float: left;
}
 .item-round {
     width: 157px;
     height: 157px;
     margin: 25px auto 0;
     background: #fff;
     overflow: hidden;
     border-radius: 50%;
}
 .item-round-in img {
     padding: 9px;
     border-radius: 50%;
     -webkit-filter: drop-shadow(1px 0px 5px #000);
     filter: drop-shadow(1px 0px 5px #000) 
}
 .client-info {
     width: 75%;
     position: relative;
     text-align: left;
     float: right;
     color: #fff;
}
 .client-social i {
     padding: 0px 30px 0 0;
     color: #fff;
     -o-transition: all .6s;
     -webkit-transition: all .6s;
     transition: all .6s;
}
 .client-social i:hover {
     color: #197aff;
}
 .client-slider.owl-theme .owl-dots .owl-dot {
     display: inline-block;
     margin: 40px 10px 0;
     width: 25px;
     border-radius: 50%;
     height: 25px;
     position: relative;
     -webkit-box-shadow: 0 0 0 2px #fff;
     -ms-box-shadow: 0 0 0 2px #fff;
     -o-box-shadow: 0 0 0 2px #fff;
     box-shadow: 0 0 0 2px #fff;
     cursor: pointer;
     z-index: 10;
}
 .client-slider.owl-theme .owl-dots .owl-dot span {
     padding: 0;
     width: 19px;
     height: 19px;
     border-radius: 50%;
     position: absolute;
     top: 3px;
     left: 3px;
     background: transparent;
     margin: 0;
     -o-transition: all .6s;
     -webkit-transition: all .6s;
     transition: all .6s;
}
 .client-slider.owl-theme .owl-dots .owl-dot.active span, #client-slider.owl-theme .owl-dots .owl-dot:hover span {
     background: #197aff;
     position: relative;
}
/*================== Recent Posts ==================*/
 .post-wrap {
     -o-box-shadow: 1px 1px 13px rgba(85, 85, 85, .4);
     -webkit-box-shadow: 1px 1px 13px rgba(85, 85, 85, .4);
     -ms-box-shadow: 1px 1px 13px rgba(85, 85, 85, .4);
     box-shadow: 1px 1px 13px rgba(85, 85, 85, .4);
     overflow: hidden;
     margin: 0 auto;
}
 .post-wrap .by-admin {
     position: relative;
     padding: 8px 0;
}
 .post-wrap .by-admin img {
     width: 25px;
     height: 25px;
     border-radius: 50%;
}
 .post-wrap .by-admin:before {
     position: absolute;
     content: "";
     bottom: 0;
     width: 100px;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     height: 1px;
     background-color: #cacaca;
}
 .post-wrap .recent-img {
     width: 100%;
     position: relative;
     overflow: hidden;
     min-height: 90px;
}
 .u-tube {
     position: relative;
}
 .u-tube:before {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     content: "";
     background: rgba(0, 0, 0, .5);
     z-index: 1;
}
 .u-tube-icon {
     position: absolute;
     z-index: 9;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .u-tube-icon i {
     font-size: 75px;
     color: #f61c0d;
}
 .u-tube-icon:hover i {
     opacity: .7;
}
 .post-wrap .recent-img .u-tube-icon img {
     width: 3.4em;
}
 .post-wrap .recent-img img {
     -webkit-transition: all .6s ease;
     -o-transition: all .6s ease;
     transition: all .6s ease;
     width: 100% 
}
 .post-wrap .recent-img span {
     background-color: #197aff;
     color: #fff;
     position: absolute;
     padding: 3px 10px;
     font-weight: 500;
     bottom: 1em;
     left: 0;
     z-index: 2;
}
 .post-info h3 {
     font-size: 25px;
}
 .post-info {
     padding: 20px;
}
 .post-info .by-admin a {
     font-size: 12px;
     color: #b0b0b0;
     font-weight: 600;
}
 .post-info p {
     border-bottom: 1px dashed #b0b0b0;
     padding: 10px 0;
}
 .post-info .post-bottom {
     margin-top: 20px;
}
 .post-info .btn-custom {
     background: #197aff;
     float: left;
     font-size: 15px;
     color: #fff;
     position: relative;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     -webkit-transition-property: color;
     -o-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     border-radius: 4px 
}
 .post-info .btn-custom:after {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 4px;
     background: #fff;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     -ms-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .post-info .btn-custom:hover {
     color: #197aff 
}
 .post-info .btn-custom:hover.btn-custom:after {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
}
 .post-img {
     position: relative;
     float: right;
     width: 40px;
}
 .post-image {
     position: relative 
}
 .post-image .chat {
     position: absolute;
     width: 20px;
     height: 20px;
     line-height: 1.33em;
     border-radius: 50%;
     right: -3px;
     top: 0;
     background: #197aff;
     color: #fff;
}
/*================== Deal ==================*/
 .deal {
     background: url(../images/home/deal-bg.jpg) center center;
     background-attachment: fixed;
     background-size: cover;
     position: relative;
}
 .deal::before {
     left: 0;
     top: 0;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background: rgba(0, 0, 0, 0.85);
}
 .deal-slider.owl-theme .owl-dots .owl-dot {
     display: inline-block;
     margin: 40px 10px 0;
     width: 25px;
     border-radius: 50%;
     height: 25px;
     position: relative;
     -webkit-box-shadow: 0 0 0 2px #fff;
     -ms-box-shadow: 0 0 0 2px #fff;
     -o-box-shadow: 0 0 0 2px #fff;
     box-shadow: 0 0 0 2px #fff;
     cursor: pointer;
     z-index: 10;
}
 .deal-slider.owl-theme .owl-dots .owl-dot span {
     padding: 0;
     width: 19px;
     height: 19px;
     border-radius: 50%;
     position: absolute;
     top: 3px;
     left: 3px;
     background: transparent;
     margin: 0;
     -o-transition: all .6s;
     -webkit-transition: all .6s;
     transition: all .6s;
}
 .deal-slider.owl-theme .owl-dots .owl-dot.active span, .deal-slider.owl-theme .owl-dots .owl-dot:hover span {
     background: #197aff;
     position: relative;
}
/*================== Counter ==================*/
 .count {
     background: url(../images/home/counter-bg.jpg) no-repeat center center;
     background-size: cover;
     position: relative;
     color: #197aff 
}
 .count-in h2 {
     font-weight: 400;
}
 .count-in p {
     line-height: 40px;
}
/*================== Join Us ==================*/
 .join {
     
     background-size: cover;
     position: relative;
     color: #fff 
}
 .join h2 {
     line-height: 50px;
     margin: 0 auto;
     max-width: 900px;
}
 .join .input-group {
     margin: 0 auto;
     max-width: 630px;
}
 .input-group-btn .btn-default {
     border-color: #000;
     color: #494848;
}
 .input-group .form-control {
     height: 50px;
     border-radius: 7px;
}
 .input-group input::-webkit-input-placeholder {
     color: #ccc;
     letter-spacing: 2px;
     font-family: 'Raleway', sans-serif;
}
 .input-group input:-ms-input-placeholder {
     color: #ccc;
     letter-spacing: 2px;
     font-family: 'Raleway', sans-serif;
}
 .input-group input::-ms-input-placeholder {
     color: #ccc;
     letter-spacing: 2px;
     font-family: 'Raleway', sans-serif;
}
 .input-group input::placeholder {
     color: #ccc;
     letter-spacing: 2px;
     font-family: 'Raleway', sans-serif;
}
 .input-group-btn .btn-custom {
     width: 180px;
     height: 50px;
     background: #494848;
     border-radius: 7px;
     text-transform: uppercase;
     letter-spacing: 2px;
     position: relative;
}
 .input-group-btn .btn-custom:after {
     content: "";
     position: absolute;
     z-index: -1;
     border-radius: 0 7px 7px 0;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 0;
     height: 100%;
     background: #197aff;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     transition: all 0.6s ease;
}
 .input-group-btn .btn-custom:hover.btn-custom:after {
     width: 100%;
     visibility: visible;
}
/*================== Footer ==================*/
 .footer-widget h2, .contact-wrap h2 {
     font-size: 30px;
}
 .foot-top .foot-icon {
     text-align: left;
}
 .foot-top .foot-icon span {
     letter-spacing: 2px;
     position: absolute;
     top: 19px;
}
 .foot-top .foot-icon a {
     width: 45px;
     height: 45px;
     line-height: 45px;
     margin-right: 10px;
     font-size: 30px;
     position: relative;
     text-align: center;
     border: 1px solid #fff;
     color: #fff;
}
 .foot-top .foot-icon a:hover {
     background: #197aff 
}
 .foot-logo {
     width: 189px;
}
 .news-post {
     position: relative;
     padding: 0 0 20px;
}
 .news-post .content {
     text-align: left;
     min-height: 52px;
     position: relative;
     padding-left: 65px;
     padding-top: 5px;
}
 .footer-widget .content h4 {
     font-size: 15px;
}
 .news-post .content .thumb {
     position: absolute;
     left: 0;
     top: 0 
}
 .news-post .content a:hover {
     color: #167aff;
}
 .foot-mid .foot-contact {
     margin: 10px 0 20px;
     padding-left: 70px;
     position: relative;
}
 .foot-mid .foot-contact .contact-title {
     position: absolute;
     left: 0;
     text-transform: capitalize 
}
 .footer .footer-bottom p {
     text-align: left 
}
 .footer a {
     text-transform: capitalize;
     color: #fff;
}
 .footer .foot-link {
     text-align: right;
}
 .footer .foot-link a {
     margin-left: 11px;
}
 .footer .footer-bottom a:hover {
     color: #197aff;
}
/*================== Banner styling ==================*/
 .banner {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
     display: block;
     text-align: center;
}
 .overlay-bg2 {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: rgba(0, 0, 0, .8);
}
 .padding-banner {
     padding: 96px 0 139px;
}
 .banner h2 {
     margin-bottom: 20px;
     text-transform: capitalize;
     font-size: 35px;
}
 .banner-link li {
     display: inline-block;
     color: #fff 
}
 .banner li a {
     color: #fff;
     text-transform: capitalize;
     font-weight: 500;
}
 .banner li a:hover {
     opacity: .7 
}
 .banner li .active {
     color: #888;
     font-weight: 500;
     text-transform: capitalize 
}
/*================== our-team page ==================*/
/*------------------ page-404 ---------------------*/
 .page404 {
     background: url(../images/pages/404-bg.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
}
 .page404 h2 {
     font-size:3em 
}
 .page404 img{
     width: 280px;
     padding:40px 0;
}
 .page404 p {
     font-size:20px;
     max-width:600px;
     margin: 0 auto;
     padding-bottom:40px 
}
 .page404 .btn-custom {
     border: 2px solid #fff;
     border-radius: 0;
     padding: .7em 1.66em;
     font-size:20px 
}
 .page404 .btn-custom:hover {
     background-color: #197aff;
     border: 2px solid #197aff;
}
/*------------------ our-pricing ---------------------*/
 .pricing{
     text-align: center 
}
 .pricing-table{
     overflow: hidden;
     border: 2px solid #000;
     -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0,0,0.2);
     box-shadow: 0px 0px 20px 1px rgba(0, 0, 0,0.2);
}
 .pricing-table.active{
     -webkit-box-shadow: 0px 0px 20px 1px rgba(25, 122, 255,0.5);
     box-shadow: 0px 0px 20px 1px rgba(25, 122, 255,0.5);
     border: 2px solid #197aff;
}
 .pricing-table .price-header {
     position: relative;
     margin:5px;
     padding: 40px 20px;
     text-align: center;
     z-index: 0;
}
 .pricing-table .price-header::after{
     position: absolute;
     width: 100%;
     height:100%;
     left: 0;
     top: 0;
     content: "";
     background-color: rgba(0, 0, 0, .8);
     z-index: -1 
}
 .price-header .plan-title {
     color: #fff;
     font-size: 23px;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom:15px;
}
 .price-header .price-amt {
     color: #197aff;
     font-size:35px;
     font-weight:600;
}
 .price-header .price-amt span{
     font-size: 50px;
     font-weight:700;
}
 .price-body{
     padding: 10px 0;
}
 .price-body li{
     margin: 20px 0;
     color: #000;
     text-transform: capitalize;
}
 .pricing-table .price-btn{
     margin: 5px;
}
 .pricing-table .signup-btn{
     background-color: #000;
     color: #fff;
     border-radius: 0;
     padding:8px 25px;
     font-size:25px;
     font-weight: 600;
     display: block 
}
 .pricing-table.active .signup-btn, .pricing-table .signup-btn:hover{
     background-color: #197aff;
}
/*------------------ our-history section ---------------------*/
 .our-history {
     background: url(../images/pages/timeline-bg.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
}
/*------------------- timeine section --------------------*/
 .cd-container::after {
    /* clearfix */
     content: '';
     display: table;
     clear: both;
}
 #cd-timeline {
     position: relative;
     text-align: center;
     padding: 5em 0;
     margin-top: 2em;
     margin-bottom: 2em;
     color: #fff;
}
 .cd-timeline-content {
     position: relative;
     margin-left: 60px;
}
 .cd-timeline-content:after {
     content: "";
     display: table;
     clear: both;
}
 #cd-timeline::before {
    /* this is the vertical line */
     content: '';
     position: absolute;
     top: 0;
     left: 18px;
     height: 100%;
     width: 4px;
     background: #fff;
}
 .cd-timeline-content h2 {
     font-size: 1.70em;
     font-weight: 700;
     color: #197aff 
}
 .cd-timeline-block {
     position: relative;
     margin: 2em 0;
}
 .cd-timeline-block:after {
     content: "";
     display: table;
     clear: both;
}
 .cd-timeline-block:first-child {
     margin-top: 0;
}
 .cd-timeline-block:last-child {
     margin-bottom: 0;
}
 .cd-timeline-content .time-title {
     background: #fff;
     padding: 30px 0;
     position: relative;
}
 .cd-timeline-img {
     position: absolute;
     top: 15px;
     z-index: 2;
     left: 0;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
     -o-box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
     -ms-box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
/*------------------- team-details page --------------------*/
 .member-details .team-inner .team-info h4 {
     padding: 20px 0 30px;
}
 .member-details .team-inner .team-info .team-socials a {
     padding: 0 3%;
     color: #197aff;
}
 .member-details .team-inner .team-info .team-socials a:hover {
     color: #494848 
}
 .member-details .team-overlay::before {
     display: none 
}
 .member-title {
     font-size: 1.2em;
     line-height: 40px;
}
 .member-biodata {
     text-align: left;
}
 .member-biodata .biodata-icon {
     font-weight: 600;
     color: #197aff;
     padding-right: 10px 
}
 .member-biography-life h3 {
     font-size: 35px;
     margin-bottom: 20px;
}
 .biography, .professional-life {
     margin: 0 auto;
}
/*------------------- skill-team-detail --------------------*/
 .skill-team-detail .circular-bar .circular-bar-content {
     top: -14%;
     width: 110px;
     height: 110px;
     line-height: 110px;
}
/*------------------- our-service --------------------*/
 .our-service {
     background: url("../images/pages/our-services-bg.jpg") no-repeat center center;
     background-size: cover;
     position: relative 
}
 .our-service .svgclass {
     height: 60px;
     fill: #197aff;
     -o-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
}
 .our-service .service-inner h3 {
     color: #197aff;
     -o-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
}
 .our-service .service-inner:hover.service-inner h3 {
     color: #494848;
}
 .our-service .service-inner:hover .svgclass {
     fill: #000 
}
/*------------------- online-marketing --------------------*/
 .online-advantage {
     text-align: left;
     color: #fff 
}
 .online-advantage h3 {
     padding-bottom: 35px 
}
 .online-advantage .advantage-icon {
     font-weight: 600;
     padding-right: 10px 
}
/*------------------- portfolio-detail --------------------*/
 .portfolio-detail {
     text-align: left 
}
 .portfolio-detail h3 {
     margin-bottom: 4rem 
}
 .port-detail li {
     margin: 20px 0;
     text-transform: capitalize;
}
 .port-share {
     margin-bottom: 40px;
}
 .port-share h4 {
     font-size: 35px;
     font-weight: 600;
     padding: 20px 0;
}
 .port-share .port-socials li {
     width: 40px;
     font-size: 20px;
     text-align: center;
     margin-right: 20px;
     height: 40px;
     display: inline-block;
     border: 1px solid #000;
     padding: 6px;
     transition: all .3s ease 
}
 .port-share .port-socials li:hover {
     background-color: #167aff;
     border-color: #167aff;
}
 .port-share .port-socials li a {
     color: #000;
}
 .port-share .port-socials li:hover a {
     color: #fff;
}
 #projct-slide-1 .item {
     padding: 0;
     margin: 5px;
     text-align: center;
}
 #projct-slide-2 .item {
     padding: 0;
     margin: 5px;
     cursor: pointer;
}
 .projct-slide-wrap {
     margin: 5em 0 0 
}
 .portfolio-wrap {
     position: relative;
     background: url(../images/pages/portfolio-wrap.jpg) no-repeat center center;
     background-size: cover;
}
/*--------------------- portfolio-paginetion ----------------------*/
 .portfolio-pagination {
     padding: 60px 0 0 
}
 .pagination-right {
     text-align: right 
}
 .pagination-left {
     text-align: left 
}
 .portfolio-pagination li {
     display: inline-block;
     font-size: 20px;
}
 .portfolio-pagination li a {
     border: 1px solid #000;
     color: #494848;
     margin: 0 5px;
     background: transparent;
     display: inline-block;
     min-width: 30px;
     text-align: center;
     line-height: 26px;
     height: 30px;
}
 .portfolio-pagination li a.active, .portfolio-pagination li a:hover {
     background: #197aff;
     color: #fff;
     border: 1px solid #197aff;
}
/*===================== blog-styling =======================*/
 .widget {
     max-width: 350px;
     position: relative;
     margin: 0 auto;
     padding-bottom: 4em;
     padding-top: 8px;
}
 .widget:last-child {
     padding-bottom: 0 
}
 .widget .widget-title {
     background-color: #197aff;
     max-width: 350px;
     padding: 11px 0;
     text-align: center;
     margin: 0 auto 50px;
     font-size: 20px;
     font-weight: 500;
     position: relative;
     text-transform: capitalize;
     color: #fff;
}
 .widget .widget-title:before {
     position: absolute;
     border: 2px solid #197aff;
     top: -8px;
     left: -6px;
     right: -6px;
     bottom: 8px;
     content: "";
}
 .widget .widget-title:after {
     position: absolute;
     content: "";
     display: block;
     width: 0;
     height: 0;
     border-top: 16px solid #197aff;
     border-bottom: 12px solid transparent;
     border-right: 30px solid transparent;
     border-left: 30px solid transparent;
     bottom: -41px;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .widget-img {
     position: relative;
     max-width: 160px;
     margin: 0 auto 15px;
}
 .widget-img:after {
     position: absolute;
     content: "";
     left: -1px;
     right: -1px;
     bottom: -5px;
     top: -5px;
     border: 2px solid #197aff;
}
 .widget .widget-name {
     position: relative;
     color: #197aff;
     text-transform: capitalize;
     font-size: 18px;
     font-weight: 600;
     padding-bottom: 10px;
     margin-bottom: 20px;
}
 .widget .widget-name:before {
     position: absolute;
     width: 60px;
     height: 1px;
     background: #197aff;
     bottom: 0;
     left: 50%;
     content: "";
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .widget-icons a {
     border: 1px solid #494848;
     ;
     text-align: center;
     display: inline-block;
     color: #494848;
     ;
     margin: 0 7px;
     min-width: 40px;
     line-height: 40px;
     height: 40px;
}
 .widget-icons a:hover {
     background: #197aff;
     color: #fff;
     border: 1px solid #197aff;
}
 .widget .content a {
     color: #494848;
     ;
     font-weight: 500;
}
 .widget .news-post {
     position: relative;
     padding: 20px 0;
     border-bottom: 1px solid #dcdcdc 
}
 .widget .news-post:last-child {
     border-bottom: none;
     padding-bottom: 0;
}
 .widget .insta-feed .feed {
     width: calc(100%/3);
     float: left;
     position: relative;
     padding: 2px;
}
 .widget .insta-feed .feed img {
     width: 100%;
}
 .widget .form-control {
     height: auto;
     min-height: 42px;
     border-radius: 0;
     margin: 35px 0;
     border: 1px solid #197aff;
}
 .widget .btn-submit {
     border: none;
     width: 100%;
     background: #6c6c6c;
     color: #fff;
     font-size: 1.2em;
     font-weight: 700;
     padding: 13px 0;
     letter-spacing: 4px;
     text-transform: uppercase;
     outline: none;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 .widget .btn-submit:hover {
     background: #197aff 
}
 .widget li {
     border-bottom: 1px solid #dcdcdc;
     padding: 25px 10px;
}
 .widget ul li>a {
     display: block;
     text-align: left;
     font-weight: 500;
     color: #494848;
     ;
     font-size: 1.66rem;
     position: relative;
     padding-right: 30px;
}
 .widget ul li>a .cat-count {
     position: absolute;
     right: 5px;
}
 .widget ul li>a:hover {
     color: #197aff 
}
 .widget li:last-child {
     padding-bottom: 0;
     border-bottom: none 
}
 .widget .tags {
     text-align: left 
}
 .tags a {
     display: inline-block;
     border: 1px solid #197aff;
     color: #197aff;
     font-size: 18px;
     min-width: 100px;
     font-weight: 400;
     margin: 7px;
     text-align: center;
     height: 30px;
     line-height: 30px;
}
 .tags a:hover {
     background: #197aff;
     color: #fff;
}
/*--------------------- contact-us ----------------------*/
 .contact-us h3 {
     padding-bottom: 50px;
     font-weight: 500;
}
 .contact-us .contact-form .form-control {
     display: block;
     width: 100%;
     min-height: 40px;
     margin-bottom: 10px;
     padding: 10px;
     font-size: 15px;
     font-weight: 500;
     line-height: 1.42857143;
     color: #494848;
     background-color: #fff;
     background-image: none;
     border: 1px solid #494848;
     -moz-transition: .3s all ease-in-out;
     -o-transition: .3s all ease-in-out;
     -webkit-transition: .3s all ease-in-out;
     transition: .3s all ease-in-out;
     border-radius: 0;
}
 .contact-us .contact-form .form-control:focus, .contact-us .contact-form .form-control:hover {
     border-color: #197aff;
     -webkit-box-shadow: none;
     box-shadow: none;
}

.border-curved{
	
	border-radius:20px;
	
}
 .contact-form .btn-submit {
     width: 100%;
     background: #494949;
     color: #fff;
     font-size: 2rem;
     border-radius: 0;
     padding: 15px 0;
     font-weight: 400;
}
 .contact-form .btn-submit:hover {
     background: #494848;
     ;
}
 .contact-info p {
     margin-bottom: 40px 
}
 .contact-detail {
     max-width: 400px;
     background: #197aff;
     color: #fff;
     padding: 10px 2em;
     font-size: 1.2em;
     margin-bottom: 10px;
}
 .contact-detail i {
     padding-right: 1.3em;
}
/*--------------------- google maps ----------------------*/
 #map {
     height: 500px;
     width: 100%;
}
/*--------------------- blog-columns ----------------------*/
 .left-sidebar-blog .post-wrap, .right-sidebar-blog .post-wrap, .single-column .post-wrap, .column-2-blog .post-wrap, .column-3-blog .post-wrap, .column-4-blog .post-wrap {
     margin: 0 auto 30px;
}
 .blog-details-page .post-wrap {
     text-align: center;
     -webkit-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none 
}
 .blog-details-page-sidebar .post-wrap {
     text-align: center;
     -webkit-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none 
}
 .blog-details-page .post-wrap .by-admin {
     display: inline-block;
}
 .blog-details-page .post-image {
     display: inline-block;
}
 .blog-details-page .post-wrap .by-admin:before, .blog-details-page-sidebar .post-wrap .by-admin:before {
     display: none 
}
 .blog-details-page .post-wrap .by-admin {
     padding: .25em 0;
}
 .blog-details-page .post-wrap .post-info, .blog-details-page-sidebar .post-wrap .post-info {
     padding: 1em 0.2em 0;
}
 .blog-details-page .post-wrap .post-img {
     width: 2em;
}
 .blog-details-page .post-wrap .post-image .chat {
     font-size: .8em;
}
 .blog-details-page .post-wrap .detail-wrap, .blog-details-page-sidebar .post-wrap .detail-wrap {
     padding: .7em 0 1.4em;
}
 .post-detail {
     text-align: left 
}
 .post-detail h2 {
     font-size: 25px;
     padding: 40px 0 20px;
}
 .post-detail h2 a {
     color: #000 
}
 .post-detail h2 a:hover {
     color: #197aff 
}
 .post-detail p {
     border: none;
     padding: 0;
}
 .blog-details-page .widget-icons, .blog-details-page-sidebar .widget-icons {
     text-align: right;
     margin-top: 20px;
}
 .user-post {
     background-color: #ebebeb;
     padding: 50px;
     margin: 30px 0;
}
 .user-post .user-descrip h3 {
     font-size: 25px;
     margin-bottom: 20px 
}
 .user-img {
     position: relative;
     max-width: 160px;
     margin: 0 auto;
     text-align: center;
}
 .user-img:after {
     position: absolute;
     content: "";
     left: -1px;
     right: -1px;
     bottom: -5px;
     top: -5px;
     border: 2px solid #197aff;
}
 .blog-details-page-sidebar .user-img:after {
     left: -5px;
     right: -5px;
}
 .user-comment h3 {
     text-transform: capitalize;
     color: #197aff;
     font-size: 25px;
     margin-bottom: 20px;
}
 .user-comment ul li {
     position: relative;
     min-height: 250px;
     background-color: #579dfd;
}
 .user-comment ul li li {
     background-color: #197aff;
}
 .comment-wrap {
     padding: 2.33em 5.33em;
     padding-left: 280px;
     min-height: 235px;
}
 .sub-comment-wrap {
     padding: 35px 80px;
     padding-left: 400px;
}
 .user-comment h4 {
     color: #fff;
     font-weight: 700;
     font-size: 23px;
     margin-bottom: 10px;
}
 .comment-img {
     position: absolute;
     margin-left: 70px;
     left: 0;
     width: 180px;
     height: 180px;
     border-radius: 50%;
     overflow: hidden;
}
 .sub-comment-wrap .comment-img {
     position: absolute;
     margin-left: 12.66em;
     left: 0;
     width: 180px;
     height: 180px;
     border-radius: 50%;
     overflow: hidden;
}
 .blog-details-page-sidebar .comment-img, .blog-details-page-sidebar .sub-comment-wrap .comment-img {
     width: 130px;
     height: 130px;
}
 .blog-details-page-sidebar .comment-img {
     margin-left: 40px;
}
 .blog-details-page-sidebar .sub-comment-wrap .comment-img {
     margin-left: 90px;
}
 .blog-details-page-sidebar .comment-wrap {
     padding: 1.6em 3.33em;
     padding-left: 200px;
}
 .blog-details-page-sidebar .sub-comment-wrap {
     padding: 20px 40px;
     padding-left: 250px;
}
 .user-comment p {
     color: #fff;
     padding: 10px 0;
}
 .user-comment a {
     color: #494848;
     font-weight: 600;
}
 .comment-box {
     margin-top: 5em;
}
 .user-comment .comment-box {
     margin-top: 3em;
}
 .comment-box h4 {
     font-size: 25px;
     padding-bottom: 0.5em;
     color: #197aff;
     font-weight: 700;
}
 .comment-box p {
     padding-bottom: 30px;
}
 .user-comment .comment-box h4 {
     color: #fff 
}
 .comment-box .form-control {
     display: block;
     width: 100%;
     height: auto;
     min-height: 50px;
     margin-bottom: 25px;
     padding: 6px 12px;
     font-size: 15px;
     background-color: #fff;
     border: 1px solid #494848;
     border-radius: 2px;
     color: #b6b6b6;
}
 .comment-box .form-control:focus {
     border: 1px solid #197aff;
}
 .comment-box .btn-submit {
     border: 1px solid transparent;
     width: auto;
     background: #197aff;
     color: #fff;
     font-size: 24px;
     font-weight: 600;
     padding: 0.8em;
     text-transform: capitalize;
     outline: none;
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
}
 .comment-box .btn-submit:hover, .user-comment .comment-box .btn-submit:hover {
     opacity: 0.7 
}
 .user-comment .comment-box .btn-submit {
     background: #494848;
}
 .user-comment .comment-box .form-control {
     border: 1px solid #197aff;
}
.purchase-button{
	
	padding: 5px 12px;
	font-size: 15px;
	background-color: #989898; 
	color: white;
	border-radius: 4px;
	line-height:2.428571;
}
.purchase-button:hover{
	
	background-color:#0395d5;
	
}
.bill-title {
	background-color: #000;
}

.bill-title h2 {
	padding: 5px;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 600;
}

.bill-tbl th {
	background: #eee;
    padding: 5px;
}

.bill-tbl td {
	text-align: left;
    padding: 5px;
}

.bill {
	border: 1px solid;	
}

.billlogo {
	width: 80px;
    margin: 5px 15px 5px;
}