/*
Template: Blak
Author: Codelayers
Version: 1.0
Design and Developed by: Codelayers


*/

/*
======================================
[ CSS TABLE CONTENT ]
======================================
[Table of contents]

1. General
+ Text Colors
+ Divider lines
+ Paddings
+ Opacity styles
+ fonts
+ Icon Boxes
+ Text Boxes
+ Buttons
+ Opacity styles
+ buttons

2. Image boxes
+ section-side-image
+ background-imgholder
+ image-left
+ image-holder
+ nodisplay-image

3. Lists
+ iconlist
+ clientlogo-list
+ side-nav-list
+ category-links
+ tags 

4. Menu Backgrounds
+ Headers

5. Topbar Styles
+ topbar
+ toplist

6. Logo
+ logo

7. Section Titles
+ section titles

8. Page Section Styles
+ Section Styles

9. Footer Styles
+ footer logo
+ lists


10. Parallax Sections

11. Overlay Styles
+ Section Overlay
+ video overlay

12. Social Links
+ social-icons-1
+ social-icons-2
+ social-icons-3

13. Feature boxs


======================================
[ END CSS TABLE CONTENT ]
======================================
*/


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


html {
scroll-padding-top: 120px; /* adjust based on header height */
scroll-behavior: smooth;
}


body {
font: 18px 'Open Sans', sans-serif;
font-weight: normal;
font-style: normal;
line-height: 30px;
color: #727272;
text-align: justify;
}


/* =============== HEADER BASE =============== */
.site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: rgba(0,0,0,0.95);
}

.header-inner {
max-width: 1200px;
margin: 0 auto;
padding: 8px 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
}

.header-logo img {
max-height: 100px;
filter: brightness(0) invert(1);
}

/* Desktop menu */
.header-nav {
display: flex;
}

.header-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 24px;
}

.header-menu li a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
padding-bottom: 6px;
}

.header-menu li.active a {
border-bottom: 2px solid #fff;
}

/* Burger button */
.header-burger {
display: none;
background: none;
border: none;
cursor: pointer;
flex-direction: column;
gap: 4px;
}

.header-burger span {
display: block;
width: 20px;
height: 2px;
background: #fff;
}

/* =============== OFFCANVAS =============== */
.offcanvas-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
z-index: 900;
display: none;
}

.offcanvas-overlay.active {
display: block;
}

.offcanvas-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #000;
z-index: 1001;
transform: translateX(-100%);
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
}

.offcanvas-menu.open {
transform: translateX(0);
}

.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 18px;
border-bottom: 1px solid rgba(255,255,255,0.15);
}

.offcanvas-logo img {
max-height: 50px;
filter: brightness(0) invert(1);
}

.offcanvas-close {
background: none;
border: none;
color: #fff;
font-size: 28px;
cursor: pointer;
line-height: 1;
}

/* offcanvas nav */
.offcanvas-menu-list {
list-style: none;
margin: 0;
padding: 16px 0;
}

.offcanvas-menu-list li a {
display: block;
padding: 10px 20px;
color: #fff;
text-decoration: none;
font-size: 14px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}

.offcanvas-menu-list li.active a {
background: rgb(255 255 255 / 40%);
}

/* socials */
.offcanvas-socials {
padding: 14px 18px 20px;
border-top: 1px solid rgba(255,255,255,0.15);
display: flex;
gap: 12px;
}

.offcanvas-socials img {
width: 24px;
height: 24px;
object-fit: contain;
}

/* Prevent scroll when menu open */
body.no-scroll {
overflow: hidden;
}

/* =============== RESPONSIVE =============== */
@media (max-width: 768px) {
.header-nav {
display: none;       /* hide desktop menu */
}

.header-burger {
display: flex;       /* show burger */
}
}

/* Just in case: ensure desktop uses normal menu */
@media (min-width: 769px) {
.offcanvas-menu,
.offcanvas-overlay {
display: none;
}
}


/* a link Styles
------------------------------ */

a, .btn {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:hover {
text-decoration: none;
}
a:focus, a:hover {
color: #101010;
}
a {
outline: medium none !important;
color: #727272;
}
.uppercase {
text-transform: uppercase;
}

/* Headungs
------------------------------ */

h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
/*font-family: 'Roboto', sans-serif;*/
font-weight: normal;
color: #272727;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
}
h1 {
font-size: 40px;
line-height: 40px;
margin-bottom: 20px;
font-style: normal;
font-weight: 300;
}
h1.less-mar-1 {
margin-bottom: 10px;
}
h1.less-mar-2 {
margin-bottom: 5px;
}
h2 {
font-size: 35px;
line-height: 35px;
margin-bottom: 20px;
font-style: normal;
font-weight: 300;
}
h2.nomargin {
margin-bottom: 0px;
}
h2.less-mar-1 {
margin-bottom: 3px;
font-size: 40px;
text-align: left;
}
h2.less-mar-2 {
margin-bottom: 5px;
}
h2.less-mar-3 {
margin-bottom: 7px;
}
h2.less-mar-4 {
margin-bottom: 9px;
}
h3 {
font-size: 27px;
line-height: 30px;
margin-bottom: 18px;
font-style: normal;
}
h3.nomargin {
margin-bottom: 0px;
}
h3.less-mar-1 {
margin-bottom: 3px;
}
h3.less-mar-2 {
margin-bottom: 5px;
}
h3.less-mar-3 {
margin-bottom: 7px;
}
h3.less-mar-4 {
margin-bottom: 9px;
}
h4 {
font-size: 18px;
line-height: 25px;
margin-bottom: 18px;
font-style: normal;
}
h4.nomargin {
margin-bottom: 0px;
}
h4.less-mar-1 {
margin-bottom: 3px;
}
h4.less-mar-2 {
margin-bottom: 5px;
}
h4.less-mar-3 {
margin-bottom: 7px;
}
h4.less-mar-4 {
margin-bottom: 9px;
}
h5 {
font-size: 18px;
line-height: 23px;
margin-bottom: 16px;
font-style: normal;
}
h5.nomargin {
margin-bottom: 0px;
}
h5.less-mar-1 {
margin-bottom: 3px;
}
h5.less-mar-2 {
margin-bottom: 5px;
}
h5.less-mar-3 {
margin-bottom: 7px;
}
h5.less-mar-4 {
margin-bottom: 9px;
}
h6 {
font-size: 18px;
line-height: 21px;
margin-bottom: 14px;
font-style: normal;
color: #000;
}
h6.nomargin {
margin-bottom: 0px;
}
h6.less-mar-1 {
margin-bottom: 3px;
}
h6.less-mar-2 {
margin-bottom: 5px;
}
h6.less-mar-3 {
margin-bottom: 7px;
}
h6.less-mar-4 {
margin-bottom: 9px;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.h1, .h2, .h3, h1, h2, h3, h4 {
margin-top: 0;
}
ul {
list-style-type: none;
}

/*=============== Text Colors ============= */

.text-white {
color: #fff;
}
.text-dark {
color: #242424;
}
.text-light {
color: #acacac;
}
.text-primary {
color: #fccb06;
}
.text-gray {
color: #727272;
}
.text-gray-2 {
color: #a1a1a1;
}
a:hover.text-hover-primary {
color: #fccb06;
}
/*=============== Margins ============= */

.margin-bottom {
margin-bottom: 0px;
}
.margin-bottom-2 {
margin-bottom: 20px;
}
.margin-bottom-3 {
margin-bottom: 30px;
}
.margin-bottom-4 {
margin-bottom: 40px;
}
.margin-bottom-5 {
margin-bottom: 50px;
}
.margin-top {
margin-top: 0px;
}
.margin-top-1 {
float: left;
margin-top: 10px;
width: 100%;
}
.margin-top-2 {
float: left;
margin-top: 20px;
width: 100%;
}
.margin-top-3 {
float: left;
margin-top: 30px;
width: 100%;
}
.margin-top-4 {
float: left;
margin-top: 40px;
width: 100%;
}
.margin-top-5 {
float: left;
margin-top: 50px;
width: 100%;
}
.margin-top-6 {
float: left;
margin-top: 60px;
width: 100%;
}
.margin-top-7 {
float: left;
margin-top: 70px;
width: 100%;
}
.col-divider-margin {
width: 100%;
float: left;
margin-top: 60px;
}
.col-divider-margin-1 {
width: 100%;
float: left;
margin-top: 10px;
}
.col-divider-margin-2 {
width: 100%;
float: left;
margin-top: 20px;
}
.col-divider-margin-3 {
width: 100%;
float: left;
margin-top: 30px;
}
.col-divider-margin-4 {
width: 100%;
float: left;
margin-top: 40px;
}
.col-divider-margin-5 {
width: 100%;
float: left;
margin-top: 50px;
}
.col-divider-margin-6 {
width: 100%;
float: left;
margin-top: 60px;
}
.nobottom-margin {
margin-bottom: 0px;
}

.margin-left-1 {
margin-left: 10px;
}
.margin-left-2 {
margin-left: 20px;
}
.margin-left-3 {
margin-left: 30px;
}
.margin-left-4 {
margin-left: 40px;
}
.margin-left-5 {
margin-left: 50px;
}
.margin-left-6 {
margin-left: 60px;
}
.margin-left-7 {
margin-left: 70px;
}
.colmargin {
margin: 0 0 0 0;
}
.col-centered {
float: none;
margin: 0 auto;
}

/* font weight
------------------------------ */
.f-weight-1 {
margin-bottom: 0px;
}

/*=============== Divider lines ============= */
.divider-line {
float: left;
width: 100%;
}
.divider-line.dashed {
border-bottom: 1px dashed;
}
.divider-line.solid {
border-bottom: 1px solid;
}
.divider-line.dark {
border-bottom-color:#444444;
}
.divider-line.dark-2 {
border-bottom-color:#343333;
}
.divider-line.white {
border-bottom-color:#fff;
}
.divider-line.light {
border-bottom-color:#f1f1f1;
}
.divider-line.light-2 {
border-bottom-color:#ebebeb;
}
.divider-line.primary {
border-bottom-color:#fccb06;
}
.divider-line.top-padding {
padding-top: 20px;
}
.divider-line.bottom-margin {
margin-bottom: 20px;
}
.divider-line.margin {
margin: 20px 0;
}
.divider-line.margin-2 {
margin: 40px 0;
}
/*=============== Paddings ============= */

.no-top-padding {
padding-top: 0;
}

/* padding top
------------------------------ */
.padding-top-1 {
padding-top: 10px;
}
.padding-top-2 {
padding-top: 20px;
}
.padding-top-3 {
padding-top: 30px;
}
.padding-top-4 {
padding-top: 40px;
}
.padding-top-5 {
padding-top: 50px;
}
.padding-top-6 {
padding-top: 60px;
}

/* left padding
------------------------------ */

.padding-left-1 {
padding-left: 10px;
}
.padding-left-2 {
padding-left: 20px;
}
.padding-left-3 {
padding-left: 30px;
}
.padding-left-4 {
padding-left: 40px;
}
.padding-left-5 {
padding-left: 50px;
}
.padding-left-6 {
padding-left: 60px;
}
.padding-left-7 {
padding-left: 70px;
}
.padding-left-8 {
padding-left: 80px;
}

/* right padding
------------------------------ */

.padding-right-1 {
padding-right: 10px;
}
.padding-right-2 {
padding-right: 20px;
}
.padding-right-3 {
padding-right: 30px;
}
.padding-right-4 {
padding-right: 40px;
}
.padding-right-5 {
padding-right: 50px;
}
.padding-right-6 {
padding-right: 60px;
}
.padding-right-7 {
padding-right: 70px;
}
.padding-right-8 {
padding-right: 80px;
}
.no-padding-top {
padding-top: 0px;
}

/*=============== Opacity styles ============= */
.opacity-1 {
opacity:0.1;
}
.opacity-2 {
opacity:0.1;
}
.opacity-3 {
opacity:0.3;
}
.opacity-4 {
opacity:0.4;
}
.opacity-5 {
opacity:0.5;
}
.opacity-6 {
opacity:0.6;
}
.opacity-7 {
opacity:0.7;
}
.opacity-8 {
opacity:0.8;
}

/*=============== fonts ============= */

.droid-serif {
font-family: 'Droid Serif', serif;
}
.ubuntu {
font-family: 'Ubuntu', sans-serif;
}
.oswald {
font-family: 'Oswald', sans-serif;
}
.muli {
font-family: 'Muli', sans-serif;
}
.great-vibes {
font-family: 'Great Vibes', cursive;
}
.old-standardtt {
font-family: 'Old Standard TT', serif;
}
.dosis {
font-family: 'Dosis', sans-serif;
}
.roboto-slab {
font-family: 'Roboto Slab', serif;
}
.gfs-didot {
font-family: 'GFS Didot', serif;
}
.raleway {
font-family: "Raleway", sans-serif;
}
.gloria-hallelujah {
font-family: 'Gloria Hallelujah', cursive;
}
.love-ya-like-a-sister {
font-family: 'Love Ya Like A Sister', cursive;
}
.michroma {
font-family: 'Michroma', sans-serif;
}
.sacramento {
font-family: 'Sacramento', cursive;
}
.yesteryear {
font-family: 'Yesteryear', cursive;
}
.playfair {
font-family: 'Playfair Display', serif;
}
.jockey-one {
font-family: 'Jockey One', sans-serif;
}
.pompiere {
font-family: 'Pompiere', cursive;
}
.raleway {
font-family: 'Raleway', sans-serif;
}
.six-caps {
font-family: 'Six Caps', sans-serif;
}
.cinzel-decorative {
font-family: 'Cinzel Decorative', cursive;
}

.montserrat {
font-family: 'Montserrat', sans-serif;
}
.libre-baskerville {
font-family: 'Libre Baskerville', serif;
}
.dawning {
font-family: 'Dawning of a New Day', cursive;
}


/* line height
------------------------------ */
.line-height-1{
line-height:18px;
}
.line-height-2{
line-height:20px;
}
.line-height-3{
line-height:30px;
}

.line-height-4{
line-height:40px;
}

.line-height-5{
line-height:50px;
}

.line-height-6{
line-height:60px;
}


/* letter spacing
------------------------------ */
.lspace-sm{
letter-spacing:5px;
}
.lspace-1{
letter-spacing:10px;
}
.lspace-2{
letter-spacing:20px;
}
.lspace-3{
letter-spacing:30px;
}
.lspace-4{
letter-spacing:40px;
}
.lspace-5{
letter-spacing:50px;
}


/* font weight styles
------------------------------ */

.font-weight-1 {
font-weight: 100;
}
.font-weight-2 {
font-weight: 200;
}
.font-weight-3 {
font-weight: 300;
}
.font-weight-4 {
font-weight: 400;
}
.font-weight-5 {
font-weight: 500;
}
.font-weight-6 {
font-weight: 600;
}
.font-weight-7 {
font-weight: 700;
}
.font-weight-8 {
font-weight: 800;
}
.font-weight-b {
font-weight: bold;
}
/*=============== Columns without padding ============= */
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}

/*=============== site main structure ============= */

.site-wrapper {
width: 100%;
margin: 0px auto;
background-color: #FFF;

}
.wrapper-boxed {
margin: auto;
background-color: #FFF;
}

/*=============== image Boxes ============= */

