@import url(animate.css);
@font-face{
    font-family:uwsfont;
    src:url(../fonts/uwsfont_light.otf);
    font-weight:300
}
@font-face{
    font-family:uwsfont;
    src:url(../fonts/uwsfont_regular.otf);
    font-weight:400
}
@font-face{
    font-family:uwsfont;
    src:url(../fonts/uwsfont_medium.otf);
    font-weight:700
}
@font-face{
    font-family:uwsfont;
    src:url(../fonts/uwsfont_bold.otf);
    font-weight:900
}
@font-face{
    font-family:uwshindifont;
    src:url(../fonts/Kruti.ttf)
}
body{
    font-family:Lato,sans-serif;
    font-weight:300;
    font-size:16px
}
a,a:focus,a:hover,button,button:focus,button:hover{
    border:0;
    outline:0;
    text-decoration:none
}
ol,ul{
    list-style-type:none;
    padding:0;
    margin:0
}
.main{
    position:relative;
    overflow:hidden
}
.fullpage-wrapper{
    position:relative
}
#fp-nav.fp-right{
    display:none
}
.hero-slider{
    display:table;
    height:100%;
    width:100%
}
.fp-viewing-0 header{
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    width:100%;
    padding:10px 0 10px 0;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
header{
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    width:100%;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    padding:5px 0 5px 0
}
.front-page header:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:175px;
    background:-moz-linear-gradient(top,rgba(0,0,0,.4) 0,rgba(255,255,255,0) 100%);
    background:-webkit-linear-gradient(top,rgba(0,0,0,.4) 0,rgba(255,255,255,0) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,.4) 0,rgba(255,255,255,0) 100%);
    z-index:0;
    opacity:0;
    visibility:hidden
}
.front-page.fp-viewing-0 header:after{
    opacity:1;
    visibility:visible
}
header .container{
    position:relative;
    z-index:1
}
header:before{
    background:#3e3635;
    content:"";
    height:100%;
    width:100%;
    left:-100%;
    top:0;
    position:absolute;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.fp-viewing-0 header:before,header.header-active:before{
    left:-100%
}
header.header-active:after{
    top:-100%
}
.brand-nav{
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
header.header-active .brand-nav{
    opacity:0;
    visibility:hidden
}
header:before{
    left:0
}
@media screen and (min-width:1278px){
    header .container{
        max-width:80%
    }
}
.navbrand{
    display:block;
    float:left;
    line-height:normal
}
.navbrand img{
    display:block;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.fp-viewing-0 header .navbrand img{
    width:400px
}
header .navbrand img{
    width:150px
}
.nav-toggler{
    float:right;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.fp-viewing-0 .nav-toggler{
    margin:55px 0 0
}
header .nav-toggler{
    margin:18px 0 0
}
header .main-menu-wrapper{
    position:absolute;
    top:64px;
    padding:40px 0;
    left:0;
    height:calc(100vh - 72px);
    width:265px;
    margin-top:0;
    opacity:0;
    visibility:hidden;
    z-index:12;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
header .main-menu-wrapper:after{
    content:"";
    top:0;
    left:0;
    width:320px;
    background:#6c5f5e;
    position:absolute;
    z-index:0;
    height:100%;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    z-index:0;
    opacity:0
}
header .main-menu-wrapper.mm-active{
    opacity:1;
    visibility:visible
}
header .main-menu-wrapper.for_nav_child{
    background:#6c5f5e
}
header .main-menu-wrapper.for_nav_child:after{
    left:100%;
    opacity:1
}
header .main-menu{
    position:absolute;
    top:0;
    padding:40px 30px 0 20px;
    left:0;
    height:calc(100vh - 0px);
    width:100%;
    z-index:1
}
header .main-menu>li{
    position:static;
    margin-top:70px;
    opacity:0;
    color:#fff;
    line-height:150%;
    font-weight:700;
    padding-bottom:28px;
    cursor:pointer;
    width:auto;
    font-weight:500;
    display:block;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    z-index:1
}
header .main-menu>li:nth-child(1){
    transition-delay:.2s
}
header .main-menu>li:nth-child(2){
    transition-delay:.3s
}
header .main-menu>li:nth-child(3){
    transition-delay:.4s
}
header .main-menu>li:nth-child(4){
    transition-delay:.5s
}
header .main-menu>li:nth-child(5){
    transition-delay:.6s
}
header .main-menu>li:nth-child(6){
    transition-delay:.7s
}
header .main-menu>li:nth-child(7){
    transition-delay:.8s
}
header .main-menu>li:nth-child(8){
    transition-delay:.9s
}
header .main-menu>li:nth-child(9){
    transition-delay:1s
}
header .main-menu>li:nth-child(10){
    transition-delay:1.1s
}
header .main-menu-wrapper.mm-active .main-menu>li{
    margin-top:0;
    opacity:1
}
header .main-menu>li>a{
    color:#fff;
    cursor:pointer;
    font-size:20px
}
header .main-menu li.dropdown ul.dropdown-menu{
    display:block;
    position:absolute;
    top:0;
    left:100%;
    background:0 0;
    box-shadow:none;
    border:0;
    padding:38px 0;
    width:320px;
    margin:0;
    opacity:0;
    visibility:hidden;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
header .main-menu li.dropdown ul.dropdown-menu.dm-open{
    opacity:1;
    visibility:visible
}
header .main-menu li.dropdown ul.dropdown-menu li{
    margin-bottom:20px
}
header .main-menu li.dropdown ul.dropdown-menu li a{
    color:#fff;
    font-size:18px;
    display:block;
    padding:0 10px;
    line-height:normal
}
#main-nav .have-sub-child{
    position:relative
}
#abtSide,#main-nav .have-sub-child ul{
    display:block;
    z-index:1;
    padding:10px 0 0;
    max-width:200px
}
#abtSide li,#main-nav .have-sub-child ul li{
    margin-bottom:0!important
}
#abtSide li a,#main-nav .have-sub-child ul li a{
    display:block;
    color:#fff;
    padding:8px 15px;
    font-size:14px;
    font-weight:300
}
#abtSide{
    padding-bottom:0!important
}
#abtSide li{
    padding:0
}
#abtSide li a{
    color:#677b6e;
    padding:8px 10px;
    font-size:16px;
    font-weight:400
}
#main-nav .have-sub-child ul{
    display:none;
    padding:10px 0 0
}
@media screen and (min-width:767px){
    #abtSide{
        display:none;
        padding:10px 0 0
    }
}
.toggler-dots{
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    background:0 0;
    margin-right:10px;
    vertical-align:top;
    cursor:pointer
}
.toggler-dots .dot{
    position:absolute;
    display:block;
    height:4px;
    width:4px;
    background-color:#fff;
    border-radius:50%;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.toggler-dots .dot.top-left{
    top:0;
    left:0
}
.toggler-dots .dot.top-middle{
    left:40%
}
.toggler-dots .dot.top-right{
    left:80%
}
.toggler-dots .dot.middle-left{
    top:40%;
    left:0
}
.toggler-dots .dot.middle-middle{
    top:40%;
    left:40%
}
.toggler-dots .dot.middle-right{
    top:40%;
    left:80%
}
.toggler-dots .dot.bottom-left{
    top:80%;
    left:0
}
.toggler-dots .dot.bottom-middle{
    top:80%;
    left:40%
}
.toggler-dots .dot.bottom-right{
    top:80%;
    left:80%
}
.nav-toggler .menu-icon-text{
    position:relative;
    width:80px;
    height:24px;
    overflow:hidden;
    top:-2px;
    display:inline-block;
    cursor:pointer
}
.nav-toggler .menu-icon-text p{
    position:relative;
    color:#fff;
    font-size:18px;
    font-weight:700;
    line-height:24px;
    height:100%;
    width:100%;
    margin-bottom:0;
    letter-spacing:1px;
    opacity:1
}
.nav-image-wrapper{
    position:fixed;
    top:74px;
    transform:translateX(100%);
    width:100%;
    height:100%;
    z-index:10;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    opacity:0;
    transition-delay:.2s
}
.nav-image-wrapper.nav-image-opener{
    opacity:1;
    transform:translateX(20%)
}
.nav-image-wrapper.nav-image-hover{
    right:0
}
.theme-btn{
    padding:10px 26px;
    border-radius:0;
    background:#3e3635;
    color:#fff;
    display:inline-block;
    border:0
}
.theme-btn:hover{
    opacity:.7
}
.slideTile{
    position:fixed;
    width:10%;
    bottom:-100%;
    left:0;
    background:#6c5f5e;
    height:100%;
    z-index:10;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.slideTile.st-active{
    bottom:0
}
.slideTile.st-one{
    transition-delay:.05s
}
.slideTile.st-two{
    left:10%;
    transition-delay:.1s
}
.slideTile.st-three{
    left:20%;
    transition-delay:.15s
}
.slideTile.st-four{
    left:30%;
    transition-delay:.2s
}
.slideTile.st-five{
    left:40%;
    transition-delay:.25s
}
.slideTile.st-six{
    left:50%;
    transition-delay:.3s
}
.slideTile.st-seven{
    left:60%;
    transition-delay:.35s
}
.slideTile.st-eight{
    left:70%;
    transition-delay:.4s
}
.slideTile.st-nine{
    left:80%;
    transition-delay:.45s
}
.slideTile.st-ten{
    left:90%;
    transition-delay:.5s
}
.hero-slider.owl-carousel .owl-stage-outer,.owl-carousel .owl-stage,.owl-carousel.owl-drag .owl-item{
    display:table;
    height:100%;
    width:100%
}
.hero-slider,.slideItem{
    position:relative;
    height:100%;
    display:inherit
}
.hero-slider.owl-carousel .owl-dots{
    position:absolute;
    z-index:1;
    left:0;
    bottom:0;
    margin-left:6%;
    margin-bottom:2%
}
.hero-slider.owl-carousel .owl-dot{
    display:inline-block;
    margin:0 10px;
    height:10px;
    width:10px;
    border:1px solid #6c5f5e;
    background:#6c5f5e;
    border-radius:50%;
    position:relative;
    box-shadow:0 0 45px #000;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.hero-slider.owl-carousel .owl-dot:after{
    margin:0;
    height:24px;
    width:24px;
    border:1px solid #6c5f5e;
    background:0 0;
    border-radius:50%;
    content:"";
    position:absolute;
    top:-8px;
    left:-8px;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    transform:scale(0)
}
.hero-slider.owl-carousel .owl-dot.active:after,.hero-slider.owl-carousel .owl-dot:hover:after{
    transform:scale(1)
}
.fp-section:after{
    background:rgba(0,0,0,.6);
    content:"";
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    left:0;
    z-index:0;
    opacity:.4
}
.footer-wrapper.fp-section:after{
    display:none
}
.slider-content-wrapper{
    height:100%;
    width:100%;
    display:table;
    position:relative;
    z-index:1
}
.content-wrapper{
    display:table-cell;
    vertical-align:middle
}
@media screen and (min-width:768px){
    .content-wrapper .container{
        max-width:80%
    }
}
.front-page .content-wrapper .container .scontent{
    width:100%;
    position:relative;
    margin:12% 0 0;
    transition:.9s ease-in-out;
    -moz-transition:.9s ease-in-out;
    -webkit-transition:.9s ease-in-out;
    transition-delay:.3s
}
@media screen and (min-width:767px){
    .front-page .content-wrapper .container .scontent{
        width:575px
    }
}
.content-wrapper .container .scontent:after{
    z-index:0;
    position:absolute;
    content:"";
    height:400px;
    width:320px;
    background:#504235;
    top:-140px;
    left:0;
    right:0;
    -webkit-clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);
    clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);
    transition:.6s ease-in-out;
    -moz-transition:.6s ease-in-out;
    -webkit-transition:.6s ease-in-out;
    transform:scale(1) rotate(0);
    transition-delay:.2s;
    display:none
}
.content-wrapper .container .scontent:before{
    z-index:0;
    position:absolute;
    content:"";
    height:200px;
    width:100%;
    background:#7e694c;
    top:-40px;
    left:-60px;
    right:0;
    -webkit-clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);
    clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);
    transition:.6s ease-in-out;
    -moz-transition:.6s ease-in-out;
    -webkit-transition:.6s ease-in-out;
    transform:translateY(100px);
    transition-delay:.3s;
    opacity:0;
    border-bottom:5px solid #504235;
    display:none
}
.content-wrapper .container .scontent h2{
    color:#fff;
    font-size:44px;
    position:relative;
    font-weight:400;
    z-index:1;
    transition:.9s ease-in-out;
    -moz-transition:.9s ease-in-out;
    -webkit-transition:.9s ease-in-out;
    text-transform:uppercase;
    letter-spacing:1.05px
}
.hero-slider .owl-item.active .content-wrapper .container .scontent h2{
    transform:translateX(0)
}
.content-wrapper .container .scontent h2 small{
    font-size:15px;
    color:#fff;
    display:block;
    margin-top:10px
}
.content-wrapper .container .scontent p{
    color:#fff;
    font-size:18px;
    line-height:25px;
    font-weight:400;
    letter-spacing:.5px
}
.hero-slider .owl-item.active .content-wrapper .container .scontent:after{
    left:100px;
    opacity:0
}
.hero-slider .owl-item.active .content-wrapper .container .scontent:before{
    opacity:1;
    transform:translateY(0)
}
.main-loader{
    overflow:hidden;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999999999;
    text-align:center;
    transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out
}
.main-loader:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#403837;
    z-index:0;
    text-align:center;
    transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    content:"";
    transition-delay:.5s
}
.main-loader.loader-open,.main-loader.loader-open:after{
    top:-100%
}
.main-loader .ml-inner{
    display:table;
    width:100%;
    height:100%;
    position:relative;
    z-index:1
}
.main-loader .ml-inner .ml-content{
    display:table-cell;
    vertical-align:middle
}
.main-loader .ml-inner .ml-content p{
    display:none
}
.main-loader .ml-inner .ml-content p img{
    width:300px;
    margin:0 auto;
    padding:0 0;
    display:block;
    transition-delay:.4s
}
.flag{
    width:300px;
    height:200px;
    margin:50px;
    margin:0 auto
}
.flag-element{
    -webkit-animation:oscill 1s ease-in-out infinite alternate;
    -moz-animation:oscill 1s ease-in-out infinite alternate;
    -ms-animation:oscill 1s ease-in-out infinite alternate;
    animation:oscill 1s ease-in-out infinite alternate;
    background:url(../images/logo/logo-white.png) no-repeat center center/250px;
    position:relative;
    height:100%;
    width:1px;
    display:inline-block
}
@-webkit-keyframes oscill{
    0%{
        top:3%
    }
    100%{
        top:-3%
    }
}
@-moz-keyframes oscill{
    0%{
        top:3%
    }
    100%{
        top:-3%
    }
}
@-ms-keyframes oscill{
    0%{
        top:3%
    }
    100%{
        top:-3%
    }
}
@keyframes oscill{
    0%{
        top:3%
    }
    100%{
        top:-3%
    }
}
#section0 .content-wrapper .container .scontent h2{
    font-size:32px
}
#section0 .content-wrapper .container .scontent{
    box-shadow:none;
    border-radius:0;
    background:0 0
}
#section1 .content-wrapper .container .scontent{
    float:right;
    text-align:right
}
#section1 .content-wrapper .container .scontent,#section2 .content-wrapper .container .scontent,#section3 .content-wrapper .container .scontent,#section4 .content-wrapper .container .scontent,#section5 .content-wrapper .container .scontent,#section6 .content-wrapper .container .scontent,#section7 .content-wrapper .container .scontent{
    transform:translate(0,50px);
    opacity:0
}
#section1.active .content-wrapper .container .scontent,#section2.active .content-wrapper .container .scontent,#section4.active .content-wrapper .container .scontent,#section5.active .content-wrapper .container .scontent,#section6.active .content-wrapper .container .scontent,#section7.active .content-wrapper .container .scontent{
    transform:translate(0,0);
    opacity:1
}
#section3.active .content-wrapper .container .scontent{
    transform:translate(0,-100px);
    opacity:1
}
.scontent .slide-btn{
    margin:22px 0 0
}
.scontent .slide-btn a{
    line-height:normal;
    transition:.9s ease-in-out;
    -moz-transition:.9s ease-in-out;
    -webkit-transition:.9s ease-in-out;
    transition-delay:.5s;
    transform:translate(0,20px);
    opacity:0;
    display:inline-block
}
.scontent .slide-btn a span{
    display:inline-block;
    padding:5px 2px;
    font-size:16px;
    border-bottom:1px solid #fff;
    color:#fff;
    line-height:normal;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    letter-spacing:3px;
    position:relative
}
.scontent .slide-btn a span:after{
    position:absolute;
    content:"";
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    border-top:8px solid #fff;
    bottom:-8px;
    left:0;
    right:0;
    margin:auto;
    width:0
}
.section.active .content-wrapper .container .scontent .slide-btn a{
    transform:translate(0,0);
    opacity:1
}
.scontent .slide-btn a:hover span{
    opacity:.7
}
#section4 .content-wrapper .container .scontent{
    margin:25% 0 0
}
#section5 .content-wrapper .container .scontent{
    margin:30% auto 0;
    float:right;
    background:0 0;
    box-shadow:none
}
#section6 .content-wrapper .container .scontent{
    margin:0 0 0
}
.e_calendar{
    width:100%;
    max-width:400px;
    display:inline-block
}
.overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    z-index:99999;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    opacity:0;
    visibility:hidden
}
.overlay.overlay-active{
    opacity:1;
    visibility:visible
}
.slide-navigation{
    position: fixed;
    right: -100%;
    height: 100vh;
    z-index: 9999999;
    background: rgba(62,54,53,.9);
    top: 0;
    padding: 20px 40px;
    width: 35vw;
    padding: 2rem;
    transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.slide-navigation.active-sn{
    border-radius:0;
    right:0
}
.navBottom{
	flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
	width:60%;	
	padding-right:60px;
	transition:1s ease-in-out;
	transform:translateX(20px);
	opacity:0;
	transition-delay:.5s;
}
.slide-navigation.active-sn .navBottom{
   transform:translateX(0px);
	opacity:1;
}
.navBottom >a {
	display: block;
    width: 100%;
    text-align: center;
	margin:0 0 20px 0;
}
.navBottom >a img{
	width:322px;
}
.navBottom div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.navBottom div a{
	font-size: 18px;
    margin: 0 10px;
    padding: 10px 20px;
    border-radius: 5px;
    background: #655654;
    color: #fff;
    font-weight: 500;
    line-height: normal;
}
.nav-close{
    position:absolute;
    top:0;
    right:0;
    margin:40px 40px 0 0;
    width:40px;
    height:40px;
    font-size:42px;
    color:#fff;
    cursor:pointer;
    z-index:999
}
.nav-close span:first-child{
    transform:rotate(50deg) translate(3px,0)
}
.nav-close span:last-child{
    transform:rotate(-50deg)
}
.fp-viewing-0 .quick-nav{
    margin:47px 26px 0 0
}
.quick-nav{
    margin:13px 26px 0 0;
    border-right:1px solid #ddd;
    padding:4px 30px 4px 0;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.quick-nav li{
    display:inline-block;
    vertical-align:middle
}
.quick-nav li a{
    display:inline-block;
    padding:6px 16px;
    font-size:16px;
    color:#2e2827;
    background:#fff;
    border-radius:4px;
    font-weight:400;
    line-height:normal;
    text-transform:uppercase
}
.quick-nav li:not(:first-child) a{
    margin-left:6px
}
#main-nav{
   margin-top: 20%;
}
#main-nav>ul{
    float:left;
    width:45%;
    height:100%;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-image:none
}
#main-nav>ul>li{
    position:relative;
    width:100%;
    padding:.1rem 0 .2rem 5%
}
#main-nav>ul>li:not(:last-child){
    margin-bottom:10px
}
#main-nav>ul>li>a{
    color:#fff;
    font-size:18px;
    font-weight:300;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    text-transform:uppercase
}
@media screen and (min-width:991px){
    #main-nav>ul>li>a:hover{
        opacity:.5
    }
}
#main-nav>ul>li.have-child-active a{
    opacity:.5
}
#main-nav>ul>li>ul{
    opacity:0;
    visibility:hidden;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    position:absolute;
    top:4px;
    left:100%;
    width:100%
}
#main-nav>ul>li>ul li{
    display:none
}
#main-nav>ul>li>ul.ul_found_er.ul_found{
    opacity:0;
    visibility:hidden
}
#main-nav>ul>li>ul li:not(:last-child){
    margin-bottom:15px
}
#main-nav>ul>li>ul li a{
    color:#fff;
    display:block;
    font-size:16px;
    font-weight:300;
    text-transform:uppercase;
    line-height:normal;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    padding-top:2px;
    padding-bottom:2px
}
#main-nav>ul>li>ul li a:hover{
    opacity:.5;
    letter-spacing:.5px;
    transform:scale(1.02)
}
#main-nav>ul>li>ul.ul_found{
    opacity:1;
    visibility:visible
}
.fp-viewing-8 #fp-nav{
    opacity:0;
    visibility:hidden;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    transition-delay:1s,1s
}
.fp-viewing-8 header:after{
    display:none
}
.footer-wrapper{
    z-index:9999
}
.front-page .brand-footer{
    padding:100px 0 40px 0
}
.inner-page .brand-footer{
    padding:50px 0 40px 0;
    background:#3e3635;
    position:relative;
    z-index:1
}
@media screen and (min-width:767px){
    .brand-footer .container{
        max-width:80%
    }
}
.brand-footer .footer-widget{
    padding:20px 0
}
.brand-footer .footer-widget h3{
    margin:0;
    font-size:16px;
    color:#fff;
    margin-bottom:16px;
    text-transform:uppercase;
    font-weight:300;
    position:relative;
    padding-bottom:10px;
    padding-top:5px
}
.brand-footer .footer-widget h3:after{
    width:40px;
    background:silver;
    height:1px;
    position:absolute;
    top:100%;
    left:0;
    content:""
}
.brand-footer .footer-widget ul li{
    margin:8px 0
}
.brand-footer .footer-widget ul li a{
    font-size:14px;
    color:silver;
    font-weight:300;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    text-transform:none;
    line-height:normal;
    display:block
}
.brand-footer .footer-widget ul li a:hover{
    color:#fff;
    letter-spacing:.5px;
    transform:scale(1.01)
}
a.footer-brand-logo{
    display:block;
    position:relative
}
.footer-brand-logo img{
    padding:10px 0;
    width:350px
}
.socials{
    margin:0 0 0;
    text-align:right
}
.socials a{
    background:#999 none repeat scroll 0 0;
    display:inline-block;
    font-size:26px;
    height:36px;
    margin:0 5px;
    width:36px;
    padding:2px 2px;
    transition:.3s;
    line-height:normal;
    text-align:center;
    color:#fff;
    border-radius:50%;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    vertical-align:middle
}
.socials a:hover{
    opacity:.6
}
.mobile-links{
    display:inline-block;
    vertical-align:top
}
.mobile-links+.mobile-links{
    margin-left:10px;
    float:right
}
.mobile-links li:first-child a:last-child{
    margin-left:36px;
    display:block;
    line-height:normal
}
.mobile-links li:not(:last-child){
    margin-bottom:12px
}
.mobile-links a{
    color:#fff;
    font-weight:300!important;
    position:relative;
    padding-left:40px
}
.footer-address p b,.mobile-links a{
    display:inline-block;
    margin:0 0;
    font-weight:400
}
.mobile-links li:nth-child(1) a:last-child{
    padding-left:4px
}
.mobile-links li:nth-child(1) a:last-child b{
    display:none
}
.mobile-links a b{
    width:26px;
    height:26px;
    border:1px solid #fff;
    color:#fff;
    display:inline-block;
    vertical-align:middle;
    border-radius:50%;
    text-align:center;
    margin:0 10px 0 0;
    font-size:16px;
    padding:2px 0;
    position:absolute;
    left:0;
    top:0;
    line-height:normal
}
.footer-wrapper{
}
.erp-logins{
    font-size:0
}
.erp-logins a:not(:last-child){
    margin-right:30px
}
.erp-logins a{
    display:inline-block;
    width:auto;
    margin-bottom:0;
    color:#ddd;
    text-align:center;
    text-transform:uppercase;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    border-radius:50%;
    width:auto;
    padding:0 5px;
    border:0;
    vertical-align:top
}
.erp-logins a:hover{
    opacity:.6
}
.erp-logins a span{
    font-size:15px;
    display:block;
    margin:5px 0 0;
    color:#fff;
    text-transform:capitalize
}
.erp-logins a i{
    border:1px solid #ddd;
    border-radius:50%;
    height:60px;
    width:60px;
    text-align:center;
    padding:11px 0 0;
    font-size:35px;
    margin-right:2px;
    display:inline-block
}
.erp-logins a i img{
    width:31px;
    vertical-align:top;
    padding:8px 0
}
.inner-page .content-wrapper{
    background:rgba(0,0,0,.2)
}
.section-inner{
    max-width:calc(740px + 2.5rem);
    margin:40px 0 0 0;
    padding-left:40px
}
@media screen and (min-width:991px){
    .middle-content{
        padding:2rem
    }
}
.innerlevel{
    margin-top:40px
}
.innerlevel ul{
    margin:0;
    height:100%;
    padding:0;
    list-style-type:none;
    list-style-image:none
}
.innerlevel ul li{
    margin:0;
    text-transform:uppercase;
    color:#fff;
    margin-left:0;
    padding:10px 0;
    list-style:none
}
.innerlevel ul li a{
    color:#584644;
    font-size:18px;
    font-weight:400;
    display:inline-block;
    transition:.3s ease-in-out
}
.innerlevel ul li a:hover{
    transform:scale(1.04)
}
.page-title{
    webkit-column-span:all;
    -moz-column-span:all;
    -o-column-span:all;
    column-span:all;
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    page-break-inside:avoid;
    break-inside:avoid;
    font-size:32px;
    text-transform:uppercase;
    color:#584644;
    margin-bottom:40px
}
.page-title:after{
    position:relative;
    top:0;
    left:0;
    display:block;
    width:1.5rem;
    height:.6rem;
    margin-bottom:0;
    content:" ";
    border-bottom:1px solid #41604d
}
.text-content{
    margin-top:20px
}
.text-content p{
    font-size:20px;
    margin:0;
    text-decoration:none;
    color:#333;
    line-height:30px
}
.download-withdrawal p{
    padding:0 0 0 28px
}
.video-wrapper{
    position:relative;
    padding-bottom:56.25%;
    padding-top:25px;
    height:0
}
.video-wrapper embed,.video-wrapper iframe,.video-wrapper object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.list-news-and-event{
    padding:20px
}
.content-wrapper .container .scontent .list-news-and-event h2{
    color:#584644;
    padding-bottom:0;
    font-size:36px
}
.news-single{
    margin-top:20px;
    position:relative;
    min-height:72px
}
.news-single a{
    display:block;
    position:relative;
    padding-left:60px;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.news-single .date{
    background-image:url(../images/newspaper.png);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    width:60px;
    height:60px;
    padding-left:6px;
    padding-top:7px;
    position:absolute;
    left:0;
    top:0
}
.news-single .date span{
    display:block;
    font-size:28px;
    font-weight:700;
    color:#584644;
    line-height:normal
}
.news-single .date span:last-child{
    font-size:15px;
    font-weight:500;
    padding:0 0 0 13%;
    margin:-5px 0 0
}
.news-content{
    padding-left:20px
}
.news-content h5{
    color:#333;
    font-size:22px
}
.content-wrapper .container .scontent .news-content p{
    color:#3e3635;
    font-size:16px;
    line-height:normal
}
.content-wrapper .container .scontent .news-single a:hover{
    opacity:.6
}
.scontent .list-news-and-event a span{
    color:#584644;
    border-color:#584644;
    font-weight:400
}
.scontent .list-news-and-event a span:after{
    border-top:8px solid #584644
}
.news-and-event .scontent{
    background:rgba(255,255,255,.8);
    border-radius:5px
}
@media screen and (min-width:767px){
    .front-page .news-and-event .content-wrapper .container .scontent{
        width:600px
    }
}
.table td{
    color:#222
}
.table.style1 thead tr th{
    background:#ddd
}
.table.style2 thead tr th{
    background:#655654;
    color:#fff
}
.list ul{
    list-style-type:none;
    padding:0;
    margin:0
}
.list ul li{
    position:relative;
    padding:0;
    margin:10px 0;
    padding-left:30px;
    font-size:20px;
    text-decoration:none;
    color:#333;
    line-height:30px
}
.list ul li ul li{
    padding-left:30px!important
}
.list.style1 ul li:before{
    height:10px;
    width:10px;
    content:"";
    background:#3e3635;
    position:absolute;
    left:0;
    top:10px
}
.list.style2 ul li:before{
    height:10px;
    width:10px;
    content:"";
    background:#3e3635;
    position:absolute;
    left:0;
    top:10px;
    border-radius:50%
}
.list.style3 ul li:before{
    content:"\f17b";
    position:absolute;
    left:0;
    top:3px;
    font-family:LineAwesome;
    font-weight:800;
    color:#3e3635
}
.list.style4 ul{
    counter-reset:list-counter
}
.list.style4 ul li:before{
    counter-increment:list-counter;
    content:counter(list-counter);
    position:absolute;
    left:0;
    top:3px;
    font-family:LineAwesome;
    font-weight:800;
    color:#fff;
    background:#3e3635;
    padding:4px 5px;
    line-height:normal;
    border-radius:4px;
    font-family:monospace;
    font-size:15px
}
.list.style5 ul{
    counter-reset:list-alpha
}
.list.style5 ul li:before{
    counter-increment:list-alpha;
    content:counter(list-alpha,lower-alpha);
    position:absolute;
    left:0;
    top:3px;
    font-family:LineAwesome;
    font-weight:800;
    color:#fff;
    background:#3e3635;
    padding:4px 5px;
    line-height:normal;
    border-radius:4px;
    font-family:monospace;
    font-size:15px
}
.tile-post{
    position:relative
}
.tile-post figure{
    height:300px;
    position:relative;
    z-index:1;
    margin:0
}
.tile-post figure figcaption{
    position:absolute;
    left:0;
    top:0;
    padding:10px 20px;
    z-index:1;
    height:100%;
    width:100%
}
.tile-post figure figcaption:after{
    position:absolute;
    top:0;
    left:0;
    content:"";
    height:100%;
    width:100%;
    z-index:0;
    background:rgba(0,0,0,.3)
}
.tile-post figure figcaption a{
    color:#fff;
    display:inline-block;
    position:relative;
    top:80%;
    font-size:24px;
    z-index:1;
    font-weight:400;
    text-transform:uppercase;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.tile-post figure figcaption a:hover{
    opacity:.7
}
.section-inner-full{
    max-width:calc(80% + 2.5rem);
    margin:40px 0 0 0;
    padding-left:40px
}
.media-content,.media-content figure{
    overflow:hidden
}
.media-content figure img,.media-content img{
    width:100%
}
.event-post{
    margin-bottom:30px
}
@media screen and (min-width:767px){
    .event-post{
        margin-bottom:40px
    }
}
.event-post a{
    display:block;
    color:#333
}
.event-post a figure{
    width:100%;
    padding:0 0 68% 0;
    overflow:hidden;
    position:relative;
    border:1px solid #aaa
}
.event-post a figure div{
    height:100%;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    transform:scale(1);
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0
}
.event-post a:hover figure div{
    transform:scale(1.4) rotate(0)
}
.event-post a figure figcaption{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.event-post a figure figcaption .date{
    margin:0;
    padding:8px 10px;
    background:rgba(103,123,110,.9);
    width:auto;
    display:inline-block;
    text-align:center;
    margin:10px 0 0 10px;
    border:2px solid #fff
}
.event-post a figure figcaption .date span{
    display:block;
    font-size:14px;
    color:#fff
}
.event-post a figure figcaption .date span:nth-child(1){
    font-size:32px
}
.event-post a figure figcaption .date span:nth-child(3){
    display:none
}
.event-description{
    width:90%;
    margin:-60px auto 0;
    padding:20px 15px;
    background:#fff;
    border:1px solid #ddd;
    min-height:198px;
    position:relative;
    z-index:1;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.event-description:after{
    width:100%;
    content:"";
    left:0;
    bottom:-5px;
    height:5px;
    background:#584644;
    position:absolute;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.event-post a:hover .event-description{
    background:#584644
}
.event-description h5{
    margin:0;
    font-size:14px;
    color:#a7766f
}
.event-description h5 i{
    font-size:17px;
    vertical-align:top
}
.event-description h3{
    margin:5px 0 10px 0;
    font-size:20px;
    color:#584644
}
.event-description p{
    margin:0;
    font-size:16px;
    line-height:25px
}
.event-post a:hover .event-description h3,.event-post a:hover .event-description h5,.event-post a:hover .event-description p{
    color:#fff
}
.eventDetails figure{
    max-height:70vh;
    overflow:hidden;
    min-height:70vh
}
.eventDetails figure img{
    width:100%
}
.eventDetail-content{
    width:100%;
    max-width:50rem;
    margin-left:auto;
    margin-right:auto;
    margin-top:-3.575rem;
    padding-top:3.5rem;
    padding-bottom:3.125rem;
    position:relative;
    background:#fff;
    padding-right:4rem;
    padding-left:4rem;
    text-align:justify
}
.eventDetail-content h1{
    text-align:center;
    margin-bottom:40px
}
.eventDetail-content h1 small{
    display:block;
    font-size:16px;
    color:#222;
    opacity:.7
}
.eventDetail-content h1.page-title:after{
    margin:auto
}
.download-btn{
    text-align:center;
    margin-top:40px
}
.download-btn a{
    display:block;
    width:140px;
    margin:0 auto
}
.download-btn a img{
    width:100%
}
.publication-post{
    background:#f1f1f1;
    margin:0 0 50px 0
}
.publication-post a{
    display:block;
    color:#fff
}
.publication-post figure{
    height:300px;
    position:relative
}
.publication-post figure div{
    height:100%;
    position:relative;
    padding:20px
}
.publication-post figure figcaption{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(62,54,53,.68);
    color:#fff;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    overflow:hidden
}
.publication-post figure figcaption:after{
    background:rgba(62,54,53,.7);
    height:100%;
    top:0;
    content:"";
    width:100%;
    left:0;
    position:absolute;
    -moz-transition:.8s ease-in-out;
    -webkit-transition:.8s ease-in-out;
    transition:.8s ease-in-out;
    opacity:0;
    visibility:hidden
}
.publication-post:hover figure figcaption:after{
    opacity:1;
    visibility:visible
}
.publication-post figure figcaption h5{
    font-size:16px
}
.publication-post figure figcaption h5 i{
    font-size:17px
}
.publication-post figure figcaption h3{
    font-size:20px;
    -moz-transition:.6s ease-in-out;
    -webkit-transition:.6s ease-in-out;
    transition:.6s ease-in-out;
    position:relative
}
.publication-post figure a{
    position:absolute;
    display:inline-block;
    padding:10px 20px;
    text-align:center;
    width:80%;
    left:0;
    right:0;
    margin:0 auto;
    background:#3e3635;
    color:#fff;
    bottom:-20px;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    z-index:1
}
.publication-post figure a:hover{
    background:#000
}
.publication-post figure figcaption .sn{
    position:absolute;
    font-size:50px;
    font-style:italic;
    color:#fff;
    left:75%;
    bottom:40px;
    opacity:.4;
    z-index:1;
    -moz-transition:.6s ease-in-out;
    -webkit-transition:.6s ease-in-out;
    transition:.6s ease-in-out
}
@media screen and (min-width:991px){
    .publication-post:hover figure figcaption .sn{
        bottom:200px;
        left:82px
    }
    .publication-post:hover figure figcaption h3{
        margin-top:158px;
        margin-left:-68px
    }
}
.publication-description{
    position:relative!important;
    padding-left:86px!important;
    z-index:1
}
.publication-description .ico{
    position:absolute;
    font-size:72px;
    left:0;
    top:0;
    height:auto!important;
    padding:0 10px;
    opacity:.5
}
@-webkit-keyframes getcrossedpos{
    45%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:33%
    }
    50%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:45%
    }
    100%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        top:45%
    }
}
@keyframes getcrossedpos{
    45%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:33%
    }
    50%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:45%
    }
    100%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        top:45%
    }
}
@-webkit-keyframes straightenpos{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        top:45%
    }
    55%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:33%
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:33%
    }
}
@keyframes straightenpos{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        top:45%
    }
    55%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:33%
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:33%
    }
}
@-webkit-keyframes getcrossedneg{
    45%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:60%
    }
    50%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:45%
    }
    100%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        top:45%
    }
}
@keyframes getcrossedneg{
    45%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:60%
    }
    50%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        top:45%
    }
    100%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        top:45%
    }
}
@font-face{
    font-family:SSSocialCircle;
    src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/ss-social-circle.woff) format("woff");
    font-weight:400;
    font-style:normal
}
*{
    box-sizing:border-box
}
.ss-icon{
    position:fixed;
    right:20px;
    top:40%;
    width:3.4rem;
    height:3.4rem;
    z-index:10;
    line-height:3.4rem;
    border-radius:50%;
    transition:.3s;
    background:#677b6e;
    outline:0;
    box-shadow:2px 3px 12px #231614
}
.ss-icon:focus,.ss-icon:hover{
    background:#677b6e
}
.ss-icon:after,.ss-icon:before,.ss-icon>span{
    position:absolute;
    left:27%;
    content:"";
    display:block;
    width:46%;
    top:33%;
    height:8%;
    background:#fff;
    -webkit-transform-origin:center;
    transform-origin:center;
    transition:.5s
}
.ss-icon:after,.ss-icon:before{
    opacity:0;
    visibility:hidden
}
.ss-icon.clicked:after,.ss-icon.clicked:before{
    opacity:1;
    visibility:visible
}
.ss-icon span{
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-align:center;
    font-size:28px;
    color:#fff;
    display:inline-block;
    padding:2px 0;
    background:0 0
}
.ss-icon:after{
    top:60%
}
.ss-icon.clicked:before{
    -webkit-animation:getcrossedpos .6s forwards;
    animation:getcrossedpos .6s forwards
}
.ss-icon.clicked:after{
    -webkit-animation:getcrossedneg .6s forwards;
    animation:getcrossedneg .6s forwards
}
.ss-icon.clicked span#center-bar{
    opacity:0
}
.ss-icon:hover{
    cursor:pointer
}
.ss-icon a{
    width:3.4rem;
    height:3.4rem;
    border-radius:50%;
    background:#677b6e;
    text-align:center;
    line-height:1.7;
    color:#e4e4e4;
    text-decoration:none;
    position:absolute;
    font-size:2rem;
    text-align:center;
    left:0;
    top:0;
    transition:.4s;
    z-index:-1;
    opacity:0;
    visibility:hidden;
    box-shadow:2px 4px 10px #000
}
.ss-icon.clicked{
    background:#677b6e;
    outline:0;
    opacity:1;
    visibility:visible
}
.ss-icon.clicked a{
    opacity:1;
    visibility:visible
}
.ss-icon a small{
    font-size:15px;
    line-height:20px;
    color:#fff;
    text-shadow:0 0 5px #000;
    position:absolute;
    right:38px;
    width:169px;
    display:block;
    top:40%;
    text-align:right;
    padding-right:25px
}
.ss-icon a:focus,.ss-icon a:hover{
    background-color:#fff;
    color:#3e3635
}
.ss-icon a:nth-child(1){
    -webkit-transform:rotate(-72deg);
    transform:rotate(-72deg)
}
.ss-icon.clicked a:nth-child(1){
    -webkit-transform:rotate(-72deg) translateX(7rem) rotate(-72deg);
    transform:rotate(-72deg) translateX(7rem) rotate(-72deg)
}
.ss-icon a:nth-child(2){
    -webkit-transform:rotate(-70deg);
    transform:rotate(-70deg)
}
.ss-icon.clicked a:nth-child(2){
    -webkit-transform:rotate(0) translate(5rem,6rem) rotate(0);
    transform:rotate(0) translate(-5rem,6rem) rotate(0)
}
.ss-icon a:nth-child(3){
    -webkit-transform:rotate(72deg);
    transform:rotate(72deg)
}
.ss-icon.clicked a:nth-child(3){
    -webkit-transform:rotate(72deg) translate(1.8rem,7rem) rotate(-72deg);
    transform:rotate(72deg) translate(-1.8rem,7rem) rotate(-72deg)
}
.ss-icon a:nth-child(4){
    -webkit-transform:rotate(144deg);
    transform:rotate(144deg)
}
.ss-icon.clicked a:nth-child(4){
    -webkit-transform:rotate(144deg) translate(-1rem,7rem) rotate(-144deg);
    transform:rotate(144deg) translate(1rem,7rem) rotate(-144deg)
}
.ss-icon a:nth-child(5){
    -webkit-transform:rotate(216deg);
    transform:rotate(216deg)
}
.ss-icon.clicked a:nth-child(5){
    -webkit-transform:rotate(216deg) translateX(7rem) rotate(-216deg);
    transform:rotate(216deg) translateX(7rem) rotate(-216deg)
}
.ss-icon a:nth-child(6){
    -webkit-transform:rotate(288deg);
    transform:rotate(288deg)
}
.ss-icon.clicked a:nth-child(6){
    -webkit-transform:rotate(288deg) translateX(7rem) rotate(-288deg);
    transform:rotate(288deg) translateX(7rem) rotate(-288deg)
}
.loadgo-container{
    width:300px;
    margin:0 auto
}
.evenstList{
    position:absolute;
    top:-50px;
    width:100%;
    left:0
}
.evenstList>a{
    display:block;
    padding:10px 20px;
    text-align:left;
    background:#6b4b48;
    color:#fff;
    font-size:20px;
    position:relative;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.evenstList>a:focus,.evenstList>a:hover{
    background:#3e3635
}
.evenstList>a:after{
    position:absolute;
    right:7px;
    top:2px;
    content:"\f2c3";
    font-family:LineAwesome;
    font-size:30px;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.evenstList>a.el_opener_active:after{
    content:"\f28f"
}
.evenstList ul{
    list-style-type:none;
    display:none;
    position:absolute;
    top:100%;
    width:100%;
    left:0;
    background:#fff;
    padding:20px;
    z-index:1;
    clear:left;
    box-shadow:0 0 20px #888;
    max-height:400px;
    overflow-y:scroll
}
.evenstList ul li{
    display:block;
    padding:10px 5px;
    width:100%;
    float:left
}
@media (min-width:767px){
    .evenstList ul li{
        width:50%
    }
}
.evenstList ul li a{
    display:table;
    width:100%;
    color:#3e3635;
    border:1px solid #ddd;
    padding:10px
}
.evenstList ul li a:hover{
    background:#f1f1f1
}
.evenstList ul li a figure,.evenstList ul li a h5{
    display:table-cell;
    vertical-align:top
}
.evenstList ul li a h5{
    padding:0 20px;
    margin:0;
    font-size:16px;
    width:calc(100% - 74px)
}
.evenstList ul li a h5 small{
    display:block;
    font-size:12px;
    margin:2px;
    opacity:.7
}
.evenstList ul li a h5:first-letter{
    text-transform:uppercase
}
.evenstList ul li a figure{
    width:74px;
    height:74px;
    overflow:hidden
}
.evenstList ul li a figure img{
    width:100%
}
.single-gallery{
    margin:20px 0
}
.single-gallery figure{
    height:260px;
    position:relative;
    width:100%;
    overflow:hidden
}
.single-gallery figure .album-link{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    color:#fff;
    text-align:center;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    opacity:0;
    transform:scale(0)
}
.single-gallery figure:hover .album-link{
    opacity:1;
    transform:scale(1);
    transition-delay:.5s
}
.single-gallery figure .album-link i{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:40px;
    height:40px;
    border:1px solid #fff;
    border-radius:50%;
    font-size:22px;
    padding:7px 0;
    background:rgba(255,255,255,.1)
}
.single-gallery figure div{
    height:100%;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    overflow:hidden;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    transform:scale(1) rotate(deg)
}
.single-gallery figure:hover div{
    transform:scale(1) rotate(0);
    opacity:.7
}
.single-gallery figure div img{
    width:100%
}
.single-gallery figure figcaption{
    width:101%;
    position:absolute;
    bottom:0;
    left:0;
    padding:0;
    background:rgba(0,0,0,.7);
    display:table;
    right:0;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    transform:translateY(0);
    transition-delay:.1s
}
.single-gallery figure:hover figcaption{
    transform:translateY(0)
}
.single-gallery figure figcaption h4,.single-gallery figure figcaption h4 small,.single-gallery figure figcaption span{
    color:#fff;
    height:100%
}
.single-gallery figure figcaption h4,.single-gallery figure figcaption span{
    vertical-align:middle;
    transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -webkit-transition:.5s ease-in-out;
    margin:0;
    display:table-cell;
    transform:translateY(0)
}
.single-gallery figure figcaption span{
    padding:10px 16px;
    font-size:25px;
    background:#8c5044;
    width:60px;
    transition-delay:.4s
}
.single-gallery figure figcaption span:hover{
    background:#3e3635
}
.single-gallery figure figcaption h4{
    font-size:20px;
    padding:20px;
    width:calc(100% - 64px);
    height:100%;
    transition-delay:.2s;
    text-transform:capitalize
}
.single-gallery figure figcaption h4 small{
    font-size:12px;
    display:block;
    margin:6px 0 0;
    opacity:.7
}
@media (min-width:767px){
    .single-gallery figure{
        height:400px
    }
    .single-gallery figure div{
        transform:scale(1.5) rotate(-5deg)
    }
    .single-gallery figure figcaption,.single-gallery figure figcaption h4,.single-gallery figure figcaption span{
        transform:translateY(0)
    }
    .single-gallery figure:hover figcaption h4,.single-gallery figure:hover figcaption span{
        transform:translateY(100%)
    }
    .single-gallery figure:hover figcaption{
        transform:translateY(100%);
        transition-delay:.6s
    }
}
ul#lightgallery li{
    padding-top:15px;
    padding-bottom:15px
}
ul#lightgallery li a{
    display:block;
    position:relative
}
ul#lightgallery li a span{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background:rgba(0,0,0,.3);
    color:#fff;
    font-size:22px;
    transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -webkit-transition:.5s ease-in-out;
    opacity:0
}
ul#lightgallery li a:hover span{
    opacity:1
}
ul#lightgallery li a span i{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#3e3635;
    padding:8px 0;
    display:inline-block
}
ul#lightgallery li a .img-caption{
    display:block;
    font-size:16px;
    color:#584644;
    padding:10px 15px;
    background:#f0f0f0
}
ul#lightgallery li img{
    width:100%;
    display:block
}
.lg-outer{
    padding-top:82px
}
.look-at-down{
    position:absolute;
    left:0;
    right:0;
    width:20px;
    text-align:center;
    bottom:20px;
    z-index:2;
    margin:0 auto;
    color:#fff
}
.look-at-down:before{
    content:"\f110";
    position:absolute;
    bottom:1.5rem;
    left:calc(50% - .563rem);
    width:1.188rem;
    height:.875rem;
    font-family:LineAwesome
}
.hero-banner{
    height:60vh!important
}
@media screen and (min-width:767px){
    .hero-banner{
        height:80vh!important
    }
}
.site-form{
    margin-top:0
}
.site-form form .form-control{
    height:50px;
    border-radius:0;
    box-shadow:none!important;
    color:#584644
}
.site-form form textarea.form-control{
    height:110px;
    resize:none
}
.site-form form .form-control,.site-form form label{
    color:#584644
}
.site-form form label{
    font-weight:600;
    display:none
}
.partners-logos figure{
    width:200px;
    display:block;
    overflow:hidden;
    float:none;
    margin:0
}
.partners-logos figure img{
    width:100%
}
.partners-logos p{
    padding:10px 0 0
}
.theme-color{
    color:#584644!important
}
.disclaimer-box{
    position:relative
}
.copyright #disclaimer-box{
    position:absolute;
    background:#695e5d;
    color:#fff;
    left:0;
    margin:0 auto;
    width:400px;
    padding:20px;
    bottom:36px;
    z-index:2;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    opacity:0;
    visibility:hidden;
    font-size:14px!important;
    line-height:19px
}
@media screen and (min-width:767px){
    .copyright #disclaimer-box{
        width:700px
    }
}
.copyright #disclaimer-box:after{
    position:absolute;
    content:"";
    border-top:10px solid #695e5d;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    top:100%;
    width:0;
    right:34%
}
.copyright #disclaimer-box p{
    color:#fff;
    font-size:20px;
    margin-bottom:8px;
    font-weight:400
}
.copyright .disclaimer-box:hover #disclaimer-box{
    opacity:1;
    visibility:visible
}
.out_patron .middle-content{
    padding-top:100px
}
.out_patron .middle-content .section-inner{
    max-width:calc(1100px + 2.5rem)
}
.chairman-name{
    background:#655654;
    width:100%;
    display:table;
    padding:50px 37px 20px
}
.chairman-name h2{
    font-size:32px;
    color:#fff;
    font-weight:400
}
.chairman-name abbr{
    font-size:18px;
    padding-bottom:20px;
    display:table;
    color:#fff
}
.our-founder-colm1-left{
    float:left;
    width:60%;
    padding-left:0;
    padding-right:30px;
    padding-top:32px;
    text-align:justify
}
.our-founder-colm1-right{
    float:right;
    width:38%;
    padding-right:30px;
    margin-top:-140px;
    position:relative;
    z-index:1
}
.our-founder-colm1-right img{
    width:100%;
    box-shadow:0 0 20px #655654
}
#footer_subsub_nav{
    padding:10px 0 10px 10px;
    display:none
}
.chairman-name h2 small{
    display:block;
    font-size:18px
}
.contact-address{
    background:#655654;
    padding:30px
}
.contact-address ul li:not(:last-child){
    margin-bottom:15px
}
.contact-address ul li a{
    display:inline-block;
    color:#fff
}
.contact-address ul li a b{
    display:inline-block;
    width:30px;
    height:30px;
    border:1px solid #fff;
    border-radius:50%;
    text-align:center;
    padding:1px 0 0;
    margin-right:10px
}
.erp-logins span.erp-logins-top{
    display:inline-block;
    padding:20px 0 0;
    position:relative;
    margin:0
}
.erp-logins span.erp-logins-top:after{
    content:"";
    right:0;
    height:1px;
    background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
    background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
    background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
    position:absolute;
    top:0;
    width:50%;
    z-index:0
}
.erp-logins span.erp-logins-top:before{
    content:"";
    left:0;
    height:1px;
    background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    position:absolute;
    top:0;
    width:50%
}
.erp-logins span.erp-logins-top b{
    color:#ddd;
    font-size:16px;
    position:absolute;
    bottom:90%;
    left:0;
    right:0;
    width:52px;
    margin:auto;
    background:#3e3635;
    z-index:1
}
.erp-logins span.erp-logins-top.media-btns:after,.erp-logins span.erp-logins-top.media-btns:before{
    display:none
}
.zoom-iffect{
    overflow:hidden
}
.zoom-iffect img{
    transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -webkit-transition:.5s ease-in-out
}
.zoom-iffect:hover img{
    transform:scale(1.2) rotate(4deg)
}
.innerlevel.sidebar-nav-fixed{
    position:fixed;
    top:96px;
    left:47px;
    z-index:0
}
.fixedsidebar .innerlevel.sidebar-nav-fixed{
    top:100px
}
.hero-banner .owl-dots{
    position:absolute;
    left:0;
    right:0;
    width:100%;
    text-align:center;
    z-index:1;
    bottom:0
}
.hero-banner .owl-dot{
    display:inline-block;
    margin:0 4px
}
.hero-banner .owl-dot span{
    display:inline-block;
    height:16px;
    width:16px;
    border-radius:50%;
    background:#666
}
.hero-banner .owl-dot.active span{
    background:#fff
}
#alumni-msg .modal-header{
    background:#3e3635;
    border-radius:0
}
#alumni-msg .modal-header h5,.modal-header .close{
    color:#fff
}
#alumni-msg .modal-body h2{
    color:#3e3635
}
.scrollTo{
    position:absolute;
    right:0;
    left:0;
    width:43px;
    font-size:32px;
    top:-40px;
    margin:0 auto;
    color:#bdbdbd!important;
    text-align:center;
    background:#3e3635;
    font-weight:300
}
.media_text ul li a{
    color:#333
}
.media_text ul li a{
    color:#333;
    display:block;
    text-align:left
}
.goToHome{
    transform:translate3d(0,0,0)!important
}
.innerlevel ul li a{
    color:#677b6e
}
.innerlevel .page-title{
    margin-bottom:41px
}
.innerlevel ul li:first-child{
    padding-top:0
}
.video-block{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.video-block iframe,.video-block video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.playpause{
    background:url(../images/video-play-btn.png) no-repeat center center/cover;
    width:136px;
    height:136px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    cursor:pointer
}
.videoSlide .look-at-down:before{
    display:none
}
.av-buttons{
    float:left;
    margin:22px 10px 0 0;
    width:220px;
    display:table;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.fp-viewing-0 .av-buttons{
    margin:54px 10px 0 0
}
.av-buttons span{
    display:table-cell;
    vertical-align:middle
}
.av-buttons span:not(:last-child){
    margin-right:15px
}
.av-buttons span a{
    color:#fff
}
.av-buttons span a i{
    display:inline-block;
    padding:0;
    color:#fff;
    text-align:center;
    font-size:20px;
    border-radius:50%;
    line-height:normal;
    vertical-align:top
}
.av-buttons span a small{
    display:inline-block;
    font-size:14px;
    padding-left:2px;
    vertical-align:top
}
.av-modal{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:999999;
    background:rgba(0,0,0,.4);
    opacity:0;
    visibility:hidden;
    transform:scale(.5)
}
.av-modal.av-modal-open{
    opacity:1;
    visibility:visible;
    display:block;
    transform:scale(1);
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out
}
.table-view{
    display:table;
    width:100%;
    height:100%
}
.cell-view{
    display:table-cell
}
.av-content{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0
}
.av-content iframe{
    position:position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0
}
.av-content .av-close{
    z-index:999;
    position:absolute;
    height:36px;
    width:36px;
    top:0;
    background:#ff7d7d;
    right:0;
    text-align:center;
    left:0;
    margin:5px auto 0;
    cursor:pointer;
    font-size:25px;
    color:#fff;
    font-weight:800
}
.news-and-event .scontent{
    padding:20px
}
.brand-footer .mobile-footer-nav h3:after{
    display:none
}
.brand-footer .mobile-footer-nav h3{
    margin-bottom:0;
    padding:0;
    display:inline-block;
    margin-right:5px
}
.brand-footer .mobile-footer-nav h3 a{
    color:silver;
    font-size:14px;
    display:inline-block;
    padding:2px 8px;
    border:1px solid silver
}
.brand-footer .mobile-footer-nav .footer-widget{
    padding:5px 0
}
.erp-logins{
    margin:0
}
.erp-logins span.erp-logins-top b{
    text-align:center
}
.google-map{
    position:relative;
    padding-bottom:30%
}
.google-map iframe{
    position:absolute;
    height:100%;
    width:100%
}
.copyright-text,.copyright-text a {
    font-size:14px;
    color:silver
}
,.brand-footer .av-buttons{
    margin:0
}
.brand-footer .av-buttons span{
    display:block
}
.brand-footer .av-buttons span:not(:last-child){
    margin-bottom:20px
}
.brand-footer .av-buttons span a i{
    width:30px;
    text-align:center
}
.brand-footer .av-buttons span a small{
    font-size:15px;
    color:#fff;
    text-transform:capitalize;
    font-weight:300
}
.download-withdrawal{
    margin:30px 0 0
}
.download-withdrawal a{
    color:#3e3635;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    display:inline-block;
    -webkit-transition:.3s ease-in-out
}
.download-withdrawal a:hover{
    transform:scale(1.05)
}
.download-withdrawal a i{
    font-size:24px;
    vertical-align:top;
    margin:4px 0 0;
    color:#f13023
}
.download-Withdrawal p{
    padding-left:30px
}
.erp-logins .media-btns a i{
    border:0 solid #fff;
    color:#fff;
    background:#655654
}
.school-logo{
    margin:0 0 20px 0!important
}
.school-logo img{
    width:300px
}
.house-single{
    margin:15px 0;
    position:relative
}
.house-single .house-text,.house-single figure{
    display:inline-block;
    vertical-align:top;
    margin:0 -2px
}
.house-single figure{
    margin:0;
    padding:0;
    padding:20px 20px;
    width:200px
}
.house-single figure img{
    width:100%
}
.house-single .house-text{
    padding:0
}
.house-single .house-text h3{
    color:#655654;
    font-size:24px
}
.houses-logo figure{
    padding:10px;
    margin:0 0 10px 0
}
.houses-logo figure img{
    width:100%
}
.custom-checkbox input{
    display:none
}
.custom-checkbox label{
    position:relative;
    padding-left:30px;
    vertical-align:top;
    cursor:pointer
}
.custom-checkbox label:before{
    position:absolute;
    height:20px;
    width:20px;
    border:2px solid #584644;
    content:"";
    left:0;
    top:2px;
    opacity:.9
}
.custom-checkbox input[type=checkbox]:checked+label:after{
    position:absolute;
    content:"\f17b";
    left:2px;
    top:-2px;
    font-family:LineAwesome;
    font-size:18px;
    color:#fff
}
.custom-checkbox input[type=checkbox]:checked+label:before{
    background:#584644
}
.intl-tel-input{
    display:block!important
}
.calendar-wrapper{
    padding:20px 0
}
@media screen and (min-width:768px){
    .calendar-wrapper{
        padding:70px 0
    }
    .contact_us_page .site-form form textarea.form-control{
        height:140px
    }
}
.calendar-page .middle-content{
    padding:0;
    margin:0!important
}
.contact-notified {
    background: #505a54;
    padding: 30px 30px;
    margin: 20px 0 0;
}
.contact-notified p {
    color: #fff;
    margin: 0;
    font-size: 17px;
    line-height: 28px;
}
.contact-notified p span {
    font-size: 20px;
    display: block;
    margin-bottom: 6px;
}
.contact-notified p a i {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 50%;
    margin-right: 6px;
}
.contact-notified p a {
    color: #fff;
    margin: 8px 0;
    display: inline-block;
}
.tu-inner{
    width:100%;
    margin:40px auto;
    background:#fff
}
@media screen and (min-width:768px){
    .tu-inner{
        width:600px;
        margin:40px auto;
        padding:30px;
        box-shadow:0 0 10px #999
    }
}
.tu-inner h1{
    webkit-column-span:all;
    -moz-column-span:all;
    -o-column-span:all;
    column-span:all;
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    page-break-inside:avoid;
    break-inside:avoid;
    font-size:32px;
    text-transform:uppercase;
    color:#584644;
    margin-bottom:40px
}
.tu-inner h1 i{
    display:block;
    height:50px;
    width:50px;
    margin:0 auto 12px;
    background:#584644;
    color:#fff;
    border-radius:50%;
    padding:8px 0
}
.success-block .block1{
    margin-bottom:15px
}
.success-block h4{
    font-size:22px;
    margin:0
}
.registrationForm .label_large.form-group>div,.registrationForm .label_large.form-group>label{
    float:none;
    vertical-align:top;
    display:inline-block
}
.registrationForm .label_large.form-group>label{
    width:200px
}
.registrationForm .label_large.form-group>div{
    margin-left:20px;
    width:calc(100% - 224px)
}
#player{
    height:100%;
    width:100%;
    display:table;
}
#player iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.image-modal{
	display: none;
	position: absolute;
	z-index: 9999;
	width: 90%;
	margin: 0 auto;
	right: 0;
	left: 0;
	border: 8px solid #7b6c6a;
	border-radius: 5px;
	top:32px;
}
.image-modal img{
	width:100%;
}
.closeImage{
	position: absolute;
	top: 4%;
	right: 4%;
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	cursor:pointer;
	background:#677b6e;
	padding:2px 10px;
}
.imageBox{
	cursor:crosshair;
}

