/*
Author       : Masum Billah
Template Name: Keeway - Digital Agency WordPress Theme
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START WHY CHOOSE US DESIGN
    06. START SERVICE DESIGN
    07. START COUNTER DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PARTNER LOGO DESIGN
    12. START BLOG DESIGN
    13. START NEWSLETTER DESIGN
    14. START PRICING TABLE DESIGN
    15. START CONTACT DESIGN
    16. START MAP DESIGN
    17. START SOCIAL PROFILE DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP  DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    color: #777;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a, a:hover {
    color: #00cdac;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p { margin-bottom: 0 }
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
img{
	display: block;
	max-width: 100%;
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 3px solid rgba(0, 0, 0, 0.08);
    border-right: 3px solid rgba(0, 0, 0, 0.08);
    border-bottom: 3px solid rgba(0, 0, 0, 0.08);
    border-left: 3px solid #00cdac;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
#topcontrol {
    background: #00cdac none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
	font-size: 14px;
	height: 45px;
	line-height: 47px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 45px;
	text-align: center;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 100px 0 }
/*START SECTION TITLE DESIGN*/
.section-title{
	margin-bottom: 40px;
}
.section-title  h2 {
    margin: 0;
    text-transform: uppercase;
	font-size: 25px;
}

.section-title h2 span { color: #00cdac }
.section-title-white { color: #fff!important }
.section-title .sec_icon  {
	position: relative;
	display:inline-block;
	margin-top: 10px;

}
.section-title .sec_icon:before{
	position:absolute;
	content: '';
	width: 50px;
	height: 1px;
	background: #00cdac  none repeat scroll 0 0;
	top: 16px;
	left: -56px;
}
.section-title .sec_icon:after{	
	position:absolute;
	content: '';
	width: 50px;
	height: 1px;
	background: #00cdac  none repeat scroll 0 0;
	top: 16px;
	right: -56px;
}

.section-title .sec_icon span{
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin: 0 2px;
	background: #00cdac  none repeat scroll 0 0;
	display: inline-block;
}
/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
.btn-light-bg {
    background: #00cdac none repeat scroll 0 0;
    border: 2px solid #00cdac;
    border-radius: 0;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
	padding: 6px 20px;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #333;
    color: #fff;
    border: 2px solid #333;
}
.btn-home-border{
    background: #00cdac;
    border: 1px solid #00cdac;
    border-radius: 0;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 15px;
    padding: 14px 30px!important;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	-webkit-transition: all 0.2s ease 0s!important;
	transition: all 0.2s ease 0s!important;
	border-radius: 30px;
}
.btn-home-border:hover,
.btn-home-border:focus{
	background: #ffffff!important;
	border-color: #ffffff!important;
	color: #00cdac;
}
/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay { background: rgba(0,0,0,0.6) none repeat scroll 0 0 }
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

.navbar-brand {
	width: 120px !important;
	display: block;
}

.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation{
	padding: 20px 0;
}
#navigation.navbar-fixed {
	padding: 15px 0;
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu{
	text-align: right;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	margin-left: 12px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	transition: .5s;
	font-size: 15px;
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #333;
}
#navigation.navbar-fixed #main-menu li.current > a,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: #00cdac;
}

.slicknav_nav_icon{
	color: #fff;
	font-size: 20px;
}
#mobile_menu{
	display: none;
}
#navigation.navbar-fixed .slicknav_btn .slicknav_nav_icon{
	color: #333;
}

/*-------------------------------
# dropdwon menu 
--------------------------------*/

/*-------------------------------
# Dropdwon menu 
--------------------------------*/

#navigation #main-menu li ul ,
#navigation #main-menu li ul li ul {	
	background: #fff;
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: -55px;
	list-style: outside none none;
	margin:  0;
	opacity: 0;
	padding:10px;
	position: absolute;
	text-align: left;
	top: 100%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid #00cdac;
}
#navigation #main-menu li  ul li{
	position: relative;
}
#navigation #main-menu li ul li ul {
	top: -13px;
	right: auto;
	left: 190px;
}
#main-menu.menu-shrink #main-menu li li a{
	color: #333;
} 

#navigation #main-menu li:hover > ul,
#navigation #main-menu li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
}
#navigation #main-menu li ul li {display: block; margin: 0; padding: 0;}

