/*DEV*/

p.test {display:none;}

/* WEDDING TEMPLATE - MOBILE FIRST - DESKTOP STYLES ARE IN MEDIA QUEIES TOWARDS THE BOTTOM*/

html, body {height:100%;}
.ssw {background: #f5f5f5; text-align:left; margin:0px auto; position:relative;  color: #6D6D6D; font-family: 'Roboto Slab',sans-serif; font-weight:300; font-size:14px; min-width:320px; min-height:100%;overflow: hidden;}

.ssw p{font-family: 'Roboto Slab', Arial, Sans-serif;font-weight: 400;line-height: 1.5;}
.ssw_logo{margin-top: 10px;}

.ssw a {color:#0064AD; text-decoration:none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;}
.ssw a:hover {color:#0064ad; text-decoration: underline;}
.ssw .active {color: #000;}
.ssw_outer_wrapper {max-width:1140px;}

.ssw_contact {/* position:absolute; */ top:0px; text-align:center; width:100%; left:0px;}
.ssw_social {padding:0px 9%;}

.ssw_contact ul li span.icon {}

.ssw_nav {}

.ssw_contact ul,
.ssw_social ul {margin-top:20px;display: -webkit-inline-box;}

.ssw_contact ul li,
.ssw_social ul li {margin:0px 5px 8px 5px;}

.ssw_contact li span.icon,
.ssw_social li a {background-color: transparent!important;}

.ssw_nav ul li a {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
}

.ssw_contact ul li span,
.ssw_social ul li a {border-radius:16px;}
.ssw_contact ul li .sup {font-size:inherit; position:relative; /* top:-11px; */ display: table-cell; background-color:transparent; width:auto; height:auto;}

.ssw_contact ul li {/* position:absolute; */display: inline-block;}
.ssw_contact ul li.email {left:6px;}
.ssw_contact ul li.telephone {right:6px;}
.ssw_contact ul li a {color:#000; text-decoration: none;}

.ssw_nav ul, .ssw_footer_container footer {padding: 0px 0px;border-top: solid 1px #EAEAEA;border-bottom: solid 1px #EAEAEA;text-align: center;margin-top: 30px;margin:auto;max-width: 1092px;}
@media (max-width: 767px)
    .ssw_contact ul li.email {
        display: inline-block;
    }
    .ssw_header {padding-top: 25px;}
    .ssw_logo_text h1, .ssw_logo_text div  {font-family: 'Roboto Slab', sans-serif; font-size: 34px;line-height: 90%; position:relative; font-weight:normal; margin:0px;}
    /*.ssw_logo_text h1 span, .ssw_logo_text span, .ssw_logo_text div { font-family: 'Roboto Slab', sans-serif; font-size:14px; line-height:14px; padding:8px 0px; border-top:solid 1px #EAEAEA; border-bottom:solid 1px #EAEAEA; position:absolute; bottom:-32px; left:50%; margin-left:-30px; letter-spacing:0;}*/

    .ssw_inner_wrapper {}
    .ssw_inner_wrapper h2 {font-family: 'Roboto Slab', sans-serif; font-size: 25px; padding:8px 0px; margin-top:24px;  border-bottom:solid 1px #EAEAEA;margin-bottom: 15px;font-weight: 300;color: #0064ad;}

    .ssw_inner_wrapper p, .ssw_inner_wrapper li {line-height:24px; font-size:13px;}
    .ssw_inner_wrapper blockquote {font-size:20px; line-height:28px;}

    .ssw_inner_wrapper .ssw_block:first-child h2 {margin-top:0px;}

    .ssw_image {margin-bottom: 25px;}

    .ssw_hero {text-align:left;}

    /*FOOTER AREA*/
    .ssw_region_seo_footer {border-top: solid 1px #EAEAEA; border-bottom: solid 1px #EAEAEA; padding: 24px 0px; margin-top: 32px;}

    .ssw_footer_container {clear:both;margin-top: 50px;}


    /*INNER PAGES*/
    #ssw_region_sidebar .ssw_inner_wrapper {margin-bottom:0px; padding-bottom:32px;}

    .ssw_home .ssw_region,
    .ssw_about_us .ssw_region,
    .ssw_contact_us .ssw_region,
    .ssw_blank .ssw_region {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

    .ssw_contact_us .ssw_map {margin:32px 0px;}

    .ssw_home .ssw_region_hero,
    .ssw_about_us .ssw_region_hero,
    .ssw_contact_us .ssw_region_hero,
    .ssw_blank .ssw_region_hero{margin-bottom:12px;}

    .ssw_region_heo img {margin-top:0;}

    .ssw_header {text-align: center;}

    .site-title {
        color: #0064ad;
        font-size: 50px;
        letter-spacing: -0.04em;
        /* background: #ccc; */
        margin: 0 auto!important;
        padding: 10px 3px;
        font-family: 'Roboto Slab', sans-serif;
        font-weight: bold;
    }

    .button {
        background: #0064ad; /* Old browsers */
        background: -moz-linear-gradient(top,  #0064ad 1%, #3479aa 50%, #166caa 51%, #1c70a8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0064ad), color-stop(50%,#3479aa), color-stop(51%,#166caa), color-stop(100%,#1c70a8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #0064ad 1%,#3479aa 50%,#166caa 51%,#1c70a8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #0064ad 1%,#3479aa 50%,#166caa 51%,#1c70a8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #0064ad 1%,#3479aa 50%,#166caa 51%,#1c70a8 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #0064ad 1%,#3479aa 50%,#166caa 51%,#1c70a8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064ad', endColorstr='#1c70a8',GradientType=0 ); /* IE6-9 */
        border: 1px solid #0064AD;
        color: #fff;
        padding: 7px 15px;
        border-radius: 4px;
        max-width: 80px;
        text-align: center;
        font-family: 'Roboto Slab', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }
    .button a {
        color: white;
    }
    .ssw_home #hero_s_1{
        padding-top: 0px;
        margin: 0px;
        display: inline;
    }
    #ssw_region_hero h1 {
        line-height: 1;
        font-size: 42px;
        color: #0064AD;
        font-weight: 300;
    }
    .ssw_home .ssw_region_hero{
        position: relative;
        float: left;
    }
    .ssw_home #hero_s_2{
        position: absolute!important;
        top: 3px;
        left: 23px;
        width: 28%;
        background: #FFFFFF;
        height: 96%;
        vertical-align: middle;
        padding: 5% 2% 5% 0%!important;
        text-align: left;
        z-index: 100;
        /* box-shadow: 17px 0px 17px -14px #4C4C4C; */
    }
    #ssw_region_hero h1{
        color: #1D6193;
        font-size: 37px;
        line-height: 1.1;
        border-bottom: solid 1px #eaeaea;
        padding-bottom: 20px;
        font-weight: 400;
        font-family: 'Roboto Slab', sans-serif;
        letter-spacing: -0.03em;
        margin-bottom: 20px;
    }
    #ssw_region_hero h3{
        font-size: 20px;
        font-weight: 400;
    }
    #ssw_region_hero p{
        color: #666;
        font-size: 18px;
        line-height: 1.4;
        font-weight: 300;
    }

    @media (min-width: 768px) {
        .ssw_home #hero_s_1_c_1:after, #hero_s_1_c_1:before {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            z-index: 99;
        }

        .ssw_home #hero_s_1_c_1:after {
            border-color: rgba(0, 100, 173, 0);
            border-left-color: #fff;
            border-width: 14px;
            margin-top: -14px;
        }
        .ssw_home #hero_s_1_c_1:before {
            border-color: rgba(0, 100, 173, 0);
            border-left-color: #fff;
            border-width: 70px;
            margin-top: -70px;
            margin-left: -10px;
        }
        .arrow_box:after, .arrow_box:before {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }
        .site-title{
            width: 50%;
        }

        .arrow_box:after {
            border-color: rgba(0, 100, 173, 0);
            border-left-color: #0064ad;
            border-width: 14px;
            margin-top: -14px;
        }
        .arrow_box:before {
            border-color: rgba(0, 100, 173, 0);
            border-left-color: #0064ad;
            border-width: 20px;
            margin-top: -20px;
        }
    }
    .arrow_box {
        position: relative;
        background: #0064ad;
        border: 4px solid #0064ad;
        color: white;
    }

    .arrow_box p{color: white;}
    .arrow_box h2{color: white;}

    @media (min-width: 768px){
        .ssw_home .ssw_sidebar,.ssw_about_us .ssw_sidebar, .ssw_contact_us .ssw_sidebar {
            padding: 10px;}}

    @media (max-width:900px){
        #hero_s_2{
            position: inherit;
            padding: 0px;
            width: 100%;
        }
    }
    @media  (min-width: 320px) {

        p.test:before { content: "min-width: 320-479px - Mobile";}
        .ssw_header {padding-top: 20px;}

    }

    @media  (min-width: 480px) {

        p.test:before { content: "min-width: 480 - 767px - Smartphone";}

        .ssw_header {padding-top: 20px;}
        .ssw_logo_text h1 span, .ssw_logo_text span, .ssw_logo_text div {font-size:64px; line-height:64px;}
        .ssw_contact ul li span.icon {display:inline-block;}
        .ssw_footer_container footer {
            margin-bottom: 30px;
        }
    }


    @media  (min-width: 768px) {

        .ssw_footer_container footer {margin-bottom: 0px; padding-bottom: 20px;}

        p.test:before { content: "min-width: 768 - 1023 - Tablet Portrait";}

        .ssw_header {padding-top: 0;}

        .ssw_logo_text h1 span, .ssw_logo_text div {font-size:72px; line-height:72px;}

        .ssw_contact {/* text-align:left; */ width:auto; left:12px;}

        .ssw_nav ul li {margin: 10px 20px;}

        .ssw_contact ul li.telephone {right:36px;}

        .ssw_contact ul li {position:static;}

        .ssw_social {/* position:absolute; */ right:0px; top:0px; /* padding-right:18px; */}

        .ssw_home #ssw_region_main,
        .ssw_about_us #ssw_region_main,
        .ssw_contact_us #ssw_region_main {width:65%; float:left; text-align:left;}

        .ssw_home .ssw_sidebar,
        .ssw_about_us .ssw_sidebar,
        .ssw_contact_us .ssw_sidebar {width:32%; float:right; text-align:left; padding-bottom:24px;}

        .ssw_blank #ssw_region_main {text-align:left; width:100%;}

        #user_site .ssw_region_seo_footer .ssw_col_section {margin-top: -24px;}
        .ssw_region_seo_footer .ssw_col_wrapper {border-right:solid 1px #EAEAEA;}
        .ssw_region_seo_footer .ssw_col_wrapper:last-child {border-right:none 0px;}

        .ssw_home #hero_s_1{padding-top: 0px;margin: 0px;display: inline-flex;}

        .ssw_logo {margin-top: 10px;}

        .ssw_outer_wrapper {padding-left: 26px;padding-right: 26px;}
    }

    @media  (min-width: 1024px) {

        p.test:before { content: "min-width: 1024 - 1139 - Tablet Landscape";}
        .ssw_outer_wrapper {padding-left: 34px;padding-right: 34px;}
    }

    @media  (min-width: 1392px) {

        p.test:before { content: "min-width: 1392 and up - Large Desktop";}

    }
    @media (max-width: 768px){
        .ssw_col_wrapper{
            width: 100%!important;
            max-width: 100%!important;
        }
        .ssw_block_wrapper{
            min-height: 100%!important;
        }
        .ssw{background: white;}
    }

    /* CSS Contact form */

    .ajaxForm input[type=text], .ajaxForm input[type=tel], .ajaxForm input[type=email], .ajaxForm textarea {
        width: 100%;
        padding: 4px;
        background: white;
        border: 1px solid #ccc;
        color: #333;
        font-family: inherit;
        font-weight: 500;
        margin-bottom: 12px;
        max-width: 330px;
    }

    .ajaxForm input[type=submit] {
        margin-top: 11px;
        margin-bottom: 10px;
        margin-left: 1px;
        background: #002642;
        border: 0;
        border-radius: 4px;
        padding: 8px;
        font-family: inherit;
        font-weight: 600;
        color: white;
    }
    #ssw_region_sidebar .ajaxForm input[type=text], #ssw_region_sidebar .ajaxForm input[type=tel], #ssw_region_sidebar .ajaxForm input[type=email], #ssw_region_sidebar .ajaxForm textarea {
        width: 100%;
        padding: 4px;
        background: rgba(255, 255, 255, 0.15);
        border: 0;
        border: 0;
        color: #F0F0F0;
        font-family: inherit;
        font-weight: 500;
        margin-bottom: 12px;
        max-width: 330px;
    }
    .ajaxForm .label {
        margin-left: 0px;
        font-weight: 400;
    }

    .adds {
        margin-bottom: 10px;
        padding-bottom: 20px;
        position: relative;
    }
    .ssw_nav{margin-top: 10px;margin-bottom: 30px;}

    #ssw_region_hero .ssw_col_section {
        padding-top: 0;
    }

    @media  (min-width: 768px) {
        .ssw_outer_wrapper {
            padding: 30px;
            padding-bottom: 60px;
            background: white;
            box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.15);
            margin-top: 20px;
            padding-top: 10px;
        }
    }
    .ssw_social li a, .ssw_contact li span.icon {
        background-image: url(../shared/img/social-dark-16px.png);
        opacity: 0.6;
    }
    .ssw_social li a:hover {
        background-color: transparent;
        opacity: 1;
    }

/* Buttons Styling */
.ssw_btn_small,
.ssw_btn_medium,
.ssw_btn_large {
    background-color: #0064ad;
    border-color: #0064ad;
    color: #ffffff !important;
}
/* Buttons Styling END */