/*-----------------------------------------------------------------------------------



	Theme Name: Vero

	Theme URI: http://themeforest.net/user/zytheme

	Description: Vero is a pixel perfect creative html5 app landing page  based on designed with great attention to details, flexibility and performance. It is ultra professional, smooth and sleek, with a clean modern layout.

	Author: zytheme

	Author URI: http://themeforest.net/user/zytheme

	Version: 1.0



-----------------------------------------------------------------------------------*/

/*!

// Contents

// ------------------------------------------------>



1.  Global Styles

 2.  Typography

 3.	 Color

 4.	 Align

 5.	 Grid

 6.	 Blockquotes

 7.	 Background

 8.	 Buttons

 9.	 Forms

 10. Heading

 11. Loading

 12. Header

 13. Menu

 14. hero

 15. testimonial

 16. feature

 17. action

 18. pricing

 19. footer

 20. carousel

 21. landing

 22. Video

 23. Clients



/*------------------------------------*\

    #GLOBAL STYLES

\*------------------------------------*/

/*

WARNING! DO NOT EDIT THIS FILE!



To make it easy to update your theme, you should not edit the styles in this file. Instead use 

the custom.css file to add your styles. You can copy a style from this file and paste it in 

custom.css and it will override the style in this file. You have been warned! :)

*/

@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");



body,

html {

	overflow-x: hidden;

}



html {

	font-size: 13px;

}



body {

	background-color: #ffffff;

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

	font-size: 13px;

	font-weight: 400;

	color: #aaaaaa;

	line-height: 1.5;

	margin: 0;

}



.wrapper {

	background-color: #fafafa;

}



* {

	outline: none;

}

::-moz-selection {

 text-shadow: none;

}



::selection {

	background-color: #ffa40c;

	color: #ffffff;

	text-shadow: none;

}



a {

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

	color: #ffa40c;

}



a:hover {

	color: #d88700;

	text-decoration: none;

}



a:focus {

	color: #d88700;

	outline: none;

	text-decoration: none;

}



a:active {

	color: #d88700;

	outline: none;

	text-decoration: none;

}



textarea {

	resize: none;

}



button.btn {

	margin-bottom: 0;

}



.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn.focus:active,

.btn.active.focus {

	outline: none;

}



.modal-backdrop {

	z-index: 1020;

	background-color: rgba(34, 34, 34, 0.95);

}



.fullscreen {

	height: 100vh !important;

}



/* Custom, iPhone Retina */

/* Small Devices, Tablets */

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {



.fullscreen {

	height: auto !important;

}

}



/*------------------------------------*\

    #TYPOGRAPHY

\*------------------------------------*/

/* Heading Text */

.h1,

.h2,

.h3,

.h4,

.h5,

h1,

h2,

h3,

h4,

h5 {

	color: #363636;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 900;

	margin: 0 0 28px;

	line-height: 1;

}



.h1,

h1 {

	font-size: 52px;

}



.h2,

h2 {

	font-size: 42px;

}



.h3,

h3 {

	font-size: 38px;

}



.h4,

h4 {

	font-size: 32px;

}



.h5,

h5 {

	font-size: 24px;

}



.h6,

h6 {

	font-size: 18px;

}







p {

	color: #aaaaaa;

	font-size: 13px;

	font-weight: 400;

	line-height: 22px;

}



.lead {

	font-size: 16px;

	line-height: 1.8;

}



/* Aligning Text */

.text--left {

	text-align: left !important;

}



.text--right {

	text-align: right !important;

}



.text--center {

	text-align: center !important;

}



.text--just {

	text-align: justify !important;

}



.align--top {

	vertical-align: top;

}



.align--bottom {

	vertical-align: bottom;

}



.align--middle {

	vertical-align: middle;

}



.align--baseline {

	vertical-align: baseline;

}



/* Weight Text */

.bold {

	font-weight: bold;

}



.regular {

	font-weight: normal;

}



.italic {

	font-style: italic;

}



.break-word {

	word-wrap: break-word;

}



.no-wrap {

	white-space: nowrap;

}



/* Text Color */

.text-white {

	color: #ffffff !important;

}



.text-gray {

	color: #f6f7fb !important;

}



.text-black {

	color: #363636;

}



.text-theme {

	color: #ffa40c;

}



.text--capitalize {

	text-transform: capitalize !important;

}



.text--uppercase {

	text-transform: uppercase !important;

}



.font-heading {

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

}



.font-body {

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

}



.font-18 {

	font-size: 24px;

}



.font-16 {

	font-size: 16px;

}



.font-20 {

	font-size: 20px;

}



.font-40 {

	font-size: 40px;

}



.logo .logo-dark, .logo-light{

	width: 14vw;

	vertical-align: middle;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



text-center-xs {

	text-align: center !important;

}



.logo .logo-dark, .logo-light{

	width: 30vw;

}



}





@media only screen and  (max-width: 320px) {



	.logo .logo-dark, .logo-light{

		width: 40vw;

	}



}



/* Small Devices, Tablets */

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



text-center-sm {

	text-align: center !important;

}

}



.higlighted-style1 {

	background-color: #ffa40c;

	color: #fff;

	padding: 5px 0;

}



.higlighted-style2 {

	background-color: #363636;

	color: #fff;

	padding: 5px 0;

}



.higlighted-style3 {

	background-color: #f6f7fb;

	color: #ffa40c;

	padding: 5px 0;

}



/*------------------------------------*\

    #COLORS

\*------------------------------------*/

.color-heading {

	color: #363636 !important;

}



.color-theme {

	color: #ffa40c !important;

}



.color-white {

	color: #ffffff !important;

}



.color-gray {

	color: #f6f7fb !important;

}



/*------------------------------------*\

    #Align

\*------------------------------------*/

address,

blockquote,

dd,

dl,

fieldset,

form,

ol,

p,

pre,

table,

ul {

	margin-bottom: 20px;

}



section {

	padding-top: 100px;

	padding-bottom: 100px;

	overflow: hidden;

}



/* All margin */

.m-0 {

	margin: 0 !important;

}



.m-xs {

	margin: 10px;

}



.m-sm {

	margin: 20px;

}



.m-md {

	margin: 40px;

}



.m-lg {

	margin: 80px;

}



/* top margin */

.mt-0 {

	margin-top: 0;

}



.mt-xs {

	margin-top: 10px;

}



.mt-10 {

	margin-top: 10px !important;

}



.mt-20 {

	margin-top: 20px !important;

}



.mt-30 {

	margin-top: 30px !important;

}



.mt-40 {

	margin-top: 40px !important;

}



.mt-50 {

	margin-top: 50px !important;

}



.mt-60 {

	margin-top: 60px;

}



.mt-70 {

	margin-top: 70px !important;

}



.mt-80 {

	margin-top: 80px !important;

}



.mt-90 {

	margin-top: 90px !important;

}



.mt-100 {

	margin-top: 100px !important;

}



.mt-150 {

	margin-top: 150px;

}



/* bottom margin */

.mb-0 {

	margin-bottom: 0 !important;

}



.mb-15 {

	margin-bottom: 15px;

}



.mb-10 {

	margin-bottom: 10px !important;

}



.mb-20 {

	margin-bottom: 20px !important;

}



.mb-30 {

	margin-bottom: 30px !important;

}



.mb-50 {

	margin-bottom: 50px !important;

}



.mb-40 {

	margin-bottom: 40px !important;

}



.mb-60 {

	margin-bottom: 60px !important;

}



.mb-70 {

	margin-bottom: 70px !important;

}



