/*

Theme Name: houseofchina

*/

/* The bootstrap.css file is auto-enqueued in functions.php */

/* WordPress Core */



@font-face {

    font-family: "gotham-book";

    src:url("./fonts/gotham-book.ttf") format("opentype");

}

@font-face {

    font-family: "gotham-medium";

    src:url("./fonts/gotham-medium.ttf") format("opentype");

}

@font-face {

    font-family: "gotham-bold";

    src:url("./fonts/gotham-bold.ttf") format("opentype");

}





.gallery-caption {

    font-weight: bold;

}

.alignnone {

    margin: 5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

     display: block;

    margin: 5px auto 5px auto;

}

.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}

.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}

a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}

a img.alignnone {

    margin: 5px 20px 20px 0;

}

a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%;

    /* Image does not overflow the content area */



    padding: 5px 3px 10px;

    text-align: center;

}

img.alignnone {

    max-width: 96%;

    height: auto;

    width: auto;

}

.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}

.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}

.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 8px 4px 5px;

    color: #3A3A3A;

}

/* Recommended CSS from WP for defined content width support */



.size-auto,

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

    max-width: 100%;

    height: auto;

}

iframe,

embed {

    max-width: 100%;

}



/* Comments */



.comment-form-comment #comment {

    width: 100%;

}

.commentlist li {

    list-style: none;

}

.comment-author,

.comment-edit-link {

    font-weight: bold;

}

.comment-body {

    margin-top: 10px;

    margin-bottom: 10px;

}

.comment-respond code {

    white-space: pre-wrap;

}

.well {

    background-color: rgba(245, 245, 245, 0.2);

}

/* Post Thumbnail */



.attachment-post-thumbnail {

    float: left;

    margin: 0px 10px;

}

/* Calendar Widget */

/* Search Form Widget */



form#searchform {

    position: relative;

}

input#s {

    width: 100%;

    padding: 5px;

}

#searchform #searchsubmit {

        position: absolute;

    top: 0;

    right: 0;

    border-radius: 0;

    bottom: 0;

    line-height: 15px;

    padding: 0 5px;

    height: 42px;

    border: 1px solid #ddd;

}

aside {

    margin-top: 0px;

}

.widget {

    margin-bottom: 15px;   

}

/* Tables */

/* Post text Wrap Fixes */



.post {

    -ms-word-wrap: break-word;

    word-wrap: break-word;

        background-color: #fff;

    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25);

    margin: 0 0 5px 0;

    padding: 14px 0 5px 0;

    min-height: 340px;

}

.clear {

    clear: both;

}

a {

    color: #03a9f4;

}

a:hover,

a:focus {

    text-decoration: none;

    color: #03a9f4;

}

/* Theme CSS */



html,

body {

    overflow-x: hidden;

    font-size: 15px;

    font-family: "gotham-book";

    line-height: 25px;

    color: #515151;

    min-width: 320px;    

}



h1, h2,h3, h4, h5, h6{

    font-family: 'Baloo Thambi 2', cursive;

}

p{

    font-size: 15px;

    font-family: "gotham-book";

    line-height: 23px;

    color: #515151;

}



.navbar {    

    min-height: 40px;

}



.rsrc-header {

	margin-top: 5px;

    margin-bottom: 5px;

}

#site-header a {

    color: #ffffff;

    font-size: 22px;

    font-weight: bold;

    line-height: 1.1;

}



#site-header a img{

    

}

#site-header h1 {

    margin: 0;

}



.fixed-me{

    transition: all 1s ;

}



.fixed-me{    

   

    

}



/****** Top header *************/





.top-header{

background: #ba3336;

}



.top-header p{

    color: #fff;

    margin: 0;

    font-size: 13px;

    padding-top: 2px;

}



.top-header .right{



}



.top-header .right ul{

    text-align: right;

    margin: 0;

}



.top-header .right ul li{

    display: inline-block;

    line-height: 0px;    

}



.top-header .right ul li a{

    font-size: 12px;

    letter-spacing: 0.6px;

    line-height: 13px;

    color: #FFFFFF;

    font-family: "gotham-medium";

    text-decoration: none;

    padding: 7px 10px;

    display: inline-block;

}

.rsrc-container {

    color: #222222;

    padding-right: 0;

    padding-left: 0;

	background: #f0f0f5;

}

.rsrc-content, .rsrc-content-home  {

    position: relative;

    margin: 0 auto;

}

.rsrc-content  {

    background: transparent;

}

.rsrc-main {

    padding: 0px 0;

    position: relative;

}



.logo-section{

    padding: 5px 0;

}



.contact-list {    

    margin-bottom: 0;

    padding: 12px 0 0;

    float: right;

}



.contact-list li {

    display: inline-block;

    align-items: center;

    padding-left: 0;

    margin-right: 44px;

    margin-bottom: 0px;

}







.contact-list li i {

    margin-right: 10px;

    font-size: 18px;   

}



.contact-list li .footer-contact-text {

    display: inline-block;

    flex-direction: column;

}



.contact-list li .footer-contact-text a {

    /* margin-bottom: 5px; */

    font-size: 15px;

    text-decoration: none;

    line-height: 1.3em;

    color: #777777;

    transition: all .2s;

}





#main-navigation .navbar-nav > li > a{

    font-family: 'Baloo Thambi 2', cursive;

}



/*************** Footer *******************/



.rsrc-footer-menu {

    background-color: #121212;

    padding-bottom: 85px;

    font-family: "gotham-medium";

}