#navigation.menu-shrink #main-menu li ul li a,
#navigation #main-menu li ul li a {
	color: #333;
	display: block;
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	padding: 3px 12px;
	position: relative;	
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
	border-radius: 4px;
}

#navigation #main-menu li ul li a:hover,
#navigation.navbar-fixed #main-menu li ul li a:hover,
#navigation.navbar-fixed #main-menu li ul li a:focus{
	color: #fff;
	background-color: #00cdac;
	text-decoration: none;
}



/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 700px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

/* .slide-1 {
    background: url(../img/bg/slider1.jpg) scroll 0 0;
    background-size: cover;
}

.slide-2 {
    background: url(../img/bg/slider2.png) scroll 0 0;
    background-size: cover;
}

.slide-3 {
    background: url(../img/bg/slider3.jpg) scroll 0 0;
    background-size: cover;
} */

.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;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    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);
}

.single-slide-item h2 {
	color: #f8f8f8;
	font-size: 50px;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 600;
}

.single-slide-item p {
    color: #fff;
    margin-bottom: 30px;
	font-size: 18px;
}

.btn-home-bg{}
.btn-home-bg {
	background: #00cdac none repeat scroll 0 0;
	border: 2px solid #00cdac;
	color: #fff;
	font-size: 13px;
	padding: 12px 30px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: transparent;
    color: #00cdac;
    border: 2px solid #00cdac;
}
.single-slide-item .btn-home-border{
	margin-right: 20px;
}
.carousel-control{
	z-index: 1;
	background-image: none !important;
	top: 46.6%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	background: transparent;
	border: 1px solid #fff;
}
#welcome-slide-carousel .carousel-indicators li{
	width: 15px;
	height: 15px;
	margin: 0 5px;
}
#welcome-slide-carousel .carousel-indicators .active{
	background: #00cdac;
	border-color: #00cdac;
}
.carousel-control.left{
	margin-left: 25px;	
}
.carousel-control.right{
	margin-right: 25px;	
}
.carousel-control:hover{
	background: #00cdac;
	border-color: #00cdac;
}
.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;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    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);
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/


.features{
	overflow: hidden;
}
.single_about{
	margin-bottom: 30px;
	text-align: left;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	padding: 45px 35px;
	position: relative;
}

.single_about .about_icon {
	border-radius: 50%;
	display: inline-block;
	font-size: 27px;
	height: 80px;
	line-height: 80px;
	margin: 0 0 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	width: 80px;
	color: #fff;
	background: #00cdac;
}
.single_about .about_icon:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	color: #fff;
}
.single_about h4 {
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
	margin-bottom: 15px;
	font-size: 20px;
}
.single_about p {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}




/*END FEATURE DESIGN*/
/*START ABOUT DESIGN*/
.center-block{
	float: inherit;
}
.about_us{
	background: #f9f9f9;
}
	

/* START SKILL DESIGN */

.skill_content h3{
	margin-top: 0;
	font-size: 24px;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 15px;
}
.skill_content h3:after{
	position:absolute;
	width: 140px;
	height: 1px;
	content: '';
	left: 0;
	bottom: 0;
	background: #00cdac;
}
.skill_content p{
	margin-bottom: 17px;
}
.skill_list {
	list-style: none;
	margin-top: 20px;
	display: inline-block;
}

.skill_list li {
	display: inline-block;
	background: #00cdac;
	padding: 2px 14px;
	color: #fff;
	margin-right: 7px;
	margin-bottom: 10px;
	text-transform: lowercase;
	border-radius: 5px;
}



