/* ===================================
    About
====================================== */

/*
    Theme Name: MegaOne
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page Parallax Template
    Tags: one page, multipurpose, parallax, creative, html5

 */

/* ===================================
    Table of Content
====================================== */


/*  - Fonts
    - General
    - Fonts
    - Social Icon Hover
    - Header And Navigation
    - Slider
    - About
    - Team
    - Portfolio
    - Price
    - Parallax
    - Testimonial
    - Client
    - Blog
    - Contact
    - Map
    - Footer
    - Loader
    - Media Queries   */


/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600&display=swap');


.main-font {
	font-family: 'Roboto', sans-serif;
}

.alt-font {
	font-family: 'Oswald', sans-serif;
}

#style-customizer input {
	max-width: inherit;
}


/* ===================================
    General
====================================== */

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #2b2b2b;
	font-weight: 300;
	line-height: 25px;
	width: 100%;
	overflow-x: hidden;
	background-color: #FFF
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
}

a,
*::before,
*::after,
img,
span,
input,
button,
.navbar,
.fixedmenu,
.tp-bullet,
.owl-dot,
.owl-prev,
.owl-next {
	transition: ease-in-out 0.2s;
	-webkit-transition: ease-in-out 0.2s;
	-moz-transition: ease-in-out 0.2s;
	-ms-transition: ease-in-out 0.2s;
	-o-transition: ease-in-out 0.2s;
}

section,
.section-padding {
	position: relative;
	overflow: hidden;
}

.section-top-margin {
	margin-top: 7.5rem;
}

a {
	color: inherit;
	text-decoration: none;
}

.rev_slider_wrapper {
	width: 100% !important;
}

.btn.focus,
.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

p:last-child {
	margin-bottom: 0 !important;
}

.fa,
.far,
.fas {
	display: inline;
}

a:active,
a:hover {
	color: #2B5DA9;
}

blockquote {
	border-left: 2px solid;
	padding: 10px 15px 10px 35px;
	margin: 25px 0;
	font-size: 18px;
	line-height: 28px;
	margin-top: 32px;
	margin-bottom: 32px;
}

blockquote>cite {
	font-weight: 400;
	font-size: 14px;
	display: block;
}

.hidden {
	display: none;
}

section {
	padding: 7.5rem 0;
}

/* transition none */
.no-transition * {
	transition-timing-function: initial;
	-moz-transition-timing-function: initial;
	-webkit-transition-timing-function: initial;
	-o-transition-timing-function: initial;
	-ms-transition-timing-function: initial;
	transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	-o-transition-duration: 0s;
	-ms-transition-duration: 0s;
}

/* overlay */
.bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* opacity */
.opacity-full {
	opacity: 1;
}

.opacity-3 {
	opacity: .3;
}

.opacity-4 {
	opacity: .4;
}

.opacity-5 {
	opacity: .5;
}

.opacity-6 {
	opacity: .6;
}

.opacity-7 {
	opacity: .7;
}

.opacity-8 {
	opacity: .8;
}

.opacity-9 {
	opacity: .9;
}

/*font-weight*/
.font-weight-100 {
	font-weight: 100;
}

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

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}

/* button */
.btn {
	-webkit-appearance: initial;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	display: inline-block;
	font-size: 17px;
	border: 2px solid transparent;
	letter-spacing: .5px;
	line-height: inherit;
	border-radius: 0;
	text-transform: capitalize;
	width: auto;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease !important;
	transition: all .5s ease !important;
}

/* button size */
.btn.btn-small {
	font-size: 12px;
	padding: 4px 1.8em;
}

.btn.btn-medium {
	font-size: 12px;
	padding: 6px 1.8em;
}

.btn.btn-large {
	font-size: 14px;
	padding: 9px 34px;
	line-height: 1.8em;
}

.btn.btn-rounded {
	border-radius: 50px;
}