.mb-80 {

	margin-bottom: 80px !important;

}



.mb-90 {

	margin-bottom: 90px !important;

}



.mb-100 {

	margin-bottom: 100px !important;

}



.mb-150 {

	margin-bottom: 150px !important;

}



/* right margin */

.mr-0 {

	margin-right: 0;

}



.mr-30 {

	margin-right: 30px !important;

}



.mr-50 {

	margin-right: 50px;

}



.mr-60 {

	margin-right: 60px;

}



.mr-150 {

	margin-right: 150px;

}



/* left margin */

.ml-0 {

	margin-left: 0;

}



.ml-xs {

	margin-left: 10px;

}



.ml-sm {

	margin-left: 20px;

}



.ml-md {

	margin-left: 40px;

}



.ml-lg {

	margin-left: 80px;

}



.ml-30 {

	margin-left: 30px !important;

}



.ml-50 {

	margin-left: 50px;

}



.ml-60 {

	margin-left: 60px;

}



.ml-150 {

	margin-left: 150px;

}



/* All padding */

.p-0 {

	padding: 0 !important;

}



.p-xs {

	padding: 10px;

}



.p-sm {

	padding: 20px;

}



.p-md {

	padding: 40px;

}



.p-lg {

	padding: 80px;

}



/* top padding */

.pt-0 {

	padding-top: 0 !important;

}



.pt-20 {

	padding-top: 20px !important;

}



.pt-30 {

	padding-top: 30px !important;

}



.pt-40 {

	padding-top: 40px !important;

}



.pt-50 {

	padding-top: 50px;

}



.pt-60 {

	padding-top: 60px;

}



.pt-70 {

	padding-top: 70px !important;

}



.pt-80 {

	padding-top: 80px;

}



.pt-90 {

	padding-top: 90px;

}



.pt-100 {

	padding-top: 100px !important;

}



.pt-150 {

	padding-top: 150px !important;

}



/* bottom padding */

.pb-0 {

	padding-bottom: 0 !important;

}



.pb-30 {

	padding-bottom: 30px;

}



.pb-50 {

	padding-bottom: 50px;

}



.pb-60 {

	padding-bottom: 60px;

}



.pb-70 {

	padding-bottom: 70px !important;

}



.pb-80 {

	padding-bottom: 80px;

}



.pb-90 {

	padding-bottom: 90px;

}



.pb-100 {

	padding-bottom: 100px !important;

}



/* right padding */

.pr-0 {

	padding-right: 0;

}



.pr-xs {

	padding-right: 10px;

}



.pr-sm {

	padding-right: 20px;

}



.pr-md {

	padding-right: 40px;

}



.pr-lg {

	padding-right: 80px;

}



.pr-15 {

	padding-right: 15px !important;

}



.pr-30 {

	padding-right: 30px !important;

}



.pr-50 {

	padding-right: 50px;

}



.pr-60 {

	padding-right: 60px;

}



.pr-100 {

	padding-right: 100px !important;

}



.pr-150 {

	padding-right: 150px;

}



/* left padding */

.pl-0 {

	padding-left: 0 !important;

}



.pl-30 {

	padding-left: 30px;

}



.pl-50 {

	padding-left: 50px;

}



.pl-60 {

	padding-left: 60px;

}



.pl-100 {

	padding-left: 100px !important;

}



.pl-150 {

	padding-left: 150px;

}



/* Postions */

.fixed {

	position: fixed;

}



.relative {

	position: relative;

}



.absolute {

	position: absolute;

}



.static {

	position: static;

}



/* Zindex*/

.zindex-1 {

	z-index: 1;

}



.zindex-2 {

	z-index: 2;

}



.zindex-3 {

	z-index: 3;

}



/* Borders */

.border-all {

	border: 1px solid #ffa40c;

}



.border-top {

	border-top: 1px solid #ffa40c;

}



.border-bottom {

	border-bottom: 1px solid #ffa40c;

}



.border-right {

	border-right: 1px solid #ffa40c;

}



.border-left {

	border-left: 1px solid #ffa40c;

}



/* Display */

.inline {

	display: inline;

}



.block {

	display: block;

}



.inline-block {

	display: inline-block;

}



.hide {

	display: none;

}



.flex {

	display: flex;

}



@media only screen and (max-width: 767px) {



section {

	padding-top: 60px;

	padding-bottom: 60px;

}



.text-center-xs {

	text-align: center !important;

}



.pull-none-xs {

	float: none !important;

	text-align: center !important;

}



.mb-15-xs {

	margin-bottom: 15px;

}



.mb-30-xs {

	margin-bottom: 30px !important;

}



.mb-50-xs {

	margin-bottom: 50px;

}



.mb-60-xs {

	margin-bottom: 60px !important;

}



.p-none-xs {

	padding-right: 0;

	padding-left: 0;

}

}



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



.text-center-sm {

	text-align: center !important;

}



.mb-0-sm {

	margin-bottom: 0;

}



.mb-15-sm {

	margin-bottom: 15px;

}



.mb-30-sm {

	margin-bottom: 30px !important;

}



.mb-50-sm {

	margin-bottom: 50px;

}



.mb-60-sm {

	margin-bottom: 60px;

}



.pb-15-sm {

	padding-bottom: 15px;

}



.pb-30-sm {

	padding-bottom: 30px;

}



.pb-50-sm {

	padding-bottom: 50px;

}



.pb-60-sm {

	padding-bottom: 60px;

}



.p-none-sm {

	padding-right: 0;

	padding-left: 0;

}



.pull-none-sm {

	float: none !important;

	text-align: center !important;

}

}



.border-b {

	border-bottom: 1px solid #f6f7fb;

}



/*------------------------------------*\

    #Grid

\*------------------------------------*/

.row-no-padding [class*="col-"] {

	padding-left: 0 !important;

	padding-right: 0 !important;

}



.col-lg-5ths,

.col-md-5ths,

.col-sm-5ths,

.col-xs-5ths {

	position: relative;

	min-height: 1px;

	padding-right: 15px;

	padding-left: 15px;

}



.col-xs-5ths {

	width: 20%;

	float: left;

}



@media (min-width: 768px) {



.col-sm-5ths {

	width: 20%;

	float: left;

}

}



@media (min-width: 992px) {



.col-md-5ths {

	width: 20%;

	float: left;

}

}



@media (min-width: 1200px) {



.col-lg-5ths {

	width: 20%;

	float: left;

}

}



.col-content {

	padding: 120px 100px 90px 120px;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.col-content {

	padding: 40px !important;

}

}



/* Small Devices, Tablets */

.col-img {

	height: 600px !important;

	padding: 60px;

	overflow: hidden;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.col-img {

	height: auto;

	min-height: 600px;

}

}



/* Postion Helpers */

.pos-fixed {

	position: fixed;

}



.pos-relative {

	position: relative;

}



.pos-absolute {

	position: absolute;

}



.pos-static {

	position: static;

}



.pos-top {

	top: 0;

}



.pos-bottom {

	bottom: 0;

}



.pos-right {

	right: 0;

}



.pos-left {

	left: 0;

}



.pos-vertical-center {

	position: relative;

	top: 50%;

	-webkit-transform: perspective(1px) translateY(-50%);

	-moz-transform: perspective(1px) translateY(-50%);

	-o-transform: perspective(1px) translateY(-50%);

	transform: perspective(1px) translateY(-50%);

}



.height-700 {

	height: 700px !important;

}



.height-500 {

	height: 500px !important;

}



.height-800 {

	height: 800px !important;

}



