/*
Theme Name:     SuperBuzz-Pro
Theme URI:      https://www.getwebaistudio.com/
Description:    Child theme for the Webaistudio theme 
Author:         Webaistudio
Author URI:     https://www.getwebaistudio.com/
Template:       Webaistudio
Version:        2.0.0.0
Details URI: 	https://app.getwebaistudio.com/theme-updates/SuperBuzz-Pro/details.html
*/

body{
	margin: 0;
	padding: 0;
	color: #696969;
	font-family: 'Roboto', sans-serif;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul,ol{
	margin: 0;
	padding: 0;
}

.black-clr{
	color: #000000 !important;
}
.blue-clr{
	color: #0651a4 !important;
}
.grey-bg{
	background: #f4f7fb;
}
.section-padding{
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.servicearea{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
/*btn class start*/
.btn-fill{
	color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 50px;
    display: inline-block;
    font-weight: 700;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.btn-empty{
	color: #000000;
    text-decoration: none;
    background-color: transparent;
    border-radius: 50px;
    display: inline-block;
    font-weight: 400;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.btn-fill:hover,
.btn-fill:focus{
	text-decoration: none;
	background: transparent;
}
.btn-empty:hover,
.btn-empty:focus{
	color: #ffffff;
	text-decoration: none;
}
.btn-md{
	font-size: 18px;
	padding: 17px 45px;
}
.btn-sm{
	font-size: 13px;
	padding: 2px 7px;
}
/*btn class end*/
.top-header{
	background: #022545;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.top-right-links{
	display: flex;
	justify-content: flex-end;
}
.top-right-links a:hover{
	color:#fff;
}
.top-right-links ul{
	margin: 0;
	padding: 0;
}
.top-right-links ul li{
	position: relative;
	display: inline-block;
	margin-right: 35px;
}
.top-right-links ul li:last-child{
	margin-right: 0px;
}
.top-right-links ul ul li::after{
	content: "";
	position: absolute;
	top: 8px;
	right: -20px;
	width: 1px;
	height: 14px;
	background: #ffffff;
}
.top-right-links ul li:last-child::after{
	display: none;
}
.align-items-center{
	align-items: center;
}

.search-bar{
	position: relative;
	display: inline-block;
}
.search-bar input{
	height: 30px;
    border-radius: 30px;
	border: none;
	padding: 0 15px;
	width: 160px;
	font-size: 14px;
	font-weight: 400;
}
.search-bar input:focus{
	outline: none;
}
.search-bar a{
    position: absolute;
    right: 12px;
    top: 8px;
    color: #a8b8c6;
    font-size: 14px;
}



/* NAVIGATION CSS START */
.main-navigation-area,
.navbar-collapse {
    background: #ffffff;
}
.main-navigation-area{
	border-bottom: 1px solid #9aa3b2;
}
.main-navigation-area .navbar-default{
	margin: 0;
	background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 0;
}
.main-navigation-area .navbar-default .navbar-nav li{
	padding: 25px 25px;
}
.main-navigation-area .navbar-default .navbar-nav li > a{
	position: relative;
}
.menu-active{
	position: relative;
	bottom: 0;
	width: 100%;
	height: 6px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.main-navigation-area .navbar-default .navbar-nav li:hover .menu-active{
	opacity: 1;
	visibility: visible;
}
.main-navigation-area .navbar-default .navbar-nav .active > a{
	background: #ffffff;
}
.main-navigation-area .navbar-nav .open .dropdown-menu > li > a {
    padding: 16px 15px 16px 25px;
}
.main-navigation-area a,
.main-navigation-area .navbar-default .navbar-nav li > a {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;
}
.main-navigation-area .active a,
.main-navigation-area .active a:focus,
.main-navigation-area .active a:hover,
.main-navigation-area li a:hover,
.main-navigation-area li a:focus,
.main-navigation-area .navbar-default .navbar-nav .open > a,
.main-navigation-area .navbar-default .navbar-nav .open > a:focus,
.main-navigation-area .navbar-default .navbar-nav .open > a:hover {
    color: #0071ba;
    background: #ffffff;
    outline: 0;
}

.main-navigation-area .navbar-default .navbar-toggle {
    border-color: #022545;
    background: #022545;
    border-radius: 0;
}
.main-navigation-area .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

/*==========Sub Menu=v==========*/
.main-navigation-area .collapse ul > li:hover > a {
	color: #0651a4;
    background: #ffffff;
}
.main-navigation-area .dropdown-menu>li>a{
	padding: 15px;
}
.main-navigation-area .collapse ul ul > li:hover > a,
.main-navigation-area .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.main-navigation-area .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #0651a4;
    background: #ffffff;
}
.main-navigation-area .collapse ul ul ul > li:hover > a {
	color: #0651a4;
    background: #ffffff;
}

/*first level bg*/
.main-navigation-area .collapse ul ul,
.main-navigation-area .collapse ul ul.dropdown-menu {
    background: #ffffff;
    margin: 0;
    padding: 0;
	display:none;
}
/*second level bg*/
.main-navigation-area .collapse ul ul ul,
.main-navigation-area .collapse ul ul ul.dropdown-menu {
    background: #ffffff;
}
/*third level bg*/
.main-navigation-area .collapse ul ul ul ul,
.main-navigation-area .collapse ul ul ul ul.dropdown-menu {
    background: #ffffff;
}

@media only screen and (min-width: 768px) {
    .main-navigation-area .collapse ul li {
        position: relative;
    }
    .main-navigation-area .collapse ul li:hover > ul {
        display: block;
        padding: 0;
    }
    .main-navigation-area .collapse ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 200px;
        display: none;
		z-index: 9999;
    }
    .main-navigation-area .collapse ul ul li {
        position: relative;
    }
    .main-navigation-area .collapse ul ul li:hover > ul {
        display: block;
    }
    .main-navigation-area .collapse ul ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 250px;
        display: none;
    }
    .main-navigation-area .collapse ul ul ul li {
        position: relative;
    }
    .main-navigation-area .collapse ul ul ul li:hover ul {
        display: block;
    }
    .main-navigation-area .collapse ul ul ul ul {
        position: absolute;
        top: 0;
        left: -100%;
        min-width: 250px;
        display: none;
        z-index: 1;
    }
}
/* NAVIGATION CSS END */




/* FOOTER CSS START */
.footer-wrapper{
	background: #022545;
	padding: 70px 0 0;
	width: 100%;
}
.footer-title{
	font-size: 20px;
	color: #ffffff;
	font-weight: 300;
}
.footer-wrapper,
.footer-wrapper a,
.footer-wrapper p{
	font-size: 16px;
	color: #96a9ba;
}
.footer-list ul{
	margin: 0;
	padding: 0;
}
.footer-list ul li{
	list-style-position: inside;
	margin-bottom: 30px;
}
.address-list li{
	display: flex;
	margin-bottom: 30px;
}
.address-list li span{
	padding-right: 10px;
}
.social-widget{
	display: flex;
	flex-wrap: wrap;
}
.social-widget li{
	margin-right: 10px;
	list-style: none;
}
.footer-list ul li:last-child,
.address-list li:last-child,
.social-widget li:last-child{
	margin-bottom: 0;
}
.social-widget li a{
	width: 30px;
	height: 30px;
	display: block;
	line-height: 30px;
	padding-top:7px;
	text-align: center;
	border: 1px solid #96a9ba;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.footer-copyright{
	border-top: 1px solid #174875;
    padding: 30px 0;
	background:#022545;
	color:#96a9ba;
}
.copyright-left,
.copyright-right{
	display: flex;
}
.copyright-right{
	justify-content: flex-end;
}
/* FOOTER CSS END */


.products h2::before,.products h2::after
{
	display:none;
}






/* ALL MEDIA QUERIES */
@media (min-width: 768px) {
	.main-navigation-area .navbar-default .navbar-nav li {
	    padding: 15px 10px;
	}
}
@media (min-width: 992px) {
	.main-navigation-area .navbar-default .navbar-nav li {
	    padding: 22px 25px 19px;
	}
}
@media (max-width: 991.99px){
	.immersive_slider .is-slide .slide-content h2 {
	    font-size: 45px;
	}
	.immersive_slider{
		height: 390px;
	}
}
@media (max-width: 767.99px){
	.section-padding {
	    padding-top: 30px !important;
	    padding-bottom: 30px !important;
	}
	.mobile-logo{
	    display: flex;
	    align-items: center;
	    height: 50px;
	    float: left;
	    padding-left: 10px !important;
	}
	.immersive_slider .is-slide .slide-content.content-bg{
		padding: 30px;
	}
	.immersive_slider .is-slide .slide-content{
		padding-top: 45px;
	}
	.immersive_slider .is-slide .slide-content h2 {
	    color: #ffffff;
	    font-size: 36px;
	    font-weight: 700;
	    text-align: left;
	}
	.immersive_slider{
		height: 280px;
	}
	.immersive_slider .is-slide .slide-content p{
		margin-top: 15px;
	}
	.copyright-left,
	.copyright-right{
		display: flex;
		justify-content: flex-start;
	}
	.top-header{
		height: 60px;
	}
	.search-bar{
		margin-bottom: 5px;
	}
	.main-navigation-area .navbar-default .navbar-nav li{
		position: relative;
	}
	.menu-active{
		display: none;
	}
	.main-navigation-area .navbar-default .navbar-nav li {
	    padding: 15px;
	}
	.main-navigation-area .navbar-default .navbar-nav li.dropdown.open {
	    padding: 15px 15px 0;
	}
	.top-right-links,
	.logo{
		text-align: center;
		justify-content: center;
	}
	.top-right-links ul li{
		margin-right: 15px;
	}
	.top-right-links ul ul li::after{
		/* top: 2px; */
		right: -10px;
	}
}
@media (max-width: 576px) {
	.immersive_slider .is-slide .slide-content h2 {
	    font-size: 24px;
	}
	.immersive_slider{
		height: 190px;
	}
	.immersive_slider .is-slide .slide-content.content-bg{
		padding: 15px;
	}
	.immersive_slider .is-slide .slide-content p {
	    margin-top: 5px;
	}
	.immersive_slider .is-slide .slide-content {
	    padding-top: 30px;
	}
}












/* SD CSS START */
.text-grey {
	color: #696969;
}
.text-blue {
	color: #0651a4;
}
/* wizard */
.wizard-list li {
	display: inline-block;
	position: relative;
	margin-right: 6px;
}
.wizard-list li a {
	font-size: 14px;
    color: #000000;
    padding-right: 15px;
	position: relative;
	text-decoration: none;
}
.wizard-list li a:after {
	content: "\a922";
    font-family: 'icomoon';
    position: absolute;
    left: auto;
    top: 4px;
    right: 0px;
    font-size: 8px;
}
.wizard-list li:last-child a:after {display: none;}
.bdr-btm {
	border-bottom: 1px solid #e7eef5;
}
/* portfolio */
.single-portfolio-img img{
	border-radius: 10px;
}
.project-box {
	position: relative;
}
.project-box img {
	border-radius: 10px;
	width: 100%;
}
.project-text-box {
	opacity: 0;
	background: #ffffff;
    border-radius: 10px;
    position: absolute;
    bottom: -3%;
    left: 0;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.3);
    padding: 20px 20px;
	width: 85%;
    transform: translate(9%, 0%);
	transition: all 0.5s linear;
}
.project-text-box1 {
	opacity: 1;
	background: #ffffff;
    border-radius: 10px;
    position: absolute;
    bottom: -3%;
    left: 0;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.3);
    padding: 20px 20px;
	width: 85%;
    transform: translate(9%, 0%);
	transition: all 0.5s linear;
}
.project-box:hover .project-text-box {
	opacity: 1;
	transition: all 0.5s linear;
}
/* section-title */
.sec-title-center.sec-title-left{
    text-align: left;
}
.sec-title-center{
    text-align: center;
}
.sec-title-center span{
    height: 1px;
    display: inline-block;
    position: relative;
}
.sec-title-center span > i{
    color: #ffa650;
    background: transparent;
    position: relative;
    bottom: 11px;
    font-size: 20px;
}
.sec-title-center span:before {
    content: "";
    position: absolute;
    top: 50%;
	left: auto;
    right: 30px;
    width: 57px;
    height: 1px;
    background: #000;
}
.sec-title-center span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 30px;
    width: 57px;
    height: 1px;
    background: #000;
}
/* about-us section */
.consult-box {
	background: #f4f7fb;
	padding: 22px 30px;
}
.about-title-box {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.about-text-box {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
	opacity: 0;
	transition: all .3s linear;
	z-index: 2;
}
.about-sect-box{
	border-radius:10px;
	overflow:hidden;
}
.about-sect-box:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    opacity: 0;
	border-radius: 10px;
}
.about-sect-box:hover .about-text-box {
	opacity: 1;
	transition: all .3s linear;
}
.about-sect-box:hover:after {
	opacity: 1;
	transition: all .3s linear;
}
/* @media @media (min-width: 768px){
	.content-inner {
		
	}
} */
/* customer css */
.customer-section {
	background: #f4f7fb;
}
.bg-grey {background: #f4f7fb;}
.customer-box {
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 13px 0px rgba(23, 92, 156, 0.08);
	padding: 30px 30px;
}
.customer-section {
	padding: 30px 0px;
}
@media (min-width: 769px){
	.customer-section {
		padding: 70px 0px 130px 0px;
	}
	.customer-box {
		padding: 30px 45px;
	}
}
.sec-title-center span {
	position: relative;
}

.about-block {
	background: #f4f7fb;
	padding: 30px 0px;
}
@media (min-width: 1024px){
	.about-block {
		background: #fff url(../images/about-block-bg.png);
		padding: 0px 0px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 180px;
	}
	.about-block-space {
		margin-top: -200px;
	}
}
@media (min-width: 768px){
	.about-block {
		padding: 30px 0px 0px;
	}
}
/* blog */
.blog-list-box {
	border: 1px solid #e7eef5;
    border-radius: 10px;
}
.blog-text-box {
	padding: 20px 20px
}
@media (min-width: 768px){
	.blog-text-box {
		padding: 40px 30px;
	}
}
/* .blog-list-box .img-box:hover {border-top: 8px solid #f68f3a;} */
.blog-list-box .img-box {
	border-radius: 10px 10px 0px 0px;
	position: relative;
	overflow-y: hidden;
}
.blog-list-box.img-boximg{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.blog-list-box .img-box:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 8px;
	transition: all 0.5s linear;
	border-radius: 10px 10px 0px 0px;
}
.blog-list-box:hover .img-box:after {
	transition: all 0.5s linear;
	width: 100%;
}
.blog-text-box h2 a {
    color: #000;
    text-decoration: none !important;
	transition: all 0.5s linear;
}
.blog-text-box h2 a:hover {
	transition: all 0.5s linear;
}
.post-meta li {
	display: inline-block;
}
.post-meta li i {
	margin-right: 5px;
	color: #0651a4;
}
.post-meta li a {
	color: #696969;
    text-decoration: none !important;
}
.read-btn-link a:focus,
.read-btn-link a:active,
.read-btn-link a:hover,
.read-btn-link a {
	color: #000000;
    text-decoration: underline;
    font-size: 14px;
}
/* SD CSS END */





/* LF CSS START */
.text-grey {
	color: #696969;
}
.text-blue {
	color: #0651a4;
}
.blue-clr{
	color:#0651a4;
}
.contact-us{
	padding:30px 0px;

}
.testimonal-sec{
	padding:30px 0px;

}
/* wizard */
.wizard-list li {
	display: inline-block;
	position: relative;
	margin-right: 6px;
}
.wizard-list li a {
	font-size: 14px;
    color: #000000;
    padding-right: 13px;
	position: relative;
}
.wizard-list li a:after {
	content: "\a922";
    font-family: icomoon;
    position: absolute;
	font-size:10px;
	color: #000000;
    left: auto;
    top: 4px;
    left: 45px;
}
.wizard-list li:last-child a:after {display: none;}
.border-bottom{
	border-bottom:1px solid #e7eef5;
}
/* section-title */
.sec-title-center{
    text-align: center;
}
.sec-title-center span{
    height: 1px;
    display: inline-block;
    position: relative;
}
.sec-title-center span > i{
    color: #ffa650;
    background: transparent;
    position: relative;
    bottom: 11px;
    font-size: 20px;
}
.sec-title-center span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 30px;
    width: 57px;
    height: 1px;
    background: #000;
}
.sec-title-center span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 30px;
    width: 57px;
    height: 1px;
    background: #000;
}
.input-style{
	height:60px;
	border:1px solid #e7eef5;
	border-radius:5px; 
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	font-size:14px;
	font-weight:300;
	color:#696969; 
}
textarea.input-style1{
	height:160px;
	border:1px solid #e7eef5;
	border-radius:5px; 
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	font-size:14px;
	font-weight:300;
	color:#696969; 
}
a.submit-btn, input.submit-btn{
	display:inline-block;
	text-decoration:none;
	color:#ffffff;
	width:100%;
	padding:15px 15px;
	border-radius:30px;
	font-size:20px;
	font-weight:700;
	text-align:center;
	border:0;
}
.testi-card{
    background-color:#ffffff;
    border:1px solid #e7eef5;
    border-radius:5px;
    padding:20px 25px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
}
.testi-card::before{
    position: absolute;
    content: "";
    top: 0;
    left: -100%;
    width: 0;
    height: 5px;
    border-radius: 10px 10px 0px 0px;
    transition: all 0.5s linear;
}
.testi-card:hover::before{
    width: 100%;
    left: 0;
}
a.a-tag{
	text-decoration:none;
}

