@charset "utf-8";
.container-custom,
.section-paralex .container {
    width: 650px
}

.Content-Warp {
    margin-left: 350px;
    max-width: 1260px
}

.fx-footer {
    background: rgba(255, 255, 255, .8)}

.Fx-panel {
    width: 320px
}

.headerTop-Fix {
    position: fixed;
    width: 100%;
    height: 65px;
    background: #fff;
    z-index: 9999
}

.container-custom,
.section-paralex .container {
   
    background-color: #FFFFFF;
    opacity: 0.9;
}

.main-logo {
    padding-top: 95px
}












.header-top-nav {
    padding-right: 25px
}

.header-top-nav ul.head-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right
}

.header-top-nav ul.head-nav>li {
    padding: 0 10px;
    float: left;
    position: relative;
    transition: all .4s linear 0s
}

.header-top-nav ul.head-nav li a:active,
.header-top-nav ul.head-nav li a:focus {
    text-decoration: none
}

.header-top-nav ul.head-nav:after,
.header-top-nav ul.head-nav:before {
    display: table;
    clear: both;
    content: ""
}

.header-top-nav ul.head-nav li a {
    display: block;
    padding: 22px 0;
    font-size: 14px;
    font-weight: 400;
    color: #383838;
    line-height: 21px;
    transition: all .3s linear 0s;
    text-decoration: none !important;
}

.header-top-nav ul.head-nav li.current > a,
.header-top-nav ul.head-nav li:hover > a,
.header-top-nav ul.head-nav li.sfHover > a
{
    color: #42698F}

.header-top-nav ul.head-nav li ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 244px;
    z-index: 999;
    margin: 0;
    list-style-type: none;
    padding: 0;
    background: #fff;
	display:none;
   
}

.header-top-nav ul.head-nav li.sfHover >ul,
.header-top-nav ul.head-nav li:hover >ul {
display:block;
}

.header-top-nav ul.head-nav li ul li {
float:none;
padding:0; 
margin:0;
}

.header-top-nav ul.head-nav li ul li a {
    display: block;
    line-height: 32px;
	color: #383838;
    font-size: 13px;
	padding: 0 12px;
  
}

.header-top-nav ul.head-nav li ul li a:hover,
.header-top-nav ul.head-nav li.sfHover ul li a,
.header-top-nav ul.head-nav li ul li:hover > a,
{
    color: #42698F}

























.Content-Warp:after,
.Content-Warp:before {
    display: table;
    clear: both;
    content: ""
}

.Section-Page.even-content .Content-Warp .container {
    float: left
}

.Section-Page.odd-content .Content-Warp .container {
    float: right
}

.Section-Page {
    padding-top: 70px
}



.Widget-toggle.Widget-open {
    bottom: 47px
}

.Widget-toggle h4 {
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    height: auto;
    padding-bottom: 18px
}



@media (min-width:1300px) and (max-width:1650px) {
    .Content-Warp {
        margin-left: 240px;
        max-width: 1107px
    }
}

@media (min-width:1281px) and (max-width:1299px) {
    .Content-Warp {
        margin-left: 240px;
        max-width: 1260px
    }
}

@media (min-height:650px) and (max-height:750px) {
    .extra-scroll-box {
        height: 120px
    }
}

@media (min-height:641px) and (max-height:700px) {
    #Section-3 .page-content,
    #Section-4.page-content,
    #Section-5 .page-content,
    #Section-6 .page-content,
    #Section-7 .page-content {
        height: calc(100vh - 70px)
    }
    #Section-3 .mCustomScrollbar #Section-4 .mCustomScrollbar,
    #Section-5 .mCustomScrollbar,
    #Section-6 .mCustomScrollbar,
    #Section-7 .mCustomScrollbar {
        height: 100%
    }
    .section-paralex {
        background-size: 112% auto
    }
}

