/*
Author       : Masum Billah
Template Name: Marwa - 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: #666;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
	overflow-x: hidden;
}
html,
body { height: 100% ;}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a, a:hover {
    color: #666;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p { margin-bottom: 15px; }
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*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: 4px solid rgba(0, 0, 0, 0.08);
    border-right: 4px solid rgba(0, 0, 0, 0.08);
    border-bottom: 4px solid rgba(0, 0, 0, 0.08);
    border-left: 4px solid #1BB5C5;
    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: #1BB5C5 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: 22px;
    height: 50px;
    line-height: 50px;
    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: 50px;
	text-align: center;
	z-index: 1;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START SECTION TITLE DESIGN*/
.section-title{
	margin-bottom: 60px;
}
.section-title span.subtitle {
	color: #1BB5C5;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 15px;
	letter-spacing: 1px;
}
.section-title h2 {
	font-size: 30px;
	line-height: 35px;
}
.white-title h2{
	color: #fff;
}
.section-title h2 span{
	color: #1BB5C5;
}
.partner-logo .section-title h2 {
	font-size: 25px;
	margin-bottom: 0;
}
.partner {
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
}


/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
img{
	max-width: 100%;
}
#contact-form input[type="submit"],
.btn-light-bg {
    background: #1BB5C5 none repeat scroll 0 0;
    border: 2px solid #1BB5C5;
    border-radius: 4px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
	padding: 7px 30px;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.5s ease 0s;
	font-size: 14px;
}
#contact-form input[type="submit"]:hover,
#contact-form input[type="submit"]:focus,
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #1BB5C5;
    color: #fff;
}
.btn-home-border{
    background: #1BB5C5;
    border: 2px solid #1BB5C5;
    border-radius: 4px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 14px;
    padding: 13px 30px!important;
	text-transform: capitalize;
	font-weight: 500;
	-webkit-transition: all 0.2s ease 0s!important;
	transition: all 0.5s ease 0s!important;
	display: inline-block;

}
.btn-home-border:hover,
.btn-home-border:focus{
	background: transparent!important;
	border-color: #ffffff!important;
	color: #1BB5C5;
}


/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay { background: rgba(0,0,0,0.6) none repeat scroll 0 0 ;}
.section-padding{
	padding: 100px 0;
}
.gray-section{
	background-color: #F7FDFE;
}
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/


.site-logo {
	width: 130px;
	height: auto;
	margin-top: 10px;
}
.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}
.menu-shrink {
    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: #1BB5C5;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation {
	padding: 0px;
	background-color: rgba(1, 41, 76, .7);
}
#navigation.menu-shrink {
	padding-top: 8px;
	background-color: rgba(255, 255, 255, 0.9);
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu {
	height: 70px;
}
#main-menu ul{
	list-style-type: none;
	height: 100%;
}
#main-menu ul li{
	margin-left: 30px;
	position: relative;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	line-height: inherit;
}
#main-menu ul li a {
	color: #fff;
	font-weight: 700;
	text-transform: capitalize;
	font-family: 'Nunito Sans', sans-serif;
	transition: .5s;
	font-size: 16.5px;
	padding: 0;
	border-bottom: 1px solid transparent;
	display: flex;
	position: relative;
	z-index: 1;
	height: 100%;
	align-items: center;	
}

#navigation.menu-shrink #main-menu ul li a{
	color: #333;
	padding: 22px 0 22px;
}

#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: #fff;
}
#navigation.menu-shrink #main-menu ul li a:hover,
#navigation.menu-shrink #main-menu ul li a:focus,
#main-menu ul li > a:hover,
#main-menu ul li > a:focus{
	border-bottom: 1px solid #1BB5C5;
	color: #1BB5C5;
}
#navigation #main-menu ul li a:hover,
#navigation #main-menu ul li a:focus,
#navigation.menu-shrink #main-menu ul li a:hover,
#navigation.menu-shrink #main-menu ul li a:focus{
	border-bottom: 1px solid transparent;
}
.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
#mobile_menu{
	display: none;
}


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