a.more-btn{
	display:inline-block;
	text-decoration:none;
	background-color:transparent;
	color:#000000;
	padding:15px 50px;
	border-radius:30px;
	font-size:18px;
	width:100%;
	font-weight:400;
	text-align:center;
}

.verti-border{
height:448px;
width:1px;
background-color:#e7eef5;
}

 .sv-star > i{
    font-size: 12px;
}

.social-widget-border li a {
border:1px solid #0651a4;
color:#0651a4;
}

/* ALL MEDIA QUERIES */
@media (max-width: 767.99px){
	.contact-us{
		padding:20px 15px;

	}
	.testimonal-sec{
		padding:30px 15px;
	}
}

/* LF CSS END */






/* FS CSS START */

.blue-color {
	color: #0651a4;
}

/*---------- Section-title ----------*/
.sec-title-center {
	text-align: center;
	margin-bottom: 40px;
}

.sec-title-center h2 {
	font-size: 36px;
	color: #000000;
	line-height: 44px;
	padding-bottom: 15px;
}

.sec-title-center span {
	height: 1px;
	display: inline-block;
	position: relative;
}

.sec-title-center span>i {
	color: #ffa650;
	background: transparent;
	position: relative;
	bottom: 11px;
	font-size: 20px;
}

.sec-title-center span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: auto;
	right: 30px;
	width: 57PX;
	height: 1px;
	background: #000;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sec-title-center span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 30px;
	width: 57PX;
	height: 1px;
	background: #000;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sub-title {
	color: #696969;
	font-size: 16px;
	font-weight: 300;
	margin-top: 10px;
}

