/*
Theme Name: HaveHeart Child
Theme URI: http://haveheart.select-themes.com
Description: A child theme of HaveHeart
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.0
Text Domain: haveheart
Template: haveheart
*/


.section-padding {
    padding: 70px 0 70px;
}

a:hover {
	text-decoration:none;
}

.qodef-logo-holder a {
	margin-top:7px;
}

/*-----------------------------
4. slider Section
-------------------------------*/

.page-id-4587 .qodef-content-grid {
    width: 100%;
    margin: 0 auto;
}

#qodef-page-footer .qodef-content-grid {
    width: 1100px;
    margin: 0 auto;
}

.carousel-item {
    height: 600px;
}

.slider-inner {
    padding-left:15px;
    padding-right:15px;
	height: 850px;
	margin: auto;
}

.slider-one {
    padding: 200px 0 0 0;
	
}

.slider-inner h1 {
    margin: 0;
    font-size: 90px;
    text-align: center;
    line-height: 90px;
    font-weight: 700;
    margin-bottom: 15px;
}

.slider-inner h4 {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 26px;
    margin-bottom: 10px;
	text-align: center;
	white-space: normal;
	margin: 0;
}

.slider-inner p {
	font-size: 21px;
    margin-bottom: 15px;
	text-align: center;
    line-height: 32px;
	font-weight: 400;
}



.slider-btn a {
    padding: 16px 38px;
    text-transform: uppercase;
    border-radius: 35px;
    border: 1px solid transparent;
	line-height: 2em;
    letter-spacing: .15em;
    font-weight: 500;
}

.slider-btn a:hover {
	text-decoration:none;
}

.slider-btn {
    margin-top:40px;
	text-align: center;
}


/*-----------------------------
4. masonary Grid
-------------------------------*/

.masonary-grid .col-4 {
    -webkit-box-flex: 0;
    flex: 0 0 40%;
    max-width: 40%;
	padding-right: 0;
    padding-left: 0;
}

.masonary-grid .col-3 {
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
	padding-right: 0;
    padding-left: 0;
}

.hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}



.hvrbox-layer_top1 {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.hvrbox-layer_top2 {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 50%;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.hvrbox-layer_top a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hvrbox-layer_top1 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hvrbox-layer_top2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hvrbox-layer_top3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.single-hover:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}

.single-hover:hover .hvrbox-layer_top1,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}

.single-hover:hover .hvrbox-layer_top2,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}

.hvrbox-text {
	text-align: center;
	font-size: 15px;
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
		-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.hvrbox-text h5 {
    font-family: Caveat,cursive;
   font-size: 26px;
   letter-spacing: .025em;
   font-weight: 400;
	margin-bottom:0;
}

.hvrbox-text a:hover {
	text-decoration:none;
}

.hvrbox-text h4 {
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
    font-size: 21px !important;
    line-height: 1.45em !important;
    word-wrap: break-word !important;
	padding: 0 15px;
}

.hvrbox-text h4:hover {
	text-decoration:none;
}


.hover-textt {
    font-size:15px;
	padding-left: 30px;
    transition:margin 0.5s ease-in-out 0s;
     margin-top: -95px!important;
     visibility:hidden;
}

/*-----------------------------
4. Grid Gallery
-------------------------------*/

.grid-gallery .col-md-3 {
	padding-right: 0;
    padding-left: 0;
}


.grid-content-blue {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.grid-content-red {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.grid-content-blue a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.grid-content-red a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/*-----------------------------
4. Calender
-------------------------------*/

.calendar {
	padding-bottom: 413px !important;
}

.calendar h2 {
    font-weight: 700;
    letter-spacing: -.015em;
    font-size: 50px;
    line-height: 1.2em;
    word-wrap: break-word;
	text-align:center;
	margin-bottom: 50px;
}

.calendar p {
    font-weight: 700;
    letter-spacing: -.015em;
    font-size: 21px;
    line-height: 1.45em;
    word-wrap: break-word;
	text-align:center;
}

/*-----------------------------
4. Video
-------------------------------*/

.video {
    margin-top: -343px;
}

.video.section-padding {
    padding: 0px 0 80px;
}

.qodef-m-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 60px;
    line-height: 1;
}

.qodef-m-play-inner {
    width: 150px;
    height: 150px;
    display: block;
    margin: auto;
    text-align: center;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.qodef-m-play span {
    display: block;
    line-height: 150px;
    position: absolute;
    left: 0;
    right: 0;
}

.icon-basic-animation {
    display: block;
    position: absolute;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all .28s ease-out;
    -o-transition: all .28s ease-out;
    transition: all .28s ease-out;
}

.qodef-m-play span::before {
    display: block;
    line-height: inherit;
}

.icon-music-play-button::before {
    content: "r";
}

[class*=" icon-music-"]::before {
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*-----------------------------
4. project page
-------------------------------*/

.project-masonary-grid .col-4 {
    -webkit-box-flex: 0;
    flex: 0 0 40%;
    max-width: 40%;
	padding-right: 15px;
    padding-left: 15px;
}

.project-masonary-grid .col-3 {
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
	padding-right: 15px;
    padding-left: 15px;
}

.single-hover1 img {
    margin-bottom: 30px;
}

.single-hover1:hover .projectbox-layer_top2,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}

.projectbox-layer_top a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.projectbox-layer_top1 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.projectbox-layer_top2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.projectbox-layer_top3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.projectbox-layer_top {
	background: rgba(37,63,101,.8);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 15px;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	max-height:426px;
	max-width:426px;
}



.projectbox-layer_top1 {
	background: rgba(37,63,101,.8);
	opacity: 0;
	position: absolute;
	left: 15px;
	right: 0;
	bottom: 0;
	width: auto;
    height: 50%;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	max-height:198px;
	max-width:198px;
}

.projectbox-layer_top2 {
	background: rgba(37,63,101,.8);
	opacity: 0;
	position: absolute;
	left: 15px;
	right: 0;
	top: 0;
	width: auto;
    height: 50%;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	max-height:198px;
	max-width:198px;
}

.projectbox-layer_top3 {
	background: rgba(37,63,101,.8);
	opacity: 0;
	position: absolute;
	left: 15px;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: auto;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	max-height:426px;
	max-width:198px;
}

.single-hover:hover .projectbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}

.single-hover:hover .projectbox-layer_top1,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}

.single-hover:hover .projectbox-layer_top3,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}