/* button background */
.btn.btn-white {
	background: #ffffff;
	border-color: #ffffff;
	color: #585858
}

.btn.btn-white:hover,
.btn.btn-white:focus {
	background: transparent !important;
	border-color: #ffffff;
	color: #ffffff !important
}

.btn.btn-transparent-white {
	background: transparent;
	border-color: #ffffff;
	color: #ffffff
}

.btn.btn-transparent-white:hover,
.btn.btn-transparent-white:focus {
	background: #ffffff !important;
	color: #585858 !important
}

.btn.btn-transparent-black {
	background: transparent;
	border-color: #2b2b2b;
	color: #2b2b2b
}

.btn.btn-transparent-black:hover,
.btn.btn-transparent-black:focus {
	background: #2b2b2b !important;
	color: #ffffff !important
}

.btn.btn-transparent-purple {
	background: transparent;
	border-color: #a07bf7;
	color: #a07bf7
}

.btn.btn-transparent-purple:hover,
.btn.btn-transparent-purple:focus {
	background: #a07bf7 !important;
	color: #ffffff !important
}

.btn.btn-black {
	background: #2b2b2b;
	border-color: #2b2b2b;
	color: #ffffff
}

.btn.btn-black:hover,
.btn.btn-black:focus {
	background: transparent !important;
	border-color: #2b2b2b;
	color: #2b2b2b !important
}

.btn.btn-purple {
	background: #a07bf7;
	border-color: #a07bf7;
	color: #ffffff
}

.btn.btn-purple:hover,
.btn.btn-purple:focus {
	background: transparent !important;
	border-color: #a07bf7;
	color: #a07bf7 !important
}

.btn.btn-hvr-white:hover,
.btn.btn-hvr-white:focus {
	background: #ffffff !important;
	border-color: #ffffff;
	color: #585858 !important
}

/*Slightly desaturated orange btn*/
.black-btn {
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
	padding: 10px 25px;
	color: #000;
	font-weight: 600;
	background-color: transparent;
	border: 2px solid #000;
	border-radius: 0px;
	-webkit-transition: .8s ease !important;
	-o-transition: .8s ease !important;
	transition: .8s ease !important;
	text-transform: uppercase
}

.black-btn:hover {
	color: #FFF;
	;
	background-color: #000 !important;
}





/* background color */
.bg-main {
	background: #c29e75;
}

.bg-black {
	background: #000000;
}

.bg-light-black {
	background: #000000;
}

.bg-dark {
	background-color: #1d1d21 !important;
}

.bg-blue {
	background-color: #a07bf7;
}

.bg-pink {
	background-color: #f033b5;
}

.bg-purple {
	background-color: #9556f5;
}

/* text-color */
.main-color {
	color: #c29e75;
}

/*Max Width*/
.mx-570 {
	max-width: 570px;
	display: inline-block;
}

/* ===================================
   Social Icon Bg
====================================== */

.social-icon-bg a i.fa-facebook-f {
	background-color: #3B5998;
}

.social-icon-bg a i.fa-twitter {
	background-color: #a07bf7;
}

.social-icon-bg a i.fa-google-plus {
	background-color: #DD4B39;
}

.social-icon-bg a i.fa-linkedin-in {
	background-color: #0976B4;
}

.social-icon-bg a i.fa-instagram {
	background-color: #c13584;
}

.social-icon-bg a i.fa-youtube {
	background-color: #dd4b39;
}

.social-icon-bg a i.fa-pinterest-p {
	background-color: #B7242A;
}

.social-icon-bg a i.fa-instagram {
	background-color: #e8715c;
}

.social-icon-bg a i.fa-vimeo {
	background-color: #1ab7ea;
}

.social-icon-bg a i.fa-vk {
	background-color: #4c75a3;
}

.social-icon-bg a i.fa-youtube {
	background-color: #cd201f;
}

.social-icon-bg a i.fa-pinterest {
	background-color: #bd081c;
}

