/*

    Template Name    : basement

	Description		 : Responsive HTML5 Basement one page Template.

    Version          : 1.0

*/



/*

================================================

/* Table of Content

==================================================



1. Fonts - Roboto and Opensans

2. Common CSS

3. Loader CSS

4. Scrool top Arrow

5. Top bar

6. header

7. Navigation

8. Slider Area

9. About Us

10. Our Services

11. Our Team

12. Client Testimonials

13. Portfolio

14. Contact Us

15. Footer

16. Media Quries



/*

================================================

1. Fonts - Roboto and Opensans

================================================

*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Open+Sans:300,400,600,700');

/*** font-family: 'Roboto', sans-serif; ***/



/*

================================================

2. Common CSS

================================================

*/

* {

	margin: 0;

	padding: 0;

}

body {

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	line-height: 20px;

	font-weight: 400;

	color: #444;

	overflow-x: hidden;

}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Roboto', sans-serif;

	margin-top: 0;

	text-transform: none;

	color: #000;

}

h5 {

	font-size: 18px;

}

.mb-15 {

	margin-bottom: 15px;

}

h6 {

	font-size: 16px;

}

a, a:hover, a:active, a:focus {

	outline: none;

	border: none;

	text-decoration: none;

}

a {

	color: #666666;

	transition: all 0.3s ease 0s;

}

a:hover {

	color: #337ab7;

	text-decoration: none;

}

body, html {

	height: 100%

}

ul, li {

	list-style: outside none none;

}

section h2 {

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 1px;

	position: relative;

	margin: 0 auto 50px;

	line-height: 50px;

	display: inline-block;

	text-align: center;

	padding: 12px 10px 10px;

}

section {

	width: 100%;

	float: left;

	padding: 70px 0;

}

.section-title {

  padding-bottom: 40px;

  position: relative;

}

.section-title .overlay-title {

  bottom: 0;

  height: 100%;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

}

.section-title h1 {

  color: #e9e9e9;

  display: block;

  font-size: 86px;

  font-weight: 500;

  line-height: 61px;

  margin: 0;

  text-transform: uppercase;

}

.section-title .overlay-title h2 {

  color: #283949;

  font-size: 30px;

  font-weight: 500;

  line-height: 40px;

  padding: 10px 0;

  margin:0;

}

.section-title > p span {

	display: block;

}

.pad-20 {

	padding-left: 20px;

	padding-right: 20px;

}

.pad-30 {

	padding-bottom: 30px;

	padding-top: 30px;

}

.mb-20 {

	margin-bottom: 20px;

}

.btn {

	display: inline-block;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px transparent;

	position: relative;

	background: #e96b00;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	padding: 12px 20px;

	color: #fff;

	font-size: 16px;

	min-width: 160px;

	border: none;

	border-radius: 20px;

}

.btn:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: #283949;

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	-webkit-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	border-radius: 20px;

}

.btn:hover, .btn:focus, .btn:active {

	color: white;

}

.btn:hover:before, .btn:focus:before, .btn:active:before {

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

}

/*

================================================

3. Loader CSS

================================================

*/

#loader {

	background: url(../images/loader.gif) no-repeat center center #fff;

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 9999999;

}

/*

================================================

4. Scrool top Arrow

================================================

*/

#scrollUp {

	background: rgba(69, 75, 84, 0.7) none repeat scroll 0 0;

	border-radius: 5%;

	bottom: 100px;

	color: #fff;

	font-size: 12px;

	height: 40px;

	text-decoration: none;

	line-height: 38px;

	left: 25px;

	text-align: center;

	transition: all 0.3s ease 0s;

	width: 40px;

}

#scrollUp i {

	display: block;

	line-height: 35px;

}

#scrollUp i:hover {

	color: #ffb400;

}

/*

================================================

5. Top bar

================================================

*/

.top-bar {

	background-color: #283949;

	padding: 10px 0;

	font-size: 15px;

	color: #ddd;

	border-top: 3px solid #e96b00;

}

.info-box {

	display: inline-block;

	margin-right: 17px;

	font-size: 14px;

}

.top-bar a {

	color: #ddd;

}