.footer-menu-nav {

    padding: 0;

    margin: 0;

    list-style: none;    

}

.footer-menu-nav li {    

    padding: 5px 10px;

}

.footer-menu-nav li a {

    color: #9e9e9e;    

}



.footer-about-section{



}



.rsrc-author-credits {

    padding: 14px 0 10px 0;

    color: #9e9e9e;

}



.rsrc-author-credits p{

    color: #fff;    

}



.rsrc-author-credits .copyright{

    font-size: 13px;

    margin: 0 0 5px;

    text-align: center;

}



.rsrc-author-credits .copyright  a{

   color: #fff;

}





.rsrc-author-credits .notice{

    font-size: 11px;



}



.rsrc-footer {

    background-color: #b32e31;

}


/* Navigation */



.navbar {

    border-radius: 0;

    margin-bottom: 0;

    border: none;

}

.navbar-inverse .navbar-nav > li > a {

    color: #FFFFFF;

    text-transform: uppercase;

}

.navbar-inverse .navbar-brand {

    color: #FFFFFF;

}



.nav > li > a:hover, .nav > li > a:focus {

       background-color: transparent;

	   color: rgba(255, 255, 255, 0.7);

}



.rsrc-main-menu .navbar-nav > li > .dropdown-menu{

    border-radius: 0px;

    border: none;

    box-shadow: 0 6px 12px rgba(8, 8, 8, 0.04);

    margin-top: 0px;

    padding: 0;

}



.rsrc-main-menu .navbar-nav > li > .dropdown-menu > li > a{

    padding: 14px 20px;

    color: #191919;

    font-size: 14px;

    letter-spacing: 0.7px;

    line-height: 17px;

    font-family: "gotham-medium";

    cursor: pointer;

}



.rsrc-main-menu .navbar-nav > li > .dropdown-menu > li.active > a{

    background-color: #58cfcd;

}



@media (min-width: 768px) {

    #site-navigation .navbar-nav > li > a {

        padding: 8px;

        font-size: 11px;

    }

    

    #main-navigation .navbar-nav > li > a {

        color: #464444;

        font-size: 19px;

        font-weight: 500;

        line-height: 30px;

        padding: 8px 15px;        

    }   



    #main-navigation .navbar-nav > li:nth-child(5n+1)::before {

        background: rgb(82, 85, 197);

    }


    #main-navigation .navbar-nav > li:nth-child(5n+1) a:hover {

        color: rgb(82, 85, 197);

    }


    #main-navigation .navbar-nav > li:nth-child(5n+2)::before {

        background: #f58634;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+2) a:hover {

        color: #f58634;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+3)::before {

        background: #e6bc34;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+3) a:hover {

        color: #e6bc34;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+4)::before {

        background: #0b7347;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+4) a:hover {

        color: #0b7347;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+5)::before {

        background: #ec2790;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+5) a:hover {

        color: #ec2790;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+6)::before {

        background: #0993ca;

    }

    #main-navigation .navbar-nav > li:nth-child(5n+6) a:hover{

        color: #0993ca;

    }



    #main-navigation .navbar-nav > li::before {

        content: "";

        position: static;

        display: block;

        width: 100%;

        height: 5px;

        border-radius: 5px;

        background: rgb(82, 85, 197);

    } 

    #site-navigation.navbar {

        min-height: 35px;

    }

    .current-menu-item {

       background-color: transparent;

    color: rgba(255, 255, 255, 0.7);

    }

    .dropdown-submenu>.dropdown-menu {

        top: 0;

        left: 100%;

        margin-top: -6px;

        margin-left: -1px;

        -webkit-border-radius: 0 6px 6px 6px;

        -moz-border-radius: 0 6px 6px;

        border-radius: 0 6px 6px 6px;

    }

    .dropdown-submenu {

        position: relative;

    }

    .dropdown-submenu>a:after {

        display: block;

        content: " ";

        float: right;

        width: 0;

        height: 0;

        border-color: transparent;

        border-style: solid;

        border-width: 5px 0 5px 5px;

        border-left-color: #ccc;

        margin-top: 5px;

        margin-right: -10px;

    }

}

.rsrc-top-menu {

    background-color: #00B0FF;

    line-height: 1.1;

}

.header-section {

    background: #fff;   

    border-top: 1px solid #ddd;

}



.main-menu-section {

    background-color: #0081BA;

}

.navbar-inverse {

    background-color: #00B0FF;

}

.navbar-text.visible-xs {

    max-width: 75%;

    float: left;

    margin: 0;

    line-height: 50px;

}

.navbar-text a {

    color: #ffffff;

    font-size: 17px;

    line-height: 17px;

    display: inline-block;

    vertical-align: middle;

}

.navbar-text img {

    max-height: 50px;

    width: auto;

}

.navbar-text h1 {

    margin: 0;

    line-height: 50px;

}

.navbar-toggle {

    border: 1px solid rgba(0, 0, 0, 0.4);

    margin-right: 0;

}

.navbar-toggle .icon-bar {

    background-color: rgba(0, 0, 0, 0.3);;

}

.header-login.navbar-right {

    line-height: 36px;

}

/* Fix nav on hover */



@media (min-width: 768px) {

    ul.nav li:hover > ul.dropdown-menu {

        display: block;

    }

    .navbar-right {

        margin-right: 0;

    }

}



/* Menu opened in responsive */