.sec-title-img {
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}

.sec-title-img h2 {
	font-size: 36px;
	color: #000000;
	line-height: 44px;
	padding-bottom: 15px;
}

.sec-title-img::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	background-image: url('../images/sep-bar.png');
	width: 115px;
	height: 15px;
	background-repeat: no-repeat;
	transform: translateX(-50%);
}
.h20{
	height: 20px;
}
.service-img-box {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 1px 0px rgba(23, 92, 156, 0.4);
	border-radius: 10px;
	margin-bottom: 50px;
	position: relative;
	border: 1px solid #e7eef5;
	transition: 0.3s ease-in;
	float: left;
    width: 100%;
}
.service-img-box img {
	border-radius: 10px;
}
.service-img-box a{
	color:#000;
}
.service-img-box a:hover{
	text-decoration:none;
}
.service-img-box::before {
	content: "";
	position: absolute;
	width: 0;
	height: 6px;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease-in;
}

.service-img-box:hover::before {
	width: 100%;
	visibility: visible;
	opacity: 1;
}

.service-img-box .sv-img img {
	width: 100%;
	border-radius: 10px;
}

.service-img-box .sv-diss {
	padding: 30px 0 15px;
	border-bottom: 1px solid #e7eef5;
	margin: 0 15px;
}