.top-bar a:hover, .top-bar a:hover .info-box i {

	color: #efbb20;

}

.info-box i {

	margin-right: 15px;

	margin-top: 7px;

	text-align: center;

	color:#00b8ff;

	float: left;

	font-size: 36px;

}

.info-text {

	overflow: hidden;

	font-weight: 300;

	display: inline-block;

	padding: 10px 0 0;

}

.info-text h5 {

	font-size: 14px;

	font-weight: 600;

	margin-bottom: 0px;

	color:#fff;

}

.top-social li {

	margin: 0 5px;

}

.top-social li a {

	font-size: 18px;

	line-height: 50px

}

/*

================================================

6. header

================================================

*/

.header-top-area {

	left: 0;

	top: 0;

	width: 100%;

	z-index: 9999;

	-webkit-transition: .4s;

	transition: .4s;

	background: rgba(255, 255, 255, 1);

}

.menu-bg {

	background: #fff;

	position: fixed;

	box-shadow:0 1px 7px 0 rgba(0, 0, 0, 0.2);

}

.basement-logo a {

	font-size: 24px;

	font-weight: 700;

	letter-spacing: 2px;

	color: #fff;

	text-transform: uppercase;

}

.basement-logo {

	padding-top: 15px

}

/*

================================================

7. Navigation

================================================

*/

.menu-bg {

	z-index: 999;

}

.menu-bg .basement-logo {

	padding-top: 5px;

	transition: all 0.3s ease 0s;

}

.navbar-default {

	background-color: inherit;

	border-color: inherit;

}

.navbar {

	border-radius: 0;

	min-height: auto;

	margin: 0;

	border: none;

	z-index: 9;

}

.navbar-collapse {

	float: right;

	margin: 0;

	padding: 0;

}

.navbar-brand {

	padding: 0;

	height: auto;

}

.navbar-nav > li {

	padding: 0;

	margin: 0 0 0 1px;

}

.navbar-default .navbar-nav li a {

	color: #283949;

	font-size: 13px;

	font-weight: 600;

	padding: 30px 13px;

	transition: all 0.3s ease 0s;

	text-transform: uppercase;

	background-color: inherit;

	font-family: "Roboto",sans-serif;

	letter-spacing: 1px;

}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {

	background-color: #e96b00;

	color: #000;

}

.menu-bg .navbar-default .navbar-nav li a {

	padding: 20px 10px;

	transition: all 0.3s ease 0s;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

	background-color: #00b8ff;

	color: #283949;

}

/*

================================================

8. Slider Area

================================================

*/

.menu-bg + .banner-wrapper {

	margin-top: 49px;

}

.banner-wrapper {

	width: 100%;

	float: left;

	position: relative;

	padding:0;

}

/*** Check box ***/

.chack-box-wrapper .checkbox {

	display: inline-block;

	margin-right: 23px;

	padding-left: 20px;

	text-align: right;

	line-height: 16px;

}

.checkbox label::before {

	background-color: #ffffff;

	border: 1px solid #cccccc;

	border-radius: 3px;

	content: "";

	display: inline-block;

	height: 17px;

	left: 18px;

	margin-left: -21px;

	position: absolute;

	transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;

	width: 17px;

}

.checkbox label {

	cursor: pointer;

	font-weight: 400;

	margin-bottom: 0;

	min-height: 20px;

	padding-left: 0;

	color: #1d2833;

	font-weight: 700;

	cursor: auto;

}

.checkbox label::after {

	color: #555555;

	display: inline-block;

	font-size: 11px;

	height: 16px;

	left: 0;

	margin-left: -19px;

	padding-left: 3px;

	padding-top: 0;

	position: absolute;

	top: 0;

	width: 16px;

}

/* Slides backgrounds */

#first-slider .main-container {

	padding: 0;

}

#first-slider h3 {

	color: #1d2833;

	font-size: 30px;

	font-weight: 400;

}

#first-slider h3 span {

	display: block;

}

#first-slider .carousel-indicators {

	bottom: 15px;

}

#first-slider .carousel-control.right, #first-slider .carousel-control.left {

	background-image: none;

}