.marqueeText{
	position: absolute;
    z-index: 99999;
    left: 0;
    right: 0;
    top: 0;
    width: 50%;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    padding: 6px 0 0;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	opacity:0;
	visibility:hidden;
}
.marqueeText a{
	color:#fff;
}

.marqueeText a svg{
	fill:#fff;
	width:15px;
	margin:0 3px 0 0;
}
.marqueeText a:hover{
	color:#ffddd9;
}
.marqueeText a:hover svg{
	fill:#ffddd9;
}
.fp-viewing-0 .marqueeText {
    opacity:1;
	visibility:visible;
}

@media (max-width:1199px){
	.marqueeText{
		padding:0;
		width:70%;
	}
}
@media (max-width:767px){
	.marqueeText{
		padding:0;
		width:90%;
	}
}


/*================================================
Students Feedback Form CSS
=================================================*/


.students-feedback-form {
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: #ffffff;
    color: #ffffff;
    max-width: 422px;
    margin-top: 30%;
}

.students-feedback-form h3 {
    background-color: #3e3635;
    margin-bottom: 0;
    color: #ffffff;
    padding: 12px 20px;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.students-feedback-form form {
  color: #252525;
  padding: 20px 30px;
}

.students-feedback-form form .form-group {
	text-align: left;
	position: relative;
	margin-bottom: 15px;
}
.students-feedback-form form .form-group label.form-check-label {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    color: #222;
}
.students-feedback-form form .form-group .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1.3px solid #969696;
    padding: 0 0 0 25px;
    color: #252525;
    height: 45px;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
}
.students-feedback-form form .form-group select.form-control{
	*text-indent: 30px;
    *padding: 0;
    appearance: none;
    -webkit-appearance: none;
}
.students-feedback-form form .form-group textarea.form-control {
	height: 54px !important;
	padding-top: 10px;
}

