/* ==============================================================

Project: 	Sena - Responsive One Page Parallax Template
Info:		https://themeforest.net/item/sena-responsive-one-page-parallax-template/25354391
Version: 	1.0
Author:		AthenaStudio
Profile:	https://themeforest.net/user/athenastudio

-----------------------------------------------------------------
					*** TABLE OF CONTENTS ***
-----------------------------------------------------------------

	1.	General
	2.	Loader
	3.	Sections
	4.	Navigation
	5.	Slider
	6.	Intro
	7.	Arrows
	8.	About
	9.	Services
	10.	Clients
	11.	Buttons
	12.	Inputs, Textareas
	13.	Portfolio
	14.	Info box
	15.	Our testi
	16.	Contact
	17.	Google maps
	18.	Footer
	19.	Tables
	20.	Images slider
	21.	Blog posts
	22.	Sidebars
	23.	Pagination
	24.	Comment form
	25.	Comments
	26.	Error page
	27.	Share panel
	28.	Progress bars
	29.	Pricing tables
	30.	Counters
	31.	Testimonials
    32. Support
		
=============================================================*/

/*********************
    - 1. General -
*********************/

@font-face {
font-family:"NotoSans";
src:url(../fonts/NotoSans-Regular.ttf);
font-display:auto;font-style:normal;font-weight:400;
}

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family:"bree",sans-serif;
	font-size:16px;
	line-height:1.75em;
	color:#333;
	letter-spacing: 0.5px;
	background:#fff;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}

h1, .h1, 
h2, .h2, 
h3, .h3, 
h4, .h4, 
h5, .h5, 
h6, .h6 {
	font-family:"bree",sans-serif;
	font-weight:600;
	line-height: 1.4 !important;
}

h1, .h1 {font-size:70px;}
h2, .h2 {font-size:40px;}
h3, .h3 {font-size:32px;}
h4, .h4 {font-size:24px;}
h5, .h5 {font-size:20px;}
h6, .h6 {font-size:16px;}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, 
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight:700;
}

hr {
	margin:0;
	border-color:#f0f0f0;
}

img {
	max-width:100%;
}

a {
	color:#333;
	-webkit-transition:.3s;
	   -moz-transition:.3s;
			transition:.3s;
}

a:hover {
	text-decoration:none;
	outline:0;
}

.hidden-m-l{
	display: none;
}
blockquote {
	font-style:italic;
	margin:20px 0;
}

ul{
	padding: 0px;
	list-style: none !important;
}
.text-semibold {
	font-weight:500;
}

.text-light {
	font-weight:300;
}

.text-white {
	color:#fff !important;
}

.img-rounded, .rounded {
	border-radius:3px;
}

.opacity8 {
	opacity:0.8;
}

.opacity9 {
	opacity:0.9;
}

.uppercase {
	text-transform:uppercase;
}

.lowercase {
	text-transform:none;
}

.full-width {
	width:100% !important;
}

.empty-10 {
	clear:both;
	height:10px;
}

.empty-20 {
	clear:both;
	height:20px;
}

.empty-30 {
	clear:both;
	height:30px;
}

.empty-50 {
	clear:both;
	height:50px;
}

.valign {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	   -ms-flex-align:center;
		  align-items:center;
}

.mr-15 {
	margin-right:15px;
}

p.info {
	font-size:16px;
	color:#999;
}

section.parallax p.info {
	color:#fff;
}

p.info.white {
	margin-bottom:35px;
}

input, input:hover, input:focus, 
button, button:hover, button:focus, 
textarea, textarea:focus, textarea:active {
	outline:0;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}

a:focus, 
a:active, 
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
select::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner {
 	border:0;
 	outline:0;
}

::-webkit-input-placeholder {
 	opacity:.8;
 	color:#a6a6a6;
}

::-moz-placeholder {
 	opacity:.8;
 	color:#a6a6a6;
}

::-ms-input-placeholder {
 	opacity:.8;
 	color:#a6a6a6;
}

.layout-gap{
	height: 50px;
}

/********************
    - 2. Loader -
********************/
.page-loader {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99999;
	width:100%;
	height:100%;
	background-color:#fff;
}

.page-loader .loader-middle {
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-30px;
}

.page-loader .loading-spinner {
	position:absolute;
	top:0;
    bottom:0;
    left:0;
    right:0;
    opacity:1;
    width:60px;
    height:60px;    
    border:2px solid #eee;
    border-top:3px solid #666;
    border-radius:100%;   
    margin:0 auto;    
	-webkit-animation:loader-spin 1s infinite linear;
    		animation:loader-spin 1s infinite linear;
}

@keyframes loader-spin {
    from 	{transform:rotate(0deg);}
	to 		{transform:rotate(360deg);}
}