@media (min-height:600px) and (max-height:640px) {
    .section-paralex {
        background-size: 112% auto
    }
    #Section-3 .page-content,
    #Section-4.page-content,
    #Section-5 .page-content,
    #Section-6 .page-content,
    #Section-7 .page-content {
        height: calc(100vh - 70px)
    }
    #Section-3 .mCustomScrollbar #Section-4 .mCustomScrollbar,
    #Section-5 .mCustomScrollbar,
    #Section-6 .mCustomScrollbar,
    #Section-7 .mCustomScrollbar {
        height: 100%
    }
    #Section-8 {
        min-height: 800px
    }
    #Section-2 {
        min-height: 850px
    }
}

@media (min-width:1260px) and (max-width:1280px) {
    .Content-Warp {
        margin-left: 240px;
        max-width: 1010px
    }
}

@media (min-width:1200px) and (max-width:1259px) {
    .Content-Warp {
        margin-left: 240px;
        max-width: 930px
    }
}

@media (min-height:641px) and (max-height:699px) {
    .section-paralex {
        background-size: 120% auto
    }
    #Section-8.section-8 {
        height: 750px!important
    }
}

@media (min-width:991px) and (max-width:1199px) {
    .Section-Page.even-content .Content-Warp .container,
    .Section-Page.odd-content .Content-Warp .container {
        float: none
    }
}

@media (min-width:991px) and (max-width:1024px) {
    #Section-8.Section-Page {
        height: 850px!important
    }

}

@media (min-width:768px) and (max-width:990px) {
    .header-top-nav {
        padding-right: 0
    }
    .header-top-nav ul.head-nav {
        text-align: center;
        float: none
    }
    .header-top-nav ul.head-nav>li {
        float: none;
        display: inline-block;
        padding: 0 5px
    }
    .header-top-nav ul.head-nav li a {
        font-size: 13px
    }
    .Content-Warp {
        margin-left: 230px;
        max-width: 100%
    }
    .Section-Page.even-content .Content-Warp .container,
    .Section-Page.odd-content .Content-Warp .container {
        float: none
    }
    .container-custom,
    .section-paralex .container {
        width: 520px
    }

}

@media (max-width:767px) {
    .headerTop-Fix {
        display: none
    }
    .main-logo {
        padding-top: 10px
    }
    .container-custom,
    .section-paralex .container {
        width: auto
    }
    .Section-Page.even-content .Content-Warp .container,
    .Section-Page.odd-content .Content-Warp .container {
        float: none
    }
    .Content-Warp {
        max-width: 100%;
        margin-left: 0
    }
    .active-header .main-logo {
        padding-top: 10px;
        transition: all .3s linear 0s
    }
    .section-paralex {
        padding-top: 130px
    }
    .Outer-Fix {
        z-index: 9999
    }
    .Outer-Fix h2 {
    display:none;
	}

    .section-paralex .container {
        margin-right: 15px;
        margin-left: 15px
    }
    .Content-Warp,
    .Fx-panel {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:640px) {
    .section-paralex {
        background-size: 112% auto
    }
    .section-paralex.Section-Page {
        height: auto!important;
        min-height: 100%
    }
    #Section-3 .page-content,
    #Section-4.page-content,
    #Section-5 .page-content,
    #Section-6 .page-content,
    #Section-7 .page-content {
        height: auto
    }
}

@media (max-width:360px) {
    .section-paralex {
        background-size: 310% auto
    }
    .section-paralex.Section-Page {
        height: auto!important;
        min-height: 100%
    }
    #Section-3 .page-content,
    #Section-4.page-content,
    #Section-5 .page-content,
    #Section-6 .page-content,
    #Section-7 .page-content {
        height: auto
    }
}

@media (max-width:480px) {
    .section-paralex {
        padding-top: 90px;
        background-size: 112% auto
    }
    .section-paralex.Section-Page {
        height: auto!important;
        min-height: 100%
    }
    #Section-3 .page-content,
    #Section-4.page-content,
    #Section-5 .page-content,
    #Section-6 .page-content,
    #Section-7 .page-content {
        height: auto
    }
    .copyright {
        margin-right: 0;
        padding-left: 25px
    }
}

@media (max-width:414px) {
    .section-paralex {
        background-size: 265% auto
    }
}

@media (max-width:360px) {
    .section-paralex {
        background-size: 300% auto
    }
}

@media (max-width:320px) {
    .section-paralex {
        background-size: 280% auto
    }
}