#navigation #main-menu ul li ul ,
#navigation #main-menu ul 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: 180px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid #1BB5C5;
	height: auto;
}
#navigation #main-menu ul li  ul li{
	position: relative;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 168px;
}
#navigation.menu-shrink #main-menu ul li li a{
	color: #333;
} 
#navigation #main-menu ul>li:hover>ul,
#navigation #main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
}
#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}

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

#navigation #main-menu ul li ul li a:hover{
	color: #1BB5C5;
	text-decoration: none;
	padding-left: 15px;
}

#navigation.menu-shrink #main-menu ul li ul li a:hover,
#navigation.menu-shrink #main-menu ul li ul li a:focus
{
	color: #1BB5C5;
}
@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

.welcome-area{
	margin-left: -1px;
}
.welcome-area .single-carousel,
.single-slide-item-table{
    height: 800px;
}

.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.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.single-slide-item span.sub-title {
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	margin-bottom: 17px;
	display: block;
	font-weight: 500;
}
.single-slide-item h2 {
	color: #fff;
	font-size: 55px;
	line-height: 70px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 45px;
}
.single-slide-item h2 span{
	color: #1BB5C5;
}
.btn-home-bg {
	background: #1BB5C5 none repeat scroll 0 0;
	border: 2px solid #1BB5C5;
	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: #1BB5C5;
    border: 2px solid #1BB5C5;
}
.single-slide-item .btn-home-border{
	margin-right: 20px;
}

#welcome-slide-carousel .owl-nav {
	position: relative;
	bottom: 25px;
	z-index: 99;
	width: 100%;
	left: 0;
	text-align: center;	
}

#welcome-slide-carousel .owl-nav button {
	margin: 0 10px;
	background-color: #1BB5C5;
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	transition: .5s;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.06);
	text-transform: uppercase;
	font-size: 16px;
	width:50px;
	height:50px;
	line-height:50px;
}

#welcome-slide-carousel .owl-nav button:hover,
#welcome-slide-carousel .owl-nav button:focus{
	background-color: #1BB5C5;
	color: #fff;
}

#welcome-slide-carousel .owl-dots{
	color: #fff;
	position: absolute;
	top: 49%;
	right:5%;
	transform:translateY(-50%);
	counter-reset: button;
}
#welcome-slide-carousel .owl-dots button{
	width: 40px;
	height: 40px;
	border: 1px solid rgb(247, 243, 243 , 0.3);
	border-radius: 50%;
	color: #333;
	display: block;
	margin: 17px 0;
	position: relative;
	transition: .5s;
}

#welcome-slide-carousel .owl-dots button:before {
	content: counter(button);
	counter-increment: button;
	position: absolute;
	left: 40%;
	top: 11%;
	color: #fff;
	font-weight: 500;
}
#welcome-slide-carousel .owl-dots button.active:before{
	color: #1BB5C5;
}

#welcome-slide-carousel .owl-dots button.active:after{
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #1BB5C5;
	border-radius: 50%;
	top: 2px;
	right: 0;
}
#welcome-slide-carousel .owl-dots button.active{
	background: #fff;
}
#welcome-slide-carousel .owl-dots button:hover{
	background-color:#fff;
	border-color: #fff;
}
#welcome-slide-carousel .owl-dots button:hover:before{
	color: #1BB5C5;
}
.slider-btn {
	background: #1BB5C5;
	border: 2px solid #1BB5C5;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	padding: 7px 30px !important;
	transition: .5s;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
}
.slider-btn:hover,
.slider-btn:focus{
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}

/* START Particles JS */
#particles-js {
	position: absolute;
	width: 100%;
	height: 850px;
	top: 0;
	z-index: 1;
}
/* Animation  */

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


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


.features{
	padding-top: 100px;
	padding-bottom: 120px;
}
.single_about{
	margin-bottom: 30px;
	position: relative;
	transition: all 0.5s ease-in-out 0s;
	position: relative;
	overflow: hidden;
	padding: 0 30px 0 30px;
}
.single_about:hover{
	border-color: #1BB5C5;
}

.single_about .about_icon {
	border-radius: 5px;
	display: inline-block;
	font-size: 30px;
	height: 80px;
	line-height: 80px;
	margin: 0 0 30px;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	width: 80px;
	color: #1BB5C5;
	background-color: #fff;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
	border: 1px solid #1BB5C5;
}

