/* -----------------------------------------------------------
    Author       : Tanvirul Haque
    Template Name: Black - Onepage Business Template
    Version      : 1.0
------------------------------------------------------------*/
/*============================================================
    CSS TABLE OF CONTENTS
	==============================================================
    01. GENAREL CSS STYLE
    02. START HEADER AREA CSS STYLE
    03. START BOOTSTRAP NAVIGATION OVERRIDES CSS STYLE
    04. START ABOUT AREA CSS STYLE
    05. START SERVICES AREA CSS STYLE
    06. START COUNT AREA CSS STYLE
    07. START WHY CHOOSE AREA CSS STYLE
    08. START PORTFOLIO AREA CSS STYLE
    09. START TESTIMONIAL AREA CSS STYLE
	10. START TEAM AREA CSS STYLE
	11. START PRICING AREA CSS STYLE
	12. START HOW WORK AREA CSS STYLE
    13. START BLOG AREA CSS STYLE
	14. START PRODUCTS & SUBSCRIBE AREA CSS STYLE
	15. START PARTNER AREA CSS STYLE
    16. START CONTACT FORM AREA CSS STYLE
    17. START FOOTER TOP AREA CSS STYLE
    18. START FOOTER AREA CSS STYLE
	19. START BLOG PAGE CSS STYLE
	20. START PROJECT PAGE CSS STYLE
=============================================================*/
/*
	* -------------------------------------------------------------
	*    01. GENAREL CSS STYLE
	* -------------------------------------------------------------
*/
body {
	width: 100%;
	height: 100%;
	color: #292727;
	font-size: 16px;
	
	letter-spacing: 1px;
	background-color: #fff;
	font-family: "Muli",sans-serif;
	font-weight: 400;
}
html,
body {
	height: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #002f4f;
	font-weight: 700;
	letter-spacing: 1px;
/*	text-transform: uppercase; */
	font-family: "Muli",sans-serif;
}
a {
	text-decoration: none;
	font-family: "Ubuntu", sans-serif;
	-webkit-transition: all 0.36s;
	transition: all 0.36s;
}
a:hover {
	color: #4d88ff ;
	text-decoration: none;
}
a:focus {
	outline: none;
	text-decoration: none;
	color: #fff;
}
p {
	line-height: 2;
}
ul,
li {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}
.section-padding {
	padding: 40px 0;
}
.section-title {
	margin-bottom: 50px;
}
.section-title h2 {
	margin-bottom: 10px;
	padding-bottom: 15px;
	position: relative;
}
@media(max-width:576px){
	.section-title h2 {
		margin-top:10px;
		margin-bottom: 10px;
		padding-bottom: 15px;
		position: relative;
	}
}
.section-title h2:after {
	border-bottom: 3px double #0d3d59;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 10%;
}
.section-title p {
	margin: auto;
	width: 70%;
}
.button {
	font-family: "Ubuntu", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 25px;
	position: relative;
	font-weight: 700;
	font-size: 13px;
	color: #0d3d59;
	letter-spacing: 1px;
	background: transparent;
	border: 2px solid #0d3d59;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color;
	transition-property: color;
	vertical-align: middle;
	-webkit-transition: 0.36s;
	transition: 0.36s;
}
.button:before {
	background: #0d3d59 none repeat scroll 0 0;
	position: absolute;
	content: "";
	z-index: -1;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.button:hover {
	color: #fff;
}
.button:hover.button:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.home-btn-bg {
	background: #0d3d59;
	margin-right: 10px;
}
.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/preloader.gif) center no-repeat #fff;
}
.carousel-indicators .active {
	background-color: #0d3d59;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #0d3d59 none repeat scroll 0 0;
}

#scrollUp, #back-top {
    background: #4d88ff;
    height: 60px;
    width: 60px;
    right: 31px;
    bottom: 18px;
    z-index: 1000;
	position:fixed;
    color: #fff;
    font-size: 33px;
    text-align: center;
    border-radius: 50%;
    line-height: 48px;
    border: 2px solid transparent;
	
    box-shadow: 0 0 10px 3px rgba(108,98,98,0.2);
	
}
#scrollUp a i, #back-top a i {
    display: block;
    line-height: 50px;
    color:#fff;
}

@media (max-width: 575px){
	#scrollUp,#back-top{
		right:16px;
	}
}

#scrollUp:hover{
    color:#fff;
    box-shadow: 0 0 20px 3px rgba(108,98,98,0.2);
	
}

/*
	* -------------------------------------------------------------
	*    01. END GENAREL CSS STYLE
	* -------------------------------------------------------------
*/
/*
	* -------------------------------------------------------------
	*    02. START HEADER AREA CSS STYLE
	* -------------------------------------------------------------
*/