/*-----------------------------
4. About page
-------------------------------*/

.page-id-4728 .qodef-content-grid {
    width: 100%;
    margin: 0 auto;
}


.text-grid.section-padding {
    padding: 0 0 80px;
}

.text-grid h4 span {
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
}

.text-grid h4 {
    font-size: 1.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
	margin: 0 0 25px;
}

.text-with-img .col-md-12 {
    padding-left: 0;
	padding-right: 0;
}

.text-with-img a {
    padding: 13px 32px;
    text-transform: uppercase;
    border-radius: 35px;
    border: 1px solid transparent;
	line-height: 2em;
    letter-spacing: .15em;
    font-weight: 500;
    margin: auto auto auto 0;
}

.text-with-img a:hover {
	text-decoration:none;
}
.img-text {
    display: table-cell;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 0% 12% 0% 12% !important;
	margin: auto;
    vertical-align: middle;
    height: 405px;
}

.img-text h4 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 4px;
    letter-spacing: .025em;
}


.img-text p {
	margin-bottom: 30px;
}



/*-----------------------------
08. Testimonial Section
-------------------------------*/


.circle-testimonial-item {
	border-radius:8px;
	padding:30px 20px;
	text-align:center;
}

.testimonial-slider-wrapper h2 {
    background: url('https://lagunapaviliondental.com/wp-content/uploads/2020/03/title-border.png') no-repeat center bottom;
    font-size: 35px;
    padding-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:30px;
}

.review-stars {
    list-style: outside none none;
    margin: 10px auto 5px;
    padding: 0;
    font-size: 12px;
}

.review-stars li {
    display: inline-block;
}

.review-stars i.fa {
    color: #FFD203;
    margin: 0;
    padding: 0;
}

.testimonial-slide-item-table {
    display: table;
    height: 100%;
    width: 100%;
}
.testimonial-slide-item-tablecell {
    display: table-cell;
    vertical-align: baseline;
}

.testimonial-slider-wrapper .owl-theme .owl-dots .owl-dot.active span, .testimonial-slider-wrapper .owl-theme .owl-dots .owl-dot:hover span {
    border: 1px solid #A51F31 !important;
}

.testimonial-slider-wrapper .owl-dots {
    position: relative;
    z-index: 9999;
	text-align:center;
	margin-top:15px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.testimonial-slider-wrapper .owl-theme .owl-dots .owl-dot {
    display: inline-block;
}

.circle-testimonial-item p {
    margin: 0 0 41px;
    letter-spacing: .025em;
    font-weight: 400;
    line-height: 45px;
    font-size: 40px;
}

.circle-testimonial-item h5 {
    font-weight: 700;
    letter-spacing: -.015em;
	font-size: 16px;
    line-height: 1.2em;
    margin: 0;
}

.circle-testimonial-item img {
    width: auto !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
	margin: auto;
}

/*-----------------------------
08. CTA Section
-------------------------------*/

.cta {
    height: 160px;
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
	align-content: center;
}

.cta h2 {
	text-align:center;
}

.cta h2 a {
    text-decoration:none;
}

/*-----------------------------
08. Team
-------------------------------*/

.team-title.section-padding {
	padding: 0 0 70px;
}

.team-title h5 {
    font-family: Caveat,cursive;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 4px;
    letter-spacing: .025em;
	text-align:center;
}

.team-title h1 {
	text-align:center;
}

.team-title p {
    font-size: 21px;
	text-align:center;
}



.team-member svg {
    margin-left: 30%;
    position: absolute;
    margin-top: -21%;
}



.team-member h6 {
    margin: 0 0 0 0;
    font-size: 26px;
    letter-spacing: .025em;
	text-align:center;
}

.team-member h4 {
	text-align:center;
	margin-top:20px;
}

/*-----------------------------
08. Services
-------------------------------*/

.services .qodef--icon-pack {
    margin-bottom: 60px;
}

.page-template .qodef-content-grid {
    width: 100%;
    margin: 0 auto;
}

.progressbar-text h4 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 4px;
    letter-spacing: .025em;
}