.imgbox-dxlarge, .imgbox-xlarge, .imgbox-large, .imgbox-xmedium, .imgbox-medium, .imgbox-smedium, .imgbox-small, .imgbox-tiny, .imgbox-xtiny {
padding: 0px;
margin: 0 auto;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.imgbox-dxlarge {
width: 300px;
height: 300px;

}
.imgbox-dxlarge-2 {
width: 200px;
height: 200px;

}
.imgbox-xlarge {
width: 135px;
height: 135px;
}
.imgbox-large {
width: 120px;
height: 120px;
}
.imgbox-xmedium {
width: 110px;
height: 110px;
}
.imgbox-medium {
width: 100px;
height: 100px;
}
.imgbox-smedium {
width: 90px;
height: 90px;
}
.imgbox-small {
width: 80px;
height: 80px;
}
.imgbox-tiny {
width: 70px;
height: 70px;
}
.imgbox-xtiny {
width: 60px;
height: 60px;
}

/* icon rounded
------------------------------ */

.imgbox-dxlarge.round, .imgbox-dxlarge-2.round, .imgbox-xlarge.round, .imgbox-large.round, .imgbox-xmedium.round, .imgbox-medium.round, .imgbox-smedium.round, .imgbox-small.round, .imgbox-tiny.round, .imgbox-xtiny.round {
border-radius: 100%;
}
/* imgboxes alignments
------------------------------ */

.imgbox-dxlarge.center, .imgbox-dxlarge-2.center, .imgbox-xlarge.center, .imgbox-large.center, .imgbox-xmedium.center, .imgbox-medium.center, .imgbox-smedium.center, .imgbox-small.center, .imgbox-tiny.center, .imgbox-xtiny.center {
margin: 0 auto;
}
.imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
float: left;
margin: 0px 20px 0px 0px;
}
.imgbox-dxlarge.right, .imgbox-dxlarge-2.right, .imgbox-xlarge.right, .imgbox-large.right, .imgbox-xmedium.right, .imgbox-medium.right, .imgbox-smedium.right, .imgbox-small.right, .imgbox-tiny.right, .imgbox-xtiny.right {
float: right;
margin: 0px 0px 0px 20px;
}

/* imgboxe background colors
------------------------------ */	
.imgbox-dxlarge.dark, .imgbox-dxlarge-2.dark, .imgbox-xlarge.dark, .imgbox-large.dark, .imgbox-xmedium.dark, .imgbox-medium.dark, .imgbox-smedium.dark, .imgbox-small.dark, .imgbox-tiny.dark, .imgbox-xtiny.dark {
color: #fff;
background-color: #101010;
}
.imgbox-dxlarge.white, .imgbox-dxlarge-2.white, .imgbox-xlarge.white, .imgbox-large.white, .imgbox-xmedium.white, .imgbox-medium.white, .imgbox-smedium.white, .imgbox-small.white, .imgbox-tiny.white, .imgbox-xtiny.white {
color: #242424;
background-color: #fff;
}
.imgbox-dxlarge.gray, .imgbox-dxlarge-2.gray, .imgbox-xlarge.gray, .imgbox-large.gray, .imgbox-xmedium.gray, .imgbox-medium.gray, .imgbox-smedium.gray, .imgbox-small.gray, .imgbox-tiny.gray, .imgbox-xtiny.gray {
color: #fff;
background-color: #474747;
}

/* imgboxs with stroke
------------------------------ */	
.imgbox-dxlarge.outline-gray, .imgbox-dxlarge-2.outline-gray, .imgbox-xlarge.outline-gray, .imgbox-large.outline-gray, .imgbox-xmedium.outline-gray, .imgbox-medium.outline-gray, .imgbox-smedium.outline-gray, .imgbox-small.outline-gray, .imgbox-tiny.outline-gray, .imgbox-xtiny.outline-gray {
color: #fff;
background-color: none;
border: 1px solid #727272;
}
.imgbox-dxlarge.outline-gray-2, .imgbox-dxlarge-2.outline-gray-2, .imgbox-xlarge.outline-gray-2, .imgbox-large.outline-gray-2, .imgbox-xmedium.outline-gray-2, .imgbox-medium.outline-gray-2, .imgbox-smedium.outline-gray-2, .imgbox-small.outline-gray-2, .imgbox-tiny.outline-gray-2, .imgbox-xtiny.outline-gray-2 {
color: #242424;
background-color: none;
border: 1px solid #e4e4e4;
}
.imgbox-dxlarge.outline-white, .imgbox-dxlarge-2.outline-white, .imgbox-xlarge.outline-white, .imgbox-large.outline-white, .imgbox-xmedium.outline-white, .imgbox-medium.outline-white, .imgbox-smedium.outline-white, .imgbox-small.outline-white, .imgbox-tiny.outline-white, .imgbox-xtiny.outline-white {
color: #fff;
background-color: none;
border: 1px solid #fff;
}
.imgbox-dxlarge.outline-dark, .imgbox-dxlarge-2.outline-dark, .imgbox-xlarge.outline-dark, .imgbox-large.outline-dark, .imgbox-xmedium.outline-dark, .imgbox-medium.outline-dark, .imgbox-smedium.outline-dark, .imgbox-small.outline-dark, .imgbox-tiny.outline-dark, .imgbox-xtiny.outline-dark {
color: #161616;
background-color: none;
border: 1px solid #161616;
}
/*=============== Icon Boxes ============= */

.iconbox-dxlarge, .iconbox-xlarge, .iconbox-large, .iconbox-xmedium, .iconbox-medium, .iconbox-smedium, .iconbox-small, .iconbox-tiny, .iconbox-xtiny {
padding: 0px;
margin: 0 auto;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.iconbox-dxlarge {
width: 200px;
height: 200px;
font-size: 46px;
color: #242424;
border: none;
line-height: 135px;
}
.iconbox-xlarge {
width: 135px;
height: 135px;
font-size: 46px;
color: #242424;
line-height: 135px;
}
.iconbox-large {
width: 120px;
height: 120px;
font-size: 46px;
color: #242424;
line-height: 114px;
}
.iconbox-xmedium {
width: 110px;
height: 110px;
font-size: 38px;
color: #242424;
line-height: 106px;
}
.iconbox-medium {
width: 100px;
height: 100px;
font-size: 32px;
color: #242424;
line-height: 100px;
}
.iconbox-smedium {
width: 90px;
height: 90px;
font-size: 26px;
color: #242424;
line-height: 90px;
}
.iconbox-small {
width: 80px;
height: 80px;
font-size: 26px;
color: #242424;
line-height: 80px;
}
.iconbox-tiny {
width: 70px;
height: 70px;
font-size: 26px;
color: #242424;
line-height: 74px;
}
.iconbox-xtiny {
width: 60px;
height: 60px;
font-size: 18px;
color: #242424;
line-height: 60px;
}
.digit {
width: 32px;
height: 32px;
text-align: center;
font-size: 14px;
color: #fff;
left: 115px;
top: 115px;
line-height: 36px;
border-radius: 100%;
background-color: #fd602c;
transition: all 0.3s ease-out 0s;
}
.iconbox-xlarge.no-lineheight {
line-height: 0;
}

/* icon rounded
------------------------------ */

.iconbox-dxlarge.round, .iconbox-xlarge.round, .iconbox-large.round, .iconbox-xmedium.round, .iconbox-medium.round, .iconbox-smedium.round, .iconbox-small.round, .iconbox-tiny.round, .iconbox-xtiny.round {
border-radius: 100%;
}
/* iconboxes alignments
------------------------------ */

.iconbox-dxlarge.center, .iconbox-xlarge.center, .iconbox-large.center, .iconbox-xmedium.center, .iconbox-medium.center, .iconbox-smedium.center, .iconbox-small.center, .iconbox-tiny.center, .iconbox-xtiny.center {
margin: 0 auto;
}
.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
float: left;
margin: 0px 20px 0px 0px;
}
.iconbox-dxlarge.right, .iconbox-xlarge.right, .iconbox-large.right, .iconbox-xmedium.right, .iconbox-medium.right, .iconbox-smedium.right, .iconbox-small.right, .iconbox-tiny.right, .iconbox-xtiny.right {
float: right;
margin: 0px 0px 0px 20px;
}

/* iconboxe background colors
------------------------------ */	
.iconbox-dxlarge.dark, .iconbox-xlarge.dark, .iconbox-large.dark, .iconbox-xmedium.dark, .iconbox-medium.dark, .iconbox-smedium.dark, .iconbox-small.dark, .iconbox-tiny.dark, .iconbox-xtiny.dark {
color: #fff;
background-color: #101010;
}
.iconbox-dxlarge.white, .iconbox-xlarge.white, .iconbox-large.white, .iconbox-xmedium.white, .iconbox-medium.white, .iconbox-smedium.white, .iconbox-small.white, .iconbox-tiny.white, .iconbox-xtiny.white {
color: #242424;
background-color: #fff;
}
.iconbox-dxlarge.gray, .iconbox-xlarge.gray, .iconbox-large.gray, .iconbox-xmedium.gray, .iconbox-medium.gray, .iconbox-smedium.gray, .iconbox-small.gray, .iconbox-tiny.gray, .iconbox-xtiny.gray {
color: #fff;
background-color: #474747;
}

/* iconboxs with stroke
------------------------------ */	
.iconbox-dxlarge.outline-gray, .iconbox-xlarge.outline-gray, .iconbox-large.outline-gray, .iconbox-xmedium.outline-gray, .iconbox-medium.outline-gray, .iconbox-smedium.outline-gray, .iconbox-small.outline-gray, .iconbox-tiny.outline-gray, .iconbox-xtiny.outline-gray {
color: #fff;
background-color: none;
border: 1px solid #727272;
}
.iconbox-dxlarge.outline-gray-2, .iconbox-xlarge.outline-gray-2, .iconbox-large.outline-gray-2, .iconbox-xmedium.outline-gray-2, .iconbox-medium.outline-gray-2, .iconbox-smedium.outline-gray-2, .iconbox-small.outline-gray-2, .iconbox-tiny.outline-gray-2, .iconbox-xtiny.outline-gray-2 {
color: #242424;
background-color: none;
border: 1px solid #e4e4e4;
}
.iconbox-dxlarge.outline-white, .iconbox-xlarge.outline-white, .iconbox-large.outline-white, .iconbox-xmedium.outline-white, .iconbox-medium.outline-white, .iconbox-smedium.outline-white, .iconbox-small.outline-white, .iconbox-tiny.outline-white, .iconbox-xtiny.outline-white {
color: #fff;
background-color: none;
border: 1px solid #fff;
}
.iconbox-dxlarge.outline-dark, .iconbox-xlarge.outline-dark, .iconbox-large.outline-dark, .iconbox-xmedium.outline-dark, .iconbox-medium.outline-dark, .iconbox-smedium.outline-dark, .iconbox-small.outline-dark, .iconbox-tiny.outline-dark, .iconbox-xtiny.outline-dark {
color: #161616;
background-color: none;
border: 1px solid #161616;
}

/* Icons Plain
------------------------------ */	

.icon-plain-large {
font-size: 80px;
color: #242424;
transition: all 0.3s ease-out 0s;
}
.icon-plain-medium {
font-size: 60px;
color: #242424;
transition: all 0.3s ease-out 0s;
}
.icon-plain-small {
font-size: 40px;
color: #242424;
transition: all 0.3s ease-out 0s;
}
.icon-plain-msmall {
font-size: 32px;
color: #242424;
transition: all 0.3s ease-out 0s;
}
.icon-plain-tiny {
font-size: 20px;
color: #242424;
transition: all 0.3s ease-out 0s;
}
.icon-plain-small.rightline {
border-right: 1px solid #3F3F3F;
}
.icon-plain-medium.rightline {
margin: 0px 20px 50px 0px;
border-right: 1px solid #FFC153;
}
.icon-plain-small.dark {
color: #242424;
}

/* plain icon alignments
------------------------------ */

.icon-plain-large.center, .icon-plain-medium.center, .icon-plain-small.center, .icon-plain-msmall.center, .icon-plain-tiny.center {
margin: 0 auto;
}
.icon-plain-large.left, .icon-plain-medium.left, .icon-plain-small.left, .icon-plain-msmall.left, .icon-plain-tiny.left {
float: left;
margin: 0px 20px 0px 0px;
}
.icon-plain-large.right, .icon-plain-medium.right, .icon-plain-small.right, .icon-plain-msmall.right, .icon-plain-tiny.right {
float: right;
margin: 0px 0px 0px 20px;
}

/* plain icon colors
------------------------------ */

.icon-plain-large.dark, .icon-plain-medium.dark, .icon-plain-small.dark, .icon-plain-msmall.dark, .icon-plain-tiny.dark {
color: #242424;
}
.icon-plain-large.white, .icon-plain-medium.white, .icon-plain-small.white, .icon-plain-msmall.white, .icon-plain-tiny.white {
color: #fff;
}
.icon-plain-large.green, .icon-plain-medium.green, .icon-plain-small.green, .icon-plain-msmall.green, .icon-plain-tiny.green {
color: #fd602c;
}
.icon-plain-large.gray, .icon-plain-medium.gray, .icon-plain-small.gray, .icon-plain-msmall.gray, .icon-plain-tiny.gray {
color: #727272;
}

/*============ Text Boxes ============ */

.text-box-right {
display: block;
padding: 0px 0px 0px 10px;
margin: 0px;
text-align: left;
}
.text-box-right.less-padding {
padding: 0px 0px 0px 65px;
}
.text-box-left {
display: block;
padding: 0px 90px 0px 0;
margin: 0px;
text-align: right;
}
.item-holder {
width: 100%;
padding: 0px;
margin: 0px;
}
.text-box {
width: 100%;
float: left;
}
.text-box.white {
background-color: #fff;
}
.text-box.primary {
background-color: #fccb06;
}
.text-box.white-transparent-1 {
background-color:rgba(255, 255, 255, 0.9);
}
.text-box.light {
background-color: #f5f5f5;
}
.text-box.dark {
background-color: #242424;
}
.text-box.xdark {
background-color: #000;
}
.text-box.border-light{
border: 1px solid #ececec;
}
/* text boxes with borders
------------------------------ */
.text-box-right.border, .text-box-left.border, .item-holder.border, .text-box-inner.border, .text-box.border {
border: 1px solid #f1f1f1;
}
.text-box-right.border-top, .text-box-left.border-top, .item-holder.border-top, .text-box-inner.border-top, .text-box.border-top {
border-top: 1px solid #f1f1f1;
}
.text-box-right.border-bottom, .text-box-left.border-bottom, .item-holder.border-bottom, .text-box-inner.border-bottom, .text-box.border-bottom {
border-bottom: 1px solid #f1f1f1;
}
.text-box-right.border-left, .text-box-left.border-left, .item-holder.border-left, .text-box-inner.border-left, .text-box.border-left {
border-left: 1px solid #f1f1f1;
}
.text-box-right.border-right, .text-box-left.border-right, .item-holder.border-right, .text-box-inner.border-right, .text-box.border-right {
border-right: 1px solid #f1f1f1;
}

/* text boxe padding
------------------------------ */

.text-box.sbox-padd-left {
padding-left:0px;
}

.text-box.padding-1 {
padding: 10px;
}
.text-box.padding-2 {
padding: 20px;
}
.text-box.padding-3 {
padding: 30px;
}
.text-box.padding-4 {
padding: 40px;
padding-left: 0;
}
.text-box.padding-5 {
padding: 50px;
}
.text-box.padding-6 {
padding: 60px;
}
.text-box.padding-7 {
padding: 70px;
}
.text-box.padding-8 {
padding: 80px;
}
.text-box.padding-9 {
padding: 90px;
}

/* text boxes margin and paddings
------------------------------ */

