/*
Theme Name: Worthy - Free Powerful Theme by HtmlCoder
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Version:1.0.0
Created:November 2014
License: Creative Commons Attribution 3.0 License (https://creativecommons.org/licenses/by/3.0/)
File Description: Place here your custom CSS styles
*/

.footer-widget-area {
    margin-top: 20px;
    background: url('../images/background.png') #007583 no-repeat center;
    color: #ffffff;
    padding: 40px 0 35px;
}

.footer-logo > a {
    display: inline-block;
}

.footer-logo {
    margin-bottom: 24px;
}

.social-icons a {
    background: #ffffff none repeat scroll 0 0;
    color: #e4393c;
    display: inline-block;
    font-size: 20px;
    height: 31px;
    line-height: 30px;
    margin-right: 11px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 31px;
}

.social-icons > a:last-child {
    margin-right: 0;
}

.social-icons > a:hover {
    color: #ffffff;
}

.social-icons {
    margin-top: 27px;
}

.single-footer-widget > h3 {
    font-family: "Helvetica";
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 37px;
    padding-top: 12px;
    text-transform: uppercase;
}

.single-footer-widget > span {
    display: block;
    margin-bottom: 11px;
}

    .single-footer-widget > span i {
        font-size: 18px;
        width: 30px;
    }

.footer-list a {
    color: #ffffff;
    line-height: 25px;
}

.instagram-image {
    padding-top: 5px;
}

.footer-img {
    display: inline-block;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}

.instagram-image .footer-img:nth-child(3),
.instagram-image .footer-img:nth-child(6) {
    margin-right: 0;
}

.footer-img a {
    display: inline-block;
    position: relative
}

    .footer-img a:before {
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 100%;
    }

.footer-img:hover a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.footer-img a:after {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    content: "+";
    font-size: 40px;
    height: 18px;
    left: 0;
    margin: -9px auto 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 18px;
}

.footer-img:hover a:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.footer-area {
    color: #ffffff;
    font-size: 12px;
    padding: 5px 0;
}

.single-footer-widget > a {
    color: #ffffff;
    display: block;
    margin-bottom: 11px;
}



    .single-footer-widget > a i {
        font-size: 18px;
        width: 30px;
    }

.wizard {
    width: 100%
}

    .wizard > .content > .title, .wizard > .steps .current-info {
        position: absolute;
        left: -99999px
    }

    .wizard > .content {
        position: relative;
        width: auto;
        padding: 0
    }

        .wizard > .content > .body {
            padding: 0 20px
        }

        .wizard > .content > iframe {
            border: 0 none;
            width: 100%;
            height: 100%
        }

    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%
    }

        .wizard > .steps > ul {
            display: table;
            width: 100%;
            table-layout: fixed;
            margin: 0;
            padding: 0;
            list-style: none
        }

            .wizard > .steps > ul > li {
                display: table-cell;
                width: auto;
                vertical-align: top;
                text-align: center;
                position: relative
            }

                .wizard > .steps > ul > li a {
                    position: relative;
                    padding-top: 48px;
                    margin-top: 20px;
                    margin-bottom: 20px;
                    display: block
                }

                .wizard > .steps > ul > li:after, .wizard > .steps > ul > li:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 43px;
                    width: 50%;
                    height: 2px;
                    background-color: #00bcd4;
                    z-index: 9
                }

                .wizard > .steps > ul > li:before {
                    left: 0
                }

                .wizard > .steps > ul > li:after {
                    right: 0
                }

                .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after {
                    content: none
                }

                .wizard > .steps > ul > li.current:after, .wizard > .steps > ul > li.current ~ li:after, .wizard > .steps > ul > li.current ~ li:before {
                    background-color: #eee
                }

                .wizard > .steps > ul > li.current > a {
                    color: #333;
                    cursor: default
                }

                .wizard > .steps > ul > li.current .number {
                    font-size: 0;
                    border-color: #00bcd4;
                    background-color: #fff;
                    color: #00bcd4
                }

                    .wizard > .steps > ul > li.current .number:after {
                        content: '\e913';
                        font-family: icomoon;
                        display: inline-block;
                        font-size: 16px;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        line-height: 34px;
                        -webkit-transition: all .15s ease-in-out;
                        -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out
                    }

                .wizard > .steps > ul > li.disabled a, .wizard > .steps > ul > li.disabled a:focus, .wizard > .steps > ul > li.disabled a:hover {
                    color: #999;
                    cursor: default
                }

                .wizard > .steps > ul > li.done a, .wizard > .steps > ul > li.done a:focus, .wizard > .steps > ul > li.done a:hover {
                    color: #999
                }

                .wizard > .steps > ul > li.done .number {
                    font-size: 0;
                    background-color: #00bcd4;
                    border-color: #00bcd4;
                    color: #fff
                }

                    .wizard > .steps > ul > li.done .number:after {
                        content: '\ed6f';
                        font-family: icomoon;
                        display: inline-block;
                        font-size: 16px;
                        line-height: 34px;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        -webkit-transition: all .15s ease-in-out;
                        -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out
                    }

                .wizard > .steps > ul > li.error .number {
                    border-color: #f44336;
                    color: #f44336
                }

