﻿#container {
    width: 100%;
    height: 330px;
    line-height: 1.428571;
}

#part1 {
    width: 100%;
    height: 280px;
    background-color: #292929
}

#part2 {
    width: 100%;
    height: 16vh;
    background-color: black;
    position: relative;
    top: auto;
    text-align:center;
}

#companyinfo {
    width: 14%;
    height: 280px;
    position: relative;
    left: 8%;
    top: 30px;
}

#sitelink {
    font-size: calc(12px + 0.1vw);
    color: lightgreen;
}

    #sitelink:hover {
        color: #e65100
    }

#title {
    color: gray;
    position: relative;
    top: 0px;
    font-size: 12.1px
}

#detail {
    color: #aaa7a7;
    font-size: 14px
}

#explore {
    width: 14%;
    height: 280px;
    position: relative;
    top: -235px;
    left: 29%
}

#txt1,
#txt2,
#txt3,
#txt4,
#txt5 {
    color: white;
    font-size: 14px
}

.link {
    display: flex;
    width: 90px;
    height: 40px;
    color: #aaa7a7;
    background-color: transparent;
    border-top: 2px solid white;
    position: relative;
    top: -10px
}

    .link:hover,
    .link1:hover {
        color: #e65100
    }

#visit {
    width: 14%;
    height: 280px;
    position: relative;
    top: -515px;
    left: 42%
}

.text {
    color: #aaa7a7;
    font-size: 14px;
    margin-top: -10px
}

#legal {
    width: 14%;
    height: 280px;
    position: relative;
    top: -800px;
    left: 59.5%
}

.link1 {
    display: flex;
    width: 150px;
    height: 40px;
    color: #aaa7a7;
    background-color: transparent;
    border-top: 2px solid white;
    position: relative;
    top: -10px;
    margin-top: 7px
}

#subscribe {
    position: relative;
    top: -1080px;
    left: 78%;
    width: 14%;
    height: 280px
}

#email {
    color: white;
    position: relative;
    top: -20px
}

/*.btn {
    position: relative;
    top: -10px
}*/

#txt5 {
    position: relative;
    top: 0px
}

.social-footer {
    position: relative;
    top: -5px;
    margin-right: 10px;
    color: white;
    cursor: pointer
}

.fa-facebook-square:hover {
    color: #3B579D
}

.fa-linkedin:hover {
    color: #007BB6
}

.fa-twitter-square:hover {
    color: #2CAAE1
}

#txt6 {
    color: white;
    position: relative;
    top: 13px;
    left: 8%;
    width: 80%;
    color: #aaa7a7
}

.material-icons {
    position: relative;
    top: 3px
}

@media only screen and (max-width:1000px) {
    #companyinfo {
        width: 20%
    }

    #sitelink {
        font-size: 30px
    }

    #txt5,
    #txt4 {
        font-size: 17px
    }

    #txt5,
    .social {
        position: relative;
        top: -5px
    }
}

@media only screen and (max-width:850px) {
    #companyinfo {
        position: relative;
        left: 3%
    }

    #txt6 {
        position: relative;
        left: 3%
    }

    #txt1,
    #txt2,
    #txt3,
    #txt4,
    #txt5 {
        font-size: 15px
    }

    #explore {
        position: relative;
        top: -240px;
        left: 26%
    }

    #sitelink {
        font-size: 25px
    }

    #detail {
        font-size: 13px
    }

    .link {
        width: 60px
    }

    #visit {
        position: relative;
        top: -520px;
        left: 37%
    }

    .text {
        font-size: 13px
    }

    #legal {
        position: relative;
        top: -800px;
        left: 54%
    }

    #subscribe {
        position: relative;
        top: -1080px;
        left: 76%;
        width: 20%
    }

    #txt5,
    .social {
        position: relative;
        left: -110%;
        top: 0px
    }

    #email,
    .btn {
        position: relative;
        top: 0px
    }

    #part1 {
        height: 250px
    }
}

.footer-fix-bottom {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    /*background-color: red;*/
    color: white;
    text-align: center;
    display:inline-block;
}

.AutoGrowText {
    text-align: center;
    background-color:red;
    position: absolute;
    /*top: 50%;*/
    left: 1%;
    right: 1%;
}

.ct-u-paddingTop10 {
    padding-top: 10px !important
}