@media only screen and (min-width: 992px) {



.hidden-lg,

 .hidden-md {

	display: none;

}

}



/*------------------------------------*\

    #BACKGROUNDS

\*------------------------------------*/

.bg-theme {

	background-color: #ffa40c !important;

}



.bg-gray {

	background-color: #f6f7fb !important;

}



.bg-white {

	background-color: #ffffff !important;

}



.bg-dark {

	background-color: #363636 !important;

}



/* Background Image */

.bg-section {

	position: relative;

	overflow: hidden;

	z-index: 1;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-ms-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	/*background-attachment: fixed;*/

	background-repeat: no-repeat;

	background-position: center center;

	width: 100%;

	height: 100%;

	min-height: 100vh;

}



.bg-overlay:before {

	content: "";

	display: inline-block;

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -1;

}



.bg-overlay-light:before {

	background-color: #ffffff;

	opacity: 0.8;

}



.bg-overlay-dark:before {

	background-color: #363636;

	opacity: 0.3;

}



.bg-overlay-theme:before {

	background-color: #ffa40c;

	opacity: 0.7;

}



.bg-parallex {

	background-attachment: fixed;

}



.bg-ytvideo.bg-overlay:before {

	z-index: 1;

	opacity: .7;

}



/* Background Video */

.bg-ytvideo {

	position: absolute !important;

	height: 100%;

	width: 100%;

	top: 0;

	z-index: 0 !important;

}



.bg-video {

	width: 100%;

	overflow: hidden;

	behavior: url(/PIE.htc);

	transform: translateZ(0);

	display: block;

	border-radius: 0;

}



.bg-video iframe {

	display: block;

	position: absolute;

	z-index: -2;

}



.bg-video .bg-player {

	bottom: 0;

	left: 0;

	right: 0;

	position: absolute;

	top: 0;

	width: 100%;

	background: url(polina.jpg) no-repeat;

	min-height: 500px;

}



.bg-video .vidbg {

	min-width: 100%;

	min-height: 100%;

}



.bg-vyoutube {

	z-index: 550;

	text-align: center;

	height: 100%;

	min-height: 100%;

	position: relative;

	overflow: hidden;

}



/*------------------------------------*\

    #BUTTONS

\*------------------------------------*/

.btn {

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

	position: relative;

	z-index: 2;

	font-size: 18px;

	font-weight: 300;

	text-transform: none;

	text-align: center;

	border-radius: 3px;

	padding: 0;

	/* width: 230px; */

	/* height: 60px; */

	/* line-height: 60px; */

}



.btn.active,

.btn:active {

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}



/* Button Primary */

.btn--primary {

	background-color: #ffa40c;

	color: #ffffff;

	border-color: #ffa40c;

}



.btn--primary:active,

.btn--primary:focus,

.btn--primary:hover {

	background-color: #ffad24;

	border-color: #ffad24;

	color: #ffffff;

}



.bg-dark .btn--primary:active,

.bg-dark .btn--primary:focus,

.bg-dark .btn--primary:hover {

	background-color: #ffad24;

	color: #ffffff;

}



/* Button Secondary*/

.btn--secondary {

	background-color: #363636;

	color: #ffffff;

	border: 2px solid #363636;

}



.btn--secondary:active,

.btn--secondary:focus,

.btn--secondary:hover {

	background-color: #ffa40c;

	color: #ffffff;

	border-color: #ffa40c;

}



/* Button White */

.btn--white {

	background-color: #ffffff;

	color: #363636;

	border: 1px solid #ffffff;

	border-radius: 4px;

}



.btn--white:active,

.btn--white:focus,

.btn--white:hover {

	background-color: #ffa40c;

	color: #ffffff;

	border-color: #ffa40c;

}



/* Button Block */

.btn--block {

	/* width: 100%; */

	font-size: 20px;

	padding: 0px 10px ;

	border-radius: 100px;

}

.btn--form{

	display: flex;

	justify-content: center;

	font-family: Arial, Helvetica, sans-serif !important;

}

.btn--web{

	font-size: 20px;

	padding: 5px 25px !important;

	margin: 0px !important;

}



.btn--auto {

	width: auto;

}



/* Button Rounded */

.btn--rounded {

	border-radius: 26px;

}



/* Button Bordered */

.btn--bordered {

	background-color: transparent;

}



.btn--bordered.btn--primary {

	color: #ffa40c;

	border-color: #ffa40c;

}



.btn--bordered.btn--primary:active,

.btn--bordered.btn--primary:focus,

.btn--bordered.btn--primary:hover {

	color: #ffffff;

	background-color: #ffa40c;

	border-color: #ffa40c;

}



.btn--bordered.btn--secondary {

	color: #2c303d;

	border-color: #e0e0e0;

}



.btn--bordered.btn--secondary:active,

.btn--bordered.btn--secondary:focus,

.btn--bordered.btn--secondary:hover {

	color: #ffffff;

	background-color: #363636;

	border-color: #363636;

}



.btn--bordered.btn--white {

	color: #ffffff;

	border-color: #ffffff;

}



.btn--bordered.btn--white:active,

.btn--bordered.btn--white:focus,

.btn--bordered.btn--white:hover {

	color: #ffa40c;

	background-color: #ffffff;

	border-color: #ffffff;

}



.btn--white.btn--secondary {

	color: #363636;

	border-color: #ffffff;

	background-color: #ffffff;

}



.btn--white.btn--secondary:active,

.btn--white.btn--secondary:focus,

.btn--white.btn--secondary:hover {

	color: #ffffff;

	background-color: #ffa40c;

	border-color: #ffa40c;

}



.bg-theme .btn--primary,

.bg-overlay-theme .btn--primary {

	background-color: #363636;

	color: #ffffff;

	border: none;

}



.portfolio-filter li a.active-filter,

.portfolio-filter li a:hover {

	color: #ffa40c;

}



.navbar-toggle {

	border-color: #ffa40c;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

	margin-top: 35px;

}



/*------------------------------------*\

    #FORMS

\*------------------------------------*/

label {

	text-transform: none;

	color: #746a53 ;

	font-weight: 900;

    font-size: 18px;

}

#message{

	height: 65px;

}

.form-control {

	color: #9a8c6e;

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

	font-size: 14px;

	font-weight: 400;

	line-height: 25px;

	height: 30px;

	border: 1px solid #746a53;

	background: transparent;

	padding-left: 24px;

	margin-bottom: 15px;

	position: relative;

	border-radius: 5px;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}



.form-control:focus {

	border-color: #ffa40c;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

/* Placeholder */

.form-control::-webkit-input-placeholder {

 color: #aaaaaa;

}

.form-control:-moz-placeholder {

 color: #aaaaaa;

}

.form-control::-moz-placeholder {

 color: #aaaaaa;

}

.form-control:-ms-input-placeholder {

 color: #aaaaaa;

}



.input-group {

	border-radius: 25px;

	border: 1px solid #e0e0e0;

	background-color: transparent;

	overflow: hidden;

	padding: 0;

}



.input-group .btn {

	border-radius: 0 25px 25px 0;

}



.input-group .input-group-btn {

	overflow: hidden;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.input-group .btn {

	width: 120px;

}

}



/* Small Devices, Tablets */

/*------------------------------------*\

    #Heading

\*------------------------------------*/

.heading .heading--title {

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

	font-size: 32px;

	/* font-weight: 500; */

	line-height: 1;

	margin-bottom: 30px;

	/* text-transform: capitalize; */

}



.heading .heading--desc {

	font-size: 18px;

	font-weight: 400;

	line-height: 24px;

	margin-bottom: 0;

	padding: 0 30px;

}



.divider--line {

	position: relative;

	height: 2px;

}



.divider--line:after {

	position: absolute;

	content: "";

	height: 2px;

	width: 50px;

	background-color: #ffa40c;

	bottom: 0;

	left: 0;

	margin: 0 auto;

}



.divider--center:after {

	left: 50%;

	margin-left: -25px;

}



.heading .divider--line + .heading--desc {

	margin-top: 30px;

}



.heading .heading--desc + .divider--line {

	margin-top: 37px;

}



#cta .heading--title{

	font-size: 50px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 900;

	color: #000000;

	line-height: 1;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.heading .heading--title {

	font-size: 30px;

}

}



