html {height: 100%;}
body {
    margin: 0;
    padding: 0px;
    background-image: url(../images/Pond-Scene-by-Gail-Zavian.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

img {
  max-width: 100%;
  display: block
  width: 200px;
    margin-bottom: 20px;
    margin-top: 20px;
}
a {
  text-decoration: none
}
a:hover {
  text-decoration: none
}
p{
    margin: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.wrapper_container{
    width: 1030px;
    height: auto;
    margin: 0 auto;
    padding: 0 15px;
}
.clear-both{
    clear: both;
}
.custom-colm{
    width: 236px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}
.wrapper-row {
    margin-top: 150px;
}
.mar-none{
    margin-right: 0;
}
.text-center-align{
    text-align: center;
}
.custom-colm img{
    width: 100%;
}
.custom-colm:hover img{
    opacity: 0.8;
}
.btn-lr {
    margin-top: 100px;
}
.btn-left{
    float: left;
}
.btn-right{
    float: right;
}
.btn-left img, .btn-right img {
    width: 250px;
}
.btn-left:hover img, .btn-right:hover img {
    opacity: 0.8;
}
.wrapper_container {text-align: center;}
.wrapper_container .btn-lr {text-align: center;     display: inline-block;}
.wrapper_container .btn-left {text-align: center; display: inline-block;}



/**************************** Media ******************************/

.pop-up1 {
    max-width: 600px;
    height: auto;
    border: 0px;
    border-radius: 30px; 
    margin: 30px auto 0px;
    padding: 15px 40px;
    background-color: rgb(255,255,255, 0.9); 
    color: #000;
    position: absolute;
    z-index: 9999;
    margin: 0px auto;
    top: 50px;
    right: 0;
    left: 0;
    font-family: arial;
    text-align: center;
}

.pop-up-title {
    font-size: 36px;
    text-align: center;
    font-style: normal;
    font-weight: 800;
    padding: 20px 0px;
    color: #c70156;

}
.pop-up-title2 {
    font-size: 36px;
    text-align: center;
    font-style: normal;
    font-weight: 800;
    padding: 20px 0px;
    color: #1f8da5;

}

.pop-up-contante {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    max-width: 880px;
    margin: 0px auto;
    padding: 20px 0px;
    line-height: 30px;
}

.pop-up-add {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.pop-up-add {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 29px;
    font-style: italic;
}

.pop-up-img {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.pop-up-img img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
}

.pop-up-img2 {
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.pop-up-img2 img {
    width: 100px;
    display: block;
    margin: 0px auto;
}

.pop-up-close {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px 0px 20px;
}

.pop-up-close a {
    background: url(../images/close.png);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 13px 45px;
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    background-size: 100% 100%;
}
.red-button {background-color:#c70156; color:#fff; font-weight: 800; padding: 10px 30px; border-radius: 24px; }
.red-button2 {background-color:#1f8da5; color:#fff; font-weight: 800; padding: 10px 30px; border-radius: 24px; }

/************popup css ended **************************/


/******************************* Media ********************************/
@media (min-width: 768px) and (max-width: 1024px) {
.wrapper_container {width:auto; }
.custom-colm {
    width: 215px;
    }
    .wrapper-row {
    margin-top: 100px;
}

}
@media (max-width:1199px) and (min-width:980px) {

}

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

}

@media (max-width:767px) {

}

@media(min-width:320px) and (max-width:480px) {
  
}

/******************************* Media ********************************/

.copyright
{
position: fixed;
bottom: 0;
left: 0;
padding: 5px 5px;
font-size: 12px;
font-family: arial;
color: white;	
}