.single_about h4 {
    font-size: 22px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
	margin-bottom: 15px;
}
.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*/
.about_us{
	
}
.about_us .section-title{
	margin-bottom: 20px;
}
.about_img{
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;

}

.about-content {
	padding-bottom: 120px;
	padding-top: 120px;
	padding-left: 45px;
	padding-right: 45px;
}
.center-block{
	float: inherit;
}
.about-title.section-title{
	margin-bottom: 28px;
}
.about-btn.btn-light-bg{
	margin-top: 10px;
}	
.about_img{
	position: relative;
}
.about_img img{
	border-radius: 8px;
}
.about_img .play_btn{
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #fff;
	color: #1BB5C5;
	border-radius: 4px;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 25px;
	transition: .5s;
	opacity: 1;
}
.about_img .play_btn i{
	width: 60px;
	height: 60px;
	line-height: 60px;
	transition: .5s;
	display: block;
	border-radius: 4px;
}
.about_img .play_btn i:hover,
.about_img .play_btn i:hover{
	color: #fff;
	background-color: #1BB5C5;
}
.about_img .play_btn:after{
	position: absolute;
	width: 75px;
	height:75px;
	content: '';
	background: rgba(255, 255, 255, .6);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	z-index: -999;
}
.about_img .play_btn:hover,
.about_img .play_btn:focus{

}

/* END About DESIGN */

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

}
.mb-30{
	margin-bottom: 30px;
}
.counter {
	margin-top: 45px;
	text-align: center;
	background-color: #fff;
	padding: 50px 10px 22px;
	border-radius: 4px;
	position: relative;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.01);
}
.counter i {
	font-size: 25px;
	color: #fff;
	margin-bottom: 12px;
	display: block;
	position: absolute;
	top: -31px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	background-color: #1BB5C5;
}
.counter_content{

}
.counter h2 {
	color: #222;
	margin-top: 0;
	display: inline-block;
	font-size: 28px;
	letter-spacing: 1px;
}
.counter span {
	color: #333;
	margin-bottom: 0;
	font-size: 15px;
	display:block;
	font-family: 'Quicksand', sans-serif;
}

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


/* START SKILL DESIGN */

.progress-bar-text {
	color: #333;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 13px;
	text-transform: capitalize;

}
.progress-bar-text span { float: right }
.progress-bar {
    background: #f9f9f9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 18px;
    margin: 0;
    position: relative;
    width: 100%;
	border-radius: 0px;
}

.progress-bar > span {
    background: #1BB5C5 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
	border-radius: 4px;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
}