.service-img-box .sv-diss h3 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 15px;
	color: #000000;
	font-weight: 500;
}

.service-img-box .sv-diss p {
	font-size: 16px;
	font-weight: 300;
	padding-bottom: 15px;
	line-height: 24px;
	color: #6a6a6a;
}

.sv-star>i {
	font-size: 12px;
}

.sv-footer {
	padding: 15px;
	float: left;
    width: 100%;
}

.sv-footer .cart-btn {
	font-size: 13px;
	font-weight: 500;
	color: #ffffff;
	display: inline-block;
	padding: 9px 20px;
	border-radius: 20px;
}

.sv-footer span {
	padding: 6px 0;
	color: #000000;
}


/*----------- Slider-carousel ---------*/

#dev-slides {
	display: block;
	margin-bottom: 60px;
	padding-bottom: 60px;
}

#dev-slides .controls {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
	margin: 0 auto;
	white-space: nowrap;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#dev-slides .controls li {
	display: table-cell;
}

#dev-slides .controls li img {
	border-top: 4px solid transparent;
}

#dev-slides .controls li a:focus,
#dev-slides .controls li a:hover {
	background-color: transparent;
}

#dev-slides .controls .nav>li>a {
	padding: 0;
	margin: 0 15px;
}

#dev-slides .controls .nav>li img {
	width: 100px;
	border-radius: 10px;
}