.ct-footer {
    background-image: linear-gradient( 135deg, #FEB692 10%, #EA5455 100%);
    padding-top: 5px;
    margin-top: 1px;
    position: relative;
    z-index: 1;
    border-radius:3px 4px;
}

.ct-footer-pre {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #555;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width:1200px) {
    .ct-footer-pre {
        display: table
    }

        .ct-footer-pre > .inner {
            display: table-cell;
            vertical-align: middle
        }
}

@media (max-width:1199px) {
    .ct-footer-pre .form-group {
        padding-top: 15px
    }
}

.ct-footer-pre span {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #ebebeb;
    font-size: calc(12px + 0.3vw);
}

.subscribe-title {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #ebebeb;
    font-size: calc(12px + 0.3vw);
    height: 40px;
    padding: 10px;
}
.sc-trust-alert {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: calc(12px + 0.1vw);
    color: #999;
    margin: 0;
    text-align: left;
    vertical-align: baseline;
    padding-right: 100px;
}
.sc-mail-alert {
    width: 300px;
    margin-top: -3px;
    font-size: 16px;
}
.ct-footer-pre .form-group {
    position: relative;
    margin: 0;
}

    .ct-footer-pre .form-group:before,
    .ct-footer-pre .form-group:after {
        content: '';
        display: table
    }

    .ct-footer-pre .form-group:after {
        clear: both
    }

    .ct-footer-pre .form-group input {
        border: 1px solid #00bff3;
        background-color: #333;
        color: #fff;
        height: 50px;
        padding: 0 30px;
        margin: 0 5px;
        border-radius: 0 !important;
    }

@media (min-width:480px) {
    .ct-footer-pre .form-group input {
        width: 331px
    }
}

.ct-footer-pre .form-group button {
    height: 40px;
    position: relative;
    width: 100px;
    padding: 0;
    border:1px solid white;
    top:-4px;
}

@media (min-width:480px) {
    .ct-footer-pre .form-group button {
        top: -4px
    }
}

@media (max-width:479px) {
    .ct-footer-pre .form-group input {
        float: left;
        width: 70%;
        margin: 0
    }

    .ct-footer-pre .form-group button {
        float: left;
        width: 30%
    }
}

.ct-footer-list {
    padding: 5px 0;
    list-style: none;
    padding-left: 0;
    display: table;
    width: 100%;
    border-bottom: 1px solid #555;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width:479px) {
    .ct-footer-list {
        padding: 20px 0
    }
}

@media (min-width:1200px) {
    .ct-footer-list > li {
        width: 20%;
        display: table-cell;
        vertical-align: top
    }

        .ct-footer-list > li:last-child {
            width: 7%
        }
}

@media (min-width:768px) and (max-width:1199px) {
    .ct-footer-list > li {
        width: 33.3333%
    }
}

@media (min-width:480px) and (max-width:767px) {
    .ct-footer-list > li {
        width: 50%
    }
}

@media (max-width:479px) {
    .ct-footer-list > li {
        width: 100%;
        text-align: center
    }
}

@media (max-width:1199px) {
    .ct-footer-list > li {
        display: inline-block;
        float: left
    }
}

.ct-footer-list > li .ct-footer-list-header {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #00bff3;
    font-size: 30px
}

.ct-footer-list > li ul {
    list-style: none;
    padding-left: 0;
}

    .ct-footer-list > li ul li a {
        color: #fff;
    }

        .ct-footer-list > li ul li a:hover {
            text-decoration: underline
        }

.ct-footer-post {
/*    background: #000;*/
    padding: 20px 0;
}

   /* .ct-footer-post .inner-left,
    .ct-footer-post .inner-right {
        padding: 20px 0
    }*/

    .ct-footer-post ul {
        list-style: none;
        padding-left: 0;
        margin: 0 -20px;
    }

        .ct-footer-post ul li {
            display: inline-block;
            margin: 0 20px
        }

    .ct-footer-post a {
        color: #fff;
    }

        .ct-footer-post a:hover {
            text-decoration: underline
        }

    .ct-footer-post p {
        color: #fff;
    }

@media (min-width:768px) {
    .ct-footer-post p {
        display: inline-block
    }

        .ct-footer-post p + p {
            padding-left: 50px
        }
}

@media (min-width:992px) {
    .ct-footer-post .inner-left {
        float: left
    }

    .ct-footer-post .inner-right {
        float: right
    }
}

@media (max-width:991px) {
    .ct-footer-post {
        text-align: center
    }
}

.ct-footer-meta {
    padding-top: 10px;
}

    .ct-footer-meta .ct-socials {
        padding: 20px 0;
    }

        .ct-footer-meta .ct-socials li {
            padding: 0 3px
        }

.ct-footer--with-button {
    padding-top: 150px
}

address {
    color: #fff;
    display: inline-block;
}

    address span {
        font-weight: 600
    }

    address a {
        color: #fff;
    }

        address a:hover {
            text-decoration: underline
        }

@media (max-width:767px) {
    address {
        padding-top: 30px
    }
}
/*
.btn {
    font-family: 'Open Sans Condensed', sans-serif;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    color: #111;
    font-size: 26px;
    padding: 12px 30px;
}

    .btn.btn-motive {
        background-color: #00bff3;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }

        .btn.btn-motive:hover {
            background-color: #00bff3;
        }

            .btn.btn-motive:hover:active {
                background-color: #00bff3
            }

    .btn.btn-violet {
        color: #fff;
        background-color: #4f4f99;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }

        .btn.btn-violet:hover {
            background-color: #37376b;
        }

            .btn.btn-violet:hover:active {
                background-color: #2f2f5b
            }

    .btn.btn-green {
        color: #fff;
        background-color: #43670f;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }

        .btn.btn-green:hover {
            background-color: #36520c;
        }

            .btn.btn-green:hover:active {
                background-color: #314a0b
            }

    .btn.btn-red {
        color: #fff;
        background-color: #da2229;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }

        .btn.btn-red:hover {
            background-color: #ae1b21;
        }

            .btn.btn-red:hover:active {
                background-color: #9d181e
            }

    .btn.btn-white {
        background-color: #fff;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }

        .btn.btn-white:hover {
            background-color: #d9d9d9;
        }

            .btn.btn-white:hover:active {
                background-color: #c9c9c9
            }

    .btn.btn-large {
        padding: 20px 50px;
        font-size: 30px;
        white-space: normal;
    }*/

@media (max-width:479px) {
    .btn.btn-large {
        padding: 20px 10px;
        line-height: .9;
        font-size: 26px;
        letter-spacing: -.2px
    }
}

.ct-mediaSection {
    background-attachment: fixed
}

.ct-section_header--type1 {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #000;
    font-size: 115px;
    text-transform: uppercase;
}

@media (max-width:479px) {
    .ct-section_header--type1 {
        font-size: 60px;
        line-height: .8
    }
}

.ct-section_header--type2 small {
    font-family: 'coquette', fantasy;
    font-size: 58px;
    line-height: .7;
    display: block;
    font-weight: 700;
    position: relative;
    left: -12px
}

.ct-section_header--type2 span {
    font-family: 'Bebas Neue';
    font-size: 115px;
    line-height: .8
}

.ct-section_header--type2 img {
    display: inline-block;
    float: left;
    position: relative;
    top: 15px;
    padding-right: 3px
}

.ct-section_header--type3 {
    text-align: center;
}

    .ct-section_header--type3 small {
        font-family: 'coquette', fantasy;
        font-size: 50px;
        padding: 15px 0;
        font-weight: 700;
        color: #fff;
        background-image: url("/core/fileparse.php/16/urlt/../images/ribbon.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: block
    }

    .ct-section_header--type3 span {
        font-family: 'Bebas Neue';
        font-size: 150px;
        font-weight: 400;
        text-transform: uppercase;
        line-height: .85
    }

@media (max-width:479px) {
    .ct-section_header--type3 small {
        font-size: 25px
    }

    .ct-section_header--type3 span {
        font-size: 90px
    }
}

.ct-section_header--type4 {
    text-align: center;
}

    .ct-section_header--type4:before,
    .ct-section_header--type4:after {
        content: '';
        display: table
    }

    .ct-section_header--type4:after {
        clear: both
    }

    .ct-section_header--type4 small {
        font-family: 'coquette', fantasy;
        font-size: 50px;
        color: inherit;
        font-weight: 700;
        display: block
    }

    .ct-section_header--type4 span {
        font-family: 'nimbus-sans-condensed', sans-serif;
        font-weight: 400;
        font-weight: bold;
        font-size: 150px;
        text-transform: uppercase;
        display: block;
        line-height: .7
    }

@media (max-width:479px) {
    .ct-section_header--type4 small {
        font-size: 40px
    }

    .ct-section_header--type4 span {
        font-size: 80px
    }
}

.ct-section_header + p {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1.5px;
    text-align: center;
}

@media (max-width:479px) {
    .ct-section_header + p {
        font-size: 22px
    }
}

.ct-section_header--type4 + p {
    font-family: 'nimbus-sans-condensed', sans-serif;
    font-weight: 400;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

@media (max-width:479px) {
    .ct-section_header--type4 + p {
        font-size: 28px
    }
}

.footer-bgcolor {
    
}