#first-slider .carousel .item {

	min-height: 425px;

	height: 100%;

	width: 100%;

}

@media (min-width: 768px) {

.carousel-inner .item .container {

	display: flex;

	justify-content: center;

	align-items: center;

	position: absolute;

	bottom: 0;

	top: 0;

	left: 0;

	right: 0;

}

}

#first-slider .carousel-control {

	display: none;

}

#first-slider h1 {

	animation-delay: 1s;

}

#first-slider h3 {

	animation-delay: 2s;

}

#first-slider .btn-hero {

	animation-delay: 3s;

}

#first-slider .carousel-control {

	width: 6%;

	text-shadow: none;

}

#first-slider h1 {

	color: #1d2833;

	font-size: 50px;

	font-weight: 700;

	line-height: 50px;

	margin: 0 0 5px;

	padding: 0;

}

#first-slider .p a {

	text-decoration: underline;

}

#first-slider .carousel-indicators li {

	width: 14px;

	height: 14px;

	background-color: #aaa;

	border: none;

}

#first-slider .carousel-indicators .active {

	width: 16px;

	height: 16px;

	background-color:#e96b00;

	border: none;

}

.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;

}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {

	opacity: 1;

}

.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);

}

.carousel-fade .carousel-control {

	z-index: 2;

}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {

	position: absolute;

	top: 50%;

	z-index: 5;

	display: inline-block;

}

.carousel-control .fa-angle-left {

	left: 50%;

	width: 38px;

	height: 38px;

	margin-top: -15px;

	font-size: 30px;

	color: #1d2833;

	border: 3px solid #7ebc12;

	-webkit-border-radius: 23px;

	-moz-border-radius: 23px;

	border-radius: 53px;

}

.carousel-control .fa-angle-right {

	right: 50%;

	width: 38px;

	height: 38px;

	margin-top: -15px;

	font-size: 30px;

	color: #1d2833;

	border: 3px solid #7ebc12;

	-webkit-border-radius: 23px;

	-moz-border-radius: 23px;

	border-radius: 53px;

}

.carousel-control {

	opacity: 1;

	filter: alpha(opacity=100);

}

.banner-wrapper .btn-hero {

	border: solid 2px #fff;

	background:#283949;

	color: #fff;

	background: none;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 400;

	margin: 15px 0 0;

	padding: 8px 22px;

	font-weight: 600;

	transition: all 0.3s ease 0s;

}

.banner-wrapper .btn-hero:hover {

	background-color: #e96b00;

	color:#000;

}

/******  Slides backgrounds   *****/



#first-slider .slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7 {



	background-image:url(../images/banner-1.png);

	background-size: cover;

	background-repeat: no-repeat;

}

#first-slider .slide2{

	background-image:url(../images/banner-covid-19.png);

	background-size: cover;

	background-repeat: no-repeat;

}





#first-slider .slide3 {

	background-image:url(../images/banner-3.png);

	background-size: cover;

	background-repeat: no-repeat;

}



#first-slider .slide4 {

	background-image:url(../images/banner-4.png);

	background-size: cover;

	background-repeat: no-repeat;

}



#first-slider .slide5{

	background-image:url(../images/banner-5.png);

	background-size: cover;

	background-repeat: no-repeat;

}



#first-slider .slide6{

	background-image:url(../images/banner-6.png);

	background-size: cover;

	background-repeat: no-repeat;

}




#first-slider .slide7{

	background-image:url(../images/slide-camas-clinicas.png);

	background-size: cover;

	background-repeat: no-repeat;

}




/*

================================================

9. About Us

================================================

*/

.basement-about-us {

	padding:70px 0 60px;

	}

.basement-about-us .owl-pagination {

	display: none;

}

.basement-about-us .item img {

	display: block;

	width: 100%;

	height: auto;

}

.basement-about-us .owl-theme .owl-controls {

	margin-top: 0;

}

.basement-about-us .owl-nav div {

	width: 20px;

	height: 21px;

	border-radius: 0;

	opacity: 1;

	font-size: 0;

	margin: 0;

	padding: 0;

	position: absolute;

	bottom: 10px;

}

