@import url(//fonts.googleapis.com/css?family=Oswald:400,700|Lato:400,700|Work+Sans:900|Montserrat:400,700|Open+Sans:normal,200|Playfair+Display:400,700,900|Quicksand|Raleway:200,400,700|Roboto+Slab:400,700|Didot:100,200,300,400,500,600,700,800,900|Montserrat:100,200,300,400,500,600,700,800,900|Work+Sans:100,200,300,400,400italic,500,600,700,700italic,800,900|Lato:100,200,300,400,400italic,500,600,700,700italic,800,900|Montserrat:100,200,300,400,500,600,700,800,900&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);


footer#foot-wrap {
    background: #444;
    margin-top: 50px;
    width: 100%;
}
.left, .alignleft {
    float: left;
}
.relative {
    position: relative;
}
#foot-top-wrap {
    width: 100%;
}
.body-main-out {
    float: right;
    margin-left: -200px;
    right: 100px;
    width: 100%;
}
.body-main-in {
    margin-left: 200px;
}
@media screen and (max-width: 1399px) and (min-width: 1250px){
    #foot-widget-wrap {
        margin-left: -2.90416263311%;
        width: 102.90416263311%;
    }
    .foot-widget {
        margin-left: 2.82220131703%;
        width: 30.5111320163%;
    }
}
#foot-widget-wrap {
    margin: 50px 0 20px -2.16919739696%;
    width: 102.16919739696%;
}
body, .blog-widget-text p, .feat-widget-text p, .post-info-right, span.post-excerpt, span.feat-caption, span.soc-count-text, #content-main p, #commentspopup .comments-pop, .archive-list-text p, .author-box-bot p, #post-404 p, .foot-widget, #home-feat-text p, .feat-top2-left-text p, .feat-wide1-text p, .feat-wide4-text p, #content-main table, .foot-copy p, .video-main-text p {
    font-family: 'Lato', sans-serif;
}
.foot-widget {
    color: #777;
    font-size: .9rem;
    font-weight: 400;
    line-height: 130%;
    margin: 0 0 30px 2.12314225053%;
    width: 31.2101910828%;
}
.foot-logo {
    line-height: 0;
    margin-bottom: 20px;
    width: 100%;
}
img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
}
.foot-info-text {
    margin-bottom: 10px;
    width: 100%;
}
.foot-widget p {
    margin-bottom: 15px;
}
.foot-soc {
    width: 100%;
}
ul.foot-soc-list {
    width: 100%;
}
ul.foot-soc-list li {
    float: left;
    width: 30px;
}
ul.foot-soc-list li a {
    color: #777 !important;
}
ul.foot-soc-list li a:hover {
    color: #fff !important;
}
ul.foot-soc-list li i {
    font-size: 20px;
}
h3.foot-head {
    color: #fff;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
    display: block !important;
    margin-top:0px;
}
.foot-widget a, foot-widget a:visited, .post-info-name a {
    color: #eb0254 !important;
}
.foot-widget a:hover {
    color: #999999;
}
a, a:visited {
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
#foot-bot-wrap {
    background: #333;
    width: 100%;
}
.body-main-out {
    float: right;
    margin-left: -200px;
    right: 100px;
    width: 100%;
}
.body-main-in {
    margin-left: 200px;
}
#foot-bot {
    margin: 6px 0;
    width: 100%;
}
.foot-menu {
    float: right;
    max-width: 49%;
}
.foot-copy {
    float: left;
    max-width: 49%;
}
.foot-copy p {
    color: #777;
    font-size: 1.1rem;
    font-weight: 400;
    /*line-height: 130%;*/
}
.foot-menu .menu {
    float: right;
    width: 100%;
}
.foot-menu .menu li:first-child {
    margin-left: 0;
}
.foot-menu .menu li {
    float: left;
    margin-left: 20px;
}
.foot-menu .menu li a:visited {
    color: #999;
}
.foot-menu .menu li a {
    color: #999;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}
nav.main-menu-wrap ul li a, ul.col-tabs li a, nav.fly-nav-menu ul li a, .foot-menu .menu li a {
    font-family: 'Montserrat', sans-serif;
}
.foot-widget {
    color: #777;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 130%;
    margin: 0 0 30px 2.12314225053%;
    width: 31.2101910828%;
}
.foot-widget a:hover {
    color: #999999 !important;
}
.foot-menu .menu li a:hover {
    color: #fff;
}
/*Header CSS*/
#head-main-wrap {
    width: 100%;
}
#main-nav-wrap, nav.main-menu-wrap, .nav-logo, .nav-right-wrap, .nav-menu-out, .nav-logo-out, #head-main-top {
    -webkit-backface-visibility: hidden;
    background: #000000;
}
#main-nav-wrap {
    float: left;
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 9999;
}
#main-nav-cont {
    width: 100%;
}
.nav-logo-out {
    float: right;
    margin-left: -280px;
    width: 100%;
}
.nav-left-wrap {
    width: 280px;
}
.fly-but-wrap {
    background: #eb0254;
}
.fly-but-wrap, span.feat-cat, span.post-head-cat, .prev-next-text a, .prev-next-text a:visited, .prev-next-text a:hover {
    background: #eb0254;
}
/*.fly-but-wrap {
    cursor: pointer;
    width: 60px;
    height: 50px;
}*/
.fly-but-wrap span:nth-child(1) {
    top: 15.5px;
}
.fly-but-wrap span {
    background: #ffffff;
}
.fly-but-wrap span {
    background: #fff;
    display: block;
    position: absolute;
    left: 15px;
    top: 16px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    width: 30px;
    height: 3px;
}
.nav-logo {
    line-height: 0;
    padding-right: 20px;
    width: 220px;
}
h1.mvp-logo-title, h2.mvp-logo-title {
    display: none;
}
.nav-logo-in {
    margin-left: 280px;
}
.nav-menu-out {
    float: left;
    margin-right: -123px;
    width: 100%;
}
.nav-menu-in {
    margin-right: 123px;
}
nav.main-menu-wrap {
    top: 0;
    width: 100%;
}
nav.main-menu-wrap ul {
    float: left;
    width: 1000%;
}
nav.main-menu-wrap ul li {
    float: left;
    position: relative;
}
nav.main-menu-wrap ul li a, ul.col-tabs li a, nav.fly-nav-menu ul li a, .foot-menu .menu li a {
    font-family: 'Montserrat', sans-serif;
}
nav.main-menu-wrap ul li a, .nav-menu-out:hover ul li:hover a, .nav-menu-out:hover span.nav-search-but:hover i, .nav-menu-out:hover span.nav-soc-but:hover i, span.nav-search-but i, span.nav-soc-but i {
    color: #ffffff;
}
nav.main-menu-wrap ul li a {
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    opacity: 1;
    padding: 18.5px 14px;
    position: relative;
    text-transform: uppercase;
}
.nav-right-wrap {
    float: right;
    width: 123px;
    height: 50px;
}
.nav-search-wrap {
    width: 50px;
    height: 50px;
}
span.nav-search-but {
    cursor: pointer;
    padding: 11px 15px !important;
}
span.nav-search-but, span.nav-soc-but {
    display: inline-block;
    float: left;
    padding: 6px 4px;
}
span.nav-search-but i {
    font-size: 22px;
}
span.nav-search-but i, span.nav-soc-but i {
    font-size: 22px;
    line-height: 100%;
}
.search-fly-wrap {
    background: #fff;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    display: none;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 50px;
    right: 0;
    width: 300px;
    height: 46px;
}
#searchform input {
    background: rgba(0,0,0,.05);
    border: 0;
    color: #333;
    float: left;
    font-family: 'Lato', sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 100%;
    padding: 6px 5%;
    width: 90%;
    /*    height: 30px;*/
    /*height: 20px;*/
}
#fly-menu-wrap {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fly-wrap-in {
    margin-left: 40px;
    position: relative;
    height: 100%;
}
#fly-wrap {
    background: #444;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(-370px,0,0);
    -moz-transform: translate3d(-370px,0,0);
    -ms-transform: translate3d(-370px,0,0);
    -o-transform: translate3d(-370px,0,0);
    transform: translate3d(-370px,0,0);
    width: 370px;
    height: 100%;
    z-index: 10;
}
.fly-wrap-out {
    float: right;
    margin-left: -40px;
    position: relative;
    width: 100%;
    height: 100%;
}
.fly-side-wrap {
    background: #555;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 100%;
}
ul.fly-bottom-soc {
    overflow: hidden;
    width: 100%;
}
ul.fly-bottom-soc li a {
    border-top: 1px solid #444;
    color: #888;
    cursor: pointer;
    float: left;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
}
ul.fly-bottom-soc li i {
    font-size: 20px;
    padding: 10px;
    width: 20px;
}
nav.fly-nav-menu {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 15px 4.54545454545% 0;
    overflow: hidden;
    position: absolute !important;
    width: 90.9090909091%;
    height: 87%;
}
nav.fly-nav-menu ul {
    float: left;
    position: relative;
    width: 100%;
}
nav.fly-nav-menu ul li:first-child {
    border-top: none;
    margin-top: -14px;
}

