#page-wrapper {
    width: 1200px;
    margin: 0 auto;
}

a {
    outline: none;
}

.off-white {
    background-color: #fafcff;
}

.margin-sm { margin: 24px; }
.margin-md { margin: 36px; }
.margin-lg { margin: 72px; }

.margin-top-sm { margin-top: 24px; }
.margin-top-md { margin-top: 36px; }
.margin-top-lg { margin-top: 72px; }

.margin-bot-sm { margin-bottom: 24px; }
.margin-bot-md { margin-bottom: 36px; }
.margin-bot-lg { margin-bottom: 72px; }

.margin-right-sm { margin-right: 24px; }
.margin-right-md { margin-right: 36px; }
.margin-right-lg { margin-right: 72px; }

.margin-left-sm { margin-left: 24px; }
.margin-left-md { margin-left: 36px; }
.margin-left-lg { margin-left: 72px; }


@font-face {
    font-family: unica-reg;
    src: url(../fonts/UnicaOne-Regular.ttf);
}

@font-face {
    font-family: catamaran-reg;
    src: url(../fonts/Catamaran-Regular.ttf);
}

@font-face {
    font-family: catamaran-semibold;
    src: url(../fonts/Catamaran-SemiBold.ttf);
}

.section {
    padding: 0 24px;
}

.silver-grad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafcff+0,bcc6cc+100 */
    background: #fafcff; /* Old browsers */
    background: -moz-linear-gradient(left, #fafcff 0%, #bcc6cc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fafcff 0%,#bcc6cc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fafcff 0%,#bcc6cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcff', endColorstr='#bcc6cc',GradientType=1 ); /* IE6-9 */
}

.footer {
    padding: 40px;
}

.five-star-gradiant {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00cccc+0,0a3b6b+50,191a39+100 */
    background: #00cccc; /* Old browsers */
    background: -moz-linear-gradient(left, #00cccc 0%, #0a3b6b 50%, #191a39 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00cccc 0%,#0a3b6b 50%,#191a39 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00cccc 0%,#0a3b6b 50%,#191a39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cccc', endColorstr='#191a39',GradientType=1 ); /* IE6-9 */

}

.testemonials {
    height: 500px;
}

.footer-content p {
    color: white;
}

.white {
    color: white;
}

.contact-details-footer p {
    margin-bottom: 0px;
}

.bold { font-weight: bold; }

.footer-sub-items {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 10px;
}


.footer-sub-items li {
    float: left;
    padding-left: 0px;
    margin-right: 25px;
}

.blue {
    color: #0a3869;
}

.footer-content {
    font-family: catamaran-reg; 
    font-size: 15px; 
    color: #0a3869
}

.footer-content p:first-child {
    font-family: catamaran-semibold;
}

.footer-head {
    font-family: unica-reg; 
    font-size: 25px;
}


.footer-connect {
    font-size: 16px; 
    margin-top: 45px; 
    color: #0a3869; 
    font-family: catamaran-reg;
}

.footer-connect p:first-child {
    font-family: catamaran-semibold;
}


.hero-overlay {
    position: absolute; top: 67px; left: 17%; 
    width: 816px; height: 404px; 
    background: rgba(0, 0, 0, 0.5);
    padding: 24px;
}

.hero-overlay-work {
    position: absolute; top: 92px; left: 17%; 
    width: 816px; height: 360px; 
    background: rgba(0, 0, 0, 0.5);
    padding: 36px;
}



.hero-header {
    font-family: unica-reg; 
    color: white;
    font-size: 82px;
    border-bottom: 8px solid #00cccc;
    margin: 0px;
}

.hero-section {
     position: relative;
}

.hero-section img { width: 100%; }


.hero-text {
    font-family: catamaran-reg; 
    font-size: 24px; 
    color: white; margin-top: 20px;
    margin-bottom: 24px;
}

.blue-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a3869+1,0a3869+25,191a39+100 */
    background: #0a3869; /* Old browsers */
    background: -moz-linear-gradient(left, #0a3869 1%, #0a3869 25%, #191a39 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0a3869 1%,#0a3869 25%,#191a39 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0a3869 1%,#0a3869 25%,#191a39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3869', endColorstr='#191a39',GradientType=1 ); /* IE6-9 */
}

.blurb-section {
    position: relative;
    /*height: 300px;*/
    /*background:transparent url(../img/silver-pattern.jpg) top left;*/
}

.five-star-content {
    margin: 0 auto; 
    width: 816px; 
    border-left: 8px solid #00cccc;  
    padding: 0px 15px; 
    color: white;
}

.blurb-section-content {
    margin: 0 auto; 
    width: 816px; 
    padding: 0px 15px; 
    color: white;
}

.work-border-1 {
    border-left: 8px solid #00cccc;  
}

.work-border-2 {
    border-left: 8px solid #20bf55;  
}

.work-border-3 {
    border-left: 8px solid #bcc6cc; 

}

.five-star-header {
    font-family: unica-reg; font-size: 60px;
    line-height: 0.8;
}

.five-star-text {
    font-family: catamaran-reg; font-size: 24px;
}


.space-break {
    height: 72px;

}

.vac-btn {
    border: 0;
    box-shadow: none;
    border-radius: 0px;
    padding: 10px 60px;
    font-family: catamaran-semibold;
    font-size: 21px;
}

.vac-btn:hover {
    text-decoration: none;
}
.hero-btn { 
    background-color: white; 
    margin-top: 25px;
}

.lm-flash-msg {
    position: fixed;
    top: 20px;
    background-color: #fefefe;
    padding: 20px;
    width: 535px;
    top: 10px;
    left: calc(50% - 260px);
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.error {
    color: #D9534F;
}

.errors {
    background-color: #D9534F;
    padding: 10px;
    margin-bottom: 10px;
}

.after-blurb-section {
    background: url('../img/Pattern.png'); 
    z-index: 500;   
    height: 100%;
    width: 100%;
}