.basement-about-us .owl-theme .owl-controls.clickable .owl-buttons div:hover {

	opacity: 0.5;

}

.basement-about-us .owl-nav .owl-prev {

	background: url(../images/logos-left-arrow.jpg) no-repeat left top;

	right: 40px;

	font-size:0;

}

.basement-about-us .owl-nav .owl-next {

	background: url(../images/logos-right-arrow.jpg) no-repeat left top;

	right: 10px;

	font-size:0;

}

/*** FAQ ***/

div.fp-accordion h2 {

	font-size: 16px;

	font-weight: 500;

	margin: 0;

	padding: 15px 0;

	cursor: pointer;

	line-height:normal;

	display:inherit;

	letter-spacing:0;

	position:inherit;

	text-align:left;

	text-transform:none;

}

.faqwrper h2 span {

	font-weight: 600;

}

.fp-accordion .toggle-content {

	display: none;

}

.fp-accordion .icons {

	display: inline-block;

	text-align: center;

	position: relative;

	cursor: pointer;

	transition: 0.5s;

}

.fp-accordion .icons .fa {

	font-size: 14px;

	color: #fac012;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	transition: 0.5s;

}

.fp-accordion .icons .fa:last-child {

	opacity: 0;

}

.fp-accordion .icons:hover {

	background-color: #fac012;

}

.fp-accordion .icons:hover .fa {

	color: #fff;

}

.fp-accordion.active .toggle-content {

	display: block;

}

.fp-accordion.active .icons {

	background-color: #e96b00;

}

.fp-accordion.active .fa:last-child {

	opacity: 1;

	color: #fff;

}

.fp-accordion.active .fa:first-child {

	opacity: 0;

}

.fp-accordion.style-1 {

	border: 1px solid #eee;

	margin-bottom: 10px;

	padding: 2px 10px 5px;

}

.fp-accordion.style-1 .toggle-content, .fp-accordion.style-1 h2 {

	margin-left: 55px;

}

.fp-accordion.style-1 .toggle-content {

	padding-bottom: 15px;

}

.fp-accordion.style-1 .icons {

	width: 35px;

	height: 35px;

	line-height: 35px;

	margin-top: 10px;

	border-radius: 50%;

	float: left;

	border: 1px solid #e96b00;

}

.fp-accordion.style-1 .icons .fa {

	font-size: 14px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	transition: 0.5s;

}

.fp-accordion.style-1 .icons .fa:last-child {

	opacity: 0;

}

.fp-accordion.style-1 .icons:hover .fa {

	color: #fff;

}

.fp-accordion.style-1.active .toggle-content {

	display: block;

}

.fp-accordion.style-1.active .fa:last-child {

	opacity: 1;

	color: #fff;

}

.fp-accordion.style-1.active .fa:first-child {

	opacity: 0;

}

.secondstyle .fp-accordion.style-1 .icons {

	width: 35px;

	height: 35px;

	line-height: 35px;

	margin-top: 10px;

	border-radius: 0;

	border: 1px solid #ddd;

	float: left;

}

.secondstyle .fp-accordion.style-1 .icons .fa {

	color: #ccc;

}

.secondstyle .fp-accordion.style-1.active .icons .fa {

	color: #fff;

}	

/*

================================================

10. Our Services

================================================

*/

.services {

	padding:71px 0 70px;

	background:#f6f6f6;

	}

.services .section-title {

	padding:0;

	}

.single-choose-item{

    background: #fff;

    display: block;

    position: relative;

    padding: 40px 20px 30px;

    margin-top: 40px;

    border: 1px solid #f0f0f0;

}

.single-choose-item .top {

    position: relative;

    padding-left: 60px;

    min-height: 60px;

}

.single-choose-item .top .icon-holder{

    position: absolute;

    left: 0;

    top: 0;

}

.single-choose-item .top .icon-holder {

    background: #f6f6f6;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: block;

    text-align: center;

    overflow: hidden;

    padding: 15px 0;

    z-index: 1;

}

.single-choose-item .top .icon-holder:after{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background: #283949;

    border-radius: 50%;

    z-index: -1;

    transform: scale(0);

    transition: all 500ms ease;

}