/* left box
------------------------------ */

.item-holder.marginbottom {
margin: 0 0 40px 0;
}
.text-box-left.more-padding-1 {
padding: 0px 120px 0px 0px;
}
.text-box-left.more-padding-2 {
padding: 0px 150px 0px 0px;
}
.text-box-left.less-padding-1 {
padding: 0px 70px 0px 0;
}
.text-box-left.less-padding-2 {
padding: 0px 50px 0px 0;
}
/* right box
------------------------------ */

.text-box-right.more-padding-1 {
padding: 0px 0px 0px 120px;
}
.text-box-right.more-padding-2 {
padding: 0px 0px 0px 140px;
}
.text-box-right.more-padding-3 {
padding: 0px 0px 0px 160px;
}
.text-box-right.more-padding-4 {
padding: 0px 0px 0px 170px;
}
.text-box-right.less-padding-1 {
padding: 0px 0px 0px 70px;
}
.text-box-right.less-padding-2 {
padding: 0px 0px 0px 50px;
}
.text-box-right.less-padding-3 {
padding: 0px 0px 0px 40px;
}
.text-box-right.less-padding-4 {
padding: 0px 0px 0px 80px;
}
/*============ Buttons ============ */

a.read-more {
color: #fccb06;
}
a.read-more:hover {
color: #101010;
}
a.read-more.white {
color: #fff;
}
a.read-more.white:hover {
color: #101010;
}
a.read-more.dark {
color: #101010;
}
a.read-more.dark:hover {
color: #fccb06;
}
a.read-more.dark-2 {
color: #101010;
}
a.read-more.dark-2:hover {
color: #727272;
}
a.read-more.primary {
color: #fccb06;
}
a.read-more.primary:hover {
color: #101010;
}

/* button styles
------------------------------ */

.btn {
padding: 10px 36px;
margin: 0px;
box-shadow: none;
border-radius: 0;
}
.btn.btn-large {
padding: 15px 60px;
}
.btn.btn-medium {
padding: 10px 30px;
}
.btn.btn-small {
padding: 8px 18px;
}
.btn.btn-small-2 {
padding: 4px 18px;
}
.btn.btn-fullwidth {
width:100%;
}
.btn.btn-half-fullwidth {
width:50%;
}
/* button radius
------------------------------ */ 
.btn.btn-xround {
border-radius: 20px;
}
.btn.btn-xround-2 {
border-radius: 30px;
}
.btn.btn-round {
border-radius: 5px;
}
.btn.top-margin {
margin-top: 20px;
}

/* button right margins
------------------------------ */ 
.btn.btn-mar-right-1 {
margin-right:10px
}
.btn.btn-mar-right-2 {
margin-right:20px
}
.btn.btn-mar-right-3 {
margin-right:30px
}
.btn.btn-mar-right-4 {
margin-right:40px
}
.btn.btn-mar-right-5 {
margin-right:50px
}
/* button left margins
------------------------------ */ 
.btn.btn-mar-left-1 {
margin-left:10px
}
.btn.btn-mar-left-2 {
margin-left:20px
}
.btn.btn-mar-left-3 {
margin-left:30px
}
.btn.btn-mar-left-4 {
margin-left:40px
}
.btn.btn-mar-left-5 {
margin-left:50px
}


/* button background colors
------------------------------ */

/* button white
------------------------------ */
.btn.btn-white {
color: #101010;
background-color: #fff;
}
.btn.btn-white:hover {
color: #fff;
background-color: #101010;
}
/* button white transparent
------------------------------ */
.btn.btn-white-tr {
color: #101010;
background-color: rgba(255, 255, 255, 0.6);
}
.btn.btn-white-tr:hover {
color: #101010;
background-color: #fff;
}

/* button dark
------------------------------ */
.btn.btn-dark {
color: #fff;
background-color: #101010;
}
.btn.btn-dark:hover {
color: #fff;
background-color: #3e3e3e;
}
/* button dark-2
------------------------------ */
.btn.btn-dark-2 {
color: #fff;
background-color: #161616;
}
.btn.btn-dark-2:hover {
color: #161616;
background-color: #fff;
}
/* button dark-3
------------------------------ */
.btn.btn-dark-3 {
color: #727272;
background-color: #101010;
}
.btn.btn-dark-3:hover {
color: #727272;
background-color: #242424;
}
/* button light
------------------------------ */
.btn.btn-light {
color: #101010;
background-color: #f5f5f5;
}
.btn.btn-light:hover {
color: #727272;
background-color: #101010;
}
/* button golden yellow
------------------------------ */
.btn.btn-prim {
color: #fff;
background-color: #fccb06;
}
.btn.btn-prim:hover {
color: #fff;
background-color: #101010;
}

.btn.text-dark {
color: #101010;
}
/* button with border
------------------------------ */
.btn.btn-border {
color: #242424;
border: 2px solid;
}
.btn.btn-border.less-bor {
border: 1px solid;
}
.btn.btn-border.border-1x {
border: 1px solid;
}
.btn.btn-border.border-2x {
border: 2px solid;
}
.btn.btn-border.border-3x {
border: 3px solid;
}
.btn.btn-border.border-4x {
border: 4px solid;
}



/* button border white
------------------------------ */
.btn.btn-border.white {
color: #fff;
border-color:#fff;
}
.btn.btn-border:hover.white {
color:#242424;
background-color:#fff;
border-color:#fff;
}
/* button border dark
------------------------------ */
.btn.btn-border.dark {
border-color:#101010;
}
.btn.btn-border:hover.dark {
color:#fff;
background-color:#101010;
border-color:#101010;
}

/* button border dark
------------------------------ */
.btn.btn-border.dark-2 {
color:#fff;
border-color:#545454;
}
.btn.btn-border:hover.dark-2 {
color:#101010;
background-color:#fff;
border-color:#fff;
}

/* button border light
------------------------------ */
.btn.btn-border.light {
border-color:#e4e4e4;
}
.btn.btn-border:hover.light {
color:#fff;
background-color:#101010;
border-color:#101010;
}

/* button border extra light
------------------------------ */
.btn.btn-border.xlight {
border-color:#f5f5f5;
}
.btn.btn-border:hover.xlight {
color:#727272;
background-color:#101010;
border-color:#101010;
}

/* button border orange-2
------------------------------ */
.btn.btn-border.prim {
color:#fccb06;
border-color:#fccb06;
}
.btn.btn-border:hover.prim {
color:#fff;
background-color:#fccb06;
border-color:#fccb06;
}

/* button border gray
------------------------------ */
.btn.btn-border.gray {
color:#fff;
border-color:#727272;
}
.btn.btn-border:hover.gray {
color:#fff;
background-color:#5c5b5b;
border-color:#5c5b5b;
}

/* button border gray-2
------------------------------ */
.btn.btn-border.gray-2 {
color:#101010;
border-color:#727272;
}
.btn.btn-border:hover.gray-2 {
color:#fff;
background-color:#5c5b5b;
border-color:#5c5b5b;
}

/* button border xdark
------------------------------ */
.btn.btn-border.xdark {
color:#161616;
border-color:#161616;
}
.btn.btn-border:hover.xdark {
color:#fff;
background-color:#161616;
border-color:#161616;
}

/* button border white on hover golden yellow
------------------------------ */
.btn.btn-border.white.prim {
color:#fff;
border-color:#fff;
}
.btn.btn-border:hover.white.prim {
color:#fff;
background-color:#fccb06;
border-color:#fccb06;
}

/* Appstore buttons
------------------------------ */ 

.btn.appstore {
width: 200px;
padding: 10px 25px;
margin: 0px;
text-align: left;
}
.btn.appstore.right-margin {
margin-right: 10px;
}
.btn.appstore.gyellow {
background-color: #fccb06;
}
.btn.appstore span {
margin: 0px;
float: left;
padding: 0;
text-align: left;
}
.btn.appstore span i {
font-size: 40px;
color: #fff;
padding: 0 20px 0 0;
}
.btn.appstore p {
font-size: 12px;
display: block;
margin: 0;
padding: 0 25px 0 20px;
text-align: left;
}
.btn.appstore .big {
margin: 0px;
font-size: 18px;
padding: 0;
}
.btn.appstore.gyellow:hover {
background-color: #fff;
}
.btn.appstore.gyellow:hover p, .btn.appstore.gyellow:hover .big, .btn.appstore.gyellow:hover span i {
color: #101010;
}
/* Appstore button white
------------------------------ */
.btn.appstore.white {
background-color: #fff;
}
.btn.appstore.white span i {
font-size: 40px;
color: #101010;
padding: 0 20px 0 0;
}
.btn.appstore.white:hover {
background-color: #fccb06;
}
.btn.appstore.white:hover p, .btn.appstore.white:hover .big, .btn.appstore.white:hover span i {
color: #fff;
}


/*============ Image Boxes ============ */

.section-side-image {
position: relative;
padding-top: 30px;
padding-bottom: 30px;
margin: 0px;
}
.section-side-image .img-holder {
overflow: hidden;
height: 100%;
padding: 0px;
top: 0px;
position: absolute;
}
.background-imgholder.top-padd {
padding-top: 80px;
}
.section-side-image .text-inner {
padding: 120px 120px 120px 0;
}
.section-side-image .text-inner-2 {
padding: 80px;
}
.section-side-image .text-inner-3 {
padding: 80px 80px 0px 80px;
}
.section-side-image .text-inner.two {
padding: 0px 80px 0px 0;
}
.section-side-image .text-inner-4 {
padding: 0 0 0 0;
}
.section-side-image .text-inner-5 {
padding: 120px 120px 120px 0;
}
.section-side-image .text-inner-6 {
padding: 110px;
}
.background-imgholder {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
background-size: cover !important;
background-position: 50% 50% !important;
}

/* side image 2
------------------------------ */
.section-side-image-2 {
position: relative;
padding: 0px;
margin: 0px;
}
.section-side-image-2 .img-holder {
overflow: hidden;
height: 100%;
padding: 0px;
top: 0px;
position: absolute;
}
.section-side-image-2 .background-imgholder-2.top-padd {
padding-top: 80px;
}
.section-side-image-2 .text-inner.two {
padding: 0px 80px 0px 0;
}
.section-side-image-2 .background-imgholder-2 {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
background-size: cover !important;
background-position: 50% 50% !important;
}
.image-holder {
width: 100%;
float: left;
}
.image-holder.less-width-1 {
width: 80%;
}
.image-holder.less-width-2 {
width: 75%;
}
.image-holder.less-width-3 {
width: 70%;
}
.image-left {
color: #fff;
float: left;
margin: 0;
padding: 0 20px 0 0;
transition: all 0.3s ease-out 0s;
}
.img-align-left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.nodisplay-image {
display: none;
}
/* image overflow hidden
------------------------------ */
.overflow-hidden {
overflow: hidden;
}

/*============ Lists ============ */

.iconlist {
width: 100%;
padding: 0px;
margin: 0px;
}
.iconlist li {
padding: 0px;
margin: 0 0 15px 0;
display: block;
font-size:16px;
line-height: 23px;
}
.iconlist li i {
color: #fccb06;
padding: 0 15px 0 0;
}
.iconlist.gyellow li i {
color: #fccb06;
padding: 0 15px 0 0;
}
.iconlist.dark li i {
color: #101010;
}
.iconlist.less-margin li {
margin: 0 0 13px 0;
}
.iconlist.white li i {
color: #fff;
}
.iconlist.white-2 li {
color: #fff;
}
.iconlist.medium li i {
color: #727272;
}


/* icon list style 2
------------------------------ */
.iconlist-2 {
width: 100%;
padding: 0px;
margin: 0px 0px 10px 0px;
float: left;
}
.iconlist-2 .icon {
width: 18px;
height: 18px;
padding: 0px;
margin: 3px 0px 0px 0px;
float: left;
font-size: 14px;
text-align: center;
line-height: 15px;
color: #cc0000;
border-radius: 100%;
}
.iconlist-2 .text {
padding: 0px 0 0 28px;
margin: 0px;
display: block;
}

.iconlist-2 .icon.dark {
color: #101010;
}
.iconlist-2 .icon.light {
color: #f5f5f5;
}
.iconlist-2 .icon.white {
color: #fff;
}
.iconlist-2 .icon.gyellow {
color: #fccb06;
}
/* =========== client logos ============= */

.clients-list.grid-cols-2 li {
width: 50%;
}
.clients-list.grid-cols-3 li {
width: 33.33%;
}
.clients-list.grid-cols-4 li {
width: 25%;
}
.clients-list.grid-cols-5 li {
width: 20%;
}
.clients-list.grid-cols-6 li {
width: 16.66%;
}

.clients-list {
padding-left:0px;
overflow: hidden;
}
.clients-list li {
position: relative;
width: 20%;
float: left;
padding: 25px 0;
transition: all 0.3s ease-out 0s;   
}
.clients-list li a img {
width: 100%;
}
.clients-list li a, .clients-list li img {
display: block;
margin:0 auto;
width: 75%;
}
.clients-list li::before, .clients-list li::after {
content: "";
position: absolute;
}
.clients-list li::before {
height: 100%;
top: 0;
left: -1px;
border-left: 1px solid #e9e9e9;
}
.clients-list li::after{
width: 100%;
height: 0;    
left: 0;
top: auto;
bottom: -1px;
border-bottom: 1px solid #e9e9e9;
}
.clients-list.border-dark li::before {
border-left: 1px solid #333333;
}
.clients-list.border-dark li::after{
border-bottom: 1px solid #333333;
}
.clients-list.noborder li::after{
border-bottom: none;
}
.clients-list.noborder li::before{
border-left: none;
}
/* logo hover styles
------------------------------ */

.clients-list.hover-1 li:hover {
background-color:#f5f5f5;
}
.clients-list.hover-2 li:hover {
background-color:#f5f5f5;
}
.clients-list.hover-3 li:hover {
background-color:#f5f5f5;
}
.clients-list.hover-4 li a {
opacity:0.4;
}
.clients-list.hover-4 li a:hover {
opacity:1;
}
.clients-list.hover-5 li a {
opacity:0.8;
}
.clients-list.hover-5 li a:hover {
opacity:1;
}
.clients-list.hover-6 li {
opacity:0.8;
}
.clients-list.hover-6 li:hover {
background-color:#f5f5f5;
}
/* side navigation list
------------------------------ */
.side-nav-list {
width: 100%;
padding: 0px;
margin: 0px;
float: left;
}
.side-nav-list li {
width: 100%;
padding: 0px;
margin: 0 0 2px 0;
float: left;
}
.side-nav-list li a {
width: 100%;
padding: 15px 25px;
margin: 0px;
font-weight: normal;
float: left;
background-color: #f6f6f6;
}
.side-nav-list li a:hover, .side-nav-list li a.active {
color: #fff;
background-color: #fccb06;
}
/* side navigation list
------------------------------ */
.category-links {
width: 100%;
padding: 0px;
margin: 0px;
float: left;
}
.category-links li {
width: 100%;
padding: 10px 0;
margin: 0 0 0 0;
float: left;
border-bottom: 1px solid #eeeeee;
}
.category-links li a:hover, .category-links li a.active {
color: #fccb06;
}
.category-links li:last-child {
border-bottom: none;
}

/* blog1 tags
------------------------------ */	
.tags {
padding: 0px;
margin: 0px;
}
.tags li {
padding: 0px;
margin: 0;
}
.tags li a {
padding: 5px 15px 5px 15px;
margin: 0 10px 10px 0;
float: left;
color: #727272;
background-color: #e7e7e7;
}
.tags li a:hover, .tags li a.active {
color: #fff;
background-color: #dbdc33;
}