/* Small Devices, Tablets */

/*------------------------------------*\

    #LOADING-SECTION

\*------------------------------------*/

.preloader {

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	position: fixed;

	z-index: 99999;

	background-color: #ffffff;

	overflow: hidden;

}



/*------------------------------------*\

    #HEADER

\*------------------------------------*/

.header {

	height: 100px;

}



.header-transparent {

	background-color: transparent;

}



.header-transparent + .mtop-100,

.header-transparent + .page-title {

	position: relative;

	margin-top: -100px;

}



/*------------------------------------*\

    #Menu

\*------------------------------------*/

.header .navbar-collapse {

	padding-right: 0;

	padding-left: 0;

}



.header .navbar {

	margin-bottom: 0;

	border-radius: 0;

	min-height: 100px;

	border: none;

}



.header .navbar.affix {

	top: 0;

}



.header .navbar-nav {

	display: none;

}



.header .navbar.affix .navbar-nav {

	display: block;

}



.header-bordered .navbar {

	border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}



.header .navbar .logo {

	max-width: 100%;

	height: auto;

	line-height: 100px;

}



.navbar-nav:not(.nav-pos-right) {

	margin-right: 200px;

}



.nav-bordered-right {

	margin-right: 30px;

}



.nav-bordered-right + .module:first-of-type:before {

	position: relative;

	margin-left: 12px;

}



.nav-bordered-right + .module:first-of-type:before {

	position: absolute;

	top: 50%;

	margin-top: -13px;

	left: -46px;

	content: "";

	width: 2px;

	height: 26px;

	background-color: #c9c9c9;

}



.affix .nav-bordered-right + .module:first-of-type:before {

	background-color: #c9c9c9;

}



.navbar-nav > li {

	margin-right: 32px;

}



.navbar-nav > li > a {

	font-size: 16px;

	text-transform: capitalize;

	font-weight: 400;

	line-height: 100px;

	color: #ffffff;

	padding: 0;

}



.nav .open > a,

.nav .open > a:focus,

.nav .open > a:hover {

	background-color: transparent;

	border: none;

}



.navbar-nav > li.active > ul {

	margin-top: 0;

}



.navbar-nav > li > a:focus,

.navbar-nav > li > a:hover {

	background-color: transparent;

	color: #ffffff;

}



/* Menu Level #1 */

.navbar-nav > li > a:before {

	position: absolute;

	bottom: -1px;

	left: 0;

	right: 0;

	margin: auto;

	width: 0;

	height: 3px;

	background: transparent;

	content: '';

	-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

	transition: all 0.4s;

}



.navbar-nav > li > a:hover::before,

.navbar-nav > li.active > a:before {

	background-color: #ffffff;

	width: 100%;

}



.transparent-header .navbar {

	background-color: transparent;

	height: 101px;

}



/* Header Light */

.header-light {

	background-color: #ffffff;

}



.header-light .navbar .logo-dark {

	display: inline-block;

}



.header-light .navbar .logo-light {

	display: none;

}



.header-light .navbar .navbar-nav > li > a:hover::before,

.header-light .navbar .navbar-nav > li.active > a:before {

	background-color: #222222;

}



/* Header Fixed */

.header-fixed .affix {
	background-color: #ffffff;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);

	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);

	-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);

	display: block;

}



.header-fixed:not(.header-light) .navbar .logo-dark {

	display: none;

}



.header-fixed .navbar.affix .logo-dark {

	display: inline-block;

}



.header-fixed .navbar.affix .logo-light {

	display: none;

}



.header-fixed .navbar.affix .module .module-icon i,

.header-fixed .navbar.affix .navbar-nav > li > a {

	color: #222222;

}



.header-fixed .navbar.affix .navbar-nav > li > a:hover::before,

.header-fixed .navbar.affix .navbar-nav > li.active > a:before {

	background-color: #222222;

}



/* Header Centered */

.header-centered {

	height: 255px;

}



.header-centered .navbar-collapse {

	padding-right: 260px;

	padding-left: 260px;

}



.header-centered .navbar {

	top: 155px;

}



.header-centered .navbar.affix {

	top: 0;

}



.header-centered .logo-centered {

	padding-top: 50px;

	padding-bottom: 25px;

}



/* Header With Top Bar */

.header-topbar {

	height: 155px;

}



.header-topbar .navbar {

	top: 55px;

}



.header-topbar .navbar.affix {

	top: 0;

}



/* Header #3 */

.header-3 .navbar-nav {

	margin-right: 30px;

	border-right: 1px solid rgba(255, 255, 255, 0.25);

}



.header-3 .navbar + .module:first-of-type:before {

	position: relative;

	margin-left: 12px;

}



/* Header #5 */

.header-5 .container-fluid {

	padding-right: 0;

}



.header-5 .module {

	position: relative;

	border-left: 1px solid rgba(255, 255, 255, 0.25);

}



.header-5 .module .module-icon {

	margin-left: 25px;

	margin-right: 25px;

}



/* Header #5 */

.header-6 .container-fluid {

	padding-right: 0;

}



.header-6 .navbar {

	min-height: 79px;

}



.header-6 .navbar .logo {

	height: 79px;

	line-height: 79px;

}



.header-6 .module .module-icon {

	line-height: 79px;

}



.header-6 .module .module-label {

	top: 24px;

	right: 17px;

	left: auto;

}



.header-6 .navbar-nav > li {

	margin-right: 0;

}



.header-6 .navbar-nav > li > a {

	padding-right: 32px;

	padding-left: 32px;

	border-left: 1px solid rgba(255, 255, 255, 0.25);

	line-height: 79px;

}



.header-6 .navbar-nav > li > .menu-item:before {

	display: none;

}



.header-6 .navbar-nav > li.active,

.header-6 .navbar-nav > li:hover {

	background-color: rgba(34, 34, 34, 0.5);

}



.header-6 .module {

	position: relative;

	border-left: 1px solid rgba(255, 255, 255, 0.25);

}



.header-6 .module .module-icon {

	margin-left: 32px;

	margin-right: 32px;

}



/* Header Centered */

.header-7 {

	height: 305px;

}



.header-7 .navbar {

	top: 205px;

}



.header-7 .navbar.affix {

	top: 0;

}



/* Header #13 */

.header-13 .logo {

	position: absolute;

	left: 50%;

	margin-left: -51px;

}



/* Header #10 */

.header-10 .nav-bordered-right + .module:first-of-type:before {

	background-color: #464d52;

}



/* Header #16 */

.header-16 .navbar {

	top: 30px;

}



.header-16 .navbar.affix {

	top: 0;

}



/* Header #17 */

.header-centered.header-17 {

	height: 265px;

}



.header-centered.header-17 .navbar {

	top: 165px;

}



.header-17 .navbar.affix {

	top: 0;

}



/* Header Half */

.header-half .navbar-nav > li > .menu-item:before {

	bottom: 36px;

}