@media only screen and (max-width: 767px) {

    .dropdown-menu {

        position: static;

        display: block;

        float: none;

        padding: 10px 0;

        background-color: transparent;

        border: none;

        border-radius: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

    }

    .dropdown-menu > li > a,

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

        color: #fff;

        padding: 3px 30px;

    }

    .dropdown-submenu>.dropdown-menu {

        padding-left: 10px;

    }

    .rsrc-header-img img {

        max-height: 50px;

        line-height: 50px;

    }

    .header-cart {

        margin-top: 15px !important;

    }

    .header-line-search {

        margin-bottom: 10px !important;

    }

    .header-right.col-sm-9 {

        padding-right: 0px;

        padding-left: 0px;

    }

}

.dropdown-submenu ul li li a:after {

    display: none;

}

.sticky {} 

.bypostauthor {} 

img {

    max-width: 100%;

    height: auto;

}

.no-gutter {

    padding-left: 0;

    padding-right: 0;

}

.featured-thumbnail {

    padding: 0;

    overflow: hidden;

    position: relative;

    cursor: pointer;

}

.featured-thumbnail img {

    width: 100%;

}

.featured-thumbnail::before {

    position: absolute;

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

    -webkit-transform: skewX(-25deg);

    transform: skewX(-25deg);

}

.featured-thumbnail:hover::before {

    -webkit-animation: shine .75s;

    animation: shine .75s;

}

.featured-thumbnail img {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .4s ease-in-out;

    transition: .4s ease-in-out;

}

.featured-thumbnail:hover img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}

@-webkit-keyframes shine {

    100% {

        left: 125%;

    }

}

@keyframes shine {

    100% {

        left: 125%;

    }

}

h1.site-title,

h2.site-title {

    font-size: 36px;

    margin: 0;

}

h1.site-title a,

h2.site-title a {

    color: #fff;

}

/* Text meant only for screen readers */



.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

}

.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

    /* Above WP toolbar */

}

/* Navigation */



.pager li>a,

.pager li>span,

.pager li>a:hover,

.pager li>a:focus {

    display: inline-block !important;

    padding: 2px 5px !important;

    background-color: transparent !important;

    border: none !important;

    border-radius: 0 !important;

}

.nav-previous {

    float: left;

}

.nav-next {

    float: right;

}

.post-navigation {

    clear: both;

    margin: 10px 0 0 0;

    overflow: hidden;

}

.post-navigation div {

    display: block;

    position: relative;

    font-size: 14px;

    color: #999;

}

.post-previous {

    float: left;

    padding-left: 30px;

    text-align: left;

}

.post-next {

    float: right;

    text-align: right;

    padding-right: 30px;

}

.post-navigation div span {

    display: block;

    font-size: 90%;

    color: #999;

}

.post-navigation div a:after {

    position: absolute;

    font-size: 45px;

    line-height: 40px;

    font-weight: bold;

    top: 0;

}

.post-previous a:after {

    content: '\00ab';

    left: 0;

}

.post-next a:after {

    content: '\00bb';

    right: 0;

}

/* Single Author */



.postauthor-content img {

    float: left;

    margin-right: 10px;

}

.postauthor-container {

    display: block;

    overflow: hidden;

    margin-bottom: 30px;

}

.postauthor-title {

    border-bottom: 1px solid #dbdbdb;

}

/* Related posts */



.related-posts ul {

    padding: 15px;

}

.related-posts li {

    list-style-type: none;

    position: relative;

    padding: 0;

}

/* Social Links and infobox*/



.footer-socials{

    padding: 14px 0;

}

.social-links ul {

    padding: 0;

}

.social-links ul li {

    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    margin-right: 20px;
    border-radius: 50%;

}

.social-links i.fa {

    padding: 9px 5px;

    text-align: center;

    transition: background-color 0.2s ease-out 0s;

    font-size: 16px;    

    color: #fff;

}

.social-links i.fa-twitter:hover {

    color: #1BB2E9;

}

.social-links i.fa-facebook:hover {

    color: #3B5A9B;

}

.social-links i.fa-youtube:hover {

    color: #ED3F41;

}

.social-links i.fa-vimeo-square:hover {

    color: #44BBFF;

}

.social-links i.fa-skype:hover {

    color: #009CEF;

}

.social-links i.fa-linkedin:hover {

    color: #007BB6;

}

.social-links i.fa-google-plus:hover {

    color: #DC4937;

}

.social-links i.fa-github:hover {

    color: #4183C4;

}

.social-links i.fa-flickr:hover {

    color: #0062DD;

}

.social-links i.fa-dribbble:hover {

    color: #E24D87;

}

.social-links i.fa-instagram:hover {

    color: #3F729B;

}

.social-links i.fa-pinterest:hover {

    color: #D5282E;

}

.social-links i.fa-stumbleupon:hover {

    color: #EC4823;

}

.social-links i.fa-tumblr:hover {

    color: #455469;

}

.social-links i.fa-wordpress:hover {

    color: #21759B;

}

.social-links i.fa-codepen:hover {

    color: #CCCCCC;

}

.social-links i.fa-digg:hover {

    color: #14589E;

}

.social-links i.fa-reddit:hover {

    color: #FF4500;

}

.social-links i.fa-vimeo:hover {

    color: #17B3E8;

}

@media only screen and (max-width: 767px) {

    .top-section, .header-login {

        text-align: center;

    }

    a.login-link {

        text-align: center;

        border-right: none !important;

    }

}