.students-feedback-form form .form-group .form-control::-webkit-input-placeholder {
	-webkit-transition: .2s;
	transition: .2s;
	color:#333;
}

.students-feedback-form form .form-group .form-control:-ms-input-placeholder {
  -webkit-transition: .2s;
  transition: .2s;
}

.students-feedback-form form .form-group .form-control::-ms-input-placeholder {
  -webkit-transition: .2s;
  transition: .2s;
  color:#333;
}

.students-feedback-form form .form-group .form-control::placeholder {
  -webkit-transition: .2s;
  transition: .2s;
  color:#333;
}

.students-feedback-form form .form-group .form-control:focus + .label-title::before {
  width: 100%;
}

.students-feedback-form form .form-group .form-control:focus + .label-title {
  color: #a1a1a1;
}

.students-feedback-form form .form-group .label-title {
  margin-bottom: 0;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  color: #999;
}

.students-feedback-form form .form-group .label-title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #ff1949;
}

.students-feedback-form form .form-group .label-title i {
    position: absolute;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    top: 13px;
    font-size: 16.5px;
}



.students-feedback-form::after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 20px;
  margin-top: -20px;
  border-right-color: inherit;
  z-index: -1;
}

.feedback-form-area {
  position: relative;
  z-index: 1;
  margin-top: -80px;
}

