@import url('https://fonts.googleapis.com/css?family=Open+Sans|Playfair+Display:400,700');

html {
    scroll-behavior: smooth;
}

body{
    font-family:'Open Sans',sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    color:#373737;
}

h1,h2,h3,h4{
    font-family:'Playfair Display', serif;
}

h1{
    color:#292929;
    font-size:80px;
    font-weight: bold;
}

h2{
    font-size: 70px;
    color:#23807e;
}

h3{
    font-size:36px; 
    color:#23807e;
    border:1px dashed #23807e;
    padding:15px;
    text-align:center;
}

h4{
    font-size:25px;
    font-weight: bold;
}

strong{
   color:#23807e; 
}

p{
    font-family:'Open Sans',sans-serif;
    font-size:15px;
    line-height: 24pt;
    text-align:justify;
}

section li{
    font-size:15px;
    margin-left:-20px;
}


.patternbg{
    background:url(../images/mainbg.jpg);
}

.patternbg li{
    font-size:16px;
    list-style:none;
    margin-left:-40px;
}

.patternbg li:nth-child(odd){
    background:#fff;
    padding:5px;
}

.patternbg li:nth-child(even){
    background:#d4fbfa;
    padding:5px;
}

.patternbg .price{
    color:#23807e;
    font-weight:bold;
}

#cost img.img-fluid {
    margin-bottom: 25px;
    border-radius:5px;
}

.navbar-nav{
    align-items:center;
}

a.nav-link {
    color: #292929;
    text-transform: uppercase;
    font-size: 15px;
}

li.nav-item.active a.nav-link {
    color: #23807e;
}

.dropdown-toggle::after{
    color:white;
}

i.fa.fa-angle-down {
    margin-left: -10px;
}

.dropdown-item.active, .dropdown-item:active{
    background-color:#23807e;
}

.mobile-dropdown-menu{
    display:none !important;
}

@media(min-width:993px){
    .mobile-dropdown-menu{
        display:none !important;
    }
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #23807e;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }

}	

header{
    background:url(../images/header.png) no-repeat top right;
    padding-top:40px;
    display:block;
    padding-bottom:200px;
}

header h1{
    margin-top:90px;
    letter-spacing:-1px;
}

.btn-d{
    border-radius:5px;
    padding:10px 50px 10px 50px;
    border:1px solid #17dade;
    max-width:300px;
    width:100%;
    color:#23807e;
    font-size:20px;
    font-weight: bold;
    letter-spacing:4px;
    transition:.3s linear;
}

.btn-d:hover{
    background:#23807e;
    color:#fff;
}

section{
    padding:80px 0 80px;
}

.lightblue{
    background:#d4fbfa;
}

.whitebg{
    background:#fff;
}


#main1 .circle1{
    z-index: -3;
    top: -10px;
    position: relative;
    left: -65px;
}

#main1 .circle2{
    z-index: 8;
    top: 480px;
    position: relative;
    right: -60px;
}

#main1 .img{
    z-index:1;
    position:absolute;
    top:60px;
    left:0;
} 


#main2 .circle1{
    z-index: -3;
    top: -10px;
    position: relative;
    left: 260px;
}

#main2 .circle2{
    z-index: 8;
    top: 380px;
    position: relative;
    right: 195px;
}

#main2 .img{
    z-index:1;
    position:absolute;
    top:30px;
    left:0;
} 

.sideborder{
    border-right:10px solid #d4fbfa;
    border-bottom:10px solid #d4fbfa;
}

/* contact form */

#contact form{
    margin-bottom:20px;
}

.form-control{
    border-radius:20px;
    padding:16px;
}

form .btn-lg{
    border-radius: 20px;
    padding: 5px 15px 5px 15px;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.btn-primary{
    background-color:rgba(35,128,126,0.7);
    border:none;
    transition: .3s linear;
}

.btn-primary:hover{
    background-color:#23807e;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

#contact p{
    line-height: 18pt;
}



footer{
    background:#094e62;
    padding:20px;
    color:#fff;
}


footer a{
    color:#fff;
}

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

.visible-images-lg{
    display:block;
}
.visible-images-sm{
    display:none;
}

.status{
    font-size:1rem;
    color:green;
    padding:15px;
}

.status span{
    color:red;
}


/* media query */

@media (max-width:780px){
    .navbar-brand{
        max-width: 60%;
    }

    .fa-bars{
        color:#fff;
    }

    .mobile-dropdown-menu{
        display:block !important;
    }

    .desktop-dropdown-menu{
        display:none !important;
    }

    button.navbar-toggler {
        background: #23807e;
        padding: 5px 10px;
    }

    .dropdown-toggle::after{
        color:#373737;
    }

    #navbarCollapse {
        margin-top: 25px;
        background: #f7f4f4;
        padding: 10px;
        border-radius: 5px;
    }
    


    header{
        background-size:contain;
        background-position: center top;
        padding-bottom: 50px;
    }
    header h1 {
        margin-top: 320px;
        letter-spacing: -1px;
    }

    h1{
        font-size:42px;
    }
    h2{
        font-size: 35px;
    }
    
    h3{
        font-size:25px; 
        color:#23807e;
        border:1px dashed #23807e;
        padding:15px;
        text-align:center;
    }
    
    h4{
        font-size:20px;
        font-weight: bold;
    }

    section{
        padding:50px 0 50px;
    }

    .circle1, .circle2{
        display:none;
    }

    #main1 .img, #main2 .img{
        display:block;
        position:static;
    }

    .plasmapen{
        height: 350px;
        margin-bottom:15px;

    }

    #contact{
        text-align: center;
    }

    footer{
        padding-bottom:15px;
    }
}