@media (min-width:1200px) {
    .container {
        width: 1200px !important;
        margin: 0 auto
    }
}

.header-box {
    background: #fff
}

.topbar {
    width: 100%;
    background-color: #7c6aa6
}

    .topbar .container .am-g {
        padding: 3px 0;
        font-size: 15px;
        color: #fff
    }

        .topbar .container .am-g .topbar-left {
            font-size: 15px
        }

            .topbar .container .am-g .topbar-left .am-icon-globe {
                font-size: 23px
            }

            .topbar .container .am-g .topbar-left .am-btn-primary {
                color: #fff;
                background-color: #7c6aa6;
                border-color: #7c6aa6
            }

            .topbar .container .am-g .topbar-left .am-btn {
                padding: 0;
                line-height: 1;
                margin-top: -10px
            }

        .topbar .container .am-g .topbar-right {
            line-height: 34px;
            width: 75%
        }

            .topbar .container .am-g .topbar-right i {
                opacity: .3;
                margin: 0 5px
            }

            .topbar .container .am-g .topbar-right a {
                color: #fff;
                font-size: 14px;
                margin: 4px
            }

                .topbar .container .am-g .topbar-right a:nth-of-type(1) {
                    margin-left: 20px
                }

@media screen and (max-width:640px) {
    .m-header .m-logo {
        width: 150px;
        margin: 8px auto
    }

        .m-header .m-logo img {
            width: 150px;
            margin: 0 auto
        }

    .m-header .am-offcanvas-bar {
        width: 320px;
        background: #383d61
    }

    .m-header .am-icon-bars {
        font-size: 30px;
        color: #262626
    }

    .m-header {
        padding: 10px 0;
        background: #fFF
    }

        .am-menu-offcanvas1 .am-menu-nav > li > a:focus, .m-header .am-menu-offcanvas1 .am-menu-nav > .am-open > a, .m-header .am-menu-offcanvas1 .am-menu-nav > li > a:hover {
            background-color: #383d61 !important;
            color: #fff;
            outline: 0
        }

        .m-header .am-menu-offcanvas1 .am-menu-sub {
            background-color: #383d61 !important
        }

        .m-header .am-menu-sub {
            padding: 0
        }

            .m-header .am-menu-sub li {
                border-top: 1px solid rgba(0,0,0,.3);
                -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
                box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
                text-shadow: 0 1px 0 rgba(0,0,0,.5);
                padding-left: 36px
            }

        .m-header .am-menu-offcanvas1 .am-menu-nav > li > a {
            color: #fff
        }

        .m-header .am-menu-sub li a {
            color: rgba(255,255,255,.3);
            text-shadow: none !important
        }

        .m-header .nav-icon::before {
            margin-left: -14px;
            margin-right: 5px
        }

        .m-header .nav-icon-globe::before {
            content: "\f0ac"
        }

        .m-header .nav-share-contain {
            height: 44px;
            line-height: 44px;
            text-indent: 9px;
            padding: 0;
            position: relative;
            color: #ccc;
            border-top: 1px solid rgba(0,0,0,.3);
            -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
            text-shadow: 0 1px 0 rgba(0,0,0,.5)
        }
}

.header {
    padding: 25px 0
}

    .header .logo {
        padding-top: 8px
    }

        .header .logo img {
        }

    .header .header-right {
        text-align: center
    }

        .header .header-right .header-contact {
            float: left;
            text-align: center
        }

            .header .header-right .header-contact .header_contacts--item {
                float: left;
                vertical-align: middle
            }

                .header .header-right .header-contact .header_contacts--item .contact_mini {
                    position: relative;
                    padding: 0 20px 0 0px
                }

                    .header .header-right .header-contact .header_contacts--item .contact_mini strong {
                        display: block;
                        font-size: 15px;
                        font-weight: 600;
                        text-align: left
                    }

                    .header .header-right .header-contact .header_contacts--item .contact_mini .contact-icon {
                        font-size: 26px;
                        position: absolute;
                        top: 50%;
                        transform: translate(0,-50%);
                        left: 0
                    }

                    .header .header-right .header-contact .header_contacts--item .contact_mini span {
                        font-size: 12px;
                        color: #969696;
                        display: block;
                        text-align: left
                    }

        .header .header-right .contact-btn {
            float: right
        }

            .header .header-right .contact-btn .am-btn-secondary {
                color: #59bcdb;
                background-color: #fff;
                border-color: #59bcdb
            }

                .header .header-right .contact-btn .am-btn-secondary:hover {
                    background-color: #59bcdb;
                    color: #fff
                }

.nav-contain {
    width: 100%;
    box-shadow: 0 1px 3px #e9e9e9;
    background-color: #1c5a87;
    height: 56px
}

    .nav-contain .nav-inner {
        max-width: 1200px;
        margin: 0 auto
    }

        .nav-contain .nav-inner .am-nav li {
            padding: 16px 0px;
            list-style: none;
            position: relative;
            height: 56px
        }

            .nav-contain .nav-inner .am-nav li:hover .sub-menu {
                display: block
            }

            .nav-contain .nav-inner .am-nav li .sub-menu {
                display: none;
                padding-left: 0;
                position: absolute;
                box-shadow: 0 0 7px rgba(0,0,0,.15);
                top: 100%;
                left: 6px;
                z-index: 1000 !important;
                background: #fff;
                border-radius: 0 0 3px 3px;
                margin: 0
            }

                .nav-contain .nav-inner .am-nav li .sub-menu .menu-item {
                    min-width: 160px;
                    border-top: 1px solid #eaeaea;
                    position: relative;
                    padding: 15px 10px
                }

                    .nav-contain .nav-inner .am-nav li .sub-menu .menu-item a {
                        display: block;
                        padding: 0 20px;
                        color: black
                    }

            .nav-contain .nav-inner .am-nav li a {
                color: #fff;
                padding: 0
            }

                .nav-contain .nav-inner .am-nav li a:hover {
                }