/**********************
    - 3. Sections -
**********************/
.container-custom{
	width: auto !important;
	padding: 100px 250px;
	margin-left: auto;
	margin-right: auto;
}
section {
	position:relative;
	background:#fff;
}

section .container {
	padding-top:100px;
	padding-bottom:100px;
}

section.bg-grey {
	background-color:#f8f5f2;
}

section.bg-dark {
	background-color:#1f1f1f;
}

/* Section title */
.section-title h3, h3 {
	position:relative;
	clear:both;
	font-size:32px;
	line-height:32px;
	font-weight:600;
	margin:0 0 30px 0;
}

.section-title h2 {
	position:relative;
	clear:both;
	display:inline-block;
    margin:0 0 50px 0;
	font-size:50px;
	line-height:50px;
	font-weight:600;
}

.section-title p {
	font-size:18px;
	line-height:1.5em;
	margin-bottom:70px;
}

/* White section title */
.section-title.white h2 {
	color:#fff;
}

.section-title.white p {
	color:#fff;
	opacity:0.9;
}

/* Page title */
.page-title {
	height:450px;
    background:#212121;
}

.page-title.parallax {
	height:550px;
	margin-top:0;    
}

/* Section close icon */
section .section-title .icon.close {
    position:relative;
    cursor:pointer;
	margin-bottom:20px;
    opacity:0.3;
    -webkit-transition:opacity .3s;
       -moz-transition:opacity .3s;
    		transition:opacity .3s;
}

section .section-title .icon.close:hover {
	opacity:1;
}

section .section-title .icon.close i {
	color:#000;
	font-size:20px;
	line-height:20px;
}

.icon.large i {
	font-size:50px;
}

.icon.largest i {
	font-size:130px;
}

/* Section background */
section.parallax, 
section.video {
	position:relative;
	z-index:1;
	overflow:hidden;
	color:#fff;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top !important;
	background-size:cover;
}

section.parallax .parallax-overlay, 
section.video .parallax-overlay, 
section.parallax .video-overlay, 
section.video .video-overlay {
	position:absolute;
	background-color:rgba(0, 0, 0, 0.4);
	width:100%;
	height:100%;
	left:0;
	top:0;
}

section.parallax header, 	section.video header, 	section.bg-dark header, 
section.parallax i, 		section.video i, 		section.bg-dark i, 
section.parallax h1, 		section.video h1, 		section.bg-dark h1, 
section.parallax .h1, 		section.video .h1, 		section.bg-dark .h1, 
section.parallax h2, 		section.video h2, 		section.bg-dark h2, 
section.parallax .h2, 		section.video .h2, 		section.bg-dark .h2, 
section.parallax h3, 		section.video h3, 		section.bg-dark h3, 
section.parallax .h3, 		section.video .h3, 		section.bg-dark .h3, 
section.parallax h4, 		section.video h4, 		section.bg-dark h4, 
section.parallax .h4, 		section.video .h4, 		section.bg-dark .h4, 
section.parallax h5, 		section.video h5, 		section.bg-dark h5, 
section.parallax .h5, 		section.video .h5, 		section.bg-dark .h5, 
section.parallax h6, 		section.video h6, 		section.bg-dark h6, 
section.parallax .h6, 		section.video .h6, 		section.bg-dark .h6 {
	color:#fff;
}

section.parallax a:hover, section.video a:hover, 
section.parallax a:focus, section.video a:focus {
	text-decoration:none;
}

section.parallax i, section.video i {
	cursor:default;
}

section.parallax a i, section.video a i {
	cursor:pointer;
}

section.video .video-responsive {
	top:-40px;
}

section.video .video-container {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
}

/************************
    - 4. Navigation -
************************/
.navbar {
	position:absolute;
	z-index:99;
	width:100%;
	height:min-content;
	min-height:0;
	padding:15px 0;
	margin-bottom:0;
	border-radius:0;
	border:0;
	font-family:"bree", sans-serif;
	-webkit-backface-visibility:hidden;
	box-shadow: 0 1px 15px #3339;
}

.navbar .navbar-nav {
	margin-left:0;
	margin-right:0;
}

.navbar .navbar-nav > li a {
	cursor:pointer;
	color:#c0d623;
	line-height: inherit !important;
	-webkit-transition:all 0.15s ease;
	   -moz-transition:all 0.15s ease;
			transition:all 0.15s ease;
}

.navbar .navbar-nav > li a:hover, 
.navbar .navbar-nav > li a:focus,
.navbar .navbar-nav > li.active a {
	background:#fff;
	color: #781d7d;
}
.navbar .navbar-nav .btn-subscribe:hover a{
	background-color: #fff !important;
}
.navbar .navbar-nav > li > a {
	font-size:16px;
	font-weight:600;
	padding:4px 15px;
	background-color:transparent;
	border-radius: 10px;
	margin: 0 10px;	
}