.progress {
    width: 100%;
    height: 4px;
    border-radius: 0px;
}

.newsletter h5 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 4px;
    letter-spacing: .025em;
	text-align:center;
}

.newsletter h1 {
	text-align:center;
}

.newsletter p {
    font-size: 21px;
	text-align:center;
}

.newsletter .qodef-newsletter-light {
	padding-right: 26.2% !important;
    padding-left: 26.2% !important;
}

/* Big screen Layout: 1920px. */
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
	.video .container {
        max-width: 1300px !important;
    }
	
	.img-text {
        height: 585px;
    }
}

/* Tablet Layout: 1188px. */
@media only screen and (min-width: 987px) and (max-width: 1188px) {
	.projectbox-layer_top {
        max-height: 354px;
        max-width: 354px;
    }
	.projectbox-layer_top2 {
        max-height: 162px;
        max-width: 162px;
    }
	
	.projectbox-layer_top1 {
		max-height: 162px;
        max-width: 162px;
	}
	.projectbox-layer_top3 {
		max-height: 350px;
        max-width: 162px;
	}
	.single-hover img:nth-child(4) { 
		height: 354px !important;
		object-fit:cover;
	}
	
	.mb-img  { 
		height: 354px !important;
		object-fit:cover;
	}
	
	
}

/* Tablet Layout: 1188px. */
@media only screen and (min-width: 768px) and (max-width: 986px) {

.hvrbox-text h5 {
    font-size: 16px;
}
	
	.hvrbox-text h4 {
    font-size: 15px !important;
    line-height: 1.2em !important;
}
	
	.projectbox-layer_top {
    max-height: 258px;
    max-width: 258px;
}
	
	.projectbox-layer_top2 {
    max-height: 114px;
    max-width: 114px;
}
	
	.projectbox-layer_top1 {
    max-height: 114px;
    max-width: 114px;
}
	
    .projectbox-layer_top3 {
        max-height: 258px;
        max-width: 114px;
}
	
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#qodef-mobile-header-navigation-menu {
        width: 600px !important;
    }
	
	#qodef-page-footer-top-area-inner {
        width: 600px !important;
    }
	
	.carousel-control-prev {
		display:none;
	}
	
	.carousel-control-next {
		display:none;
	}
	
	.calendar {
        padding-bottom: 270px !important;
    }
	
	.video {
        margin-top: -210px;
    }
	
	.single-hover img:nth-child(4) { 
		height:258px !important;
		object-fit:cover;
	}
	
	.mb-img  { 
		height:258px !important;
		object-fit:cover;
	}
	
}

/* Tablet Layout: 490px. */
@media only screen and (min-width: 575px) and (max-width: 767px) {
	
	.projectbox-layer_top {
    max-height: 510px !important;
    max-width: 510px !important;
}
	
	.projectbox-layer_top2 {
    max-height: 400px !important;
    max-width: 400px !important;
}
	
	.projectbox-layer_top1 {
    max-height: 400px !important;
    max-width: 400px !important;
		bottom: 30px;
}
	
    .projectbox-layer_top3 {
    max-height: 860px !important;
    max-width: 400px !important;
}
	
	.hvrbox-layer_top {
        max-height: 767px !important;
        max-width: 767px !important;
    }
	.hvrbox-layer_top2 {
        max-height: 400px !important;
        max-width: 400px !important;
    }
	
	.hvrbox-layer_top1 {
		max-height: 400px !important;
        max-width: 400px !important;
		bottom: 30px !important;
	}
	.hvr-mbl {
		max-height: 800px !important;
        max-width: 400px !important;
	}
	
}