@font-face {
    font-family: fontawesome;
    src: url(../fonts/fontawesome-webfont.ttf),url(../fonts/fontawesome-webfont.woff)
}

.page-header {
    text-align: center;
    padding: 80px 0 92px;
    font-weight: 300;
    background: url(../images/pattern-dark.png) #383d61
}

    .page-header .page-header-title {
        font-size: 60px;
        color: #fff;
        font-weight: 400
    }

.breadcrumb-box {
    border-bottom: 1px solid #e9e9e9
}

    .breadcrumb-box .am-breadcrumb {
        padding: 16px 0 0;
        margin-bottom: 1rem
    }

        .breadcrumb-box .am-breadcrumb li a {
            font-size: 14px;
            color: #262626
        }

        .breadcrumb-box .am-breadcrumb .am-active {
            color: ##6975a6
        }

.section { /*padding:100px 0*/
}

    .section .section--header .section--title {
        font-size: 50px;
        font-weight: 300;
        text-align: center
    }

    .section .section--header .section--description {
        font-size: 20px;
        line-height: 30px;
        color: #9b9b9b;
        text-align: center;
        margin: 13px 0 0
    }

@media screen and (max-width:640px) {
    .section {
        padding: 50px 0 !important
    }

        .section .section--header {
            padding: 0 15px
        }

            .section .section--header .section--title {
                font-size: 30px !important
            }

            .section .section--header .section--description {
                font-size: 15px;
                line-height: 32px
            }

    .section--description {
        font-size: 16px
    }
}

.layout-footer .footer {
    width: 100%;
    background-size: cover;
    position: relative
}

    .layout-footer .footer .am-u-md-3 {
        padding-left: 25px
    }

    .layout-footer .footer .footer--bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .layout-footer .footer .footer--inner {
        position: relative;
        z-index: 1
    }

        .layout-footer .footer .footer--inner .footer_main {
            position: relative
        }

    .layout-footer .footer .footer_main--column {
        margin: 50px 0 0
    }

    .layout-footer .footer .footer_main--column_title {
        color: #fff;
        font-size: 17px;
        line-height: 29px;
        font-weight: 700;
        display: block
    }

    .layout-footer .footer .footer_about {
        position: relative;
        padding: 17px 25px 0 0
    }

    .layout-footer .footer .footer_about--text {
        font-size: 15px;
        line-height: 25px;
        color: #fff;
        padding: 0 0 16px
    }

    .layout-footer .footer .footer_navigation {
        padding: 6px 15px 0 0
    }

    .layout-footer .footer .footer_navigation--item {
        display: block;
        position: relative;
        padding: 12px 25px 12px 0;
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

        .layout-footer .footer .footer_navigation--item::before {
            position: absolute;
            content: "\f054";
            display: block;
            right: 10px;
            top: 50%;
            transform: translate(0,-50%);
            margin-top: 3px;
            color: #fff;
            font-size: 12px;
            font-family: fontawesome
        }

    .layout-footer .footer .footer_navigation--link {
        color: #fff;
        font-size: 15px;
        line-height: 22px
    }

        .layout-footer .footer .footer_navigation--link:hover {
            text-decoration: underline
        }

    .layout-footer .footer .footer_contact_info {
        padding: 5px 0 0
    }

    .layout-footer .footer .footer_contact_info--item {
        padding: 10px 0;
        position: relative;
        color: #fff;
        font-size: 15px;
        line-height: 25px;
        list-style: none
    }

        .layout-footer .footer .footer_contact_info--item i {
            display: block;
            position: absolute;
            left: -2px;
            top: 12px
        }

        .layout-footer .footer .footer_contact_info--item span {
            display: inline-block;
            vertical-align: text-top;
            padding: 0 0 0 28px
        }

.contact_card {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    position: relative;
    text-align: center;
    margin: 30px
}

    .contact_card .contact_card--icon {
        position: absolute;
        font-size: 56px;
        display: block;
        top: 37px;
        left: 50%;
        transform: translate(-50%,0);
        color: #59bcdb
    }

    .contact_card .contact_card--title {
        font-size: 20px;
        display: inline-block
    }

    .contact_card .contact_card--text {
        padding: 0 0 10px;
        color: #969696;
        font-size: 16px;
        line-height: 23px
    }

        .contact_card .contact_card--text a {
            color: #969696
        }

    .contact_card .am-btn-secondary {
        background-color: transparent;
        color: #59bcdb;
        border-color: #59bcdb;
        border-width: 2px;
        padding: 12px 18px
    }

        .contact_card .am-btn-secondary:hover {
            background-color: #59bcdb;
            color: #fff
        }

.listpages {
    padding: 20px 0 30px;
    width: 100%;
    text-align: center;
    clear: both;
}

    .listpages li {
        margin: 0 7px;
        line-height: 1.2;
    }

    .listpages a {
        color: #666;
        min-width: 30px;
        font-weight: bold;
        background: #fff;
        padding: 0 5px;
        height: 30px;
        border: 1px solid #ddd;
        border-radius: 3px;
    }

.dreamer-location {
    display: flex;
    margin-top: 6px;
    float: right;
}

    .dreamer-location li:before {
        content: '>';
        margin: 0 5px;
    }

    .dreamer-location li:first-child:before {
        content: '';
        margin: 0;
    }