.navbar .navbar-brand {
	padding-top:0;
	padding-bottom:0;	
	height:auto;
	line-height:1;
	position:relative;
}

.navbar .navbar-collapse {
	padding-left:0;
	padding-right:0;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}
.navbar-collapse.collapse{
	height: 55px !important;
}
.navbar-nav{
	height: inherit !important;
	display: flex;
	align-items: center;
}

.navbar .navbar-collapse.collapse.in, 
.navbar .navbar-collapse.collapsing {
	position:absolute;
    z-index:100;
	width:100%;
	background: #fff;
	margin-top: 15px;
	overflow: hidden;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 1px 5px 20px -15px;
	text-align: center;
}

.navbar .navbar-toggle {
	background:transparent;
	padding:0;
	margin-top:3px;
	margin-bottom:0;
}

.navbar .navbar-toggle .icon-bar {
	height:3px;
	border-radius:1px;
	background-color:#fff;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
}

.navbar .navbar-nav > li > .dropdown-menu {
	top:40px;
	border-radius:3px;
	border:none;
	background-color:#fff;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}

.navbar .navbar-nav > li > .dropdown-menu > li a {
	padding-top:10px;
	padding-bottom:10px;
	color:#282828;
	font-size:14px;
	text-transform:none;
	background-color:transparent !important;
}

/* Floating navbar */
.navbar.floating {
	position:fixed;
	display:block;
	padding:10px 0;
	background-color:#781d7d;
}

.navbar.floating .navbar-nav > li > .dropdown-menu {
	border-radius:0 0 3px 3px;
	top:45px;
}

/* Menu icons */
.navbar .navbar-icon {
	position:relative;
	float:right;
	line-height:1;
	margin-left:30px;
}

.navbar .navbar-icon a {
	padding:0 10px;
}

.navbar .navbar-icon a:last-child {
	padding-right:0;
}

.navbar .navbar-icon a > i {
	color:#fff;
	-webkit-transition:all 0.15s ease;
	   -moz-transition:all 0.15s ease;
			transition:all 0.15s ease;
}

/* Fixed top  */
.navbar.fixed-top {
	position:absolute !important;
}

/* Animation */
.navbar.slide-down {
  	-webkit-animation-name:navSlideDown;
  			animation-name:navSlideDown;
	animation-duration:1s;
}

@keyframes navSlideDown {
  	from {
		-webkit-transform:translate3d(0, -100%, 0);
    		transform:translate3d(0, -100%, 0);
		visibility:visible;
  	}

  	to {
    	-webkit-transform:translate3d(0, 0, 0);
    			transform:translate3d(0, 0, 0);
  	}
}

/*******************
    - 6. Intro -
*******************/
.intro {
	background-image: url("../../images/main-banner.jpg");
	background-color: #781d7d;
	background-size: cover;
	background-position: top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position:relative;
	width: 100%;
	height:100vh;
	color:#fff;
	padding-top: 5%;
}

.intro .intro-slideshow .item {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-size:cover;
    background-repeat:no-repeat;
}

.intro .intro-slideshow .owl-item {
    position:relative;
    height:100vh;    
}

/* Caption */
.intro p, 
.intro h1, .intro .h1, 
.intro h2, .intro .h2, 
.intro h3, .intro .h3, 
.intro h4, .intro .h4, 
.intro h5, .intro .h5, 
.intro h6, .intro .h6 {
	color:#fff;
}


.intro h3 {
	clear:both;
	color:#fff;
	font-size:14px;
	line-height:14px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 30px 0;
	-webkit-animation-delay:.3s;
	   -moz-animation-delay:.3s;
			animation-delay:.3s;
}
.intro .caption{
	text-align: center;
}
.intro .caption h1 {
	clear:both;
	color:#fff;
	margin:0 0 30px 0;
	font-size:50px;
	line-height:60px;
	font-weight:700;	
	-webkit-animation-delay:.6s;
	   -moz-animation-delay:.6s;
			animation-delay:.6s;
}

.intro .caption > p:last-child {
	margin-bottom:0;
}

.intro .caption .btn,
.parallax .btn {
	-webkit-animation-delay:1.2s;
	   -moz-animation-delay:1.2s;
			animation-delay:1.2s;
}

/* Video control */
.intro .content .video-control {
	margin:0 auto 30px;
}

.intro .content .video-container {
	margin-top:10px;
	display:inline-block;
	width:47.86324786324786%;
	min-width:150px;
	padding:4px;
	background-color:#fff;
	border-radius:3px;
	line-height:0;
}

/* Magic mouse */
.intro .mouse {
	position:absolute;
	z-index:3;
	width:40px;
	height:40px;
	border-radius:20px;
	background:#c0d623;
	bottom:42px;
	margin:0 auto;
	left:0;
	right:0;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.intro .mouse a {
	display:block;
	width:21px;
	height:32px;
}

.intro .mouse .down {
	position:absolute;
	display:block;
	margin-left:auto;
	margin-right:auto;
	top:3px;
	left:0;
	right:0;
	-webkit-animation:magic-mouse 1.2s infinite ease;
	   -moz-animation:magic-mouse 1.2s infinite ease;
			animation:magic-mouse 1.2s infinite ease;
}

@keyframes magic-mouse {
 	0% {
 		top:3px;
 		opacity:0;
	}
	
 	30% {
 		opacity:1;
	}
	
 	100% {
 		top:16px;
 		opacity:0;
	}
}

/********************
    - 7. Arrows -
********************/
.arrows {
	font-size:0;
	margin-top:35px;
}

.arrows .arrow {
	line-height:1;
	font-size:14px;
	cursor:pointer;
	display:inline-block;
	position:relative;
	color:#fff !important;
}

.arrows .arrow.left {
	margin-right:12px;
}

.arrows .arrow i {
	padding:5px;
	color:inherit;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

/* Intro navigation */
.intro-nav {
	position:absolute;
	z-index:2;
	left:0;
	right:0;
	bottom:30px;
}

.intro-nav .container {
	padding-top:0;
	padding-bottom:0;
}

.intro-nav .wrapper {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
		 -ms-flex-align:center;
			align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

/* Intro arrows */
.intro-nav .owl-arrows > button {
	cursor:pointer;
	color:#fff;
	width:42px;
	text-decoration:none;	
	border:0;
	background:none;
	overflow:hidden;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.intro-nav .owl-arrows > button:hover {
	text-decoration:none;
}

.intro-nav .owl-arrows > button > span {
	display:none;
}

.intro-nav .owl-arrows > .owl-next {
	left:auto;
	right:0;
	border-right:0 !important;
}

.intro-nav .owl-arrows > button:before {
	font-family:"linea-arrows-10" !important;	
	font-size:40px;
	line-height:50px;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.intro-nav .owl-arrows > .owl-prev:before {
	content:"\e03f";
}

.intro-nav .owl-arrows > .owl-next:before {
	content:"\e04b";
}

/* Intro dots */
.intro-nav .owl-dots {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
		 -ms-flex-align:center;
			align-items:center;
}

.intro-nav .owl-dots .owl-dot {
	position:relative;
	counter-increment:slides-num;
	pointer-events:all;
	margin-left:35px;
	font-family:"Poppins", sans-serif;
	font-size:12px;
	line-height:24px;
	font-weight:500;
	opacity:0.3;
	border:0;
	background:none;	
	overflow:visible;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.intro-nav .owl-dots .owl-dot:first-of-type {
	margin-left:0;
}

.intro-nav .owl-dots .owl-dot:before {
	content:"0" counter(slides-num);
}

.intro-nav .owl-dots .owl-dot:nth-child(n+10):before {
	content:counter(slides-num);
}

.intro-nav .owl-dots .owl-dot:after {
	content:'';
	position:absolute;
	left:-17px;
	top:50%;
	width:1px;
	height:15px;
	box-shadow:inset 0 0 0 1px;
	-webkit-transform:rotate(15deg) translateY(-50%);
	   -moz-transform:rotate(15deg) translateY(-50%);
			transform:rotate(15deg) translateY(-50%);
	-webkit-transform-origin:0 0;
	   -moz-transform-origin:0 0;
			transform-origin:0 0;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.intro-nav .owl-dots .owl-dot.active {
	opacity:1;
	font-size:24px;
	padding-right:10px;
	margin-left:90px;
}

.intro-nav .owl-dots .owl-dot.active:after {
	height:50px;
	left:-45px;
	-webkit-transform:rotate(90deg) translateY(-50%);
	   -moz-transform:rotate(90deg) translateY(-50%);
			transform:rotate(90deg) translateY(-50%);
}

/*******************
    - 8. About -
*******************/
#aboutUs{
	background-image: url("../../images/aboutUs-banner.jpg");
	background-size: cover;
	padding-top: 180px;
}

#aboutUs p, #eduBeeProvides p{
	font-family: "bree", sans-serif;
	color: #781d7d;
}

/**********************
    - EduBee Provides -
**********************/
#eduBeeProvides .container-custom{
	padding-bottom: 250px;
}
#eduBeeProvides .eduBeeFeatures .row{
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}

#eduBeeProvides .eduBeeFeatures .row:last-child{
	margin-bottom: 0px !important;
}
#eduBeeProvides h3{
	color: #fff;
}
/**********************
    - 9. Services -
**********************/
.service-single {
	position:relative;
	text-align:center;
	padding:40px 25px;
	background:#fff;
	border-radius:5px;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
	box-shadow: 5px 0px 8px -2px #8885;
}

.service-single .icon {
    display:inline-block;
    font-size:52px;
	text-align:center;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.service-single ~ h6 {
	text-align: center;
	margin-top: 30px;
}

.service-single > p {
	margin-bottom:20px;
}

.service-single > p:last-child {
	margin-bottom:0;
}

/* Hover */
.service-single:hover {
    -webkit-transform:translateY(-5px);
       -moz-transform:translateY(-5px);
        	transform:translateY(-5px);
}

/* Arrow */
.service-single .arrow {
	clear:both;
	width:36px;
	height:36px;
	font-size:20px;
	line-height:36px !important;
	cursor:pointer;
	color:#fff !important;
	text-decoration:none;	
	border:0;
	border-radius:50%;
	overflow:hidden;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.service-single .arrow:before {
	line-height:36px !important;
}

.service-single:hover .arrow {
	background:#fff;
}

#weFocusOn .icon-left{
	position: absolute;
	display: flex;
	margin: 50px -100px;
}
#weFocusOn .icon-right{
	position: absolute;
	margin: 50px 30px;
	transform: rotate(180deg);
}

/******``Videos  ****/
#videos{
	padding:0 70px;
}
.videos-slider{
	margin-bottom: -120px;
}

#videos .video-frame{
	background-size: cover;
	height: 20rem;
	width: 100%;
	text-align: center;}