.tags.two li a {
color: #242424;
background-color: #fff;
border:1px solid #e4e4e4;
}
.tags.two li a:hover, .tags.two li a.active {
color: #fff;
background-color: #42d1aa;
border:1px solid #42d1aa;
}

/*tags 2
------------------------------ */	
.tags-2 {
padding: 0px;
margin: 0px;
}
.tags-2 li {
padding: 0px;
margin: 0;
}
.tags-2 li a {
padding: 5px 15px 5px 15px;
margin: 0 10px 10px 0;
float: left;
color: #727272;
border:1px solid #e4e4e4;
background-color: #fff;
}
.tags-2 li a:hover, .tags-2 li a.active {
color: #fff;
border:1px solid #fccb06;
background-color: #fccb06;
}


/* sidebar works list
------------------------------ */	
.sidebar-works {
width: 100%;
padding: 0px;
margin: 0px;
}
.sidebar-works li {
width:32%;
padding: 0px;
margin: 4px 4px 0 0;
float: left;
}
.sidebar-works li a img {
width:100%;
}
.sidebar-works li:last-child {
margin: 4px 0 0 0;
}

/*============ Menu Backgrounds ============ */

/* Sticky bg
------------------------------ */
#header {
position: relative;
background: #101010;
padding: 0;
width: 100%;
z-index: 999;
}


/*============ Topbar Styles ============ */

/* Topbar
------------------------------ */

.topbar {
float: left;
width: 100%;
padding: 0;
margin: 0px;
}
.topbar.white {
background-color: #fff;
border-bottom: 1px solid #efefef;
}
.topbar.light {
background-color: #f6f6f6;
}
.topbar.dark {
background-color: #101010;
}
.topbar.fulldark {
background-color: #000;
border-bottom: 1px solid #262626;
}
.topbar.gyellow {
background-color: #fccb06;
}
.topbar.more-padding {
padding: 20px 0 80px 0;
}