/* Container Bordered */

.container-bordered {

	border-bottom: 1px solid rgba(255, 255, 255, 0.15);

	height: 100px;

}



/* Navbar Dark */

.header-transparent.header-light .navbar.affix {

	background-color: transparent;

}



.navbar.navbar--dark .logo-dark {

	display: inline-block !important;

}



.navbar.navbar--dark .logo-light {

	display: none;

}



.navbar.navbar--dark .module .module-icon,

.navbar.navbar--dark .module .module-icon i,

.navbar.navbar--dark .navbar-nav > li > a {

	color: #222222;

}



.navbar.navbar--dark .navbar-nav > li > .menu-item:hover::before,

.navbar.navbar--dark .navbar-nav > li.active > .menu-item:before,

.header-8 .navbar.navbar--dark .module-menu .module-icon:after {

	background-color: #222222;

}



/* Header Split */

.header-split .logo-dark {

	display: none;

}



.header-split .logo-light {

	display: inline-block;

}



.header-split .module .module-icon i,

.header-split .navbar-nav > li > a {

	color: #222222;

}



.header-split .navbar-nav > li > .menu-item:hover::before,

.header-split .navbar-nav > li.active > .menu-item:before {

	background-color: #222222;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 479px) {



.header .navbar {

	top: 0;

}



.navbar-toggle .icon-bar {

	background-color: #ffa40c;

}



.header-fixed .navbar.affix .navbar-nav > li > a {

	color: #ffffff;

}

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.header .container {

	padding-right: 0;

	padding-left: 0;

}



.navbar-nav {

	margin: 0;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.navbar-toggle {

	border-color: #ffa40c;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

	margin-top: 35px;

	display: none;

}



.header .navbar .logo {

	margin: 0 auto;

	display: block;

	text-align: CENTER;

}



.affix .navbar-toggle {

	display: block;

}



.affix.navbar .logo {

	margin: 0;

	text-align: left;

}



.container > .navbar-header {

	margin-left: 0;

	padding-right: 10px;

	padding-left: 10px;

}



.container > .navbar-collapse {

	width: 100%;

	background-color: #ffffff;

	margin-right: 0;

	margin-left: 0;

}



.navbar-toggle .icon-bar {

	background-color: #ffa40c;

}



.navbar-nav > li {

	height: auto !important;

	margin-right: 0;

}



.navbar-nav > li.pull-left {

	float: none !important;

}



.navbar-nav li a {

	line-height: 36px;

	color: #ffffff;

	padding-right: 0;

	padding-left: 10px;

	padding-top: 0;

}



.navbar-nav > li > a:before {

	display: none;

}



.navbar-nav:not(.nav-pos-right) {

	margin-right: 0;

}

}



/* Small Devices, Tablets */

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



.header .container {

	padding-right: 0;

	padding-left: 0;

}



.navbar-header {

	float: none !important;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}



.header .navbar .logo {

	float: left;

}



.navbar-toggle {

	border-color: #ffa40c;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

	margin-top: 35px;

	display: block;

}



.navbar-toggle .icon-bar {

	background-color: #ffa40c;

}



.navbar-fixed-top .navbar-collapse {

	overflow: scroll !important;

}



.navbar-collapse.collapse {

	display: none!important;

}



.collapse.in {

	display: block !important;

}



.navbar-nav {

	width: 100%;

	padding-right: 15px;

	padding-left: 15px;

}



.navbar-nav > li {

	float: none;

}



.container > .navbar-collapse {

	width: 100%;

	background-color: #ffffff;

	margin-right: 0;

}



.navbar-nav > li {

	height: auto !important;

	margin-right: 0;

}



.navbar-nav > li.pull-left {

	float: none !important;

}



.navbar-nav > li > a {

	line-height: 36px !important;

	color: #363636 !important;

	padding-right: 0;

	padding-left: 0;

	padding-top: 0;

}



.navbar-toggle .icon-bar {

	background-color: #ffa40c;

}



.navbar-nav > li:after {

	display: none;

}



.navbar-nav > li.active {

	border-bottom: none;

}



li a:hover,

 li.open > a:focus {

	color: #ffffff;

}



.nav > li > a:focus,

 .nav > li > a:hover {

	background-color: transparent;

}



.navbar-nav > li > a:before {

	display: none;

}

}



/* Small Devices, Tablets */

@media only screen and (max-width: 991px) {



.navbar.navbar--dark .navbar-nav > li > a {

	color: #ffffff;

}

}



/* Large Devices, Wide Screens */

@media only screen and (min-width: 992px) and (max-width: 1200px) {



.navbar-nav > li {

	margin-right: 16px;

}

}



/*------------------------------------*\

    #Hero

\*------------------------------------*/



.slider {

	padding-top: 0;

	padding-bottom: 0;

}

	 

.custom-list {

	list-style: none; /* Para ocultar los puntos/bolitas de la lista */

	margin: 0;

	padding: 0;

  }

.custom-list li {

	position: relative; /* Para posicionar el contenido del <li> */

	padding-left: 60px; /* Espacio para dejar espacio a la imagen */

	background-image: url('../images/logo/check.svg'); /* Ruta a tu imagen personalizada */

	background-repeat: no-repeat; /* Evitar que la imagen se repita */

	background-size: 10% ; 

	background-position: left center; /* Posición de la imagen (izquierda centrada) */

	line-height: 1.2; /* Ajustar el espaciado vertical según el tamaño de la imagen */

	text-align: start;

	margin-bottom: 20px;

	margin-top: 20px;

}



.slider .slide--headline p{

	color: black;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 80px;

	font-weight: 800;

	line-height: 60px;

	margin-bottom: 10px;

	/* text-transform: capitalize; */

}



.slide--headline p span{

	font-size: 30px;

}



.slider .slide--bio {

	padding: 20px;

	background-color: white;

	color: #746a53;

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

	font-size: 20px;

	font-weight: 400;

	line-height: 32px;

	border-radius: 25px;

}



.slider .slide--holder {

	position: relative;

}



.slider .input-group {

	border: none;

}



.slider .input-group .form-control {

	background-color: #ffffff;

}



/* Slider Form */



.slider-form .slide--headline {

	font-size: 50px;

	line-height: 60px;

	margin-bottom: 30px;

}



.slider-form .slide--bio {

	font-size: 22px;

	line-height: 32px;

	margin-bottom: 32px;

	text-align: justify;

	font-weight: 600;

}



.slider-form .slide--action {

	border-radius: 15px;

	background: #ffffff;

	padding: 40px;

}



.slide--action .btn--form .submit{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 900;

}



.slider-form .slide--action h6 {

	font-size: 30px;

	font-weight: 900;

	line-height: 1;

	margin-bottom: 15px;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

}



.slider-form .slide--action p {

	width: 50%;

	font-size: 13px;

	font-weight: 900;

	margin-bottom: 10px;

	text-align: center;

	color: #746a53;

	margin-top: 15px;

	line-height: 1;

}

.form-p{

	display: flex;

	justify-content: center;

}



.btn--video {

	line-height: 55px;

	font-size: 10px;

	font-weight: 400;

	text-transform: uppercase;

	color: #ffffff;

}



.btn--video i {

	width: 55px;

	height: 55px;

	line-height: 56px;

	text-align: center;

	border-radius: 50%;

	background-color: #ffffff;

	font-size: 12px;

	font-weight: 400;

	color: #363636;

	margin-right: 15px;

}



.btn--video:hover {

	color: #363636;

}



.btn--video:hover i {

	background: #363636;

	color: #ffffff;

}