#videos .video-frame button{
	background: transparent;
	border: none;
	position: relative;
	top: 70px;
	transition: all linear 0.5s;
}

#videos .video-frame h6{
	position: relative;
	top: 65px;
	font-size: 14px;
	line-height: 16px !important;
	color: #fff;
	padding: 0px 30px;
}

.modal-dialog {
    width: 60% !important;
}

.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:10px;
  top:0px;
  z-index:999;
  font-size:4rem;
  font-weight: normal;
  color:#000 !important;
  opacity:1;
}

#videos .owl-prev {
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
}

#videos .owl-next {
    position: absolute;
    top: 40%;
    right: -20px;
    display: block !important;
}

#videos .owl-prev i, #videos .owl-next i{
	transform: scale(1.5);
	color: #781d7d;
}

/**********************
    - 10. Clients -
**********************/
.clients-slider {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.clients-slider .client {
	position:relative;
	overflow:hidden;
	text-align:center;
}

.clients-slider .client img {
	display:block;
	width:80px !important;	
	margin:0 auto;
	text-align:center;
	opacity:0.7;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.clients-slider .client img:hover {
	opacity:1;
}

.clients-slider .owl-dots {
	position:absolute;
	left:0;
	right:0;
	bottom:-60px;
	text-align:center;
}

.clients-slider .owl-dots > .owl-dot {
	display:inline-block;
}

.clients-slider .owl-dots > .owl-dot span {
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#ccc;
	cursor:pointer;
	margin:0 5px;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

/**********************
    - 11. Buttons -
**********************/
.btn {
	border-radius:10px;
	padding:6px 17px;
	line-height:25px;
	font-family:"bree", sans-serif;
	font-size:16px;
	font-weight:600;
	letter-spacing:1px;
	border-width:0;	
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
			transition:all 0.5s;
}

#intro .btn{
	text-transform:uppercase;
}

.btn i {
	color:inherit;
	padding-right:5px;
}

.btn i.right {
	padding-left:5px;
    padding-right:0;
}

.btn.btn-default {
	color:#fff;
}

.btn.btn-link {
	text-decoration:none !important;
}
.btn-animate span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btn-animate span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: -4px;
  right: -20px;
  font-size: 25px;
  transition: 0.5s;
}

.btn-animate:hover span {
  padding-right: 25px;
}

.btn-animate:hover span:after {
  opacity: 1;
  right: 0;
}
/* Small button */
.btn.btn-small {
	padding:13px 20px 14px;
}

.btn.btn-small i {
	font-size:12px;
	padding-right:3px;
}

/* Disabled button */
.btn[disabled] {
	opacity:1;
}

/* White button */
.btn.btn-white {	
	border:1px solid;
	padding:16px 28px;
	border-color:#fff;
	color:#fff;
	background-color:transparent;
}

.btn.btn-white:hover, 
.btn.btn-white:focus {
	background-color:#fff;
}

.btn.btn-small.btn-white {
	padding:12px 18px;
}

/********************************
    - 12. Inputs, Textareas -
********************************/
input, textarea {
	line-height:1;
	padding:15px 18px;
	color:#a6a6a6;
	border-radius:3px;
	border:1px solid #ddd;
	background-color:#fff;
	font-weight:normal;
	-webkit-transition:border-color 0.15s ease-in;
	   -moz-transition:border-color 0.15s ease-in;
			transition:border-color 0.15s ease-in;
}

input[disabled], textarea[disabled] {
	background-color:#fff;
	border-color:#f0f0f0;
	color:#a6a6a6;
}

textarea {
	line-height:1.5;
}

/*** Videos ***/
.video-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
	z-index:0;
}