.social-icon-bg a i.fa-tumblr {
	background-color: #34465d;
}

.social-icon-bg a i.fa-behance {
	background-color: #131418;
}

.social-icon-bg a i.fa-dribbble {
	background-color: #ea4c89;
}

.social-icon-bg a i.fa-google-plus {
	background-color: #dd4b39;
}

.social-icon-bg a i.fa-xing {
	background-color: #026466;
}

.social-icon-bg a i.fa-yelp {
	background-color: #af0606;
}

.social-icon-bg a i.fa-vine {
	background-color: #00b489;
}

/* ===================================
   Social Icon Bg Hover
====================================== */

.social-icon-bg-hvr a:hover i.fa-facebook-f {
	background-color: #3B5998;
}

.social-icon-bg-hvr a:hover i.fa-twitter {
	background-color: #a07bf7;
}

.social-icon-bg-hvr a:hover i.fa-google-plus {
	background-color: #DD4B39;
}

.social-icon-bg-hvr a:hover i.fa-linkedin-in {
	background-color: #0976B4;
}

.social-icon-bg-hvr a:hover i.fa-instagram {
	background-color: #c13584;
}

.social-icon-bg-hvr a:hover i.fa-youtube {
	background-color: #dd4b39;
}

.social-icon-bg-hvr a:hover i.fa-pinterest-p {
	background-color: #B7242A;
}

.social-icon-bg-hvr a:hover i.fa-instagram {
	background-color: #e8715c;
}

.social-icon-bg-hvr a:hover i.fa-vimeo {
	background-color: #1ab7ea;
}

.social-icon-bg-hvr a:hover i.fa-vk {
	background-color: #4c75a3;
}

.social-icon-bg-hvr a:hover i.fa-youtube {
	background-color: #cd201f;
}

.social-icon-bg-hvr a:hover i.fa-pinterest {
	background-color: #bd081c;
}

.social-icon-bg-hvr a:hover i.fa-tumblr {
	background-color: #34465d;
}

.social-icon-bg-hvr a:hover i.fa-behance {
	background-color: #131418;
}

.social-icon-bg-hvr a:hover i.fa-dribbble {
	background-color: #ea4c89;
}

.social-icon-bg-hvr a:hover i.fa-google-plus {
	background-color: #dd4b39;
}

.social-icon-bg-hvr a:hover i.fa-xing {
	background-color: #026466;
}

.social-icon-bg-hvr a:hover i.fa-yelp {
	background-color: #af0606;
}

.social-icon-bg-hvr a:hover i.fa-vine {
	background-color: #00b489;
}



/* ===================================
   Social Icon Color
====================================== */

.social-icon-clr a i.fa-facebook-f {
	color: #3B5998;
}

.social-icon-clr a i.fa-twitter {
	color: #0976B4;
}

.social-icon-clr a i.fa-google-plus {
	color: #DD4B39;
}

.social-icon-clr a i.fa-linkedin-in {
	color: #0976B4;
}

.social-icon-clr a i.fa-instagram {
	color: #c13584;
}

.social-icon-clr a i.fa-youtube {
	color: #dd4b39;
}

.social-icon-clr a i.fa-pinterest-p {
	color: #B7242A;
}

.social-icon-clr a i.fa-instagram {
	color: #e8715c;
}

.social-icon-clr a i.fa-vimeo {
	color: #1ab7ea;
}

.social-icon-clr a i.fa-vk {
	color: #4c75a3;
}

.social-icon-clr a i.fa-youtube {
	color: #cd201f;
}

.social-icon-clr a i.fa-pinterest {
	color: #bd081c;
}

.social-icon-clr a i.fa-tumblr {
	color: #34465d;
}

.social-icon-clr a i.fa-behance {
	color: #131418;
}

.social-icon-clr a i.fa-dribbble {
	color: #ea4c89;
}

.social-icon-clr a i.fa-google-plus {
	color: #dd4b39;
}