a.login-link {

    line-height: 33px;

    margin-right: 10px;

    padding-right: 10px;

    border-right: 1px solid;

    color: #ffffff;

}

/* Content */



article.article-content {

    margin-top: 10px;

    margin-bottom: 10px;

}

.home-header .page-header a,

.page-header {

    text-transform: uppercase;

    text-decoration: none;

    font-weight: bold;

    color: #222222;

    margin: 15px 0 5px 0;

    border-bottom: 0;

    font-size: 20px;

}

.home-header {

    position: relative;

}



.home .page-header-banner{

    width: 100%;

    position: relative;

    z-index: 1;

    min-height: 300px;

    display: none;

}



.home .page-header-banner h1{

    margin: 0;

    text-align: center;

    padding: 9% 0;

    color: #fff;

    display: none;

}



.page-header-banner{

    width: 100%;

    position: relative;

    z-index: 1;

    min-height: 90px;

    background: #0993ca;

}



.page-header-banner h1{

    margin: 0;

    text-align: center;

    padding: 2% 0;

    color: #fff;

    font-size: 25px;

}



.single-meta-date {

    text-align: center;

    float: left;

    margin-right: 15px;

}

.single-meta-date .day {

    padding: 10px 15px;

    background-color: #eee;

    font-weight: bold;

    font-size: 120%;

}

.single-meta-date .month {

    padding: 4px;

    background-color: #13C5F5;

    color: #ffffff;

}

.post-meta {

    font-size: 75%;

    font-weight: bold;

    display: block;

    padding-bottom: 15px;

    opacity: 0.75;

    text-transform: uppercase;

}

.post-meta span,

.posted-on {

    margin-right: 5px;

}

.post-meta .cat-meta:after {

    content: ',';

    margin-right: 3px;

}

.post-meta .cat-meta:last-child:after {

    content: '';

}

/* Pagination */

.navigation.pagination {

    width: 100%;

    text-align: center;

    border-radius: 0;

    padding: 25px;

    margin: 0;

}

.nav-links {

    display: inline-block;

}

.nav-links a, .nav-links span {

    position: relative;

    float: left;

    padding: 7px 12px;

    line-height: 1.5;

    text-decoration: none;

    background-color: #ffffff;

    color: #000;

    border: 1px solid #dddddd;

    margin-left: -1px;

}

.nav-links span.current {

    background-color: rgba(0, 0, 0, 0.1);

    color: #ffffff;

}

@media only screen and (max-width: 991px) {

    article.article-content:nth-of-type(2n+1) {

        clear: left;

    }



    article.article-content-blog:nth-of-type(2n+1) {

        clear: left;

    }



}

@media only screen and (min-width: 992px) {

    article.article-content:nth-of-type(3n+1) {

        clear: left;

    }



    article.article-content-blog:nth-of-type(2n+1) {

        clear: left;

    }



}



/********** Floating Social Icons ************************/



.sticky-container{

    padding:0px;

    margin:0px;

    position:fixed;

    right:-130px;

    top:230px;

    width:210px;

    z-index: 1100;

}

.sticky li{

    list-style-type: none;

    background-color: #fff;

    color: #efefef;

    padding: 0px;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

    cursor: pointer;

}

.sticky li:hover{

    margin-left:-115px;

}



.sticky li a{

    text-decoration:none;

    color:#2C3539;

}



.sticky li a i{    

	float: left;

    margin-right: 8px;

    line-height: 40px;

    padding: 0 18px;

    color: #fff;

}



.sticky li a i.fa-facebook{    

	background: #3B5998;

}



.sticky li a i.fa-twitter{    

	background: #55ACEE;

}



.sticky li a i.fa-instagram{    

	background: #bb0000;

}



.sticky li a:hover{

    text-decoration:underline;

}





/* Featured home */



.hover-style .home-header .page-header a {

    letter-spacing: 2px;

    font-size: 50%;

    line-height: 50%;

    color: #fff;

}

.hover-style {

    display: inline-block;

    padding: 0;

    min-height: 170px;

}

.related-posts .entry-summary {

    color: #fff;

    padding: 10px;

}

.hover-style {

    position: relative;

    overflow: hidden;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

}

.hover-style .home-header {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    color: #fff;

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    transition: -webkit-transform .35s ease-out;

    transition: transform .35s ease-out;

    background-color: rgba(0, 0, 0, 0.40);

    border-left: 10px solid #00C2FF;

}

.hover-style:hover .home-header {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

.hover-style .page-header {

    margin-left: -10px;

    padding: 20px;

    margin-right: 0;

    background-color: rgba(0, 0, 0, 0.40);

    border-left: 10px solid #00C2FF;

    -webkit-transform: translateY( -webkit-calc(-100% - 20px));

    transform: translateY( calc(-100% - 20px));

    transition: -webkit-transform .35s ease-out;

    transition: transform .35s ease-out;

}

.hover-style:hover .page-header {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

/* breadcrumbs */



#breadcrumbs {

    padding: 30px 25px;

    text-transform: uppercase;

    font-weight: bold;

	background: #290d30;    

}

#breadcrumbs .breadcrumbs-inner{	

	color: #fff;

	}

#breadcrumbs .fa {

    margin-right: 5px;

}

/* Widget */



.widget h3 {

    font-size: 16px;

    color: #222222;

    letter-spacing: 0px;

    margin: 10px 0;

    padding-bottom: 10px;

}

.widget ul {

    padding-left: 15px;

}



.widget ul li{

    padding: 5px 0;

}