.slider .bg-ytvideo {

	min-height: 800px;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.slider .row-content {

	padding-top: 60px;

}



.slider .slide--headline {

	font-size: 30px;

	line-height: 1.2;

	text-align: center;

	margin-top: 0;

}

.custom-list li {

	background-size: 15px ; 

	padding-left: 30px;

}

.slider .slide--bio {

	font-size: 14px;

	line-height: 1.5;

	padding: 30px;

	text-align: center;

	margin-bottom: 20px;

}



.slider,

 .slider .slide--item {

	height: 500px;

}



.slider-form,

 .slider .slide--item {

	height: auto;

	padding-bottom: 50px;

}



.slide--video {

	margin-bottom: 30px;

	text-align: center;

}



.slider-form .slide--action {

	padding: 20px;

}

}



/* Small Devices, Tablets */

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



.slider,

 .slider .slide--item {

	height: 600px;

}



.slider .row-content {

	padding-top: 80px;

}



.slider .slide--headline {

	font-size: 30px;

	line-height: 1.2;

}



.slider .slide--bio {

	font-size: 14px;

	line-height: 1.5;

	margin-bottom: 20px;

}



.slider-form,

 .slider .slide--item {

	height: auto;

	padding-bottom: 50px;

}



.slider-form .slide--action {

	padding: 30px;

}

}



/*------------------------------------*\

    #Testimonial

\*------------------------------------*/

.testimonial-panel {

	padding: 50px 80px;

	-webkit-transition: all .3s linear;

	-moz-transition: all .3s linear;

	-ms-transition: all .3s linear;

	transition: all .3s linear;

	position: relative;

	margin-bottom: 30px;

	text-align: center;

}



.testimonial-panel:hover {

	background-color: #f8f8f8;

}

.testimonial--img img{

	height: 100px;

	width: 100px;

}

.testimonial-panel .testimonial--img {

	margin: 0 auto 25px auto;

}



.testimonial-panel .testimonial--body p {

	color: #000000;

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

	font-size: 20px;

	line-height: 28px;

	font-weight: 700;

	margin-bottom: 0;

}



.testimonial-panel .testimonial--author h5 {

	font-size: 18px;

	font-weight: 500;

	line-height: 1;

	margin-bottom: 0;

	text-transform: capitalize;

	text-align: center;

}



.testimonial-panel .testimonial--job {

	font-size: 14px;

	font-weight: 400;

	margin-bottom: 25px;

	margin-top: 12px;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.testimonial-panel {

	padding: 30px;

}



.testimonial-panel .testimonial--img {

	position: relative;

	top: 0;

	left: 0;

	margin: 0 auto 20px auto;

	text-align: center;

}



.testimonial-panel .testimonial--body {

	padding-left: 0;

	text-align: center;

}



.testimonial-panel .testimonial--author h5 {

	text-align: center;

}

}



/* Small Devices, Tablets */

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



.testimonial-panel {

	padding: 40px;

}

}



/*------------------------------------*\

    #Features

\*------------------------------------*/

.feature-panel {

	position: relative;

}



.feature-panel .feature--icon {

	color: #ffa40c;

	font-size: 55px;

	line-height: 1;

	margin-bottom: 35px;

}



.feature-panel .feature--icon i {

	-webkit-transition: all .3s linear;

	-moz-transition: all .3s linear;

	-ms-transition: all .3s linear;

	transition: all .3s linear;

	display: inline-block;

}



.feature-panel .feature--icon:hover i {

	-webkit-animation: pulse 0.9s infinite;

	-moz-animation: pulse 0.9s infinite;

	-ms-animation: pulse 0.9s infinite;

	-o-animation: pulse 0.9s infinite;

	animation: pulse 0.9s infinite;

}



.feature-panel .feature--content h3 {

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

	color: #333333;

	font-size: 22px;

	font-weight: 400;

	line-height: 1;

	margin-bottom: 16px;

	text-transform: capitalize;

}



.feature-panel .feature--content p {

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-bottom: 0;

	padding-right: 10px;

	padding-left: 10px;

}



.feature-left .feature-panel {

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}



.feature-left .feature-panel:hover {

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

	-moz-transform: translateY(-4px);

	transform: translateY(-4px);

}



.feature-left .feature-panel .feature--icon {

	position: absolute;

	left: 0;

	top: 0;

	margin-bottom: 0;

}



.feature-left .feature-panel .feature--content {

	padding-left: 68px;

}



.feature-left .feature-panel {

	margin-bottom: 0;

}



/* feature left circle  */

.feature-left-circle .feature--content h3 {

	font-size: 22px;

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

	font-weight: 400;

	line-height: 29px;

	margin-bottom: 15px;

}



.feature-left-circle .feature--content p {

	font-size: 14px;

	font-weight: 400;

	line-height: 23px;

	padding: 0;

}



.feature-left-circle .feature--icon {

	width: 45px;

	height: 45px;

	line-height: 42px;

	text-align: center;

	border-radius: 50%;

	color: #ffa40c;

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

	font-size: 24px;

	border: 2px solid #ffa40c;

	-webkit-transition: all .2s linear;

	-moz-transition: all .2s linear;

	transition: all .2s linear;

}



.feature-left-circle .feature-panel:hover .feature--icon {

	background: #ffa40c;

	border-color: #ffa40c;

	color: #ffffff;

}



.feature-divider {

	margin-top: 0;

	margin-bottom: 0;

	border-top-color: #e0e0e0;

}



.feature-2 h3 {

	font-size: 26px;

	font-weight: 400;

	margin-bottom: 35px;

	padding-top: 80px;

	text-transform: capitalize;

}



.feature-2 p {

	font-size: 18px;

	font-weight: 400;

	line-height: 29px;

	text-align: justify;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.feature-panel,

 .feature-left .feature-panel {

	margin-bottom: 30px;

}



.feature-panel .feature--icon {

	margin-bottom: 10px;

}



.feature img {

	max-width: 100%;

	height: auto;

}

}



/* Small Devices, Tablets */

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



.feature-panel {

	margin-bottom: 20px;

}



.feature-2 i {

	font-size: 35px;

}



.feature-2 .divider--line {

	margin-top: 20px;

	margin-bottom: 15px;

}



.feature-2 h2 {

	font-size: 25px;

}



.feature-2 p {

	font-size: 15px;

	line-height: 20px;

}

}



/*------------------------------------*\

    #Call To Action

\*------------------------------------*/

.cta h3 {

	font-size: 45px;

	font-weight: 400;

	line-height: 58px;

	margin-bottom: 25px;

	text-transform: capitalize;

}



.cta p {

	font-size: 22px;

	font-weight: 400;

	line-height: 28px;

	margin-bottom: 48px;

}



.cta .btn {

	height: 70px;

	width: 300px;

	font-size: 24px;

	line-height: 70px;

}



/*------------------------------------*\

    #PRICING-SECTION

\*------------------------------------*/

.pricing-panel {

	padding: 50px 88px;

	position: relative;

}



.pricing-panel .pricing--heading h4 {

	color: #2c303d;

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

	font-size: 14px;

	font-weight: 400;

	line-height: 1;

	margin-bottom: 27px;

	text-transform: uppercase;

}



.pricing-panel .pricing--heading p {

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

	color: #363636;

	font-size: 70px;

	font-style: italic;

	font-weight: 700;

	line-height: 1;

	margin-bottom: 10px;

	text-transform: capitalize;

}