.social-icon-clr a i.fa-xing {
	color: #026466;
}

.social-icon-clr a i.fa-yelp {
	color: #af0606;
}

.social-icon-clr a i.fa-vine {
	color: #00b489;
}

/* ===================================
   Social Icon Hover
====================================== */

.social-icon-clr-hvr a i:hover.fa-facebook-f {
	color: #3B5998;
}

.social-icon-clr-hvr a i:hover.fa-twitter {
	color: #0976B4;
}

.social-icon-clr-hvr a i:hover.fa-google-plus {
	color: #DD4B39;
}

.social-icon-clr-hvr a i:hover.fa-linkedin-in {
	color: #0976B4;
}

.social-icon-clr-hvr a i:hover.fa-instagram {
	color: #c13584;
}

.social-icon-clr-hvr a i:hover.fa-youtube {
	color: #dd4b39;
}

.social-icon-clr-hvr a i:hover.fa-pinterest-p {
	color: #B7242A;
}

.social-icon-clr-hvr a i:hover.fa-instagram {
	color: #e8715c;
}

.social-icon-clr-hvr a i:hover.fa-vimeo {
	color: #1ab7ea;
}

.social-icon-clr-hvr a i:hover.fa-vk {
	color: #4c75a3;
}

.social-icon-clr-hvr a i:hover.fa-youtube {
	color: #cd201f;
}

.social-icon-clr-hvr a i:hover.fa-pinterest {
	color: #bd081c;
}

.social-icon-clr-hvr a i:hover.fa-tumblr {
	color: #34465d;
}

.social-icon-clr-hvr a i:hover.fa-behance {
	color: #131418;
}

.social-icon-clr-hvr a i:hover.fa-dribbble {
	color: #ea4c89;
}

.social-icon-clr-hvr a i:hover.fa-google-plus {
	color: #dd4b39;
}

.social-icon-clr-hvr a i:hover.fa-xing {
	color: #026466;
}

.social-icon-clr-hvr a i:hover.fa-yelp {
	color: #af0606;
}

.social-icon-clr-hvr a i:hover.fa-vine {
	color: #00b489;
}

/* ===================================
        Header
   ====================================== */

/*side open btn*/

.sidemenu_btn {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width: 36px;
	padding: 6px;
	display: inline-block;
	margin-top: 8px;
}

.sidemenu_btn span {
	height: 2px;
	width: 100%;
	background: #000;
	display: block;
}

.sidemenu_btn span:nth-child(2) {
	margin: 4px 0;
}


/* nav top default */
header a.logo img {
	max-width: 95px;
	position: absolute;
	left: 50%;
	top: 115%;
	transform: translate(-50%, -50%);
}

.navbar-top-default {
	position: absolute;
	top: 0;
	z-index: 99;
	height: 90px;
	width: 100%;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	background-color: #FFF;
}


.header-social-icons ul {
	margin: 0;
	padding: 0;
}

.header-social-icons li {
	display: inline-block;
}

.header-social-icons a {
	position: relative;
	color: #FFFFFF;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50px;
	font-size: 14px;
	margin: 0 5px 0 0;
	border: 1px solid transparent;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}

.header-social-icons li:nth-last-child(1) a {
	margin-right: 0;
}

/*.header-social-icons li a:hover{background-color:#c29e75;color: #ffffff;}*/