.topbar-transparent {
position:relative;
float: left;
width: 100%;
padding: 0;
margin: 0px;
z-index:99;
}
.topbar-transparent.min-height {
min-height:120px;
}
.topbar-transparent.dark {
background-color:#101010;
}
.topbar-transparent.bborder {
border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.topbar-transparent.light {
background-color:#f5f5f5;
}
.topbar-transparent.dark .toplist li a:hover {
color: #fff;
}
.topbar-transparent.text-white .toplist li, .topbar-transparent.text-white .toplist li a {
color: #fff;
}

.topbar.no-boder {
border-bottom:none;
}
.topbar.more-padd-1 {
padding: 25px 0;
}

.topbar .border-r {
border-right:1px solid #e5e5e5;
}
.topbar .padd-left {
padding-left:30px;
}
/* Topbar list
------------------------------ */
.toplist {
float: right;
padding: 0px;
margin: 0px;
}
.toplist li {
float: left;
color: #8d8c8c;
text-align: right;
font-size: 14px;
margin: 0px;
padding: 0 10px 0 10px;
}
.toplist.grey-1 li {
color:#e0dddd;
}
.toplist li.lineright {
border-right: 1px solid #e4e4e4;
}
.toplist li a {
color: #8d8c8c;
}
.toplist li a:hover {
color: #101010;
}
.toplist.grey-1 li a {
color: #e0dddd;
}
.toplist.toppadding {
padding-top: 10px;
}
a.topbar-btn {
float: left;
color: #101010;
text-align: center;
font-size: 14px;
margin: 0px;
border-radius: 2px;
padding: 5px 15px;
background-color: #fff;
}
.topbar-padding {
padding: 7px 0 15px 0;
}
.topbar-left-items {
float: left;
margin: 0;
padding: 0;
width: 37%;
}
.topbar-middle-logo {
float: left;
margin: 0;
padding: 10px 0;
width: 26%;
text-align: center;
background-color: #fccb06;
}
.topbar-middle-logo.no-bgcolor {
background:none;
}
.topbar-right-items {
float: left;
margin: 0;
padding: 0;
width: 37%;
}

/* topbar dark list color
------------------------------ */
.topbar.dark .toplist li a:hover {
color: #fff;
}
.topbar.fulldark .toplist li a:hover {
color: #fff;
}
.topbar.dark .toplist li.lineright {
border-right: 1px solid #727272;
}
.topbar.fulldark .toplist li.lineright {
border-right: 1px solid #3a3a3a;
}
.topbar.white .toplist li a:hover {
color: #101010;
}
/* topbar logo middle
------------------------------ */
.topbar-middle-logo.nobg {
background: none;
}
/* topbar btn
------------------------------ */
a.topbar-btn:hover, a.topbar-btn.active {
color: #FFF !important;
background-color: #fccb06;
}

/* topbar white top list color
------------------------------ */
.topbar.white .toplist li a {
color: #727272;
}
.topbar.white .toplist li {
color: #727272;
}
/* topbar orange toplist color
------------------------------ */
.topbar.gyellow .toplist li {
color: #fccb06;
}
.topbar.gyellow .toplist li a {
color: #fccb06;
}
/* topbar right items two
------------------------------ */
.topbar-right-items.two {
width: 50%;
}

/*============ Section Titles ============ */

/* title container
------------------------------ */

.title{
transition: all 0.3s ease-out 0s;
}

/* title container
------------------------------ */

.sec-title-container {
width:100%;
float:left;
padding-bottom:120px;
}
.sec-title-container.less-padding-1 {
padding-bottom:0px;
}
.sec-title-container.less-padding-2 {
padding-bottom:50px;
}
.sec-title-container.less-padding-3 {
padding-bottom:40px;
}
.sec-title-container.less-padding-4 {
padding-bottom:30px;
}
.sec-title-container.less-padding-5 {
padding-bottom:20px;
}
.sec-title-container.less-padding-6 {
padding-bottom:15px;
}
/* page title
------------------------------ */
.section-title {
font-weight: 400;
}
/* subtitle
------------------------------ */
.sub-title {
width: 48%;
font-size: 16px;
margin: 0 auto 70px auto;
}
/* title line
------------------------------ */
.title-line-1 {
width: 125px;
height:4px;
margin:12px auto 0 auto;
border-bottom:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
}
.title-line-1.align-left {
width: 125px;
margin:12px auto 0 0;
}
.title-line-1.transp {
border-bottom:1px solid rgba(255, 255, 255, 0.3);
border-top:1px solid rgba(255, 255, 255, 0.3);
}
.title-line-2 {
width:260px;
height:1px;
margin:12px auto 0 auto;
background-color:#e7e7e7;
}
.title-line-2.align-left {
width: 260px;
margin:12px auto 0 0;
}
/* featurebox title line
------------------------------ */
.feabox-title-line {
width:60px;
height:2px;
margin:0 auto 0 0;
background-color:#101010;
}
.feabox-title-line.center {
width:60px;
height:2px;
margin:0 auto;
background-color:#101010;
}

/*============ Footer Styles Sections ============ */

/* footer section
------------------------------ */ 
.fo-map {
width: 100%;
float:left;
}
.fo-map {
background-size:100%;
}
.fo-sec-1 {
position:relative;
width: 100%;
padding: 110px 0 0 0;
margin:0;
float: left;
}
.fo-sec-1 .newsletter-box{
position: absolute;
width:100%;
float:left;
left:0px;
top:-238px;
padding:70px;
background-color:#fccb06;
}
.fo-sec-1 .newsletter-box input{
width:80%;
height:60px;
float:left;
padding:15px;
border:1px solid #fff;
background-color:#fff;
}
.fo-sec-1 .newsletter-box .submit-btn{
width:20%;
height:60px;
float:left;
padding:0px;
border:1px solid #101010;
background-color:#101010;
}

/* footer section 2
------------------------------ */ 
.fo-sec-2 {
position:relative;
width: 100%;
padding: 30px 0 0 0;
margin:0;
float: left;
}
.fo-sec-2 .social-iconbox {
position: absolute;
width:265px;
float:left;
left:40%;
top:-107px;
padding: 0px;
margin: 0px;
z-index:2;
background-color:#fff;
}
.fo-sec-2 .social-iconbox .side-shape1 {
position: absolute;
width:13px;
height:28px;
float:left;
left: -13px;
top: -1px;
padding: 0px;
margin: 0px;
}
.fo-sec-2 .social-iconbox .side-shape1.right-icon {
left: 265px;
top: -1px;
}
.fo-sec-2 ul.sc-icons{
width:100%;
margin:0px;
padding:0px;
text-align:center;
}
.fo-sec-2 .sc-icons li{
display:inline-block;
}
.fo-sec-2 .sc-icons li a{
padding:15px 10px;
display:inline-block;
}

/* footer section 3
------------------------------ */ 
.fo-sec-3 {
position:relative;
width: 100%;
padding: 110px 0 0 0;
margin:0;
float: left;
}
.fo-sec-3 .primary-box{
position: absolute;
width:100%;
float:left;
left:0px;
top:-150px;
padding:50px;
background-color:#fccb06;
}


/* footer latest posts
------------------------------ */ 
.fo-posts {
width: 100%;
padding: 0px;
margin: 0 0 25px 0;
float: left;
}
.fo-posts .post-info {
font-size: 12px;
color: #727272;
}
.fo-posts-info {
font-size: 12px;
color: #727272;
}
.fo-posts a:hover, .fo-posts a.active {
color: #fccb06;
}
.fo-posts .post-info.text-light {
color: #d0d0d0;
}
/* footer title bottom line
------------------------------ */ 
.fo-title-bottom-line {
width: 34px;
height: 2px;
color: #fff;
float: left;
display: block;
margin-bottom: 40px;
background-color: #fff;
} 
.fo-title-bottom-line.dark {
background-color: #101010;
}
.fo-title-bottom-line.white {
background-color: #fff;
}
.fo-title-bottom-line.gyellow {
background-color: #fccb06;
} 

/* footer newsletter
------------------------------ */ 
.fo-newsletter-1 {
border: 1px solid #3b3b3b;
border-width: 1px 0 1px 1px;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 50px;
line-height: 39px;
padding: 0 7px;
width: 70%;
background-color:transparent;
}
.fo-newsletter-submit-1 {
background-color: #3b3b3b;
border: 1px solid #3b3b3b;
float: left;
height: 50px;
margin: 0;
padding: 5px 10px;
}
.fo-newsletter-submit-1.gyellow {
color:#fff;
background-color: #fccb06;
border: 1px solid #fccb06;
}
/* footer newsletter 2
------------------------------ */ 
.fo-newsletter-2 {
border: 1px solid #101010;
border-width: 1px 0 1px 1px;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 50px;
line-height: 39px;
padding: 0 7px;
width: 66%;
background-color:transparent;
}
.fo-newsletter-submit-2 {
background-color: #101010;
border: 1px solid #101010;
float: left;
height: 50px;
margin: 0;
padding: 5px 20px;
}

/* footer appointment form
------------------------------ */ 
.fo-appointment-form {
padding: 0px;
width: 100%;
float:left;
}
.fo-appointment-form input {
border: 1px solid #212121;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 35px;
line-height: 39px;
padding: 0 7px;
width: 100%;
margin:0 0 15px 0;
background-color:transparent;
}
.fo-appointment-form textarea {
border: 1px solid #212121;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 70px;
min-height:70px;
resize: none;
line-height: 39px;
padding: 0 7px;
width: 100%;
margin:0 0 15px 0;
background-color:transparent;
}
.fo-appointment-form .submit-btn {
background-color: #fccb06;
border: 1px solid #fccb06;
float: left;
height: 40px;
margin: 0;
color:#fff;
padding: 0 10px;
}
/* Footer title
------------------------------ */

.footer-title {
color: #fff;
float: left;
}
.footer-title-bottomstrip {
width: 10%;
height: 3px;
margin-right: 95%;
color: #fff;
float: left;
display: block;
margin-bottom: 40px;
background-color: #fff;
}
.footer-title-bottomstrip.gyellow {
background-color: #fccb06;
}
.footer-title-bottomstrip-2 {
width: 34px;
height: 2px;
color: #fff;
float: left;
display: block;
margin-bottom: 40px;
background-color: #fff;
}
.footer-title-bottomstrip-3 {
width: 34px;
height: 2px;
color: #fff;
float: left;
display: block;
margin-bottom: 30px;
background-color: #101010;
}
.footer-title-bottomstrip.dark {
background-color: #101010;
}
.footer-title-bottomstrip-2.dark {
background-color: #101010;
}
.footer-title-bottomstrip-2.gyellow {
background-color: #fccb06;
}
/* ---------- Footer quick links ---------- */

.footer-quick-links {
width: 100%;
padding: 0 0 0 0;
margin: 0px;
}
.footer-quick-links li {
padding: 25px 15px;
margin: 40px 0 10px 0;
display: inline-block;
}
.footer-quick-links li a {
padding:3px 0;
margin:0;
color: #727272;
float: left;
display: inline-block;
}
.footer-quick-links li a:hover {
color: #fff;
}
.footer-quick-links li a i {
padding:0 10px 0 0;
}
/* ---------- Footer quick links ---------- */

.footer-quick-links-2 {
width: 100%;
padding: 0 0 0 0;
margin: 0px;
}
.footer-quick-links-2 li {
padding: 0px;
margin: 0px;
display: inline-block;
}
.footer-quick-links-2 li a {
padding: 0 35px 20px 0;
margin:0;
color: #727272;
float: left;
display: inline-block;
}
.footer-quick-links-2 li a:hover {
color: #fff;
}
.footer-quick-links-2 li a i {
padding:0 10px 0 0;
}
.footer-quick-links-2.top-padding {
padding: 60px 0 0 0;
}
/* ---------- Footer quick links 3 ---------- */

.footer-quick-links-3 {
width: 100%;
padding: 0 0 0 0;
margin: 0px;
display:block;
}
.footer-quick-links-3 li {
width: 100%;
padding: 0px;
margin: 0px;
float:left;
display:block;
}
.footer-quick-links-3 li a {
padding:3px 0;
margin:0;
color: #727272;
float: left;
display:block;
}
.footer-quick-links-3 li a:hover {
color: #101010;
}
.footer-quick-links-3 li a i {
padding:0 10px 0 0;
}
.footer-quick-links-3.top-padding {
padding: 60px 0 0 0;
}

/* ---------- Footer quick links 4---------- */

.footer-quick-links-4 {
width: 100%;
padding: 0 0 0 0;
margin: 0px;
}
.footer-quick-links-4 li {
width:100%;
padding:0px;
margin:0;
display: inline-block;
}
.footer-quick-links-4 li a {
padding:3px 0;
margin:0;
color: #bababa;
float: left;
display: inline-block;
}
.footer-quick-links-4 li a:hover {
color: #fff;
}
.footer-quick-links-4 li a i {
padding:0 10px 0 0;
}
.footer-quick-links-4.dark-hover li a:hover {
color: #101010;
}

.footer-quick-links-4.hover-dark li a:hover {
color: #101010;
}

.footer-quick-links-4.light li a {
color:#acacac;
}


.footer-quick-links-4.dark li a {
color: #000;
}



.footer-quick-links-5 {
padding:0px;
margin:0px;
}
.footer-quick-links-5 li {
padding:5px 0;
}
.footer-quick-links-5 li a {
color: #000;
}
.footer-quick-links-5 li a:hover {
color: #727272;
}


.footer-quick-links-6 {
padding:0px;
margin:0px;
}
.footer-quick-links-6 li {
padding:5px 0;
}
.footer-quick-links-6 li a {
color: #fff;
}
.footer-quick-links-6 li a:hover {
color: #000;
}


/* ---------- Footer social links ---------- */
.footer-social-icons {
width: 100%;
padding: 0px;
margin:15px 0 15px 0;
}
.footer-social-icons li {
padding: 0px;
margin: 0px;
display: inline-block;
}
.footer-social-icons li a {
width: 36px;
height: 36px;
text-align: center;
line-height: 40px;
display: inline-block;
padding: 0px;
color: #fff;
background-color: #101010;
}
.footer-social-icons.round li a {
border-radius:100%;
}
.footer-social-icons li a:hover, .footer-social-icons li a.active {
color: #fccb06;
}
.footer-social-icons.icons-plain li a {
background: none;
}

.footer-social-icons.dark li a {
color: #101010;
border-radius:100%;
background-color: #fff;
}
.footer-social-icons.dark li a:hover, .footer-social-icons.dark li a.active {
color: #fccb06;
}


.footer-social-icons.primary li a {
color: #101010;
border-radius:100%;
margin-top:20px;
background-color: #fccb06;
}
.footer-social-icons.primary.left-align {
text-align:left;	
}
.footer-social-icons.left-align {
text-align:left;	
}
/* ---------- Footer social links 2 ---------- */
.footer-social-icons-2 {
width: 100%;
padding: 0px;
text-align: center;
margin:20px 0 20px 0;
}
.footer-social-icons-2 li {
padding: 0px;
margin: 0px;
display: inline-block;
}
.footer-social-icons-2 li a {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
padding: 0px;
font-size:16px;
color: #101010;
border:1px solid #e4e4e4;
background-color: #fff;
}
.footer-social-icons-2 li a:hover {
color: #fff;
border:1px solid #fccb06;
background-color: #fccb06;
}
.footer-social-icons-2 li a:hover, .footer-social-icons-2 li a.active {
color: #fff;
border:1px solid #fccb06;
background-color: #fccb06;
}
.footer-social-icons-2.dark-hover li a:hover, .footer-social-icons-2.dark-hover li a.active {
color: #fff;
border:1px solid #101010;
background-color: #101010;
}

/* ---------- Footer flickr gallery ---------- */

ul.footer-flickr {
width: 100%;
padding:0;
margin: 0px;
}
.footer-flickr li {
width:80px;
padding:0;
margin:0 0 11px 0;
float:left;
}
.footer-flickr li.mar-r {
margin-right:11px;
}

/* ---------- Footer opening list ---------- */
.fo-opening-list {
float: left;
padding: 0;
width: 100%;
}
.fo-opening-list li {
color: #727272;
float: left;
padding: 8px 0;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fo-opening-list li:first-child {
padding-top: 0px;
}
.fo-opening-list li:last-child {
border-bottom: none;
}

/*============ css arrows ============ */

/*.arrow-down {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fd602c;
}
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
.arrow-right {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 60px solid green;
}
.arrow-left {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid #fff;
}*/
/*============ section background images ============ */
.sec-bgimg-1 {
width: 100%;
float: left;
padding: 0;
margin: 0px;
text-align: center;
background-position: 100% 0;
background-position: center;
z-index: 1;
}
.sec-bgimg-1.bd {
background: url(../images/footer-bg/bd-1.html);
}
.sec-bgimg-1.by2 {
background: url(../images/footer-bg/by2-1.html);
}
.sec-bgimg-1.ch {
background: url(../images/footer-bg/ch-1.html);
}

/*============ Page Section Styles ============ */

/* section background dark
------------------------------ */
.section-dark {
background-color: #000;
}
.section-dark-2 {
background-color: #121212;
}
.section-dark-3 {
background-color: #242424;
}
.section-dark-4 {
background-color: #152435;
}
.section-dark-5{
background-color: #222222;
}
.section-dark-6{
background-color: #8f8f8f;
}
.section-medium-dark {
background-color: #161616;
}
.section-fulldark {
background-color: #000;
}
.section-medium-dark-2 {
background-color: #1c1c1c;
}
.section-medium-dark-3 {
background-color: #101010;
}

/* section background light
------------------------------ */
/*.section-light {
background-color: #f5f5f5;
}*/

.section-light-2 {
background-color: #f9f8f7;
}
.section-light-3 {
background-color: #f8f8f8;
}
/* section background white
------------------------------ */
.section-white {
background-color: #fff;
}

/* section background golden yellow
------------------------------ */
.section-primary {
background-color: #fccb06;
}
.section-secondary {
background-color: #f82453;
}
/* section copyright
------------------------------ */
.section-copyrights {
margin: 0;
text-align: center;
background-color: #1a1a1a;
}
/* section big map
------------------------------ */
.section-big-map {
width: 100%;
margin: 0;
text-align: center;
background: #161616 url(../images/site-img46.html) center 150px no-repeat;
}
/* section pattren 1
------------------------------ */
.section-pattren-1 {
width: 100%;
height: 100%;
margin: 0;
background: url(../images/bg-pattrens/pattren33.png) 0 0 repeat;
}





/* Section Paddings
------------------------------ */
.sec-padding {
margin-top: 50px;
}
.sec-padding-2 {
padding: 110px 0 110px 0;
}
.sec-padding-3 {
padding: 100px 0 100px 0;
}
.sec-padding-4 {
padding: 70px 0 70px 0;
}
.sec-padding-5 {
padding: 50px 0 50px 0;
}
.sec-padding-6 {
padding: 30px 0 30px 0;
}




.sec-bpadding-2 {
padding-bottom: 150px;
}
.sec-bpadding-2.less-padding {
padding-bottom: 20px;
}
.sec-tpadding-2 {
padding-top: 150px;
}
.sec-tpadding-2.less-padding {
padding-top: 20px;
}
.sec-tpadding-3 {
padding-top: 100px;
}
.sec-bpadding-3 {
padding-bottom: 100px;
}
.sec-tpadding-4 {
padding-top: 80px;
}
.sec-bpadding-4 {
padding-bottom: 80px;
}
.sec-tpadding-5 {
padding-top: 50px;
}
.sec-bpadding-5 {
padding-bottom: 50px;
}
.sec-bpadding.less-padding {
padding-bottom: 30px;
}


.sec-dummy-top-padding {
padding-top: 0px;
}
/* Section minus margins
------------------------------ */
.sec-m-margin-1 {
margin-top:0px;
}
/*============ Page Section pattrens ============ */

.sec-pattren-1{
width:100%;
background:url(../images/bg-pattrens/pattren1.jpg) repeat;
}
.sec-pattren-2{
width:100%;
background:url(../images/bg-pattrens/pattren2.jpg) repeat;
}
.sec-pattren-3{
width:100%;
background:url(../images/bg-pattrens/pattren3.jpg) repeat;
}
.sec-pattren-4{
width:100%;
background:url(../images/bg-pattrens/pattren4.jpg) repeat;
}
.sec-pattren-5{
width:100%;
background:url(../images/bg-pattrens/pattren5.html) repeat;
}

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

/*.footer-logo {
margin-bottom: 35px;
}
*/
/* Footer Useful Links
------------------------------ */

.fo-usefull-links {
padding: 0px;
margin: 0px;
}
.fo-usefull-links li {
padding: 0px;
margin: 0 0 10px 0;
display: block;
border-bottom: 1px solid #2e2e2e;
}
.fo-usefull-links li a {
padding: 0px;
margin: 0 0 10px 0;
display: block;
color: #727272;
line-height: 23px;
}
.fo-usefull-links li a:hover {
color: #fff;
}
.fo-usefull-links li i {
color: #727272;
padding: 0 10px 0 0;
}
.fo-usefull-links li:last-child {
border-bottom:none;
}

/* useful links 2
------------------------------ */
.fo-usefull-links-2 {
padding: 0px;
margin: 0px;
}
.fo-usefull-links-2 li {
padding: 0px;
margin: 0 0 10px 0;
display: block;
border-bottom: 1px solid #e4e4e4;
}
.fo-usefull-links-2 li a {
padding: 0px;
margin: 0 0 10px 0;
display: block;
color: #727272;
line-height: 23px;
}
.fo-usefull-links-2 li a:hover {
color: #242424;
}
.fo-usefull-links-2 li i {
color: #727272;
padding: 0 10px 0 0;
}
.fo-usefull-links-2 li:last-child {
border-bottom:none;
}
.fo-usefull-links-2.no-border li {
border-bottom:none;
}
/* useful links 3
------------------------------ */
.fo-usefull-links-3 {
padding: 0px;
margin: 0px;
}
.fo-usefull-links-3 li {
padding: 0px;
margin: 0 0 10px 0;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.fo-usefull-links-3 li a {
padding: 0px;
margin: 0 0 10px 0;
display: block;
color: #fff;
line-height: 23px;
}
.fo-usefull-links-3 li a:hover {
color: #242424;
}
.fo-usefull-links-3 li i {
color: #fff;
padding: 0 10px 0 0;
}
.fo-usefull-links-3 li:last-child {
border-bottom:none;
}
.fo-usefull-links-3.no-border li {
border-bottom:none;
}
/* Footer Address
------------------------------ */

.fo-address-info {
padding: 0px;
margin: 0px;
}
.fo-address-info li {
width:100%;
padding: 0px 0px 10px 0px;
margin: 0 0 10px 0;
display: block;
color: #bababa;
line-height: 23px;
border-bottom:1px solid #282828;
}
.fo-address-info.border-light li {
border-bottom:1px solid #2f2d2d;
}
.fo-address-info li i {
color: #727272;
padding: 0 10px 0 0;
}
.fo-address-info li:last-child {
border-bottom:none;
}
.fo-address-info.no-border li {
border-bottom:none;
}
/* Footer Address 2
------------------------------ */

.fo-address-info-2 {
padding: 0px;
margin: 0px;
}
.fo-address-info-2 li {
padding: 0px 0px 10px 0px;
margin: 0 0 10px 0;
display: block;
color: #727272;
line-height: 23px;
border-bottom: 1px solid #e4e4e4;
}
.fo-address-info-2 li i {
color: #727272;
padding: 0 10px 0 0;
}
.fo-address-info-2 li:last-child {
border-bottom:none;
}
.fo-address-info-2.no-border li {
border-bottom:none;
}

/* Footer Address 3
------------------------------ */

.fo-address-info-3 {
padding: 0px;
margin: 0px;
}
.fo-address-info-3 li {
padding: 0px 0px 10px 0px;
margin: 0 0 10px 0;
display: block;
color: #fff;
line-height: 23px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.fo-address-info-3 li i {
color: #fff;
padding: 0 10px 0 0;
}
.fo-address-info-3 li:last-child {
border-bottom:none;
}
.fo-address-info-3.no-border li {
border-bottom:none;
}


/* Footer Tags
------------------------------ */	

.footer-tags {
padding: 0px;
margin: 0px;
}
.footer-tags li {
padding: 0px;
margin: 0;
}
.footer-tags li a {
padding: 5px 15px 5px 15px;
margin: 0 10px 10px 0;
float: left;
color: #727272;
border: 1px solid #2e2e2e;
}
.footer-tags li a:hover, .footer-tags li a.active {
border: 1px solid #fccb06;
color: #fccb06;
}
.footer-tags.border-light li a {
border: 1px solid #ebebeb;
}

/* Footer Posts
------------------------------ */
.footer-post-info {
padding: 0px;
}
.footer-post-info span {
font-size: 13px;
color: #494747;
margin-right: 5px;
}
.fo-postimg-inner {
width: 80px;
height: 80px;
padding: 0px;
margin: 0px;
float: left;
border-radius: 100%;
}
.opening-list {
float: left;
padding: 0;
width: 100%;
}
.opening-list li {
color: #727272;
float: left;
padding: 8px 0;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.opening-list li:first-child {
padding-top: 0px;
}
.opening-list li:last-child {
border-bottom: none;
}
.opening-list.dark-border li {
border-bottom: 1px solid #f1f1f1;
}
/* Footer copyright box
------------------------------ */	

.fo-copyright-holder {
position:relative;
width:100%;
float:left;
padding: 0px;
margin: 0px;
}
.fo-copyright-holder .social-iconbox {
position: absolute;
width:265px;
float:left;
left:40%;
top:-57px;
padding: 0px;
margin: 0px;
background-color:#fff;
}
.fo-copyright-holder .social-iconbox.bg-dark {
background-color:#101010;
}
.fo-copyright-holder .social-iconbox .side-shape1 {
position: absolute;
width:13px;
height:28px;
float:left;
left: -13px;
top: -1px;
padding: 0px;
margin: 0px;
}
.fo-copyright-holder .social-iconbox .side-shape1.right-icon {
left: 265px;
top: -1px;
}
.fo-copyright-holder .sc-icons{
width:100%;
float:left;
padding: 0px;
margin: 0px;
}
.fo-copyright-holder .sc-icons li{
padding: 0px;
margin: 0px;
display:inline-block;
}
.fo-copyright-holder .sc-icons li a{
float:left;
font-size:15px;
padding: 15px 10px;
margin: 0px;
display:inline-block;
}






/* Footer top social box
------------------------------ */	

.fo-top-holder {
position:relative;
width:100%;
float:left;
padding: 60px 0 0 0;
margin: 0px;
}
.fo-top-holder .social-iconbox {
position: absolute;
width:265px;
float:left;
left:38%;
top:26px;
padding: 0px;
margin: 0px;
background-color:#fccb06;
}
.fo-top-holder .social-iconbox.bg-dark {
background-color:#101010;
}
.fo-top-holder .social-iconbox .side-shape1 {
position: absolute;
width:13px;
height:28px;
float:left;
left: -18px;
top: -1px;
padding: 0px;
margin: 0px;
}
.fo-top-holder .social-iconbox .side-shape1.right-icon {
left: 265px;
top: -1px;
}
.fo-top-holder .sc-icons{
width:100%;
float:left;
padding: 0px;
margin: 0px;
}
.fo-top-holder .sc-icons li{
padding: 0px;
margin: 0px;
display:inline-block;
}
.fo-top-holder .sc-icons li a{
float:left;
font-size:15px;
color:#fff;
padding: 15px 10px;
margin: 0px;
display:inline-block;
}








/* Footer contact info with big icons
------------------------------ */	

.contact-info-holder {
position: relative;
width: 100%;
padding: 0px;
}
.contact-info-holder .iconbox-xmedium {
color: #fccb06;
}
.contact-info-holder:hover .iconbox-xmedium, .contact-info-holder.active .iconbox-xmedium {
color: #fff;
background-color: #fccb06;
}


/*============ Overlay Styles ============ */
.section-overlay {
position: relative;
width: 100%;
padding: 0px;
margin: 0px;
left: 0px;
top: 0px;
float: left;
z-index: 2;
}
.video-overlay {
position: relative;
width: 100%;
padding: 0px;
margin: 0px;
left: 0px;
top: 0px;
float: left;
z-index: 2;
}
.overlay {
position: absolute;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
float: left;
z-index: 10;
}

/*video padding
------------------------------ */
.video-tpadd {
padding-top: 150px;
}
.video-bpadd {
padding-bottom: 150px;
}

/* Overlay opacity styles
------------------------------ */

.bg-opacity-1 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-opacity-2 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-opacity-3 {
background-color: rgba(0, 0, 0, 0.3);
}
.bg-opacity-4 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-opacity-5 {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-opacity-6 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-opacity-7 {
background-color: rgba(0, 0, 0, 0.7);
}
.bg-opacity-8 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg-opacity-9 {
background-color: rgba(0, 0, 0, 0.9);
}
/* Overlay Background colors
------------------------------ */
/* Background light
------------------------------ */
.section-overlay.light {
background-color: rgba(246, 246, 246, 0.9);
}
.section-overlay.light-2 {
background-color: rgba(246, 246, 246, 0.8);
}
.section-overlay.light-3 {
background-color: rgba(246, 246, 246, 0.7);
}
.section-overlay.light-4 {
background-color: rgba(246, 246, 246, 0.6);
}
.section-overlay.light-5 {
background-color: rgba(246, 246, 246, 0.5);
}
/* Overlay Background dark
------------------------------ */
.section-overlay.dark {
background-color: rgba(0, 0, 0, 0.7);
}
.section-overlay.dark-2 {
background-color: rgba(0, 0, 0, 0.3);
}
.section-overlay.dark-3 {
background-color: rgba(0, 0, 0, 0.9);
}
.section-overlay.dark-4 {
background-color: rgba(0, 0, 0, 0.4);
}
/* Overlay Background golden yellow
------------------------------ */
.section-overlay.primary {
background-color: rgba(245, 30, 70, 0.9);
}
.parallax-overlay.primary {
background-color: rgba(245, 30, 70, 0.9);
}
.parallax-overlay.light {
background-color: rgba(246, 246, 246, 0.9);
}
.parallax-overlay.light-2 {
background-color: rgba(246, 246, 246, 0.8);
}
.parallax-overlay.light-3 {
background-color: rgba(246, 246, 246, 0.7);
}
.parallax-overlay.light-4 {
background-color: rgba(246, 246, 246, 0.6);
}
.parallax-overlay.light-5 {
background-color: rgba(246, 246, 246, 0.5);
}
/*============ Social Links ============ */	

.social-icons-1 {
width: 100%;
margin: 30px 0 0 0;
list-style-type: none;
}
.social-icons-1 li {
display:inline-block;
}
.social-icons-1 li a {
font-size: 16px;
padding: 0 20px 0 0;
color: #fff;
display:inline-block;
}
.social-icons-1 li a:hover, .social-icons-1 li a.active {
color: #fccb06;
}

/* social icons 2
-----------------------------------------------*/

.social-icons-2 {
width: 100%;
margin: 30px 0 0 0;
list-style-type: none;
}
.social-icons-2 li {
display:inline-block;
}
.social-icons-2 li a {
width: 36px;
height: 36px;
text-align: center;
line-height: 40px;
display: inline-block;
padding: 0px;
color: #101010;
background-color: #fff;
}
.social-icons-2 li a:hover, .social-icons-2 li a.active {
color: #fccb06;
}

/* social icons 3
-----------------------------------------------*/

.social-icons-3 {
width: 100%;
margin: 30px 0 0 0;
list-style-type: none;
}
.social-icons-3.margin-left {
margin: 10px 0 0 -40px;
}
.social-icons-3 li {
display:inline-block;
}
.social-icons-3 li a {
width: 36px;
height: 36px;
text-align: center;
line-height: 37px;
display: inline-block;
padding: 0px;
color: #101010;
border:1px solid #e4e4e4;
background-color: #fff;
}
.social-icons-3 li a:hover, .social-icons-3 li a.active {
color: #fff;
border:1px solid #101010;
background-color: #101010;
}



/*============ Blog Posts ============ */

/* post image holder
-----------------------------------------------*/

.blog-img-holder {
width: 100%;
padding: 0px;
margin: 0px;
}
/* post date boxes
-----------------------------------------------*/

.post-date-box {
position: absolute;
width: 90px;
height: 90px;
float: left;
font-size: 25px;
color: #fff;
padding: 22px 0 0 0;
margin: 0;
z-index: 2;
text-align: center;
background-color: #fccb06;
transition: all 0.3s ease-out 0s;
}
.post-date-box span {
font-size: 13px;
color: #fff;
display: block;
}
.post-date-box .arrow-down {
position: absolute;
left: 25px;
top: 81px;
float: left;
z-index: 3;
border-top: 20px solid #fccb06;
}
/* Date box colors
-----------------------------------------------*/	
.post-date-box.gyellow {
background-color: #fccb06;
}
/* post author image holder
-----------------------------------------------*/	

.post-author-image {
position: absolute;
width: 80px;
height: 80px;
right: 35px;
top: 247px;
float: left;
}
.post-author-image.round {
border-radius: 100%;
border: 5px solid #fff;
text-align: center;
}
/* post info icons
-----------------------------------------------*/

.post-infoicon {
padding: 3px 12px 3px 12px;
margin: 0 5px 0 0;
color: #fff;
float: left;
font-size: 12px;
border-radius: 20px;
background-color: #fccb06;
}
.post-infoicon.dark {
background-color: #161616;
}


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

.newsletter .email-input {
background-color: #FFF;
border: 0px none;
color: #999;
float: left;
font-size: 13px;
font-weight: normal;
height: 39px;
line-height: 39px;
padding: 0px 7px;
width: 75%;
}
.newsletter .email-input.dark {
background-color: #2d2d2d;
color: #727272;
}
.newsletter .input-submit {
background-color: #fd602c;
border: 0px none;
color: #FFF;
cursor: pointer;
float: left;
height: 39px;
padding: 0px 20px;
}
.newsletter .input-submit.gyellow {
background-color: #fccb06;
}
.newsletter .input-submit.white {
color: #161616;
background-color: #fff;
}
.newsletter .input-submit.dark {
color: #727272;
background-color: #2d2d2d;
}

/*============ Video wrapers ============ */
/*
.video-wrapper {
overflow: hidden;
width: 100%;
padding:0px;
height: auto;
}
.video-wrapper video {
width: 100%;
}*/

/*video padding
------------------------------ */
.video-padding-top {
padding-top: 150px;
}
.video-padding-bottom {
padding-bottom: 150px;
}

/*============ Progress bar ============ */

/*style 1
------------------------------ */
.progressbar-style1 {
margin-top: 10px;
margin-bottom: 38px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 10px;
color: #fff;
background: #fff;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style1 .progress-bar {
position: relative;
overflow: visible;
background-color: #101010;
font-size: 13px;
color: #fff;
line-height:44px;
padding: 0px 0 0 0px;
text-align: left;
border:2px solid #fff;
}


/*style 2
------------------------------ */
.progressbar-style2 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 3px;
color: #161616;
background: #ccc;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style2 .progress-bar {
position: relative;
overflow: visible;
background-color: #161616;
font-size: 13px;
color: #161616;
padding: 3px 0 0 0;
text-align: left;
}

/*style 3
------------------------------ */
.progressbar-style3 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 8px;
color: #161616;
background: #fff;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style3 .progress-bar {
position: relative;
overflow: visible;
background-color: #e9b444;
font-size: 13px;
color: #fff;
padding: 8px 0 0 0;
text-align: left;
}
/*style 4
------------------------------ */
.progressbar-style4 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 8px;
color: #161616;
background: #e7e7e7;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style4 .progress-bar {
position: relative;
overflow: visible;
background-color: #ff9320;
font-size: 13px;
color: #727272;
padding: 8px 0 0 0;
text-align: left;
}
/*style 5
------------------------------ */
.progressbar-style5 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 8px;
color: #161616;
background: #f5f5f5;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style5 .progress-bar {
position: relative;
overflow: visible;
background-color: #101010;
font-size: 13px;
color: #101010;
padding: 8px 0 0 0;
text-align: left;
}

/*style 6
------------------------------ */
.progressbar-style6 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 8px;
color: #161616;
background: #fccb06;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style6 .progress-bar {
position: relative;
overflow: visible;
background-color: #101010;
font-size: 13px;
color: #101010;
padding: 8px 0 0 0;
text-align: left;
}


/*style 7
------------------------------ */
.progressbar-style7 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 8px;
color: #161616;
background: #fff;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style7 .progress-bar {
position: relative;
overflow: visible;
background-color: #fccb06;
font-size: 13px;
color: #fff;
padding: 8px 0 0 0;
text-align: left;
}