.pricing-panel .pricing--heading .pricing--desc {

	color: #aaaaaa;

	text-transform: capitalize;

	font-size: 14px;

	font-weight: 400;

	line-height: 24px;

	margin-bottom: 23px;

}



.pricing-panel .pricing--body {

	color: #2c303d;

	font-size: 16px;

	font-weight: 400;

	line-height: 34px;

	text-align: center;

}



.pricing-panel .pricing--body ul {

	margin-bottom: 33px;

}



.pricing-panel.pricing-active,

.pricing-panel:hover {

	background-color: #f6f7fb;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.price-table {

	margin-bottom: 30px;

}



.pricing-panel {

	padding: 30px;

}

}



/* Small Devices, Tablets */

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



.pricing-panel {

	padding: 20px;

}

}



/*------------------------------------*\

    #Footer

\*------------------------------------*/

.footer {

	background-color: black;

	padding-top: 47px;

	padding-bottom: 47px;

}



.footer--copyright,

.footer--copyright a {

	color: #999999;

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

	font-size: 14px;

	font-weight: 400;

	line-height: 1;

	text-transform: capitalize;

}



.footer--copyright i {

	color: red;

}

.footer--text {

	color: #FFFFFF;

	font-size: 27px;

}



.footer--text span{

	color: #ffad24;

	font-size: 27px;

}



.mry-social{

	list-style: none;

	display: flex;

	justify-content: end;



}

.mry-social li{

	margin-right: 10px;

	font-size: 25px;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.footer--copyright {

	font-size: 12px;

	text-align: center;

	margin-bottom: 30px;

}

}



/* Small Devices, Tablets */

/*------------------------------------*\

    #Carousel

\*------------------------------------*/

.carousel-title{

	margin-bottom: 40px;

}

.project-title , .project-subtitle, .carousel-title {

	display: flex;

	justify-content: center;

}

.project-title p{

	margin-top: 20px;

	width: 80%;

	font-size: 30px;

	font-weight: 900;

	text-align: center;

	color: #000000;

	line-height: 1.0;

}

.project-subtitle p{

	/* margin-top: 20px; */

	width: 80%;

	font-size: 25px;

	text-align: center;

	color: #000000;

}

.carousel-dots .owl-controls {

	margin-top: 50px;

}



.carousel-dots .owl-controls .owl-dots .owl-dot span {

	height: 11px;

	width: 11px;

	border-radius: 50%;

	background-color: transparent;

	border: 2px solid rgba(100, 100, 100, 0.5);

	margin: 0 4px;

}



.carousel-dots .owl-controls .owl-dots .owl-dot.active span {

	background-color: #646464;

	border-color: #646464;

}



.carousel-dots.carousel-white .owl-controls .owl-dots .owl-dot span {

	border-color: rgba(255, 255, 255, 0.5);

}



.carousel-dots.carousel-white .owl-controls .owl-dots .owl-dot.active span {

	background-color: #ffffff;

	border-color: #ffffff;

}



.carousel-navs .owl-controls .owl-nav {

	position: relative;

}



.carousel-navs .owl-controls .owl-nav [class*=owl-] {

	position: absolute;

	top: 50%;

	height: 60px;

	line-height: 60px;

	color: #363636;

	font-size: 0;

	font-weight: 400;

	text-align: center;

	background-color: transparent;

	padding: 0;

	border-radius: 0;

	-webkit-transition: all 0.35s;

	-moz-transition: all 0.35s;

	-o-transition: all 0.35s;

	transition: all 0.35s;

	margin-top: -250px;

}



.carousel-navs .owl-controls .owl-nav [class*=owl-]:hover {

	color: #ffa40c;

	background-color: transparent;

}



.carousel-navs .owl-controls .owl-nav .owl-prev {

	left: 0;

}



.carousel-navs .owl-controls .owl-nav .owl-prev:before {

	font-family: 'Linearicons-Free';

	content: "\e875";

	font-size: 40px;

}



.carousel-navs .owl-controls .owl-nav .owl-next {

	right: 0;

}



.carousel-navs .owl-controls .owl-nav .owl-next:before {

	font-family: 'Linearicons-Free';

	content: "\e876";

	font-size: 40px;

}



.carousel-navs .owl-dots {

	position: absolute;

	bottom: 20px;

	width: 100%;

}



.carousel-navs .owl-dots .owl-dot span {

	background-color: transparent;

	border: 1px solid #fff;

}



.carousel-navs .owl-dots .owl-dot.active span,

.carousel-navs .owl-dots .owl-dot:hover span {

	background: #ffffff;

}



/**/

.slider-dots .owl-controls {

	margin-top: 0;

}



.slider-dots .owl-controls .owl-dots {

	position: absolute;

	bottom: 30px;

	width: 100%;

}



.slider-dots .owl-controls .owl-dots .owl-dot span {

	height: 11px;

	width: 11px;

	border-radius: 50%;

	background-color: #ffffff;

	border: 2px solid rgba(0, 0, 0, 0.6);

	margin: 0 4px;

}



.slider-dots .owl-controls .owl-dots .owl-dot.active span {

	-moz-box-shadow: 0 0 0 2px #363636;

	-webkit-box-shadow: 0 0 0 2px #363636;

	box-shadow: 0 0 0 2px #ffffff;

}



.slider-navs .owl-controls .owl-nav [class*=owl-] {

	position: absolute;

	top: 50%;

	height: 60px;

	width: 60px;

	line-height: 60px;

	margin-top: -30px;

	color: #ffffff;

	font-size: 0;

	font-weight: 400;

	background-color: rgba(27, 26, 26, 0.5);

	text-align: center;

	padding: 0;

	border-radius: 0;

	-webkit-transition: all 0.35s;

	-moz-transition: all 0.35s;

	-o-transition: all 0.35s;

	transition: all 0.35s;

}



.slider-navs .owl-controls .owl-nav [class*=owl-]:hover {

	color: #999999;

	background-color: #ffffff;

}



.slider-navs .owl-controls .owl-nav .owl-prev {

	left: 30px;

}



.slider-navs .owl-controls .owl-nav .owl-prev:before,

.slider-navs .owl-controls .owl-nav .owl-next:before {

	font-family: fontawesome;

	font-size: 25px;

}



.slider-navs .owl-controls .owl-nav .owl-prev:before {

	content: "\f104";

}



.slider-navs .owl-controls .owl-nav .owl-next {

	right: 30px;

}



.slider-navs .owl-controls .owl-nav .owl-next:before {

	content: "\f105";

}



.slider-navs .owl-dots {

	position: absolute;

	bottom: 20px;

	width: 100%;

}



.slider-navs .owl-dots .owl-dot span {

	background-color: transparent;

	border: 1px solid #fff;

}



.slider-navs .owl-dots .owl-dot.active span,

.slider-navs .owl-dots .owl-dot:hover span {

	background: #ffffff;

}



.slider-navs.slider-small .owl-controls .owl-nav .owl-next {

	right: 0;

}



.slider-navs.slider-small .owl-controls .owl-nav .owl-prev {

	left: 0;

}



.slider-navs.slider-shop .owl-controls .owl-dots .owl-dot span {

	background-color: #363636;

	border: 2px solid #ffffff;

}



.slider-navs.slider-shop .owl-controls .owl-dots .owl-dot.active span {

	-moz-box-shadow: 0 0 0 2px #363636;

	-webkit-box-shadow: 0 0 0 2px #363636;

	box-shadow: 0 0 0 2px #363636;

}



.slider-theme.slider-navs .owl-controls .owl-nav [class*=owl-]:hover {

	color: #363636;

}