#dev-slides .controls a small {
	overflow: hidden;
	display: block;
	font-size: 10px;
	margin-top: 5px;
	font-weight: bold
}

#dev-slides .carousel-inner {
	margin-bottom: 30px;
}

#dev-slides .carousel-inner .item img {
	border-radius: 10px;
}


/* Control buttons  */

.dev-controls-btn {
	position: absolute;
	bottom: 33px;
	width: 100%;
}

#dev-slides .carousel-control {
	background: none;
	color: #b6b7b9;
	font-size: 14px;
	text-shadow: none;
	opacity: 1;
}

#dev-slides .carousel-control>i {
	background: #eaedf1;
	padding: 15px;
	border-radius: 50%;
}

#dev-slides .carousel-control.left {
	left: -12px;
}

#dev-slides .carousel-control.right {
	right: -12px !important;
}


/*---------- Development-details ------------*/

.dev-details {
	border-radius: 10px;
	box-shadow: 0px 0px 1px 0px rgba(23, 92, 156, 0.4);
	padding: 30px;
	border: 1px solid #e7eef5;
	margin-bottom: 50px;
}

ul.check-list {
	padding: 0;
	list-style: none;
	color: #696969;
	font-size: 18px;
	font-weight: 300;
}

ul.check-list li {
	padding-bottom: 15px;
}

ul.check-list li>i {
	font-weight: 300;
	font-size: 14px;
	padding-right: 5px;
}

.rec-img-box {
	border-radius: 10px;
	box-shadow: 0px 0px 1px 0px rgba(23, 92, 156, 0.4);
	border: 1px solid #e7eef5;
	margin-bottom: 30px;
}

.rec-img-box img {
	width: 100%;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.mb0{
	margin-bottom: 0 !important
}
.rec-post-diss p {
	font-weight: 300;
	padding-bottom: 15px;
	border-bottom: 1px solid #e7eef5;
	margin-bottom: 10px;
}

.rec-post-diss {
	text-align: center;
	margin: 15px;
}


/*----------- Cart-table ----------*/

.cart-table {
	border: 1px solid #e7eef5;
	border-radius: 10px;
	display: block;
}

.cart-table {
	margin-bottom: 0;
}

.cart-table th {
	font-size: 20px;
	line-height: 26px !important;
	font-weight: 400;
}

.cart-table.table>thead>tr>th {
	border-bottom: 1px solid #e7eef5;
	padding: 30px;
}

.cart-table .media-body .media-heading>a {
	color: #000;
	font-size: 16px;
	display: inline-block;
	padding: 16px 5px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	vertical-align: middle;
	border-top: 1px solid #e7eef5;
}

.table .media-heading {
	margin: 0;
}

.cart-table .close-btn {
	background: transparent;
	border: 1px solid #e7eef5;
	color: #96a9ba;
	width: 30px;
	height: 30px;
	font-size: 10px;
	line-height: 28px;
	border-radius: 50%;
}

.cart-table.table>tbody>tr>td {
	padding: 12px 0 12px 30px;
}

.cart-table.table>tbody>tr>td:last-child {
	padding-right: 30px;
}

.cupoon-code {
	position: relative;
}

.cupoon-code .form-control {
	height: 58px;
	border: 1px solid #e7eef5;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.cupoon-code .cupoon-btn {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	padding: 19px 30px;
	border-radius: 30px;
	font-weight: 400;
	color: #000000;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.cupoon-code .cupoon-btn:hover,
.cupoon-code .cupoon-btn:focus {
	color: #ffffff;
	text-decoration: none;
}

.right-bor {
	border-right: 1px solid #e7eef5;
}

.grand-total-box ul {
	padding: 0;
	border-top: 1px solid #e7eef5;
}

.grand-total-box ul li {
	display: inline-block;
	width: 16%;
	padding: 14px;
	vertical-align: middle;
}

.grand-total-box ul li:last-child {
	width: 50%;
	text-align: right;
	padding-right: 0;
}

.grand-total-box small {
	font-size: 12px;
	margin-bottom: 3px;
	color: #696969;
	display: block;
	font-weight: 300;
}


/*----------- Numer-input-button ------------*/

.spinner {
	width: 80px;
}

.spinner .form-control {
	height: 46px;
	text-align: center;
}

.spinner input {
	text-align: right;
}

.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}

.input-group-btn-vertical>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 11px;
	margin-left: -1px;
	background: #f4f7fb;
	position: relative;
	border-radius: 0;
}