.single-choose-item:hover .top .icon-holder:after{

    transform: scale(1);    

}

.single-choose-item .top .icon-holder span:before {

    color: #9e9e9e;

    font-size: 30px;

    line-height: 30px;

    transition: all 500ms ease;

}

.single-choose-item:hover .top .icon-holder span:before{

    color: #ffffff;    

}

.single-choose-item .top .title-holder {

    padding-left: 60px;

    position: relative;

}

.single-choose-item .top .title-holder:before {

    position: absolute;

    top: 0;

    left: 10px;

    width: 40px;

    height: 1px;

    content: "";

    background: #f2f2f2;

    margin: 15px 0;

}

.single-choose-item .top .title-holder h3 {

    color: #283949;

    margin: 15px 0;

	font-weight:400;

}

.single-choose-item .text-holder {

    overflow: hidden;

    margin-top: 24px;

    margin-bottom: 10px;

}

.single-choose-item .read-more a {

    color: #222222;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    display: inline-block;

    position: relative;

    padding-top: 4px;

}

.single-choose-item:hover .read-more a{

    color: #283949;

}

.single-choose-item .read-more a:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: #f2f2f2;

    content: "";

}

.single-choose-item .read-more a:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 0%;

    height: 1px;

    background: #283949;

    content: "";

    transition: all 500ms ease;

}

.single-choose-item:hover .read-more a:after{

    width: 100%;    

}

/*

================================================

11. Our Team

================================================

*/

