/* google fonts @import */
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Kadwa:wght@400;700&family=Karla:wght@400;700&family=Open+Sans:wght@300;400;600;700;800&family=Oswald:wght@200;300;400;500;600;700&display=swap');

/* ---------------------------------------
    font-family: 'Acme', sans-serif;
    font-family: 'Kadwa', serif;
    font-family: 'Karla', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Oswald', sans-serif;
    ---------------------------------
    0.1 Normalize css
    0.2 Header css
        0.2.1 mara topnav
        0.2.2 mara navbar info
        0.2.3 Mara Main Navbar
    0.3 Mara benner section
    0.4 Mara Experienced section
    0.5 Mara Services section
    0.6 Mara Image Gallery section
    0.7 Mara Video section
    0.8 Footer css
        0.8.1 Footer centent
        0.8.2 Footer copyright

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

/* 0.1 Normalize css ----- --*/
body{
    font-size: 16px;
    font-family: 'Karla', sans-serif;
    color: #6e6e6e;
}
a{
    text-decoration: none;
    color: #000000;
}
a:hover,
a:focus{
    text-decoration: none;
    color: #a0c5d9;
}
ul, ol{
    padding-left: 0px;
    list-style: none;
}
.btn{
    box-shadow: none;
}
.btn:hover,
.btn:focus{
    box-shadow: none;
}
.mara-bg-light{
    background: #f3f1f1;
}
.foot-fb{
    color: #ffffff;
    background-color: #3a5998;
}
.foot-twit{
    color: #ffffff;
    background-color: #1da1f2;
}

/* 0.2 Header css ----- --*/
/* 0.2.1 mara topnav */
.mara-topnav{
    padding: 2px;
}
.mara-topnav .nav-item {
    position: relative;
	line-height: 40px;
}
.mara-topnav .nav-addinfo li:not(:last-child){
    padding-right: 7px;
    margin-right: 5px;
}
.mara-topnav .nav-item a{
    color: #2d80ac;
}
.mara-topnav a.nav-social{
    color: #ffffff;
    display: inline-block;
    width: 30px; height: 30px;
    text-align: center; border-radius: 40px;
    font-size: 16px; line-height: 30px;
    padding: 0px 0px 0px 2px;
}
.mara-topnav a.nav-fb{
    background-color: #3a5998;
}
.mara-topnav a.nav-twit{
    background-color: #1da1f2;
}
.mara-topnav .nav-iconsocial li:not(:last-child){
    margin-right: 10px;
}
/* 0.2.2 mara navbar info */
.navbar-info {
    padding: 10px 0px;
    background-color: #ffffff;
}
.brand-license{
    font-size: 16px;
    margin-bottom: 0px;
    font-family: 'Karla', sans-serif;
}
.navbar-quote {
	max-width: 370px;
	text-align: center;
}
.navbar-quote h5{
    font-size: 21px;
    font-family: 'Acme', sans-serif;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 10px;
}
.btn-quote{
    font-size: 17px;
    text-align: center;
    line-height: 40px;
    min-width: 217px;
    color: #ffffff;
    background-color: #f07931;
}
.btn-quote:hover,
.btn-quote:focus{
    color: #ffffff;
    background-color: #f9650c;
}
.navbar-callinfo {
	text-align: right;
}
.navbar-callinfo h5{
    color: #246689;
    font-size: 24px;
    font-family: 'Kadwa', serif;
    margin-top: 0px;
    margin-bottom: 10px;
}
.navbar-callinfo span{
    color: #333333;
    font-size: 24px;
    text-transform: uppercase; 
    line-height: normal;
}
.navbar-callinfo span > a.n-call{
    display: block;
    font-size: 28px;
    color: #2d80ac;
    font-weight: bold;
}
/* 0.2.3 Mara Main Navbar */
.mara-nav{
    padding: 0px;
}
.mara-nav{
    background: #246689 !important;
}
.mara-nav ul.navbar-nav > li > a{
    text-transform: uppercase;
    padding: 12px 20px !important;
    font-size: 16px;
    font-family: 'Karla', sans-serif;
}
.mara-nav ul.navbar-nav > li > a{
    display:block;
    color: #ffffff;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
}
.mara-nav ul.navbar-nav > li > a:hover,
.mara-nav ul.navbar-nav > li.active > a,
.mara-nav ul.navbar-nav > li.current-menu-item > a{
    color: #ffffff;
    background-color: #76acc9; 
    transition: all 0.4s ease-in-out;
}
.navbar-toggler {
	padding: 15px;
	border: none !important;
    position: relative;
    outline: none !important;
}
.navbar-toggler span {
	width: 25px;
	display: block;
	height: 2px;
    background-color: #2d80ac;
    position: absolute;
    left: 2px;
    transition: all 0.4s ease-in-out;
}
/* .navbar-toggler span:not(:first-child){
    margin-top: 5px;
} */
.navbar-toggler span:nth-child(1){
    top: 7px;
}
.navbar-toggler span:nth-child(2){
    top: 14px;
}
.navbar-toggler span:nth-child(3){
    top: 21px;
}
.mara-nav button[aria-expanded="true"] > span:nth-child(1) {
	transform: rotate(45deg);
    top: 15px;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear;
    background-color: #ffffff;
}
.mara-nav button[aria-expanded="true"] > span:nth-child(2){
    opacity: 0;
}
.mara-nav button[aria-expanded="true"] > span:nth-child(3) {
	transform: rotate(-45deg);
    top: 15px;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear;
    background-color: #ffffff;
}
.mobile-phone a{
    color: #ffffff;
    font-size: 20px;
}