.facebook_bg_hvr2:hover {
	color: #FFFFFF !important;
	background: #4267b2 !important;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.twitter_bg_hvr2:hover {
	color: #FFFFFF !important;
	background: #00a7e6;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.linkdin_bg_hvr2:hover {
	color: #FFFFFF !important;
	background: #1682ab;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.googleplus_bg_hvr2:hover {
	color: #FFFFFF !important;
	background: #d5463a;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.pintrest_bg_hvr2:hover {
	color: #FFFFFF !important;
	background: #c8232c;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.instagram_bg_hvr2:before {
	content: "";
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -1px;
	top: -1px;
	opacity: 0;
	visibility: hidden;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
	border-radius: inherit;
	z-index: -1;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.instagram_bg_hvr2:hover {
	color: #FFFFFF !important;
	z-index: 999
}

.instagram_bg_hvr2:hover:before {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* ===================================
    Side Menu
====================================== */


.side-menu {
	width: 40%;
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	background: #000000;
	color: #FFFFFF;
	z-index: 1032;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-o-transition: -o-transform .5s ease;
	-o-transition: transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	overflow: hidden;
}

.side-menu.left {
	left: 0;
	right: auto;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.side-menu.before-side {
	width: 280px;
}

.side-menu.side-menu-active,
.side-menu.before-side {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.pul-menu .side-menu.side-menu-active {
	visibility: visible;
	opacity: 1;
}

.side-menu .navbar-brand {
	margin: 0 0 2.5rem 0;
}

/*Side overlay*/
#close_side_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	-webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	display: none;
	z-index: 1031;
	opacity: 0.4;
}

/*side clode btn*/
.side-menu .btn-close {
	height: 33px;
	width: 33px;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 30px;
	right: 15px;
	cursor: pointer;
}

.side-menu.before-side .btn-close {
	display: none;
}

.side-menu .btn-close::before,
.side-menu .btn-close::after {
	position: absolute;
	left: 16px;
	content: ' ';
	height: 24px;
	width: 2px;
	background: #FFFFFF;
	top: 5px;
}

.side-menu .btn-close:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side-menu .btn-close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.side-menu .inner-wrapper {
	padding: 3.5rem 5rem;
	height: 100%;
	position: relative;
	overflow-y: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pul-menu.pushwrap .side-menu .inner-wrapper {
	padding: 3.5rem 2.5rem;
}

.side-menu .side-nav {
	margin-bottom: 30px;
	display: block;
	overflow-y: scroll;
	max-height: 350px;
}

.side-nav .navbar-nav .nav-item {
	display: block;
	margin: 10px 0;
	padding: 0 !important;
	opacity: 0;
	-webkit-transition: all 0.8s ease 500ms;
	-o-transition: all 0.8s ease 500ms;
	transition: all 0.8s ease 500ms;

	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

.side-nav .navbar-nav .nav-item .nav-link {
	font-size: 28px;
	text-transform: capitalize;
}

.side-nav .navbar-nav .nav-item .nav-link span {
	font-size: 28px;
	opacity: .3;

}

.side-nav .navbar-nav .nav-item:first-child {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
}

.side-nav .navbar-nav .nav-item:nth-child(2) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.side-nav .navbar-nav .nav-item:nth-child(3) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}

.side-nav .navbar-nav .nav-item:nth-child(4) {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.side-nav .navbar-nav .nav-item:nth-child(5) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}

.side-nav .navbar-nav .nav-item:nth-child(6) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
}

.side-nav .navbar-nav .nav-item:nth-child(7) {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s;
}

.side-nav .navbar-nav .nav-item:nth-child(8) {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s;
}

.side-nav .navbar-nav .nav-item:nth-child(9) {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s;
}

.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.side-nav .navbar-nav .nav-link {
	display: inline-table;
	color: #FFFFFF;
	padding: 2px 0 3px 0 !important;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: normal;
	position: relative;
	border-radius: 0;
}

.side-nav .navbar-nav .nav-link::after {
	content: "";
	position: absolute;
	background: #fff;
	display: inline-block;
	width: 0;
	height: 3px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.side-nav .navbar-nav .nav-link:hover::after,
.side-nav .navbar-nav .nav-link:focus::after,
.side-nav .navbar-nav .nav-link.active::after {
	width: 100%;
}

.side-nav .navbar-nav .nav-link.active {
	background: transparent;
}

.side-menu p {
	margin-top: .5rem;
	margin-bottom: 0;
}

.social-icons-simple {
	margin-bottom: 0;
	margin-left: -10px;
}

.social-icons-simple li {
	display: inline-block;
}

.social-icons-simple li a {
	display: block;
	font-size: 16px;
	height: 36px;
	line-height: 38px;
	border: 1px solid transparent;
	text-align: center;
	width: 36px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
	color: #FFFFFF;
}

.social-icons-simple li a:hover {
	background-color: yellow;
	color: #ffffff;
}

.side-footer p {
	color: #FFFFFF;
}

.social-icons-simple li.animated-wrap a:hover {
	background-color: transparent;
	color: #ffffff;
}

@-webkit-keyframes animationFade {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes animationFade {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}





/* ===================================
        START Carousel SYNC
   ====================================== */

#sync1 .item {
	height: 100vh;
	background: #FFF;
	padding: 80px 0px;
	color: #000;
	border-radius: 3px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
}



#sync2 {
	width: 25%;
	bottom: 5px;
	position: absolute;
	right: 15px;
}

#sync2 .item {
	background: red;
	/*padding: 10px 0px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 5px;
	color: #FFF;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover !important;
	min-height: 50px;
}

#sync2 .owl-item.current .item {
	transition: ease .2s;
	border: 3px solid #FFFFFF;
}

#sync2 .item h1 {
	font-size: 18px;
}

#sync2 .current .item {
	background: yellow;
}

.owl-theme .owl-nav {
	/*default owl-theme theme reset .disabled:hover links */
}

.owl-theme .owl-nav [class*='owl-'] {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
	background-color: #D6D6D6;
}

#sync1.owl-theme {
	position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
	width: 22px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
}

#sync1.owl-theme .owl-prev {
	left: 10px;
}