.progress-bar-text {
	color: #333;
	font-size: 14px;
	font-weight: 40;
	margin-bottom: 13px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #ddd none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 7px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}

.progress-bar > span {
    background: #00cdac none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */
/*END ABOUT DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE AND ABOUT  DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_feature {
	margin-bottom: 40px;
}


.single_feature .feat_number {
    color: #00cdac;
    font-size: 24px;
    z-index: 3;
	float: left;
	margin-right: 25px;
}

.single_feature h4 {
	font-size: 20px;
	margin-top: 0;
}

.single_feature p { margin-bottom: 0 }
.single_f_content{
	overflow: hidden;
}

/*
* ----------------------------------------------------------------------------------------
* 05.END  WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service { 
		background: #f9f9f9;
}
.single_service {
    background: transform;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    position: relative;
	margin-bottom: 40px;
	padding: 40px 30px;
	background: #fff;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px;
}

.single_service i {
    font-size: 30px;
    padding-bottom: 20px;
    color: #00cdac;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	float: left;
	margin-right: 20px;
}
.ser_content{
	overflow: hidden;
	text-align: left;
}
.single_service h4 {
    color: #333;
    margin: 0;
    padding-bottom: 15px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	font-size: 20px;
}

.single_service p {
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.single_service:hover{
	background: #00cdac;
	color: #fff;
}
.single_service:hover i,
.single_service:hover h4{
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/




/*
* ----------------------------------------------------------------------------------------
* 0.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/


.work_all_item .mix {
  display: none;
}
.our_work_menu {
  margin-bottom: 50px;
}

.our_work_menu ul{
	list-style-type: none;
	padding: 0;
}
.our_work_menu ul li {
	border: 1px solid transparent;
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	margin:  0 5px;
	padding: 5px 25px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border-radius: 30px;
}
.our_work_menu ul li:hover, .our_work_menu ul li.active{
	border-color: #00cdac ;
	background-color: #00cdac ;
	color:#fff;
}
#our_work .grid-item{
	margin-top: 30px;
}

.single_our_work{
	margin-bottom: 30px;
	overflow: hidden;
	text-align: center;
	transition: all 0.3s ease 0s;
	border-radius: 4px;
}
.sing_work_photo{
	position: relative;
}

.single_our_work img{
	width: 100%;
	transition: all 0.2s ease 0s;
	border-radius: 4px;
}

.single_our_work figure{
	margin-bottom: 0;	
	border-radius: 4px;
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(0,0,0, 0.8) none repeat scroll 0 0;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 4px;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h4 {
	color: #00cdac;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: capitalize;
	margin-top: 0px;
}
.single_our_work:hover .sing_work_text_link h4{
	animation: fadeInDown 1000ms ease-in-out;
}
.single_our_work:hover .sing_work_text_link p{
	animation: fadeInDown 1300ms ease-in-out;
}
.single_our_work:hover a{
	animation: fadeInDown 700ms ease-in-out;
}
.sing_work_text_link p{
	margin: 15px 0 0px;
	font-size: 12px;
	letter-spacing: 5px;
	background: #fff;
	padding: 1px 15px;
	color: #777;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	font-weight: 400;
}
.sing_link_img a i.fa{
	font-size: 14px;	
}


.single_our_work:hover{
	background: #32c5d2;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	visibility: visible;
	animation: fadeInLeft 500ms ease-in-out;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.tcol_3{
	width: 25%;
	float: left;
	padding:0 12px;
}
.counter_feature {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 100px 0;
}

.single-counter {
	text-align: center;
	background: #00cdac;
	color: #fff;
	padding: 40px 30px;
	border-radius: 4px;
}


.single-counter h2 {
    color: #fff;
    font-weight: 700;
    margin-top: 0;
	font-family: "Quicksand",sans-serif;
	letter-spacing: 2px;
	margin-bottom: 15px;
	
}
.single-counter h5 {
	color: #fff;
	margin-bottom: 0;
	letter-spacing: 1px;
	font-size: 15px;
	font-weight: 500;
}

/* Old Counter */

.counter {
	text-align: center;
}


.counter h2 {
    color: #333;
    font-weight: 700;
    margin-top: 0;
	font-family: "Open Sans",sans-serif;
	letter-spacing: 2px;
	margin-bottom: 15px;
	
}
.counter h5 {
	color: #333;
	margin-bottom: 0;
	letter-spacing: 2px;
	font-size: 16px;
	font-style: italic;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video{
	position: relative;
	padding: 100px 0;
}
.video-container{
	position: relative;
	z-index: 1;	
}
.video-container h4 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 40px;
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 400;

}
.video-container p{
	color: #fff;
}
.modal_icon {
	border-radius: 50%;
	cursor: pointer;
	height: 70px;
	transition: all 0.2s ease 0s;
	width: 70px;
	margin: 0 auto;
	display: inline-block;
	border: 2px solid #fff;
	line-height: 70px;
	text-align: center;
	color: #fff!important;
	font-size: 17px;
}

.video-container a{
	transition: .5s;
}
.video-container a:hover{
	background: #00cdac;
	border-color: #00cdac;
}
.video-container a:hover .play-video { }
.play-video .fa-play {
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	padding-left: 5px;
}
.modal-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 100px;
    text-align: center;
    box-shadow: none;
    border: none;
}
.modal-content iframe{border: none;}
/*
* ----------------------------------------------------------------------------------------
* 0.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
	margin-top: 30px;
	transition: .5s;
}
.single_team img{
	padding-top: 20px;
}

.single_team h3 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 40px;
	color: #fff;
}
.single_team p{
	margin-bottom: 20px;
}
.img_wrap{
	position:relative;
	overflow: hidden;
}
.social_link{
	position: absolute;
	text-align: center;
	bottom: -50px;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	text-align: center;
	color: #fff;
	padding-bottom: 5px;
	overflow: hidden;
	border-radius: 4px;
}
.img_wrap:hover .social_link{
	opacity: 1;
	visibility: visible;
	bottom: 0;
}

.social_link ul {
	list-style: none;
	list-style: outside none none;
	padding: 0;
	vertical-align: bottom;
	padding-bottom: 30px;
}
.social_link ul li{
	display: inline-block;
	margin: 0 3px;
}
.social_link ul a{
	background: #00cdac;
	border: 1px solid #00cdac;
	color: #fff;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	transition: all 0.5s ease 0s;
	width: 35px;
	border-radius: 50%;
}
.social_link ul a:hover{
	background: #fff none repeat scroll 0 0;
	color: #00cdac;
	border-color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.signup_form h3,
.signup_form p{
	text-align: left;
}


.signup_form{
	background: #f9f9f9;
	padding: 50px;
	border-radius: 4px;
}
.form-control{
	border-radius: 4px!important;
}
.signup_form h3{
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: uppercase;
	font-size: 23px;
}
.signup_form input{
	background: transparent;
	border-image: none;
	border-radius: 0;
	border: 1px solid #ddd;
	color: #777;
	margin-bottom: 0px;
	transition: all 0.2s ease 0s;
	border-radius: 0px;
	height: 46px;
	line-height: 46px;
	width: 100%!important;
	border-radius: 4px;
}
.newsletter_form{
	margin-top: 20px;
}
.signup_form input:hover,
.signup_form input:focus {
    border-color: #00cdac;
    box-shadow: none;
    outline: 0 none;
}
.newsletter_form .form-group{
	position: relative;
	width: 100%;
}
.signup_form button {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 11px 21px !important;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 4px 0;
}
.signup_form button:hover{
	background: #333 none repeat scroll 0 0!important; 
	color: #fff;
	border:2px solid #333;
}
/*
* ----------------------------------------------------------------------------------------
* .END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 0.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
	background-color: #fff;
	position: relative;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	text-align: left;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	text-align: center;
	padding: 15px 30px;
}


.pricing-table.feature {

}
.pricing-table.feature .pricing-list li,
.pricing-table.feature h3,
.pricing-table.feature .price
{

}
.pricing-table h3 {
	font-size: 22px;
	margin-bottom: 8px;
	margin-top: 0;
	padding:40px 0 25px;
	text-align: center;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.pricing-table .price {
	display: inline-block;
	font-size: 13px;
	margin-bottom: 30px;
	color: #fff;
	background: #00cdac;
	padding: 5px 20px;
	border-radius: 30px;
	
}

.pricing-table .price span {
	display: inline-block;
	font-size: 17px;
	font-weight: 700;

}
.pricing-list {
	list-style: outside none none;
	margin-bottom: 10px;

}
.pricing-list li {
	color: #333;
	padding: 7px 0px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.pricing-list li i {
	color: #00cdac;
	margin-right: 7px;
	font-size: 10px;
}
.pricing-btn { 
	text-align: center;
	padding: 20px 0 30px; 
}
.pricing-btn a.btn-light-bg {
    border-radius: 30px;
	padding: 8px 30px;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

.testimonials_area .testimonials_carousel .owl-nav{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
}
.testimonials_area .testimonials_carousel .owl-nav button {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	color: #444;
	border-radius: 50%;
	font-size: 13px;
}
.testimonials_area .testimonials_carousel .owl-prev{
	left: -110px;
}
.testimonials_area .testimonials_carousel .owl-next{
	right: -110px;
}
.testimonial_overlay{
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	padding: 100px 0;
}

.single_testimonial .avatar{
	width: 80px;
	margin: 0 auto;
}
.single_testimonial .avatar img{
	border: 4px solid #fff;
	border-radius: 50%;
	width: 80px;
	height:auto;
}
.testimonials_area p{
	margin: 20px 0px;
	color: #fff;
}
.testimonials_area h5{
	color: #fff;
	font-size: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.testimonials_area span{
	color: #fff;
}
.testimonials_area a:hover{
	color: #fff;
}
.owl-controls{
	position: absolute;
	width: 100%;
	top: 50%;
	font-size: 16px;
}
.owl-prev{
	position:absolute;
	left: -50px;
}
.owl-next{
	position:absolute;
	right: -50px;
}
.owl-controls i{
	font-size: 33px;
	font-weight: 700;
	transition: .5s;
}
.owl-controls i:hover{
	color: #00cdac;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* .START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo{	
	background: #fff;
	padding-top: 60px;
}
.partner { text-align: center }
.partner img {}
/*
* ----------------------------------------------------------------------------------------
* .END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/


.home_single_blog img {
	max-width: 100%;
	height:auto;
}
.home_single_blog{
	background: #fff;
	transition: .5s;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	margin-bottom: 30px;
}

.home_blog_text {
	padding: 30px;
	position: relative;
	z-index: 1;

}
.home_blog_text i {
	color: #777;
	margin-right: 5px;
 }
.home_blog_text span {
	color: #777;
	display: inline-block;
	margin-bottom: 1px;
}
.home_blog_text h4 {
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 25px;
}
.home_blog_text h4 a{
	color: #333;
	transition: .5s;
}

.home_blog_text p { margin-bottom: 20px; }
.post_meta{
	margin-bottom: 10px;
}
.post_meta,
.post_meta a{
	font-family: "Quicksand",sans-serif;
	font-weight: 500;
}
.post_meta span{
	padding-right: 12px;
}

.blog_btn{
	text-transform: capitalize;
	color: #666;
	transition: .5s;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: 'Quicksand', sans-serif;
}
.home_blog_text h4 a:hover,
.blog_btn:hover,
.blog_btn:focus{
	color: #00cdac;
}

.blog_btn:after{
	content: '\f178';
	font-family: 'FontAwesome';
	opacity: 0;
	transition: .5s;
}
.blog_btn:hover:after{
	opacity: 1;
	padding-left: 10px;
}

/*END HOME BLOG*/
/*
* ----------------------------------------------------------------------------------------
* .END BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* .START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_now {
    background: #00cdac none repeat scroll 0 0;
    padding: 30px 0;
}
.buy_now_title {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-size: 18px;
}

.buy_now .btn{
	margin-left: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* .END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact {
    padding: 0px;
}
.contact_area{
	padding-top: 0;
}
.contact input[type="text"], 
.contact input[type="email"],
.contact input[type="password"] 
{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	color: #333;
	height: 50px;
	line-height: 50px;
	padding: 10px 15px;
	margin-bottom: 15px;
}
.contact textarea {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 15px;
	color: #333;
	height: 200px;
	margin-bottom: 15px;
}

.contact input:focus {
    border-color: #00cdac;
    box-shadow: none;
    outline: 0 none;
}

.contact textarea:focus {
   border-color: #00cdac;
    box-shadow: none;
    outline: 0 none;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #00cdac;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}


.btn-contact-bg {
	background: #00cdac none repeat scroll 0 0 !important;
	border: 1px solid #00cdac !important;
	color: #fff !important;
	font-size: 14px;
	padding: 15px 29px !important;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	transition: all 0.2s ease 0s;
	border-radius: 30px;
	border: 1px solid #00cdac;
	display: inline-block;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    border: 1px solid #333!important;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* .END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

#map{height:353px;}
/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background-color:#0C0B09;
	padding: 25px 0;
	width: 100%;
	border-top: 1px solid rgb(255, 255, 255, 0.09);
}



/*END FOOTER SOCIAL DESIGN*/
.footer_content p {
	color: #ababab;
	margin-bottom: 0px;
}
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  19.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top{    
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}

.section-top-title {
padding-bottom: 90px;
padding-top: 150px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #00cdac!important }

/*
 * ----------------------------------------------------------------------------------------
 * 19.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 20.Single PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/

.about_project{
	margin-bottom: 20px;
}
.about_project_details ul{
	list-style: none;
}
.about_project_details ul li i{
	padding-right: 10px;
}
.about_project_details ul li{
	padding-bottom: 8px;
}
.about_project_details {
	margin-bottom: 20px;
}
.related_porject{
	padding-bottom: 30px;
}

.widget:last-child{
	margin-bottom: 65px;
}