/*END Skill DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE AND ABOUT  DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_choose_us{

}

.single_feature {
	margin-bottom: 30px;
	padding-left: 20px;
}


.single_feature .feat_number {
    color: #fff;
    font-size: 22px;
    z-index: 3;
	float: left;
	margin-top: 0px;
	margin-right: 25px;
	font-family: 'Quicksand', sans-serif;
	width: 43px;
	height: 43px;
	line-height: 43px;
	background-color: #1BB5C5;
	text-align: center;
	border-radius: 50%;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.1);
	
}

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

.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-color: #01294C;
}
.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 25px;
	background: #fff;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px;
}
.single_service:hover{
	background: #1BB5C5;
	color: #fff;
}

.single_service:hover h4{
	color: #fff;
}
.single_service i.ser_icon {
	font-size: 30px;
	margin-bottom: 30px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	display: inline-block;
	color: #fff;
	background-color: #1BB5C5;
	width: 80px;
	height: 80px;
	line-height: 80px;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px;
}
.single_service:hover i.ser_icon{
	background-color: #fff;
	color: #333;
}
.single_service .ser_link{
	background: #f1f1f1;
	color: #777;
	width: 45px;
	height: 45px;
	line-height: 47px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	transition: .5s;
	font-size: 14px;
}
.single_service .ser_link:hover,
.single_service .ser_link:focus{
	background: #1BB5C5;
	color: #fff;
}
.single_service .ser_link:hover i,
.single_service .ser_link:focus i{
	color: #fff;
}
.single_service .ser_link i{
	color: #777;
}
.ser_content{
	overflow: hidden;
}
.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: 22px;
}

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

.single_service:hover{
	
}
.single_service:hover i,
.single_service:hover h4{
	
}
.color-1{
	color: #1abc9c;
}
.color-2{
	color: #2ecc71;
}
.color-3{
	color: #3498db;
}
.color-4{
	color: #9b59b6;
}
.color-5{
	color: #e67e22;
}
.color-6{
	color: #f39c12;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/




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

.works_area{

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

.our_work_menu ul{
	list-style-type: none;
	padding: 0;
}
.our_work_menu ul li {
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin: 0 11px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border-bottom: 2px solid transparent;
	background-color: #EEF3F7;
	padding: 0 15px;
	border-radius: 5px;
}

.our_work_menu ul li.active{
	border-bottom: 2px solid #1BB5C5;

}
#our_work .grid-item{
	margin-top: 30px;
}

.single_our_work{
	overflow: hidden;
	text-align: left;
	transition: all 0.3s ease 0s;
	margin-bottom: 30px;
	border-radius: 2px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}
.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;	
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 4px;
}
.sing_work_content{
	height: 100%;
	width: 100%;
	position: relative;
}

.work_text{
	overflow: hidden;
	padding: 40px 40px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sing_work_text_link h4 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 29px;
	text-transform: capitalize;
	margin-top: 0px;
}
.sing_work_text_link h4 a{
	color: #fff;
}
.single_our_work:hover .work_text{
	animation: fadeInLeft 600ms ease-in-out;
}
.single_our_work:hover a.port_btn{
	animation: fadeIn 600ms ease-in-out;
}


.sing_work_text_link p{
	margin-bottom: 16px;
}
.sing_work_text_link p span {
	margin-right: 8px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	text-align: left;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #1BB5C5;
	padding: 2px 13px;
	border-radius: 4px;
	letter-spacing: 1px;
}
.sing_work_text_link .port_btn {
	font-size: 22px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	transition: .5s;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
}
.sing_work_text_link .port_btn:hover,
.sing_work_text_link .port_btn:focus{
	color: #1BB5C5;
	background-color: #fff;
}
.no-padding{
	padding: 0;
}
.single_our_work:hover{
	background: #32c5d2;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	visibility: visible;
}

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




/*
* ----------------------------------------------------------------------------------------
* 0.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video{
	position: relative;
	padding: 100px 0;
	background-color: #1BB5C5;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.video-container h4 {
	color: #fff;
	font-size: 37px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-transform: capitalize;
	line-height: 54px;
}
.video-container p{
	color: #fff;
}
.vid_btn {
	border-radius: 50%;
	cursor: pointer;
	width: 70px;
	height: 70px;
	line-height: 70px;
	transition: all 0.5s ease 0s;	
	margin-bottom: 30px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: transparent;
	border: 2px solid #fff;
	font-size: 25px;

}
.vid_btn i{
	color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

.list-inline li{
	display: inline-block;
	margin: 0 5px;
}
.single_team {
	margin-top: 30px;
	transition: .5s;

}
.team_img{
	
}
.single_team{

}
.single_team .img_wrap img {
	width: auto;
	height: auto;
	border-radius: 50%;
	margin: 0 auto;
	border: 1px solid #1BB5C5;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
}
.single_team h3 {
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 40px;
	color: #333;
}
.single_team p{
	margin-bottom: 20px;

}
.img_wrap{
	position:relative;
	overflow: hidden;
}

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



/*
* ----------------------------------------------------------------------------------------
* 0.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

.pricing_table_area{

}
.pricing-table {
	background-color: #fff;
	position: relative;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	text-align: center;
	padding: 60px 40px;
	border: 1px solid #1BB5C5;
	margin-bottom: 30px;
}

.active_pt .pricing-table{
	background-color: #1BB5C5;
}
.active_pt .pricing-table h3,
.active_pt .pricing-table .price,
.active_pt .pricing-list li,
.active_pt .pricing-list li i
{
	color: #fff;
}
.active_pt .btn-light-bg{
	background-color: #fff;
	border-color: #fff;
	color: #1BB5C5;
}
.pricing-table .price {
	display: inline-block;
	font-size: 45px;
	margin-bottom: 30px;
	color: #333;
	font-weight: 500;
}


.pricing-table .price span{
	font-size: 14px;
	text-transform: capitalize;
	display: block;
	padding-top: 20px;
}

.pricing-table h3 {
	font-size: 25px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0px 0 30px;
	text-align: center;
	text-transform: capitalize;
	color: #1BB5C5;
}

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

}
.pricing-list li {
	padding: 5px 0px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.pricing-list li i {
	color: #1BB5C5;
	margin-right: 7px;
}
.pricing-btn { 
	text-align: center;
	padding: 20px 0 0px; 
}
.pricing-tab {
    text-align: center;
    margin-bottom: 25px;
}

.pricing-tab span{
    vertical-align: middle;
}
.pricing-tab .pricing-tab-switcher {
    height: 37px;
    width: 80px;
    background: #1BB5C5;
    display: inline-block;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease;
    margin: 0 18px;
    transform: translateY(-3px);
}
.pricing-tab .pricing-tab-switcher:hover{
    cursor: pointer;
}

.pricing-tab .pricing-tab-switcher:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 6px;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    transition: all 0.3s ease;
}

.pricing-tab .pricing-tab-switcher.active:before {
    left: calc(100% - 33px)
}
.annual_price{
	display: none;
}
.change-subs-duration .monthly_price{
	display: none;
}
.change-subs-duration .annual_price{
	display: block;
}
.monthly_tab_title,
.annual_tab_title{
	font-weight: 700;
	font-size: 16px;
}

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


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


.single_testimonial .avatar{
	width: 80px;
	margin: 0 auto;
	position: relative;
}
.single_testimonial .avatar img{

	border-radius: 50%;
	width: 80px;
	height:auto;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
	margin-top: 20px;
}
.single_testimonial p{
	font-size: 16px;
}
.single_testimonial span {
	color: #fec42d;
	margin-bottom: 10px;
	display: block;
}

.testimonials_area .section-title i {
	font-size: 55px;
	color: #1BB5C5;
	margin-bottom: 22px;
}
.testimonials_area p {
	margin: 0 0px 20px;
	font-size: 18px;
	line-height: 35px;
	font-style: italic;
}
.testimonials_area h5{
	font-size: 20px;
	margin-bottom: 0px;
	text-transform: capitalize;
}
.testimonials_area .owl-nav{
	margin-top: 25px;
}
.testimonials_area .owl-nav button.owl-prev,
.testimonials_area .owl-nav button.owl-next
{
	width: 45px;
	height: 45px;
	background-color: #1BB5C5;
	color: #fff;
	border-radius: 50%;	
	display: inline-block;	
}
.testimonials_area .owl-nav button.owl-prev{
	margin-right: 20px;
}

.testimonials_area .slick-prev:before, 
.testimonials_area .slick-next:before{
	color: #1BB5C5;
	line-height: 42px;
	display: block;
	font-size: 17px;
}
.testimonials_area .slick-arrow:hover,
.testimonials_area .slick-arrow:focus
{
	background: #1BB5C5;
	color: #fff;
}
.testimonials_area .slick-prev:hover:before,
.testimonials_area .slick-prev:focus:before,
.testimonials_area .slick-next:hover:before,
.testimonials_area .slick-next:focus:before{
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* .START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo{	
	background: #fff;
	padding-top: 100px;
}
.partner { text-align: center; }
.partner .single_partner {
	margin: 0 15px;

}
.partner-logo .slick-dots{
	display: none!important;
}
.partner img {
	display: inline-block!important;
	width: auto!important;
	filter: grayscale(0);
	transition: .5s;
}
.partner img:hover{
	filter: grayscale(100%);
}

/*
* ----------------------------------------------------------------------------------------
* .END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

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

.home_blog{
	padding-bottom: 25px;
}
.home_single_blog{
	transition: .5s;
	border-radius: 4px;
	margin-bottom: 30px;
}

.home_single_blog img {
	max-width: 100%;
	height:auto;
}
.home_blog_text {
	padding: 25px 20px;
	position: relative;
	z-index: 1;
	width: 80%;
	margin: -50px auto;
	background-color: #fff;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
	border-radius: 4px;
}
.home_blog_text span,
.home_blog_text span a{
	color: #333;
}
.home_blog_text h4 {
	margin: 0 0 0px;
	font-size: 20px;
	line-height: 25px;
}
.home_blog_text h4 a{
	color: #333;
	transition: .5s;
}

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



/*
* ----------------------------------------------------------------------------------------
* .START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

.mb-30{
	margin-bottom: 30px;
}
.contact_area .section-title {
	margin-bottom: 30px;
}
#contact-form {
	padding: 45px;
	border-top: 4px solid #1BB5C5;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}
.contact_info {
	padding-right: 30px;
}
.single_contact {
	background-color: #1BB5C5;
	color: #fff;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 4px;
}
.single_contact i{
	display: inline-block;
	margin-right: 10px;
}

.single_contact p{
	display: inline-block;
	margin-bottom: 0;
}

.contact_area{

}
#contact-form input[type="text"], 
#contact-form input[type="email"],
#contact-form input[type="password"] 
{
	background: #EEF3F7;
	border: 1px solid #EEF3F7;
	border-radius: 0;
	color: #333;
	height: 50px;
	line-height: 50px;
	padding: 8px 15px;
	margin-bottom: 30px;
	box-shadow: inherit;
}
#contact-form textarea {
	background: #EEF3F7;
	border: 1px solid #EEF3F7;
	border-radius: 0;
	box-shadow: inherit;
	padding: 8px 15px;
	color: #333;
	height: 200px;
	margin-bottom: 30px;
}

#contact-form input[type="text"]:focus, 
#contact-form input[type="email"]:focus,
#contact-form input[type="password"]:focus,
#contact-form textarea:focus{
    border-color: #1BB5C5;
    box-shadow: none;
    outline: 0 none;
}


.send-message-info i{
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #1BB5C5 ;
	color: #fff ;
	background-color: #1BB5C5 ;
	display: inline-block;
	border-radius: 50%;
	margin-bottom: 30px;
}
.send-message-info h4{
	margin-bottom: 40px;
}

.btn-contact-bg {
	background: #1BB5C5 none repeat scroll 0 0 !important;
	border: 1px solid #1BB5C5 !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 #1BB5C5;
	display: inline-block;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    border: 1px solid #333!important;
    color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


.footer_top{
	background:#01294C;	
	position: relative;
	padding:90px 0 0;
}

.footer_top a{
	color:#fff;
}
.footer_top a:hover{
	color:#1BB5C5;
}
.footer_single_sidebar{
	margin-bottom: 40px;
	color:#fff;
}
.footer_single_sidebar h2{
	font-size: 20px;
	color: #fff;
}
.newsletter-form{
	position: relative;
	padding-top: 20px;
}
#news-main-form{
	background-color: #012442;
	padding: 55px;	
	position: relative;
	z-index: 1;
	
}
#news-main-form h3 {
	font-size: 19px;
	color: #fff;
	margin-bottom: 27px;
	font-weight: 600;
	text-align: center;
}
#news-main-form .mc4wp-form-fields{
	position: relative;
}
#news-main-form input[type="email"] {
	background-color: #01294C;
	border: 1px solid #01294C;
	height: 55px;
	line-height: 55px;
	padding: 0 21px;
	border-radius: 4px;
	color: #fff;
	width: 100%;
}
#news-main-form input[type="email"]:focus,
#news-main-form .mc4wp-form-fields input[type="email"]:focus
{
	border: 1px solid #1BB5C5;
	box-shadow: inherit;
}
#news-main-form .form-control::placeholder{
	color: #fff;
}
#news-main-form .form-inner{
	position: relative;
}

#news-main-form button,
#news-main-form input[type="submit"]{
	position: absolute;
	right: 0;
	top: 0;
	padding: 12px 33px;
	border: 1px solid #1BB5C5;
	background-color: #1BB5C5;
	color: #fff;
	border-radius: 4px;
}

.footer_single_sidebar caption{
	color: #ababab;
}
.wg_title{
	color:#fff;
	font-size:24px;
	margin: 0 0 25px;
}
.footer_single_sidebar p{
	line-height:35px;
}

.footer_single_sidebar li {
	font-size: 14px;
	position:relative;
	list-style:none;
	line-height:35px;
}
.foot-social{
	margin-bottom: 25px;
}
.foot-social li{
	display: inline-block;
}
.foot-social li a{
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0 7px;
	background-color: #fff;
	color: #1BB5C5;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	transition: .5s;
	font-family: 15px;
}
.foot-social li a:hover,
.foot-social li a:focus{
	background: #1BB5C5;
	border-color: #1BB5C5;
	color: #fff;
}


.footer {
	background-color: #01294C;
	padding: 60px 0 50px;
	width: 100%;
	position: relative;
}
.footer_single_sidebar .form-group{
	position: relative;
}
.footer_single_sidebar button {
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	background: #1BB5C5;
	border: 1px solid #1BB5C5;
	color: #fff;
	padding: 0 25px;
	border-radius: 0px 4px 4px 0;
}

/*END FOOTER SOCIAL DESIGN*/
.footer_content p {
	color: #fff;
	margin-bottom: 0px;
}
.footer a {
	color: #fff;
	transition: .5s;
}
.footer a:hover,
.footer a:focus{
	color: #1BB5C5;
}
.footer_single_sidebar,
.footer_single_sidebar input{
	position: relative;
}
.footer_single_sidebar .form-control{
	height: 45px;
	background: #fff;
	border-color: #fff;
	color: #777;
}
.footer_top .form-control::-moz-placeholder ,
.footer_top .form-control:-ms-input-placeholder,
.footer_top .form-control::-webkit-input-placeholder{
  color: #fff;
  opacity: 1;
}