nav.fly-nav-menu ul li {
    border-top: 1px solid #555;
    cursor: pointer;
    float: left;
    position: relative;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
nav.fly-nav-menu ul li a {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    padding: 14px 0;
    text-transform: uppercase;
}
nav.main-menu-wrap ul li a, ul.col-tabs li a, nav.fly-nav-menu ul li a, .foot-menu .menu li a {
    font-family: 'Montserrat', sans-serif;
}
/*h3.home-feat-title, h3.side-list-title, #infscr-loading, .score-nav-menu select, h1.cat-head, h1.arch-head, h2.author-list-head, h3.foot-head, .woocommerce ul.product_list_widget span.product-title, .woocommerce ul.product_list_widget li a, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce .related h2, .woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce div.product .product_title, #content-main h1, #content-main h2, #content-main h3, #content-main h4, #content-main h5, #content-main h6 {
    font-family: 'Work Sans', sans-serif;
}*/
.fly-but-wrap.fly-open span:nth-child(1), .fly-but-wrap.fly-open span:nth-child(4) {
    top: 24px;
    left: 50%;
    width: 0%;
}
.fly-but-wrap.fly-open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fly-but-wrap.fly-open span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(140deg);
}
.fly-but-wrap span:nth-child(2), .fly-but-wrap span:nth-child(3) {
    top: 23.5px;
}
.fly-but-wrap.fly-open span:nth-child(1), .fly-but-wrap.fly-open span:nth-child(4) {
    top: 24px;
    left: 50%;
    width: 0%;
}
.fly-but-wrap span:nth-child(4) {
    top: 31.5px;
}
.fly-but-wrap span:nth-child(2), .fly-but-wrap span:nth-child(3) {
    top: 23.5px;
}
.fly-but-wrap span:nth-child(4) {
    top: 31.5px;
}
/*NEW THEME CSS*/
#main-nav-wrap, nav.main-menu-wrap, .nav-logo, .nav-right-wrap, .nav-menu-out, .nav-logo-out, #head-main-top {
    -webkit-backface-visibility: hidden;
    background: #000000;
}
#head-main-top {
    width: 100% !important;
    z-index: 99999;
}
/*menu*/
.sub-menu-columns ul.sub-menu li {
    display: inline-block;
    float: left;
    width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: left;
    margin-right: 0px;
}
nav.main-menu-wrap ul li ul.sub-menu{
    left:-280px;
    width: 1000px;
    max-width: 1000px
}
nav.main-menu-wrap ul li ul.sub-menu li{
    width: 31% !important;
    margin-right: 5px !important;
}
nav.main-menu-wrap ul li ul.sub-menu li a{
    width:100% !important;
}

/*end*/
.search-fly-wrap {
    background: #fff;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
    display: none;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 50px;
    right: 0;
    width: 300px;
    height: 50px !important;
}
#one:hover ~ #two {
    color: #999999 !important;
}


@media screen and (max-width: 768px) { 
    .intr {
        height: 130px !important;
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
    }
    .step-1-box {
        width: 100% !important;
        margin: auto;
    }
    .step-style {
        padding: 0px;
        width: 100% !important;
        margin: auto;
        background-color: rgba(158, 158, 158, 0.12);
        margin-top: 20px;
    }

    div#register {
        width: 100% !important;
    }
    .list-inline.step-style > li {
        display: inline-block;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin:0px !important;
    }
    body{
        background-image: url(http://thefootnotes.com.au/wp-content/uploads/thumbnail.jpg)!important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    }
    .my_mob_logo{
        width:56% !important;
    }

}


#email-error a.btn.btn-primary {
    background-color: #fff;
    color: #a0d2db !important;
}

#email-error a.btn.btn-primary:hover {
    background-color: #a0d2db !important;
    color: #fff !important;
}

#login:hover {
    background-color: #a0d2db !important;

}
#login:hover a{

    color: #fff !important;  
}

/*end*/