@import url("hover.css");
@import url("cover.css");
@import url("parallax.css");
@import url("animate.css");
/*general*/
.navbar-toggler {font-size: 1.5rem; border: none;}
.background-overlay.show {
    opacity: 1;
}

.background-overlay {
    z-index: -1;
    background-image: url(../images/overlay-vignette.png);
    background-size: 100% 100%;
    opacity: 0;
    transition: opacity .5s ease-out;
}

.background-overlay, .background-overlay.high:after, .background-overlay.low:after {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}
.glow {
    text-shadow: 0.025em 0.025em 0.025em rgba(0, 0, 0, 0.8);
    -webkit-transition: text-shadow 0.25s linear;
    -moz-transition: text-shadow 0.25s linear;
    -o-transition: text-shadow 0.25s linear;
    transition: text-shadow 0.25s linear;
}
.soft-link {
    -webkit-transition: color 0.33s linear;
    -moz-transition: color 0.33s linear;
    -ms-transition: color 0.33s linear;
    -o-transition: color 0.33s linear;
    transition: color 0.33s linear;
}

/*button*/
.button {
    position: relative;
    display: block;
    background: none center center no-repeat;
    background-size: cover;
    border: 2px solid #dededf;
    letter-spacing: .1rem;
    padding: 7.5px 62.5px;
    text-align: center;
    max-width: 270px;
    min-width: 200px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: border 1s cubic-bezier(0.19,1,.22,1),color .6s cubic-bezier(0.19,1,.22,1);
    transition: border 1s cubic-bezier(0.19,1,.22,1), color .6s cubic-bezier(0.19,1,.22,1), background 5s cubic-bezier(0.19,1,.22,1);
}

.button a {
    color: #dededf;
    font: 2.1rem 'PT Sans Narrow','Hind Siliguri', sans-serif; 
    text-decoration: none;
}

.button .mask {
    background: #fff;
    background: rgba(255,255,255,0.5);
}

.button .mask {
    position: absolute;
    display: block;
    width: 200px;
    height: 100px;
    -webkit-transform: translate3d(-120%,-50px,0) rotate3d(0,0,1,45deg);
    transform: translate3d(-120%,-50px,0) rotate3d(0,0,1,45deg);
    -webkit-transition: all 1.1s cubic-bezier(0.19,1,.22,1);
    transition: all 1.1s cubic-bezier(0.19,1,.22,1);
}

.button .shift {
    -webkit-transition: all 1.1s cubic-bezier(0.19,1,.22,1);
    transition: all 1.1s cubic-bezier(0.19,1,.22,1);
}

.button:hover {
    border-color: #fff;
    /* box-shadow: 0 0 5px rgba(255,245,245,0.8); */
    /* background-image: url('http://cuinine.com/img/codepen/savvy.jpg'); */
}

.button:hover a {
    color: #fff;
}

.button:hover .mask {
    background: #fff;
    -webkit-transform: translate3d(120%,-100px,0) rotate3d(0,0,1,90deg);
    transform: translate3d(120%,-100px,0) rotate3d(0,0,1,90deg);
}

.button:first-child:hover .shift {
    padding-right: 5px;
}
.button:last-child:hover .shift {
    padding-left: 5px;
}

.add-divider { background: transparent url(../images/divided-bg.jpg) right center no-repeat !important; }
html, body{font:12px 'PT Sans Narrow','Hind Siliguri',  "FangSong", "仿宋", STFangSong, "华文仿宋", sans-serif; 
color: rgba(255, 255, 255, .75);}
video{position: fixed; top: 50%;left: 50%; 
	min-width: 100%;min-height: 100%; width: auto; 
	height: auto; z-index: -100; 
	transform: translateX(-50%) translateY(-50%); transition: 0.25s opacity;}

/*header*/

header .inner > nav ul.navbar-nav > li > a{color: #adadad; font-size: 2em;  font-weight: 700;padding: 0 1em!important;
    -webkit-transition: color .33s linear;
    -moz-transition: color .33s linear;
    -ms-transition: color .33s linear;
    -o-transition: color .33s linear;
    transition: color .33s linear;}