#sync1.owl-theme .owl-next {
	right: 10px;
}

#sync1 .carosuel-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 100%;
	opacity: 1;
	transition: .8s ease;
	transition-delay: .5s;
	filter: blur(5px);
	-webkit-backdrop-filter: blur(15px);
	/* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
	backdrop-filter: blur(15px);
	/* Supported in Chrome 76 */
}

#sync1 .owl-item.center .carosuel-overlay {
	right: 0;
}

.item-num-top {
	margin-left: 30px;
	margin-top: 30px;
}

#sync1 .owl-item.center .item-num-top {
	transition: .8s ease;
	opacity: 0;
}

#sync1 .item .subheading {
	font-size: 40px;
	text-align: center;
	margin-left: 20px;
	margin-top: 22px;
	z-index: 1111;
	position: relative;
	display: block;
}

#sync1 .carosuel-content {
	position: absolute;
	top: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px 0;
	text-align: center;
	transition: .5s ease;
	z-index: 1111;
}

#sync1 .owl-item.center .carosuel-content {
	top: 48%;
}

#sync1 .carosuel-content h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 60px;
	margin-bottom: 20px;
	display: inline-block;
	text-transform: uppercase;
	text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
		1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}


#sync1 .carosuel-content p {
	width: 50%;
	margin: auto;
	margin-bottom: 30px;
	font-weight: bold;
}

#sync1 .carosuel-content a {
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
}


/* ===================================
        END Carousel SYNC
   ====================================== */



/* ===================================
       START CONTACT FORM
   ====================================== */

.contact-section {
	background-image: url("../img/banner-contact.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	/*filter: blur(5px);*/
	padding-top: 150px;
}

.overlay-background {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.85);
}

.contact-left-side {
	color: #FFFFFF;
}

.contact-left-side h3 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 40px;
}

.contact-left-side p {
	font-family: Roboto, "sans-serif";
}

.contact-right-side {
	color: #FFFFFF;
}

.contact-right-side h2 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 40px;
}

.contact-left-side p {
	font-family: Roboto, "sans-serif";
}