/*============ Newsletter ============ */

.email-input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
float: left;
font-size: 14px;
font-weight: normal;
height: 65px;
line-height: 39px;
padding: 0 15px;
width: 87%;
}
.email-submit {
background-color: #fff;
border: 1px solid #fff;
color: #242424;
float: left;
margin: 0px;
padding: 20px 30px;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
}
.email-submit:hover {
background-color: #242424;
border: 1px solid #242424;
color: #fff;
}

/*============ css progress circles ============ */

.knob {
display: none;
}
div.demo {
position: relative;
text-align: center;
width: 280px;
float: left
}
div.demo > p {
font-size: 20px
}
div.demo .title {
position: absolute;
text-align: center;
width: 100%;
font-size: 40px;
float: left;
top: 60px;
}
div.demo .title span {
text-align: center;
width: 100%;
font-size: 20px;
float: left;
margin-top: 10px;
}

/*============ Page Scroll to Top ============ */

.scrollup {
width: 40px;
height: 40px;
opacity: 1;
position: fixed;
bottom: 22px;
right: 20px;
display: none;
text-indent: -9999px;
background: #fccb06 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
z-index: 999;
}

/*============ google maps ============ */
.map{
width: 100%;
height: 300px;
border: 1px solid #e4e4e4;
}
.map p{
margin: 10px;
color: #000;
}
.map.grayscale{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}

/*============ blog ============ */

.blog-post-info {
width: 100%;
}
.blog-post-info span {
font-size: 13px;
color: #b9b9b9;
margin-right: 15px;
}

/*============ onepage sidebar content holder ============ */
.wrapper-main {
padding-left: 300px;
background-color: #fff;
}


/*============ header inner ============ */

.header-inner-tmargin {
width: 100%;
float: left;
margin-top: -145px;
}
.header-inner-tmargin.less-mar {
margin-top: -41px;
}
.header-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.header-inner.less-height {
height: 430px;
}
.header-inner .overlay {
position:absolute;
width: 100%;
height: 100%;
float: left;
overflow:hidden;
z-index:2;
background-color:rgba(0, 0, 0, 0.7);
}
.header-inner .text {
position: absolute;
width: 100%;
height:1000px;
padding:16% 0 0 0;
top:0px;
margin: 0px;
float: left;
z-index: 3;
}
.header-inner .text .title {
font-size:30px;
font-weight:600;
}
.header-inner .text .sub-title {
width:100%;
font-size:18px;
}

/* less height
------------------------------ */
.header-inner.less-height {
height: 335px;
}
.header-inner.less-height .text {
height: 300px;
padding:9% 0 0 0;
}

/*============ pagenation ============ */
.pagenation-holder {
border-bottom: 1px solid #f0f0f0;
float: left;
margin: 0;
padding: 25px 0 10px;
width: 100%;
}
.pagenation-holder .breadcrumb {
float:right;
margin-bottom:0px;
background-color:#fff;
}
.pagenation-holder .breadcrumb li {
display: inline;
}
.pagenation-holder .breadcrumb li.current a {
color:#fccb06;
}
.pagenation-holder .breadcrumb li+li:before {
content:"» ";
}


/*============ 5 and 7 custom cols ============ */

.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
width: 14.2857%;
}
.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
width: 20%;
}


/* footer newsletter
------------------------------ */
.bb-newsletter {
width: 25%;
height: 50px;
float: left;
padding: 10px;
color:#fff;
margin-right:20px;
border-radius:40px;
text-align:center;
border: 1px solid rgba(255, 255, 255, 0.4);
background:none;
}
.bb-newsletter-email {
width: 55%;
height: 50px;
float: left;
padding: 10px;
color:#fff;
margin-right:20px;
border-radius:40px;
text-align:center;
border: 1px solid rgba(255, 255, 255, 0.4);
background:none;
}
.bb-newsletter-btn {
width: 15%;
height: 50px;
float: left;
padding: 0px;
margin-top:5px;
color:#101010;
text-transform:uppercase;
border-radius:40px;
border: 1px solid #fccb06;
background-color: #fccb06;
}


/* footer newsletter 2
------------------------------ */
.co-newsletter {
width: 25%;
height: 50px;
float: left;
padding: 10px;
color:#101010;
margin-right:20px;
border-radius:40px;
text-align:center;
border: 1px solid rgba(0, 0, 0, 0.4);
background:none;
}
.co-newsletter-email {
width: 55%;
height: 50px;
float: left;
padding: 10px;
color:#101010;
margin-right:20px;
border-radius:40px;
text-align:center;
border: 1px solid rgba(0, 0, 0, 0.4);
background:none;
}
.co-newsletter-btn {
width: 15%;
height: 50px;
float: left;
padding: 0px;
margin-top:5px;
color:#727272;
text-transform:uppercase;
border-radius:40px;
border: 1px solid #101010;
background-color: #101010;
}


/* countdown timer
------------------------------ */
div#clock {
color: white;
margin: 20px auto;
width: 600px;
overflow: hidden;
text-align: center;
}
div#clock p {
background: #333;
float: left;
height: 88px;
width: 88px;
}
div#clock p span {
display: block;
font-size: 50px;
font-weight: bold;
padding: 5px 0 0;
}
div#clock div.space {
color: #ccc;
display: block;
line-height: 1.7em;
font-size: 50px;
float: left;
height: 88px;
width: 30px;
}

/* New css */

/* ===========================
   HERO LAYOUT (scoped)
=========================== */
.sb-hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* Background slideshow container */
.sb-hero .sb-hero-slider {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Individual slides */
.sb-hero .sb-hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

/* Visible slide */
.sb-hero .sb-hero-slide-active {
    opacity: 1;
}

/* Content wrapper (you can keep your old hero-content styles too) */
.sb-hero .hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
}

/* ===========================
   TEXT STYLES + ANIMATIONS
   (same as you already had)
=========================== */

@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(40px) scale(1.1);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.sb-hero .line1,
.sb-hero .line2,
.sb-hero .line3,
.sb-hero .hero-btn {
    opacity: 0;
    animation: fadeSlideUp 1.5s ease-out forwards;
}

/* Line 1 */
.sb-hero .line1 {
    animation-delay: 0.8s;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    color: #fff;
}

/* Line 2 */
.sb-hero .line2 {
    animation-delay: 1.6s;
    font-size: 70px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
}

/* Line 3 */
.sb-hero .line3 {
    animation-delay: 2.2s;
    font-size: 70px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    color: #fff;
}

/* Button */
.sb-hero .hero-btn {
    animation-delay: 3s;
    display: inline-block;
    margin-top: 25px;
    padding: 12px 28px;
    border-radius: 50px;
    background-color: #ffffff;
    color: #000000;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.sb-hero .hero-btn:hover {
    background-color: #000000;
    color: #ffffff;
    transform: translateY(-2px);
}

/* Optional responsive tweak */
@media (max-width: 767px) {
    .sb-hero {
        height: 80vh;
    }

    .sb-hero .line2,
    .sb-hero .line3 {
        font-size: 36px;
    }

    .sb-hero .line1 {
        font-size: 14px;
        line-height: 22px;
    }

    .sb-hero .hero-btn {
        padding: 10px 22px;
        font-size: 13px;
    }
}


.video-wrapper { 
width: 100%;  
height: auto; 
overflow: hidden; 
} 
.video-wrapper video { 
width: 100%;
height: 100%; 
object-fit: contain; 
}


/* Add nice space at top & bottom of the section */
/* SECTION BACKGROUND */
.about-founder-section {
padding: 0;
position: relative;
}