iframe {
	border:0;
}

/************************
    - 13. Portfolio -
************************/
.portfolio {
	overflow:hidden;
}

.portfolio .container {
	padding-bottom:30px;
}

/* Filter */
.portfolio-filters span {
	display:inline-block;
	padding:3px 20px;
	font-weight:600;
	color:#282828;
	border-radius:3px;
	transition:all 0.3s;
	cursor:pointer;
}

.portfolio-filters span.active {
	color:#fff !important;
}

/* Items */
.portfolio-item {
	position:relative;
	overflow:hidden;
}

.portfolio-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.portfolio-item img {
	width:100%;
	height:100%;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.portfolio-item:hover img {
	-webkit-transform:scale(1.12);
	   -moz-transform:scale(1.12);
			transform:scale(1.12);
}

.portfolio-item .overlay-info {
	text-align:center;
}

.portfolio-item h6 {
	position:relative;
	margin:0 0 4px 0;
    color:#fff;
    letter-spacing:1px;
}

.portfolio-item p {
	margin:0;
    color:rgba(255, 255, 255, 0.9);
}

.portfolio-item h6,
.portfolio-item p {
    transform:translateY(15px);
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.portfolio-item:hover h6,
.portfolio-item:hover p {
	transform:translateY(0);
}

/* Overlay */
.portfolio-item .img-overlay {
	position:absolute;
	z-index:2;	
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	opacity:0;	
	background:rgba(0, 0, 0, 0.7);
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.portfolio-item:hover .img-overlay {
	opacity:1;
	transform:translateY(0);
}

/* Loading */
.portfolio-item .loading {
	position:absolute;
    z-index:4;
	width:0;
	height:100%;
	left:0;
    bottom:0;
}

/* Details */
#portfolio-details {
	display:none;
	border-bottom:1px solid #f0f0f0;
}

#portfolio-details .section-title p {
	margin-bottom:20px;
}

#portfolio-details h4 {
	margin-bottom:20px;
}