#sidebar .widget ul li a{

    color: #484343;

    font-size: 15px;

}



.widget ul li a{

        color: #ece6e6;

    font-size: 15px;

}

/* Post Content */



.rsrc-main .rsrc-post-content {

    padding: 0px;

}

.rsrc-main .woocommerce {

    padding: 20px 0;

}



.post-header-banner{

    max-height: 300px;

    overflow: hidden;

}



.post-header-banner img{

    width: 100%;

}



.single-thumbnail {

    text-align: center;

    max-height: 125px;

    overflow: hidden;

}

.single-thumbnail img {

    width: 100%;

}

.single-post .type-post{

    padding: 20px ! important;

}



.type-post .entry-title{

   

}

/* Back to top */





/* Commentform */



form#commentform p input {

    width: 100%;

}

.comment-body {

    margin-top: 10px;

    margin-bottom: 10px;

    border: 1px solid #bdbdbd;

    padding: 15px 15px 40px 15px;

    position: relative;

    

}

.comment-inner {

    margin-top: 25px;

    background-color: rgba(0, 0, 0, 0.05);

    padding: 15px;

    position: relative;

}

.comment-inner:before {

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 12px 12px 12px;

    border-color: transparent transparent rgba(0, 0, 0, 0.05) transparent;

    content: '';

    position: absolute;

    top: -12px;

}

a.comment-reply-link {

    float: right;

    position: absolute;

    bottom: -1px;

    right: -1px;

}

.comment-author.vcard img {

    float: left;

    margin-right: 15px;

    margin-bottom: 5px;

    width: 46px;

}



/* Widgets */



.widget_nav_menu li {

    width: 100%;

}

.widget_nav_menu li:before {

    margin-right: 5px;

}

.widget {

    padding: 15px;

    word-wrap: break-word;    

    

}

/* Footer Widgets */





#content-footer-section .widget {

    padding: 0 10px;

    border: 0;

}

.footer-widgets {
    background-color: #ba3336;
    padding-bottom: 20px;
    padding-top: 40px;   
    color: #fff;
}

.footer-widgets #content-footer-section .textwidget p{
    color: #fff;
    clear: both;
    font-size: 15px;
}

.footer-widgets #content-footer-section .textwidget .star{

    padding-bottom: 12px;

}







/* Tags */



.post-tags {

    clear: both;

}

.tagcloud a {

    font-size: 15px !important;

    padding: 5px;

    border: 1px solid;

    line-height: 40px;

}

/* Sections */



section {

    position: relative;

}

.section {

    position: relative;

    z-index: 1;

    padding: 25px 0 35px 0;

}



/* Sections Content */



.container-heading {

    margin-bottom: 35px;

    text-transform: uppercase;

}

.section h4 {

    font-size: 40px;

    line-height: 60px;

    font-weight: bold;

    margin: 0;

}

.section .sub-title {

    font-size: 20px;

    line-height: 30px;

    position: relative;

}

.sub-title:before {

    content: "";

    display: block;

    height: 1px;

    position: absolute;

    top: 50%;

    width: 100%;

    left: 0;

    z-index: -1;

}

.sub-title span {

    padding: 0 15px;

}



textarea,

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="email"],

input[type="month"],

input[type="number"],

input[type="password"],

input[type="search"],

input[type="tel"],

input[type="text"],

input[type="time"],

input[type="url"],

input[type="week"] {

    

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #f1f1f1;

    box-shadow: none;

    color: #969696;

    font-size: 14px;

    height: 35px;

    padding-left: 17px;

    width: 100%;

    margin-bottom: 10px;

}

textarea{

    height: 70px;

    padding-left: 17px;

}



/* Buttons styling */



.btn-default,

button,

a.comment-reply-link {

    border: 1px solid #00C2FF;

    color: #00C2FF;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    background: none;

    padding: 8px 20px;

    border-radius: 0;

}

.btn-default:hover,

.btn-default:focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn,

.btn-default:active,

.btn-default.active,

input[type="submit"]:hover,

button:hover,

a.comment-reply-link:hover {

    color: #0068C2;

    border-color: #0068C2;

    background-color: transparent;

    box-shadow: none;

}



/* WooCommerce styling */

input, select, textarea {

    color: #000;    

    max-width: 100%;

}



/* Banner section */

.banner-section {

    background-color: black;

    margin: 0;

    color: #ffffff;

}

.banner-bg {

    padding: 0;

}

.banner-inner {

    padding: 35px;

}

a.custom-button {

    padding: 10px 20px;

    border: 1px solid;

    text-transform: uppercase;

    margin-top: 15px;

    display: inline-block;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    color: #A0A0A0;

}





.home .home-header .page-header a, .page-header {

    text-transform: uppercase;

    text-decoration: none;

    font-weight: bold;

    color: #222222;

    margin: 15px 0 5px 0;

    border-bottom: 0;

    font-size: 20px;

	display: none;

}

.rsrc-main-menu {

    padding-top: 0px;

}

.rsrc-container-header{

 

}

/*footer*/

#content-footer-section .widget h3{

	font-size: 16px;

    color: #fff;

    letter-spacing: 0px;

    text-transform: uppercase;

    margin: 0;

    padding-bottom: 25px;

    border-bottom: none;

}



#content-footer-section .widget ul {

    padding-left: 0px;

}

ul.foot-add-info li {

    padding-bottom: 9px;

    margin-bottom: 9px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

	list-style: none;

}