/* Tablet Layout: 490px. */
@media only screen and (min-width: 481px) and (max-width: 568px) {
	
	.projectbox-layer_top {
	    max-width: 519px !important;
	    max-height: 519px !important;
    }
	
	.projectbox-layer_top2 {
        max-height: 400px !important;
        max-width: 400px !important;
    }
	
	.projectbox-layer_top1 {
        max-height: 400px !important;
        max-width: 400px !important;
		bottom:30px !important;
    }
	
    .projectbox-layer_top3 {
        max-height: 860px !important;
        max-width: 400px !important;
    }
	
	.hvrbox-layer_top {
        max-height: 568px !important;
        max-width: 568px !important;
    }
	.hvrbox-layer_top2 {
        max-height: 400px !important;
        max-width: 400px !important;
    }
	
	.hvrbox-layer_top1 {
		max-height: 400px !important;
        max-width: 400px !important;
		bottom: 30px;
	}
	.hvr-mbl {
		max-height: 800px !important;
        max-width: 400px !important;
	}

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 480px) {
	.projectbox-layer_top {
	    max-width: 450px !important;
	    max-height: 450px !important;
    }
	
	.projectbox-layer_top2 {
        max-height: 400px !important;
        max-width: 400px !important;
		height: 100%;
    }
	
	.projectbox-layer_top1 {
        max-height: 400px !important;
        max-width: 400px !important;
		bottom:30px !important;
    }
	
    .projectbox-layer_top3 {
        max-height: 860px !important;
        max-width: 400px !important;
    }
	
	.hvrbox-layer_top {
        max-height: 480px !important;
        max-width: 480px !important;
    }
	.hvrbox-layer_top2 {
        max-height: 400px !important;
        max-width: 400px !important;
    }
	
	.hvrbox-layer_top1 {
		max-height: 400px !important;
        max-width: 400px !important;
		bottom: 30px;
	}
	.hvr-mbl {
		max-height: 800px !important;
        max-width: 400px !important;
	}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 380px) {
	.projectbox-layer_top {
	    max-width: 330px !important;
	    max-height: 330px !important;
    }
	
	.projectbox-layer_top2 {
        max-height: 330px !important;
        max-width: 330px !important;
		height: 100%;
    }
	
	.projectbox-layer_top1 {
        max-height: 330px !important;
        max-width: 330px !important;
		bottom:30px !important;
    }
	
    .projectbox-layer_top3 {
        max-height: 710px !important;
        max-width: 330px !important;
    }
	
	.hvrbox-layer_top {
        max-height: 360px;
        max-width: 380px;
    }
	.hvrbox-layer_top2 {
        max-height: 360px;
        max-width: 380px;
    }
	
	.hvrbox-layer_top1 {
		max-height: 360px;
        max-width: 380px;
		bottom: 30px;
	}
	.hvr-mbl {
		max-height: 720px;
        max-width: 360px;
	}
	
}



/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	
	#qodef-mobile-header-navigation-menu {
        width: 300px !important;
    }
	
	#qodef-page-footer-top-area-inner {
        width: 300px !important;
    }
	
	.slider-inner h1 {
		font-size:43px;
		line-height: 43px;
	}
	
	.carousel-control-prev {
		display:none;
	}
	
	.carousel-control-next {
		display:none;
	}
	
	.slider-one {
        padding: 170px 0 0 0;
    }
	
	.masonary-grid .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
	
	.masonary-grid .col-3  {
        flex: 0 0 100%;
        max-width: 100%;
    }
	
	.project-masonary-grid .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .project-masonary-grid .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
	
	
	
	
	
	.single-hover img {
		margin-bottom:30px
	}
	
	
	
	.grid-content-blue {
		position: relative;
        height: 300px;
        padding: 20px;
    }
	
	.grid-content-red {
		position: relative;
        height: 300px;
        padding: 20px;
    }
	
	.calendar .col-md-4  {
        margin-bottom: 20px;
    }
	
	.calendar {
        padding-bottom: 120px !important;
    }
	
	.video {
        margin-top: -100px;
    }
	
	.qodef-m-play {
        font-size: 40px;
    }
	
	.qodef-m-play-inner {
        width: 80px;
        height: 80px;
    }
	
	.qodef-m-play span {
       line-height: 80px;
	}
	
	.img-text {
        padding: 50px 5% 50px !important;
    }
	
	.circle-testimonial-item p {
        font-size: 22px;
        line-height: 28px;
    }
	
	.team-member {
        margin-bottom: 90px;
    }
	
	.team-member svg {
        margin-left: 16%;
    }
	
	.team-member .qodef-icon-holder {
		left: 0px !important;
	}
	
	
	
}


/* Xtra */


.page-id-1467 .qodef-content-grid {
    width: 1100px;
    margin: 0 auto;
}

.page-id-2147 .qodef-content-grid {
    width: 1100px;
    margin: 0 auto;
}

.page-id-2060 .qodef-content-grid {
    width: 1100px;
    margin: 0 auto;
}

.page-id-1748 .qodef-content-grid {
    width: 1100px;
    margin: 0 auto;
} 

.page-id-1879 .qodef-content-grid {
    width: 1100px;
    margin: 0 auto;
}