.contact-form .form-control {
	border: none;
	border-bottom: 1px solid #FFFFFF;
	padding: 22px 0;
	background: transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 32px;
	color: #FFFFFF;
	font-size: 18px;
	position: relative;
	font-weight: 200;
	font-family: 'Roboto', sans-serif;
	-webkit-transition: border .9s ease;
	-o-transition: border .9s ease;
	transition: border .9s ease;
}

.contact-form .form-control:focus {
	background-color: transparent;
	outline: none;
	box-shadow: none;
	border-color: #ffffff;
}

.contact-form textarea {
	min-height: 180px;
	resize: none;
}

.contact-form .form-group {
	margin-bottom: 1.5rem;
}

.contact-btn .btn {
	font-size: 18px;
	padding: 6px 50px;
	line-height: 1.8em;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
}

.contact-form input::placeholder {
	color: #FFFFFF;
	font-size: 16px;
}

.contact-form textarea::placeholder {
	color: #FFFFFF;
	font-size: 16px;
}


/* ===================================
        END CONTACT FORM
   ====================================== */


/* ===================================
   Footer
====================================== */

.footer-style-1 {
	padding: 5rem 0;
	background-color: #000000;
}

.footer-social ul {
	margin: 0;
	padding: 0;
}

.footer-social li {
	display: inline-block;
}

.footer-social a {
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border-radius: 50px;
	font-size: 17px;
	margin: 0 10px 0 0;
	border: 1px solid transparent;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	color: #FFFFFF;
}

.footer-social li:nth-last-child(1) a {
	margin-right: 0;
}

.footer-social li a:hover {
	background-color: #FFFFFF;
	color: #000000;
}

.company-about {
	font-size: 14px;
	color: #fff;
}


#map {
	min-height: 300px;
	height: 100%;
}



/* ===================================
        Preloader
   ====================================== */

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #FFF;
	z-index: 999;
}

.centrize {
	display: table;
	table-layout: fixed;
	height: 100%;
	position: relative;
}

.full-width {
	max-width: 100%;
	width: 100%;
}

.vertical-center {
	display: table-cell;
	vertical-align: middle;
}


@-webkit-keyframes loader {

	0%,
	10%,
	100% {
		width: 84px;
		height: 84px;
	}

	65% {
		width: 150px;
		height: 150px;
	}
}

@keyframes loader {

	0%,
	10%,
	100% {
		width: 84px;
		height: 84px;
	}

	65% {
		width: 150px;
		height: 150px;
	}
}