/* 0.3 Mara benner section ----- --*/
.mara-slidebenner{
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
}   
.mara-slidebenner.bg-img{
    background-image: url(../images/benner.jpg);
}
.slide-padd{
    padding: 15px 0px;
}
.slide-marquee{
    background: #f9650c;
    border:2px solid #ffffff;
    padding: 10px 0px;
    position: relative;
    overflow: hidden;
    height: 57px;
}
.marquee-text{
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: normal;
    text-align: center;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 20s linear infinite;
}
.marquee-text p {
    margin-bottom: 0px;
	white-space: nowrap;
}
@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}
@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}
@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

/* 0.4 Mara Experienced section ----- --*/
.mara-bgthumb {
	display: flex;
	align-items: stretch;
	height: 100%;
}
.mara-bgthumb{
    background-image: url(../images/SAN-FERNANDO-VALLEY.jpg);
    background-position: 100%  50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.mara-title{
    padding: 80px 70px;
}
.mara-experienc .col-info{
    background: #2d80ac;
}
.mara-title h1 {
	font-size: 24px;
	position: relative;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	line-height: normal;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.mara-title h1::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #76acc9;
}
.mara-title h1::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100px;
	height: 5px;
	background-color: #246689;
}
.mara-title h2 {
	color: #a0c5d9;
	line-height: normal;
	font-weight: 400;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 18px;
}
.mara-title p {
	color: #ffffff;
	font-size: 16px;
	font-family: 'Karla', sans-serif;
	line-height: 180%;
}
.mara-title p:last-child{
    margin-bottom: 0px;
}

/* 0.5 Mara Services section ----- --*/
.mara-services .mara-bgthumb{
    background-image: url(../images/Services.jpg);
    background-position: 100%  50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.mara-services .mara-title h3{
    color: #000;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
}
.mara-services .mara-title ul{
    padding-left: 30px;
    list-style: inherit;
    margin:20px 0px 20px;
}
.mara-services .mara-title ul li{
    line-height: 180%;
}
.mara-services .mara-title p{
    color: #6e6e6e;
}

/* 0.6 Mara Image Gallery section ----- --*/
.mara-thumb > img{
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    object-position: 50% 50%;
}

/* 0.7 Mara Video section ----- --*/
.mara-video{
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;   
}
.video-code{
    text-align: center;
}
.video-code > video{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* 0.8 Footer css ----- --*/
/* 0.8.1 Footer centent */
.footer-content{
    padding: 45px 0px 40px;
    position: relative;
    background: #246689;
}
.footer-col h4{
    font-size: 14px;
    line-height: 35px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 10px;
    border-bottom: 1px dotted #76acc9;
}
li.widget{
	list-style:none;
}
.footer-col .menu li a{
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: .03em;
    display: block;
    padding-right: 5px;
    margin-bottom: 10px;
}
.footer-col .menu li.current-menu-item > a{
	color: #a0c5d9;
}
.footer-col .menu li a:hover{
    color: #a0c5d9;
}
.con-info p {
	color: #ffffff;
	margin-bottom: 5px;
}
.con-info p strong{
    display: block;
}
.con-info p a{
    color: #a0c5d9;
}
.time-operation {
	font-weight: normal;
	width: 100%;
	display: inline-block;
	max-width: 150px;
}
.time-operation > span {
	float: right;
}
.cardlist{
    margin-top:15px;
}
.cardlist .carditem{
    padding: 0px 5px 5px 0px;
}
.footer-iconsocial{
    margin-top: 10px;
    margin-bottom: 0px;
}
a.foot-social {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: inline-block;
	border-radius: 40px;
    font-size: 18px;
    padding: 1px 0px 0px 3px;
}
.footer-iconsocial > li:not(:first-child){
    margin-left: 10px;
}

/* 0.8.2 Footer copyright */
.footer-copyright{
    background: #000000;
    padding-top: 20px;
    padding-bottom: 50px;
}
.copyright h6{
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 0px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.mara-title{
    padding: 80px 70px;
}
.mara-about .col-info,
.mara-about-tr .col-info{
    background: #2d80ac;
}
.mara-about .mara-bgthumb{
    background-image: url(../images/about-mara.jpg);
}
.mara-about-t .mara-bgthumb{
    background-image: url(../images/about-mara-2.jpg);
}
.mara-about-tr .mara-bgthumb{
    background-image: url(../images/about-mara-3.jpg);
}
.mara-about-t .mara-title p{
    color: #6e6e6e;
}