ul.foot-add-info li span.foot-ico {

    padding: 0 17px 0 0;

    color: #469fcc;

    font-size: 18px;

}

ul.foot-add-info li span {

    line-height: 23px;

}

ul.footer-links li {

    padding-bottom: 9px;

    margin-bottom: 9px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

	list-style: none;

}

ul.footer-links li a {

    display: block;

    color: #fff;

    margin-bottom: 0px;

}

p.para{

	line-height: 24px;

    text-align: justify;

}



.footer-address p{

    color: #f5f5f5;

}



.footer-address .phone a{

color: #fff ! important;

}





ul.list {

       margin: 0;

    list-style: none;

    padding: 10px 0 0 15px;

}

ul.list li, ol.list li {

   margin: 17px 0 0 0;

}

ul.list li.type-2::before {

    content: "❖";

	margin: 0 15px 0 0;

}

div#n2-ss-1.n2-ss-desktop .n2-ss-widget-display-desktop.n2-ib{

	display: none ! important;

}



#sidebar .widget{

	background-color: #fff;

    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);

    margin-bottom: 10px;

}

.trng-1{

	font-style: italic;

    font-size: 16px;

    margin: 0 0 20px 0;

}



#breadcrumbs .fa {

    margin-right: 5px;

}

.navbar-toggle {

    border: 1px solid #4fb9b8;

}

.navbar-toggle .icon-bar {

    background-color: #4fb9b8;

}

.client-m{

	margin-bottom: 10px;

}



/* Home Page */ 





.headline-primary{

    font-weight: bold;

    font-size: 30px;

    margin: 0;

}

.sub-heading{   
    width: 65%;
    margin: 0 auto;
}

.slide-search-btn{

    margin-top: 50px;

} 



.slide-search-btn .button-red{

    

}  



.default-link{

    padding: 3px 0;

    background: transparent !important;

    border: 0;

    border-bottom: 2px solid #c59d5f;

    border-radius: 0;

    font-size: 15px;

    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.1em;

}


.btn-yellow{
    background-color: #ffc000;
    color: #fff; 
}

.btn-yellow::after {   
    background: #e5ad00;   
}

.btn-blue{
    background-color: #5255c5;
    color: #fff; 
}

.btn-blue::after {    
    background: #474aab;   
}

.btn-orange{
    background-color: #ff8b00;
    color: #fff; 
}

.btn-orange::after {    
    background: #e07b21;    
}

.btn-green{
    background-color: #5dba3b;
    color: #fff;  
}

.btn-green::after {    
    background: #5dba3b;   
}

.btn-red {
    background-color: #ff5157;
    color: #fff;  
}

.btn-red::after {    
    background: #e04b4e;    
}


.btn {    

    position: relative;
    z-index: 5;
    overflow: hidden;
    min-width: 165px;
    padding: 9px 50px 9px 15px;
    border: none;
    border-radius: 50px;
    font-family: 'Baloo Thambi 2', cursive;
    font-size: 20px;
    text-align: center;
    outline: none !important;
    line-height: 1.3em;
}

.btn::after {
    content: "\f054";
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;   
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    transition: all .4s;
}

.btn:hover {   
    color: #fff;    
}

.btn:hover:after {
    width: 100%;   
    border-radius: 10px;
}

ul.fancy-list{
    list-style: none;
    padding: 0 0 0 30px;
}

ul.fancy-list li{
   padding: 0 0 6px;
}

ul.fancy-list li:after{
    position: absolute;
    left: 14px;   
    content: "\f135";        
    height: auto;
    background-color: transparent;
    font-family: FontAwesome;
    font-size: 18px;
}

ul.fancy-list li:nth-child(5n+1)::after {
    color: #5255c5;
}

ul.fancy-list li:nth-child(5n+2)::after {
    color: #5dba3b;
}

ul.fancy-list li:nth-child(5n+3)::after {
    color: #ff8b00;
}

ul.fancy-list li:nth-child(5n+4)::after {
    color: #ff5157;
}

ul.fancy-list li:nth-child(5n+5)::after {
    color: #ffc000;
}

a.default-btn:hover{

   

}

.mb-30 {

    margin-bottom: 30px ! important;

}

.mb-40 {

    margin-bottom: 40px ! important;

}


.mb-25{

    margin-bottom: 25px;

}

.pb-30 {

    padding-bottom: 30px ! important;

}

.pt-30 {

    padding-top: 30px ! important;

}



.pb-40 {

    padding-bottom: 40px ! important;

}

.pt-40 {

    padding-top: 40px ! important;

}



.pb-85 {

    padding-bottom: 85px ! important;

}



.pt-85 {

    padding-top: 85px ! important;

}



.pb-65 {

    padding-bottom: 65px ! important;

}



.pt-65 {

    padding-top: 65px ! important;

}



.pb-100 {

    padding-bottom: 85px ! important;

}



.pt-100 {

    padding-top: 100px ! important;

}



.pt-100 {

    padding-top: 100px ! important; 

}



.pt-12 {

    padding-top: 12px ! important;

}

.highlight{

}