@-webkit-keyframes loaderBlock {

	0%,
	30% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	55% {
		background-color: transparent;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@keyframes loaderBlock {

	0%,
	30% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	55% {
		background-color: transparent;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@-webkit-keyframes loaderBlockInverse {

	0%,
	20% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	55% {
		background-color: transparent;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@keyframes loaderBlockInverse {

	0%,
	20% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	55% {
		background-color: transparent;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84px;
	height: 84px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
	transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
	-webkit-animation: loader 1.2s infinite ease-in-out;
	animation: loader 1.2s infinite ease-in-out;
}

.loader span {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: #000;
	border: 1px #000 solid;
	box-sizing: border-box;
	-webkit-animation: loaderBlock 1.2s infinite ease-in-out both;
	animation: loaderBlock 1.2s infinite ease-in-out both;
}

.loader span:nth-child(1) {
	top: 0;
	left: 0;
}

.loader span:nth-child(2) {
	top: 0;
	right: 0;
	-webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
	animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}

.loader span:nth-child(3) {
	bottom: 0;
	left: 0;
	-webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
	animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}

.loader span:nth-child(4) {
	bottom: 0;
	right: 0;
}




/* ===================================
    Media Queries
   ====================================== */


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

	body {
		text-align: center;
	}

	.home-banner {
		padding: 10rem 0 7.5rem;
	}

	.sidemenu_btn {
		position: relative;
		right: 0;
		margin: 0;
	}

	.slider-right {
		float: none;
		margin-top: 6rem;
	}

	.heading-box h2 {
		font-size: 3.5rem;
		line-height: 1.1;
	}

	.heading-area {
		margin-bottom: 3rem;
	}

	.heading-area .title {
		font-size: 2.5rem;
	}

}


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

	section {
		padding: 4.5rem 0;
	}

	.home-banner {
		padding: 7rem 0 4.5rem;
	}

	.sidemenu_btn {
		position: relative;
		right: 0;
		margin: 0;
	}

	.parallax-box {
		padding: 1.5rem 0;
	}

	.parallax-box i {
		font-size: 2.2rem;
	}

	.parallax-box h2 {
		font-size: 2.2rem;
	}

	.parallax-box h5 {
		font-size: 1rem;
	}

	.partners-slider {
		margin: 0;
	}

	.slider-right {
		float: none;
		margin-top: 5rem;
	}

	.heading-box h2 {
		font-size: 2.3rem;
		line-height: 1.1;
	}

	.heading-area {
		margin-bottom: 3rem;
	}

	.portfolio-details.heading-area {
		margin-bottom: 2.3rem;
	}

	.heading-area .title {
		font-size: 2rem;
	}

	#blog .heading-area {
		margin: 0;
		padding: 4.5rem 0;
	}

	.address-item {
		margin: 3rem 0;
	}

	.footer-social {
		margin-bottom: 1rem;
	}

	.side-menu {
		width: 380px;
	}

	.contact-section {
		margin-top: 100px;
	}

	header a.logo img {
		max-width: 74px;
		left: 60%;
		top: 69%;
		transform: translate(-50%, -50%);
	}

	/* Custom Css OF HOME PAGE */

	#sync2 {
		display: none;
	}

	#sync1 .item .subheading {
		font-size: 30px;
	}

	.item-num-top {
		display: none;
	}

	#sync1 .carosuel-content h1 {
		font-size: 45px;
	}

	#sync1 .carosuel-content p {
		width: 45%;
	}


	#sync1 .owl-item.center .carosuel-content {
		top: 30%;
	}

	.header-social-icons {
		display: none;
	}

	.side-nav .navbar-nav .nav-item .nav-link {
		font-size: 21px;
	}



}


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	header a.logo img {
		max-width: 74px;
		left: 60%;
		top: 69%;
		transform: translate(-50%, -50%);
	}

	#sync2 {
		display: none;
	}

	#sync1 .item .subheading {
		font-size: 30px;
	}

	.item-num-top {
		display: none;
	}

	#sync1 .carosuel-content h1 {
		font-size: 45px;
	}

	#sync1 .carosuel-content p {
		width: 45%;
	}


	#sync1 .owl-item.center .carosuel-content {
		top: 30%;
	}

	.header-social-icons {
		display: none;
	}

	.side-nav .navbar-nav .nav-item .nav-link {
		font-size: 21px;
	}


	.close-modal {
		right: 26px !important;
	}
}


/* ===================================
    Scrollbar
====================================== */

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	width: 8px;
	background: white;
	border-left: 0 solid white;
	border-right: 0 solid white;
}

::-webkit-scrollbar-thumb {
	background: #2B2B2B;
	width: 0;
	height: 25%;
	transition: .5s ease;
	cursor: pointer;
}


.logo-container {
	text-align: center;
	text-transform: none !important;
	font-family: "Merriweather", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-variation-settings: "width" 100;
	font-size: 42px;
}

.modal-arrow {
	color: #FFF;
	font-size: 40px;
	line-height: 40px;
	font-family: 'Oswald', sans-serif;
}

.img-thumb {
	text-align: center;
}
.img-thumb img {
	width: 200px;
	height: inherit;
	margin: 20px auto;
}

.launch-btn {
	margin-bottom: 20px;
	color: #AAA;
	border-color: #777;
}
.launch-btn:hover {
	color: #FFF;
}