.input-group-btn-vertical>.btn:first-child {
	border-top-right-radius: 4px;
}

.input-group-btn-vertical>.btn:last-child {
	margin-top: -2px;
	border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
	position: absolute;
	top: 6px;
	left: 6px;
	font-size: 10px;
	color: #97aabb;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover {
	color: #97aabd;
	background-color: #f4f7fb;
	border-color: inherit;
	box-shadow: none;
	outline: none;
}


/*------------ Sidebar ------------*/
.pro-sidebar{
	float: left;
	width: 100%;
}
.categories-box,
.subscribe-form-box,
.producs-list-box {
	border: 1px solid #e7eef5;
	margin-bottom: 50px;
	padding: 30px;
	border-radius: 10px;
}
.pro-sidebar-title-center,
.pro-sidebar-title {
	font-size: 20px;
	font-weight: 500;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.pro-sidebar-title-center::before,
.pro-sidebar-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 1px;
}

.pro-sidebar-title-center::before {
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.categories-box ul,
.producs-list-box ul {
	padding: 0;
	list-style: none;
}

.categories-box ul li {
	margin-bottom: 30px;
}

.categories-box ul li:last-child {
	margin-bottom: 0;
}

.categories-box ul li>a {
	color: #000000;
	font-weight: 300;
}

.categories-box ul li i {
	font-size: 10px;
}

.producs-list-box ul li {
	padding: 30px 0;
	border-bottom: 1px solid #e7eef5;
}

.producs-list-box ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.producs-list-box ul li:first-child {
	padding-top: 0;
}

.producs-list-box ul li .prduce-img {
	border-radius: 5px;
	display: inline-block;
	margin-right: 15px;
	width: 20%;
}

.producs-list-box ul li .prduce-img img {
	border-radius: 5px;
}

.producs-list-box ul li .producs-diss {
	display: inline-block;
	vertical-align: middle;
	width: 70%;
}

.producs-list-box ul li .producs-diss a {
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	font-weight: 300;
	margin-bottom: 5px;
	display: block;
}

.producs-list-box ul li .producs-diss span {
	color: #696969;
	font-size: 13px;
	padding-right: 15px;
}

.producs-list-box ul li .producs-diss strong {
	font-size: 12px;
}
.subscribe-form-box .form-control {
	height: 50px;
	border: 1px solid #e7eef5;
}
.subscribe-form-box .pro-sidebar-title-center {
	text-align: center;
}
.subscribe-form-box button {
	display: block;
	width: 100%;
	border: none;
	padding: 14px 45px;
	border-radius: 30px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 500;
}
.blog-single-page {
	border: 1px solid #e7eef5;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.blog-single-page p {
	font-weight: 300;
}
blockquote {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 11px 0px rgba(23, 92, 156, 0.14);
	margin-bottom: 30px;
	padding: 30px 20px;
}

.pagination-btn {
	margin-bottom: 50px;
}

.pagination-btn ul {
	list-style: none;
	padding: 0;
}

.pagination-btn ul li {
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}

.page-right-icon,
.page-left-icon {
	width: 46px;
	height: 46px;
	line-height: 46px;
	float: left;
	border: 1px solid #96a9ba;
	border-radius: 50%;
	text-align: center;
	color: #96a9ba;
	font-size: 12px;
}
.page-right-icon {
	float: right;
}
.page-left-diss {
	float: left;
	vertical-align: middle;
	padding-left: 15px;
}
.page-right-diss {
	text-align: right;
	padding-right: 60px;
}
.page-right-diss small,
.page-left-diss small {
	font-size: 14px;
	color: #696969;
}
.page-right-diss strong,
.page-left-diss strong {
	display: block;
}


/*------- Comment-form --------*/
@media(max-width:767px) {
	.service-img-box {
		margin-bottom: 30px;
	}
	.grand-total-box ul li {
		width: 16%;
		padding: 10px;
	}
	.grand-total-box ul li:last-child {
		width: 49%;
	}
	.btn-md {
		font-size: 16px;
	}
}
@media (max-width: 576px){
	.page-right-icon, .page-left-icon {
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	}
	.page-left-diss {
	    padding-left: 10px;
	}
	.page-right-diss {
	    padding-right: 40px;
	}
	.subtitle{
		display: none;
	}
}
@media(max-width:550px) {
	.coupon-box .col-xs-5,
	.coupon-box .col-xs-7 {
		width: 100%;
		margin-bottom: 15px;
	}
	.grand-total-box ul li {
		width: 30%;
		padding: 20px;
	}
	.grand-total-box ul li:last-child {
		width: 100%;
		text-align: center;
	}
	.subscribe-form-box,
	.producs-list-box {
		padding: 20px;
	}
}

@media(max-width:500px) {
	.sec-title-center h2 {
		font-size: 26px;
		line-height: 34px;
	}
	#dev-slides .carousel-control>i {
		padding: 10px;
	}
	#dev-slides .controls .nav>li>a {
		margin: 0 10px;
	}
	#dev-slides .controls .nav>li img {
		width: 80px;
	}
	.dev-controls-btn {
		bottom: 40px;
	}
	.dev-details {
		padding: 20px;
	}
}
@media(max-width:400px) {
	.grand-total-box ul li {
		width: 32%;
		padding: 12px;
	}
}
/* FS CSS END */