.feedback-form-inner {
  background-color: #ffffff;
  border-radius: 5px 0 5px 5px;
  -webkit-box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.08);
          box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.08);
}

.feedback-form-inner .feedback-form-image {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}

.feedback-form-inner .feedback-form-image img {
  position: absolute;
  left: 0;
  text-align: center;
  margin: 0 auto;
  bottom: 10px;
  right: 0;
}

.feedback-form-inner .feedback-form {
  position: relative;
}

.feedback-form-inner .feedback-form h3 {
  color: #ffffff;
  background-color: #0eb582;
  text-align: center;
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 20px;
  font-weight: 600;
}

.feedback-form-inner .feedback-form form {
  text-align: center;
  padding: 30px 30px 30px 0;
}

.feedback-form-inner .feedback-form form .form-group {
  text-align: left;
}

.feedback-form-inner .feedback-form form .form-control::-webkit-input-placeholder {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.feedback-form-inner .feedback-form form .form-control:-ms-input-placeholder {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.feedback-form-inner .feedback-form form .form-control::-ms-input-placeholder {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.feedback-form-inner .feedback-form form .form-control::placeholder {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.feedback-form-inner .feedback-form form .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}

.feedback-form-inner .feedback-form form .form-control:focus:-ms-input-placeholder {
  color: transparent;
}

.feedback-form-inner .feedback-form form .form-control:focus::-ms-input-placeholder {
  color: transparent;
}

.feedback-form-inner .feedback-form form .form-control:focus::placeholder {
  color: transparent;
}

.feedback-form-inner .feedback-form form .default-btn {
  margin-top: 5px;
  border-radius: 3px;
}
.students-feedback-form .default-btn {
    background: #5c514f;
    border-color: #5c514f;
    padding-top: 10px;
    padding-bottom: 12px;
    margin: 10px 0 0;
    border: 2px solid;
}
.students-feedback-form .default-btn i{
	font-size:17px;
}
.nice-select .list{
	border:1px solid #7b6563;
	z-index:2;
}

/*default-btn*/
.default-btn {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	display: inline-block;
	padding: 13px 25px 12px 55px;
	position: relative;
	background-color: #677b6e;
	color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-color: #677b6e;
	border-radius: 1px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing:.5px;
}

.default-btn .label, .default-btn .icon-arrow {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-perspective: 1000;
	perspective: 1000;
	font-size: 16px;
}

.default-btn .label {
	display: inline-block;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.default-btn .icon-arrow {
	color: #ffffff;
	top: 11px;
	-webkit-transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	font-size: 25px;
}

.default-btn .icon-arrow.before {
    left: 20px;
    position: absolute;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    top: 15px;
}

.default-btn .icon-arrow.after {
	opacity: 0;
	position: absolute;
	right: 20px;
	-webkit-transform: translateX(75%) scaleX(0.1);
	transform: translateX(75%) scaleX(0.1);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}

.default-btn:hover, .default-btn:focus {
    background-color: #5c514f;
    color: #ffffff;
    border-color: #5c514f;
    border: 2px solid;
}

.default-btn:hover .label, .default-btn:focus .label {
	-webkit-transform: translateX(-32px);
	transform: translateX(-32px);
}

.default-btn:hover .icon-arrow.before, .default-btn:focus .icon-arrow.before {
	opacity: 0;
	-webkit-transform: translateX(-75%) scaleX(0.1);
	transform: translateX(-75%) scaleX(0.1);
}

.default-btn:hover .icon-arrow.after, .default-btn:focus .icon-arrow.after {
	opacity: 1;
	-webkit-transform: translateX(0) scaleX(1);
	transform: translateX(0) scaleX(1);
}


/**********Thankyou Page*************/
.thankyou-area {
    background: whitesmoke;
    height: 100vh;
	display: flex;
    align-items: center;
}
.thankyou-box {
    background: #fff;
    padding: 40px;
}
.thankyou-box h1 {
    font-size: 38px;
    font-weight: 500;
    color: #363636;
    margin-top: 8px;
    margin-bottom: 0;
}
.thankyou-box svg {
    width: 65px;
    height: 65px;
    fill: #677b6e;
}
.thankyou-box p {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 24px;
    color: #303030;
}
.thankyou-box a.default-btn {
    font-size: 14px;
    padding: 8px 15px 10px 45px;
    border-width: 0px;
    margin-top: 40px;
	background-color: #3e3635;
}
.thankyou-box i {
    font-size: 20px;
    top: 8px;
}
.thankyou-box .default-btn .icon-arrow.before, .thankyou-box .default-btn .icon-arrow.after{
    font-size: 15px;
    top: 14px;
}

/**********Thankyou Page header*************/
.header-logo {
    background: #3e3635;
    padding: 12px 0;
	position: absolute;
    width: 100%;
}
.header-logo img {
    width: 210px;
}

.enquiry-form-section:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity:.5;
}