/*
header.masthead .nav > div.language-bar{background-color: #000000; border-radius: .5em;}
header.masthead .nav > div.language-bar > a {font-size: 1.3em; font-weight: lighter; 
vertical-align: -webkit-baseline-middle; color: rgba(255,255,255,.75); text-decoration: none; font-weight: bolder;}
header.masthead .nav > div.language-bar > a:nth-child(2) {margin: .5em;}
header.masthead .nav > div.language-bar > a.active,
header.masthead .nav > div.language-bar > a:hover {color: #ff7e00;}
*/

nav ul.navbar-nav > li.lang-bar {background-color: #1b1b1b; border-radius: 10px; padding:  0 10px;}
nav ul.navbar-nav > li.lang-bar > a.nav-link {font-size: 1.25em; line-height: 2em; display: inline-block; padding: 0!important; cursor: pointer; }
nav ul.navbar-nav > li.lang-bar > a.nav-link.active {color: #ff7e00;}
/*main*/
main[role="main"] > h1 {pointer-events: auto !important; color:#dededf;}
main[role="main"] div:first-child > h1 span.word1  >span.char1 {color: #25248d;}
main[role="main"] div:first-child > h1 span.word1 > span.char2, 
main[role="main"] div:first-child > h1 span.word1 > span.char3 {color: #148d41;}
main[role="main"] div:first-child > h1 span.word1 > span.char4 {color: #ff7e00;}
main[role="main"] > h1 > div:nth-child(1) > h1 {font-size: 4em; font-weight: bold; display: block;}
main[role="main"] > h1 > div:nth-child(2),
main[role="main"] > h1 > div:nth-child(3) {position: relative !important;}
main[role="main"] > h1 > div:nth-child(3) {top: 5em !important; min-width: 20em !important;}
main[role="main"] > h1 > div:nth-child(3) > a { 
	    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
	border:1px solid rgba(255, 255, 255, .33); padding:.4em 3.3em; font-size: .75em; letter-spacing: .1em;}
main[role="main"] > h1 > div:nth-child(3) > a:hover {text-decoration: none;
color:rgba(0, 0, 0, 1) !important; 
border:1px solid rgba(255, 255, 255, 1) !important;}

main[role="main"] > h1 > div:nth-child(2) > p.lead {font:.8em 'Hind Siliguri', sans-serif; font-weight: lighter; letter-spacing: .1em;}

/*footer*/
footer.navbar-dark {background-color: #000 !important;}
footer .inner > p {font: 1.3em 'Hind Siliguri', sans-serif; color: #9b9b9b; margin-top: 1rem; }


/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1440px) {
main[role="main"] > h1 > div:nth-child(3) {
  top:2.5em !important
}
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
main[role="main"] > h1 > div:nth-child(1) > h1 {font-size: 3em;}
main[role="main"] > h1 > div:nth-child(3) {min-width: auto !important; top: 1em !important;}
main[role="main"] > h1 > div:nth-child(3) > a {padding: .75em .75em;}
.nav-masthead .nav-link {}
header.masthead .nav > a {font-size: 1.6em;padding: 1rem 1rem !important; }
html, body{ 
  font:10px 'PT Sans Narrow','Hind Siliguri', sans-serif; }

.button {
    position: relative;
    display: block;
    background: none center center no-repeat;
    background-size: cover;
    border: 2px solid #d9d9d9;
    letter-spacing: .1rem;
    padding: 7.5px 15px;
    text-align: center;
    max-width: 270px;
    min-width: 140px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: border 1s cubic-bezier(0.19,1,.22,1),color .6s cubic-bezier(0.19,1,.22,1);
    transition: border 1s cubic-bezier(0.19,1,.22,1), color .6s cubic-bezier(0.19,1,.22,1), background 5s cubic-bezier(0.19,1,.22,1);
}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}