/***********************
    - 14. Info box -
***********************/
.info-box .container {
	padding-top:50px;
	padding-bottom:50px;
}

.info-box h1, .info-box .h1, 
.info-box h2, .info-box .h2, 
.info-box h3, .info-box .h3, 
.info-box h4, .info-box .h4, 
.info-box h5, .info-box .h5, 
.info-box h6, .info-box .h6 {
	line-height:1em;
	margin-top:0;
}

.info-box p {
	color:#ccc;
    margin:0;
}

.info-box .btn {
    margin-top:5px;
}

.info-box input[type="email"], 
.info-box input[type="text"] {
	font-family:"Poppins", sans-serif;
	font-size:24px;
	color:#282828;
	line-height:1;
	padding:0;
	width:100%;
	border:0;
	background-color:transparent;
	margin-top:0.5em;
	font-weight:500;
}

.info-box ::-webkit-input-placeholder {
 	opacity:1;
 	color:#282828;
}

.info-box ::-moz-placeholder {
 	opacity:1;
 	color:#282828;
}

.info-box ::-ms-input-placeholder {
 	opacity:1;
 	color:#282828;
}

/***********************
    - 15. Our team -
***********************/
#testimonials .container-custom{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
#testimonials .row{
	margin-top: -150px;
}
.testi-member {
    position:relative;
    padding:20px;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

[class^="col-"]:last-child .testi-member {
	margin-bottom:0 !important;
}


.testi-member .testi-image img {
    width:100%;	
    -webkit-filter: drop-shadow(0px 5px 10px #ccc);
	filter: drop-shadow(0px 5px 10px #ccc);
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.testi-member:hover .testi-image img {
	-webkit-transform:scale(1.12);
	   -moz-transform:scale(1.12);
			transform:scale(1.12);
}

/* Details */
.testi-member .testi-details {
    position:relative;
    width:100%;
	margin-top:20px;
    text-align:center;
    -webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}
.testi-member .testi-details h4{
    margin: 20px auto;
    color: #781d7d;
}

.testi-member .testi-details p{
	color: #666;
	font-size: 14px;
}
/**********************
    - 16. Contact -
**********************/
/* Contact info */
.contact-info h3 {
	margin:0 0 30px 0;
}

.contact-content {
	clear:both;
	padding:25px 0;
	border-bottom:1px solid #ddd;
}

.contact-info > .contact-content:last-child {
	border-bottom:0;
}

.contact-content > .icon {
	position:relative;
	display:block;
	float:left;
	font-size:40px;
	line-height:40px;
	font-weight:normal;
	margin:5px 20px 0 0;
	text-align:center;
	cursor:default;
}

.contact-content > .contact-text {
	position:relative;
	display:block;
	float:left;
	width:calc(100% - 60px);
}

.contact-content > .contact-text > h4 {
	margin:0 0 10px 0;
	font-size:18px;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.contact-content > .contact-text > p {
	margin:0;
}

/* Contact form */
.contact-form-holder {
	padding:30px;
	background:#e9e6e3;
	border-radius:3px;
}

.contact-form .field {
	width:100%;
	margin-bottom:20px;
	position:relative;
}

.contact-form .field:last-child {
	margin-bottom:40px;
}

.contact-form .field input, 
.contact-form .field textarea {
	width:100%;
}

.contact-form .field textarea {
	height:110px;
}

.contact-form .field .error {
	display:none;
	position:absolute;
	top:17px;
	right:15px;
	line-height:1;
	cursor:default;
}

.contact-form .field .error i {
	font-size:14px;
	cursor:inherit;
	color:#f00;
}

.contact-form-result {
	display:none;
}

.contact-form-result h3 {
	margin:0 0 20px 0 !important;
}

.contact-form h5 {
	margin-top:0;
}

/**************************
    - 17. Google maps -
**************************/
.map {
	position:relative;
	overflow:hidden;
}

.map #google-map {
	height:450px;
}

.map #map-info {
	display:none;
}

#zoom-in, #zoom-out {
  	height:32px;
  	width:32px;
  	cursor:pointer;
  	margin-left:40px;
  	background-repeat:no-repeat;
  	background-size:32px 64px;
  	background-image:url("../images/map-controller.svg");
  	-webkit-transition:all 0.5s ease;
  	   -moz-transition:all 0.5s ease;
  			transition:all 0.5s ease;
}

#zoom-in {
  	background-position:50% 0;
  	margin-top:100px;
  	margin-bottom:1px;
}

#zoom-out {
  	background-position:50% -32px;
}