.highlight a{
	background-image: url(http://vasudevamschool.com/wp-content/uploads/2020/06/new_red.gif);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top 2px right 2px;
    background-origin: unset;
}

.bg-green{

	background: #5dba3b;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(to bottom, #5dba3be6, #5dba3b), url(http://vasudevamschool.com/wp-content/uploads/2020/06/class4.png);

    border-radius: 20px;

}

.color-1{

    color:#ba3336;

}



.color-2{

    color:#f58634;

}



.color-3{

    color:#e6bc34;

}



.color-4{

    color:#0b7347;

}



.color-5{

    color:#ec2790;

}



.color-6{

    color:#0993ca;

}



.bg-1{

background-color:#0993ca;

}

.bg-blue{

background-color:#5255c5;

}

.bg-2{

    background-color: #f58634;

}



.bg-3{

    background-color: #ec2790;

}





/******** home page ******/



.home-sectoin-1{

    background: #fff;

    padding-top: 45px;

    padding-bottom: 25px;

}



.home-sectoin-1 .icon{    

    width: 55px;

    height: 55px;

    border-radius: 50px;

    line-height: 55px;

    text-align: center;

    color: #fff;

    font-size: 20px;

    margin: 23px 0 0 0;

}



.bg-white{

    background: #fff;

}



.home-section-2{

    padding-bottom: 45px;

}



.home-section-2 .box{

    margin-bottom: 20px;

}



.full-height-row{   

}

.home-section-2 .box img{

    border-radius: 20px;

}



.working-hour{

    margin: 0;    

    text-align: center;

    border: 1px dashed #fff;

    border-radius: 20px;

    margin: 38px 0;

}



.working-hour .working-hour-inner{

    margin: 0;

    padding: 0 8px;

    color: #fff;

}



.working-hour .working-hour-inner h3{

    margin-top: 30px;
 
}



.notice{

    margin: 15px 0 30px 0;

}



.working-hour .working-hour-inner p{

    color: #fff;

    font-size: 16px;

}



.home-section-3{    

    padding: 60px 0;
    text-align: center;
    color: #fff;
    background-color: #5dba3b;
    background-image: url(http://vasudevamschool.com/wp-content/uploads/2020/06/pattern_enroll-1.png);
    background-repeat: repeat;

}



.home-section-3 p{    
    color: #fff;
    width: 80%;
    margin: 0 auto;

}

.home-section-3 p span{    
    background: rgba(80,160,51,0.80);
    padding: 20px;
    font-size: 30px;
    border-radius: 50px;

}

.home-section-3 h1{
    font-weight: bold;
}



.home-section-4{

    background: #fff;

    padding: 15px 0 40px 0;

}



.home-section-4 h2{

    padding-bottom: 25px;

}    



.home-section-4 .class-box{

   

}



.home-section-4 .class-box img{

    border-radius: 10px;

}



.home-section-4 .class-box .age-box{

        margin: -24px 0 0;

    background: #9927ec;

    padding: 15px 0 3px 0;

    color: #fff;

    text-align: center;

}



.home-section-4 .class-box .age-box h5{

    margin: 3px 0 4px;

    font-size: 16px;

}



.home-section-4 .class-box .age-box p{

    margin: 0px 5px 1px;

    color: #fff;

}



.home-section-4 .class-box .content{

    padding: 10px 7px;

    box-shadow: 1px 2px 19px 0px rgba(0,0,0,0.25);

    background-color: white;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

        text-align: center;

    min-height: 282px;

}



.home-section-4 .class-box .content h5{

    font-family: 'Baloo Thambi 2', cursive;

    font-size: 23px;

}

.home-feature{
    padding: 25px 0 45px 0;
}

.home-feature img{
    border-radius: 50%;
    width: 320px;
    height: 320px;
}

.home-gallery{

    background: #0993ca;

    padding-top: 7px;

    color: #fff;

}



.feature-box{    
    margin-bottom: 35px;
}

.feature-box .ico{   

}

.feature-box .ico span{   

}



.feature-box h2{   

}

.fancy-img{

    border-radius: 20px;

    border: 6px solid #ec2790;

    padding: 8px;

}



/*****************/



.home-contact-us .heading-title h3{

    margin: 0 0 20px 0;

}



.wpcf7 input[type="submit"]{

    border-radius: 4px;

    background-color: #F26967;

    color: #fff;

    font-size: 15px;

    outline: 0px;

    outline-offset: 0px;

    font-family: "gotham-medium";

    padding: 10px 22px;

    min-width: 174px;

    text-align: center;

    text-transform: uppercase;

    border: 1px solid #F26967;

}


.contact-box {

    padding: 10px;

    margin-bottom: 12px;    

}



.contact-box .wpcf7 textarea {

    height: 200px;

    padding-left: 17px;

}



.commentlist .reply{

    margin: 14px 0;    

}



.commentlist .reply a.comment-reply-link{

    position: relative;

    top: 0;

    padding: 5px 20px;

}



.comment-awaiting-moderation{

    font-size: 15px;

    color: red;

}



form#commentform p input[type="submit"]{

    border-radius: 4px;

    background-color: #fff;

    color: #F26967;

    font-size: 15px;

    outline: 0px;

    outline-offset: 0px;

    font-family: "gotham-medium";

    padding: 9px 10px;

    min-width: 174px;

    text-align: center;

    text-transform: uppercase;

    border: 2px solid #F26967;

    width: 200px;

}



.comment-respond{

    

}



.no-review{

    padding: 18px 0;

    text-align: center;

}



.ajax-auth{

    display: none;

}



.logged-in{

    margin-top: -32px;

}



.logged-in #wpadminbar{

    display: none;

}



.wpcf7 textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]{

	border: 1px solid #dcd7d7;
    background: #fff;

}



.wpcf7 select{

    border: 1px solid #dcd7d7;

    width: 100%;

    height: 35px;

    padding: 0 4px;

}



