﻿.divServ1 
{
    text-align:center;
    font-weight:bold;
    font-size:2em;
    padding:1em;
    background-color:#f0e364;
    cursor:pointer;
}

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #ea413d;    }
    49%{    color: #db221d; }
    60%{    color: #db221d; }
    99%{    color:#212121;  }
    100%{   color: #ea413d;    }
}

.div-sld-wrap 
{
    height:90vh;
}

#slideshow 
{ 
    position: relative; 
    width:100%;
}

#slideshow .div-slide-itm
{ 
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    width:100%;
}

#slideshow .md1 
{
    background-position: center center;
    height:90vh;
}

#slideshow .md2
{
    background-position: center center;
    height:90vh;
}

#slideshow .md3 
{
    background-position: center right;
    height:80vh;
}

#slideshow .md4 
{
    background-position: center right;
    height:80vh;
}

#slideshow .md5 
{
    background-position: center right;
    height:70vh;
}

#slideshow .md6 
{
    background-position: center right;
    height:70vh;
}

#slideshow .md7 
{
    background-position: center right;
    height:70vh;
}

#slideshow .md8 
{
    background-position: center right;
    height:70vh;
}

#slideshow > div > img 
{ 
    width:100%;
}

.div-options 
{
    max-width:72em;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.div-options .opt-btn 
{
    width:23em;
    display:inline-block;
}

.divAboutUs 
{
    background-color:#2baa64;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:8px;
    width:100%;
}

.divSectnWrap 
{
    background-color:#edeef0;
    padding-top:8em;
    padding-bottom:8em;
    margin-top:-1em;
}

.divCtntWrap 
{
    max-width:80em;
    margin-left:auto;
    margin-right:auto;
}

.divSectTitle 
{
    font-size:3em;
    text-align:center;
    color:#2e3d49;
    margin-bottom:2.5em;
    font-weight:300;
}

.mctn-mwrap 
{
    margin-bottom:4em;
    margin-left:0.5em;
    /*background-color:white;*/
    /*opacity:0;
    transition:0.5s;*/
}

.mctn-image 
{
    width:19em;
    display:inline-block;
    margin-bottom: -3px;
    background-color:#e5e5e5;
    border-radius:8px;
    overflow:hidden;
}

.mctn-image img
{
    display:block;
}

.mctn-wrap 
{
    padding-left:1em;
    padding-right:1em;
    width:calc(100% - 300px);
    display:inline-block;
    vertical-align:top;
    margin-bottom:1em;
}

.mctn-ttl 
{
    font-family:"Open Sans", sans-serif;
    font-size:20px;
    padding:0;
    margin-top:1em;
    font-weight:500;
}

.mctn-dec 
{
    font-size:1.2em;
    color:#525c65;
    margin-top:1em;
}

@media screen and (max-width:1580px) {
    .div-sld-wrap 
    {
        height:80vh;
    }

    #slideshow .md1 
    {
        height:80vh;
    }

    #slideshow .md2
    {
        height:80vh;
    }

    #slideshow .md3 
    {
        height:70vh;
    }

    #slideshow .md4 
    {
        height:70vh;
    }

    #slideshow .md5 
    {
        height:60vh;
    }

    #slideshow .md6 
    {
        height:60vh;
    }

    #slideshow .md7 
    {
        height:60vh;
    }

    #slideshow .md8 
    {
        height:60vh;
    }
}

@media screen and (max-width:1280px) {
    .div-sld-wrap 
    {
        height:70vh;
    }

    #slideshow .md1 
    {
        height:70vh;
    }

    #slideshow .md2
    {
        height:70vh;
    }

    #slideshow .md3 
    {
        height:60vh;
    }

    #slideshow .md4 
    {
        height:60vh;
    }

    #slideshow .md5 
    {
        height:50vh;
    }

    #slideshow .md6 
    {
        height:50vh;
    }

    #slideshow .md7 
    {
        height:50vh;
    }

    #slideshow .md8 
    {
        height:50vh;
    }
}

/*for tablets*/
@media screen and (max-width:959px) {
    .div-sld-wrap 
    {
        height:60vh;
    }

    #slideshow .md1 
    {
        height:60vh;
    }

    #slideshow .md2
    {
        height:60vh;
    }

    #slideshow .md3 
    {
        height:50vh;
    }

    #slideshow .md4 
    {
        height:50vh;
    }

    #slideshow .md5 
    {
        height:40vh;
    }

    #slideshow .md6 
    {
        height:40vh;
    }

    #slideshow .md7 
    {
        height:40vh;
    }

    #slideshow .md8 
    {
        height:40vh;
    }

    .div-options .opt-btn 
    {
        width:19em;
    }
}

/*for phones*/
@media screen and (max-width:640px) {
    .divServ1 
    {
        font-size:1.6em;
        padding:0.8em;
    }

    .div-sld-wrap 
    {
        height:40vh;
    }

    #slideshow .md1 
    {
        height:40vh;
    }

    #slideshow .md2
    {
        height:40vh;
    }

    #slideshow .md3 
    {
        height:30vh;
    }

    #slideshow .md4 
    {
        height:30vh;
    }

    #slideshow .md5 
    {
        height:20vh;
    }

    #slideshow .md6 
    {
        height:20vh;
    }

    #slideshow .md7 
    {
        height:20vh;
    }

    #slideshow .md8 
    {
        height:20vh;
    }

    .div-options .opt-btn 
    {
        width:16em;
    }

    .mctn-wrap 
    {
        width:calc(100% - 20px);
        padding-left:0.5em;
        padding-right:0.5em;
    }
}

/*smallest screen for phones*/
@media screen and (max-width:320px) {
    
}