
body {
    font-size:16px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}



h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto Slab', serif;
}

h2 {
    text-transform:uppercase;
}

header {
    color:#fff;
    background-color: #000033;
    font-size:14px;
    height:35px;
}

header form {
    display:inline;
}

header button {
    border:none;
    background: transparent;
    color:#fff; 
    font-size:14px;
    padding:0;
}

.pagetop {
    height:520px;   
    background-position:center top;
    background-size: cover;
    background-repeat:no-repeat;
    font-family: 'Montserrat', sans-serif;
    color:#fff;
}

.pagetop.subpage {
height:250px; 
}  

.pagetop h1 { 
    font-weight: 900;
    font-size:65px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;

}

.pagetop.subpage h1 { 
font-weight: 900;
font-size:50px;
text-transform: uppercase;
font-family: 'Roboto Slab', serif;
}

@media screen and (max-width: 767px) {
    .pagetop.subpage h1 { 
        font-size:30px;
        }
}

.pagetop p { 
    margin:0;
    font-weight: 600;
    font-size:16px;
    font-family: 'Montserrat', sans-serif;

}

.pagetop.subpage p { 

    font-family: 'Roboto', sans-serif;

}

.pagetop p span{ 
    font-weight: 300;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;

}

.gavewrapper {
    padding-top:60px;
}


.cta {
    padding:180px 0;
    text-align:center;
    color:#fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;  
}

.cta h2 {
    font-size: 50px;
    font-weight: 600;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
}
.cta a {
    color:#fff; text-decoration: none;
}

.modal-body {
    padding:30px;
}

.umbraco-forms-navigation .btn {
    width:100%;
    background-color: #003300;
    color:#fff;
    text-transform:uppercase;
    padding:10px 0px;
    
}

.modal-body .umbraco-forms-container textarea {
    
    height:80px!important;
}



.controls li {
    display: block;
    border-radius:4px;
    position: absolute;
    top: 45%;
    height: 35px;
    line-height: 35px;
    margin-top: -30px;
    width:35px;
    padding: 0 15px;
    cursor: pointer;
    background:#ddd;
    transition: background 0.3s;
}

.controls .prev {
    left: -35px;
}

.controls .next {
    right: -35px;

}


.contentblock {
    margin:80px 0;    
}

.contentblock p b, .contentblock p strong {
    font-weight:500;
}

.contentblock .textblock {
    padding:20px 0;
}

.contentblock img {
    width:100%;
}

.contentblock ul {
    columns:1;
    list-style-type: none;
    padding:0;
    margin:0;
}

.contentblock ul li {
    margin-bottom:45px;
}



.contentblock ul a {
    color:#999;
    text-decoration:none;
}

.contentblock ul a span {
    color:#000;
    font-size:20px;
}

.login {
    display: inline-block;
    width: auto;
}

.login div {
    margin-bottom:5px;
}

.login label {
    width:100px;
}

.login input {
    padding:5px;
    font-weight:300;
    width:200px;
}

.login button {
    width:100%;
    border:none;
    background-color:#003300;
    padding:10px 0;
    text-transform: uppercase;
    color:#fff;
    border-radius:6px;
    margin:15px 0 25px 0;
}

.mainpic {
    max-width:100%;
}

.products a.button {
    display: inline-block;
    margin-bottom:100px;
    width:auto;
    text-decoration: none;
    color:#fff;
    border-radius:4px;
    padding: 20px 40px;
    background-color: #171c27; 
}

.products .prodimage {
    margin-bottom:25px;
}

.products .itemheader {
    display:block;
    margin-bottom:25px;
}

.buttonwrapper {
    position:relative;
}

.buttonwrapper .flower {
    position: absolute;
    right:-16px;
    top:-32px;
}

.pickpresent {
    font-family: 'Roboto', sans-serif;
    background-color:#171c27;
    display:block;
    width:100%;
    text-transform: uppercase;
    padding:15px 0;
    font-weight:900;
    color:#fff;
}

.pickpresent:hover {
    background-color: #009900;
    color:#fff;
}

#thumb {
    list-style-type: none;
}

@media screen and (max-width: 767px) {
    #thumb li{
        display: inline-block;
    }
}

#thumb img {
    border-radius: 5px;
    cursor:pointer;
    background-color: #ddd;
    margin-bottom:10px;
}

@media screen and (min-width: 992px) {
    .contentblock ul {
        columns:2;
    }
}

footer {
    background-color:#0c2132;
    color:#999999;
    padding:85px 0;
}

footer img{
    width:100%; 
    max-width:235px; 
    margin-bottom:30px;
}

/* ------ Slider ----- */

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}
        