.wpcf7 select:focus, input[type="text"]:focus{

    border-color: #0993ca !important;

    outline: none;

    border: 1px solid;



}



span.wpcf7-list-item{

    margin: 0 5px 0px 4px;

}



.form-heading{

    border-bottom: 2px solid #0993ca;

    padding-bottom: 8px;

    margin-bottom: 10px;

}



/***********  Social Feed  ******************/



.social-feed{



}



.social-feed .home-blog-box{

    border-radius: 3px;

    box-shadow: 1px 2px 19px 0px rgba(0,0,0,0.25);

    background-color: white;

    padding: 20px 8px 18px 8px;

    text-align: center;

    margin-bottom: 20px;

    min-height: 265px;

    overflow: hidden;

    height: 355px;

}





.address-box{



}



.address-box span{
    color: #fff;
    font-size: 14px;
    height: 33px;
    width: 24px;
    float: left;
    margin-top: 6px;

}



.address-box p{

    font-size: 16px;

    margin: 0 0 10px;

}



.address-box .phone a{

    margin-right: 3px;

    color: #515151;



}

 



.home-blog-box{

    border-radius: 10px;

    box-shadow: 1px 2px 19px 0px rgba(0,0,0,0.25);

    background-color: white;

    padding: 8px;

} 



.home-blog-box .home-blog-title h2{

    font-size: 20px;

    margin: 4px 0 6px;

}



.home-blog-box .home-blog-title h2 a{

    color: #ba3336;

}



.admission-form p{

    font-size: 15px;

}



.admission-form label{

    display: block;

}



.about-parents{

    color: #ba3336; 

    font-weight: 800;

}   



.mb-10{

     margin-bottom: 10px;   

}

.form-box{
    border: 1px solid #ddd;
    padding: 25px;
    border-radius: 20px;
    background: floralwhite;

}

.home-timer{
    background-color: #ffc000;
    background-image: url(http://vasudevamschool.com/wp-content/uploads/2020/06/timer-bg.png);
    background-position: 299px -255px;
    background-repeat: repeat;
    padding: 70px 0 70px 0;
}

.home-timer .ballon{
    position: absolute;
    top: -105px;
}

.home-timer .little-boy{
    position: absolute;
    top: -99px;
    right: 0;
}

.home-timer .content_countdown{
    z-index: 222;
    position: relative;
}

.home-timer #main_countedown_1 .time_description{
    font-size: 23px;
    font-family: 'Baloo Thambi 2', cursive;
    color: #fff;
    background: #077ea7;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 5px 0;
    margin: 0;
}


.home-timer #main_countedown_1 .element_conteiner:nth-child(4n+1) .time_description{
    background: #e04b4e ! important;
}

.home-timer #main_countedown_1 .element_conteiner:nth-child(4n+2) .time_description{
    background: #474aab ! important;
}

.home-timer #main_countedown_1 .element_conteiner:nth-child(4n+3) .time_description{
    background: #50a033 ! important;
}

.home-timer #main_countedown_1 .element_conteiner:nth-child(4n+4) .time_description{
    background: #e07b21 ! important;
}


.home-timer #main_countedown_1 .element_conteiner{
    min-width: 190px;
    padding: 0 5px;
    margin-bottom: 10px;
}

.home-timer #main_countedown_1 .time_left{
    background-color: #3DA8CC;
    font-size: 74px;
    font-family: 'Baloo Thambi 2', cursive;
    color: #fff;
    font-weight: bold;
    padding-bottom: 30%;
    padding-top: 30%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.home-timer #main_countedown_1 .days{
    background-color: #ff5157;
}

.home-timer #main_countedown_1 .hourse{
    background-color: #5255c5;
}

.home-timer #main_countedown_1 .minutes{
    background-color: #5dba3b;
}

.home-timer #main_countedown_1 .secondes{
    background-color: #ff8b00;
}

.box-3{
	   text-align: center;
    background: #fff;
    padding: 25px 10px;
    border-radius: 20px;

}

.box-3 .icon{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 60px;
    color: #fff;
    font-size: 25px;
    margin-bottom: 20px;
}

.box-3 p {

}

/********* Media Query for large Device *************/



@media (min-width: 768px) {       

    .rsrc-main-menu .navbar-nav {        

        margin: 0;

        display: flex;

        justify-content: space-between;

        margin-bottom: 0;

        float: none;

    }

    .current-page-item{

		top: 3%;

	}	

    .navbar-nav > li {        

        margin: 0 18px;

    }		

}


/********* Media Query for small Device *************/



@media (max-width: 767px) {

    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {

        text-align: inherit;

    } 
   

    .rsrc-main-menu{

        padding: 8px 8px 8px 8px ! important;

    }

    .headline-secondary{

        font-size: 100px;

    }  



    .top-header{

        padding: 8px 0;

    }



    .top-header .right{

        display: none;

    }



    .contact-list{
        padding: 4px 8px 0px;
        float: none;
    }   

    .contact-list li{

        margin-right:2px;

    } 

    .contact-list li i{
        margin-right: 2px;
    }

    .contact-list li:last-child{

        display: none;

    }    

    .home-sectoin-1{
        text-align: center;
    }

    .home-sectoin-1 .icon{
        margin: 0 auto;
    }

    .home-timer .little-boy, .home-timer .ballon{
        display: none;
    }

    .home-timer #main_countedown_1 .element_conteiner{
        width: 25%;
        float: left;
    }

}