/*
	Creator: MKIRA
	Date: 25/04/2020

*/
/*------------------------ Start General --*/
html { scroll-behavior: smooth; }
body {
	font-family: 'Myriad Pro', sans-serif;
	overflow-x: hidden;
}
:root {
	--clr-green: #38A001;
	--clr-black: #373737;
}
p {
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.padding {
	padding-top: 70px;
	padding-bottom: 70px;
}
a.my-link {
	font-size: 19px;
	color: var(--clr-green);
}
.section-head { margin-bottom: 50px; }
.section-head p { max-width: 600px; }
.section-title {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 10px;
}
.section-title span { font-weight: 100; }
.mini-header {
	font-size: 23px;
	font-weight: bold;
	color: var(--clr-black);
	letter-spacing: -.8px;
	margin-bottom: 5px;
}
.line-style { position: relative; }
.line-style:before, .line-style:after {
	content: '';
	position: absolute;
	height: 3px;
	background: var(--clr-green);
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	bottom: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.line-style:before { width: 50px; }
.line-style:after {
	width: 30px;
	bottom:  5px;
}
/*------------------------ End General --*/

/*------------------------ Start Header --*/
.navbar-default {
	background: #FFF;
	border: none;
	-webkit-box-shadow: 0px 0px 5px 0px var(--clr-green);
	        box-shadow: 0px 0px 5px 0px var(--clr-green);
	margin-bottom: 0;
}
.navbar-default .navbar-brand {
	height: auto;
	text-align: center;
}
.navbar-default .navbar-brand i { color: var(--clr-green); }
.navbar-default .navbar-brand span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
.navbar-default .nav {
	margin-top: 18px;
	margin-bottom: 18px;
	margin-right: 15px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: none;
}
.myMenu .nav > li > a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	position: relative;
}
.myMenu .nav > .active > a,
.myMenu .nav > li > a:hover {
	color: #000;
}
.myMenu .nav > li > a:before,
.myMenu .nav > li > a:after {
	width: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.myMenu .nav > li > a:hover:before,
.myMenu .nav > .active > a:before {
	width: 50px;
}
.myMenu .nav > li > a:hover:after,
.myMenu .nav > .active > a:after {
	width: 30px;
}
.nav .fa-shopping-cart,
.nav .fa-sign-in {
	font-size: 21px;
}
.nav a.shop-link { position: relative; }
.nav a.shop-link .shop {
	position: absolute;
	top: 11px;
	right: 11px;

	height: 13px;
	width: 13px;
	text-align: center;
	line-height: 15px;
	font-size: 10px;

	border-radius: 50%;
	color: #FFF;
	background: var(--clr-green);
}
.nav.logos li a:hover { color: var(--clr-green); }
@media screen and (max-width: 767px) {
	.navbar-toggle { margin-top: 25px; }
	.myMenu li { text-align: center; margin: 5px 0;}
	.nav.logos
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		margin: 0;
	}
}
/*------------------------ End Header --*/

/*------------------------ Start Home --*/
.home {
	background: url(../Images/Image1.jpg) no-repeat center center, rgba(0, 0, 0, .2);
	background-size: cover;
	background-blend-mode: multiply;
	margin-top: 90px;
}
.home .jumbotron {
	margin: 70px 0;
	padding: 50px 0 0 0;
	background: transparent;
}
.home h1 {
	font-weight: bold;
	font-size: 47px;
	color: var(--clr-green);
}
.home h1 span { color: #FFF; }
.home p {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0 35px 0;
}
.home .btn {
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 25px;
	padding-right: 25px;
	background: var(--clr-green);
}
.home .btn:hover {
	background: #FFF;
	color: var(--clr-green);
}
@media screen and (max-width: 767px) {
	.home p { color: #FFF; }
}
/*------------------------ End Home --*/

/*------------------------ Start About --*/
.about {
	padding-top: 0;
	background: #F1F1F1;
}
.about .performance {
	background: #FFF;
	overflow: hidden;
	margin-left: 15px;
	margin-right: 15px;

	-webkit-transform: translateY(-70px);

	    -ms-transform: translateY(-70px);

	        transform: translateY(-70px);
}
.about .performance > div {
	margin-top: 15px;
	margin-bottom: 15px;
}
.performance i.fa { color: var(--clr-green); }
.performance span {
	display: block;
	color: #555;
	font-weight: bold;
	font-size: 13px;
}
.performance span:first-of-type {
	-webkit-transform: translateY(5px);
	    -ms-transform: translateY(5px);
	        transform: translateY(5px);
	margin-bottom: -1.5px;
}
/*--------- About Us --*/
.about .us {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.about-content h2 {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 40px;
	font-weight: bold;
}
.about-content h2 span { font-weight: normal; }
.about-content p { font-weight: bold; }
ul.list-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 15px 0;
}
ul.list-images li {
	cursor: pointer;
	width: 20%;
	padding: 0;
	margin-right: 7px;
}
ul.list-images li.active { border: 3px solid var(--clr-green); }
@media screen and (max-width: 767px) {
	.about .performance > div { border-top: 1px solid #F1F1F1; }
	.about .us .about-content { margin-top: 30px; }
}
/*------------------------ End About --*/

/*------------------------ Start Feature --*/
.feature .feat {
	cursor: pointer;
	border: 2px solid #F1F1F1;
	position: relative;
	padding: 25px;
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: .7s;
	-o-transition: .7s;
	transition: .7s;
}
.feature .feat:hover {
	border-color: var(--clr-green);
	-webkit-box-shadow: 0 0 15px silver;
	        box-shadow: 0 0 15px silver;
}
.feature .feat span {
	height: 36px;
	width: 36px;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	background: var(--clr-green);
	border-radius: 50%;
	color: #FFF;

	position: absolute;
	top: -18px;
	left: -18px;
} 
.feature .feat .logo {
	color: var(--clr-green);
	padding: 25px;
	width: 25%;
}
/*------------------------ End Feature --*/

/*------------------------ Start Live View --*/
.live { background: #F1F1F1; }
.live .mini-header { margin-top: 0; }
.live .nav.list-videos li:not(:last-of-type) { border-bottom: 1px solid #DDD; }
.live .nav.list-videos li.active a { background: none; }
.live .nav.list-videos li a {
	padding-left: 0;
	padding-right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.live .nav.list-videos li a > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.live .nav.list-videos li a img { padding-right: 15px; }
.live .nav.list-videos li a .infos h4,
.live .nav.list-videos li a .infos span {
	font-weight: bold;
}
.live .nav.list-videos li a .infos h4 {
	font-size: 14px;
	margin: 0 0 10px 0;
	color: #333;
}
.live .nav.list-videos li a .infos span {
	font-size: 11px;
	color: #888;
}
.live .my-link {
	display: inline-block;
	margin-top: 15px;
}
@media screen and (max-width: 991px) {
	.live h3.mini-header { margin-top: 25px; }
}
/*------------------------ End Live View --*/

/*------------------------ Start Products --*/
.products {
	background: url(../Images/Background/back1.jpg) no-repeat center center, rgba(255, 255, 255, .7);
	background-size: cover;
	background-blend-mode: overlay;
}
.products .section-head .section-title { margin-top: 0; }
.products .section-head .fa-camera-retro { color: var(--clr-green); }
.products .product {
	cursor: pointer;
	padding: 30px 10px;
	background: #FFF;
	border: 2px solid transparent;
	-webkit-transition: .7s;
	-o-transition: .7s;
	transition: .7s;
}
.products .product:hover {
	border: 2px solid var(--clr-green);
	-webkit-box-shadow: 0 0 15px black;
	        box-shadow: 0 0 15px black;
}
.products .product .mini-header,
.products .product h4,
.products .product ul {
	margin: 0;
}
.products .product img {
	margin-top: 15px;
	margin-bottom: 15px;
}
.products .product ul { margin-top: 25px; }
.products .product ul li { padding: 0; }
.products .product ul li i { font-size: 21px; color: silver; }
.products .product ul li i.str { color: #ffE605; }
.products .product .price {
	font-size: 22px;
	font-weight: bold;
	color: var(--clr-green);
	margin-top: 7px;
}
/*------- Customizing Owl Dots --*/
.products div.owl-dots { margin-top: 30px !important; }
.products div.owl-dots .owl-dot span {
	height: 15px;
	width: 15px;
	background: rgba(0, 0, 0, .5);
}
.products div.owl-dots .owl-dot.active span { background: var(--clr-green); }
/*------- Customizing Owl Nav --*/
.products .owl-nav button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	border: 1px solid red;
	outline: none;
}
.products .owl-nav button span { padding: 10px 20px; }
.products .owl-nav button span {
	font-size: 50px;
	background: -webkit-gradient(linear, left top, left bottom, from(var(--clr-green)), to(transparent));
	background: -o-linear-gradient(top, var(--clr-green), transparent);
	background: linear-gradient(to bottom, var(--clr-green), transparent);
	color: #FFF;
}
.products .owl-nav button.owl-prev { left: -10px; }
.products .owl-nav button.owl-next { right: -10px; }
/*------------------------ End Products --*/

/*------------------------ Start Partners --*/
.partners { padding-bottom: 100px; }
@media screen and (max-width: 991px) {
	.partners .row > div { margin-top: 25px; }
}
/*------------------------ End Partners --*/

/*------------------------ Start Join --*/
.join {
	border: 1px solid black;
	background: url(../Images/Background/back1.jpg) no-repeat center center, rgba(65, 160, 1, .7);
	background-blend-mode: overlay;
	position: relative;
	padding-top: 100px;
}
.join .section-head,
.join .section-head h2 {
	margin: 0;
	padding: 5px 0;
	color: #FFF;
}
.join .section-head span { display: block; }
.join .line-style:before,
.join .line-style:after {
	left: 0;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
	background: #FFF;
}
.join .line-style:before { width: 150px; }
.join .line-style:after {
	bottom: initial;
	top: -5px;
}
.join form { margin-top: 30px; }
.join form .btn {
	text-transform: uppercase;
	font-weight: bold;
	color: var(--clr-green);
}
.join .img-pub {
	width: 150px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-50%) rotate(-15deg);
	    -ms-transform: translateY(-50%) rotate(-15deg);
	        transform: translateY(-50%) rotate(-15deg);
}
/*------------------------ End Join --*/

/*------------------------ Start Footer --*/
footer .section-title {
	font-size: 17px;
	margin-top: 0;
}
footer .fa-camera-retro { color: var(--clr-green); }
footer .line-style:before,
footer .line-style:after {
	left: 0;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
footer .infos .list-images li:hover { -webkit-box-shadow: 3px 3px 5px rgba(40, 160, 1, .3); box-shadow: 3px 3px 5px rgba(40, 160, 1, .3); }
footer .infos ul.list-images li { width: 30%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
footer .us .section-title,
footer .menu .section-title,
footer .link .section-title {
	margin-bottom: 50px;
}
footer ul li,
footer ul li a,
footer ul li a i {
	margin: 5px 0;
	font-size: 17px;
	color: silver;
}
footer ul li a, footer ul li a i { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
footer ul li i { 
	margin-right: 5px;
	color: #555;
	width: 25px;
	font-size: 18px;
}
footer ul li a:hover,
footer ul li a:hover i {
	text-decoration: none;
	color: var(--clr-green);
}
@media screen and (max-width: 991px) {
	footer .us .section-title,
	footer .menu .section-title,
	footer .link .section-title {
		margin-bottom: 15px;
		margin-top: 50px;
	}
}
/*------------------------ End Footer --*/

/*------------------------ Start Button Up --*/
.button-top {
	display: none;
	position: fixed;
	right: 25px;
	bottom: 30px;
	padding: 5px 5px;
	color: #FFF;
	border-radius: 3px;
	background: var(--clr-green);
	-webkit-box-shadow: 0 0 7px #FFF;
	        box-shadow: 0 0 7px #FFF;
	cursor: pointer;
}
/*------------------------ End Button Up --*/