@charset "UTF-8";
@charset "UTF-8";
* {
outline: none!important;
}
*, 
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
html {
-webkit-font-smoothing: subpixel-antialiased;
}
body { 
background: #fff;
color: #666;
font-size: 16px;
font-weight: 300;
line-height: 1.6;
margin: 0;
min-height: 100%;
padding: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body.frontpage {
background-image: none;
}
body[data-mobile="true"] #main-menu-mobile select {
font-size: 50px;
}
.clear{
display:inline-block;
width:100%;
height:1px;
clear:both;} a,
#gk-mainbody a:active,
#gk-mainbody a:focus,
#gk-mainbody a:hover,
#gk-mainbody footer a,
#gk-mainbody #comments a,
#gk-mainbody.contactpage a,
#gk-mainbody header h1 a:active,
#gk-mainbody header h1 a:focus,
#gk-mainbody header h1 a:hover,
#gk-mainbody header h2 a:active,
#gk-mainbody header h2 a:focus,
#gk-mainbody header h2 a:hover,
#gk-mainbody .content a,
#gk-mainbody .content .faq li a:hover {
color: #fa7252;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
text-decoration: none;
}
a:hover,
a:active,
a:focus,
#gk-mainbody a,
#gk-mainbody header h1 a,
#gk-mainbody header h2 a,
#gk-mainbody footer a:hover,
#gk-mainbody #comments a:hover,
#gk-sidebar .box a:hover,
#gk-mainbody .content a:hover,
#gk-mainbody .content a:active,
#gk-mainbody .content a:focus,
#gk-mainbody.contactpage a:hover,
#gk-mainbody .content .faq li a {
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #a1192e;
font-weight: 500;
line-height: 1.2;
margin: 0;
padding: 0;
}
.content h3{
font-size:25px;
}
h1 {
font-size: 32px;
text-transform: none;
}
h2 {
font-size: 28px;
}
.page-title {
font-size: 36px;
margin: 0 0 10px;
}
.tag .page-title {
padding-bottom: 30px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 14px;
font-weight: 700; 
margin: 32px 0 0;
text-transform: none
}
h5 {
font-size: 13px;
}
h6 {
font-size: 12px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
ol {
margin: 0;
padding: 0;
}
ul li,
ol li {
line-height: 2.0;
}
p {
margin: 1em 0 2em;
}
img {
height: auto;
max-width: 100%;
}
.box ul ul,
.box ol ol {
margin: 0;
padding: 0 0 0 20px;
}
.box ul .children {
margin-top: 5px;
}  .btn,
button,
.button,
.readon,
.nav-btn a,
.more-link,
a.gk-button,
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
background: #fa7252;
border: 1px solid #fa7252;
color: #fff ;
cursor: pointer;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
height: 38px;
line-height: 39px;
margin: 0 5px 2px 2px;
padding: 0 24px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.filters-button,
.filters-button-group { margin: 10px 0px 0px 0px;
display: inline-block;
}
.filters-button button,
.filters-button-group button{
display: inline-block;
vertical-align: middle;
padding: 5px 20px;
cursor: pointer;
font-size:13px !important;
font-family: 'titilliumregular' !important;
font-weight:100 !important;
line-height:16px !important;
text-transform:none !important;
height:auto !important;
position: relative;
background: #fff;
margin: 5px;
border: 1px solid #a1192e;
color:#a1192e ;
}
.filters-button-group h4{margin-top:10px !important;}
.filters-button button:hover,
.filters-button-group button:hover{
color:#fff;
background:#ee9049;
}
.filters-button button.is-checked,
.filters-button-group button.is-checked{
color:#fff;
background:#ee9049;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
.button:active,
.button:focus,
.button:hover,
.nav-btn a:active,
.nav-btn a:focus,
.nav-btn a:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
button.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
a.gk-button:hover,
a.gk-button:active,
a.gk-button.active,
a.gk-button.disabled,
a.gk-button[disabled],
button:focus,
a.gk-button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.more-link:active,
.more-link:focus,
.more-link:hover,
.gk-button,
a.gk-button,
.btn.invert {
background: #ee9049;
border-color: #ee9049;
text-decoration:underline;
}
.btn.invert:hover,
.btn.invert:active,
.btn.invert.active,
.gk-button:active,
.gk-button:focus,
.gk-button:hover,
a.gk-button:active,
a.gk-button:focus,
a.gk-button:hover {
border-color: #fff;
color: #fff ;
} input[type="text"],
input[type="password"],
input[type="email"],
input[type="www"],
input[type="tel"],
textarea  {
background: #fff;
border-color: #bcbcbc #dadada #e5e5e5;
border-style: solid;
border-width: 1px;
color: #777;
font-family: Arial,sans-serif;
height: 39px;
padding: 10px 12px !important;
max-width: 100%!important;
}
textarea {
height: auto;
max-width: 100%!important;
padding: 24px
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
background: #fffef4;
}
label {
display: inline-block;
color: #111;
font-size: 13px;
font-weight: 600;
padding: 0 6px 0 0;
}
select {
height: inherit;
max-width: 100%;
margin-left: 1px;
padding: 6px
} article {
margin: 0;
}
.tag-page article,
.category-page article,
.search-page article,
.archive article,
.page-template-template-latest-php article,
.home #gk-mainbody article {
margin: 20px 0px;;
}
.tag-page article:first-child,
.category-page article:first-child,
.search-page article:first-child,
.archive article:first-child,
.page-template-template-latest-php article:first-child,
.home #gk-mainbody article:first-child {
border-top: 0;
padding-top: 0;
}
.archive.author article:first-of-type {
border-top: 0;
padding-top: 0;
}
.tag-page article .summary,
.category-page article .summary,
.search-page article .summary,
.archive article .summary,
.page-template-template-latest-php article .summary,
.home #gk-mainbody article .summary {
margin: 20px 0 0;
}
.tag-page article .summary a,
.category-page article .summary a,
.search-page article .summary a,
.archive article .summary a,
.page-template-template-latest-php article .summary a,
.home #gk-mainbody article .summary a {
display: inline-block;
float: none;
margin: 24px 0 0;
}
.page-template-template-latest-php article:first-child {
border-top: 0;
padding-top: 0;
}
.tag-page article:first-child,
.category-page article:first-child,
.search-page article:first-child,
.archive article:first-child {
border-top: 0;
}
.tag-page > hr,
.search-page > hr {
border: none;
}
#gk-mainbody {
}
.home #gk-mainbody {
margin: 0;
}  .gk-page-wrap + #gk-footer {
margin-top: 20px;
}
.gk-page,
#gk-bottom > .widget-area.gk-page {
margin: 0 auto!important;
float:center !important;
width: 100%; 
}
#gk-mainbody-columns {
display: block;
padding: 0px;
width: 100%;
}
#gk-mainbody-columns > section {
display: block;
float: left;
padding: 0;
}
#gk-mainbody-columns > aside,
#gk-inset {
display: block;
float: left;
padding: 0 0 50px 35px;
}
#gk-content-wrap {
float: left;
min-height:500px;
}
#gk-mainbody-columns.gk-column-left > section,
.gk-inset-left #gk-content-wrap.has-inset {
float: right;
}
#gk-mainbody-columns.gk-column-left > aside {
float: left;
padding: 0 62px 0 0;
}
#gk-mainbody-columns.gk-column-left > section {
float: right;
}
#gk-mainbody-columns.gk-column-left > aside,
.gk-inset-left.has-inset #gk-inset {
float: left;
padding: 0 45px 0 0;
}  #gk-top {
overflow: hidden;
padding: 24px 14px;
}
#gk-top-bar.active {
margin-top: 0;
}
#gk-top-bar {
background: #111; 
color: #fff;
height: 46px;
line-height: 46px;
overflow: hidden;
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
-ms-transition: all .35s linear;
-o-transition: all .35s linear;
transition: all .35s linear;
}
#gk-top-bar > div {
position: relative;
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
-ms-transition: all .35s linear;
-o-transition: all .35s linear;
transition: all .35s linear;
}
#gk-top-bar .box {
padding: 0;
} #btn-cart {
color: #666;
float: right;
height: 38px;
line-height: 38px;
}
#btn-cart > a {
color: #666;
cursor: pointer;
display: block;
float: left;
font-size: 10px;
font-weight: normal;
line-height: 38px;
padding: 0 16px 0 24px;
text-transform: uppercase;
-webkit-transition: color .5s ease-out;
-moz-transition: color .5s ease-out;
-ms-transition: color .5s ease-out;
-o-transition: color .5s ease-out;
transition: color .5s ease-out;
}
#btn-cart i {
color: #1b1d1f;
font-size: 20px;
line-height: 38px;
}
#btn-cart span {
font-weight: bold;
}  #gk-head {
margin: 0;
padding: 0;
position: relative;
}
#gk-head.gk-page {
padding: 150px 0 0 0;
}
#gk-header-top > .gk-page,
#gk-header-nav > div {
position: relative;
}
#gk-header-nav {
padding: 40px 0 0 0;
position: absolute;
top: 0;
-webkit-transition: top .5s ease-out;
-moz-transition: top .5s ease-out;
-ms-transition: top .5s ease-out;
-o-transition: top .5s ease-out;
transition: top .5s ease-out;
width: 100%;
z-index: 10000;
}
#gk-header-nav > div {
position: relative;
}
#gk-header-widgets {
bottom: 0;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
z-index: 100;
}
#gk-header-left,
#gk-header-right {
bottom: 0;
position: absolute;
}
#gk-header-left .box,
#gk-header-right .box {
margin: 0;
}
#gk-header-right {
right: 0;
}
#gk-header-left {
background: #fff;
left: 0;
overflow: hidden;
padding: 25px 15px;
position: relative;
}
#gk-header-left .header {
display: none;
}
.csstransforms #gk-header-left .box-title {
background: #0F1725;
color: #fff;
display: block; 
height: 100%;
left: 0;
line-height: 60px;
padding: 0!important;
position: absolute;
text-align: center;
top: 0;
width: 60px;
}
.csstransforms #gk-header-left .box-title > small {
float: left;
font-size: 14px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
white-space: nowrap;
}
.csstransforms #gk-header-left .box-title + .textwidget,
.csstransforms #gk-header-left .box-title + .gk-nsp {
padding-left: 80px;
}
#gk-header-bottom {
background: #f2f4f5;
padding: 28px 0;
}
#gk-header-bottom .box {
margin: 0;
padding: 0;
}
#gk-head .box{
margin: 0;
padding: 0;
}
#gk-bg {
-webkit-transition: margin-left .3s ease-out;
-moz-transition: margin-left .3s ease-out;
-ms-transition: margin-left .3s ease-out;
-o-transition: margin-left .3s ease-out;
transition: margin-left .3s ease-out;
overflow: hidden;
width: 100%;
}
#gk-head:after,
#gk-head > div:after,
#gk-breadcrumb-area:after,
#gk-bottom1:after,
#gk-bottom2:after,
#gk-bottom3:after,
#gk-bottom4:after,
#gk-bottom5:after,
#gk-bottom5 .widget-area:after {
clear: both;
content: "";
display: table;
}
#gk-head h1 {
margin: 0;
} #gk-header-nav h1 {
float: left;
}
a.cssLogo {
height: 100px;
margin: 0 24px 0 0;
padding: 0;
text-indent: -999em;
text-shadow: none;
width: 159px;
display: inline-block;
}
a.cssLogo {
background: transparent url(//atheneum.ube.fr/wp-content/themes/University/images/logo.png) no-repeat 0 0; height: 75px;
width: 274px;
}
.svg a.cssLogo {
background-image:  url(//atheneum.ube.fr/wp-content/themes/University/images/logo.svg);
}
a.textLogo {
color: #fff;
display: inline-block;
float: left;
font-size: 30px;
font-weight: normal;
height: 75px;
line-height: 60px;
margin: 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .44);
text-align: center;
text-indent: 0;
text-transform: uppercase;
width: auto;
}
a.textLogo small {
display: block;
font-size: 14px;
line-height: 1;
margin-top: -12px;
} #gk-user-area {
color: #999;
float: left;
font-size: 12px;
margin-top: -64px;
}
#gk-user-area a {
color: #c1c1c1;
text-decoration: underline;
}
.imageLogo {
display: inline-block;
margin: 0 0 15px;
} section.intro {
font-size: 110%;
padding: 0;
}
.box::after,
article::after,
#respond::after,
#gk-top1::after,
#gk-top1 > div::after,
#gk-top2 > div::after,
#gk-bottom::after,
#gk-mainbody::after,
#gk-mainbody-columns::after,
#gk-bottom > div:after {
clear: both;
content: "";
display: table;
}
section.content::after {
clear: both;
content: "";
display: table;
}
#gk-mainbody-top {
padding: 0 0 10px 0;
}
#gk-mainbody + #gk-mainbody-bottom {
margin-top: 0;
padding-top: 10px;
}
#gk-mainbody strong,
#gk-mainbody b {
}
#gk-mainbody .box {
padding-left: 0!important;
padding-right: 0!important;
width: 100%;
}
.frontpage #gk-mainbody .box {
margin: 0;
padding-bottom: 70px;
}
.frontpage #gk-mainbody-columns {
padding: 10px 0 1px;
} #gk-sidebar .box {
padding-left: 0;
padding-right: 0;
} #gk-bottom {
background: #f1f1f1;
margin: 0;
}
#gk-bottom > div {
overflow: hidden;
margin: 0 -10px;
padding: 44px 0 35px 0;
}
.gk-bottom > div {
margin: 0 -10px!important;
}
#gk-bottom .box {
float: left;
}
#gk-bottom .box,
#gk-bottom .box h3 {
font-size: 12px;
}
#gk-bottom .box h3 {
font-size: 18px;
font-weight: normal;
padding-bottom: 27px;
text-transform: none;
}
#gk-bottom .box li {
border: none;
padding: 3px 0;
}
#gk-bottom .box a {
color: #999;
}
#gk-bottom .box a:active,
#gk-bottom .box a:focus,
#gk-bottom .box a:hover {
color: #111;
}
#gk-bottom .box.bigtitle .box-title {
color: #999;
font-size: 13px;
font-weight: normal;
line-height: 1;
margin: 0;
text-align: left;
text-transform: none;
}
#gk-bottom .box.bigtitle .box-title > small {
color: #111;
display: block;
font-size: 13px;
font-weight: bold;
padding-top: 6px;
text-align: left;
text-transform: uppercase;
}
.gk-page-wrap + #gk-bottom5 > div:before {
top: -75px;
}
.gk-page-wrap + .gk-single-widget > div > div:before {
top: -90px;
}
.bottom1-grey #gk-bottom1,
.bottom2-grey #gk-bottom2,
.bottom3-grey #gk-bottom3,
.bottom4-grey #gk-bottom4 {
}
.bottom1-bar #gk-bottom1,
.bottom2-bar #gk-bottom2,
.bottom3-bar #gk-bottom3,
.bottom4-bar #gk-bottom4 {
padding: 0;
}
.bottom1-bar #gk-bottom1 .box,
.bottom2-bar #gk-bottom2 .box,
.bottom3-bar #gk-bottom3 .box,
.bottom4-bar #gk-bottom4 .box {
display: table-cell;
margin: 0;
padding: 30px;
position: relative;
vertical-align: top;
}
.bottom1-bar #gk-bottom1 > div,
.bottom2-bar #gk-bottom2 > div,
.bottom3-bar #gk-bottom3 > div,
.bottom4-bar #gk-bottom4 > div {
display: table;
width: 100%;
}
.bottom1-fullwidth #gk-bottom1,
.bottom2-fullwidth #gk-bottom2,
.bottom3-fullwidth #gk-bottom3,
.bottom4-fullwidth #gk-bottom4 {
padding: 0!important;	
} 
.bottom1-fullwidth #gk-bottom1 .textwidget,
.bottom2-fullwidth #gk-bottom2 .textwidget,
.bottom3-fullwidth #gk-bottom3 .textwidget,
.bottom4-fullwidth #gk-bottom4 .textwidget {
max-width: 100%;
padding: 0!important;
width: 100%;
}
.bottom1-grey #gk-bottom1 > div:before,
.bottom2-grey #gk-bottom2 > div:before,
.bottom3-grey #gk-bottom3 > div:before,
.bottom4-grey #gk-bottom4 > div:before,
.gk-page-wrap + .gk-single-widget > .parallax > div:before {
display: none;
}
.gk-page-wrap + .gk-single-widget > div:before {
display: none!important;
}
.bottom1-fullwidth #gk-bottom1,
.bottom2-fullwidth #gk-bottom2,
.bottom3-fullwidth #gk-bottom3,
.bottom4-fullwidth #gk-bottom4 {
padding: 0!important;	
} 
.bottom1-fullwidth #gk-bottom1 .textwidget,
.bottom2-fullwidth #gk-bottom2 .textwidget,
.bottom3-fullwidth #gk-bottom3 .textwidget,
.bottom4-fullwidth #gk-bottom4 .textwidget {
max-width: 100%;
padding: 0!important;
width: 100%;
}
#gk-bottom1,
#gk-bottom2,
#gk-bottom3,
#gk-bottom4 {
padding: 10px 0;
}
#gk-bottom1.gk-single-widget,
#gk-bottom2.gk-single-widget,
#gk-bottom3.gk-single-widget,
#gk-bottom4.gk-single-widget,
#gk-bottom5.gk-single-widget {
padding: 0px;
}
#gk-bottom1.gk-single-widget .box,
#gk-bottom2.gk-single-widget .box,
#gk-bottom3.gk-single-widget .box,
#gk-bottom4.gk-single-widget .box,
#gk-bottom5.gk-single-widget .box {
margin: 0;
padding: 0;
} #gk-bottom5 .box {
font-size: 12px;
margin: 0;
padding: 0 20px;
}
#gk-bottom5 {
padding: 90px 0 65px;
}
#gk-bottom5 .box li {
border: none;
line-height: 1.8;
padding: 0;
}
#gk-bottom5 .box a {
color: #666;
}
#gk-bottom5 .box a:active,
#gk-bottom5 .box a:focus,
#gk-bottom5 .box a:hover {
color: #fa7252;
}
#gk-bottom5 .widget-area {
margin: 0 -20px;
} #gk-footer {
font-size: 12px;
padding: 25px 0px 0px 0px;
line-height:17px;
margin:0px;
min-height:250px;
font-weight:100 ;
font-family: 'titilliumregular' !important;
background: #a1192e;
color:#fff;
}
#gk-footer > div {
}
#gk-footer .dib{
display:inline-block;
text-align:left;
float:left;}
#gk-footer .dib img{
width:100px;
margin:7px 20px 0px 0px;}
#gk-footer strong{
font-weight:300 !important;
font-family: 'titilliumsemibold' !important;
color:#fff !important;}
#gk-footer a {
font-family: 'titilliumsemibold' !important;
color:#fff !important;
}
#gk-footer a:active,
#gk-footer a:focus,
#gk-footer a:hover {
color: #fa7252;
}
#footer-menu {
}
#footer-menu li {
border: none;
float: none;
line-height: 1;
margin: 0!important;
padding: 0 7px!important;
}
#footer-menu li:first-child:before {
display: none;
}
#footer-menu li a {
color: #666;
display: inline-block;
padding: 8px 0;
}
#footer-menu ul {
display: none;
}
#gk-footer .gk-copyrights {
margin: 0 auto 20px;
}
#gk-footer .gk-framework-logo {
clear: both;
display: block;
margin: 0 auto!important;
padding: 32px 0 16px 0!important;
}
#gk-footer strong {
color: #000;
} #gk-style-area {
clear: both;
display: block;
line-height: 10px;
margin: 20px 0 40px 0;
padding: 10px 0 11px 0;
text-align: center;
}
#gk-style-area a {
display: inline-block;
height: 9px;
margin: 15px 0 0 5px;
text-indent: -9999px;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
width: 9px;
}
#gk-style-area a:first-child {
margin-left: 0;
}
#gk-style-area a:hover {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}
#gk-color1 { background: #fa7252; }
#gk-color2 { background: #dfc040; }
#gk-color3 { background: #65c1cf; }  .box {
padding: 0 10px;
}
#gk_nsp-6{
padding: 0px;
} #gk-top1 .box,
#gk-top2 .box,
#gk-bottom .box {
float: left;
margin-bottom: 45px;
}
#gk-mainbody-top .box,
#gk-mainbody-bottom .box {
padding: 0;
}
#gk-top1 .box,
#gk-top2 .box,
#gk-bottom1 .box,
#gk-bottom2 .box,
#gk-bottom3 .box,
#gk-bottom4 .box,
#gk-bottom5 .box { float: left;
}
.gk-single-widget .box{
float:none !important;} #gk-top1 > div > .box,
#gk-top2 > div > .box,
#gk-bottom1 > div > .box,
#gk-bottom2 > div > .box,
#gk-bottom3 > div > .box,
#gk-bottom4 > div > .box {
margin-bottom: 10px;
}
#gk-top1 > div > .box + .box,
#gk-top2 > div > .box + .box,
#gk-bottom1 > div > .box + .box,
#gk-bottom2 > div > .box + .box,
#gk-bottom3 > div > .box + .box,
#gk-bottom4 > div > .box + .box {
margin-top: 0;
}
.gk-single-widget .gk-page,
.gk-single-widget .gk-page.box{
float:none !important;
max-width:1230px !important;
display:block !important;
margin:0 auto !important;}
.widget-area .col1 { width: 100%; }
.widget-area .col2 { width: 50%; }
.widget-area .col3 { width: 33.3%; }
.widget-area .col4 { width: 25%; }
.widget-area .col5 { width: 20%; }
.widget-area .col6 { width: 16.6%; }
.widget-area .box.last1 { width: 100%; }
.widget-area .box.last2 { width: 50%; }
.widget-area .box.last3 { width: 33.3%; }
.widget-area .box.last4 { width: 25%; }
.widget-area .box.last5 { width: 20%; }
.widget-area .box.double.last2 {
width: 66.666666%;
}
.widget-area .box.double.last2 ~ .box.last2 {
width: 33.333333%;
}
.widget-area .nth1 {
clear: both;
} .onlyDesktop {
display: block!important;
}
.onlyTablets {
display: none!important;
}
.onlySmartphones {
display: none!important;
}
.onlyTabltetsAndSmartphones {
display: none!important;
}#main-menu-mobile {
display: none!important;
}
body[data-mobile="true"] #main-menu-mobile select {
font-size: 50px;
}
#gk-main-menu {
float: right;
margin: 0;
padding: 0;
}
#gk-main-menu .gk-menu-wrap {
display: block;
margin: 0;
position: relative;
text-align: center;
}
#gk-main-menu:after {
clear: both;
content: "";
display: table;
}
#gk-main-menu #main-menu {
margin: 0;
padding: 0;
}
#gk-main-menu #main-menu > li {
clear: none!important;
display: inline-block;
font-size: 12px;
height: 60px;
line-height: 60px;
text-transform: uppercase;
width: auto;
}
#gk-main-menu #main-menu > li > a {
}
#gk-main-menu #main-menu > li:last-child > a {
padding-right: 0;
} #gk-main-menu .sub-menu {
background: #fff;
border: 1px solid #eee;
left: -999em;
padding-top: 10px;
position: absolute;
margin-top: 0;
text-transform: none;
width: 170px;
z-index: 999;
}
#gk-main-menu .sub-menu ul {
padding-bottom: 18px;
}
#gk-main-menu li:hover .sub-menu {
left: auto;
}
#gk-main-menu .sub-menu li {
font-size: 12px;
font-weight: 300;
line-height: 1;
margin: 0;
padding: 0 20px;
text-align: left; 
}
#gk-main-menu .sub-menu li:hover > a {
-webkit-transition: color .2s ease-out;
-moz-transition: color .2s ease-out;
-ms-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
#gk-main-menu .sub-menu a {
color: #777;
display: block;
padding: 7px 0;
}
#gk-main-menu .sub-menu .sub-menu {
left: -9999px!important;
margin-left: 120px;
margin-top: -48px!important;
}
#gk-main-menu #main-menu .sub-menu li:hover .sub-menu {
left: auto!important;
} #gk-main-menu .menu-cols-2 > .sub-menu,
#gk-main-menu .menu-cols-3 > .sub-menu,
#gk-main-menu .menu-cols-4 > .sub-menu {
padding-top: 0!important;
}
#gk-main-menu .menu-cols-2 > .sub-menu {
width: 340px!important;
}
#gk-main-menu .menu-cols-3 > .sub-menu {
width: 510px!important;
}
#gk-main-menu .menu-cols-4 > .sub-menu {
width: 680px!important;
}
.box .menu-cols-2 > .sub-menu,
.box .menu-cols-3 > .sub-menu,
.box .menu-cols-4 > .sub-menu {
width: auto!important;
}
#gk-main-menu .menu-cols-2 > .sub-menu > ul,
#gk-main-menu .menu-cols-3 > .sub-menu > ul,
#gk-main-menu .menu-cols-4 > .sub-menu > ul {
display: table;
padding-bottom: 0!important;
width: 100%;
}
#gk-main-menu .menu-cols-2 > .sub-menu > ul > li,
#gk-main-menu .menu-cols-3 > .sub-menu > ul > li,
#gk-main-menu .menu-cols-4 > .sub-menu > ul > li {
border-left: 1px solid #eee;
display: table-cell;
padding-bottom: 10px!important;
padding-top: 14px!important;
width: 50%;
}
#gk-main-menu .menu-cols-2 > .sub-menu > ul > li:first-child,
#gk-main-menu .menu-cols-3 > .sub-menu > ul > li:first-child,
#gk-main-menu .menu-cols-4 > .sub-menu > ul > li:first-child {
border-left: none;
}
#gk-main-menu .menu-cols-3 > .sub-menu > ul > li {
width: 33.333333%;
}
#gk-main-menu .menu-cols-4 > .sub-menu > ul > li {
width: 25%;
}
#gk-main-menu .menu-cols-2 > .sub-menu > ul > li > a,
#gk-main-menu .menu-cols-3 > .sub-menu > ul > li > a,
#gk-main-menu .menu-cols-4 > .sub-menu > ul > li > a {
color: #444!important;
font-size: 12px;
font-weight: bold;
padding: 7px 0;
text-transform: uppercase;
}
#gk-main-menu .menu-cols-2 > .sub-menu > ul > li > a:hover,
#gk-main-menu .menu-cols-3 > .sub-menu > ul > li > a:hover,
#gk-main-menu .menu-cols-4 > .sub-menu > ul > li > a:hover {
color: #fa7252!important;
}
#gk-main-menu .menu-cols-2 > .sub-menu > ul > li > .sub-menu,
#gk-main-menu .menu-cols-3 > .sub-menu > ul > li > .sub-menu,
#gk-main-menu .menu-cols-4 > .sub-menu > ul > li > .sub-menu {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
display: block!important;
height: auto!important;
left: 0!important;
margin: 0 -20px!important;
opacity: 1!important;
position: static!important;
width: auto!important;
} #gk-bg {
-webkit-transition: margin-left .3s ease-out;
-moz-transition: margin-left .3s ease-out;
-ms-transition: margin-left .3s ease-out;
-o-transition: margin-left .3s ease-out;
transition: margin-left .3s ease-out;
}
#gk-bg.menu-open {
margin-left: -280px;
}
#aside-menu-toggler,
#main-menu-mobile,
#static-aside-menu-toggler {
color: #fff;
cursor: pointer;
display: block!important;
float: right;
font-size: 32px;
height: 44px;
line-height: 44px;
margin: 10px 3px 0 0!important;
overflow: hidden;
position: relative;
width: 44px;
}
#static-aside-menu-toggler {
color: #333;
filter: alpha(opacity=0);
margin: 0!important;
opacity: 0;
position: fixed;
right: 0;
top: 14px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#static-aside-menu-toggler.active {
filter: alpha(opacity=100);
opacity: 1;
margin-right: 25px!important;
}
#mobile-menu-toggler {
margin: 0px -15px 0 0px!important;
}
#aside-menu {
background: #152136;
float: right;
height: 100%;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
-webkit-transition: width .3s ease-out;
-moz-transition: width .3s ease-out;
-ms-transition: width .3s ease-out;
-o-transition: width .3s ease-out;
transition: width .3s ease-out;
width: 0;
}
#aside-menu.menu-open {
width: 280px;
}
#aside-menu > div {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
padding-right: 32px;
min-width: 280px;
max-width: 100%;
}
#close-menu {
color: #fa7252;
cursor: pointer;
font-size: 26px;
opacity: 0; filter: alpha(opacity=0);
position: fixed;
right: 0px;
top: 25px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
z-index: 1;
}
#close-menu.menu-open {
opacity: 1.0; filter: alpha(opacity=100);
right: 18px;
}
.admin-bar #close-menu {
top: 53px;
}
#gk-aside-menu > ul {
padding: 20px 0 20px 32px;
} 
.admin-bar #gk-aside-menu > ul {
padding: 48px 0 20px 25px;
}
#aside-menu li {
font-size: 15px;
font-weight: 600;
line-height: 1.7;
padding: 4px 0;
text-transform: uppercase;
}
#aside-menu li li {
font-size: 14px;
font-weight: 400;
padding: 4px 0;
text-transform: none;
}
#aside-menu li li li {
font-weight: 300;
padding-left: 15px;
}
#aside-menu li a {
color: #eee;
}
#aside-menu li li a {
color: #999;
}
#aside-menu li > a.active,
#aside-menu li > a:active,
#aside-menu li > a:focus,
#aside-menu li > a:hover,
#aside-menu .current-menu-item > a {
color: #fa7252;
} .android-stock-browser #aside-menu {
height: auto;
min-height: 100%;
position: absolute;
}
.android-stock-browser #aside-menu > div {
height: auto;
min-height: 100%;
}
#aside-menu-toggler,
#main-menu-mobile,
#static-aside-menu-toggler {
display: none!important;
} #comments.nocomments {
border-top: none;
}
#commentform p {
margin-bottom: 0;
}
#comments {
border-top: 1px solid #e5e5e5;
margin-top: 24px;
}
#comments > h2:first-child {
color: #444;
font-size: 18px;
font-weight: 600;
line-height: 32px;
margin: 0;
padding: 32px 0 0;
text-transform: uppercase;
}
#comments > nav {
margin: 12px 0;
overflow: hidden;
}
#comments > nav .nav-prev {
float: left;
}
#comments > nav .nav-next {
float: right;
}
#comments > ol {
list-style-type: none;
padding: 0;
}
#comments ol.children {
list-style-type: none;
margin-left: 5%;
padding: 0;
}
#comments li {
border: none;
margin: 0;
padding: 0;
}
#comments li:before {
display: none;
}
#comments li article {
border: 1px solid #e5e5e5;
margin: 16px 0 0;
padding: 10px 12px 17px 12px;
position: relative;
}
#comments > ol > li:first-child article {
margin-top: 12px
}
#comments .odd > article {
background: #f8f8f8;
}
#comments li article > aside {
left: 24px;
position: absolute;
top: 20px;
}
#comments li article > aside img {
float: left;
margin: 12px 0 0;
}
#comments li article > .content {
margin: 0 0 0 104px;
padding: 10px;
}
#comments li article > .content p {
font-size: 12px;
line-height: 1.6;
margin: 1em 0;
}
#comments article header span {
color: #999;
font-size: 14px;
font-weight: 300;
line-height: 2.0;
margin: 0 12px 0 0;
}
#comments article time {
color: #999;
font-size: 14px;
font-weight: 300;
}
#comments article .author {
color: #111;
font-weight: 500;
}
#comments article header {
line-height: 1.0;
margin: 4px 0 12px;
}
#comments article header .edit-link,
#comments article header .reply {
float: right;
font-size: 12px;
font-weight: 700;
margin-left: 10px;
}
#comments em.awaiting-moderation {
color: #fa7252;
display: block;
font-size: 14px;
margin: 0 0 12px 0;
text-align: center;
}
#comments .bypostauthor {} #comments li article abbr[title],
#comments li article acronym[title] {
border-bottom: 1px dotted;
}
#comments li article code {
background: #fafafa;
border-left: 4px solid #eee;
display: block;
margin: 10px 0;
padding: 10px 20px; 
white-space: pre;
}
#comments li article blockquote {
background: #fafafa;
border: 2px solid #eee;
border-left: none;
border-right: none;
display: block;
margin: 10px 0;
padding: 10px; 
position: relative;
}
#comments li article blockquote p {
margin: 0;
}
#comments li article q {
color: #888;
font-weight: bold;
}
#comments li article strike {
text-decoration: line-through;
}
#comments li article del {
color: #aaa;
text-decoration: line-through;
} #respond {
border-top: 0;
padding: 0 0 12px;
}
#comments > #respond {
margin-top: 32px;
}
#comments.nocomments > #respond {
margin-top: 0;
}
#respond label {
padding: 12px 0 10px;
}
#respond > h3 {
color: #444;
line-height: 32px;
font-size: 18px;
font-weight: 600;
margin: 0;
padding: 32px 0 0;
text-transform: uppercase;
}
#respond p.comment-notes,
#respond p.logged-in-as,
#respond p.form-allowed-tags {
font-size: 13px;
color: #aaa;
}
#respond p.comment-notes {	
font-size: 13px;
margin: 6px 0 24px;
}
#respond input,
#respond textarea {
display: block;
}
#respond input[type="checkbox"] {
display: inline-block;
}
#respond input[type="text"],
#respond input[type="password"],
#respond textarea {
width: 100%;
}
#respond #reply-title small {
float: right;
font-size: 14px;
text-transform: none;
} .content > form input[type="submit"] {
display: inline-block;
float: none;
}
#gk-mainbody > article {
min-height: 230px;
}
.page-template #gk-mainbody > article {
min-height: 0;
}
#gk-mainbody article > header h1,
#gk-mainbody article > header h2 {
clear: both;
font-size: 36px;
line-height: 1;
margin: 0 0 12px;
text-transform: none;
}
#gk-mainbody article > header h2 {
line-height: 1.1;
}
#gk-mainbody article > header {
margin: 0 0 15px;
padding: 0 0 0 90px;
position: relative;
}
#gk-mainbody .no-sidebar > header,
#gk-mainbody .page-fullwidth > header,
#gk-mainbody .attachment-page > header,
#gk-mainbody.search-page article > header {
padding-left: 0;
}
#gk-mainbody article > header + #gk-social-api {
margin-top: 45px;
}
.page #gk-mainbody > header {
margin-bottom: 42px;
}
article {
position: relative;
}
.date-mobile {
display: none;
}
article header ul {
display: inline-block;
list-style-type: none;
margin: 0;
}
article header ul li {
color: #999;
display: inline-block;
float: none;
font-size: 12px;
list-style-type: none;
margin: 0!important;
padding-right: 20px;
}
article.no-title,
article.page-fullwidth {
padding-left: 0;
}
article > footer {
clear: both;
}
article > footer::after,
#gk-social-api::after,
#respond p.form-submit:after {
clear: both;
content: "";
display: table;
}
.tags {
color: #999;
clear: both;
font-size: 13px;
margin: 3px 0 28px;
overflow: hidden;
}
.tags a {
background: #a1192e;
color: #fff!important;
border-radius:4px;
padding:0px 6px;
}
.tags a:active,
.tags a:focus,
.tags a:hover {
color: #fff!important;
background:#FA7252;
}
.tags span{
float: left;
line-height: 26px;
margin-right: 15px;
}
#gk-social-api + .tags {
border-top: 1px solid #E5E5E5;
margin: 32px 0;
padding-top: 32px;
} #gk-social-api {
border: 1px solid #e5e5e5;
border-left: none;
border-right: none;
clear: both;
margin: 0;
padding: 24px 0 20px 0;
text-align: center;
}
.page-template article > #gk-social-api {
margin: 0;
}
#gk-social-api > div {
display: inline-block;
margin: 0 12px;
vertical-align: top;
}
#gk-social-api .item-twitter-button {
margin-top: -8px;
}
#gk-social-api .twitter-count-horizontal {
position: relative;
margin-left: 10px;
top: 10px;
}
#gk-social-api > a {
min-height: inherit!important;
} article .featured-image {
position: relative;
}
article .featured-image sup,
article.sticky .featured-image sup {
background: #fa7252;
border-radius: 0 28px 0 28px;
-webkit-border-radius: 0 0 0 28px;
-moz-border-radius: 0 0 0 28px;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
line-height: 32px;
height: 32px;
padding: 0 20px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
z-index: 1;
transform: rotateZ(-90deg) translateX(-50%);
-moz-transform: rotateZ(-90deg) translateX(-50%);
-webkit-transform: rotateZ(-90deg) translateX(-50%);
}
.single article figure.featured-image,
.page article figure.featured-image {
margin: 0 0 20px;
}
article figure.featured-image img {	
display: block;
height: auto;
max-width: 100%;
margin: 0 0 8px;
padding: 0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
width: 100%!important;
}
article figure.featured-image figcaption {
color: #999;
display: block;
font-size: 11px;
text-align: center;
}
article header h1 > sup,
article header h2 > sup {
background: #ffc600;
color: #010101;
font-size: 10px;
font-weight: bold;
margin: 20px 0 0;
padding: 1px 6px;
position: relative;
text-transform: uppercase;
top: 2px;
vertical-align: super;
} .gk-image-wrapper-overlay-wrap {
display: block;
position: relative;
}
.gk-image-wrapper-overlay {
height: 100%;
left: 0;
padding: 9px;
position: absolute;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
top: 0;
width: 100%;
z-index: 1;
}
.gk-image-wrapper-overlay > span {
border: 1px solid rgba(255, 255, 255, 0.5);
height: 100%;
display: block;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 100%;
}
.gk-image-wrapper-overlay > span > span {
display: block;
height: 100%;
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 100%;
}
.gk-image-wrapper-overlay > span > span:before,
.gk-image-wrapper-overlay > span > span:after {
content: "";
height: 37px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transition: all .3s ease-out .2s;
-moz-transition: all .3s ease-out .2s;
-ms-transition: all .3s ease-out .2s;
-o-transition: all .3s ease-out .2s;
transition: all .3s ease-out .2s;
width: 37px;
}
.gk-image-wrapper-overlay > span > span:before {
border-top: 1px solid #fff;
margin-left: -18px;
width: 0;
}
.gk-image-wrapper-overlay > span > span:after {
border-left: 1px solid #fff;
height: 0;
margin-top: -18px;
}
.gk-image-wrapper-overlay-wrap:hover .gk-image-wrapper-overlay > span {
border-color: rgba(255, 255, 255, 0);
}
.gk-image-wrapper-overlay-wrap:hover .gk-image-wrapper-overlay.nohover > span {
border-color: rgba(255, 255, 255, 0.34);
}
.gk-image-wrapper-overlay-wrap:hover .gk-image-wrapper-overlay > span > span {
background: rgba(0, 0, 0, 0.34);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.gk-image-wrapper-overlay-wrap:hover .gk-image-wrapper-overlay > span > span:before {
width: 37px;
}
.gk-image-wrapper-overlay-wrap:hover .gk-image-wrapper-overlay > span > span:after {
height: 37px;
}
.alignnone {
float: none;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.alignright {
float: right;
margin: 0 0 15px 15px;
}
.aligncenter {
display: block;
float: none;
margin: 0 auto;
}
div.wp-caption {
max-width: 100%!important;
}
.wp-caption-text {
font-size: 11px;
font-style: italic;
line-height: 1.5;
text-align: center;
}
.gallery {
clear: both;
padding: 16px 0;
}
.gallery-caption {
font-size: 14px;
}
.gallery-icon img {
border: none!important;
}  #activateform {
margin: 0 auto;
max-width: 500px;
}
#activateform #key,
#activateform #submit {
font-size: inherit!important;
} .mu_register {
margin: 20px auto!important;
max-width: 500px;
}
.mu_register input[type="submit"], 
.mu_register #blog_title, 
.mu_register #user_email, 
.mu_register #blogname, 
.mu_register #user_name {
font-size: inherit!important;  
}
.mu_register label {
font-size: inherit!important;
}.spriteOvermenu:before {
background-image: url(//atheneum.ube.fr/wp-content/themes/University/images/spriteOvermenu2.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
}
.spriteOvermenu.flecheBlanc, .spriteOvermenu.flecheBleu, .spriteOvermenu.flecheOrange {
background-image: url(//atheneum.ube.fr/wp-content/themes/University/images/spriteOvermenu2.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
}
.spriteOvermenu:before{
content: "";    
margin-right: 7px;
margin-left: 0;
}
.biblioBlanc:before {
width: 21px;
height: 24px;
background-position: -5px -5px;
}
.biblioBleu:before {
width: 21px;
height: 24px;
background-position: -5px -39px;
}
.biblioOrange:before, .biblioBlanc:hover:before {
width: 21px;
height: 24px;
background-position: -5px -73px;
}
.contactBlanc:before {
width: 30px!important;
height: 27px!important;
background-position: -5px -107px;
}
.contactBleu:before {
width: 30px;
height: 27px;
background-position: -5px -144px;
}
.contactOrange:before, .contactBlanc:hover:before {
width: 30px;
height: 27px;
background-position: -5px -181px;
}
.flecheBlanc {
width: 15px;
height: 11px;
background-position: -5px -218px;
}
.flecheBleu {
width: 15px;
height: 11px;
background-position: -5px -239px;
}
.flecheOrange {
width: 15px;
height: 11px;
background-position: -5px -260px;
}
.plansBlanc:before {
width: 31px;
height: 28px;
background-position: -5px -281px;
}
.plansBleu:before {
width: 30px;
height: 27px;
background-position: -5px -319px;
}
.plansOrange:before, .plansBlanc:hover:before {
width: 31px;
height: 28px;
background-position: -5px -356px;
}
.boutiqueBlanc:before {
width: 25px;
height: 25px;
background-position: -5px -394px;
}
.boutiqueBleu:before {
width: 25px;
height: 25px;
background-position: -5px -429px;
}
.boutiqueOrange:before, .boutiqueBlanc:hover:before {
width: 25px;
height: 25px;
background-position: -5px -464px;
}
.annuaireBlanc:before{
background-image: url(//atheneum.ube.fr/images/charte/annuaire.svg);
width: 33px;
height: 30px;
}
.annuaireBlanc:hover:before{
background-image: url(//atheneum.ube.fr/images/charte/annuairehover.svg);
}

@font-face {
font-family: "university-pixellove";
src:url(//atheneum.ube.fr/wp-content/themes/University/fonts/university-pixellove/university-pixellove.eot);
src:url(//atheneum.ube.fr/wp-content/themes/University/fonts/university-pixellove/university-pixellove.eot?#iefix) format("embedded-opentype"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/university-pixellove/university-pixellove.ttf) format("truetype"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/university-pixellove/university-pixellove.svg#university-pixellove) format("svg"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/university-pixellove/university-pixellove.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'titillium';
src:url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-regular-webfont.eot);
src: url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-regular-webfont.woff2) format('woff2'),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-regular-webfont.ttf) format("truetype"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-regular-webfont.svg#titillium-regular) format("svg"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'titilliumsemibold';
src:url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-regular-webfont.eot);
src: url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-semibold-webfont.woff2) format('woff2'),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-semibold-webfont.ttf) format("truetype"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-semibold-webfont.svg#titillium-semibold) format("svg"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-semibold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'titilliumbold';
src:url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-bold-webfont.eot);
src: url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-bold-webfont.woff2) format('woff2'),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-bold-webfont.ttf) format("truetype"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-bold-webfont.svg#titillium-bold) format("svg"),
url(//atheneum.ube.fr/wp-content/themes/University/fonts/titillium/titillium-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "university-pixellove" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="gk-icon-"]:before,
[class*=" gk-icon-"]:before {
font-family: "university-pixellove" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} 
.gk-icon-fb:before { content: "a"; }
.gk-icon-calendar:before { content: "b"; }
.gk-icon-clock:before { content: "c"; }
.gk-icon-clock-solid:before { content: "d"; }
.gk-icon-education:before { content: "e"; }
.gk-icon-education-solid:before { content: "f"; }
.gk-icon-marker:before { content: "g"; }
.gk-icon-script:before { content: "h"; }
.gk-icon-gplus:before { content: "i"; }
.gk-icon-rss:before { content: "k"; }
.gk-icon-twitter:before { content: "l"; }
.gk-icon-youtube:before { content: "m"; }
.gk-icon-youtube-outline:before { content: "j"; }
.gk-icon-twitter-outline:before { content: "n"; }
.gk-icon-calendar-solid:before { content: "o"; }
.gk-icon-fb-outline:before { content: "p"; }
.gk-icon-gplus-outline:before { content: "q"; }
.gk-icon-linkedin:before { content: "r"; }
.gk-icon-linkedin-outline:before { content: "s"; }
.gk-icon-rss-outline:before { content: "t"; } #gk-breadcrumb-area {
font-size: 14px;
font-family: 'titilliumregular';
line-height: 1.7;
margin: -36px 0 0px;
padding: 0 0 12px;
overflow: hidden;
} 
.gk-breadcrumbs {
color: #1B1D1F;
float: left;
} 
.gk-breadcrumbs > a,
.gk-breadcrumbs > span {
float: left;
font-weight: 500;
}
.gk-breadcrumbs > a {
color: #888;
}
.gk-breadcrumbs a:hover { color: #fa7252; }
.gk-breadcrumbs > a:first-child:before {
display: none;
}
.gk-breadcrumbs > a:before,
.gk-breadcrumbs > span:before {
color: #ccc;
content: " / ";
font-weight: normal;
padding: 0 7px 0 9px;
width: 10px;
}
.gk-breadcrumbs > span {
color: #1B1D1F;
}
#gk-font-size {
float: right;
}
#gk-font-size > a {
margin-left: 5px;
} .contactpage .featured-image {
margin-bottom: 22px!important;
padding-top: 42px;
}
.contactpage h2 {
text-transform: none;
margin-bottom: 30px;
}
.contact-details,
.contact-image {
float: left;
width: 45%
}
.contact-details {
width: 50%;
margin-right: 5%
}
.contact-miscinfo {
border-top: 1px solid #E5E5E5;
font-size: 14px;
margin: 18px 0 0!important;
padding: 15px 0 0;
}
.contactpage .featured-image:hover img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
opacity: 1;
}
.contactpage .page-title {
font-size: 42px;
font-weight: 300;
text-align: left;
}
.contactpage h3 {
clear: both;
font-size: 24px;
margin: 0 0 32px;
padding: 20px 0 12px;
}
.contactpage address,
.contactpage .contact-info {
float: left;
margin: 0 0 32px 0
}
.contactpage .contact-text {
color: #000;
font-size: 12px;
font-style: normal;
font-weight: 600;
}
.contactpage section.intro {
font-size: 100%;
}
.contactpage .contact-info div {
float: left;
margin: 0 52px 0 0
}
.page-template-template-contact-php #gk-mainbody-bottom .box {
border-top: 1px solid #E5E5E5;
font-size: 14px;
margin: 42px 0 0;
padding: 24px 0 0;
}
#gk-contact {
margin: 0;
max-width: 100%;
width: 100%;
}
#gk-contact dd {
margin: 5px 0;
padding: 0;
}
#gk-contact span.error {
color: #d82731;
}
.contactpage .gk-contact-error,
.contactpage .gk-contact-thanks {
line-height: 18px;
margin: 30px 0;
max-width: 520px;
padding: 10px;
text-align: center;
width: 100%;
}
.contactpage .gk-contact-error:before {
top: 10px;
}
.contactpage input[type="text"],
.contactpage textarea {
width: 100%;
}
#gk-contact input[type="text"] {
width: 80%;
}
.contactpage input[type="submit"] {
float: right;
margin: 0;
}
.contactpage #loginform #rememberme {
margin: 13px 5px 0 2px;
}
#gk-contact dl {
float: left;
width: 50%;
}
#gk-contact > p {
margin-bottom: 10px;
}
#gk-contact label {
text-transform: none;
}
#gk-contact .inline,
#gk-contact .inline {
display: inline-block;
float: left;
margin: 12px 0 0;
width: auto;
}
input[name="send_copy"] {
margin-left: 10px;
} .page404 > p:first-child {
font-size: 150%;
padding: 20px 0;
text-align: center;
}
.page404 > p:first-child > small {
display: block;
font-size: 85%;
text-align: center;
}
.page404 label[for="s"] {
display: none;
}
.page404 form {
margin: 10px 0 30px 0;
text-align: center;
}
.page404 > div {
clear: both;
overflow: hidden;
}
.page404 .widget {
float: left;
margin: 0 2%;
margin-bottom: 30px;
width: 46%;
}
.page404 #searchsubmit {
display: inline-block;
float: none!important;
vertical-align: middle;
}
.page404 ul li {
border-top: 1px solid #e5e5e5;
line-height: 1.6;
padding: 7px 0;
}
.page404 ul li:first-child {
border: 0;
}
.page404 .widgettitle {
font-size: 26px;
margin:  30px 0;
} #gk-mainbody.archivepage .widget h2 {
font-size: 24px;
margin-bottom: 30px;
text-transform: none;
}
#gk-mainbody.archivepage .widget {
float: left;
margin: 30px 0 0;
padding: 0;
width: 48%;
}
#gk-mainbody.archivepage .widget.first {
margin-left: 0;
width: 100%;
}
#gk-mainbody.archivepage .widget.last {
margin-left: 2%;
}
#gk-mainbody.archivepage .widget li:before {
display: none;
}
#gk-mainbody.archivepage .widget.first li {
position: relative;
}
#gk-mainbody.archivepage .widget.first li a {
display: block;
line-height: 1.6;
padding-left: 65px;
}
#gk-mainbody.archivepage .widget li small {
color: #777;
font-size: 11px;
left: 0;
position: absolute;
top: 8px;
} .tagcloud .tag-cloud {
border-top: 1px solid #e5e5e5;
margin: 20px 0;
padding: 10px 0;
}
.tagcloud .tag-cloud a {
font-weight: 400;
padding: 0 10px;
vertical-align: middle;
} .page-template-template-login-php .page-title {
margin-bottom: 40px;
}
.loginpage #loginform {
overflow: hidden;
width: 240px;
}
.loginpage #loginform p {
margin: 15px 0;
}
#loginform p.login-submit {
margin-top: -10px;
}
.loginpage #loginform p.login-submit {
margin-top: 0;
}
.loginpage input[type="text"],
.loginpage input[type="password"] {
clear: both;
width: 240px;
}
.loginpage p label {
display: block;
}
.loginpage .login-remember {
float: left;
margin-top: 8px!important;
}
.loginpage .login-submit {
float: right;
margin: 10px 0;
}
.loginpage .login-submit input[type="submit"] {
margin: 0;
}
.loginpage nav.small {
border-top: 1px solid #eee;
clear: both;
padding: 10px 0;
width: 240px;
}
.loginpage nav.small ul {
margin: 0;
}
.loginpage nav.small ul li {
float: left;
font-size: 13px;
font-weight: 400;
margin-right: 10px;
padding-left: 0;
}
.loginpage nav.small ul li:before {
display: none;
} header hgroup h2 {
margin: 0;
padding: 11px 0 10px 0;
}
.gk-format-aside:before,
.gk-format-audio:before,
.gk-format-chat:before,
.gk-format-gallery:before,
.gk-format-image:before,
.gk-format-link:before,
.gk-format-quote:before,
.gk-format-status:before,
.gk-format-video:before {
color: #999;
display: block;
font-family: FontAwesome;
font-size: 15px;
line-height: 1.8;
}
.gk-format-aside:before { 
content: "\f0f6";
}
.gk-format-audio:before { 
content: "\f001";
}
.gk-format-chat:before { 
content: "\f086";
}
.gk-format-gallery:before { 
content: "\f00a";
}
.gk-format-image:before { 
content: "\f03e";
}
.gk-format-link:before { 
content: "\f0c1";
}
.gk-format-quote:before { 
content: "\f10e";
}
.gk-format-status:before { 
content: "\f073";
}
.gk-format-video:before { 
content: "\f03d";
} .pagenav {
margin: 20px 0 10px 0;
overflow: hidden;
}
.pagenav .nav-prev {
float: left;
}
.pagenav .nav-next {
float: right;
} .author-info {
background: #F1F2F3;
clear: both;
margin: 0 0 52px 0;
min-height: 180px;
overflow: hidden;
padding: 30px;
position: relative;
}
.author .author-info {
margin-bottom: 100px
}
#gk-social-api + .author-info {
margin-top: 57px;
}
.author-info > aside {
left: 30px;
position: absolute;
top: 30px;
}
.author-info img {
display: block;
}
.author-info > div {
padding: 6px 24px 0 160px;
}
.author-info h2 {
color: #333;
font-size: 14px;
font-weight: 700;
margin: 0 0 12px 0;
text-transform: uppercase;
}
.author-info .author-desc {
font-size: 13px;
line-height: 1.5;
}
.author-info .author-desc p {
margin-bottom: 8px;
}
.author-info p.author-www,
.author-info p.author-google {
font-size: 12px;
line-height: 1.7;
}
.author-info p.author-www {
margin: 8px 0 0;
}
#gk-mainbody .author-desc p a {
color: #fa7252;
}
#gk-mainbody .author-desc p a:active,
#gk-mainbody .author-desc p a:focus,
#gk-mainbody .author-desc p a:hover {
color: #1B1D1F;
} .content dl.post-fields {
border-top: 1px solid #e5e5e5;
font-size: 12px;
line-height: 1.6;
margin: 10px 0;
padding: 0;
}
.content dl.post-fields dt {
border-top: 1px solid #e5e5e5;
font-weight: bold;
line-height: 1.5;
margin: 10px 0 0 0;
padding: 10px 0;
}
.content dl.post-fields dt:first-child {
border-top: none;
} 
.content dl.post-fields dd {
margin: 0;
padding: 5px 0;
}  .content iframe[src^='http://www.youtube.com'],
.content iframe[src^='https://www.youtube.com'],
.content iframe[src^='http://youtube.com'],
.content iframe[src^='https://youtube.com'],
.content iframe[src*='vimeo.com'] {
max-width: 100%!important;
} .content .twitter-tweet-rendered {
max-width: 100%!important;
} .content a[href^='http://www.flickr.com'],
.content a[href^='https://www.flickr.com'],
.content a[href^='http://flickr.com'],
.content a[href^='https://flickr.com'] {
max-width: 100%!important;
} .attachment-page .intro p {
clear: both;
padding: 30px 0 0 0;
}
.attachment-page .nav-prev {
float: left;
}
.attachment-page .nav-next {
float: right;
}
.attachment-page .intro {
overflow: hidden;
text-align: center;
padding: 0 0 30px 0;
}
.attachment-page .intro .btn {
display: inline-block;
} .search-page #searchform {
padding: 20px 0;
margin-bottom: 24px;
}
.search-page #searchform input[type="submit"] {
display: inline-block;
float: none;
}
.search-page #searchform #s {
margin: 0 12px;
}
.search-page .page-title {
font-size: 20px;
} #gk-search-btn {
color: #1b1d1f;
cursor: pointer;
float: right;
font-size: 16px;
height: 38px;
line-height: 44px;
overflow: hidden;
text-align: center;
width: 30px;
}
#gk-search {
background: #1b1d1f;
display: none;
height: 63px;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 75%;
z-index: 10001;
}
#gk-search #searchsubmit,
#gk-search label {
display: none;
}
#gk-search.active {
display: block;
opacity: 1;
}
#gk-search.active.hide {
display: block;
opacity: 0;
}
#gk-search input {
border: none;
border-bottom: 1px solid #696969;
background: transparent;
color: #fff;
float: right;
font-size: 16px;
-webkit-font-smoothing: antialiased;
font-weight: 300;
height: 33px;
margin: 15px 30px 15px 0;
padding: 0!important;
width: 80%;
}
#gk-search #searchform {
position: relative;
}
#gk-search #searchform:after {
color: #696969;
content: "m";
font-family: 'university-pixellove';
font-size: 24px;
line-height: 63px;
position: absolute;
right: 0;
width: 30px;
}
#gk-search input::-webkit-input-placeholder { color: #fff; }
#gk-search input:-moz-placeholder { color: #fff; }
#gk-search input::-moz-placeholder { color: #fff; }
#gk-search input:-ms-input-placeholder { color: #fff; } body #TB_load,
body #TB_window {
border: none!important;
background: transparent!important;
}
body #TB_window {
background: #000!important;
}
body #TB_title {
display: none;
}   .gk-event {
background: #f1f2f3;
margin: 30px 0 45px;
padding: 30px;
}
.gk-event h3 {
font-size: 13px;
font-weight: bold;
margin: 0 0 18px 0!important;
text-transform: uppercase;
}
.gk-event ul {
background: #fff;
border: 1px solid #e5e5e5;
font-size: 12px;
line-height: 45px;
list-style: none;
position: relative;
}
.gk-event li {
border-top: 1px solid #e5e5e5;
font-size: 12px;
line-height: 45px!important;
padding: 0 64px 0 20px!important;
}
.gk-event li:before { display: none; }
.gk-event li:first-child { border-top: none; }
.gk-event li strong {
color: #0f1725;
font-weight: bold;
padding-right: 20px;
}
.gk-event .gk-event-period { padding-right: 15px; }
.gk-event .gk-event-hours  { font-weight: bold; }
.gk-event .gk-event-period:before,
.gk-event .gk-event-hours:before {
color: #fa7252;
content: "o";
font-family: "university-pixellove";
font-size: 14px;
font-weight: normal;
padding: 0 12px 0 0;
position: relative;
top: 1px;
}
.gk-event .gk-event-hours:before { content: "d"; }
.gk-event .gk-event-register {
background: #52b5fa;
height: 38px;
padding: 0!important;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.gk-event .gk-event-register a {
border: none;
color: #fff!important;
display: block;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
line-height: 38px;
padding: 0;
text-align: center;
text-transform: uppercase;
}
.gk-event .gk-event-register:hover { background: #fa7252; }
.csstransforms .gk-event .gk-event-register {
bottom: 0;
position: absolute;
right: 0;
-webkit-transform: rotateZ(90deg) translateY(37px);
-moz-transform: rotateZ(90deg) translateY(37px);
-ms-transform: rotateZ(90deg) translateY(37px);
-o-transform: rotateZ(90deg) translateY(37px);
transform: rotateZ(90deg) translateY(37px);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
width: 94px;
}
.gk-event-counter {
background: #fff;
display: block;
height: 3px;
margin-top: 25px;
position: relative;
text-indent: -9999px;
width: 60%;
}
.gk-event-counter > div {
background: #fa7252;
height: 3px;
left: 0;
max-width: 100%;
position: absolute;
top: 0;
-webkit-transition: all .75s ease-out;
-moz-transition: all .75s ease-out;
-ms-transition: all .75s ease-out;
-o-transition: all .75s ease-out;
transition: all .75s ease-out;
width: 0%;
} .category-events .page-title {
font-size: 26px;
text-transform: none;
margin-bottom: 20px;
}
#gk-mainbody.category-events article {
min-height: inherit;
margin-bottom: 30px;
padding-top: 30px;
}
#gk-mainbody.category-events article:first-of-type {
border-top: 0;
padding-top: 24px;
}
.category-events article .featured-image {
float: left;
width: 20.1%;
}
.category-events .event-description {
float: right;
width: 73.9%;
}
.event-description h2 {
font-size: 14px;
font-weight: 700;
line-height: 1.1;
margin-bottom: 12px;
text-transform: none;
}
.category-events article > .event-description:first-child {
width: 100%;
}
.event-description > a {
color: #fa7252!important;
display: block;
font-size: 12px;
font-weight: bold;
margin: 2px 0 0;
}
.event-description > a:active,
.event-description > a:focus,
.event-description > a:hover {
color: #010105!important;
}
.category-events-list-2 .event-description {
width: 84.9%;
} #gk-mainbody .gk-staff-single > header {
padding-left: 0;
}
#gk-mainbody .gk-staff-single > header h2 {
line-height: 1;
}
.gk-image-block {
float: left;
margin: 0 32px 32px 0;
max-width: 30%;
}
.gk-image-block img,
.category-staff .featured-image img {
margin: 0!important;
}
.gk-image-block img:hover,
.category-staff .featured-image img:hover {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
opacity: 0.85;
}
.gk-image-block .featured-image {
margin: 0!important;
overflow: hidden;
}
.gk-extra-fields {
margin: 8px 0 24px;
font-size: 12px;
}
.gk-extra-fields > dl {
overflow: hidden;
}
.gk-extra-fields dt {
clear: both;
font-weight: bold;
float: left;
min-width: 10%;
}
.gk-extra-fields dd,
.gk-extra-fields dt {
line-height: 1.7;
}
.gk-extra-fields dd {
float: left;
margin-left: 28px;
}
#gk-mainbody.category-staff article {
border: 0;
float: left;
margin: 0 0 6px!important;
padding: 30px 1% 0;
width: 25%;
}
.gk-staff-wrap {
margin: 0 -1%;
}
.category-staff .page-title {
font-size: 26px;
margin-bottom: 0;
}
#gk-mainbody.category-staff article > header {
padding-left: 0;
}
#gk-mainbody.category-staff article > header h2 {
clear: both;
font-weight: 700;
line-height: 1.4!important;
margin: 0 0 12px;
font-size: 14px!important;
text-align: center;
}
.category-staff .featured-image > a {
display: block;
margin: 0 0 20px;
overflow: hidden;
position: relative;
} .box.gk-video {
background-image: url(//atheneum.ube.fr/wp-content/themes/University/images/demo/college.jpg);
background-size: cover;
}
.gk-video-block {
background: rgba(0, 0, 0, .38);
color: #fff;
display: block;
font-size: 20px;
font-weight: 700;
height: 214px;
line-height: 315px;
position: relative;
text-align: center;
text-transform: uppercase;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.gk-video-block:before {
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
content: "▶";
display: block;
font-size: 14px;
height: 54px;
left: 50%;
line-height: 54px;
margin: -27px 0 0 -27px;
position: absolute;
text-align: center;
text-indent: 2px;
top: 45%;
width: 54px;
}
.gk-video-block:hover {
background: rgba(0, 0, 0, .2);
color: #fff;
} .gk-information { padding: 28px 0; }
.gk-information > div { overflow: hidden; }
.gk-information > div > * {
float: left;
margin: 0;
width: 21%;
}
.gk-information > div > input {
margin-left: 2%;
width: 19%;
}
.gk-information > div > strong {
color: #0f1725;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
padding: 5px 20px 5px 70px;
position: relative;
width: 16%;
}
.gk-information > div > strong:before {
color: #d1d1d1;
content: 'f';
font-family: university-pixellove;
font-size: 40px;
font-weight: 300;
left: 0;
position: absolute;
top: -5px;
}
.gk-information > div > input[type="submit"] {
background: #52b5fa;
border: none;
}
.gk-information > div > input[type="submit"]:active,
.gk-information > div > input[type="submit"]:focus,
.gk-information > div > input[type="submit"]:hover { background: #fa7252; } .gk-content-image {
float: left;
height: auto;
width: 40%;
}
.gk-content { width: 100%; }
.gk-content-image + .gk-content {
float: right;
padding: 0 0 0 60px;
width: 60%;
}
.gk-content p {
font-size: 14px;
margin: 0 0 16px 0;
}
#gk-mainbody .gk-content a {
color: #fa7252;
font-size: 13px;
font-style: italic;
}
#gk-mainbody .gk-content a:active,
#gk-mainbody .gk-content a:focus,
#gk-mainbody .gk-content a:hover,
#gk-mainbody .gk-content-list a:hover {
color: #010101;
}
.gk-content-list {
clear: both;
margin: 0 -0.99% !important;
padding: 40px 0 0 0;
width: 100%;
}
.gk-content-list li {
border: none!important;
float: left;
padding: 0!important;
}
.gk-content-list[data-cols="1"] li { width: 100%; }
.gk-content-list[data-cols="2"] li {
margin: 0 1%;
width: 48%;
}
.gk-content-list[data-cols="3"] li {
margin: 0 1%;
width: 31.333333%;
}
.gk-content-list[data-cols="4"] li {
margin: 0 1%;
width: 23%;
}
.gk-content-list li a {
background: #fff;
border: 1px solid #e5e5e5;
color: #000;
display: block;
font-weight: bold;
height: 50px;
line-height: 50px!important;
text-align: center;
text-transform: uppercase;
}
.gk-content-list a:active,
.gk-content-list a:focus,
.gk-content-list a:hover { background: #f2f4f5; } #history tbody td {
font-size: 12px;
border-bottom: 1px solid #e5e5e5;
padding: 10px;
}
.post-2204.page figure.featured-image {
margin-bottom: 40px;
}
.faq-title {
color: #fa7252;
}
#gk-mainbody .content .faq {
margin: 2em 0;
}
#gk-mainbody .content .faq li {
line-height: 1.6;
padding: 0;
} .darkbar .gk-nsp-art {
position: relative;
}
.darkbar img,
.darkbar .gk-image-link,
.darkbar .gk-nsp-image-wrap {
display: block;
height: auto;
width: 100%;
}
.darkbar .gk-nsp-image-wrap {
overflow: hidden;
}
.darkbar .gk-nsp-arts-scroll,
.darkbar .gk-nsp-links-scroll { overflow: visible; }
.darkbar .gk-nsp-art { position: relative; }
.darkbar .gk-nsp-header {
background: -moz-linear-gradient(top, rgba(12,19,31,0) 0%, rgba(12,19,31,1) 86%, rgba(12,19,31,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(12,19,31,0)), color-stop(86%, rgba(12,19,31,1)), color-stop(100%, rgba(12,19,31,1))); background: -webkit-linear-gradient(top, rgba(12,19,31,0) 0%, rgba(12,19,31,1) 86%, rgba(12,19,31,1) 100%); background: -o-linear-gradient(top, rgba(12,19,31,0) 0%, rgba(12,19,31,1) 86%, rgba(12,19,31,1) 100%); background: -ms-linear-gradient(top, rgba(12,19,31,0) 0%, rgba(12,19,31,1) 86%, rgba(12,19,31,1) 100%); background: linear-gradient(to bottom, rgba(12,19,31,0) 0%, rgba(12,19,31,1) 86%, rgba(12,19,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000c131f', endColorstr='#0c131f', GradientType=0 ); bottom: 0;
font-size: 16px;
font-weight: 700;
left: 0;
padding: 32px 80px;
position: absolute;
z-index: 2;
}
.darkbar li h4 {
clear: both;
margin: 0 0 20px !important;
text-transform: uppercase;
}
.darkbar .gk-nsp-header { 
text-transform: uppercase;
width: 100%; 
}
.darkbar .gk-nsp-header a,
.darkbar li h4 a { color: #fff !important; }
.darkbar .gk-nsp-header a:active,
.darkbar .gk-nsp-header a:focus,
.darkbar .gk-nsp-header a:hover,
.darkbar li h4 a:active,
.darkbar li h4 a:focus,
.darkbar li h4 a:hover { color: #fa7252 !important; }
.darkbar .gk-nsp-list:first-child > li > a,
.darkbar .gk-nsp-list:first-child > li > div {
position: relative;
z-index: 1;
}
.darkbar .gk-nsp-list > li:first-child { position: relative; }
.darkbar .gk-nsp-list > li:first-child:after {
background: rgba(12, 19, 31, .6);
content: "";
height: 2000px;
left: 0%;
position: absolute;
top: -500px;
width: 100%;
z-index: 0;
}
.darkbar .gk-nsp-links { 
overflow: visible;
padding: 0; 
}
.darkbar .gk-nsp-list > li,
.darkbar .gk-nsp-arts + .gk-nsp-links { 
border-top: 0;
margin: 0;
padding: 0!important; 
}
.darkbar .gk-nsp-list > li > .gk-nsp-link-content-wrap { 
clear: both;
padding: 37px 38px 38px;
}
.darkbar ul li p {
color: #fff;
font-size: 12px;
}
.darkbar .gk-nsp-links .readon:active,
.darkbar .gk-nsp-links .readon:focus,
.darkbar .gk-nsp-links .readon:hover {
color: #fff;
}
.darkbar .gk-nsp-list li {
width: 50%;
}
.darkbar .gk-nsp-list li:nth-child(odd) {
float: left;
}
.darkbar .gk-nsp-list li:nth-child(even) {
float: right;
}
.darkbar .gk-nsp-image-wrap > a {
display: block;
}
.gk-nsp.left .gk-nsp-arts {
float: left;
width: 50%;
}
.gk-nsp.left .gk-nsp-links {
clear: none;
float: right;
width: 50%;
} .gk-social-icons { 
white-space: nowrap;
}
.gk-social-icons li {
border: none!important;
display: inline-block;
font-size: 24px;
height: 27px;
line-height: 27px!important;
margin: 0 2px 0 0;
overflow: hidden;
padding: 0!important;
text-align: center;
width: 25px;
}
.gk-social-icons li a:hover:before { color: rgba(255, 255, 255, 0.75); } #gk-header-nav li.gk-login {
border: 1px solid rgba(250, 114, 82, 0.5);	
height: 30px!important;
line-height: 30px!important;
margin-left: 10px;
-webkit-transition: border .3s ease-out;
-moz-transition: border .3s ease-out;
-ms-transition: border .3s ease-out;
-o-transition: border .3s ease-out;
transition: border .3s ease-out;
}
#gk-header-nav li.gk-login a {
height: 30px!important;
line-height: 30px!important;
padding: 0 12px!important;
}
#gk-header-nav li.gk-login:hover {
border-color: #fa7252;
color: #fff;
}
#gk-header-nav li.gk-login:hover a,
#gk-header-nav li.gk-login a:hover {
color: #fff!important;
}
#gk-popup-overlay,
.gk-popup {
background: #fff;
color: #777;
display: none;
overflow: hidden;
position: absolute;
z-index: 1000002;
left: 50%;
top: 80px;
}
.gk-popup {
margin-left: -220px;
width: 426px;
}
#gk-popup-cart.gk-popup {
width: 330px;
}
.gk-popup-wrap {
overflow: hidden;
padding: 40px;
}
#gk-popup-overlay,
.gk-popup {
display: none;
z-index: 1000002;
left: 50%;
}
.gk-popup h3,
.gk-popup-wrap .box-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 12px;
line-height: 32px;
text-transform: uppercase;
}
.gk-popup h3 a {
color: #fa7252;
}
.gk-popup .btn.register {
border: none;
float: none;
background: #0F1725;
margin: 50px 0 0;
}
.gk-popup .btn.register:hover {
background: #FA7252;
}
.gk-popup h3 a:hover,
.gk-popup h3 a:active,
.gk-popup h3 a:focus {
color: #363636;
}
.gk-popup h3 small {
font-size: 16px;
}
.gk-popup #loginform  { 
overflow: hidden;
}
.gk-popup #loginform input[type="text"],
.gk-popup #loginform input[type="password"] {
height: 39px;
max-width: 95%!important;
width: 100%!important;
}
.gk-popup p {
margin: 0.5em 0;
}
.gk-popup .login-remember label {
color: #777;
font-size: 11px;
font-weight: 400;
line-height: 27px;
}
.gk-popup .login-remember input {
margin-right: 1px;
}
.gk-popup .login-remember {
margin: 10px 0 20px;
}
.gk-popup-wrap p label {
display: inline-block;
min-width: 80px;
}
#gk-popup-overlay {
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
filter: alpha(opacity=45);
height: 100%;
left: 0;
margin-left: 0;
opacity: 0.45;
top: 0;
width: 100%;
z-index: 1000001;
}
.gk-popup .small {
border-top: 1px solid #e1e1e1;
font-size: 14px;
margin: 20px 0 0;
padding: 16px 0 0;
}
.gk-popup .small li {
float: left;
font-size: 12px;
line-height: 1.6;
margin-right: 12px;
}
.gk-popup .small li a {
color: #010101;
}
.gk-popup .small li a:hover {
color: #fa7252;
}
.gk-popup-wrap .gk-icon-cross {
color: #ed6363;
cursor: pointer;
font-size: 26px;
line-height: 42px;
position: absolute;
right: 0;
}
.gk-popup-login input[type="submit"] {
margin: 14px 0 0 0;
} article section table {
margin: 10px 0;
}
article section table th {
background: #eee;
padding: 0 4px;
text-align: left;
}
article section table td {
padding: 0 4px;
}
article section table:not(.woocommerce) tbody tr:nth-child(2n), {
background: #f5f5f5;
}
article section table td span.gk-table-label {
display: none;
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1) rotate(-4deg);
transform: scale(1)  rotate(-4deg);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}@font-face {
font-family: 'lobster';
src: url(https://atheneum.ube.fr/wp-content/themes/University/css/font/lobster_1.4-webfont.eot);
src: url(https://atheneum.ube.fr/wp-content/themes/University/css/font/lobster_1.4-webfont.eot?#iefix) format('embedded-opentype'),
url(https://atheneum.ube.fr/wp-content/themes/University/css/font/lobster_1.4-webfont.woff2) format('woff2'),
url(https://atheneum.ube.fr/wp-content/themes/University/css/font/lobster_1.4-webfont.woff) format('woff'),
url(https://atheneum.ube.fr/wp-content/themes/University/css/font/lobster_1.4-webfont.ttf) format('truetype'),
url(https://atheneum.ube.fr/wp-content/themes/University/css/font/lobster_1.4-webfont.svg#lobster) format('svg');
font-weight: normal;
font-style: normal;
}
.lobster{
font-family: 'lobster'!important;
font-weight: normal!important;
}
.vat{
vertical-align: top;
}
.tac{
text-align: center;
}
body.boutique .itemsCategory img{
display: block;
width: 100%!important;
}
.itemContainer{
float:left;
padding:10px;}
.itemsCategory{text-align:center;}
.itemsCategory img{
width:100% !important;
}
body.boutique .itemResizer{display:none;}
body.boutique h1.lobster{
text-align: center;
font-size: 50px!important;
}
body.boutique #order{
background-color: #a1192e;
border: 10px solid #fff;
width: 140px;
color: #fff;
border-radius: 70px;
height: 140px;
font-size: 24px;
line-height: 100%;
padding-top: 30px;
z-index: 99;
position: relative;
display: block;
margin: 0 auto;
margin-top: -180px;
margin-bottom: 40px;
-webkit-transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-ms-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
transition: background .1s ease-in-out;
}
body.boutique #order:hover{
background-color: #ee9049;
-webkit-transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-ms-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
transition: background .1s ease-in-out;
}
body.boutique #order a{
color: #fff;
}
figure.br50{
width: 100%;
max-height: 390px;
overflow: hidden;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
figure.br50 *{
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
figure.br50:hover{
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
figure.br50 a{
display: block;
width: 100%;
max-height: 390px;
position: relative;
}
figure.br50 .miniature{
opacity: 1;
width: 100%;
height: 100%;
min-height: 390px;
display: block;
}
figure.br50:hover .miniature{
opacity: 0;
}
figure.br50 .survol{
position: absolute;
opacity: 0;
z-index: 9;
left: 50%;
bottom: 10px;
border-radius: 0;
margin-left: -150px;
width: 300px;
}
figure.br50:hover .survol{
border-radius: 50%;
opacity: 1;
}
figure.br50 .prix{
position: absolute;
top: -140px;
left: 0;
right: 0;
z-index: 99;
text-align: center;
color: #000;
font-size: 25px;
}
figure.br50:hover .prix{
top: 15px;
}
figure.br50 h2{
position: absolute;
bottom: 10px;
width: auto;
background-color: rgba(0,0,0,0.3);
color: #fff!important;
font-weight: normal!important;
text-align: center;
padding: 20px 0;
left: 10px;
right: 10px;
}
figure.br50:hover h2{
bottom: -50px;
padding: 0;
}
body.boutique #infoCntr{
background-image: url(//atheneum.ube.fr/images/charte/bg-rs.png);
position: relative;
margin-top: -20px;
padding: 25px;
}
body.boutique #prix{
position: absolute;
top: 20px;
right: 20px;
color: #fff;
background-color: #a1192e;
line-height: 100%!important;
border-radius: 50px;
width: 85px;
height: 85px;
text-align: center;
padding-top: 10px;
font-size: 22px;
}
body.boutique #prix span{
font-size: 24px;
line-height: 100%!important;
white-space: nowrap;
}
body.boutique #prix br{
line-height: 100%!important;
}
body.boutique #descriptionProd{
padding: 0 20px;
width: 49%;
}
body.boutique #descriptionProd h2{
margin-top: 0;
}
body.boutique #descriptionProd p{
margin: 0!important
}
body.boutique #imgAmbiance img{
width: 100%;
}
body.boutique #imgProduit{
width: 50%;
}
body.boutique #k2Container .itemList{
margin: 0;
}
body.boutique #imgProduit img{
width: 49%;
display: inline-block;
vertical-align: middle;
}
body.boutique #k2Container article, body.boutique .itemBody{
margin: 0!important;
padding: 0!important;
border: 0;
}
body.boutique .itemsCategory.lobster p{
text-align: center;
color: #a1192e;
font-size: 22px;
margin-top: 5px;
margin-bottom: 20px;
}
body.boutique #boutiquesub{
margin-top: 45px;
}
body.boutique #boutiquesub a{
text-decoration: underline;
}
body.boutique #boutiquesub a:hover{
color: #ee9049
}
body.boutique #boutiquesub h2{
margin-bottom: 25px;
}
body.boutique .border{
border: 10px solid rgba(255,255,255,0.8);
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
body.boutique #boutiquesub ul{
text-align: center;
}
body.boutique #boutiquesub ul li{
margin: 5px 30px 25px;
line-height: 140%;
}
body.boutique #boutiquesub ul, body.boutique #boutiquesub div{
font-size: 22px;
}
@media screen and (max-width: 768px){
body.boutique #imgProduit {
width: 100%!important;
display: block;
margin: 0 auto;
text-align: center;
}
body.boutique #descriptionProd {
padding: 0px 0px;
width: 100%!important;
display: block;
margin: 0 auto;
}
body.boutique #prix {
position: relative;
top: initial;
right: initial;
display: block;
margin: 0 auto;
}
body.boutique #order{
margin-top: -70px;
}
figure.br50 a{
max-height: none;
}
figure.br50 .miniature{
min-height: initial;
}
body.boutique article#k2Container.itemView header.nodate{
margin: 0!important;
}
}@-ms-viewport {
width: device-width;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.bootstrap-wrapper { }
.bootstrap-wrapper .clearfix::after {
display: block;
clear: both;
content: "";
}
.bootstrap-wrapper .visible {
visibility: visible !important;
}
.bootstrap-wrapper .invisible {
visibility: hidden !important;
}
.bootstrap-wrapper .hidden-xs-up {
display: none !important;
}
@media (max-width: 575.98px) {
.bootstrap-wrapper .hidden-xs-down {
display: none !important;
}
}
@media (min-width: 576px) {
.bootstrap-wrapper .hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767.98px) {
.bootstrap-wrapper .hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.bootstrap-wrapper .hidden-md-up {
display: none !important;
}
}
@media (max-width: 991.98px) {
.bootstrap-wrapper .hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.bootstrap-wrapper .hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199.98px) {
.bootstrap-wrapper .hidden-lg-down {
display: none !important;
}
}
@media (min-width: 1200px) {
.bootstrap-wrapper .hidden-xl-up {
display: none !important;
}
}
.bootstrap-wrapper .hidden-xl-down {
display: none !important;
}
.bootstrap-wrapper .visible-print-block {
display: none !important;
}
@media print {
.bootstrap-wrapper .visible-print-block {
display: block !important;
}
}
.bootstrap-wrapper .visible-print-inline {
display: none !important;
}
@media print {
.bootstrap-wrapper .visible-print-inline {
display: inline !important;
}
}
.bootstrap-wrapper .visible-print-inline-block {
display: none !important;
}
@media print {
.bootstrap-wrapper .visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.bootstrap-wrapper .hidden-print {
display: none !important;
}
}
.bootstrap-wrapper .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.bootstrap-wrapper .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.bootstrap-wrapper .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.bootstrap-wrapper .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.bootstrap-wrapper .container {
max-width: 1140px;
}
}
.bootstrap-wrapper .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.bootstrap-wrapper .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.bootstrap-wrapper .no-gutters {
margin-right: 0;
margin-left: 0;
}
.bootstrap-wrapper .no-gutters > .col,
.bootstrap-wrapper .no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.bootstrap-wrapper .col-1, .bootstrap-wrapper .col-2, .bootstrap-wrapper .col-3, .bootstrap-wrapper .col-4, .bootstrap-wrapper .col-5, .bootstrap-wrapper .col-6, .bootstrap-wrapper .col-7, .bootstrap-wrapper .col-8, .bootstrap-wrapper .col-9, .bootstrap-wrapper .col-10, .bootstrap-wrapper .col-11, .bootstrap-wrapper .col-12, .bootstrap-wrapper .col,
.bootstrap-wrapper .col-auto, .bootstrap-wrapper .col-sm-1, .bootstrap-wrapper .col-sm-2, .bootstrap-wrapper .col-sm-3, .bootstrap-wrapper .col-sm-4, .bootstrap-wrapper .col-sm-5, .bootstrap-wrapper .col-sm-6, .bootstrap-wrapper .col-sm-7, .bootstrap-wrapper .col-sm-8, .bootstrap-wrapper .col-sm-9, .bootstrap-wrapper .col-sm-10, .bootstrap-wrapper .col-sm-11, .bootstrap-wrapper .col-sm-12, .bootstrap-wrapper .col-sm,
.bootstrap-wrapper .col-sm-auto, .bootstrap-wrapper .col-md-1, .bootstrap-wrapper .col-md-2, .bootstrap-wrapper .col-md-3, .bootstrap-wrapper .col-md-4, .bootstrap-wrapper .col-md-5, .bootstrap-wrapper .col-md-6, .bootstrap-wrapper .col-md-7, .bootstrap-wrapper .col-md-8, .bootstrap-wrapper .col-md-9, .bootstrap-wrapper .col-md-10, .bootstrap-wrapper .col-md-11, .bootstrap-wrapper .col-md-12, .bootstrap-wrapper .col-md,
.bootstrap-wrapper .col-md-auto, .bootstrap-wrapper .col-lg-1, .bootstrap-wrapper .col-lg-2, .bootstrap-wrapper .col-lg-3, .bootstrap-wrapper .col-lg-4, .bootstrap-wrapper .col-lg-5, .bootstrap-wrapper .col-lg-6, .bootstrap-wrapper .col-lg-7, .bootstrap-wrapper .col-lg-8, .bootstrap-wrapper .col-lg-9, .bootstrap-wrapper .col-lg-10, .bootstrap-wrapper .col-lg-11, .bootstrap-wrapper .col-lg-12, .bootstrap-wrapper .col-lg,
.bootstrap-wrapper .col-lg-auto, .bootstrap-wrapper .col-xl-1, .bootstrap-wrapper .col-xl-2, .bootstrap-wrapper .col-xl-3, .bootstrap-wrapper .col-xl-4, .bootstrap-wrapper .col-xl-5, .bootstrap-wrapper .col-xl-6, .bootstrap-wrapper .col-xl-7, .bootstrap-wrapper .col-xl-8, .bootstrap-wrapper .col-xl-9, .bootstrap-wrapper .col-xl-10, .bootstrap-wrapper .col-xl-11, .bootstrap-wrapper .col-xl-12, .bootstrap-wrapper .col-xl,
.bootstrap-wrapper .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.bootstrap-wrapper .col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.bootstrap-wrapper .col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.bootstrap-wrapper .col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.bootstrap-wrapper .col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.bootstrap-wrapper .col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.bootstrap-wrapper .col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.bootstrap-wrapper .col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.bootstrap-wrapper .col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bootstrap-wrapper .col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.bootstrap-wrapper .col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.bootstrap-wrapper .col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.bootstrap-wrapper .col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.bootstrap-wrapper .col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.bootstrap-wrapper .col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bootstrap-wrapper .order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.bootstrap-wrapper .order-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.bootstrap-wrapper .order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.bootstrap-wrapper .order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.bootstrap-wrapper .order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.bootstrap-wrapper .order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.bootstrap-wrapper .order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.bootstrap-wrapper .order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.bootstrap-wrapper .order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.bootstrap-wrapper .order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.bootstrap-wrapper .order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.bootstrap-wrapper .order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.bootstrap-wrapper .order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.bootstrap-wrapper .order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.bootstrap-wrapper .order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.bootstrap-wrapper .offset-1 {
margin-left: 8.3333333333%;
}
.bootstrap-wrapper .offset-2 {
margin-left: 16.6666666667%;
}
.bootstrap-wrapper .offset-3 {
margin-left: 25%;
}
.bootstrap-wrapper .offset-4 {
margin-left: 33.3333333333%;
}
.bootstrap-wrapper .offset-5 {
margin-left: 41.6666666667%;
}
.bootstrap-wrapper .offset-6 {
margin-left: 50%;
}
.bootstrap-wrapper .offset-7 {
margin-left: 58.3333333333%;
}
.bootstrap-wrapper .offset-8 {
margin-left: 66.6666666667%;
}
.bootstrap-wrapper .offset-9 {
margin-left: 75%;
}
.bootstrap-wrapper .offset-10 {
margin-left: 83.3333333333%;
}
.bootstrap-wrapper .offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.bootstrap-wrapper .col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.bootstrap-wrapper .col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.bootstrap-wrapper .col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.bootstrap-wrapper .col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.bootstrap-wrapper .col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.bootstrap-wrapper .col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.bootstrap-wrapper .col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.bootstrap-wrapper .col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bootstrap-wrapper .col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.bootstrap-wrapper .col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.bootstrap-wrapper .col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.bootstrap-wrapper .col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.bootstrap-wrapper .col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.bootstrap-wrapper .col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bootstrap-wrapper .order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.bootstrap-wrapper .order-sm-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.bootstrap-wrapper .order-sm-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.bootstrap-wrapper .order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.bootstrap-wrapper .order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.bootstrap-wrapper .order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.bootstrap-wrapper .order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.bootstrap-wrapper .order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.bootstrap-wrapper .order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.bootstrap-wrapper .order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.bootstrap-wrapper .order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.bootstrap-wrapper .order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.bootstrap-wrapper .order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.bootstrap-wrapper .order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.bootstrap-wrapper .order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.bootstrap-wrapper .offset-sm-0 {
margin-left: 0;
}
.bootstrap-wrapper .offset-sm-1 {
margin-left: 8.3333333333%;
}
.bootstrap-wrapper .offset-sm-2 {
margin-left: 16.6666666667%;
}
.bootstrap-wrapper .offset-sm-3 {
margin-left: 25%;
}
.bootstrap-wrapper .offset-sm-4 {
margin-left: 33.3333333333%;
}
.bootstrap-wrapper .offset-sm-5 {
margin-left: 41.6666666667%;
}
.bootstrap-wrapper .offset-sm-6 {
margin-left: 50%;
}
.bootstrap-wrapper .offset-sm-7 {
margin-left: 58.3333333333%;
}
.bootstrap-wrapper .offset-sm-8 {
margin-left: 66.6666666667%;
}
.bootstrap-wrapper .offset-sm-9 {
margin-left: 75%;
}
.bootstrap-wrapper .offset-sm-10 {
margin-left: 83.3333333333%;
}
.bootstrap-wrapper .offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.bootstrap-wrapper .col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.bootstrap-wrapper .col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.bootstrap-wrapper .col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.bootstrap-wrapper .col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.bootstrap-wrapper .col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.bootstrap-wrapper .col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.bootstrap-wrapper .col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.bootstrap-wrapper .col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bootstrap-wrapper .col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.bootstrap-wrapper .col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.bootstrap-wrapper .col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.bootstrap-wrapper .col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.bootstrap-wrapper .col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.bootstrap-wrapper .col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bootstrap-wrapper .order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.bootstrap-wrapper .order-md-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.bootstrap-wrapper .order-md-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.bootstrap-wrapper .order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.bootstrap-wrapper .order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.bootstrap-wrapper .order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.bootstrap-wrapper .order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.bootstrap-wrapper .order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.bootstrap-wrapper .order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.bootstrap-wrapper .order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.bootstrap-wrapper .order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.bootstrap-wrapper .order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.bootstrap-wrapper .order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.bootstrap-wrapper .order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.bootstrap-wrapper .order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.bootstrap-wrapper .offset-md-0 {
margin-left: 0;
}
.bootstrap-wrapper .offset-md-1 {
margin-left: 8.3333333333%;
}
.bootstrap-wrapper .offset-md-2 {
margin-left: 16.6666666667%;
}
.bootstrap-wrapper .offset-md-3 {
margin-left: 25%;
}
.bootstrap-wrapper .offset-md-4 {
margin-left: 33.3333333333%;
}
.bootstrap-wrapper .offset-md-5 {
margin-left: 41.6666666667%;
}
.bootstrap-wrapper .offset-md-6 {
margin-left: 50%;
}
.bootstrap-wrapper .offset-md-7 {
margin-left: 58.3333333333%;
}
.bootstrap-wrapper .offset-md-8 {
margin-left: 66.6666666667%;
}
.bootstrap-wrapper .offset-md-9 {
margin-left: 75%;
}
.bootstrap-wrapper .offset-md-10 {
margin-left: 83.3333333333%;
}
.bootstrap-wrapper .offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.bootstrap-wrapper .col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.bootstrap-wrapper .col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.bootstrap-wrapper .col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.bootstrap-wrapper .col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.bootstrap-wrapper .col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.bootstrap-wrapper .col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.bootstrap-wrapper .col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.bootstrap-wrapper .col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bootstrap-wrapper .col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.bootstrap-wrapper .col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.bootstrap-wrapper .col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.bootstrap-wrapper .col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.bootstrap-wrapper .col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.bootstrap-wrapper .col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bootstrap-wrapper .order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.bootstrap-wrapper .order-lg-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.bootstrap-wrapper .order-lg-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.bootstrap-wrapper .order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.bootstrap-wrapper .order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.bootstrap-wrapper .order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.bootstrap-wrapper .order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.bootstrap-wrapper .order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.bootstrap-wrapper .order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.bootstrap-wrapper .order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.bootstrap-wrapper .order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.bootstrap-wrapper .order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.bootstrap-wrapper .order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.bootstrap-wrapper .order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.bootstrap-wrapper .order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.bootstrap-wrapper .offset-lg-0 {
margin-left: 0;
}
.bootstrap-wrapper .offset-lg-1 {
margin-left: 8.3333333333%;
}
.bootstrap-wrapper .offset-lg-2 {
margin-left: 16.6666666667%;
}
.bootstrap-wrapper .offset-lg-3 {
margin-left: 25%;
}
.bootstrap-wrapper .offset-lg-4 {
margin-left: 33.3333333333%;
}
.bootstrap-wrapper .offset-lg-5 {
margin-left: 41.6666666667%;
}
.bootstrap-wrapper .offset-lg-6 {
margin-left: 50%;
}
.bootstrap-wrapper .offset-lg-7 {
margin-left: 58.3333333333%;
}
.bootstrap-wrapper .offset-lg-8 {
margin-left: 66.6666666667%;
}
.bootstrap-wrapper .offset-lg-9 {
margin-left: 75%;
}
.bootstrap-wrapper .offset-lg-10 {
margin-left: 83.3333333333%;
}
.bootstrap-wrapper .offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.bootstrap-wrapper .col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.bootstrap-wrapper .col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.bootstrap-wrapper .col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.bootstrap-wrapper .col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.bootstrap-wrapper .col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.bootstrap-wrapper .col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.bootstrap-wrapper .col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.bootstrap-wrapper .col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bootstrap-wrapper .col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.bootstrap-wrapper .col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.bootstrap-wrapper .col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.bootstrap-wrapper .col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.bootstrap-wrapper .col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.bootstrap-wrapper .col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bootstrap-wrapper .order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.bootstrap-wrapper .order-xl-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.bootstrap-wrapper .order-xl-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.bootstrap-wrapper .order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.bootstrap-wrapper .order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.bootstrap-wrapper .order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.bootstrap-wrapper .order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.bootstrap-wrapper .order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.bootstrap-wrapper .order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.bootstrap-wrapper .order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.bootstrap-wrapper .order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.bootstrap-wrapper .order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.bootstrap-wrapper .order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.bootstrap-wrapper .order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.bootstrap-wrapper .order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.bootstrap-wrapper .offset-xl-0 {
margin-left: 0;
}
.bootstrap-wrapper .offset-xl-1 {
margin-left: 8.3333333333%;
}
.bootstrap-wrapper .offset-xl-2 {
margin-left: 16.6666666667%;
}
.bootstrap-wrapper .offset-xl-3 {
margin-left: 25%;
}
.bootstrap-wrapper .offset-xl-4 {
margin-left: 33.3333333333%;
}
.bootstrap-wrapper .offset-xl-5 {
margin-left: 41.6666666667%;
}
.bootstrap-wrapper .offset-xl-6 {
margin-left: 50%;
}
.bootstrap-wrapper .offset-xl-7 {
margin-left: 58.3333333333%;
}
.bootstrap-wrapper .offset-xl-8 {
margin-left: 66.6666666667%;
}
.bootstrap-wrapper .offset-xl-9 {
margin-left: 75%;
}
.bootstrap-wrapper .offset-xl-10 {
margin-left: 83.3333333333%;
}
.bootstrap-wrapper .offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.bootstrap-wrapper .img-fluid {
max-width: 100%;
height: auto;
}.widget_archive li {
border: none!important;
color: #848484;
padding: 2px 0;
}
.widget_archive li a {
font-size: 13px;
padding-right: 4px;
}
.widget_archive li a:active,
.widget_archive li a:focus,
.widget_archive li a:hover {
color: #4c90fe;
}   .box h3.box-title .rsswidget {
clear: none;
float: left;
font-size: 20px;
margin-right: 10px;
}
.box .rsswidget {
clear: both;
display: block;
font-size: 16px;
margin: 20px 0 10px;
}
.box .rss-date {
clear: both;
display: block;
font-size: 11px;
font-style: italic;
margin-top: -10px;
text-align: right;
}
.box .rssSummary {
clear: both;
color: #888;
font-size: 12px;
line-height: 1.5;
margin-bottom: 20px;
}
.widget_rss cite {
font-size: 12px;
} #gk-header .box.widget_text {
padding: 0!important;
}
#gk-header .box.widget_text img {
height: auto;
max-width: 100%;
} #gk-sidebar .box.widget_calendar,
#gk-sidebar-wc .box.widget_calendar  {
border: 0;
padding: 0;
}
.box #wp-calendar {
background: #fff;
width: 100%;
}
.box #wp-calendar caption {
background: #fff;
border: 1px solid #eee;
border-bottom: 0;
font-size: 12px;
font-weight: normal;
padding: 5px 0;
}
.box #wp-calendar th {
background: #f5f5f5;
border: 1px solid #e5e5e5;
color: #333;
font-size: 11px;
font-weight: 500;
padding: 3px 0;
}
.box #wp-calendar td {
border: 1px solid #eee;
font-size: 11px;
padding: 2px 0;
text-align: center;
}
.box #wp-calendar td.pad {
background: #fbfbfb;
}
.box #wp-calendar td#today {
background: #fa7252;
color: #fff;
font-size: 12px;
}
.box #wp-calendar tbody td a {
color: #010101;
display: block;
font-size: 12px;
padding: 3px;
}
.box #wp-calendar tbody td a:hover {
display: block;
background: #fa7252;
color: #fff !important;
padding: 3px;
} .box ul.xoxo a {
display: block;
font-size: 12px;
line-height: 20px;
}
.box ul.xoxo a img {
vertical-align: middle;
}
.box ul.xoxo li {
font-size: 10px;
padding: 5px 0;
}  .box #searchform label,
.box #searchform #searchsubmit {
display: none;
}
.box #searchform .field {
width: 100%;
}
.box.widget_search {
border: 0!important;
padding: 0!important;
position: relative;
}    .box.tags .tagcloud {
overflow: hidden;
}
.box.tags .tagcloud a {
border: 1px solid #E5E5E5;
float: left;
font-size: 13px!important;
line-height: 1.5;
margin: 0 3px 3px 0;
padding: 3px 12px!important;
}  .box {
color: #888;
line-height: 1.6;
margin: 0 0 50px 0;
width: 100%;
}
#gk-top-bar .box {
line-height: 46px;
}
#gk-inset .box {
padding: 0;
}
.box ul {
list-style-type: none;
margin: 0;
}
.box li a {
line-height: 1.0;
}
.box ul li {
border-top: 1px solid #e5e5e5;
line-height: 1.6;
padding: 5px 0;
}
#gk-top1 .box ul li {
font-size: 16px;
font-weight: 400;
padding: 10px 0;
}
.box ul li:first-child {
border: 0;
}
.box .box-title {
color: #010101;
font-size: 14px;
font-weight: 700;
line-height: 1;
padding: 0 0 20px 0;
}
.box .box-title > i {
float: right;
padding: 0!important;
}
.box .box-title em {
color: #fec54c;
font-style: normal;
}
#gk-inset .box.border,
#gk-inset .box.icons-menu,
#gk-sidebar .box.border,
#gk-sidebar .box.icons-menu {
border: 1px solid #e5e5e5;
padding: 42px;
} .box.transparent {
background: rgba(14, 22, 35, .89);
color: #97a3b8;
font-size: 13px;
padding: 20px 45px!important;
}
.box.transparent a {
color: #fff;
}
.box.transparent a:active,
.box.transparent a:focus,
.box.transparent a:hover {
color: #fa7252;
}
.box.transparent h3 {
font-size: 16px;
font-weight: 500;
margin: 0 0 10px 0;
text-transform: none;
}
.box.transparent p {
margin: 0;
}
.box.transparent li {
border-bottom: 1px solid #23334d!important;
border-top: 0;
padding: 18px 0;
}
.box.transparent ul + a {
color: #fa7252;
display: block;
font-size: 13px;
padding-top: 20px;
text-align: left;
}
.box.transparent ul + a:active,
.box.transparent ul + a:focus,
.box.transparent ul + a:hover {
color: #fff;
} .box.advertisement .box-title {
background: transparent;
border-bottom: 1px solid #e0e0e0;
color: #bbb!important;
font-size: 12px!important;
font-weight: 300;
line-height: 16px;
margin: 0 0 16px 0;
min-height: 21px;
padding: 0;
text-align: right;
text-transform: none;
} .box.medium-title .box-title {
font-size: 24px;
} .box.bottom-title .box-title {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
position: relative;
top: 80px;
} .box.bigtitle .box-title,
.box-title.bigtitle {
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
}
.box-title.bigtitle {
padding-top: 20px;
} .box.centered {
margin: 0!important;
padding: 50px 0!important;
}
.box.centered .box-title {
font-weight: 400;
text-align: center;
}
.centered .gk-nsp-art {
padding: 0 42px!important;
text-align: center;
}
.centered .gk-nsp {
margin: 0 -42px!important;
}
.centered .gk-nsp-header {
margin-bottom: 5px;
}
.centered .gk-nsp-text {
margin-bottom: 20px!important;
}
.centered .gk-nsp-art .readon {
display: inline-block;
float: none;
}
.gk-centered {
clear: both;
font-size: 18px;
font-weight: 300;
text-align: center;
} .box.nomargin {
margin: 0!important;
padding: 0!important;
} .box.color1,
.box.color2 {
background: #52b5fa;
border: none;
color: rgba(255, 255, 255, .7);
padding: 42px!important;
}
.box.color2 {
background: #fa7252;
}
.box.color1 .box-title,
.box.color2 .box-title {
background: transparent!important;
line-height: 1.2;
}
.box.color1 h1,
.box.color1 h2,
.box.color1 h3,
.box.color1 h4,
.box.color1 h5,
.box.color1 h6,
.box.color2 h1,
.box.color2 h2,
.box.color2 h3,
.box.color2 h4,
.box.color2 h5,
.box.color2 h6 { 
color: #fff;
}
.box.color1 ul,
.box.color2 ul {
margin: 0;
padding: 0;
}
.box.color1 ul li,
.box.color2 ul li {
border-bottom: 1px solid rgba(255, 255, 255, .3);
border-top: 0;
position: relative;
}
.box.color1 ul li:last-child,
.box.color2 ul li:last-child { border-bottom: none; }
.box.color1 a,
.box.color2 a { color: #fff!important; }
.box.color1 a:active,
.box.color1 a:focus,
.box.color1 a:hover,
.box.color2 a:active,
.box.color2 a:focus,
.box.color2 a:hover { color: rgba(255, 255, 255, .9)!important; }
.box.color1 ul ul,
.box.color2 ul ul { margin: 0 0 0 20px; } .box.light {
background: #f6f6f6;
padding: 42px!important;
} .box.parallax {
background-attachment: fixed;
background-image: url(//atheneum.ube.fr/wp-content/themes/University/images/parallax_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #aeaeae;
margin: -60px 0!important;
overflow: hidden;
padding: 150px 0!important;
}
.box.parallax .box-title {
color: #fff;
font-size: 36px;
font-weight: 500;
line-height: 1;
padding: 0 0 30px 0;
} .box.dark {
background: #000!important;
color: #999;
padding: 42px!important;
}
.box.dark .box-title {
background: transparent!important;
line-height: 1.2;
}
.box.dark h1,
.box.dark h2,
.box.dark h3,
.box.dark h4,
.box.dark h5,
.box.dark h6 {
color: #fff;
}
.box.dark ul {
margin: 0;
padding: 0;
}
.box.dark ul li {
border-top: 1px solid #333;
position: relative;
}
.box.dark ul li:first-child {
border-top: none;
}
.box.dark a {
color: #ddd!important;
}
.box.dark a:active,
.box.dark a:focus,
.box.dark a:hover {
color: #fa7252!important;
}
.box.dark ul ul {
margin: 0 0 0 20px;
} .box.menu ul ul {
border: 0;
margin-left: 6px;
}
.box.menu li {
color: #888;
font-size: 11px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.box.menu .current-menu-item,
.box .current-cat {
background: #f2f4f5;
}
.box .current-cat a,
.box.menu .current-menu-item a {
padding: 8px 16px!important;
}
.box.widget_categories > ul {
font-size: 11px;
}
.box.menu li > a,
.box.widget_categories li > a {
color: #1B1D1F;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 1.0;
padding: 8px 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.box.menu li > a:hover,
.box.widget_categories li > a:hover,
.box.icons-menu li a:hover {
color: #fa7252!important;
}
.box.menu li li,
.box.widget_categories li li {
border-bottom: 1px solid #e5e5e5;
font-size: 12px;
padding-left: 6px;
}
.box.separator:after,
.gk-nsp.separator:after {
border-top: 1px solid #e5e5e5;
bottom: -60px;
clear: both;
content: "";
display: block;
left: 50%;
margin: 0 auto 0 -200px;
position: absolute;
width: 400px;
} .box.icons-menu ul {
margin: 0;
}
.box.icons-menu li {
border: none;
}
.box.icons-menu li a {
color: #1B1D1F;
display: inline-block;
padding: 8px 0 8px 40px; 
position: relative;
}
.box.icons-menu li i {
color: #929292;
font-size: 22px;
left: 0px;
top: 4px;
position: absolute;
}
.box.icons-menu li a:active i,
.box.icons-menu li a:focus i,
.box.icons-menu li a:hover i {
color: #fa7252;
}
.box.icons-menu .last-item {
border-top: 1px solid #e5e5e5;
margin: 15px 0 -30px 0;
}
.box.icons-menu .last-item a {
color: #fa7252;
font-size: 13px;
font-style: italic;
padding: 4px 0;
-webkit-transform: translateX(0)!important;
-moz-transform: translateX(0)!important;
-ms-transform: translateX(0)!important;
-o-transform: translateX(0)!important;
transform: translateX(0)!important;
}
.box.icons-menu .last-item a:active,
.box.icons-menu .last-item a:focus,
.box.icons-menu .last-item a:hover {
color: #000!important;
} .box.guest {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: #fff;
margin: 0 0 37px !important;
max-width: 100%;
min-height: 363px;
padding: 0;
text-shadow: none;
}
.box.guest .box-title {
color: #fff;
font-size: 48px;
font-weight: bold;
line-height: 1;
margin: 72px 0 0;
padding: 20px 0;
text-transform: uppercase;
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
-o-text-shadow: none;
}
.box.guest > div {
bottom: 0;
padding: 120px 0 0 0;
position: relative;
text-align: center;
z-index: 1;
}
.box.guest p {
color: #FFFFFF;
font-size: 20px;
font-weight: 400;
line-height: 1.5;
margin: 0 auto;
padding: 0 0 32px;
text-align: center;
text-transform: uppercase;
}
.box.guest .btn-join {
background: #fa7252;
border: none;
color: #fff;
display: inline-block;
font-size: 25px;
font-weight: 500;
line-height: 54px;
margin: 0 auto 32px;
padding: 0 28px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.box.guest .btn-join:hover,
.box.guest .btn-join:active,
.box.guest .btn-join:focus {
background: #111;
color: #fff;
} .col3.box.half.last2,
.col4.box.half.last2,
.col6.box.half.last2 {
width: 33.333333%;
}
.col3.box.half.last2 ~ .box.last2,
.col4.box.half.last2 ~ .box.last2,
.col6.box.half.last2 ~ .box.last2 {
width: 66.666666%;
}
.col3.box.half.last3,
.col4.box.half.last3,
.col6.box.half.last3 {
width: 19.99%;
}
.col3.box.half.last3 ~ .box.last3,
.col4.box.half.last3 ~ .box.last3,
.col6.box.half.last3 ~ .box.last3 {
width: 40%;
}
.col4.box.half.last4,
.col6.box.half.last4 {
width: 16%;
}
.col4.box.half.last4 ~ .box.last4,
.col6.box.half.last4 ~ .box.last4 {
width: 28%;
}
.col6.box.half.last5 {
width: 12%;
}
.col6.box.half.last5 ~ .box.last5 {
width: 22%;
}
.col6.box.half.last6 {
width: 10%;
}
.col6.box.half.last6 ~ .box.last6 {
width: 18%;
}.box.widget_gk_comments {
border: 0!important;
padding: 0!important;
}
.box.widget_gk_comments .box-title {
padding-bottom: 12px;
}
.widget_gk_comments li {
line-height: 1.5!important;
list-style: none;
overflow: hidden;
padding: 20px 0 9px!important;
}
.widget_gk_comments li > div {
border: 1px solid #e5e5e5;
margin: 0 0 12px;
padding: 24px;
position: relative;
}
.widget_gk_comments li > div p {
color: #888;
font-style: italic;
font-size: 13px;
margin: 0.3em 0;
}
.widget_gk_comments li > div:after,
.widget_gk_comments li > div:before {
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #fff transparent transparent transparent;
bottom: -7px;
content: "";
display: block;
height: 0;
left: 16px;
position: absolute;
width: 0;
}
.widget_gk_comments li > div:before {
border-width: 8px 8px 0 8px;
border-color: #ddd transparent transparent transparent;
bottom: -8px;
left: 15px;
}
.widget_gk_comments li strong {
color: #1B1D1F;
display: block;
font-size: 14px;
font-weight: bold;
}
.widget_gk_comments li strong + small {
color: #999;
font-size: 11px;
}
.widget_gk_comments li p > img {
float: left;
margin: 2px 12px 0 0;
}
.widget_gk_comments li p {
margin: 0.3em 0;
}
.widget_gk_comments li p a {
line-height: 1.5;
color: #777;
}
.widget_gk_comments li p a:hover {
color: #010101;
} .gk-nsp {
position: relative;
}
.gk-nsp-arts,
.gk-nsp-links {
overflow: hidden;
}
.gk-nsp-arts-nav,
.gk-nsp-links-nav {
overflow: hidden;
clear: both;
}
.gk-nsp-links-nav {
float: right;
}
.gk-nsp-arts-nav {
position: absolute;
right: -3px;
padding: 0 3px;
top: -38px;
}
.gk-nsp-arts-nav ul,
.gk-nsp-links-nav ul {
list-style-type: none !important;
margin: 8px 0 0 !important;
padding: 0 !important;
float: left;
}
.gk-nsp-arts-nav ul li,
.gk-nsp-links-nav ul li {
background: #e5e5e5;
border: none!important;
border-radius: 50%;
cursor: pointer;
display: block;
float: left;
height: 8px;
margin: -2px 4px 0 0!important;
padding: 0;
text-indent: -999em;
width: 8px;
}
.gk-nsp-arts-nav li:hover,
.gk-nsp-arts-nav li.active,
.gk-nsp-links-nav li:hover,
.gk-nsp-links-nav li.active {
background: #fa7252;
}
.gk-nsp-next,
.gk-nsp-prev {
background: #f1f1f1;
border-radius: 50%;
cursor: pointer;
float: left;
height: 20px;
margin: 0 2px;
text-align: center;
text-indent: -9999px;
width: 20px;
}
.gk-nsp-next:after,
.gk-nsp-prev:after {
border-radius: 50%;
color: #888;
display: block;
float: left;
font-family: FontAwesome;
font-size: 12px;
line-height: 20px;
text-align: center;
text-indent: 0;
width: 20px;
}
.gk-nsp-next:after {
content: '\f0da';
}
.gk-nsp-prev:after {
content: '\f0d9';
}
.gk-nsp-next:hover:after,
.gk-nsp-prev:hover:after { 
color: #fa7252;
}
.gk-nsp-art-page {
float: left;
}
.gk-nsp-art {
float: left;
}
.gk-nsp-art.gk-nsp-cols-1 { 
border-top: 1px solid #e5e5e5;
}
.gk-nsp-art:first-child {
border-top: none;
}
.gk-nsp-art div {
overflow: hidden;
}
.gk-nsp-header {
color: #1b1d1e;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
padding: 10px 0 0;
text-transform: none;
}
.gk-nsp-header a {
color: #111!important;
}
.gk-nsp-header a:active,
.gk-nsp-header a:focus,
.gk-nsp-header a:hover {
color: #fa7252!important;
}
.gk-nsp-art .gk-nsp-image {
display: block;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
width: 100%!important;
}
.gk-nsp-art .gk-nsp-image:hover {
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.gk-nsp-art .gk-nsp-image-wrap {
overflow: hidden;
}
.gk-nsp-art .gk-nsp-text {
color: #888;
display: block!important;
font-size: 12px;
line-height: 1.2;
margin: 0;
padding: 0!important;
}
.gk-nsp-art .gk-nsp-text + .readon {
margin-top: 16px;	
}
.gk-nsp-art .gk-nsp-text + .gk-nsp-info {
margin-top: 0;
}
.gk-nsp-art .gk-nsp-info {
color: #a1192e;
font-weight: 100;
font-family: 'titilliumsemibold';
font-size: 26px !important;
text-transform: none !important;
}
.gk-nsp-art .gk-nsp-info a,
.gk-nsp-art .gk-nsp-info span {
padding-left: 5px;
}
.gk-nsp-art .gk-nsp-info a:first-child,
.gk-nsp-art .gk-nsp-info span:first-child {
padding-left: 0!important;
}
.gk-nsp-art .readon {
background: none;
border: none;
color: #fa7252!important;
font-size: 13px;
float: right;
font-style: italic;
font-weight: 300;
height: auto;
line-height: 1.6;
margin: 0;
text-transform: none;
padding: 0;
}
.head-page .date-entree,
.head-page ul{display:none;}
.single-post #gk-header-bg{display:none;}
.single-post .gk-page-wrap{margin-top:50px;}
.readon.left,
.readon.right,
.readon.center {
clear: both;
}
.readon.left {
float: left;
}
.readon.right {
float: right;
}
.readon.center {
display: inline;
float: none;
}
.center .gk-nsp-art .readon {
clear: both;
display: table;
float: none;
font-weight: bold;
margin: 30px auto 0 auto;
width: auto;
}
.gk-nsp-links ul {
float: left;
list-style-type: none !important;
padding: 0 !important;
}
.gk-nsp-links ul li {
border-top: 1px solid #e5e5e5;
margin:0 !important;
padding: 16px 0;
}
.gk-nsp-image-wrap {
float: left;
} .gk-responsive {
line-height: 1;
}
img.gk-responsive {
width: 100% !important;
height: auto;
}
.gk-responsive {
display: block;
overflow: hidden;
position: relative;
}
.gk-nsp-image {
max-width: 100%;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gk-nsp-image:hover {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.gk-nsp-arts,
.gk-nsp-links {
clear: both;
width: 100%;
}
.gk-nsp-arts + .gk-nsp-links {
border-top: 1px solid #e5e5e5;
margin-top: 2px;
}
.gk-nsp-links {
margin-top: 30px;
}
.gk-nsp-arts::after,
.gk-nsp-links::after {
clear: both;
content: "";
display: table;
}
.gk-nsp-link-readmore {
display: block;
font-size: 13px;
padding-top: 14px;
}
.gk-nsp-arts-page,
.gk-nsp-art {
float: left;
}
.gk-nsp-pages-1 { width: 100%; }
.gk-nsp-pages-2 { width: 200%; }
.gk-nsp-pages-3 { width: 300%; }
.gk-nsp-pages-4 { width: 400%; }
.gk-nsp-pages-5 { width: 500%; }
.gk-nsp-pages-6 { width: 600%; }
.gk-nsp-pages-7 { width: 700%; }
.gk-nsp-pages-8 { width: 800%; }
.gk-nsp-pages-9 { width: 900%; }
.gk-nsp-pages-10 { width: 1000%; }
.gk-nsp-cols-1 { width: 100%; }
.gk-nsp-cols-2 { width: 50%; }
.gk-nsp-cols-3 { width: 33.3%; }
.gk-nsp-cols-4 { width: 25%; }
.gk-nsp-cols-5 { width: 20%; }
.gk-nsp-cols-6 { width: 16.66%; }
.gk-nsp-cols-7 { width: 14.285%; }
.gk-nsp-cols-8 { width: 12.5%; }
.gk-nsp-cols-9 { width: 11.1%; }
.gk-nsp-cols-10 { width: 10%; }
.gk-nsp-art.gk-nsp-cols-1,
.gk-nsp-art.gk-nsp-cols-2:nth-child(2n+1),
.gk-nsp-art.gk-nsp-cols-3:nth-child(3n+1),
.gk-nsp-art.gk-nsp-cols-4:nth-child(4n+1),
.gk-nsp-art.gk-nsp-cols-5:nth-child(5n+1),
.gk-nsp-art.gk-nsp-cols-6:nth-child(6n+1),
.gk-nsp-art.gk-nsp-cols-7:nth-child(7n+1),
.gk-nsp-art.gk-nsp-cols-8:nth-child(8n+1),
.gk-nsp-art.gk-nsp-cols-9:nth-child(9n+1),
.gk-nsp-art.gk-nsp-cols-10:nth-child(10n+1) {
clear: both;
}
.gk-nsp-arts-scroll,
.gk-nsp-links-scroll {
overflow: hidden;
}
.gk-nsp-link-header {
font-size: 12px;
margin: 0 0 6px;
}
.gk-nsp-link-header a {
color: #1b1d1e;
}
.gk-nsp-link-header a:hover {
color: #fa7252;
}
.gk-nsp-link-text {
font-size: 12px;
margin: 0;
}
.gk-nsp-links-readon {
font-style: italic;
font-size: 13px;
} .gk-nsp.sidebar .gk-nsp-art .gk-nsp-info {
padding: 2px 0;
}
.gk-nsp.sidebar .gk-nsp-art .gk-nsp-text {
line-height: 1.4;
font-size: 14px;
}
.gk-nsp.sidebar .gk-nsp-header {
padding: 10px 0;
} .dark .gk-nsp-links-scroll ul li {
border-top-color: #e5e5e5;
} .gk-nsp.overlay .gk-nsp-art {
text-align: center;
}
.gk-nsp.overlay .gk-nsp-art .readon {
display: inline-block;
float: none;
margin-top: 30px;
}
.gk-nsp.overlay {
margin: 0 -7px;
} .gk-nsp-events > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 10px 0;
min-height: 60px;
overflow: hidden;
padding: 10px 30px;
position: relative;
}
.gk-nsp-events[data-cols="1"] > div {
width: 100%;
}
.gk-nsp-events[data-cols="2"] > div {
width: 50%;
}
.gk-nsp-events[data-cols="3"] > div {
width: 33.333333%;
}
.gk-nsp-events[data-cols="4"] > div {
width: 25%;
}
.gk-nsp-events[data-cols="2"] > div:nth-child(2n+1),
.gk-nsp-events[data-cols="3"] > div:nth-child(3n+1),
.gk-nsp-events[data-cols="4"] > div:nth-child(4n+1) {
clear: both;
}
.gk-nsp-events time {
border: 1px solid #e5e5e5;
color: #000;
left: 30px;
line-height: 1.2;
font-size: 18px;
font-weight: 500;
min-width: 60px;
padding: 10px;
position: absolute;
text-transform: uppercase;
top: 0;
}
.gk-nsp-events time > small {
display: block;
font-size: 12px;
}
.gk-nsp-events > div > time + div {
padding-left: 90px;
}
.gk-nsp-events h3 {
color: #000;
font-size: 15px;
font-style: italic;
text-transform: none;
}
.gk-nsp-events a {
color: #000;
display: block;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.gk-nsp-events a:active,
.gk-nsp-events a:focus,
.gk-nsp-events a:hover {
color: #fa7252;
}
.gk-nsp-events > div > div > span {
color: #999;
font-size: 11px;
}
.gk-nsp-events .gk-events-list-progress {
background: #e5e5e5;
display: inline-block;
height: 3px;
margin-left: 16px;
position: relative;
top: -2px;
width: 50px;
}
.gk-nsp-events .gk-events-list-progress > div {
background: #fa7252;
height: 3px;
left: 0;
max-width: 100%;
position: absolute;
top: 0;
-webkit-transition: all .75s ease-out;
-moz-transition: all .75s ease-out;
-ms-transition: all .75s ease-out;
-o-transition: all .75s ease-out;
transition: all .75s ease-out;
width: 0%;
} .gk-is-wrapper-gk-university {
min-height: 200px;
position: relative;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.gk-is-wrapper-gk-university .gk-is-preloader {
background: #3f4e67 url(//atheneum.ube.fr/wp-content/themes/University/images/style1/is_loader.gif) no-repeat center center;
height: 100%;
left: 50%;
position: absolute;
text-indent: -9999px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
z-index: 100;
}
.gk-is-wrapper-gk-university figure {
left: 50%;
top: 0;
opacity: 0;
position: absolute;
overflow: hidden;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
z-index: 1;
}
.gk-is-wrapper-gk-university figure.animated {
z-index: 2;
}
.gk-is-wrapper-gk-university.loaded figure.animated {
opacity: 1;
filter: alpha(opacity=100);
}
.gk-is-wrapper-gk-university figure.active {
position: relative;
z-index: 3;
}
.gk-is-wrapper-gk-university figcaption > div {
float: left;
margin: 0;
width: 70%;
}
.gk-is-wrapper-gk-university img {
display: block;
height: auto;
position: relative;
width: 100%;
}
.gk-is-wrapper-gk-university figcaption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
left: 50%;
opacity: 0;
position: absolute;
top: 43%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1;
}
.gk-is-wrapper-gk-university .active figcaption {
z-index: 101;
}
.gk-is-wrapper-gk-university figcaption a.button,
.gk-is-wrapper-gk-university figcaption a.button:hover {
margin: 30px 0 0 0;
text-transform: uppercase;
}
.gk-is-wrapper-gk-university figure.active figcaption {
opacity: 1;
z-index: 101;
}
.gk-is-wrapper-gk-university figcaption h2 {
color: #fff;
font-size: 60px;
font-weight: 300;
line-height: 64px;
margin: 0;
opacity: 0;
padding: 0;
position: relative;
text-transform: uppercase;
top: 50px;
-webkit-transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
-ms-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.gk-is-wrapper-gk-university .active figcaption h2 {
opacity: 1;
top: 0;
}
.gk-is-wrapper-gk-university .gk-is-pagination {
bottom: 22px;
position: absolute;
right: 32px;	
z-index: 10;
}
.gk-is-wrapper-gk-university[data-textpos="right"] .gk-is-pagination {
left: 32px;
right: auto;
}
.gk-is-wrapper-gk-university .gk-is-pagination li {
background: #717171;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
float: left;
height: 10px;
line-height: 10px;
margin: 0 0 0 5px;
padding: 0;
text-indent: -9999px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 10px;
}
.gk-is-wrapper-gk-university .gk-is-pagination li.active,
.gk-is-wrapper-gk-university .gk-is-pagination li:active
.gk-is-wrapper-gk-university .gk-is-pagination li:focus,
.gk-is-wrapper-gk-university .gk-is-pagination li:hover {
background: #fff;
}
.gk-is-wrapper-gk-university .gk-is-timeline {
background: transparent;
border: 1px solid #fa7252;
display: block;
height: 5px;
margin: 15px 0 0 0;
overflow: hidden;
width: 25%;
}
.gk-is-wrapper-gk-university .gk-is-progress {
background: #fa7252; 
height: 6px; 
width: 0%;
}
.gk-is-wrapper-gk-university figcaption p {
font-size: 20px;
line-height: 28px;
font-weight: 300;
margin: 20px 0;
opacity: 0;
position: relative;
top: 15px;
-webkit-transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
-ms-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
width: 80%;
}
.gk-is-wrapper-gk-university .active figcaption p {
opacity: 1;
top: 0;
}
.gk-is-wrapper-gk-university figcaption p,
.gk-is-wrapper-gk-university figcaption a,
.gk-nsp-link-readmore:active,
.gk-nsp-link-readmore:focus,
.gk-nsp-link-readmore:hover {
color: #fff;
} .gk-is-wrapper-gk-university .gk-is-slide {
background-position: center top;
background-repeat: no-repeat;
margin: 0 auto;
width: 100%;
} body #lang_sel_footer {
background-color: transparent;
border: none;
clear: both;
font: inherit;
margin: 0;
min-height: 15px;
padding: 7px;
text-align: center;
} .box.newsletter .box-title {
color: #1b1d1f;
font-size: 14px!important;
font-weight: bold!important;
padding-top: 12px;
text-transform: uppercase!important;
}
.box.newsletter {	
margin-top: 1px;
padding-left: 0!important;
padding-right: 0!important;
padding-bottom: 48px!important;
position: relative;
}
.newsletter .widget_wysija {
display: table;
}
.formError {
left: 0 !important;
position: absolute !important;
top: 50px !important;
}
.wysija-paragraph {
display: table-cell;
margin: 0 0 16px 0!important;
position: relative;
width: 100%;
}
.wysija-paragraph input[type="text"] {
float: left;
font-style: italic;
font-weight: 300;
height: 40px;
margin: 0;
vertical-align: top;
width: 96.4%;
}
.widget_wysija_cont .wysija-submit {
display: table-cell;
font-size: 12px;
font-weight: 500;
height: 40px;
line-height: 41px;
margin: 0 6px 0 0;
padding: 0 28px;
}
.wysija-input::-webkit-input-placeholder { 
color: #bbb; 
}
.wysija-input::-moz-placeholder {
color: #bbb;
}
.wysija-input:-ms-input-placeholder {
color: #bbb; 
}
.wysija-input:-moz-placeholder {
color: #bbb; 
}
.wysija-input:placeholder {
color: #bbb;
}
.widget_wysija_cont .updated,
.widget_wysija_cont .login .message {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
} .gk-tabs-wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
.gk-tabs-wrap > ol {
background: transparent;
border-bottom: 1px solid #e5e5e5;
margin: 0!important;
min-height: 47px;
padding: 0;
}
.gk-tabs-wrap > ol li {
background: #f1f1f3;
border: 1px solid #e5e5e5;
border-radius: 2px;
color: #444;
cursor: pointer;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 25px;
list-style-type: none;
margin: 0 -1px 0 0;
padding: 11px 16px 8px;
position: relative;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
top: 1px;
}
.gk-tabs-wrap > ol > li:hover,
.gk-tabs-wrap > ol > li.active,
.gk-tabs-wrap > ol > li.active:hover {
background: #fff;
border: 1px solid #e5e5e5;
border-bottom: 1px solid transparent;
border-top: 4px solid #fa7252;
padding: 8px 16px;
}
.gk-tabs-wrap > ol > li:hover {
border-bottom: 1px solid #e5e5e5;
}
.gk-tabs-container {
border: 1px solid #e5e5e5;	
border-top: none;
clear: both;
overflow: hidden;
padding: 0px!important;
position: relative;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.gk-tabs-item {
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
padding: 24px;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.gk-tabs-item .box {
margin-bottom: 0!important;
padding: 0!important;
}
.gk-tabs-item.active {
left: 0;
position: relative;
z-index: 2;
}
.gk-tabs-prev,
.gk-tabs-next {
display: none
}  .gk-tabs-error {
color: #555;
font-size: 16px;
padding: 32px 16px;
text-align: center;
}
.gk-tabs-error > strong {
color: #d44;
display: block;
font-family: Verdana, sans-serif;
font-size: 100px;
font-weight: bold;
line-height: 100px;
}
.gk-tabs-error > small {
font-size: 11px;
} .gk-tabs-item {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
transition: all .35s ease-out;
}
.gk-tabs-item.active {
opacity: 1;
filter: alpha(opacity=100);
position: relative;
z-index: 2;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-ms-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.gk-tabs[data-anim="scale-up"] .gk-tabs-item {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}
.gk-tabs[data-anim="scale-down"] .gk-tabs-item {
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-ms-transform: scale(0.75);
-o-transform: scale(0.75);
transform: scale(0.75);
}
.gk-tabs[data-anim="rotate-y"],
.gk-tabs[data-anim="rotate-x"] {
-webkit-perspective: 1200;
-moz-perspective: 1200;
-ms-perspective: 1200;
perspective: 1200;
}
.gk-tabs[data-anim="rotate-y"] .gk-tabs-item {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.gk-tabs[data-anim="rotate-x"] .gk-tabs-item {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.gk-tabs[data-anim="scale-up"] .gk-tabs-item.active,
.gk-tabs[data-anim="scale-down"] .gk-tabs-item.active {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.gk-tabs[data-anim="rotate-y"] .gk-tabs-item.active {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.gk-tabs[data-anim="rotate-x"] .gk-tabs-item.active {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
} div.gk-tweet {
background: #fff;
color: #666;
display: inline-block;
float: left;
padding: 25px 10px;
}
div.gk-tweet > div > img {
height: 100%;
float: left;
width: 60px;
height: 60px;
margin: 0 20px 20px 0;
}
span.gk-tweet-name {
padding-bottom: 10px;
}
span.gk-tweet-name a {
color: #000!important;
font-weight: bold;
font-size: 12px;
display: inline-block;
line-height: 12px;
text-transform: none;
}
span.gk-tweet-name small {
color: #a3a3a3;
font-size: 10px;
margin-left: 20px;
}
div.gk-tweet > div a { color: #666 }
div.gk-tweet > div a:hover { color: #fa7252 }
div.gk-tweet > div p {
margin: 0;
word-wrap: break-word;
}
div.gk-tweet > div > span.gk-tweet-info {
clear: both;
color: #dc7037;
display: block;
font-size: 10px;
padding-bottom: 14px;
padding-top: 10px;
}
div.gk-tweet span.gk-tweet-info a {
color: #999;
display: inline-block;
float: left;
height: 15px;
margin-right: 8px;
padding-left: 20px;
}
div.gk-tweet > div > span.gk-tweet-info a:active,
div.gk-tweet > div > span.gk-tweet-info a:focus,
div.gk-tweet > div > span.gk-tweet-info a:hover {
color: #fa7252;
}
div.gk-tweet a.gk-tweet-date {
color: #000!important;
display: block;
font-size: 12px;
font-style: italic;
padding: 15px 0 0 0;
}
div.gk-tweet a.gk-tweet-date:before {
color: #fa7252;
content: "d";
font-family: university-pixellove;
font-size: 13px;
font-style: normal;
padding: 0 5px 0 1px;
position: relative;
top: 2px;
}
div.gk-tweet a.gk-tweet-date:active,
div.gk-tweet a.gk-tweet-date:focus,
div.gk-tweet a.gk-tweet-date:hover {
color: #000!important;
}
div.gk-tweet > div > span.gk-tweet-info a:first-child { 
background: none;
float: left;
padding-left: 0!important;
}
.gk-tweet-info .gk-reply:before,
.gk-tweet-info .gk-retweet:before,
.gk-tweet-info .gk-favorite:before { 
color: #fa7252;
content: "\f112";
font-family: FontAwesome;	 
margin-right: 5px;
}
.gk-tweet-info .gk-retweet:before {
content: "\f079";
}
.gk-tweet-info .gk-favorite:before {
content: "\f005";
} .box.widget_gk_login .box-title {
margin: 0;
padding: 0;
}
.box.widget_gk_login input {
line-height: 20px;
}
.box.widget_gk_login .box-title:after {
display: none;
}
.box.widget_gk_login {
background: #fff!important;
margin: -12px 0 68px;
overflow: hidden;
padding: 35px 50px 0 50px;
position: relative;
}
.box.widget_gk_login .login-submit {
margin-bottom: -15px!important;
}
.box.widget_gk_login #gk-loginform {
background: #F2F4F5;
margin: 0;
overflow: hidden;
padding: 38px 60px 40px;
}
.box.widget_gk_login #gk-wp-submit {
font-size: 14px;
font-weight: 300;
height: 39px;
line-height: 39px;
}
#gk-loginform label {
font-size: 14px;
font-weight: 300;
}
#gk-user_pass,
#gk-user_login {
border: 1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-weight: 300;
height: 39px;
margin: -1px 12px 0 0;
max-width: 100%;
width: 206px;
}
nav.gklogin-small {
float: right;
margin: -80px 80px 0 0;
}
nav.gklogin-small a {
color: #888;
font-size: 13px;
line-height: 39px;
}
nav.gklogin-small ul li {
border-top: 0;
}
nav.gklogin-small ul li {
display: inline;
line-height: 26px;
}
nav.gklogin-small a:hover,
nav.gklogin-small a:active,
nav.gklogin-small a:focus {
color: #e74c3c;
}
#gk-logout {
overflow: hidden;
}
#gk-loginform p {
display: inline-block;
margin: 0;
}
#gk-loginform p.login-remember {
margin: 8px 0 0 2px;
}
#gk-loginform #gk-rememberme {
margin-right: 4px;
} .gk-bp-latest-photos > div {
margin: 0 -4px 0 -3px;
}
.gk-bp-latest-photos > div > a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 3px 4px 4px 3px;
}
.gk-bp-latest-photos > div > a > img {
opacity: 0.5; filter: alpha(opacity=50);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.gk-bp-latest-photos > div > a:hover > img {
opacity: 1; filter: alpha(opacity=100);
}
.gk-bp-latest-photos[data-cols="1"] > div > a { width: 100%; }
.gk-bp-latest-photos[data-cols="2"] > div > a { width: 50%; }
.gk-bp-latest-photos[data-cols="3"] > div > a { width: 33.333333%; }
.gk-bp-latest-photos[data-cols="4"] > div > a { width: 25%; }
.gk-bp-latest-photos[data-cols="5"] > div > a { width: 20%; }
.gk-bp-latest-photos[data-cols="6"] > div > a { width: 16.666666%; }
.gk-bp-latest-photos[data-cols="7"] > div > a { width: 14.285714%; }
.gk-bp-latest-photos[data-cols="8"] > div > a { width: 12.5%; } .widget_gk_buddypress .box-title {
margin: 0;
padding: 0;
}
.widget_gk_buddypress {
overflow: hidden;
text-align: center;
}
.widget_gk_buddypress > div > h4 {
color: #fff;
padding: 20px 0;
}
.widget_gk_buddypress > div {
background: #152136;
left: 50%;
line-height: 1;
margin: 0 auto -3px auto!important;
max-width: none!important;
position: relative;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.widget_gk_buddypress figure {
display: inline-block;
margin: 0 -2px;
position: relative;
}
.widget_gk_buddypress > div[data-cols="1"] figure { max-width: 100%; }
.widget_gk_buddypress > div[data-cols="2"] figure { max-width: 50%; }
.widget_gk_buddypress > div[data-cols="3"] figure { max-width: 33.333333%; }
.widget_gk_buddypress > div[data-cols="4"] figure { max-width: 25%; }
.widget_gk_buddypress > div[data-cols="5"] figure { max-width: 20%; }
.widget_gk_buddypress > div[data-cols="6"] figure { max-width: 16.666666%; }
.widget_gk_buddypress > div[data-cols="7"] figure { max-width: 14.285714%; }
.widget_gk_buddypress > div[data-cols="8"] figure { max-width: 12.5%; }
.widget_gk_buddypress figcaption {
background: rgba(12, 19, 31, 0.6);
height: 100%;
opacity: 0;
padding: 60px 50px;
position: absolute;
text-align: left;
top: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 100%;
z-index: 3;
}
.widget_gk_buddypress figure:hover figcaption {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.widget_gk_buddypress figure img {
display: block;
opacity: 0.5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.widget_gk_buddypress figure img.hide {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.widget_gk_buddypress figcaption small {
color: #fff;
display: block;
font-size: 14px;
font-weight: 700;
margin: 0 0 20px 0;
opacity: 0;	
position: relative;
text-transform: uppercase;
top: 35px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transition-delay: .15s;
-moz-transition-delay: .15s;
-ms-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s;
}
.widget_gk_buddypress figure:hover figcaption small {
opacity: 1;
top: 0;
}
.widget_gk_buddypress figcaption p {
color: #b7c0ce;
font-size: 12px;
height: 32px;
line-height: 16px;
margin: 0 0 10px 0;
overflow: hidden;
opacity: 0;
position: relative;
text-overflow: ellipsis;
top: 25px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
-ms-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s;
}
.widget_gk_buddypress figure:hover figcaption p {
opacity: 1;
top: 0;
}
.widget_gk_buddypress figcaption a {
opacity: 0;
position: relative;
top: 20px;
}
.widget_gk_buddypress figcaption a:active,
.widget_gk_buddypress figcaption a:focus,
.widget_gk_buddypress figcaption a:hover {
color: #fff;
}
.widget_gk_buddypress figure:hover figcaption a {
opacity: 1;
top: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transition-delay: .35s;
-moz-transition-delay: .35s;
-ms-transition-delay: .35s;
-o-transition-delay: .35s;
transition-delay: .35s;
}.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; 
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//atheneum.ube.fr/wp-content/themes/University/css/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0; 
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
clear: both;
margin: 0px 0px 10px 0px;
}
.gk-warning,
.gk-notice,
.gk-info,
.gk-error,
.gk-thanks,
.gk-contact-error,
.gk-contact-thanks { padding: 12px 12px 12px 66px;
position: relative;
}
.gk-contact-error,
.gk-contact-thanks {
max-width: 540px;
} .gk-notice,
.gk-thanks,
.gk-contact-thanks {
background-color: #FFFFDD;
color: #272727;
} .gk-info {
background-color: #f8f8f8;
color: #272727;
} .gk-warning,
.gk-error,
.gk-contact-error {
background-color: #fa7252;
color: #fff;
} .gk-info:before, 
.gk-notice:before, 
.gk-warning:before,
.gk-error:before,
.gk-thanks:before,
.gk-contact-error:before,
.gk-contact-thanks:before {
font-family: FontAwesome;
font-size: 24px;
position: absolute;
top: 7px;
left: 22px;
}
.gk-info:before {
color: #333;
content: "\f0e6";
}
.gk-notice:before,
.gk-thanks:before,
.gk-contact-thanks:before {
color: #333;
content: "\f0eb";
}
.gk-error:before,
.gk-warning:before,
.gk-contact-error:before {
color: #fff;
content: "\f057";
} .gk-badge,
.gk-label,
.gk-badge[data-style="style1"],
.gk-label[data-style="style1"] {
background-color: #ffd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
font-weight: 300;
padding: 1px 3px 2px;
vertical-align: baseline;
white-space: nowrap;
}
.gk-badge,
.gk-badge[data-style="style1"] {
padding: 1px 3px 2px;
}
.gk-badge[data-style="style2"],
.gk-label[data-style="style2"] {
background: #f5f5f5;
} pre,
pre.gk-code {
background: #fff;
border: 1px solid #e5e5e5;
border-left: 5px solid #fa7252;
color: #333;
display: block;
font: normal .92em/32px 'Curier New',monospace!important;
margin: 36px 0!important;
padding: 20px 26px 20px 32px!important;
} .gk-textblock,
.gk-textblock[data-style="style1"] {
border: 1px solid #e5e5e5;
margin: 20px 0;
padding: 15px 20px;
}
.gk-textblock[data-style="style2"] {
background: #FFFEF4;
border: 1px solid #EAE8CC;
}
.gk-textblock[data-style="style3"] {
background: #f8f8f8;
border: none;
}
.gk-numblock {
clear: both;
margin: 0 0 24px;
min-height: 48px;
padding: 0 0 0 82px !important;
position: relative
}
.gk-numblock span,
.gk-numblock[data-style="style1"] span {
border: 1px solid #ddd;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
display: block;
font-size: 18px;
font-weight: 600;
height: 36px;
left: 0;
line-height: 30px;
padding: 3px;
position: absolute;
text-align: center;
top: 2px;
width: 36px
}
.gk-numblock[data-style="style1"] span {
color: #bbb;
}
.gk-numblock[data-style="style2"] span {
color: #272727;
border-color: #272727;
}
.gk-numblock[data-style="style3"] span {
color: #fa7252;
border-color: #fa7252;
}
.gk-floated {	
color: #272727;
display: block;
font-style: italic;
font-weight: 400;
line-height: 170%;
padding: 25px;
width: 38%;
}
.gk-floated[data-align="left"] {
float: left;
padding-left: 0;
}
.gk-floated[data-align="right"] {
float: right;
padding-right: 0;
}
.gk-floated[data-align="center"] {
float: none;
padding-left: 0;
padding-right: 0;
text-align: center;
width: 100%;
} blockquote {
clear: both;
font-size: 18px;
-webkit-font-smoothing: antialiased;
font-style: italic;
font-weight: 300;
margin: 20px 0;
display: block;
padding: 0 0 0 60px;
position: relative;
text-align: center;
}
blockquote p {
font-style: italic;
}
blockquote cite {
color: #aaa;
float: right;
font-size: 14px;
font-style: italic;
}
blockquote:before {
color: #fa7252;
content: "“";
font-size: 60px;
font-style: italic;
line-height: 1;
position: absolute;
left: 0;
top: -10px;
}
blockquote p:after {
color: #fa7252;
content: "“";
display: inline-block;
font-size: 60px;
font-style: italic;
line-height: 0.1;
padding: 0 0 0 15px;
position: relative;
top: 30px;
}
blockquote[data-style="style2"]:before,
blockquote[data-style="style2"] p:after {
color: #e5e5e5;
} article .intro ol,
article .content ol,
article .summary ol,
article .intro ul,
article .content ul,
article .summary ul,
#tab-description ol,
#tab-description ul {
list-style-type: none;
margin: 10px 0;
}
.the-icons li {
padding-left: 0!important;
}
.the-icons li:before {
display: none;
}
article .intro ol,
article .content ol,
article .summary ol,
#tab-description ol {
list-style-type: decimal;
list-style-position: inside;
margin-left: 10px;
}
article .intro ol li,
article .content ol li,
article .summary ol li,
article .intro ul li,
article .content ul li,
article .summary ul li,
#tab-description ol li,
#tab-description ul li {
line-height: 22px;
padding: 5px 0 5px 20px;
position: relative;
}
article .intro ol li,
article .content ol li,
article .summary ol li,
#tab-description ol li {
padding-left: 0;
}
article li ol li,
article li ul li,
#tab-description li ol li {
padding-left: 20px!important;
}
article ol[data-style="style2"],
#tab-description ol[data-style="style2"] {
list-style-type: lower-alpha;
}
article ol[data-style="style3"],
#tab-description ol[data-style="style3"] {
list-style-type: decimal-leading-zero;
}
article ol[data-style="style4"],
#tab-description ol[data-style="style4"] {
list-style-type: upper-roman;
}
article ul[data-style="style1"] li:before,
#tab-description ul[data-style="style1"] li:before {
content: "\f111";
}
article ul[data-style="style2"] li:before,
#tab-description ul[data-style="style2"] li:before {
color: #fa7252;
content: "\f14a";
font-size: 13px;
}
article ul[data-style="style3"] li:before,
#tab-description ul[data-style="style3"] li:before {
color: #fa7252;
content: "\f006";
font-size: 13px;
}
article ul[data-style="style4"] li:before,
#tab-description ul[data-style="style4"] li:before {
color: #fa7252;
content: "\f0a9";
font-size: 13px;
} .gk-legend {
border: 4px double #e5e5e5;
margin: 30px 0;
padding: 12px;
position: relative;
}
.gk-legend > strong:first-child {
background: #fff;
color: #242424;
float: left;
font-size: 14px;
font-weight: 400;
left: 14px;
line-height: 18px;
margin: 0 0 -9px!important;
padding: 0 10px;
position: absolute;
text-transform: uppercase;
top: -11px;
} .gk-columns {
margin: 0 -20px;
overflow: hidden;
width: auto;	
}
#gk-bottom5 .gk-columns {
margin: 0 -30px;
}
#gk-bottom3 .gk-columns {
margin: 0 -30px;
}
.gk-columns > div {
float: left;
padding: 0 20px;
}
.gk-columns[data-column-count="1"] > div {
padding: 0;
width: 100%;
}
.gk-columns[data-column-count="2"] > div {
width: 50%;
}
.gk-columns[data-column-count="3"] > div {
width: 33.333333%;
}
.gk-columns[data-column-count="4"] > div {
width: 25%;
}
.gk-columns[data-column-count="5"] > div {
width: 20%;
}
.gk-columns[data-column-count="6"] > div {
width: 16.666666%;
}
.gk-columns[data-column-count="7"] > div {
width: 14.28%;
}
.gk-columns[data-column-count="8"] > div {
width: 12.5%;
} .gk-raw {
background: #fafafa;
border: 1px solid #f0f0f0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #444;
margin: 10px 0;
padding: 10px 15px;
position: relative;
}.gk-rss > i {
margin-right: 5px;
} .gk-pdf > i {
margin-right: 5px;
} .gk-note,
.gk-members {
background: #fafafa;
border: 1px solid #f0f0f0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #aaa;
margin: 10px 0;
padding: 10px 15px;
position: relative;
}
.gk-note:before,
.gk-members > strong:first-child {
background: #fa7252;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff!important;
content: "!";
font-size: 16px;
font-weight: 500;
height: 20px;
left: 10px;
line-height: 21px;
position: absolute;
text-align: center;
top: -10px;
width: 20px;
}
.gk-members > strong:first-child {
background: #fa7252;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 12px;
padding: 0 10px;
width: auto!important;
} .gk-toggle {
background: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 10px 0;
min-height: 16px;
overflow: hidden;
padding: 15px 20px 30px;
position: relative;
}
.gk-toggle.opened > div {
margin-top: 0;
opacity: 1;
}
.gk-toggle.closed > div {
margin-top: -200%;
opacity: 0;
}
.gk-toggle.opened > h3:after,
.gk-toggle.closed > h3:after {
content: "\f056";
color: #fa7252;
cursor: pointer;
display: block;
font-family: FontAwesome;
font-size: 21px;
position: absolute;
right: 0;
top: 8px;
width: 21px;
}
.gk-toggle.closed > h3:after {
content: "\f055";
}
.gk-toggle > h3 {
background: #fff;
color: #333;
cursor: pointer;
font-size: 16px;
line-height: 17px;
margin: -10px 0;
padding: 10px 0 15px;
position: relative;	
z-index: 1;
}
.gk-toggle > div {
overflow: hidden;
padding-top: 10px;
-webkit-transition: margin-top .3s ease-out, opacity .5s ease-out;
-moz-transition: margin-top .3s ease-out, opacity .5s ease-out;
-ms-transition: margin-top .3s ease-out, opacity .5s ease-out;
-o-transition: margin-top .3s ease-out, opacity .5s ease-out;
transition: margin-top .3s ease-out, opacity .5s ease-out;
}