.slider-theme.slider-dots .owl-controls .owl-dots .owl-dot span {

	border-color: #ffa40c;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.carousel-dots .owl-controls {

	margin-top: 20px;

}



.slider-navs .owl-controls .owl-nav .owl-prev {

	left: 0;

}



.slider-navs .owl-controls .owl-nav .owl-next {

	right: 0;
}



.slider-navs .owl-controls .owl-nav .owl-next:before,

 .slider-navs .owl-controls .owl-nav .owl-prev:before {

	font-size: 20px;

}

}



/* Small Devices, Tablets */

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



.slider-navs .owl-controls .owl-nav .owl-next:before,

 .slider-navs .owl-controls .owl-nav .owl-prev:before {

	font-size: 30px;

}

}



/*------------------------------------*\

    #Landing Page / Promo Page

\*------------------------------------*/

.landing-hero {

	height: 100vh;

	padding-top: 200px;

}



.landing-hero h1 {

	font-size: 45px;

	font-weight: 700;

	line-height: 55px;

	text-transform: uppercase;

}



.landing-hero p {

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

	font-size: 18px;

	line-height: 27px;

}



.landing-demos .portfolio-filter li a {

	font-weight: 600;

}



.landing-demos .portfolio-item {

	margin-bottom: 50px;

}



.landing-demos .portfolio-title h4 {

	color: #363636;

	text-align: center;

	font-size: 16px;

	font-weight: 600;

	text-transform: capitalize;

	margin-bottom: 0;

}



.landing-demos .portfolio-title:hover h4 {

	color: #ffa40c;

}



.landing-demos .portfolio-img {

	-moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1);

	-webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1);

	box-shadow: 0 0 36px 4px rgba(0, 0, 0, 0.1);

	background-color: #c0c0c0;

	-webkit-transition: all 0.35s;

	-moz-transition: all 0.35s;

	-o-transition: all 0.35s;

	transition: all 0.35s;

}



.landing-demos .portfolio-img img {

	max-width: 100%;

	height: auto;

}



.landing-demos .portfolio-item:hover .portfolio-img {

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

	-moz-transform: translateY(-6px);

	-o-transform: translateY(-6px);

	transform: translateY(-6px);

}



.landing-demos .portfolio-item:hover img {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.landing-demos .portfolio-bio {

	padding-top: 23px;

}



.landing-action {

	padding-top: 200px;

}



.landing-action img {

	margin-bottom: 50px;

}



.landing-action h2 {

	font-size: 50px;

	line-height: 60px;

	margin-bottom: 50px;

}



.landing-featues {

	padding-bottom: 50px;

}



.landing-featues .feature-box {

	margin-bottom: 50px;

}



/* Portfolio Filter */

.portfolio-filter {

	text-align: center;

	margin-bottom: 36px;

}



.portfolio-filter li a {

	color: #363636;

	font-size: 13px;

	font-weight: 700;

	line-height: 1;

	margin-right: 29px;

	text-transform: capitalize;

}



.portfolio-filter li:last-child a {

	margin-right: 0;

}



.portfolio-filter li a.active-filter,

.portfolio-filter li a:hover {

	color: #ffa40c;

}



/* Portfolio Item */

.portfolio-item .portfolio--img {

	position: relative;

}



.portfolio-item .portfolio--img img {

	max-width: 100%;

	height: auto;

}



/*------------------------------------*\

    #COLOR-SWITCHER

\*------------------------------------*/

.switcher-box {

	background-color: #ffffff;

	border: 1px solid #dddddd;

	color: #222222;

	left: 0px;

	overflow: inherit;

	padding: 0px;

	position: fixed;

	text-align: center;

	top: 200px;

	z-index: 999;

}



.switcher-box .gear-check {

	background-color: #ffffff;

	border-radius: 0 5px 5px 0;

	border: 1px solid #dddddd;

	border-left-color: transparent;

	color: #222222;

	cursor: pointer;

	font-size: 20px;

	height: 40px;

	line-height: 40px;

	padding-top: 4px;

	position: absolute;

	right: -39px;

	text-align: center;

	top: -1px;

	width: 40px;

}



.switcher-box .gear-check i {

	font-size: 30px;

}



.switcher-box .color-options {

	display: none;

	float: left;

	padding: 5px 16px;

	width: 200px;

}



.switcher-box ul {

	margin-bottom: 0;

}



.switcher-box ul li {

	border-radius: 5px;

	cursor: pointer;

	height: 30px;

	margin: 0 10px 10px 0;

	width: 30px;

}



.color-options h4 {

	border-bottom: 3px solid #eeeeee;

	font-size: 18px;

	font-weight: 700;

	line-height: 46px;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.landing-hero {

	height: auto;

	padding-top: 60px;

}



.landing-hero h1 {

	font-size: 34px;

	line-height: 50px;

}

}



/* Small Devices, Tablets */

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



.landing-hero {

	height: auto;

	padding-top: 100px;

}



.landing-hero h1 {

	font-size: 50px;

	line-height: 55px;

}

}



/*------------------------------------*\

	#Video

\*------------------------------------*/

.video-button .video--content {

	width: 100%;

	height: 460px;

	border-radius: 10px;

	overflow: hidden;

}



.video-button .video--button {

	width: 100%;

	height: 100%;

	text-align: center;

	position: relative;

}



.video-button .video--button:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #5584ff;

	opacity: 0.1;

}



.video--content .video--button .popup-video {

	width: 80px;

	height: 80px;

	line-height: 80px;

	border-radius: 50%;

	color: #ffffff;

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

	background-color: #ffa40c;

	font-size: 20px;

	font-weight: 400;

	text-align: center;

	display: block;

	position: relative;

	top: 50%;

	margin-top: -40px;

	left: 50%;

	margin-left: -40px;

}



.video--content .video--button .popup-video:hover {

	background-color: #363636;

}



/* Small Devices, Tablets */

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



.video-button .video--content {

	height: 260px;

}

}



/*------------------------------------*\

    #Client

\*------------------------------------*/

.clients {

	padding-top: 60px;

	padding-bottom: 60px;

}



.client img {

	max-width: 100%;

	height: 300px;

	width: auto !important;

}



.clients-carousel [class*="col-"] {

	max-height: 500px;

}



/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {



.client img {

	margin-bottom: 20px;

}

}



/*------------------------------------*\

    #Process

\*------------------------------------*/



.process-title{

	display: flex;

	justify-content: center;

}



.process-item{

	border: 3px solid #ccc4b4;

	border-radius: 25px;

	padding: 20px 20px 20px 20px;

	height: 300px;

	display: flex;

	flex-direction: column;

	align-items: center;

}



.process-title{

	font-size: 20px;

	color: #000000;

	font-weight: 900;

	text-align: center;

	line-height: 1.0;

	margin-bottom: 10px;



}



.process-item .space{

	margin-bottom: 30px;

}



.process-description{

	height: 70px;

	font-size: 1.5em;

	color: #746a53;

	font-weight: 600;

	text-align: center;

	line-height: 1.0;

	margin-bottom: 20px;



}

.process-img{

	height: 100px;

	width: 100px;

}



.process{

	display: flex;

	justify-content: center;

}



.cls_question_button {

    background: green;

    border: none;

	border-radius: 10px;

    color: #fff;

    font-size: 25px;

    font-weight: 700;

	margin-bottom: 10px;
}



.text-center .anticon{

	margin: 10px 10px 0px 10px !important;

}



#cta .btn-click-aqui{

	font-size: 30px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

}



#process .space-between-proccess{

	padding-left: 20px;

	padding-right: 50px;

}