/*Estra Nav*/
@media (min-width: 768px)
{
.navbar-nav li {
    float: left;
}
}

.navbar-nav li {
    list-style:none;
}
.main-navigation-area aa:hover, .main-navigation-area .navbar-default .navbar-nav li > a:hover{
	text-decoration:none;
}
.main-navigation-area .navbar-default .navbar-nav li ul li a{
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.main-navigation-area .navbar-default .navbar-nav li ul {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.main-navigation-area .navbar-default .navbar-nav ul > li > a::before {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 40%;
    width: 6px;
    height: 6px;
    z-index: 1;
    border-radius: 50px;
    transform: translateX(40%);
	opacity:0;
}
.main-navigation-area .navbar-default .navbar-nav ul > li:hover > a::before {
	opacity:1;
}

.main-navigation-area .navbar-default .navbar-nav ul > li > a::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0651a4;
	opacity:0;
}
.main-navigation-area .navbar-default .navbar-nav ul > li:hover > a::after {
	opacity:1;
}

.main-navigation-area .navbar-default .navbar-nav ul > li > ul > li:hover > a::before {
	opacity:0;
}
.main-navigation-area .navbar-default .navbar-nav ul > li > ul > li:hover > a::after {
	opacity:0;
}


.cta_abovefooter,.cta_belowslider{padding: 1% 0 0.5% 0; clear:both;}


.entry-content-page h2{color:#000000 !important}


.customer-section h2::before,.servicearea h2::before, .entry-content-page .themehead::before{
	content: "";
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    width: 160px;
    height: 2px;
    background: #000;
	margin: auto;
}

.customer-section h2::after,.servicearea h2::after, .entry-content-page .themehead::after{
	content: "";
    position: absolute;
    top: 57px;
    left: 0;
    right: 0;
    width: 8px;
    height: 8px;
	border-radius:4px;
	margin: auto;
}


.footer-wrapper .widget-title{
	font-size: 20px;
    color: #ffffff;
    font-weight: 300;
	margin-top:0;
	margin-bottom:30px;
}
.footer-wrapper .widget_nav_menu ul li {
    list-style-position: inside;
    margin-bottom: 30px;
}

.footer-wrapper .widget_nav_menu ul li ul li {
    list-style-position: inside;
    margin-bottom: 30px;
	margin-left:30px;
}
.homeabouts h4{
	line-height:140%;
}

.footer-wrapper .social_area_widget_text{
	display:none;
}

.social_area_widget_text{
	display:none;
}
a.social_area_widget {
    width: 30px;
    height: 30px;
    padding-top: 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border: 1px solid #96a9ba;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
	font-size: 16px;
    color: #96a9ba;
}
.agenciez_social_icons br{
	display:none;
}

a.social_area_widget {
    text-decoration:none;
}


.pager li>a, .pager li>span {
display: inline-block;
    padding: 2px 5px;
    background-color: #fff;
    border-radius: 0;
    color: #202020;
}
.pager li>a:hover{text-decoration:none;}


.bottom-line {border-bottom: 1px solid #fff;padding:5px 10px 10px 5px;overflow:hidden;}
.bottom-line img{}
.bottom-line:first-child {border-bottom: 1px solid #fff ;padding:1% 2% 2% 2%;}
.bottom-line-tab4 {border-top: 1px solid #dddddd;padding: 10px 10px 0px 10px;overflow: hidden;}
.bottom-line-tab4:first-child {border-bottom: 0px;}

.entry-content-page{
	margin-bottom:30px;
}
.primary-sidebar aside{
	border: 1px solid #e7eef5;
    margin-bottom: 50px;
    padding: 30px;
    border-radius: 10px;
}
.sb_tabbed{
	border: 0!important;
}
input.btn-fill:hover{
	color:#23527c;
}
.woocommerce-loop-product__title{text-align:center; font-size:22px;}
.products span.price{
	font-size:20px;
	margin-top:15px;
	display:block;
	text-align:center;
}
.woocommerce a.button{
	margin:15px auto!important;
	padding: 1em 3em!important;
	display:block!important;
	width:80%!important;
	text-align:center;
}

.woocommerce-title .page-title{
	display:none;
}
.woocommerce .woocommerce-result-count {
    margin: 8px 0 1em!important;
}
a.slidectabutton{padding: 1% 8%; border-radius: 20px; -webkit-border-radius: 20px;display: inline-block;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:4px solid #fff;border-left:1px solid #fff;}
a.slidectabutton:hover{text-decoration:none; border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;border-bottom:4px solid #fff;background: #fff;}
.ctabox{width:100%; padding:4%;}
.ctabox_headline{ width:100%;}
.ctabox_inner{width:100%; margin:auto; padding:5% 0 8% 0;border:2px dashed #fff;}
.sliderctacontact{padding: 2% 2%; width: 86%; margin:-8% auto 0 auto; background:#fff;}
.whitetext{color:#fff}
.sliderleadformbody {color: #fff;padding-bottom: 2%;}
.sliderleadformbox {position: relative;padding: 2% 1%;}
a.slidectabutton{color: #fff;}

.leadformheader{padding:3%; text-align:center;}
.leadformbody{padding:4%; text-align:center;}
.leadformbody label{font-weight:400;}
.leadformbody ul{margin-left:-15%;}
.leadformbody input[type="submit"],.aweber_form input[type="button"],.aweber_form input[type="image"]{margin: 4% auto 0 auto; display:block; background:#fff;}



.videobox{padding:5px;background:#fff; box-shadow:0 0 2px 0 #666;}
.responsive-video {position: relative;padding-bottom: 56.4%;overflow: hidden;}
.responsive-video iframe,.responsive-video object,.responsive-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.leadformbody br,.leadformbody br{line-height:5px;}
.leadformbody input[type="text"],.leadformbody input[type="email"],.leadformbody textarea,.leadformbody input[type="number"],.leadformbody input[type="password"],.leadformbody input[type="address"],.leadformbody input[type="phone"]{background:#fff; padding:6px; width:100%; margin-top:4%;}

.leadformbody input[type="submit"],.leadformbody input[type="button"],.leadformbody input[type="reset"]{
	padding:2% 4%;
	text-align:center;
	border:0;
	font-weight:700;
	font-size:18px;
}
.leadformbody input[type="submit"]:hover,.leadformbody input[type="button"]:hover,.leadformbody input[type="reset"]:hover{
	text-decoration:none;
}

.leadformbody input[type="submit"]:hover,.leadformbody input[type="button"]:hover,.leadformbody input[type="reset"]:hover{
	background: #ccc; /* Old browsers */
}


.woocommerce div.product div.images img{
	border-radius:10px;
}

.woocommerce div.product div.summary{
	border-radius: 10px;
    box-shadow: 0px 0px 1px 0px rgba(23, 92, 156, 0.4);
    padding: 30px;
    border: 1px solid #e7eef5;
    margin-bottom: 50px;
}


.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    color: #fff!important;
    text-decoration: none!important;
    border: 1px solid transparent!important;
    border-radius: 50px!important;
    display: block!important;
    font-weight: 700!important;
    transition: all 0.4s ease!important;
    -webkit-transition: all 0.4s ease!important;
	    font-size: 18px!important;
    padding: 17px 45px!important;
	float:none!important;
	margin-top:20px!important;
}
.woocommerce div.product form.cart div.quantity{
	display: none!important;
	float:none!important;
}

#review_form input[type="text"],#review_form input[type="email"]{
	height: 60px;
    border: 1px solid #e7eef5;
    border-radius: 5px;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    font-size: 14px;
    font-weight: 300;
    color: #696969;
	width:100%;
}
#review_form textarea{
	height: 200px;
    border: 1px solid #e7eef5;
    border-radius: 5px;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    font-size: 14px;
    font-weight: 300;
    color: #696969;
	width:100%;
}
#review_form .comment-form-author label,#review_form .comment-form-email label{
	margin-right:30px;
}
.woocommerce #respond input#submit{
	color: #fff!important;
    text-decoration: none!important;
    border: 1px solid transparent!important;
    border-radius: 50px!important;
    display: block!important;
    font-weight: 700!important;
    transition: all 0.4s ease!important;
    -webkit-transition: all 0.4s ease!important;
	    font-size: 18px!important;
    padding: 17px 45px!important;
	float:none!important;
	margin-top:20px!important;
}

.woocommerce a.deleteprod{
	background: transparent!important;
    border: 1px solid #e7eef5!important;
    color: #96a9ba!important;
    width: 30px!important;
    height: 30px!important;
    font-size: 18px!important;
    line-height: 28px!important;
    border-radius: 50%!important;
	    display: block;
    text-align: center;
}
.woocommerce a.deleteprod:hover{
	text-decoration:none;
}