/* Wrapper for decorative notes */
.founder-note {
position: absolute;
pointer-events: none;
z-index: 0;
opacity: 1;
animation: founderFloat 2s ease-in-out infinite;
}

/* Image settings */
.note-img {
width: 200px;    /* adjust size */
height: auto;
}

/* Top-left positioning */
.founder-note-top {
top: 0px;
left: 0px;
display: none;
}

.founder-note-bottom {
bottom: -60px;
right: 0px;
}

/* Floating animation */
@keyframes founderFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-12px);  }
}
50% { transform: translateY(-20px); }
}

/* CONTENT TEXT */
.about-founder-text {
margin: 0 auto 40px;
text-align: justify;
color: #e8e8e8;
}

.about-founder-text p {
line-height: 1.8;
margin-bottom: 1.4rem;
color: #000;
text-align: left;
}

/* BUTTON SPACING */
.btn-primary {
background: #000;
border-color: #000;
color: #fff;
font-weight: 600;
font-size: 18px;
}

.btn-primary:hover {
background: #000 !important;
border-color: #000 !important;
color: #fff;
}

.why-matters-section {
padding: 30px;
position: relative;
overflow: hidden;
}


.get1 {
margin-left: 0px !important;
padding: 0;
} 

.get {
margin-left: -70px !important;
}



/* Heading + Subtitle */
.why-title-main {
font-weight: 700;
letter-spacing: 0.04em;
}

.why-subtitle {
margin-top: 0.5rem;
color: darkcyan;
opacity: 0.9;    
font-weight: 700;
}

.why-tagline {
margin-top: 10px;
margin-bottom: 15px;
font-weight: 400;
}


/* Card styling */
.why-card {
background: rgba(10, 10, 25, 0.9);
border-radius: 18px;
padding: 24px 22px 26px;
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
position: relative;
overflow: hidden;
min-height: 300px;     /* adjust as needed */
height: 100%;
}

.why-card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 60%);
opacity: 0;
transition: opacity 0.3s ease;
}

.why-card:hover {
transform: translateY(-6px);
box-shadow: 0 15px 30px rgba(255, 255, 255, 0.35); /* reduced opacity + blur */
/* slightly softer border */
}


.why-card:hover::before {
opacity: 1;
}

/* Icon + number combo */
.why-icon-wrap {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
font-size: 18px;
}

.why-icon {
font-size: 18px;
color: #fff;
animation: floatNote 1.6s infinite ease-in-out;
}

.why-number {
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #fff;
font-size: 18px;
}

/* Card text */
.why-card-title {
font-weight: 700;
margin-bottom: 0.5rem;
color: #fff;
text-align: left;
font-size: 18px;
}

.why-card-text {
line-height: 1.7;
color: #fff;
text-align: justify;
font-size: 18px;
}

/* SECTION BASE */
.why-matters-section {
position: relative;
overflow: hidden;
z-index: 1;
}

/* Full section note animation layer */
.music-notes-full-bg {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
z-index: 2;       /* ⬆️ Moved ABOVE background, BELOW content */
opacity: 1;    /* ⬆️ Increased visibility */
}

/* Each note */
.music-notes-full-bg .note {
position: absolute;
color: #000;
font-size: 40px;     /* ⬆️ Bigger so clearly visible */
opacity:1;        /* ⬆️ Stronger visibility */
filter: drop-shadow(0 0 6px rgba(255,255,255,0.8));  /* Glow to avoid hiding */
animation: floatAround 14s linear infinite;
}

/* RANDOMIZED POSITIONS — Now starting HIGHER so they are visible immediately */
.music-notes-full-bg .note:nth-child(1)  { left: 5%;  top: 60%; animation-duration: 13s; animation-delay: 0s; }
.music-notes-full-bg .note:nth-child(2)  { left: 20%; top: 50%; animation-duration: 11s; animation-delay: 1s; }
.music-notes-full-bg .note:nth-child(3)  { left: 35%; top: 70%; animation-duration: 15s; animation-delay: 2s; }
.music-notes-full-bg .note:nth-child(4)  { left: 50%; top: 55%; animation-duration: 10s; animation-delay: 0.5s; }
.music-notes-full-bg .note:nth-child(5)  { left: 65%; top: 65%; animation-duration: 16s; animation-delay: 1.8s; }
.music-notes-full-bg .note:nth-child(6)  { left: 80%; top: 60%; animation-duration: 12s; animation-delay: 1.2s; }
.music-notes-full-bg .note:nth-child(7)  { left: 45%; top: 75%; animation-duration: 18s; animation-delay: 2.5s; }
.music-notes-full-bg .note:nth-child(8)  { left: 10%; top: 55%; animation-duration: 20s; animation-delay: 3s; }

/* Continuous floating animation */
@keyframes floatAround {
0% {
transform: translateY(0) translateX(0) rotate(0deg);
opacity: 0.7;
}
25% {
transform: translateY(-40px) translateX(-20px) rotate(8deg);
opacity: 1;
}
50% {
transform: translateY(-90px) translateX(10px) rotate(-6deg);
opacity: 0.9;
}
75% {
transform: translateY(-150px) translateX(-15px) rotate(4deg);
opacity: 0.7;
}
100% {
transform: translateY(-220px) translateX(5px) rotate(-8deg);
opacity: 0;
}
}

/* CONTENT ABOVE NOTES */
.why-matters-section .container {
position: relative;
z-index: 5;
}


.why-quote {
    font-size: 40px;
    font-style: italic;
    opacity: 0.85;
    margin-top: 70px;
    margin-bottom: 10px;
    color: #000;
    letter-spacing: 0.3px;
    text-align: center;
    font-weight: 700;
}




/* Music note animation */
@keyframes floatNote {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}

.footer-section {
background: #0d0d0f;
color: #ffffff;
}

.footer-logo {
max-width: 400px;
width: 100%;
filter: brightness(0) invert(1);
}

.footer-tagline {
color: #fff;
font-size: 18px;
}

.footer-heading {
font-weight: 600;
margin-bottom: 10px;
color: #fff;
}

.rights p {
color: #fff;
font-size: 18px;
}

/* Wrapper: centered block, left-aligned text inside */
.footer-nav-block {
display: inline-block;   /* this is the important part */
text-align: left;
}

/* List reset */
.footer-nav {
padding-left: 0;
}

/* Each item: icon + text aligned on same start */
.footer-nav li {
display: flex;
align-items: center;
margin-bottom: 6px;
font-size: 15px;
}

/* Music-note bullet */
.nav-icon {
width: 18px;             /* fixed width => all text starts in same column */
text-align: center;
margin-right: 8px;
font-size: 18px;
color: #fff;
}

/* Links */
.footer-nav a {
color: #ffffff;
text-decoration: none;
font-size: 18px;
}

.footer-nav a:hover {
color: #fff;
}


.footer-social-links a {
margin: 0 8px;
color: #fff;
transition: 0.3s;
}

.footer-social-links a:hover {
color: #fff;
}

.footer-divider {
border-color: rgba(255, 255, 255, 0.15);
}

.powered-text {
opacity: 0.8;
}

.mist-logo {
height: 28px;
filter: brightness(0) invert(1); /* white version if needed */
}


.footermenu {
padding-top: 30px;
}

.rev_slider_wrapper,
#rev_slider {
height: 100vh !important;
max-height: 900px !important;
}


/* Responsive tuning */
@media (max-width: 767.98px) {
.why-matters-section {
padding: 70px 0;
}

.why-title-main {
font-size: 1.9rem;
}
}


/*----------------------------RESPONSIVE STYLES------------------------------- */



/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 1366px) {

.header-inner.less-height .text {
padding: 10% 0 0 0;

}

}


/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {	
.col-divider-margin {
margin-top: 30px;
}
.text-box-right {
padding: 0px 0px 0px 100px;
}
.wrapper-main {
width:100%;
padding-left:230px;
background-color: #fff;
}
.wrapper-main .container {
width:100%;
}
.header-inner.less-height .text {
padding: 13% 0 0;
}
.header-inner .text {
padding: 25% 0 0;
}

.header-inner.less-height .text {
padding: 15% 0 0;
}













}

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

.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.sec-m-margin-1 {
margin-top: 0px;
}
.topbar-transparent {
background-color:#101010;
}
.wrapper-main {
padding-left:0px;
}
.header-inner-tmargin {
margin-top: 0px;
}







}	



/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {
.margin-bottom {
margin-bottom: 30px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}

.header-inner.less-height {
height: 385px;
}
.header-inner.less-height .text {
padding: 16% 0 0;
}
.header-inner .text {
padding: 16% 0 0;
}

.sec-padding {
padding: 100px 0 100px 0;
}

.section-side-image .text-inner-6 {
padding: 40px;
}

.header-inner.less-height {
height: 310px;
}
.header-inner.less-height .text {
padding: 14% 0 0;
}










}



/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {

.margin-bottom {
margin-bottom: 30px;
}	
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}	
.col-divider-margin {
margin-top: 20px;
}	
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}	
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}	
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}	
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}	
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}	
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}	
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.sec-padding {
padding: 60px 0 60px 0;
}
.sec-more-padding-1 {
padding: 60px 0 60px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 60px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 60px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 60px 0 60px 0;
}
.sec-moreless-padding {
padding: 60px 0 60px 0;
}
.thumbs li {
width: 10%;
}
.fo-copyright-holder .social-iconbox {
left: 33%;
top: -87px;
}
.fo-sec-3 {
padding: 244px 0 0 0;
}

.header-inner.less-height {
height: 310px;
}
.section-side-image .text-inner-6 {
padding: 40px;
}

.sec-padding-4 {
padding: 0 0 0 0;
}



}



/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {

.margin-bottom {
margin-bottom: 30px;
}
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 0px;
}
.sec-padding {
padding:  0;
}
.sec-more-padding-1 {
padding:  0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 0px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 0px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding:  0;
}
.sec-moreless-padding {
padding: 0;
}
.fo-copyright-holder .social-iconbox {
left: 33%;
top: -87px;
}


.header-inner.less-height {
height: 325px;
}
.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
width: 100%;
}














}



/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {

.margin-bottom {
margin-bottom: 30px;
}	
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}	
.col-divider-margin {
margin-top: 20px;
}	
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}		
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}



























}


@media screen and (max-width: 640px) {
.margin-bottom {
margin-bottom: 30px;
}	
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5{
letter-spacing:0px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.sec-padding {
padding: 40px 0 40px 0;
}
.sec-more-padding-1 {
padding: 40px 0 40px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 40px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 40px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 40px 0 40px 0;
}
.sec-moreless-padding {
padding: 40px 0 40px 0;
}
#style-customizer{ 
display:none;
}
.text-box.sbox-padd-left {
padding-left:80px;
}
.fo-sec-1 .newsletter-box {
top: 0;
}
.fo-sec-1 {
top:0px;
padding: 315px 0 0 0;
}
.fo-copyright-holder .social-iconbox {
left: 29%;
top: -67px;
}
.section-side-image .text-inner-5 {
padding: 40px 40px 40px 40px;
}

.header-inner.less-height {
height: 270px;
}


.sec-padding-4 {
padding: 0 0 0 0;
}









}



@media screen and (max-width: 480px) {
.margin-bottom {
margin-bottom: 30px;
}
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 30px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 30px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 30px;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5{
letter-spacing:0px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 30px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.topbar .border-r {
border-right: none;
}
.topbar .padd-left {
padding-left: 0px;
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 0px;
}
.sec-padding {
padding:0;
}
.sec-more-padding-1 {
padding: 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 0px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 0px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding:  0;
}
.sec-moreless-padding {
padding: 0;
}
#style-customizer{ 
display:none;
}
.fo-copyright-holder .social-iconbox {
left: 12%;
top: -67px;
}
.fo-sec-3 {
padding: 287px 0 0 0;
}
.section-side-image .text-inner-5 {
padding: 40px 40px 40px 40px;
}
.header-inner .text .title {
font-size: 20px;
}
.header-inner .text .sub-title {
font-size: 14px;
}

.header-inner.less-height {
height: 225px;
}
.clients-list.grid-cols-6 li {
width: 50%;
}

.section-side-image .text-inner {
padding: 40px 40px 40px 40px;
}
.sec-title-container {
padding-bottom: 70px;
}















}



/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {
.margin-bottom {
margin-bottom: 30px;
}
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 25px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 25px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 25px;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5{
letter-spacing:0px;
}
.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
margin: 0px 0px 20px 0px;
}
.imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
float: left;
margin: 0px 0 20px 0px;
}
.text-box-right {
width:100%;
padding: 0 0 0 0;
}
.text-box-left {
width:100%;
padding: 0 0 0 0;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 25px;
}
.text-box-left.more-padding-1, .text-box-left.more-padding-2, .text-box-left.less-padding-1, .text-box-left.less-padding-2 {
padding: 0px 0px 0px 0px;
}
.text-box-right.more-padding-1, .text-box-right.more-padding-2, .text-box-right.more-padding-3, .text-box-right.more-padding-4, .text-box-right.less-padding-1, .text-box-right.less-padding-2, .text-box-right.less-padding-3 {
padding: 0px 0px 0px 0px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.btn.btn-large {
padding: 15px 30px;
}
.section-side-image .text-inner-2 {
padding: 40px;
}
.section-side-image .text-inner {
padding: 40px 40px 40px 0;
}
.section-side-image .text-inner.two {
padding: 0px 40px 0px 0;
}
.section-side-image-2 .background-imgholder-2.top-padd {
padding-top: 40px;
}
.section-side-image-2 .text-inner.two {
padding: 0px 40px 0px 0;
}
.section-side-image .text-inner-5 {
padding: 40px 40px 40px 40px;
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 0px;
}
.sec-padding {
padding: 40px 0 40px 0;
}
.sec-more-padding-1 {
padding: 40px 0 40px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 40px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 40px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 40px 0 40px 0;
}
.sec-moreless-padding {
padding: 40px 0 40px 0;
}
.fo-copyright-holder .social-iconbox {
left: 5%;
}
.fo-sec-1 .newsletter-box {
padding: 35px;
}
.fo-sec-2 .social-iconbox {
left: 14%;
top: -67px;
}
.section-side-image .text-inner-3 {
padding: 30px 30px 0px 30px;
}
.fo-sec-3 {
padding: 328px 0 0 0;
}
.text-box-right {
width: 100%;
padding: 0 0 0 0;
float: left;
}
.text-box-right.less-padding-4 {
padding: 0px 0px 0px 0px;
}

.header-inner.less-height {
height: 195px;
}
.sec-title-container {
padding-bottom: 40px;
}

.sec-padding-4 {
padding: 0 0 0 0;
}

.section-side-image .text-inner {
padding: 40px 40px 40px 40px;
}





}