/*
* ----------------------------------------------------------------------------------------
* 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: #1BB5C5!important }
/*
 * ----------------------------------------------------------------------------------------
 * 19.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 20.Single PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.banner_image{
	position: relative;
	z-index: 1;
}

.banner_image:before{
	position:absolute;
	background: #000;
	width:100%;
	height:100%;
	top:0;
	content: '';
	z-index: -1;
	opacity: .5;
}
.banner_desc{
	
}

.banner_desc  a:focus {
	color: #00cdac;
}

.bannar_padding{
	padding: 200px 0 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.bannar_padding h2{
	text-transform:capitalize;
	color:#fff;
	font-weight: 700;
	font-size: 36px;
	text-align: center;
	-ms-word-wrap: break-word;
	word-wrap: break-word;	
	margin-bottom: 80px;
}

.main_banner_area p {
	color: #fff;
	background-color: #1BB5C5;
	display: inline-block;
	padding: 2px 23px;
	margin-bottom: 0;
	font-size: 14px;
	width: auto;
	text-align: center;
	border-radius: 2px 2px 0 0;
}
.main_banner_area a{
	color: #fff;
}

/*
 * ----------------------------------------------------------------------------------------
 * 21.Single PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/


.portfolio-details{
	padding: 80px 0;
}

.portfolio-slider{
	padding-bottom: 50px;
}
.portfolio-slider .slick-arrow{
	width: 45px;
	height: 45px;
	background: #1BB5C5;
	border-radius: 50%;
	color: #fff;
	z-index: 1;

}
.portfolio-slider .slick-prev{
	left: 4%;
}
.portfolio-slider .slick-next{
	right: 4%;
}
.portfolio-slider .slick-prev::before, 
.portfolio-slider .slick-next::before {
	opacity: .75;
	color: #fff;
	font-size: 13px;

}
.single-portfolio img{
	padding: 0 15px;
	height: auto;
}

.portfolio-bottom{
	border-top: 1px solid #ddd;
	padding-top: 40px;
}

.portfolio-info{
	padding-right: 20px;	
}

.project-info{
	padding-top: 25px;
}
.project-info i{
	margin-right: 8px;
}

.project-info strong{

}

.port-social {
	padding-top: 25px;
}
.port-social strong{
	padding-right: 5px;
}
.port-social a{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border:1px solid #1BB5C5;
	display: inline-block;
	border-radius: 50%;
	transition: .5s;
	color: #1BB5C5;
	text-align: center;
	font-size: 14px;
}
.port-social a i{
	
}
.port-social a:hover,
.port-social a:focus{
	background-color: #1BB5C5;
	border-color: #1BB5C5;
	color: #fff;
}
.portfolio-details-content{
	padding-top: 40px;
}
.widget:last-child{
	margin-bottom: 0;
}