@media (max-width: 768px) {
    .wizard > .steps > ul {
        margin-bottom: 20px
    }

        .wizard > .steps > ul > li {
            display: block;
            float: left;
            width: 50%
        }

            .wizard > .steps > ul > li > a {
                margin-bottom: 0
            }

            .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after {
                content: ''
            }

            .wizard > .steps > ul > li:last-child:after {
                background-color: #00bcd4
            }
}

@media (max-width: 480px) {
    .wizard > .steps > ul > li {
        width: 100%
    }

        .wizard > .steps > ul > li.current:after {
            background-color: #00bcd4
        }
}

.wizard > .steps .number {
    background-color: #fff;
    color: #ccc;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -19px;
    width: 38px;
    height: 38px;
    border: 2px solid #eee;
    font-size: 14px;
    border-radius: 50%;
    z-index: 10;
    line-height: 34px;
    text-align: center
}

.panel-flat > .wizard > .steps > ul {
    border-top: 1px solid #ddd
}

.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    padding: 20px;
    padding-top: 0
}

    .wizard > .actions > ul {
        float: right;
        list-style: none;
        padding: 0;
        margin: 0
    }

        .wizard > .actions > ul:after {
            content: '';
            display: table;
            clear: both
        }

        .wizard > .actions > ul > li {
            float: left
        }

            .wizard > .actions > ul > li + li {
                margin-left: 10px
            }

            .wizard > .actions > ul > li > a {
                background: #2196f3;
                color: #fff;
                display: block;
                padding: 7px 12px;
                border-radius: 3px;
                border: 1px solid transparent
            }

                .wizard > .actions > ul > li > a:focus, .wizard > .actions > ul > li > a:hover {
                    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset;
                    box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset
                }

                .wizard > .actions > ul > li > a:active {
                    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.1) inset;
                    box-shadow: 0 0 0 100px rgba(0,0,0,.1) inset
                }

                .wizard > .actions > ul > li > a[href="#previous"] {
                    background-color: #fcfcfc;
                    color: #333;
                    border: 1px solid #ddd
                }

                    .wizard > .actions > ul > li > a[href="#previous"]:focus, .wizard > .actions > ul > li > a[href="#previous"]:hover {
                        -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.01) inset;
                        box-shadow: 0 0 0 100px rgba(0,0,0,.01) inset
                    }

                    .wizard > .actions > ul > li > a[href="#previous"]:active {
                        -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.03) inset;
                        box-shadow: 0 0 0 100px rgba(0,0,0,.03) inset
                    }

            .wizard > .actions > ul > li.disabled > a, .wizard > .actions > ul > li.disabled > a:focus, .wizard > .actions > ul > li.disabled > a:hover {
                color: #999
            }

                .wizard > .actions > ul > li.disabled > a[href="#previous"], .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus, .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover {
                    -webkit-box-shadow: none;
                    box-shadow: none
                }

.panel-flat > .ui-formwizard {
    border-top: 1px solid #ddd
}

.form-wizard-title {
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.form-wizard-count {
    float: left;
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid #4caf50;
    color: #4caf50;
    text-align: center;
    line-height: 34px;
    margin-right: 10px
}

.ui-formwizard .step {
    padding: 20px;
    padding-bottom: 0
}

.form-wizard-actions {
    text-align: right;
    padding: 20px;
    padding-top: 0
}

.panel-body .form-wizard-actions {
    padding: 0
}

.form-wizard-actions .btn + .btn {
    margin-left: 5px
}

.stepy-step {
    padding: 20px;
    padding-top: 0
}

.stepy-header {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}

.panel-flat > .stepy-header {
    border-top: 1px solid #ddd
}

.stepy-header li {
    cursor: pointer;
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding: 20px 0;
    text-align: center;
    position: relative
}

    .stepy-header li span {
        display: block;
        margin-top: 10px;
        color: #999
    }

    .stepy-header li:after, .stepy-header li:before {
        content: '';
        display: block;
        position: absolute;
        top: 43px;
        width: 50%;
        height: 2px;
        background-color: #00bcd4;
        z-index: 9
    }

    .stepy-header li:before {
        left: 0
    }

    .stepy-header li:after {
        right: 0
    }

    .stepy-header li:first-child:before, .stepy-header li:last-child:after {
        content: none
    }

    .stepy-header li div {
        background-color: #00bcd4;
        font-size: 0;
        position: relative;
        color: #fff;
        margin-left: auto;
        margin-right: auto;
        width: 38px;
        height: 38px;
        border: 2px solid #00bcd4;
        z-index: 10;
        line-height: 34px;
        text-align: center;
        border-radius: 50%
    }

        .stepy-header li div:after {
            content: '\ed6c';
            font-family: icomoon;
            display: inline-block;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 34px;
            -webkit-transition: all .15s ease-in-out;
            -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out
        }

    .stepy-header li.stepy-active:after, .stepy-header li.stepy-active ~ li:after, .stepy-header li.stepy-active ~ li:before {
        background-color: #f5f5f5
    }

    .stepy-header li.stepy-active ~ li div {
        border-color: #eee;
        background-color: #fff;
        color: #ccc;
        font-size: 14px
    }

        .stepy-header li.stepy-active ~ li div:after {
            content: none
        }

    .stepy-header li.stepy-active div {
        cursor: auto;
        border-color: #00bcd4;
        background-color: #fff;
        color: #00bcd4
    }

        .stepy-header li.stepy-active div:after {
            content: '\e913'
        }

    .stepy-header li.stepy-active span {
        color: #333
    }