/*********************
    - 18. Footer -
*********************/
footer {
	position:relative;
	clear:both;
	z-index:10;
	color:#fff;
	background:#781d7d;
}

/* Widgets */
footer .footer-widgets {
	position:relative;
	clear:both;	
}

footer .footer-widgets h3 {
	border-bottom: 2px solid #fff;
    width: max-content;
    padding-bottom: 15px;
}

footer .footer-widgets a {
	color:#fff;
}

footer .footer-widgets .textwidget i {
	color:#fff;
	margin-right:10px;
    line-height:25px;
    vertical-align:top;
}

footer .footer-widgets .textwidget span {
    display:inline-block;
}

footer .footer-widgets .footer-menu {
	list-style:none;
	margin:0;
	padding:0;
}

footer .footer-widgets .tags {
	margin-top:16px;
}

footer .footer-widgets .tags .tag {
	border:1px solid #b0b0b0;
    background:transparent;
}

/* Logo */
footer .footer-widgets .footer-logo {
	clear:both;
	display:block;
	margin-bottom:30px;
}

/* Recent post */
footer .recent-post {
	width:70%;
    padding:0;
}

footer .recent-post-image,
footer .recent-post-categories {
    display:none;
}

footer .recent-post-info {
    width:100%;
    padding-left:0;
	padding-bottom:15px;
}

footer .recent-post-info div {
	font-size:14px !important;
	margin:0;
}

/* Newsletter form */
footer .newsletter-form input[type=email] {
	width:100%;
	border:0;
	background:#1e1d20;
}

footer .newsletter-form .newsletter-form-fields p {
	position:relative;
}

footer .newsletter-form .newsletter-form-fields p:first-child {
	margin-bottom:20px;
}

footer .newsletter-form button {
	position:absolute;
    top:50%;
    right:0;
    width:auto;
    height:100%;
    background-color:transparent;
    padding:0 15px 0 15px;
    font-size:18px;
    line-height:40px;
    color:#fff;
    border:0;
    -webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);    
            transform:translateY(-50%);
    -webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

/* Scroll top */
#scrollTop {
	position:fixed;
	display:block;
	opacity:0;
	z-index:10;
	right:18px;
	bottom:0;
	width:40px;
	height:40px;
	margin:0 auto;
	border-radius:50%;
	color:#fff;
	text-align:center;
	background-color:rgba(0, 0, 0, .25);
	overflow:hidden;
	cursor:pointer;
	transition:opacity .3s, bottom .5s, box-shadow .3s cubic-bezier(.55, 0, .1, 1), background-color .1s linear;
}

#scrollTop div {
	position:relative;
	z-index:10;
	width:39px;
	height:39px;
	line-height:39px;
	font-size:24px;
	top:0;
	left:0;
	text-align:center;
	background-color:transparent;
	transform:translate(0, 0px);
	transition:transform .2s ease;
}

#scrollTop div:before {
	line-height:39px;
}