/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
.margin-bottom {
margin-bottom: 30px;
}
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 20px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 20px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 20px;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5{
letter-spacing:0px;
}
.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
margin: 0px 0px 20px 0px;
}
.imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
float: left;
margin: 0px 0 20px 0px;
}
.text-box-right {
width:100%;
padding: 0 0 0 0;
}
.text-box-left {
width:100%;
padding: 0 0 0 0;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 20px;
}
.text-box-right.more-padding-1, .text-box-right.more-padding-2, .text-box-right.more-padding-3, .text-box-right.more-padding-4, .text-box-right.less-padding-1, .text-box-right.less-padding-2, .text-box-right.less-padding-3 {
padding: 0px 0px 0px 0px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.btn.btn-large {
padding: 15px 30px;
}
.section-side-image .text-inner {
padding: 40px 40px 40px 0;
}
.section-side-image .text-inner.two {
padding: 0px 40px 0px 0;
}
.section-side-image-2 .background-imgholder-2.top-padd {
padding-top: 40px;
}
.section-side-image-2 .text-inner.two {
padding: 0px 40px 0px 0;
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.sec-padding {
padding: 30px 0 30px 0;
}
.sec-more-padding-1 {
padding: 30px 0 30px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 30px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 30px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 30px 0 30px 0;
}
.sec-moreless-padding {
padding: 30px 0 30px 0;
}
.fo-copyright-holder .social-iconbox {
left: 16%;
top: -59px;
}

.fo-copyright-holder .social-iconbox {
width: 71%;
}
.fo-copyright-holder .social-iconbox .side-shape1.right-icon {
left: 213px;
}
.fo-sec-2 .social-iconbox {
left: 9%;
top: -57px;
}
.fo-sec-3 {
padding: 409px 0 0 0;
}
.fo-copyright-holder .social-iconbox .side-shape1 {
left: -13px;
top: 1px;
}
.fo-copyright-holder .social-iconbox .side-shape1.right-icon {
left: 205px;
top: 1px;
}

.header-inner.less-height {
height: 170px;
}
.sec-title-container {
padding-bottom: 35px;
}

}


/* Whatsapp */

/* WhatsApp Integration */

.whatsapp-name {
font-size: 16px;
font-weight: 600;
padding-bottom: 0;
margin-bottom: 0;
line-height: 0.5;
color: #fff;
}
#whatsapp-chat {
box-sizing: border-box !important;
outline: none !important;
position: fixed;
width: 350px;
border-radius: 10px;
box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
bottom: 230px;
right: 32px;
overflow: hidden;
z-index: 99;
animation-name: showchat;
animation-duration: 1s;
transform: scale(1);
}
a.blantershow-chat {
background: none !important;
color: #404040;
position: fixed;
display: flex;
font-weight: 400;
justify-content: space-between;
z-index: 1002;
bottom: 180px;
right: 20px;
font-size: 18px;
height: 45px;
width: 45px;
padding: 4px;
border-radius: 30px;
/box-shadow: 0 1px 15px rgb(32 33 36 / 61%);/
}
a.blantershow-chat svg {
transform: scale(1.2);
}
.header-chat {
background: #463F3A;
color: #fff;
padding: 20px;
}
.header-chat h3 {
margin: 0 0 10px;
}
.header-chat p {
font-size: 14px;
line-height: 1.7;
margin: 0;
}
.info-avatar {
position: relative;
}
.info-avatar img {
width: 60px;
float: left;
margin: 0 10px 0 0;
background: #fff;
padding: 5px;
}
a.informasi {
padding: 20px;
display: block;
overflow: hidden;
animation-name: showhide;
animation-duration: 0.5s;
}
a.informasi:hover {
background: #f1f1f1;
}
.info-chat span {
display: block;
}
#get-label,
span.chat-label {
font-size: 12px;
color: #888;
}
#get-nama,
span.chat-nama {
margin: 5px 0 0;
font-size: 15px;
font-weight: 700;
color: #222;
}
#get-label,
#get-nama {
color: #fff;
}
span.my-number {
display: none;
}
textarea#chat-input {
border: none;
width: 100%;
height: 46px;
outline: none;
resize: none;
padding: 9px;
font-size: 14px;
border-radius: 0px;
min-height: 50px;
color: #000;
}
a#send-it {
font-weight: 700;
padding: 10px 10px 0;
background: #eee;
}
a#send-it svg {
fill: #a6a6a6;
height: 24px;
width: 24px;
}
.first-msg {
background: transparent;
padding: 30px;
text-align: center;
}
.first-msg span {
background: #e2e2e2;
color: #333;
font-size: 14.2px;
line-height: 1.7;
border-radius: 10px;
padding: 15px 20px;
display: inline-block;
}
.start-chat .blanter-msg {
display: flex;
}
#get-number {
display: none;
}
a.close-chat {
position: absolute;
top: 5px;
right: 15px;
color: #fff;
font-size: 30px;
}
@keyframes ZpjSY {
0% {
background-color: #b6b5ba;
}
15% {
background-color: #111111;
}
25% {
background-color: #b6b5ba;
}
}
@keyframes hPhMsj {
15% {
background-color: #b6b5ba;
}
25% {
background-color: #111111;
}
35% {
background-color: #b6b5ba;
}
}
@keyframes iUMejp {
25% {
background-color: #b6b5ba;
}
35% {
background-color: #111111;
}
45% {
background-color: #b6b5ba;
}
}
@keyframes showhide {
from {
transform: scale(0.5);
opacity: 0;
}
}
@keyframes showchat {
from {
transform: scale(0);
opacity: 0;
}
}
@media screen and (max-width: 480px) {
#whatsapp-chat {
width: auto;
left: 5%;
right: 5%;
font-size: 80%;
}
}
@media screen and (max-width: 1200px) {
.index-page.show{
display: none !important;
}
}
#whatsapp-chat.hide {
display: none;
animation-name: showhide;
animation-duration: 0.5s;
transform: scale(1);
opacity: 1;
}
#whatsapp-chat.show {
display: block;
animation-name: showhide;
animation-duration: 0.5s;
transform: scale(1);
opacity: 1;
}
.whatsapp-message-container {
display: flex;
z-index: 1;
}
.whatsapp-message {
padding: 7px 14px 6px;
background-color: white;
border-radius: 0px 8px 8px;
position: relative;
transition: all 0.3s ease 0s;
opacity: 0;
transform-origin: center top 0px;
z-index: 2;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
margin-top: 4px;
margin-left: -54px;
max-width: calc(100% - 66px);
}
.whatsapp-chat-body {
padding: 4px 0px 0px 2px;
background-color: #e6ddd4;
position: relative;
}.whatsapp-chat-body::before {
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 0;
opacity: 0.08;
background-image: url("../../senthaa/image-senthaa/whatsapp-bg.webp");
}
.dAbFpq {
display: flex;
z-index: 1;
}
.eJJEeC {
background-color: white;
width: 52.5px;
height: 32px;
border-radius: 16px;
display: flex;
-moz-box-pack: center;
justify-content: center;
-moz-box-align: center;
align-items: center;
margin-left: 10px;
opacity: 0;
transition: all 0.1s ease 0s;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}
.hFENyl {
position: relative;
display: flex;
}
.ixsrax {
height: 5px;
width: 5px;
margin: 0px 2px;
border-radius: 50%;
display: inline-block;
position: relative;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
top: 0px;
background-color: #9e9da2;
animation-name: ZpjSY;
}
.dRvxoz {
height: 5px;
width: 5px;
margin: 0px 2px;
background-color: #b6b5ba;
border-radius: 50%;
display: inline-block;
position: relative;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
top: 0px;
animation-name: hPhMsj;
}
.kAZgZq {
/*  padding: 7px 14px 6px;*/
/* background-color: white;
border-radius: 0px 8px 8px;*/
position: relative;
transition: all 0.3s ease 0s;
opacity: 0;
transform-origin: center top 0px;
z-index: 2;
/*  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;*/
margin-top: 4px;
margin-left: -54px;
max-width: calc(100% - 66px);
}
/*.kAZgZq::before {
position: absolute;
background-image: url("../../solar-image/images/whatsapp/side-extend.webp");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
top: 0px;
left: -12px;
width: 12px;
height: 19px;
}*/
.bMIBDo {
font-size: 13px;
font-weight: 700;
line-height: 18px;
color: #000;
}
.iSpIQi {
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: #111111;
}
.iSpIQi {
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: #111111;
}
.cqCDVm {
text-align: right;
margin-top: 4px;
font-size: 12px;
line-height: 16px;
color: rgba(17, 17, 17, 0.5);
margin-right: -8px;
margin-bottom: -4px;
}
.phone .phon1 {
position: fixed;
bottom: 135px;
right: 44px;
z-index: 9;
width: 35px;
}

.call-phone {
height: 40px;
z-index: 1003;
position: fixed;
right: 24px;
bottom: 120px;
border: 3px solid #fff;   /* White border */
border-radius: 50%;       /* Make it a circle */
}

.back-top-img {
width: 40px;
height: 40px;
object-fit: contain;
pointer-events: none;
}

.back-to-top {
position: fixed;
bottom: 25px;
right: 24px;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
z-index: 999;
cursor: pointer;
transition: 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
}

.back-to-top.show {
opacity: 1;
visibility: visible;
bottom: 35px;
}

.back-to-top:hover {
background: #000;
}


.footer-social-links a {
display: inline-block;
margin: 0 8px;
}

.footer-social-links .social-img {
width: 28px;
height: 28px;
object-fit: contain;
transition: 0.3s ease;
}

.footer-social-links .social-img:hover {
transform: scale(1.15);
opacity: 0.85;
}

.header-section .nav > li > a {
padding-top: 8px !important;
padding-bottom: 8px !important;
line-height: 20px !important;
}


#rev_slider, 
.rev_slider, 
.rev_slider_wrapper {
height: 100vh !important;  /* full-screen banner */
max-height: 120vh !important;
}

.rev-slidebg {
object-fit: cover; !important;
}

.contact-line {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}

.contact-line a {
color: inherit;       /* matches your theme color */
text-decoration: none;
}

.contact-line a:hover {
text-decoration: underline;
}

.contact-icon {
width: 20px;
height: 20px;
object-fit: contain;
}


.service-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

/* Background wrapper must fill section */
#services {
    position: relative;
    overflow: hidden;
}

/* Holder stretches full height */
#services .img-holder {
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Background wrapper */
#services .background-imgholder {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

/* Desktop background */
#services .background-imgholder .bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Ensure content appears ABOVE background */
#services .container-fluid,
#services .container {
    position: relative;
    z-index: 3;
}

.heading2 {
	text-align: center !important;
}


/* Media Query */
@media (min-width: 1600px) {
.container-fluid {
max-width: 1520px;
}
.container {
width: 1820px;
}
}


@media (min-width: 992px) and (max-width: 1300px) {
	.hero-banner .hero-content {
    top: 60%;
}
.header-section img {
max-width: 80px;
}
.hero-banner .line2, .hero-banner .line3 {
font-size: 48px;
}
.hero-banner .line1 {
font-size: 18px;
}
.header-logo img {
    max-height: 80px;
}

.hero-banner .hero-btn {
font-size: 18px;
}

.menu-icon {
padding: 0;
}
.header-section .main-nav .nav {
padding: 0;
}
.header-section #menu > ul li.active > a {
color: #000 !important;
border-bottom: 2px solid #000 !important;
}
.sec-padding {
padding: 0 !important;
margin-top: 30px;
}
h2.less-mar-1 {
text-align: left;
font-size: 40px;
color: #000;
margin-top: 5px;
padding-bottom: 0 !important;
}
.about-founder-text p {
text-align: justify;
font-size: 18px;
}
.founder-note-bottom {
bottom: -60px;
right: 0px;
opacity: .20;
}

.rights p{
color: #fff;
}
#services.section-side-image {
position: relative;
overflow: hidden;
}

#services .img-holder {
display: block !important;     /* override theme's display:none */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

#services .background-imgholder {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}

/* Make your content sit above the background */
#services .container {
position: relative;
z-index: 2;
}
.ce-feature-box-38 .title {
text-align: center;
font-size: 18px;
}
p {
font-size: 18px;
text-align: left;
}
.heading1 {
color: #fff !important;
font-size: 40px;
}
.ce-feature-box-38 {
height: 280px !important;
width: 280px !important;
margin: 10px !important;
}
.content {
font-size: 18px;
text-align: justify;
}
.why-icon-wrap {
font-size: 18px;
align-items: center;
justify-content: center;
}
.why-card-title {
font-size: 18px;
text-align: center;
}
.why-card-text {
font-size: 18px;
}
.col-md-4 {
padding-top: 10px;
padding-bottom: 10px;
}
.why-quote {
color: #000;
line-height: 1;
margin-top: 10px;
font-size: 35px;
}
.cforms_sty3 label { 
font-size: 18px !important;
}
h6 {
text-align: left;
}
.contact-line {
align-items: flex-start;
justify-content: flex-start;
}
.footer-tagline {
color: #fff;
font-size: 18px;
}
.btn-primary {
font-size: 18px;
padding: 10px;
}
.get {
margin-left: 60px !important;
}
.footer-heading {
text-align: left;
}
.cforms_sty3 .button {
font-size: 18px !important;
padding: 10px !important;
}
.text-box-right {
padding: 0 !important;
}
.sec-title-container.less-padding-1 {
padding: 0 !important;
}
.footer-social-links {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}
}

@media (max-width: 991.98px) {
.hero-banner .line2, .hero-banner .line3 {
font-size: 30px;
}
.hero-banner .line1 {
font-size: 16px;
}
.hero-banner .hero-content {
position: absolute;
top: 50%;
text-align: center;
z-index: 2;
width: 100%;
padding: 20px;
}
.hero-banner .hero-btn {
font-size: 16px;
}

.hero-banner .hero-bg {
content: url("assets/images/mobilebanner.jpg");
object-fit: cover;
object-position: center top;
}

.section-side-image .background-imgholder {
        background: url("assets/images/mobile144.jpg") !important;
        background-size: cover !important;
        background-position: center !important;
    }
.header-inner {
    height: 50px;
    justify-content: space-evenly;
    padding: 10px;
    align-items: center;
}
.menu-icon {
padding: 0;
}
.header-section .main-nav .nav {
padding: 0;
}
.header-section #menu > ul li.active > a {
color: #000 !important;
border-bottom: 2px solid #000 !important;
}
.sec-padding {
padding: 0 !important;
margin-top: 30px;
}
h2.less-mar-1 {
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-bottom: 0 !important;
    margin: 5px;
}
.about-founder-text p {
text-align: justify;
font-size: 16px;
}
.founder-note-bottom {
bottom: -60px;
right: 0px;
opacity: .20;
}
.rights {
text-align: center;
margin-bottom: 10px;
}
.rights p{
color: #fff;
}
.footer-social-links a {
display: inline-block;
margin: 0 20px;
}
.ce-feature-box-38 .title {
text-align: center;
font-size: 18px;
}
p {
font-size: 16px;
text-align: center;
}
.heading1 {
color: #fff !important;
font-size: 30px;
}
.ce-feature-box-38 {
height: 250px !important;
width: 250px !important;
margin-top: 0 !important;
}
.content {
font-size: 16px;
text-align: justify;
}
.why-icon-wrap {
font-size: 16px;
align-items: center;
justify-content: center;
}
.why-card-title {
font-size: 18px;
text-align: center;
}
.why-card-text {
font-size: 16px;
}
.col-md-4 {
padding-top: 10px;
padding-bottom: 10px;
}
.why-quote {
color: #000;
line-height: 1;
margin-top: 10px;
font-size: 35px;
}
.cforms_sty3 label { 
font-size: 16px !important;
}
h6 {
text-align: center;
}
.contact-line {
align-items: center;
justify-content: center;
}
.footer-tagline {
color: #fff;
font-size: 16px;
}
.btn-primary {
font-size: 16px;
padding: 10px;
}
.get {
margin-left: -15px !important;
}
.footer-heading {
text-align: center;
}
.cforms_sty3 .button {
font-size: 16px !important;
padding: 10px !important;
}
.text-box-right {
padding: 0 !important;
}
.header-section img {
max-width: 60px;
}
.background-imgholder {
position: absolute;
width: 0;
height: 0;
}
.header-logo img {
max-height: 60px;
}
}