/*=============================================
    Please add all custom CSS to this file
 =============================================*/

/*===== HEADER =====*/
.toplogo {
    display: inline-block;
    margin: 20px 0px 0px 0px;
}
.toplogo img {
    width:100%;
}

.topPhone {
    display: inline-block;
    margin: 45px 0px 30px 0px;
    color: #000;
    font-size: 26px;
    font-weight: bold;
    text-shadow: -1px -1px 0 rgba(196,231,212,1), 1px -1px 0 rgba(196,231,212,1), -1px 1px 0 rgba(196,231,212,1), 1px 1px 0 rgba(196,231,212,1);
}

/*===== SLIDER =====*/

.rslides_tabs{
    background: none;
    border: none;
    padding: 0;
}
.rslides_tabs li a::before {
    font-size: 10px;
}

.cta {top:20%; left:0; right:0;}
.ctatop {color:#fff; font-size:1.5em; font-weight:800;}

/*===== CONTENT =====*/

.holiday {
border: 5px dotted red;
padding: 1em;
text-align: center;
font-weight: bold;
font-size: 1.25em;
margin: 1.5em auto;
}

/*Buttons*/
.button {
    background: rgba(196,231,212,1);
    color: rgba(62,92,118,1) !important;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 6px 25px;
}
.button:hover {
    background: none;
    text-decoration: none !important;
    border-bottom: 4px solid rgba(196,231,212,1);
}

/*Lists*/
ul.spaced li{margin-bottom:15px;}
ul.fancylist li:before {
    content: "\f046";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(246,189,96,1);
    font-size: 16px;
    padding-right: 0.5em;
    margin-left: -27px;
}
.fancylist{
    list-style-type: none;
}

ul.fancylist2 li:before {
    content: "\f041";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(246,189,96,1);
    font-size: 16px;
    padding-right: 0.5em;
    margin-left: -27px;
}
.fancylist2{
    list-style-type: none;
}

/*===== FOOTER =====*/

footer.footer {
    background: rgba(62,92,118,1);
}

.socialicons{
    text-align: left;
}
.bottomicon{
    text-align: left;
}

/*===== RESPONSIVE =====*/

@media only screen and (min-width:0px) {
    .topPhone{
      margin: 0px 0px 10px 0px;
      font-size: 14px;
    }
}

@media only screen and (min-width:480px) {
    .topPhone{
      margin: 0px 0px 10px 0px;
      font-size: 20px;
    }
}

@media only screen and (min-width:768px) {
    .topPhone{
      margin: 40px 0px 30px 0px;
      font-size: 26px;
    }
}

@media only screen and (min-width:1024px) {
    .topPhone{
      margin: 45px 0px 30px 0px;
    }
}