.team-mate {

    position: relative;

    box-shadow: 1px 1px 5px #ddd;

    border: 1px solid #ddd;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.team-mate:before {

    position: absolute;

    content: "";

    bottom: -1px;

    left: 0;

    right: 0;

    height: 5px;

    width: 100%;

    background: #ffb400;

    visibility: hidden;

    -webkit-transform: scaleX(0);

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.team-mate:hover:before {

    visibility: visible;

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -o-transform: scaleX(1);

    transform: scaleX(1);

}

.team-mate .member-photo {

    overflow: hidden;

    position: relative;

    background: #F1F1F1;

}

.team-mate .member-photo a img {

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.team-mate .member-title {

    padding: 15px 0;

    background-color: #fff;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.team-mate .member-title h4 {

    text-transform: uppercase;

    font-size: 18px;

    margin: 0 0 10px;

}

.team-mate:hover .member-title {

    background-color: #F9F9F9;

}

.member-photo .mask {

    background-color: #fff;

    position: absolute;

    text-align: center;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    opacity: 0;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.team-mate:hover .member-photo .mask {

    opacity: 0.8;

}

.member-photo .mask .single-team-social {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    top: 50%;

    position: relative;

}

.member-photo .mask .single-team-social a {

    color: #333;

    display: inline-block;

    height: 40px;

    width: 40px;

    line-height: 40px;

    border: 1px solid #333;

    margin: 0 6px 8px 6px;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.member-photo .mask .single-team-social a:hover i {

	color:#ffb400;

	}

.team-mate:hover .single-team-social a:nth-child(1) {

    -webkit-animation: fadeInLeft 1000ms ease-in-out;

    animation: fadeInLeft 1000ms ease-in-out;

}

.team-mate:hover .single-team-social a:nth-child(2) {

    -webkit-animation: fadeInDown 1000ms ease-in-out;

    animation: fadeInDown 1000ms ease-in-out;

}

.team-mate:hover .single-team-social a:nth-child(3) {

    -webkit-animation: fadeInRight 1000ms ease-in-out;

    animation: fadeInRight 1000ms ease-in-out;

}

/*

================================================

12. Client Testimonials

================================================

*/

.testimonial-wrapper {

	background:#f6f6f6;

	padding:71px 0 65px;

	}

.testimonial-wrapper .item {

	margin: 0 10px 20px;

}

.testimonial-wrapper .tes-wrapper {

	border: 1px solid #b7b7b7;

	text-align: center;

	padding: 20px;

	margin: 0 0 50px;

	background: #fff;

}

.testimonial-wrapper .tes-wrapper span {

	border-radius: 100px;

	display: inline-block;

	height: 110px;

	width: 110px;

	margin-bottom: 10px;

	margin-bottom: -70px;

	background: #fff;

}

.testimonial-wrapper .tes-wrapper img {

	display: block;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	border: 1px solid #b7b7b7;

	padding: 5px;

}

.testimonial-wrapper .tes-wrapper h3 {

	font-weight: 500;

	color: #fe8840;

	font-size: 20px;

	margin: 0 0 10px;

}

.testimonial-wrapper .tes-wrapper h4 {

	font-weight: 300;

	color: #282828;

	font-size: 16px;

	margin: 0 0 10px;

}

.testimonial-wrapper .tes-wrapper p {

	margin: 0 0 20px;

}

.testimonial-wrapper .owl-nav {

	display: none;

}

.testimonial-wrapper .owl-theme .owl-dots .owl-dot span {

	background: #8c8d8e;

	opacity: 1;

	margin: 0 3px;

	width: 10px;

	height: 10px;

}

.testimonial-wrapper .owl-theme .owl-dots .owl-dot.active span {

	background: #fe8840;

}

.testimonial-wrapper .owl-dots {

	padding: 20px 0 0;

}

/*

================================================

13. Portfolio

================================================

*/

.basement-portfolio {

	padding:70px 0 40px;

	}

.work {

	margin-bottom: 30px;

}

.work a {

	display: block;

	overflow: hidden;

	position: relative;

}

.work a img {

	width: 100%;

	height: auto;

}

.work-inner {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	display: block;

	padding: 20px;

}

.work-inner:after {

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: #000;

	opacity: 0;

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

	z-index: 1;

}

.work:hover .work-inner:after {

	opacity: 0.8;

}

.work-info {

	text-align: center;

	margin-top: 20%;

	top: -15px;

	position: relative;

}

.work-info h2:after {

	display: none;

}

.work-info p, .work-info h2, .work-info i {

	position: relative;

	z-index: 2;

	opacity: 0;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.work-info h2 {

	font-size: 20px;

	color: #fff;

	top: -10px;

	margin: 0;

	padding: 0;

	line-height: 35px;

}

.work-info p {

	font-size: 12px;

	top: 10px;

	font-weight: 700;

	-webkit-transition: all 0.6s;

	color: #aacc05;

}

.work-info i {

	font-size: 14px;

	top: 20px;

	font-weight: 700;

	-webkit-transition: all 0.6s;

	transition: all 0.6s;

	color: #333;

	background: #fff;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	line-height: 30px;

}

.work:hover .work-info p, .work:hover .work-info h2, .work:hover .work-info i {

	opacity: 1;

	top: 0;

}

.portfolio-filter {

	list-style: none;

	margin-bottom: 20px;

}

.portfolio-filter li.active, .portfolio-filter li:hover {

	border: none;

	background: #283949;

	color: #fff;

}

.portfolio-filter li {

	background: #f2f2f2 none repeat scroll 0 0;

	border: medium none;

	cursor: pointer;

	display: inline-table;

	font-size: 14px;

	font-weight: 600;

	margin: 0 5px 5px 0;

	padding: 10px 15px;

	position: relative;

	text-transform: uppercase;

}

.portfolio-filter li:after {

	position: absolute;

	content: "";

	width: 0;

	height: 3px;

	left: 0;

	bottom: 0;

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

}

.portfolio-filter li.active:after {

	width: 100%;

}

.work-popup {

	max-width: 550px;

	background: #fff;

	position: relative!important;

	margin: 30px auto;

	left: 0!important;

}

.work-popup img {

	width: 100%;

	height: 100%;

}

.work-popup-content {

	padding: 25px;

}

.work-popup-content h3 {

	font-size: 26px;

	margin-bottom: 20px;

}

.work-popup-content p {

	text-align: left;

	line-height: 23px;

}

.mfp-close-btn-in .mfp-close {

	position: absolute;

	background: #fff;

	font-size: 40px;

	width: 50px;

	height: 50px;

	opacity: 1;

	box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.2);

}	

/*

================================================

14. Contact Us

================================================

*/

.basement-contactus {

	width: 100%;

	float: left;

	padding: 71px 0 0;

	z-index: 9;

	position: relative;

	background:#f6f6f6;

}

.basement-contactus h5 a {

	color: #044764;

}

.service-item.style-1 {

	display: flex;

	padding: 20px;

	transition: all 0.3s ease-in-out 0s;

	border: 1px solid #dddddd;

	margin: 0 0 20px;

	background:#fff;

}

.service-item.style-1 .content {

	padding-left: 1em;

}

.service-item i {

	font-size: 25px;

	color: #283949;

}

.service-item a {

	color: #283949;

}

.form-main .form-control {

	background: #ffffff none repeat scroll 0 0;

	border-radius: 0;

	border-style: none none solid;

	border-width: medium medium 1px;

	box-shadow: none;

	height: 45px;

	margin-bottom: 20px;

	padding: 0 0 0 10px;

	transition: all 0.3s ease 0s;

}

.form-main textarea.form-control {

	height: auto;

	padding: 10px 0 0 10px;

}

.form-control:focus {

	border-color: #fe8840;

}

.form-main .btn {

	color:#000;

	}

.google-map {

	float: left;

	width: 100%;

	margin: 50px 0 0;

	padding: 70px 0;

	background:#fff;

}

.google-map iframe {

	width: 100%;

	border: none;

	height: 340px;

}

/*

================================================

15. Footer

================================================

*/

footer {

	padding: 25px 0;

	width: 100%;

	float: left;

	background: #edebeb;

}

footer p {

	color: #444;

	text-align: center;

	margin: 0;

}



/*

================================================

16. Media Quries

================================================

*/

@media (min-width: 768px) and (max-width: 991px) {

/*** Common styles ***/

#scrool-top {

	right: 15px;

}

/*** navigation ***/

.navigation {

	padding: 0;

}

.basement-logo {

	float: left;

}

.navbar-toggle {

	margin-right: 0;

	margin-top: -34px;

}

.navbar-default .navbar-nav li a {

	font-size: 12px;

	padding: 23px 10px;

}

.navbar-collapse {

	margin: 6px 0 0;

}

.navigation .navbar-collapse {

	padding: 0;

}

.navbar {

	margin-top: 0px;

}



}

@media (max-width: 767px) {

/*** Common styles ***/	

.section-title span {

	display: none;

}

.section-title h3 {

	margin-top: 0;

}

#scrool-top {

	right: 15px;

}

.section-title h3 {

	margin-left: 0;

}

/*** Top Bar ***/

.top-social {

	float:left !important;

	}

/*** navigation ***/

.navbar-default .navbar-toggle .icon-bar {

	background: #f8f8f8

}

.basement-logo {

  padding: 10px 0;

}

.menu-bg .navbar-toggle .icon-bar {

	background: #fff

}

.menu-bg .navbar-toggle {

	background:#aacc05;

	margin-top: -48px;

}

.navbar-toggle {

	margin-right: 0;

	margin-top: -48px;

	border: none;

	background:#aacc05;

}

.menu-bg .navbar-collapse, .navbar-collapse {

	background: none;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

	background: #607D8B;

}

.navbar-default .navbar-nav li a, .menu-bg .navbar-default .navbar-nav li a {

	padding: 11px 15px;

}

.menu-bg .basement-logo {

	padding: 10px 0;

}

header .navbar-nav {

	margin: 7.5px 0;

}

.navbar {

	margin: 0;

}

.navbar-brand {

	display: block;

	padding: 0;

	height: auto;

}

.navbar-default .navbar-collapse {

	float: none;

	border: none;

	box-shadow: none;

}

/*** Banner ***/

#first-slider h1 {

	font-size:35px;

	margin-top:20px;

	line-height:35px;

	}

#first-slider h3 {

	font-size:18px;

	}

#first-slider h3 span {

	display:inline;

	}	

#first-slider .carousel .item {

	min-height:600px;

	}		

/*** About Us ***/

.faqwrper {

	margin:30px 0 0;

	}

/*** Portfolio ***/

.portfolio-filter li {

	padding:10px;

	}	

}