#scrollTop:hover {
	transition:box-shadow .3s cubic-bezier(.55, 0, .1, 1), background-color .05s linear .25s;
	background-color:transparent;
}

#scrollTop:hover div {
	transform:translate(0, -39px);
}

#scrollTop:before,
#scrollTop:after {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	display:block;
	content:' ';
	height:100%;
	width:100%;	
	background-color:#781d7d;
	transform:scale(0);
	transition:all .3s cubic-bezier(.55, 0, .1, 1);
	border-radius:50%;
	border: 2px solid white;
}

#scrollTop:before {
	z-index:2;
	opacity:0;
	background-color:rgba(255, 255, 255, .25);
	transform:scale(1);
	transition:all .5s cubic-bezier(.165, .84, .44, 1);
}

#scrollTop:hover:after {
	transform:scale(1);
}

#scrollTop:active:before {
	opacity:1;
}

/* Social */
.footer-social {
	cursor:default;
	line-height:1;
}

.footer-social a:last-child {
	margin-right:0;
}

#contactUs img{
	width: 50px;
	transition: all linear 0.1s;
}

#contactUs img:hover{
	transform: scale(1.1);
}
.footer-social a > i {
	font-size:16px;
	line-height:16px;
	color:#fff;
	width:1.2em;
	text-align:center;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

/* Copyright */
footer .footer-copyright {
	position:relative;
	clear:both;	
}

footer .footer-copyright .footer-copyright-inner {
	padding-top:50px;
	padding-bottom:50px;
	font-size: 14px;
	color: #fffa;
}
footer .footer-copyright a, footer .footer-copyright .copyright{
	color: #fffa;
	font-size: 14px;
	border-right: 2px solid #ffd102;
	padding: 0px 7px;
}

/*************************
    - 26. Error page -
*************************/
#error-page {
	position:absolute;
	top:50%;
	left:0;
	right:0;
}


/* White */
section.parallax .progress {
	background-color:rgba(255, 255, 255, 0.3);
}

section.parallax .progress-heading .progress-title {
	color:#fff;
}

		
/***********************
    - 30. Counters -
***********************/
.counter {
	text-align:center;
	overflow:hidden;
	border-right:1px solid rgba(40, 40, 40, 0.1);
}

.bg-dark .counter,
.parallax .counter {
	border-right:1px solid rgba(255, 255, 255, 0.2);
}

[class^="col-"]:last-child .counter {
	border-right:0;
}

.counter .icon {
	position:relative;
	display:block;
	font-size:48px;
	line-height:48px;
	font-weight:normal;
	margin:10px 0 20px;
	text-align:center;
	cursor:default;
}

.counter-content h5 {
	font-weight:600;
	font-size:45px;
	line-height:45px;
	margin:0 0 20px 0;
}

.counter-content p {
	font-size:14px;
	line-height:14px;
}

.odometer-digit {
	padding:0 5px 0 0 !important;
}

/* Dark */
section.bg-dark .counter {
	color:#fff;
}

/**********************
    - 32. Support -
**********************/

#faq .container-custom{
	padding-bottom: 0px !important;
}
.faq-support .panel {
	border:none;
	border-radius:0;
	box-shadow:none;
}

.faq-support .panel-body {
    padding: 0px 30px 30px !important;
	border-left: 2px solid #781d7d !important;
	border-top: none !important;
} 

.faq-support .panel-heading {
	margin:0;
	padding:0;
}

.faq-support .panel-heading a {
	clear:both;
	display:block;
	color:#781d7d;
	text-decoration:none;
	cursor:pointer;
	margin-left: 30px;
	padding: 5px 0px;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
}

.faq-support .panel-heading a.collapsed {
	color:#781d7dcc;
}

.faq-support .panel-heading a:hover {
	color:#7d1d7d;
}

.faq-support .panel-body p:last-child {
	margin-bottom:0;
}

.faq-support .panel-heading  .panel-title a {
	position:relative;
}

.faq-support .panel-heading:before {
	content: url('../../images/icons/faq-point.png');
	position:absolute;
	padding-top: 8px;
	margin-left: -10px;
}

/*****************
	- Catalogue -
*****/
#catalogue .catalogue-tabs{
	position: relative;
	color: #fff;
	line-height: 1.6;
}
#catalogue .catalogue-tabs div{
  padding: 12px;
    position: relative;
    margin: auto;
    overflow: hidden !important;
}
#catalogue .catalogue-tabs div img{
  filter: drop-shadow(1px 3px 3px #ccc);
  -webkit-filter: drop-shadow(1px 3px 3px #ccc);
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

#catalogue .catalogue-tabs div:hover img {
    transform: scale(1.1);
    filter: none;
}

#catalogue .catalogue-tabs div p{	
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#contactUs{
	color: #fff;;
}