@import url('https://fonts.googleapis.com/css?family=Exo+2:800');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
.exo {font-family: 'Exo 2', sans-serif !important;}
.robotoCondensed {font-family: 'Roboto Condensed', sans-serif !important;}
.poiretone-cursive {font-family: 'Poiret One', cursive !important;}
.greatvives-cursive {font-family: 'Great Vibes', cursive !important;}
.hidden{visibility: hidden;display:none;}
.b {font-weight: bolder !important;}
.fullheight {height: 100% !important;}
.fullwidth {width: 100% !important;}
.noPadding {padding: 0px !important;}
.noMargin {margin: 0px !important;}
.noBorder {border: none !important;}
nav.navbar.shrink {
    height: 60px;
    transition: height ease-in-out .5s;
}
@media only screen and (min-width: 991px) {
    #content {
        margin-top: 350px
    }
    .menuLists > a {
        font-size: 20px;
        margin-right: 15px;
    }
    nav {
        height: 350px;
    }
    .aboutHeading {font-size: 72px;font-family: 'Poiret One', cursive !important;}
    .mainLogo{height: 120px !important}
    .menuLogo > div > img { height: 40px !important }

}
@media only screen and (max-width: 990px) and (min-width: 768px) {
    #content {
        margin-top: 330px
    }
    .menuLists > a {
        font-size: 15px;
        margin-right: 5px;
        font-weight: 900 !important
    }
    nav {
        height: 350px;
    }
    .aboutHeading {font-size: 65px;font-family: 'Poiret One', cursive !important;}
    .mainLogo{height: 115px !important}
    .menuLogo > div > img { height: 40px !important }
}
@media only screen and (max-width: 767px) and (min-width: 544px) {
    #content {
        margin-top: 330px
    }
    .menuLists > a {
        font-size: 12px;
        margin-right: 2px;
        font-weight: 900 !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }
    nav {
        height: 350px;
    }
    .aboutHeading {font-size: 55px;font-family: 'Poiret One', cursive !important;}
    .mainLogo{height: 110px !important}
    .menuLogo > div > img { height: 35px !important }

}
@media only screen and (max-width: 543px) and (min-width: 347px) {
    #content {
        margin-top: 350px
    }
    .menuLists > a {
        font-size: 12px;
        margin-right: 2px;
        font-weight: 900 !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }
    nav {
        height: 350px;
    }
    .aboutHeading {font-size: 35px;font-family: 'Poiret One', cursive !important;}
    .mainLogo{height: 105px !important}
    .menuLogo > div > img { height: 30px !important }
}
@media only screen and (max-width: 346px) {
    #content {
        margin-top: 350px
    }
    .menuLists > a {
        font-size: 12px;
        margin-right: 2px;
        font-weight: 900 !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }
    nav {
        height: 340px;
    }
    .aboutHeading {font-size: 35px;font-family: 'Poiret One', cursive !important;}
    .mainLogo{height: 100px !important}
    .menuLogo > div > img { height: 25px !important }
}
.page-footer{margin: 0px !important}
.menu {
    height: 100%;
    width: 100%;
    left: -100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .9);
    z-index: 1002;
    transition: left ease-in-out .3s
}
.content {width: 100%;}
#menucheck:checked ~ .menu {left: 0% !important;}
#menuchecklabel {font-size: 20px;}
.menuItems {padding-top: 20%;}
.menuItems > li {margin-top: 20px;margin-left: 20px}
.menuItems > li > a {
    font-size: 30px;
    line-height: 35px;
    color: white;
    font-family: 'Poiret One', cursive;
    font-weight: bolder;
}
@media only screen and (max-width: 768px) {
    .menuItems {padding-top: 0%;}
    .menuItems > li {margin-top: 10px;}
    .menuItems > li > a {font-size: 20px;line-height: 20px;}
}

.mailUsHeading {
    padding: 7px 36px;
    display: inline-block;
    background-color: #000;
    border-radius: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.socmed ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.socmed ul li {
    margin: 10px 0px !important;
    display: inline-block;
}
.socmed ul li a {
    background: none;
    font-size: 18px;
    padding: 4px !important;
    color: white !important;
}
.socmed ul li a:hover {
    ;
    color: yellow !important;
}
.fa-fw {width: 1.28571429em;text-align: center;}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    /* text-rendering: auto; */
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.homeCanvas {
    background: url(../img/slide1.jpg);
    background-size: 100%;
    background-attachment: fixed;
    animation-name: changeCover;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.aboutContainer {
    background: url(../img/slide1.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.index-tab-menu> a {
    color: #FFF;
    padding: 5px;
    margin-right: 20px;
    transition: all ease-in-out .3s;
}
.index-tab-menu> a:hover {
    border-bottom: yellow solid 5px;
}
.tab-pane.fade > .row > .col-sm-3 {
    padding-bottom: 15px;
    padding-right: 0px;
}
.tab-pane.fade > .row > .col-sm-3 > .view {
    margin-top: 15px;
}
.sidefooter {
    position: fixed;
    right: -140px;
    top: 50%;
    bottom: 50%;
    z-index: 99;
}
.copyright {
    -moz-transform: rotate(90deg) translatez(0);
    -ms-transform: rotate(90deg) translatez(0);
    transform: rotate(90deg) translatez(0);
    -webkit-transform-origin: 50% 51%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0;
}