.header-top-info {
	background:  #4d88ff none repeat scroll 0 0;
}
.top-info-left a {
	display: inline-block;
	font-size: 13px;
	color: #002f4f;
	margin: 5px 10px 5px 0;
}

.top-info-left a i {
	margin-right: 5px;
}
.top-info-right ul {
	float: right;
}
.top-info-right li {
	float: left;
}
.top-info-right li a {
	display: block;
}
.top-info-right li a i {
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	height: 25px;
	margin: 2px;
	width: 25px;
	color: #fff;
	-webkit-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.top-info-right li a i:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.home-slide-area,
.home-slide-area div {
	height: 98.75%;
}
.home-slide-area div.home-display-table-cell,
.home-slide-area div.home-display-table-cell div {
	height: auto;
}
.single-slide-bg {
	position: relative;
	z-index: 1;
	
	padding-bottom: 30px;
}
.single-slide-bg:after {
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	z-index: -1;
	left: 0;
	top: 0;
}
.home-display-table {
	width: 100%;
	height: 100%;
	display: table;
}
.home-display-table-cell {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.slide-bg1 {
	background: url(../img/bg/slider.png) scroll 0 0;
	background-size: cover;
}
.slide-bg2 {
	background: url(../img/bg/slide11.jpg) scroll 0 0;
	background-size: cover;
}
.slide-bg3 {
	background: url(../img/bg/slide16.jpg) scroll 0 0;
	background-size: cover;
}
#home-carousel .item h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 20px;
}
#home-carousel .item p {
	width: 70%;
	color: #fff;
	font-size: 16px;
	margin: 0 auto 30px;
}
#home-carousel .item .button {
	color: #fff;
}
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slider-area {
    margin-top: 50px;
    padding-bottom: 100px;
}
.slider-height {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-initialized .slick-slide {
    outline: 0;
}

.slick-initialized .slick-slide {
    display: block;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slider-area .single-slider .slider-cap-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.slider-area .single-slider .slider-cap-wrapper .hero-img {
	width: 59%;
	overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-img {
		width: 51%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-img {
		width: 51%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-img {
		width: 49%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-img {
		display: none;
	}
}

@media (max-width: 575px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-img {
		display: none;
	}
}

.slider-area .single-slider .slider-cap-wrapper .hero-img img {
	width: 100%;
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption {
		margin-top: 80px;
		width: 42%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption {
		margin-top: 80px;
		width: 48%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption {
		margin-top: 80px;
		width: 100%;
		padding-left: 37px;
	}
}

@media (max-width: 575px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption {
		margin-top: 80px;
		width: 100%;
		padding-left: 37px;
		padding-bottom: 90px;
	}
}

@media only screen and (max-width: 1600px) and (min-width: 1200px){
	.slider-area .single-slider .slider-cap-wrapper .hero-caption {
		width: 34%;
	}
}
.slider-area .single-slider .slider-cap-wrapper .hero-caption {
	
    overflow:hidden;
}
.slider-area .single-slider .slider-cap-wrapper .hero-caption span {
    color: #010A44;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}



.slider-area .single-slider .slider-cap-wrapper .hero-caption h1 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 14px;
    line-height: 1.1;
    display: block;
    text-transform: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption h1 {
		font-size: 56px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption h1 {
		font-size: 45px;
		line-height: 1.2
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption h1 {
		font-size: 30px;
		line-height: 1.2
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption h1 {
		font-size: 33px;
		line-height: 1.2;
		margin-bottom: 30px
	}
}

@media (max-width: 575px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption h1 {
		font-size: 23px;
		line-height: 1.2;
		margin-bottom: 25px
	}
}


.slider-area .single-slider .slider-cap-wrapper .hero-caption p {
    margin-bottom: 39px;
    display: block;
    color: #010A44;
    font-size: 16px;
    padding-right: 50px;
}
@media (max-width: 991px) {
	.slider-area .single-slider .slider-cap-wrapper .hero-caption p {
		margin-bottom: 29px;
		font-size: 14px;
		padding-right: 21px
	}
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn {
    border: none;
    padding: 16px 40px;
    text-transform: capitalize;
    border-radius: 30px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    background-size: 200%;
    transition: 0.6s;
    background-image: linear-gradient(to left,#ffffff, #f0f0f0, #ffffff);
    background-position: right;
}
.btn:hover {
	background-position: left;
}
.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none
}
@media only screen and (max-width: 1600px) and (min-width: 1200px){
	.slider-area .single-slider .slider-cap-wrapper .hero-img {
		width: 51%;
	}
}

.slider-area .single-slider .slider-cap-wrapper .hero-img {
	
    overflow: hidden;
}
.slider-area .single-slider .slider-cap-wrapper .hero-img img {
    width: 100%;
}
.slick-slide img {
    display: block;
}
.slick-track:after {
    clear: both;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slider-area .video-icon {
    position: absolute;
    position: absolute;
    right: 27%;
    top: 52%;
    transform: translateY(-48%);
}
.slider-area .video-icon a.btn-icon {
    position: relative;
}
.slider-area .video-icon a {
    background: #4d88ff;
    color: #ffff;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
}
.slider-area .video-icon a.btn-icon::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    border-radius: inherit;
    border: 1px solid #4d88ff;
    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}
.slider-area .video-icon a i {
    font-size: 20px;
    font-size: 20px;
    line-height: 1;
    position: relative;
    right: -2px;
    top: 2px;
}
.slider-area .video-icon a::after {
    position: absolute;
    border: 70px solid rgba(241,65,5,0.1);
    content: "";
    border-radius: 50%;
    left: -39px;
    top: -38px;
    right: 0;
    z-index: 0;
    background: #0000;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-area .video-icon {
		right: 85px;
		bottom: 23px;
		top: inherit
	}
}

@media (max-width: 575px) {
	.slider-area .video-icon {
		bottom: 14px !important;
		top: unset;
		left: 50px
	}
}

.slider-area .video-icon a {
	background: #4d88ff;
	color: #ffff;
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	line-height: 60px;
	border-radius: 50%
}

.slider-area .video-icon a::after {
	position: absolute;
	border: 70px solid rgba(241, 65, 5, 0.1);
	content: "";
	border-radius: 50%;
	left: -39px;
	top: -38px;
	right: 0;
	z-index: 0;
	background: #0000
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-area .video-icon a::after {
		border: 50px solid rgba(241, 65, 5, 0.1);
		left: -19px;
		top: -19px;
		right: 0
	}
}

@media (max-width: 575px) {
	.slider-area .video-icon a::after {
		border: 50px solid rgba(241, 65, 5, 0.1);
		left: -19px;
		top: -19px;
		right: 0
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-area .video-icon a {
		width: 60px;
		height: 60px;
		line-height: 60px
	}
}

@media (max-width: 575px) {
	.slider-area .video-icon a {
		width: 60px;
		height: 60px;
		line-height: 60px
	}
}

.slider-area .video-icon a i {
	font-size: 20px;
	font-size: 20px;
	line-height: 1;
	position: relative;
	right: -2px;
	top: 2px
}

.slider-area .video-icon a.btn-icon:hover
{
	background:#fff;
	color:#4d88ff
}

.position-relative {
    position: relative!important;
}

/*
	* -------------------------------------------------------------
	*    02. END HEADER AREA CSS STYLE
	* -------------------------------------------------------------
*/
/*
	* -------------------------------------------------------------
	*    03. START BOOTSTRAP NAVIGATION OVERRIDES CSS STYLE
	* -------------------------------------------------------------
*/
.header-top-area {
	position: relative;
	background-color: #fff;
	height:108px;
	z-index: 999;
	-webkit-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.sticky-wrapper {
	position: absolute;
	width: 100%;
	z-index: 999;
}
.scroll {
	margin: 4px, 4px;
	padding: 4px;
	width: 100%;
	height: 550px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: justify;
}
.navbar-default {
	background-color: #fff;
	border: medium none;
	border-radius: 0;
	margin: 0;
	
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
	width: 100%;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
}
.navbar-brand {
	color: #fff !important;
	font-family: "Roboto Slab", serif;
	font-size: 30px;
	font-weight: 700;
	
	letter-spacing: 3px;
	text-transform: uppercase;
	-webkit-transition: 0.36s;
	transition: 0.36s;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #4d88ff;
}
.mainmenu li a {
	color: #1D2547 !important;
	font-family: "Montserrat";
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	padding: 30px 15px;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}


.shop-cart i {
	font-size: 18px;
	float: left;
}
.shop-cart > span {
	background: rgb(153, 146, 146) none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	height: 18px;
	letter-spacing: 0;
	line-height: 16px;
	text-align: center;
	width: 18px;
	position: absolute;
	margin-top: -8px;
}
.navbar-default .navbar-toggle {
	background: #e3e3e3 none repeat scroll 0 0;
}
.is-sticky .header-top-area {
	background-color: #fff;
	box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
}
.is-sticky .mainmenu li a {
	padding: 30px 15px;
	color: #1D2547 !important;
}
.is-sticky .mainmenu ul.nav.navbar-nav li.active a {
	color: #1D2547 !important;
}
.is-sticky .navbar-brand {
	color: #fff !important;
	font-size: 24px;
	
}
/*
	* -------------------------------------------------------------
	*    03. END BOOTSTRAP NAVIGATION OVERRIDES CSS STYLE
	* -------------------------------------------------------------
*/
/*
	* -------------------------------------------------------------
	*    04. START ABOUT AREA CSS STYLE
	* -------------------------------------------------------------
*/
.about-text h3,
.skills-progress h3 {
	margin-bottom: 20px;
}
.about-text p {
	margin-bottom: 15px;
}
.about-text ul {
	margin-bottom: 25px;
}
.about-text ul li {
	font-size: 13px;
	margin-bottom: 10px;
}
.about-text li i {
	margin-right: 5px;
	color: #0d3d59;
}
.skills-progress {
	overflow: hidden;
}
.skills-progress .progress {
	background: #ddd none repeat scroll 0 0;
	position: relative;
	overflow: visible;
	margin: 40px 0 0;
	box-shadow: none;
	border-radius: 0;
	height: 10px;
}
.skills-progress .progress-bar {
	background: #0d3d59 none repeat scroll 0 0;
	box-shadow: none;
}
.skills-progress .progress .lead {
	left: 0;
	top: -25px;
	color: #0d3d59;
	font-size: 12px;
	font-weight: 700;
	position: absolute;
	text-transform: uppercase;
}
.skills-progress .progress-bar > p {
	float: right;
	font-size: 12px;
	font-weight: 700;
	margin-right: -16px;
	margin-top: -25px;
	position: relative;
	color: #0d3d59;
}
.section-title .text
/*
	* -------------------------------------------------------------
	*    04. / END ABOUT AREA CSS STYLE
	* -------------------------------------------------------------
*/
/*
	* -------------------------------------------------------------
	*    05. START SERVICE AREA CSS STYLE
	* -------------------------------------------------------------
*/
.service-area {
	background: #f6f6f6 none repeat scroll 0 0;
	padding-bottom: 50px;
}
.single-service {
	background: #fef2ed;
	margin-bottom: 30px;
	padding: 50px 25px;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
	/* height: 400px; */
}
@media (max-width: 790px) {
	.single-service {
		background: #fef2ed;
		margin-bottom: 30px;
		padding: 50px 25px;
		-webkit-transition: all 0.36s ease-in-out 0s;
		transition: all 0.36s ease-in-out 0s;
		/* height: 450px; */
	}
}

.single-service:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
}
.single-service i {
	font-size: 52px;
	color: #0d3d59;
}
.single-service h4 {
	margin: 20px 0 10px 0;
}
.single-service p {
	font-size: 13px;
}
.owl-carousel .item {
	display: block;
	width: 100%;
	height: auto;
}
a.read-more i {
	font-size: 10px;
	margin-right: 5px;
	color: #999;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}
a.read-more {
	color: #999;
	font-size: 16px;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}

a.read-more:hover i,
a.read-more:hover {
	color: #0d3d59;
}
/*
	* -------------------------------------------------------------
	*    05. / END SERVICE AREA CSS STYLE
	* -------------------------------------------------------------
*/
 
/*
	* -------------------------------------------------------------
	*   / START REPORT AREA CSS STYLE
	* -------------------------------------------------------------
*/


    .card-sl {
        border-radius: 8px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		
    }

    .card-image img {
        max-height: 100%;
        max-width: 100%;
        border-radius: 8px 8px 0px 0;
    }

    .card-action {
        position: relative;
		text-align : center;
        float: right;
        margin-top: -25px;
        margin-right: 20px;
        z-index: 2;
        color: #E26D5C;
        background: #fff;
        border-radius: 100%;
        padding: 15px;
        font-size: 15px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
    }

    .card-action:hover {
        color: #fff;
        background: #4d88ff;
        -webkit-animation: pulse 1.5s infinite;
    }

    .card-heading {
        font-size: 18px;
        font-weight: bold;
        background: #fff;
        padding: 10px 15px;
		text-align:center;
    }

    .card-text {
        padding: 10px 15px;
        background: #fff;
        font-size: 14px;
        color: #636262;
			
    }

    .card-button {
        display: flex;
        justify-content: center;
        padding: 10px 0;
        width: 100%;
        background-color:#4d88ff;
        color: #fff;
        border-radius: 0 0 8px 8px;
    }

    .card-button:hover {
        text-decoration: none;
        background: linear-gradient(to left, #4d88ff, #0879ED, #4d88ff);
        color:black;

    }


    @-webkit-keyframes pulse {
        0% {
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }

        70% {
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
        }

        100% {
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
        }
    }



/*
	* -------------------------------------------------------------
	*     / END REPORT AREA CSS STYLE
	* -------------------------------------------------------------
*/
/*
	
	* -------------------------------------------------------------
	*    06. START COUNT AREA CSS STYLE
* -------------------------------------------------------------
*/
.count-area {
	background: url("../img/bg/count-bg.jpg");
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.count-area:after {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
left: 0;
top: 0;
z-index: -111;
}
.counter {
	background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
	padding: 30px;
}
.counter h2 {
	color: #fff;
	margin: 0;
	display: inline;
}
.counter p {
	color: #fff;
	margin: 0;
}
.counter i {
	color: #fff;
	float: left;
	font-size: 46px;
	margin-right: 15px;
	margin-top: 8px;
}
/*
	* -------------------------------------------------------------
	*    06. / END COUNT AREA CSS STYLE
	* -------------------------------------------------------------
*/
/*
	* -------------------------------------------------------------
	*    07. START WHY CHOOSE AREA CSS STYLE
	* -------------------------------------------------------------
*/

.single-choose {
	margin-bottom: 30px;
}
.single-choose h5 {
	margin: 15px 0;
}
.single-choose i {
	background: #f6f6f6 none repeat scroll 0 0;
	
	color: #000;
	float: left;
	width: 80px;
	height: 80px;
	font-size: 42px;
	line-height: 80px;
	margin-right: 20px;
	text-align: center;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}
.single-choose p {
	overflow: hidden;
	font-size:15px;
}
.single-choose:hover i {
	background: #0d3d59;
	color: #f6f6f6;
}
/*
	* -------------------------------------------------------------
	*    07. / END WHY CHOOSE AREA CSS STYLE
	* -------------------------------------------------------------
*/
/*
	* -------------------------------------------------------------
	*    08. START PORTFOLIO AREA CSS STYLE
	* -------------------------------------------------------------
*/
.portfolio-area {
	background: #f6f6f6 none repeat scroll 0 0;
}
.portfolio-filter ul {
	list-style: outside none none;
	margin-bottom: 10px;
	text-align: center;
}
.portfolio-filter ul li {
	margin: 5px;
	cursor: pointer;
	font-size: 12px;
	padding: 10px 20px;
	display: inline-block;
	border: 2px solid #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}
.portfolio-filter ul li.active,
.portfolio-filter ul li:hover {
	border: 2px solid #0d3d59;
}
.grid .mix {
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.single-work {
	margin-top: 30px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}
.single-work:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
}
.work-overlay {
	height: auto;
	width: 100%;
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translate3d(0px, 100%, 0px);
	transform: translate3d(0px, 100%, 0px);
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}
.single-work:hover .work-overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.work-title {
	float: left;
}
.work-title p {
	margin: 0;
}
.work-icon {
	float: right;
}
.work-icon a {
	display: inline-block;
	font-size: 18px;
	margin: 10px 5px;
	-webkit-transform: translate3d(0px, 200%, 0px);
	transform: translate3d(0px, 200%, 0px);
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}
.work-icon a:hover {
	color: #0d3d59 !important;
}
.single-work:hover .work-icon a {
	color: #666;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
.single-work:hover .work-icon a:first-child {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.single-work:hover .work-icon a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.single-work:hover .work-icon a:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.portfolio-btn {
	margin-top: 30px;
}
.portfolio-btn a i {
	font-size: 14px;
	margin-right: 10px;
}
/*
	* -------------------------------------------------------------
	*    08. / END PORTFOLIO AREA CSS STYLE
	* -------------------------------------------------------------
*/
/*
	* -------------------------------------------------------------
	*    09. START TESTIMONIAL AREA CSS STYLE
	* -------------------------------------------------------------
*/
.testimonial-area {
	background: url("../img/bg/testimonial-bg.jpg");
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.testimonial-area:after {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	left: 0;
	top: 0;
	z-index: -111;
	}
	.testimonial-area .item img {
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
	border-radius: 50%;
	height: 80px;
	margin: 0 auto 10px;
	padding: 5px;
	}
	.testimonial-area .item h6 {
	font-weight: 400;
	margin: 10px 0 15px;
	color: #fff;
	}
	.testimonial-area .item h4,
	.testimonial-area .item p {
	color: #fff;
	}
	/*
	* -------------------------------------------------------------
	*    09. / END TESTIMONIAL AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    10. START TEAM AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.team-area {
	padding-bottom: 50px;
	}
	.single-team {
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
	}
	.single-team:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
	}
	.single-team-img {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	}
	.team-overlay {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	position: absolute;
	padding: 20px;
	height: auto;
	width: 100%;
	bottom: 0;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transform: translate3d(0px, 100%, 0px);
	-webkit-transform: translate3d(0px, 100%, 0px);
	transition: all 0.36s ease-in-out 0s;
	-webkit-transition: all 0.36s ease-in-out 0s;
	}
	.single-team:hover .team-overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	}
	.team-title {
	float: left;
	}
	.team-title p {
	margin: 0;
	}
	.team-social-link {
	float: right;
	}
	.team-social-link a {
	display: inline-block;
	font-size: 28px;
	margin-top: 10px;
	-webkit-transform: translate3d(0px, 200%, 0px);
	transform: translate3d(0px, 200%, 0px);
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
	}
	.team-social-link a:hover {
	color: #0d3d59 !important;
	}
	.single-team:hover .team-social-link a {
	color: #666;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	}
	.single-team:hover .team-social-link a:first-child {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	}
	.single-team:hover .team-social-link a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	}
	.single-team:hover .team-social-link a:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	}
	/*
	* -------------------------------------------------------------
	*    10. / END TEAM AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    11. START PRICING AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.pricing-area {
	background: #f6f6f6;
	}
	.single-pricing {
	background: #fff;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.single-pricing:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
	}
	.price {
	padding: 25px;
	-webkit-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	}
	.single-pricing h3 {
	border-bottom: 1px solid #ddd;
	display: inline-block;
	font-family: "Ubuntu", sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 3px;
	margin-bottom: 10px;
	padding: 0 0 10px;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.price h4 {
	color: #666;
	font-size: 52px;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.price h4 sub {
	font-size: 18px;
	}
	.price span {
	font-size: 12px;
	}
	.pricing-list {
	list-style: outside none none;
	text-align: center;
	padding: 0 25px;
	}
	.pricing-list li {
	border-bottom: 1px solid #eee;
	color: #161616;
	padding: 15px 0;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.pricing-btn {
	padding: 25px 0;
	}
	.single-pricing.recommended {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	}
	.single-pricing.recommended .price h4,
	.single-pricing:hover .price h4 {
	color: #0d3d59;
	}
	/*
	* -------------------------------------------------------------
	*    11. / END PRICING AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    12. START HOW WORK AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.video-area iframe {
	width: 100%;
	height: 310px;
	border: medium none;
	}
	.video-text h3 {
	margin-bottom: 20px;
	}
	/*
	* -------------------------------------------------------------
	*    12. / END HOW WORK AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.section-bg2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	}
	.section-padding40 {
	margin-top:60px;
    padding-top: 110px;
    padding-bottom: 110px;
	}
	.office-pera {
    padding: 85px 81px 68px 90px;
    background: #FEF2ED;
	}
	.section-tittle h2 {
    font-size: 40px;
    display: block;
    color: #072366;
    font-weight: 700;
    text-transform: normal;
    line-height: 1.4;
	}
	@media(max-width:600px){
	.section-tittle h2 {
	font-size: 30px;
	display: block;
	color: #072366;
	font-weight: 700;
	text-transform: normal;
	line-height: 1.4;
	}
	}
	.section-tittle p {
    color: #1D2547;
	}
	@media(max-width:600px){
	.section-tittle p {
    color: #1D2547;
    font-size:12px;
	}
	}
	/*
	* -------------------------------------------------------------
	*    13. START BLOG AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.blog-area {
	background: #f6f6f6;
	}
	.single-blog {
	background: #fff;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.single-blog:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
	}
	.single-blog img {
	padding: 10px 10px 0 10px;
	}
	.blog-content {
	padding: 25px;
	}
	.blog-content span {
	font-size: 12px;
	color: #0d3d59;
	}
	.blog-content span i {
	color: #0d3d59;
	}
	.blog-content a h2 {
	font-size: 20px;
	margin: 5px 0 15px;
	}
	.blog-btn {
	margin-top: 30px;
	}
	.blog-btn a i {
	font-size: 14px;
	margin-right: 10px;
	}
	/*
	* -------------------------------------------------------------
	*    13. / END BLOG AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    14. START PRODUCTS AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.products {
	padding-bottom: 50px;
	}
	.single-product {
	background: #f6f6f6;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.single-product > a > i {
	background: #0d3d59 none repeat scroll 0 0;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	margin-right: 20px;
	line-height: 40px;
	margin-top: -20px;
	font-size: 18px;
	height: 40px;
	width: 40px;
	color: #fff;
	float: left;
	right: 0;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.single-product:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
	}
	.single-product:hover a i {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	}
	.product-info {
	padding: 20px;
	}
	.single-product img {
	padding: 10px 10px 0 10px;
	}
	.product-info h5 {
	margin: 5px 0;
	}
	.product-rating i {
	color: #ffc321;
	}
	.product-info p {
	margin: 0;
	}
	/*
	* -------------------------------------------------------------
	*    14. / END PRODUCTS AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    15. START PARTNER & SUBSCRIBE AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.partner-area {
	background: #f6f6f6;
	}
	#partner-carousel .item img {
	display: block;
	margin: 0 auto;
	width: auto;
	}
	.subscribe-title {
	padding-bottom: 10px;
	}
	.subscribe-area {
	background: url("../img/bg/partner-bg.jpg");
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 1;
	}
	.subscribe-area:after {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	left: 0;
	top: 0;
	z-index: -111;
	}
	.subscribe-title h2,
	.subscribe-title p {
	color: #fff;
	}
	.signup .form-control {
	border-color: #fff;
	color: #fff;
	}
	.signup .form-control::-moz-placeholder {
	color: #fff;
	}
	.signup-btn-bg {
	border: 2px solid #fff !important;
	color: #fff !important;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.signup-btn-bg:hover {
	background: #f6f6f6;
	color: #0d3d59 !important;
	}
	/*
	* -------------------------------------------------------------
	*    15. / END PARTNER & SUBSCRIBE AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    16. START CONTACT FORM AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.form-control {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ccc;
	border-style: none none solid;
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
	margin: 10px 0;
	margin-left:10px;
	margin-right:10px;
	height: 45px;
	padding: 0;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.form-control::-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.form-control:hover,
	.form-control:focus {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #0d3d59;
	border-style: none none solid;
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
	outline: 0 none;
	}
	.btn-contact-bg:hover,
	.btn-contact-bg:focus {
	background: #0d3d59 none repeat scroll 0 0;
	color: #fff;
	}
	.success {
	text-align: center;
	margin: 80px 0;
	font-size: 18px;
	font-weight: 700;
	}
	/*
	* -------------------------------------------------------------
	*    16. / END CONTACT FORM AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    17. START FOOTER TOP AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.footer-top-area {
	background: #fef2ed none repeat scroll 0 0;
	}
	.footer-widget h3 {
	margin-bottom: 5px;
	position: relative;
	
	}
	.footer-widget p {
	font-weight:500;color:#000
	}
	.social-icon a i {
	color: #666;
	font-size: 26px;
	line-height: 28px;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.social-icon a i:hover {
	color: #0d3d59;
	}
	.single-contact-info {
	margin-bottom: 40px;
	}
	.single-contact-info i {
	background: #0d3d59;
	
	text-align: center;
	margin-left: 20px;
	margin-bottom: 5px;
	line-height: 50px;
	font-size: 25px;
	height: 50px;
	color: #fff;
	width: 50px;
	}
	.single-contact-info p {
	margin-top: 20px;
	font-size: 12px;
	}
	.single-latest-post {
	overflow: hidden;
	margin-bottom: 10px;
	}
	.single-latest-post img {
	background: #f0f0f0 none repeat scroll 0 0;
	float: left;
	margin-right: 10px;
	padding: 3px;
	width: 30%;
	}
	.single-latest-post a h2 {
	font-size: 12px;
	margin: 5px 0;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.single-latest-post span {
	font-size: 12px;
	}
	.single-latest-post span i {
	margin-right: 5px;
	font-size: 14px;
	color: #0d3d59;
	}
	.single-latest-post:hover a h2 {
	color: #0d3d59;
	}
	.footer-widget ul li a {
	color: #666;
	display: block;
	margin-bottom: 10px;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.footer-widget ul li a i {
	color: #0d3d59;
	margin-right: 5px;
	}
	.footer-widget ul li a:hover {
	color: #0d3d59;
	}
	/*
	* -------------------------------------------------------------
	*    17. / END FOOTER TOP AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    18. START FOOTER AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	.copyright {
	background: #0d3d59;
	padding: 30px 0;
	color: #fff;
	}
	.copyright p {
	margin: 0;
	}
	/*
	* -------------------------------------------------------------
	*    18. / END FOOTER AREA CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    19. SINGLE BLOG PAGE CSS STYLE
	* -------------------------------------------------------------
	*/
	.breadcrumb-main {
	background: url(../img/bg/breadcrumb-bg.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	height: 600px;
	z-index: 1;
	}
	.breadcrumb-main::after {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	}
	.breadcrumb-title {
	padding-top: 200px;
	}
	.breadcrumb-title h1 {
	text-align: center;
	font-weight: 700;
	color: #fff;
	}
	.breadcrumb-title p,
	.breadcrumb-title p a {
	color: #fff;
	}
	.breadcrumb-content p {
	color: #fff;
	font-size: 20px;
	font-weight: 250;
	margin-top: 10px;
	margin-left: 20px;
	letter-spacing: 1px;
	}
	.single-blog-details,
	.comments-area {
	padding-bottom: 50px;
	}
	.single-blog-details h3 {
	margin: 30px 0 20px;
	font-weight: 700;
	}
	.single-blog-info {
	margin: 0 0 20px;
	}
	.single-blog-info span {
	color: #999;
	font-size: 12px;
	margin-right: 10px;
	display: inline-block;
	}
	.single-blog-info span i,
	.single-comment span i {
	margin-right: 5px;
	font-size: 14px;
	color: #0d3d59;
	}
	.comments-area h4,
	.comment-form h4 {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 3px double #eee;
	}
	.single-comment img {
	float: left;
	width: auto;
	height: 100px;
	margin-right: 15px;
	border: 5px solid #f0f0f0;
	}
	.single-comment h5 {
	margin-bottom: 10px;
	}
	.single-comment span {
	color: #999;
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	}
	.single-comment p {
	font-size: 13px;
	overflow: hidden;
	}
	.reply-comment {
	margin-left: 50px;
	}
	.single-comment span.reply-button {
	display: block;
	float: right;
	cursor: pointer;
	}
	.single-widget {
	margin-bottom: 50px;
	}
	.search-box input {
	margin: 0;
	height: 50px;
	padding: 0 0 0 15px;
	border: 1px solid #ccc;
	}
	.search-box input:hover,
	.search-box input:focus {
	border: 1px solid #0d3d59;
	}
	.latest-post h4,
	.categories h4,
	.tags h4 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 3px double #eee;
	}
	.latest-post > .single-latest-post {
	margin-bottom: 30px;
	}
	.categories li a {
	color: #555;
	display: block;
	font-size: 14px;
	padding: 0 0 10px 0;
	}
	.categories li a:hover {
	color: #0d3d59;
	}
	.categories li a i {
	margin-right: 10px;
	color: #0d3d59;
	}
	.tags li a {
	border: 1px solid #ccc;
	color: #555;
	display: block;
	float: left;
	font-size: 12px;
	margin: 5px;
	padding: 5px 15px;
	text-transform: uppercase;
	-webkit-transition: all 0.36s ease 0s;
	transition: all 0.36s ease 0s;
	}
	.tags li a:hover {
	background: #0d3d59 none repeat scroll 0 0;
	border: 1px solid #0d3d59;
	color: #fff;
	}
	/*
	* -------------------------------------------------------------
	*    19. END BLOG PAGE CSS STYLE
	* -------------------------------------------------------------
	*/
	
	/*
	* -------------------------------------------------------------
	*    20. SINGLE PROJECT PAGE CSS STYLE
	* -------------------------------------------------------------
	*/
	.details-single-project {
	margin: 50px 0 20px;
	}
	.about-single-project h4,
	.details-single-project h4 {
	border-bottom: 3px double #eee;
	margin-bottom: 20px;
	padding-bottom: 10px;
	}
	.details-single-project li {
	color: #555;
	font-size: 14px;
	padding: 0 0 10px 0;
	}
	.details-single-project li a,
	.details-single-project li i {
	margin-right: 10px;
	color: #0d3d59;
	}
	.related-projects h4 {
	border-bottom: 3px double #eee;
	margin-top: 30px;
	padding: 10px 0;
	}
	/*
	* -------------------------------------------------------------
	*    20. END PROJECT PAGE CSS STYLE
	* -------------------------------------------------------------
	*/
	/*
	* -------------------------------------------------------------
	*    05. START Events AREA CSS STYLE
	* -------------------------------------------------------------
*/
.events-area {
	background: #f6f6f6 none repeat scroll 0 0;
	padding-bottom: 50px;
}
.single-events {
	background: #fef2ed;
	margin-bottom: 30px;
	padding: 50px 25px;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
	height: 400px;
}
@media (max-width: 790px) {
	.single-events {
		background: #fef2ed;
		margin-bottom: 30px;
		padding: 50px 25px;
		-webkit-transition: all 0.36s ease-in-out 0s;
		transition: all 0.36s ease-in-out 0s;
		height: 450px;
	}
}

.single-events:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
}
.single-events i {
	font-size: 52px;
	color: #0d3d59;
}
.single-events h4 {
	margin: 20px 0 10px 0;
}
.single-events p {
	font-size: 13px;
}
.owl-carousel .item {
	display: block;
	width: 100%;
	height: auto;
}
a.read-more i {
	font-size: 10px;
	margin-right: 5px;
	color: #999;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}
a.read-more {
	color: #999;
	font-size: 16px;
	-webkit-transition: all 0.36s ease-in-out 0s;
	transition: all 0.36s ease-in-out 0s;
}

a.read-more:hover i,
a.read-more:hover {
	color: #0d3d59;
}
/*
	* -------------------------------------------------------------
	*    05. / END SERVICE AREA CSS STYLE
	* -------------------------------------------------------------
*/