/* Minification failed. Returning unminified contents.
(16634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16641,22): run-time error CSS1039: Token not allowed after unary operator: '-kat-zemin'
(16642,32): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert'
(16646,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-metin'
(16661,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert'
(16665,33): run-time error CSS1039: Token not allowed after unary operator: '-kat-turuncu'
(16678,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert-2'
(16687,22): run-time error CSS1039: Token not allowed after unary operator: '-kat-cizgi'
(16688,28): run-time error CSS1039: Token not allowed after unary operator: '-kat-cizgi'
(16711,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert'
(16718,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-turuncu'
(16732,32): run-time error CSS1039: Token not allowed after unary operator: '-kat-cizgi'
(16741,35): run-time error CSS1039: Token not allowed after unary operator: '-kat-cizgi'
(16747,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert'
(16766,28): run-time error CSS1039: Token not allowed after unary operator: '-kat-cizgi'
(16770,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert-2'
(16775,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-turuncu'
(16785,32): run-time error CSS1039: Token not allowed after unary operator: '-kat-cizgi'
(16790,35): run-time error CSS1039: Token not allowed after unary operator: '-kat-cizgi'
(16801,22): run-time error CSS1039: Token not allowed after unary operator: '-kat-turuncu'
(16805,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert'
(16815,33): run-time error CSS1039: Token not allowed after unary operator: '-kat-cizgi'
(16827,17): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert'
(16837,36): run-time error CSS1030: Expected identifier, found 'a'
(16837,37): run-time error CSS1031: Expected selector, found ')'
(16837,37): run-time error CSS1025: Expected comma or open brace, found ')'
(16844,36): run-time error CSS1030: Expected identifier, found 'a'
(16844,37): run-time error CSS1031: Expected selector, found ')'
(16844,37): run-time error CSS1025: Expected comma or open brace, found ')'
(16851,22): run-time error CSS1039: Token not allowed after unary operator: '-kat-lacivert'
(16920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16926,28): run-time error CSS1039: Token not allowed after unary operator: '-gf-cizgi'
(16927,32): run-time error CSS1039: Token not allowed after unary operator: '-gf-lacivert'
(16941,35): run-time error CSS1039: Token not allowed after unary operator: '-gf-cizgi'
(16947,17): run-time error CSS1039: Token not allowed after unary operator: '-gf-lacivert'
(16953,17): run-time error CSS1039: Token not allowed after unary operator: '-gf-pasif'
(16964,17): run-time error CSS1039: Token not allowed after unary operator: '-gf-turuncu'
(16970,31): run-time error CSS1039: Token not allowed after unary operator: '-gf-turuncu'
(16984,28): run-time error CSS1039: Token not allowed after unary operator: '-gf-cizgi'
(16997,24): run-time error CSS1039: Token not allowed after unary operator: '-gf-lacivert'
(17001,29): run-time error CSS1039: Token not allowed after unary operator: '-gf-turuncu'
(17009,17): run-time error CSS1039: Token not allowed after unary operator: '-gf-pasif'
(17015,22): run-time error CSS1039: Token not allowed after unary operator: '-gf-lacivert'
(17016,24): run-time error CSS1039: Token not allowed after unary operator: '-gf-lacivert'
 */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    /*cursor:url(/Content/Themes/Base/Img/grabbing.png) 8 8, move;*/
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}





/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }












/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 1s;
  animation-name: hinge;
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity .5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.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.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  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: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  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: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  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: none;
    transform: none;
  }

  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 bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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: none;
    transform: none;
  }
}

.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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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: none;
    transform: none;
  }
}

.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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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: none;
    transform: none;
  }
}

.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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -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: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -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-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-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);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@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);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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: none;
    transform: none;
  }
}

@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: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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;
}

h1 {

    font-size: 3em;

    margin: 0.67em 0;

}



h2 {

    font-size: 2em;

    margin: 0.83em 0;

}



h3 {

    font-size: 1.5em;

    margin: 1em 0;

}



h4 {

    font-size: 1.2em;

    margin: 2em 0 1em 0;

}



h5 {

    font-size: 1em;

    margin: 1.67em 0;

}



h6 {

    font-size: 0.67em;

    margin: 2.33em 0;

}







/***

Responsive & Scrollable Tables

***/

.table-scrollable {

    width: 100%;

    overflow-x: auto;

    overflow-y: hidden;

    border: 1px solid #dddddd;

    margin: 10px 0 !important;

}



    .table-scrollable.table-scrollable-borderless {

        border: 0;

    }



    .table-scrollable > .table {

        width: 100% !important;

        margin: 0 !important;

        margin-bottom: 0;

        background-color: #fff;

    }



        .table-scrollable > .table > thead > tr > th,

        .table-scrollable > .table > tbody > tr > th,

        .table-scrollable > .table > tfoot > tr > th,

        .table-scrollable > .table > tfoot > tr > th,

        .table-scrollable > .table > tfoot > tr > td {

            white-space: nowrap;

        }



    .table-scrollable > .table-bordered {

        border: 0;

    }



        .table-scrollable > .table-bordered > thead > tr > th:first-child,

        .table-scrollable > .table-bordered > tbody > tr > th:first-child,

        .table-scrollable > .table-bordered > tfoot > tr > th:first-child,

        .table-scrollable > .table-bordered > thead > tr > td:first-child,

        .table-scrollable > .table-bordered > tbody > tr > td:first-child,

        .table-scrollable > .table-bordered > tfoot > tr > td:first-child {

            border-left: 0;

        }



        .table-scrollable > .table-bordered > thead > tr > th:last-child,

        .table-scrollable > .table-bordered > tbody > tr > th:last-child,

        .table-scrollable > .table-bordered > tfoot > tr > th:last-child,

        .table-scrollable > .table-bordered > thead > tr > td:last-child,

        .table-scrollable > .table-bordered > tbody > tr > td:last-child,

        .table-scrollable > .table-bordered > tfoot > tr > td:last-child {

            border-right: 0;

        }



        .table-scrollable > .table-bordered > thead > tr:last-child > th,

        .table-scrollable > .table-bordered > tbody > tr:last-child > th,

        .table-scrollable > .table-bordered > tfoot > tr:last-child > th,

        .table-scrollable > .table-bordered > thead > tr:last-child > td,

        .table-scrollable > .table-bordered > tbody > tr:last-child > td,

        .table-scrollable > .table-bordered > tfoot > tr:last-child > td {

            border-bottom: 0;

        }













/* Rows seperated form layout */

.form .form-row-seperated .portlet-body {

    padding: 0;

}



.form .form-row-seperated .form-group {

    margin: 0;

    border-bottom: 1px solid #efefef;

    padding: 15px 0;

}



    .form .form-row-seperated .form-group.last {

        border-bottom: 0;

        margin-bottom: 0;

        padding-bottom: 13px;

    }



    .form .form-row-seperated .form-group .help-block {

        margin-bottom: 0;

    }



.form .form-row-seperated .form-body {

    padding: 0;

}



.form .form-row-seperated .form-actions {

    padding-left: 15px !important;

    padding-right: 15px !important;

}



/* Form bordered */

.form .form-bordered .form-group {

    margin: 0;

    border-bottom: 1px solid #efefef;

}



    .form .form-bordered .form-group > div {

        padding: 15px;

        border-left: 1px solid #efefef;

    }



@media (max-width: 991px) {

    .form .form-bordered .form-group > div {

        /* 991px */

        border-left: 0;

    }

}



.form .form-bordered .form-group.last {

    border-bottom: 0;

}



.form .form-bordered .form-group .control-label {

    padding-top: 20px;

}



@media (max-width: 991px) {

    .form .form-bordered .form-group .control-label {

        /* 991px */

        padding-top: 10px;

    }

}



.form .form-bordered .form-group .help-block {

    margin-bottom: 0;

}



.form .form-bordered .form-group .form-control {

    margin: 0;

}



.form .form-bordered .form-body {

    margin: 0;

    padding: 0;

}



.form .form-bordered .form-actions {

    margin-top: 0;

    padding-left: 16px !important;

    padding-right: 16px !important;

}



@media (max-width: 991px) {

    .form .form-bordered .form-actions {

        /* 991px */

        padding-left: 15px !important;

        padding-right: 15px !important;

    }

}



/* Horizontal bordered form */

.form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {

    background-color: #fcfcfc;

}



.form .form-horizontal.form-bordered.form-row-stripped .form-control {

    background: #fff !important;

}



.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {

    background-color: #fcfcfc;

}



    .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {

        background-color: #ffffff;

    }









/*.mix{

	display: none;

}*/



iframe.map {

    border: 0;

}



.map {

    width: 100%;

    height: 500px;

}



.mapContent {

    min-width: 200px;

    min-height: 100px;

}



.nav-tabs > li > a {

    padding: 20px 15px;



}



.tab-pane h2, .tab-pane h3 {

    color: #666;

}



.contentMore,

.dateAdded,

.addedBy,

.relatedTags {

    display: none;

}



.dateAdded {

    margin: 1px 0 14px 0;

    font-size: 11px;

    color: #777;

    padding: 10px 10px;

    border: 1px solid #efefef;

    position: relative;

}



.addedBy {

    position: absolute;

    z-index: 1;

    top: 10px;

    right: 10px;

}







.relatedTags a {

    font-size: 12px;

    color: #777;

    padding: 5px 10px 5px 0;

    display: inline-block;

    font-style: italic;

}



.showDate .dateAdded,

.showAddedBy .addedBy,

.showTags .relatedTags {

    display: block;

}



.showMore .contentMore{

    border:1px solid #b89b90;

   position:absolute;

   z-index:1;

   bottom:0;

   right:15px;

    color:#b89b90;

    padding:8px 16px;

    display:inline-block;

    text-decoration:none;

    text-transform:uppercase;

}



.showMore .contentMore:hover{

background:#666;

color:#fff;

}



.showMore .item {

    padding-bottom:40px;



}











.thumbnail {

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

}



    .thumbnail .caption {

        overflow: hidden;

    }



        .thumbnail .caption h3 {

            margin: 0;

            font-size: 15px;

            color: #666;

        }







.thumb {

    border: 1px solid rgba(221, 221, 221, 0.00);

    /*transition: all .5s ease-in-out;*/

    -moz-transition: border-color 0.5s ease;

    -o-transition: border-color 0.5s ease;

    -webkit-transition: border-color 0.5s ease;

    transition: border-color 0.5s ease;

}







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

/*h2  */

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

.h2-border-bottom h2 {

    border-bottom: 1px solid #d0d0d0;

    padding-bottom: 12px;

    position: relative;

}



    .h2-border-bottom h2:after {

        position: absolute;

        z-index: 1;

        bottom: -1px;

        left: 0;

        content: ' ';

        display: block;

        width: 60px;

        border: 1px solid #999;

    }



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

/*backgrounds */

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

.bg {

    padding: 30px 0;

}



.bg-black-0 {

    background: #000;

}



.bg-black-3 {

    background: #333;

}



.bg-black-6 {

    background: #666;

}





.bg-black-9 {

    background: #999;

}



.bg-black-d {

    background: #d0d0d0;

}





.bg-red {

    background: #be141d;

}









/* Form input sizing */

.input-mini {

    width: 45px !important;

}



.input-xsmall {

    width: 80px !important;

}



.input-small {

    width: 145px !important;

}



.input-medium {

    width: 240px !important;

}



.input-large {

    width: 320px !important;

}



.input-xlarge {

    width: 420px !important;

}



.input-inline {

    display: inline-block;

    width: auto;

    vertical-align: middle;

}



.form-group .input-inline {

    margin-right: 5px;

}



.input-sm {

    height: 28px;

    padding: 5px 10px;

    font-size: 13px;

}



select.input-sm {

    height: 28px;

    line-height: 28px;

    padding: 2px 10px;

}



@media (max-width: 768px) {

    /* 768px */

    .input-large {

        width: 250px !important;

    }



    .input-xlarge {

        width: 300px !important;

    }

}

/* Input  groups */

.input-group .btn-default {

    border-color: #e5e5e5;

}



.input-group .input-group-addon {

    border-color: #e5e5e5;

    background: #e5e5e5;

    min-width: 39px;

}



    .input-group .input-group-addon > i {

        color: #999999;

    }



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

/*magnific popup*/

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

.mfp-bg {

    background: #333;

}



button.mfp-close {

    background: #666;

}



.mfp-title {

    /*color:#666;*/

}



.mfp-figure:after {

    box-shadow: none;

}



.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

    text-align: center;

}





.mfp-content iframe {

    border: none;

}



.mfp-content video {

    width: 100%;

    max-width: 900px;

    height: auto;

}







.mfp-inline-holder .mfp-content {

    width: auto !important;

    margin: 0 auto;

}









#Popup {

    text-align: left;

    padding: 30px;

    border: 6px solid #d0d0d0;

    margin: 0 auto;

    background: #fff;

    position: relative;

    width: 100%;

    max-width: 900px;

    overflow: hidden !important;

}



    #Popup * {

        margin: 0;

    }











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

/*loading*/

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

.loadingInside {

    position: absolute;

    z-index: 666;

    top: 0;

    left: 0;

    background: rgba(225, 225, 225, 0.60);

    width: 100%;

    height: 100%;

    display: none;

}



    .loadingInside img {

        position: absolute;

        z-index: 1;

        top: 0;

        bottom: 0;

        margin: auto;

        left: 0;

        right: 0;

    }



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

/*owl*/

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



.owl-theme .owl-controls {

    margin-top: 0 !important;

}





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

/*btn*/

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



.btn {

    font-size: 13px;

    padding: 10px 15px;

    color: #fff;

}



.btn-purple {

    background-color: #ff6b6b;

    border-color: #ff6b6b;

}



    .btn-purple:hover,

    .btn-purple:focus,

    .btn-purple:active {

        color: #fff;

        background-color: #3a7dda;

        border-color: #3a7dda;

    }



.btn-orange {

    background-color: #ff9900;

    border-color: #d58000;

}



    .btn-orange:hover,

    .btn-orange:focus,

    .btn-orange:active {

        color: #fff;

        background-color: #ff6600;

        border-color: #d58000;

    }





.btn-darkgrey {

    background-color: #444;

    border-color: transparent;

}



    .btn-darkgrey:hover,

    .btn-darkgrey:focus,

    .btn-darkgrey:active {

        color: #fff;

        background-color: #111;

        border-color: transparent;

    }



/*

 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 

 properly apply the media queries in Bootstrap's CSS. To address this, 

 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.

*/

@-webkit-viewport {

    width: device-width;

}



@-moz-viewport {

    width: device-width;

}



@-ms-viewport {

    width: device-width;

}



@-o-viewport {

    width: device-width;

}



@viewport {

    width: device-width;

}

/*

 Internet Explorer 10 doesn't differentiate device width from viewport width, 

 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 

*/

@-ms-viewport {

    width: auto !important;

}

/* Custom scrollbars for webkit browsers */

::-webkit-scrollbar {

    width: 12px;

}



::-webkit-scrollbar-track {

    background-color: #eaeaea;

    border-left: 1px solid #cecece;

}



::-webkit-scrollbar-thumb {

    background-color: #cecece;

}



    ::-webkit-scrollbar-thumb:hover {

        background-color: #aaaaaa;

    }



::-webkit-scrollbar-track {

    border-radius: 0;

    box-shadow: none;

    border: 0;

}



::-webkit-scrollbar-thumb {

    border-radius: 0;

    box-shadow: none;

    border: 0;

}



/* Reset round corners */



a {

    -moz-border-radius: 0 !important;

    -webkit-border-radius: 0 !important;

    border-radius: 0 !important;

}



.img-circle {

    -moz-border-radius: 50% !important;

    -webkit-border-radius: 50% !important;

    border-radius: 50% !important;

}



.img-rounded {

    -moz-border-radius: 6px !important;

    -webkit-border-radius: 6px !important;

    border-radius: 6px !important;

}







/* Horizontal break */

hr {

    margin: 20px 0;

    border: 0;

    border-top: 1px solid #eee;

    border-bottom: 0;

}



/* Unstyled List */

.list-unstyled li > .list-unstyled {

    margin-left: 25px;

}



/* Code */

code {

    border: 1px solid #e1e1e1;

}



/* Disabled Navigation Link */

.disabled-link .disable-target {

    opacity: 0.5 !important;

    filter: alpha(opacity=50) !important;

}



    .disabled-link .disable-target:hover {

        cursor: not-allowed !important;

    }



.disabled-link:hover {

    cursor: not-allowed !important;

}































































/***

Custom tabs

***/

/* In BS3.0.0 tabbable class was removed. We had to added it back */

.tabbable:before, .tabbable:after {

    content: " ";

    display: table;

}



.tabbable:after {

    clear: both;

}



.tabbable-custom {

    margin-bottom: 15px;

    padding: 0;

    /*overflow: hidden;*/

    /* justified tabs */

    /* boxless tabs */

    /* below justified tabs */

    /* full width tabs */

    /* below tabs */

}



    .tabbable-custom > .nav-tabs {

        border: none;

        margin: 0;

    }



        .tabbable-custom > .nav-tabs > li {

            margin-right: 2px;

            border-top: 2px solid transparent;

        }



            .tabbable-custom > .nav-tabs > li > a {

                margin-right: 0;

            }



                .tabbable-custom > .nav-tabs > li > a:hover {

                    background: none;

                    border-color: transparent;

                }



            .tabbable-custom > .nav-tabs > li.active {

                border-top: 3px solid #f3565d;

                margin-top: 0;

                position: relative;

            }



                .tabbable-custom > .nav-tabs > li.active > a {

                    border-top: none;

                    font-weight: 400;

                }



                    .tabbable-custom > .nav-tabs > li.active > a:hover {

                        border-top: none;

                        background: #fff;

                        border-color: #d4d4d4 #d4d4d4 transparent;

                    }



    .tabbable-custom > .tab-content {

        background-color: #fff;

        border: 1px solid #ddd;

        padding: 10px;

    }



    .tabbable-custom.nav-justified > .tab-content {

        margin-top: -1px;

    }



    .tabbable-custom.boxless > .tab-content {

        padding: 15px 0;

        border-left: none;

        border-right: none;

        border-bottom: none;

    }



    .tabbable-custom.tabs-below.nav-justified .tab-content {

        margin-top: 0;

        margin-bottom: -2px;

    }



    .tabbable-custom.tabbable-full-width > .nav-tabs > li > a {

        color: #424242;

        font-size: 15px;

        padding: 9px 15px;

    }



    .tabbable-custom.tabbable-full-width > .tab-content {

        padding: 15px 0;

        border-left: none;

        border-right: none;

        border-bottom: none;

    }



    .tabbable-custom.tabs-below .nav-tabs > li > a {

        border-top: none;

        border-bottom: 2px solid transparent;

        margin-top: -1px;

    }



    .tabbable-custom.tabs-below .nav-tabs > li.active {

        border-top: none;

        border-bottom: 3px solid #d12610;

        margin-bottom: 0;

        position: relative;

    }



        .tabbable-custom.tabs-below .nav-tabs > li.active > a {

            border-bottom: none;

        }



            .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {

                background: #fff;

                border-color: #d4d4d4 #d4d4d4 transparent;

            }



    .tabbable-custom.tabbable-noborder > .nav-tabs > li > a {

        border: 0;

    }



    .tabbable-custom.tabbable-noborder .tab-content {

        border: 0;

    }



.tabbable-line > .nav-tabs {

    border: none;

    margin: 0;

}



    .tabbable-line > .nav-tabs > li {

        margin-right: 2px;

    }



        .tabbable-line > .nav-tabs > li > a {

            border: 0;

            margin-right: 0;

            color: #737373;

        }



            .tabbable-line > .nav-tabs > li > a > i {

                color: #a6a6a6;

            }



        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {

            border-bottom: 4px solid #fbcdcf;

        }



            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {

                border: 0;

                background: none !important;

                color: #333333;

            }



                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {

                    color: #a6a6a6;

                }



            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {

                margin-top: 0;

            }



        .tabbable-line > .nav-tabs > li.active {

            border-bottom: 4px solid #f3565d;

            position: relative;

        }



            .tabbable-line > .nav-tabs > li.active > a {

                border: 0;

                color: #333333;

            }



                .tabbable-line > .nav-tabs > li.active > a > i {

                    color: #404040;

                }



.tabbable-line > .tab-content {

    margin-top: -3px;

    background-color: #fff;

    border: 0;

    border-top: 1px solid #eee;

    padding: 15px 0;

}



.portlet .tabbable-line > .tab-content {

    padding-bottom: 0;

}



.tabbable-line.tabs-below > .nav-tabs > li {

    border-top: 4px solid transparent;

}



    .tabbable-line.tabs-below > .nav-tabs > li > a {

        margin-top: 0;

    }



    .tabbable-line.tabs-below > .nav-tabs > li:hover {

        border-bottom: 0;

        border-top: 4px solid #fbcdcf;

    }



    .tabbable-line.tabs-below > .nav-tabs > li.active {

        margin-bottom: -2px;

        border-bottom: 0;

        border-top: 4px solid #f3565d;

    }



.tabbable-line.tabs-below > .tab-content {

    margin-top: -10px;

    border-top: 0;

    border-bottom: 1px solid #eee;

    padding-bottom: 15px;

}













/***

Custom vertical inline menu

***/

.ver-inline-menu {

    padding: 0;

    margin: 0;

    list-style: none;

}



    .ver-inline-menu li {

        position: relative;

        margin-bottom: 1px;

    }



        .ver-inline-menu li i {

            width: 37px;

            height: 37px;

            display: inline-block;

            color: #b9cbd5;

            font-size: 15px;

            padding: 12px 10px 10px 8px;

            margin: 0 8px 0 0;

            text-align: center;

            background: #e0eaf0 !important;

        }



        .ver-inline-menu li a {

            font-size: 14px;

            font-weight: 300;

            color: #557386;

            display: block;

            background: #f0f6fa;

            border-left: solid 2px #c4d5df;

        }



        .ver-inline-menu li:hover a {

            background: #e0eaf0;

            text-decoration: none;

        }



        .ver-inline-menu li:hover i {

            color: #fff;

            background: #c4d5df !important;

        }



        .ver-inline-menu li.active a {

            border-left: solid 2px #0c91e5;

        }



        .ver-inline-menu li.active i {

            background: #0c91e5 !important;

        }



        .ver-inline-menu li.active a, .ver-inline-menu li.active i {

            color: #fff;

            background: #169ef4;

            text-decoration: none;

        }



        .ver-inline-menu li.active a, .ver-inline-menu li:hover a {

            font-size: 14px;

        }



        .ver-inline-menu li.active:after {

            content: '';

            display: inline-block;

            border-bottom: 6px solid transparent;

            border-top: 6px solid transparent;

            border-left: 6px solid #169ef4;

            position: absolute;

            top: 12px;

            right: -5px;

        }



@media (max-width: 767px) {

    .ver-inline-menu > li.active:after {

        display: none;

    }

}





















































































/***

Utilities

***/

/* Primary Link */

.primary-link {

    color: #65a0d0;

    font-weight: 600;

}



    .primary-link:hover {

        color: #5194ca;

    }



/* Rounded Element */

.rounded-2 {

    border-radius: 2px !important;

}



.rounded-3 {

    border-radius: 3px !important;

}



.rounded-4 {

    border-radius: 4px !important;

}



/* Circle Element */

.circle {

    border-radius: 25px !important;

}



.circle-right {

    border-radius: 0 25px 25px 0 !important;

}



.circle-left {

    border-radius: 25px 0 0 25px !important;

}



.circle-bottom {

    border-radius: 0 0 25px 25px !important;

}



.circle-top {

    border-radius: 25px 25px 0 0 !important;

}



/* General utilities */

.display-none,

.display-hide {

    display: none;

}



.hidden {

    display: none !important;

}



.primary-font {

    font-family: "Open Sans", sans-serif !important;

}



.bold {

    font-weight: 600 !important;

}



.thin {

    font-weight: 300 !important;

}



.uppercase {

    text-transform: uppercase !important;

}



.fix-margin {

    margin-left: 0 !important;

}



.border {

    border: 1px solid red;

}



.font-hg {

    font-size: 23px;

}



.font-lg {

    font-size: 18px;

}



.font-md {

    font-size: 14px;

}



.font-sm {

    font-size: 13px;

}



.font-xs {

    font-size: 11px;

}



.inline {

    display: inline;

}



.inline-block {

    display: inline-block;

}



.text-align-reverse {

    text-align: right;

}



/***

Transparent Button

***/

.btn-transparent.btn {

    background: transparent;

    color: #888;

}





/* Margin and padding utilities */

.no-space {

    margin: 0 !important;

    padding: 0 !important;

}



.no-margin {

    margin: 0 !important;

}



.margin-center {

    margin: 0 auto;

}



.margin-bottom-5 {

    margin-bottom: 5px;

}



.margin-bottom-10 {

    margin-bottom: 10px !important;

}











.margin-bottom-15 {

    margin-bottom: 15px !important;

}



.margin-bottom-20 {

    margin-bottom: 20px !important;

}











.margin-bottom-25 {

    margin-bottom: 25px !important;

}





.margin-bottom-30 {

    margin-bottom: 30px !important;

}



.margin-top-10 {

    margin-top: 10px !important;

}



.margin-top-20 {

    margin-top: 20px !important;

}







.margin-top-25 {

    margin-top: 25px !important;

}





.margin-top-30 {

    margin-top: 30px !important;

}









.padding-bottom-10 {

    padding-bottom: 10px !important;

}





.padding-bottom-20 {

    padding-bottom: 20px !important;

}



.padding-bottom-30 {

    padding-bottom: 30px !important;

}



.padding-bottom-50 {

    padding-bottom: 50px !important;

}



.padding-bottom-70 {

    padding-bottom: 70px !important;

}



.padding-top-10 {

    padding-top: 10px !important;

}



.padding-top-20 {

    padding-top: 20px !important;

}



.padding-top-30 {

    padding-top: 30px !important;

}



.padding-top-50 {

    padding-top: 50px !important;

}



.padding-top-70 {

    padding-top: 50px !important;

}





/* IE8 & IE9 mode utilities */

.visible-ie8 {

    display: none;

}



.ie8 .visible-ie8 {

    display: inherit !important;

}



.visible-ie9 {

    display: none;

}



.ie9 .visible-ie9 {

    display: inherit !important;

}



.hidden-ie8 {

    display: inherit;

}



.ie8 .hidden-ie8 {

    display: none !important;

}



.hidden-ie9 {

    display: inherit;

}



.ie9 .hidden-ie9 {

    display: none !important;

}



/***

Responsive Utils

***/

@media (max-width: 1024px) {

    .hidden-1024 {

        display: none;

    }

}



@media (max-width: 480px) {

    .hidden-480 {

        display: none;

    }

}



@media (max-width: 320px) {

    .hidden-320 {

        display: none;

    }

}





















/***

Input icons

***/

.input-icon {

    position: relative;

}



    .input-icon > .form-control {

        padding-left: 33px;

    }



    .input-icon > i {

        color: #ccc;

        display: block;

        position: absolute;

        margin: 11px 2px 4px 10px;

        z-index: 3;

        width: 16px;

        height: 16px;

        font-size: 16px;

        text-align: center;

    }



.modal .input-icon > i {

    z-index: 10055;

}



.has-success .input-icon > i {

    color: #45b6af;

}



.has-warning .input-icon > i {

    color: #dfba49;

}



.has-info .input-icon > i {

    color: #89c4f4;

}



.has-error .input-icon > i {

    color: #f3565d;

}



.input-icon.right > .form-control {

    padding-right: 33px;

    padding-left: 12px;

}



.input-icon.right > i {

    right: 8px;

    float: right;

}

























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

/*Notes*/

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

.note {

    margin: 0 0 20px 0;

    padding: 15px 30px 15px 15px;

    border-left: 5px solid #eee;

}





    .note p:last-child {

        margin-bottom: 0;

    }



    .note code,

    .note .highlight {

        background-color: #fff;

    }



    .note.note-default {

        background-color: #fafafa;

        border-color: #efefef;

        color: #333333;

    }



        .note.note-default.note-bordered {

            background-color: #c9c9c9;

            border-color: #a5a5a5;

        }



    .note.note-primary {

        background-color: #5697d0;

        border-color: #2a7696;

        color: #d8e3f2;

    }



        .note.note-primary.note-bordered {

            background-color: #468dcb;

            border-color: #2c7c9e;

        }



    .note.note-success {

        background-color: #eef7ea;

        border-color: #bbdba1;

        color: #3c763d;

    }



        .note.note-success.note-bordered {

            background-color: #e2f1dc;

            border-color: #c1dea8;

        }



    .note.note-info {

        background-color: #eef7fb;

        border-color: #91d9e8;

        color: #31708f;

    }



        .note.note-info.note-bordered {

            background-color: #ddeff8;

            border-color: #9adcea;

        }



    .note.note-warning {

        background-color: #fcf8e3;

        border-color: #f2cf87;

        color: #8a6d3b;

    }



        .note.note-warning.note-bordered {

            background-color: #faf3d1;

            border-color: #f3d390;

        }



    .note.note-danger {

        background-color: #f9f0f0;

        border-color: #dca7b0;

        color: #a94442;

    }



        .note.note-danger.note-bordered {

            background-color: #f3e2e2;

            border-color: #dfaeb7;

        }









/***

Customized Bootstrap Panels

***/

.panel {

    box-shadow: none !important;

}



.panel-group .panel {

    overflow: visible;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

}



.panel .panel-body {

    font-size: 13px;

}



.panel .panel-title a {

    text-decoration: none;

}



.accordion .panel .panel-heading {

    padding: 0;

}



.accordion h4 {

    font-size: 110%;

}



.accordion .panel .panel-title {

    padding: 0;

}



    .accordion .panel .panel-title a {

        display: block;

        padding: 15px;

        color: #fff;

        background: rgba(58, 125, 218, 0.70) url("/Content/Themes/Theme10/Img/accordion-plusminus.png") no-repeat;

        background-position: right -15px;

        /*margin-right: 15px;*/

    }



        .accordion .panel .panel-title a.collapsed {

            background-color: rgba(255, 255, 255, 0.00);

            background-position: right 15px;

            color: #333;

        }







.panel-default {

    border-color: #e0e0e0;

}



    .panel-default > .panel-heading {

        color: #333333;

        background-color: #f9f9f9;

        border-color: #e0e0e0;

    }



        .panel-default > .panel-heading + .panel-collapse .panel-body {

            border-top-color: #e0e0e0;

        }



    .panel-default > .panel-footer + .panel-collapse .panel-body {

        border-bottom-color: #e0e0e0;

    }



.panel-primary {

    border-color: #3595bd;

}



    .panel-primary > .panel-heading {

        color: #d8e3f2;

        background-color: #428bca;

        border-color: #3595bd;

    }



        .panel-primary > .panel-heading + .panel-collapse .panel-body {

            border-top-color: #3595bd;

        }



    .panel-primary > .panel-footer + .panel-collapse .panel-body {

        border-bottom-color: #3595bd;

    }



.panel-success {

    border-color: #d6e9c6;

}



    .panel-success > .panel-heading {

        color: #3c763d;

        background-color: #dff0d8;

        border-color: #d6e9c6;

    }



        .panel-success > .panel-heading + .panel-collapse .panel-body {

            border-top-color: #d6e9c6;

        }



    .panel-success > .panel-footer + .panel-collapse .panel-body {

        border-bottom-color: #d6e9c6;

    }



.panel-info {

    border-color: #bce8f1;

}



    .panel-info > .panel-heading {

        color: #31708f;

        background-color: #d9edf7;

        border-color: #bce8f1;

    }



        .panel-info > .panel-heading + .panel-collapse .panel-body {

            border-top-color: #bce8f1;

        }



    .panel-info > .panel-footer + .panel-collapse .panel-body {

        border-bottom-color: #bce8f1;

    }



.panel-warning {

    border-color: #faebcc;

}



    .panel-warning > .panel-heading {

        color: #8a6d3b;

        background-color: #fcf8e3;

        border-color: #faebcc;

    }



        .panel-warning > .panel-heading + .panel-collapse .panel-body {

            border-top-color: #faebcc;

        }



    .panel-warning > .panel-footer + .panel-collapse .panel-body {

        border-bottom-color: #faebcc;

    }



.panel-danger {

    border-color: #ebccd1;

}



    .panel-danger > .panel-heading {

        color: #a94442;

        background-color: #f2dede;

        border-color: #ebccd1;

    }



        .panel-danger > .panel-heading + .panel-collapse .panel-body {

            border-top-color: #ebccd1;

        }



    .panel-danger > .panel-footer + .panel-collapse .panel-body {

        border-bottom-color: #ebccd1;

    }



/***

Accordions

***/

.accordion-heading {

    background: #eee;

}



    .accordion-heading a {

        text-decoration: none;

    }



        .accordion-heading a:hover {

            text-decoration: none;

        }







































































































































































































































































































































/***

Fontawesome Icons













***/

[class^="fa-"],

[class^="glyphicon-"],

[class^="icon-"],

[class*=" fa-"],

[class*=" glyphicon-"],

[class*=" icon-"] {

    display: inline-block;

    margin-top: 1px;

    font-size: 14px;

    *margin-right: .3em;

    line-height: 14px;

    -webkit-font-smoothing: antialiased;

}



/* Make font awesome icons fixed width */

li [class^="fa-"],

li [class^="glyphicon-"],

li [class^="icon-"],

li [class*=" fa-"],

li [class*=" glyphicon-"],

li [class*=" icon-"] {

    display: inline-block;

    width: 1.25em;

    text-align: center;

}



li [class^="glyphicon-"],

li [class*=" glyphicon-"] {

    top: 2px;

}



li [class^="icon-"],

li [class*=" icon-"] {

    top: 1px;

    position: relative;

}



    li [class^="fa-"].icon-large,

    li [class^="glyphicon-"].icon-large,

    li [class^="icon-"].icon-large,

    li [class*=" fa-"].icon-large,

    li [class*=" glyphicon-"].icon-large,

    li [class*=" icon-"].icon-large {

        /* increased font size for icon-large */

        width: 1.5625em;

    }



/* Icon sizing */

.fa-sm,

.icon-sm {

    font-size: 12px;

}



.fa-lg,

.icon-lg {

    font-size: 16px !important;

}



.fa-2x {

    font-size: 2em;

}



.fa-3x {

    font-size: 3em;

}



.fa-4x {

    font-size: 4em;

}



.fa-5x {

    font-size: 5em;

}



/* Icon coloring */

.icon-state-default {

    color: #c6c6c6;

}



.icon-state-success {

    color: #45b6af;

}



.icon-state-info {

    color: #89c4f4;

}



.icon-state-warning {

    color: #dfba49;

}



.icon-state-danger {

    color: #f3565d;

}





















.testimonials {

    padding: 80px 0;

    background-image: url('/Content/Themes/Theme10/Img/testimonials.png');

    background-attachment: fixed;

    text-align: center;

    margin: 0 auto;

}



    .testimonials > div {

        max-width: 800px;

    }









    .testimonials .contentList .owl-pagination {

        top: auto;

        right: 0;

        left: 0;

        bottom: -20px;

    }











    .testimonials .owl-theme .owl-controls .owl-page span {

        background-color: #fff;

    }







    .testimonials .owl-buttons {

        display: none;

    }





    .testimonials a {

        color: #fff;

        text-decoration: none;

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

        padding-bottom: 10px;

    }









    .testimonials .detailShort {

        padding-top: 10px;

    }







    .testimonials a:hover {

        color: #fff;

    }







    .testimonials .thumb {

        width: 100px;

        height: 100px;

        margin: 0 auto;

        -moz-border-radius: 50%;

        -webkit-border-radius: 50%;

        border-radius: 50%;

        border: 2px solid #fff;

        margin-bottom: 20px;

    }







        .testimonials .thumb a {

            -moz-border-radius: 50% !important;

            -webkit-border-radius: 50% !important;

            border-radius: 50% !important;

        }

































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

/*backgrounds */

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

.bg-aqua-gradient {

    background: rgba(127,219,255,1);

    background: -webkit-linear-gradient(top, rgba(127,219,255,1) 0%, rgba(82,140,163,1) 100%);

    background: linear-gradient(to bottom, rgba(127,219,255,1) 0%, rgba(82,140,163,1) 100%);

}



.bg-blue-gradient {

    background: rgba(0,116,217,1);

    background: -webkit-linear-gradient(top, rgba(0,116,217,1) 0%, rgba(0,65,122,1) 100%);

    background: linear-gradient(to bottom, rgba(0,116,217,1) 0%, rgba(0,65,122,1) 100%);

}



.bg-navy-gradient {

    background: rgba(0,32,63,1);

    background: -webkit-linear-gradient(top, rgba(0,32,63,1) 0%, rgba(0,10,20,1) 100%);

    background: linear-gradient(to bottom, rgba(0,32,63,1) 0%, rgba(0,10,20,1) 100%);

}



.bg-teal-gradient {

    background: rgba(57,204,204,1);

    background: -webkit-linear-gradient(top, rgba(57,204,204,1) 0%, rgba(34,122,122,1) 100%);

    background: linear-gradient(to bottom, rgba(57,204,204,1) 0%, rgba(34,122,122,1) 100%);

}



.bg-green-gradient {

    background: rgba(46,204,64,1);

    background: -webkit-linear-gradient(top, rgba(46,204,64,1) 0%, rgba(28,122,39,1) 100%);

    background: linear-gradient(to bottom, rgba(46,204,64,1) 0%, rgba(28,122,39,1) 100%);

}



.bg-lime-gradient {

    background: rgba(1,255,111,1);

    background: -webkit-linear-gradient(top, rgba(1,255,111,1) 0%, rgba(2,163,72,1) 100%);

    background: linear-gradient(to bottom, rgba(1,255,111,1) 0%, rgba(2,163,72,1) 100%);

}



.bg-yellow-gradient {

    background: rgba(255,221,0,1);

    background: -webkit-linear-gradient(top, rgba(255,221,0,1) 0%, rgba(184,147,0,1) 100%);

    background: linear-gradient(to bottom, rgba(255,221,0,1) 0%, rgba(184,147,0,1) 100%);

}



.bg-orange-gradient {

    background: rgba(255,133,27,1);

    background: -webkit-linear-gradient(top, rgba(255,133,27,1) 0%, rgba(255,80,27,1) 100%);

    background: linear-gradient(to bottom, rgba(255,133,27,1) 0%, rgba(255,80,27,1) 100%);

}



.bg-red-gradient {

    background: rgba(246,46,36,1);

    background: -webkit-linear-gradient(top, rgba(246,46,36,1) 0%, rgba(255,54,121,1) 100%);

    background: linear-gradient(to bottom, rgba(246,46,36,1) 0%, rgba(255,54,121,1) 100%);

}



.bg-fuchsia-gradient {

    background: rgba(240,18,188,1);

    background: -webkit-linear-gradient(top, rgba(240,18,188,1) 0%, rgba(163,11,128,1) 100%);

    background: linear-gradient(to bottom, rgba(240,18,188,1) 0%, rgba(163,11,128,1) 100%);

}



.bg-purple-gradient {

    background: rgba(176,13,201,1);

    background: -webkit-linear-gradient(top, rgba(176,13,201,1) 0%, rgba(107,7,122,1) 100%);

    background: linear-gradient(to bottom, rgba(176,13,201,1) 0%, rgba(107,7,122,1) 100%);

}





.bg-maroon-gradient {

    background: rgba(204,31,115,1);

    background: -webkit-linear-gradient(top, rgba(204,31,115,1) 0%, rgba(133,20,75,1) 100%);

    background: linear-gradient(to bottom, rgba(204,31,115,1) 0%, rgba(133,20,75,1) 100%);

}



/***





   colors.css v2.0.0

   http://clrs.cc

   @mrmrs

   MIT License



***/

























/*



   SKINS

   - Backgrounds

   - Colors

   - Border colors

   - SVG fills

   - SVG Strokes



*/

/* Backgrounds */

.bg-navy {

    background-color: #001F3F;

}























.bg-blue {

    background-color: #0074D9;

}









.bg-aqua {

    background-color: #7FDBFF;

}











.bg-teal {

    background-color: #39CCCC;

}



















.bg-olive {

    background-color: #3D9970;

}











.bg-green {

    background-color: #2ECC40;

}









.bg-lime {

    background-color: #01FF70;

}



.bg-yellow {

    background-color: #FFDC00;

}



.bg-orange {

    background-color: #FF851B;

}







.bg-red {

    background-color: #FF4136;

}



.bg-fuchsia {

    background-color: #F012BE;

}









.bg-purple {

    background-color: #B10DC9;

}







.bg-maroon {

    background-color: #85144B;

}







.bg-white {

    background-color: #fff;

}







.bg-gray {

    background-color: #aaa;

}







.bg-silver {

    background-color: #ddd;

}



.bg-black {

    background-color: #111;

}



/* Colors */

.navy {

    color: #001F3F;

}



.blue {

    color: #0074D9;

}



.aqua {

    color: #7FDBFF;

}



.teal {

    color: #39CCCC;

}



.olive {

    color: #3D9970;

}



.green {

    color: #2ECC40;

}



.lime {

    color: #01FF70;

}



.yellow {

    color: #FFDC00;

}



.orange {

    color: #FF851B;

}



.red {

    color: #FF4136;

}



.fuchsia {

    color: #F012BE;

}



.purple {

    color: #B10DC9;

}



.maroon {

    color: #85144B;

}



.white {

    color: #fff;

}



.silver {

    color: #ddd;

}



.gray {

    color: #aaa;

}



.black {

    color: #111;

}



/* Border colors 



   Use with another border utility that sets border-width and style 

   i.e .border { border-width: 1px; border-style: solid; }     

*/



.border1px {

    border-width: 1px;

}



.border2px {

    border-width: 2px;

}



.border3px {

    border-width: 3px;

}



.border4px {

    border-width: 4px;

}



.border5px {

    border-width: 5px;

}



.border--navy {

    border-color: #001F3F;

}



.border--blue {

    border-color: #0074D9;

}



.border--aqua {

    border-color: #7FDBFF;

}



.border--teal {

    border-color: #39CCCC;

}



.border--olive {

    border-color: #3D9970;

}



.border--green {

    border-color: #2ECC40;

}



.border--lime {

    border-color: #01FF70;

}



.border--yellow {

    border-color: #FFDC00;

}



.border--orange {

    border-color: #FF851B;

}



.border--red {

    border-color: #FF4136;

}



.border--fuchsia {

    border-color: #F012BE;

}



.border--purple {

    border-color: #B10DC9;

}



.border--maroon {

    border-color: #85144B;

}



.border--white {

    border-color: #fff;

}



.border--gray {

    border-color: #aaa;

}



.border--silver {

    border-color: #ddd;

}



.border--black {

    border-color: #111;

}





.mouseWrapper span {

    display: block;

    width: 5px;

    height: 5px;

    -ms-transform: rotate(45deg); /* IE 9 */

    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

    transform: rotate(45deg);

    border-right: 2px solid white;

    border-bottom: 2px solid white;

    margin: 0 0 3px 5px;

}



.mouseWrapper .unu {

    margin-top: 6px;

}



.mouseWrapper .unu, .mouseWrapper .doi, .mouseWrapper .trei {

    -webkit-animation: mouse-scroll 1s infinite;

    -moz-animation: mouse-scroll 1s infinite;

}



.mouseWrapper .unu {

    -webkit-animation-delay: .1s;

    -moz-animation-delay: .1s;

    -webkit-animation-direction: alternate;

}



.mouseWrapper .doi {

    -webkit-animation-delay: .2s;

    -moz-animation-delay: .2s;

    -webkit-animation-direction: alternate;

}



.mouseWrapper .trei {

    -webkit-animation-delay: .3s;

    -moz-animation-delay: .3s;

    -webkit-animation-direction: alternate;

}









.mouseWrapper .mouse {

    height: 21px;

    width: 14px;

    border-radius: 10px;

    transform: none;

    border: 2px solid white;

    top: 170px;

}



.mouseWrapper .wheel {

    height: 5px !important;

    width: 2px;

    display: block;

    margin: 5px auto;

    background: white;

    position: relative;

}



.mouseWrapper .wheel {

    -webkit-animation: mouse-wheel 1.2s ease infinite;

    -moz-animation: mouse-wheel 1.2s ease infinite;

}



@-webkit-keyframes mouse-wheel {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(6px);

        -ms-transform: translateY(6px);

        transform: translateY(6px);

    }

}



@-moz-keyframes mouse-wheel {

    0% {

        top: 1px;

    }



    50% {

        top: 2px;

    }



    100% {

        top: 3px;

    }

}



@-webkit-keyframes mouse-scroll {



    0% {

        opacity: 0;

    }



    50% {

        opacity: .5;

    }



    100% {

        opacity: 1;

    }

}



@-moz-keyframes mouse-scroll {



    0% {

        opacity: 0;

    }



    50% {

        opacity: .5;

    }



    100% {

        opacity: 1;

    }

}



@-o-keyframes mouse-scroll {



    0% {

        opacity: 0;

    }



    50% {

        opacity: .5;

    }



    100% {

        opacity: 1;

    }

}



@keyframes mouse-scroll {



    0% {

        opacity: 0;

    }



    50% {

        opacity: .5;

    }



    100% {

        opacity: 1;

    }

}


.vegas-overlay {
	z-index: -1;
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
    max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
	z-index: -2;
}

.vegas-overlay,
.vegas-background {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.owl-carousel {

    width: 100%;

}



.full-width .contentList.owl-carousel  {

padding-left:15px;

width:100vw !important;



}



.owl-carousel .owl-wrapper-outer{

    z-index: 1;

      

}





/*

* 	Owl Carousel Owl Demo Theme 

*	v1.3.3

*/



.owl-theme .owl-controls{

	margin-top: 10px;

	text-align: center;

}



/* Styling Next and Prev buttons */



.owl-theme .owl-controls .owl-buttons div{

	color: #FFF;

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

	padding: 3px 10px;

	font-size: 12px;

	border-radius: 30px;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

}

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

	text-decoration: none;

}



/* Styling Pagination*/



.owl-theme .owl-controls .owl-page{

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

}

.owl-theme .owl-controls .owl-page span{

	display: block;

	width: 12px;

	height: 12px;

	margin: 5px 7px;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

	border-radius: 20px;

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

}



/* If PaginationNumbers is true */



.owl-theme .owl-controls .owl-page span.owl-numbers{

	height: auto;

	width: auto;

	padding: 2px 10px;

	font-size: 12px;

	border-radius: 30px;

}



/* preloading images */

.owl-item.loading{

	min-height: 150px;

	background: url(AjaxLoader.gif) no-repeat center center

}








body {

    /*"fira-sans"*/

    /*'Open Sans'*/

    font-family: 'Inter', sans-serif;

    margin: 0;

    font-weight: 600;

    font-size: 13px;

    line-height: 23px;

}



#Container {

    width: 100%;

}





.full-width {

    padding: 0;

}



/*.container {

width:970px !important;

}*/









/*#PageLoading {

position:fixed;

z-index:999;

width:100%;

height:100%;

background:#fff;

top:0;

left:0;

transition:all .2s;

}



#PageLoadingWrapper {

position:absolute;

z-index:1;

width:auto;

height:200px;

top:0;

left:0;

bottom:0;

right:0;

margin:auto;

text-align:center;

}*/







.home {

}



.rowWrapper {

    margin-bottom: 30px;

}





.home .rowWrapper {

    margin-bottom: 0;

}





h2 {

    font-weight: 300;

}







.pageTitle {

    padding: 30px 0 10px 0;

    margin-bottom: 30px;

}



.page {

    min-height: 600px;

}







/*.emptyPageTitle {

height:90px;}*/



.pageTitle h1 {

    font-size: 26px;

    font-weight: 700;

    margin: 0;

}



.breadcrumb {

    background: none;

    padding-left: 0;

}











blockquote {

    padding-top: 50px;

    padding-left: 20px;

    line-height: 25px;

    float: right;

    margin-top: 10px;

    font-weight: 300;

}





@media (max-width: 480px) {

    blockquote {

        background: none !important;

        padding-top: 10px;

        padding-left: 15px;

        line-height: 25px;

        font-weight: 300;

    }

}





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

/*shared Row */

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

.sharedRightRow {

    padding: 15px 20px 80px 20px;

}



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

/*social */

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



.mainmenu .social {

    padding: 0;

}



    .mainmenu ul.social  {

        list-style-type: none;

        padding: 0;

        margin: 0;

    }



    .mainmenu .social li {

        display: inline-block;

        margin: 0 !important;

    }



        .mainmenu .social li a {

            display: block;

            text-align: center;

            width: 30px;

            height: 30px;

            line-height: 30px !important;

            padding: 0;

            /*border: 1px solid #efefef;*/

            -moz-border-radius: 50% !important;

            -webkit-border-radius: 50% !important;

            border-radius: 50% !important;

        }



            .mainmenu .social li a i {

                font-size: 16px;

            }





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

/*LanguageBar */

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

#LanguageBar {

    min-width: 90px;

}



    #LanguageBar > a {

        text-decoration: none;

        font-size: 90%;

    }



    #LanguageBar .dropdown-toggle > img {

        display: none;

    }





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

/*search */

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





.mainmenu .search-form .input-group .form-control {

    height: 36px;

    font-size: 90%;

    text-indent: -3500px;

    -moz-border-radius: 18px;

    -webkit-border-radius: 18px;

    border-radius: 18px;

    border-color: #efefef;

    padding-left: 20px;

}



    .mainmenu .search-form .input-group .form-control:hover {

        cursor: pointer;

    }



.mainmenu .search-form .input-group .input-group-btn {

    height: 36px;

}



    .mainmenu .search-form .input-group .input-group-btn .btn.submit {

        padding: 0;

        width: 36px;

        background: none;

        margin-top: 2px;

        display: block;

    }



.mainmenu .search-form .btn.submit > i {

    font-size: 15px;

}







.mainmenu .search-form.open {

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



    .mainmenu .search-form.open .input-group .form-control {

        text-indent: 0;

    }



        .mainmenu .search-form.open .input-group .form-control:hover {

            cursor: text;

        }



    .mainmenu .search-form.open .input-group .input-group-btn .btn.submit {

        margin-left: 0;

    }







#Footer {

    padding-top: 10px;

}





    #Footer .rowWrapper {

        padding-bottom: 30px;

    }



        #Footer .rowWrapper:last-child {

            margin: 0;

        }



@media (max-width: 1000px) {



    .mainmenu .social {

        padding-top: 30px;

    }



        .mainmenu .social li a {

            background: transparent;

        }





    .mainmenu .search-form {

        display: inline-block;

        width: 98px;

        position: relative;

        float: right !important;

        -moz-transition: all 0.3s;

        -o-transition: all 0.3s;

        -webkit-transition: all 0.3s;

        transition: all 0.3s;

        padding-bottom: 10px;

    }



        .mainmenu .search-form.open {

            width: 100% !important;

        }

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

    /*languagebar */

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

    #LanguageBar {

        position: absolute;

        z-index: 2;

        top: 20px;

        left: 20px;

    }



        #LanguageBar ul {

            margin-right: 10px;

        }

}



/* Allow expanded search for above 768px */

@media (min-width: 1000px) {



    #LanguageBar {

        position: absolute;

        z-index: 2;

        top: -40px;

        right: 170px;

    }



    .mainmenu .social {

        position: absolute;

        z-index: 1;

        top: -45px;

        right: 175px;

    }



        .mainmenu .social.hasLanguageBar {

            right: 275px;

        }



    .mainmenu .search-form {

        width: 68px;

        position: absolute;

        z-index: 3;

        top: -50px;

        right: 15px;

        -moz-transition: all 0.3s;

        -o-transition: all 0.3s;

        -webkit-transition: all 0.3s;

        transition: all 0.3s;

    }



        .mainmenu .search-form.open {

            width: 350px !important;

        }



        .mainmenu .search-form.search-form-expanded {

            width: 150px;

        }



            .mainmenu .search-form.search-form-expanded .input-group .form-control {

                text-indent: 0;

            }



                .mainmenu .search-form.search-form-expanded .input-group .form-control:hover {

                    cursor: text;

                }



            .mainmenu .search-form.search-form-expanded .input-group .input-group-btn .btn.submit {

            }

}






/* =====================

   HEADER - Bootstrap 5

   ===================== */



#Header,

#Header .logo,

.mainmenu,

#Header .logo img {

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

    transition: all 0.5s ease-in-out;

}



#Header > div > .container {

    position: relative;

    height: 69px;

    display: flex;

    align-items: center;

}



/* LOGO */

#Header .logo {

    white-space: nowrap;

    display: inline-flex;

    align-items: center;

    height: 68px;

    position: absolute;

    z-index: 2;

    top: 0;

    left: 30px;

}



#Header .logo img {

    vertical-align: middle;

    max-width: 100%;

}



/* STICKY HEADER */

#Header.header-fixed {

    height: 60px;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

}



#Header.header-fixed .mainmenu {

    top: 10px;

}



#Header.header-fixed .search-form {

    display: none;

}



#Header.header-fixed .logo {

    height: 60px;

    top: 0;

}



#Header.header-fixed .logo img {

    height: 40px;

}



/* MAINMENU */

.mainmenu {

    margin: 0;

    position: absolute;

    z-index: 10;

    top: 0;

    right: 15px;

    width: auto;

}



.mainmenu .pclose {

    display: none;

}



.mainmenu ul {

    margin: 0;

}



.mainmenu li {

    margin: 0 0 0 4px;

}



.mainmenu a {

    -webkit-transition: color .3s ease;

    transition: color .3s ease;

}



.mainmenu ul > li > a {

    padding: 0 10px;

    line-height: 68px;

}



.mainmenu a img {

    vertical-align: middle;

    display: inline-block;

    margin: 0;

}



.mainmenu ul > li > a:hover,

.mainmenu .dropdown-menu > li > a:hover,

.mainmenu ul > li > a:focus,

.mainmenu ul > li > a:active {

    background-color: transparent;

}



/* DROPDOWN */

.dropdown-menu {

    border: 0;

    border-radius: 6px;

    box-shadow: 0 4px 20px rgba(0,0,0,0.15);

    padding: 10px 0;

}



.dropdown .dropdown-menu > li {

    margin: 4px 12px;

}



.mainmenu ul.dropdown-menu > li > a,

.mainmenu .dropdown-menu .dropdown-item {

    color: #fff;

    line-height: 28px;

    border-radius: 4px;

    padding: 4px 12px;

}



.mainmenu .dropdown-menu .dropdown-item:hover {

    background-color: rgba(255,255,255,0.15);

    color: #fff;

}



/* NAVBAR TOGGLER */

.navbar-toggler {

    border: none;

    padding: 4px 8px;

    margin-left: auto;

}



.navbar-toggler:focus {

    box-shadow: none;

}



/* HOVER DROPDOWN (desktop) */

@media (min-width: 1001px) {

    .mainmenu .nav-item.dropdown:hover > .dropdown-menu {

        display: block;

        margin-top: 0;

    }

}



/* MOBILE */

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



    .mainmenu {

        position: relative;

        top: 0;

        right: 0;

        width: 100%;

    }



    .mainmenu .navbar-collapse {

        position: fixed;

        right: 0;

        top: 0;

        width: 100%;

        height: 100vh !important;

        padding: 80px 40px 20px;

        z-index: 19;

        overflow-y: auto;

        font-size: 18px;

        line-height: 24px;

    }



    .mainmenu .pclose {

        display: block;

        position: absolute;

        top: 30px;

        right: 40px;

    }



    .mainmenu .navbar-nav {

        width: 100%;

        margin: 0;

    }



    .mainmenu ul > li.current-menu-item > a {

        color: #3a7dda;

    }



    .mainmenu .navbar-nav li {

        margin: 0 10px;

    }



    .mainmenu ul > li > a {

        color: #ccc;

        line-height: 48px;

    }



    .dropdown .dropdown-menu > li {

        font-size: 16px;

    }



    .dropdown .dropdown-menu {

        position: relative;

        background-color: transparent;

        border: none;

        box-shadow: none;

        padding: 0;

    }



    .mainmenu ul.dropdown-menu > li > a,

    .mainmenu .dropdown-menu .dropdown-item {

        color: #808080;

        padding-left: 0;

    }

}



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

    .mainmenu .navbar-collapse {

        font-size: 14px;

    }

}



/* PCLOSE BUTTON */

.pclose {

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAA0CAMAAAC5Djg0AAAANlBMVEXnVD3////////nVD3nVD3////nVD3////nVD3////nVD3////nVD3////nVD3////nVD3///8pNsb1AAAAEHRSTlMAABUVFhbDw8vLzMzT09TUnml0ZQAAALFJREFUeF7F0csOhCAQRNEGfD5G4f9/dtB0ck2hi1lNrchZdFKUjXMMkjiPtpZDPB5ltf4QjydYwNFgAUcr42hlHK2Moxe792hlHK2Mo3D8lPJpOJ5HcEP7iNu9BW5owIOhUh7FDb27uYq/jPY2sZDnH/xbhikppWmwJe/iac+Ldbt4usBd1b1RHBVHcVX3zlXdVR0lact5azhdR3C0S+7a2F0UR9vn41ehOCr+PNrLxF9RaBE9mVWlQwAAAABJRU5ErkJggg==') 0 0 no-repeat;

    width: 22px;

    height: 22px;

    transition: opacity 0.3s ease;

    position: absolute;

    top: 30px;

    right: 40px;

    display: block;

    opacity: .3;

    border: 0;

    z-index: 10;

    cursor: pointer;

}



.pclose:hover {

    background-position: 0 100%;

    opacity: 1;

}
/* =====================

   MASS SLIDER

   ===================== */



.mass-slider-wrapper {

    max-width: 1320px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}



.mass-slider .item {

    position: relative;

    height: 675px;

    overflow: hidden;



}



/* ── ARKA PLAN: Sağa hizalı fotoğraf, sol kenarda eğik maske ── */

.slide-bg{

    position: absolute;

    right: 0;

    top: 0;

    width: 92%;

    height: 100%;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    clip-path: polygon(32% 0%,100% 0%,100% 100%,0% 100%);



}



/* ── MAVİ EĞİK ŞEKIL ── */

.slide-shape {

    position: absolute;

    left: 5px;

    transform: skewX(-29deg) translate(-60%, -50%);

    top: 50%;

    width: 20%;

    height: 85%;

    background: #000871;

    transform-origin: bottom left;

    z-index: 1;

    opacity: 1;

    clip-path: none;

}



/* ── SOL: Beyaz kart ── */

.slide-content {

    position: absolute;

    left: 0;

    padding-left: 30px;

    top: 0;

    width: 30%;

    height: 100%;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 16px;

}



.slide-card {

    background: #fff;

    border-radius: 4px;

    padding: 40px 44px;

    max-width: 400px;

	min-height: 340px;

    width: 100%;

    box-shadow: 0 8px 10px rgba(0, 0, 0, .15);

	text-align: center;

	display: flex;

    flex-direction: column;

    align-items: center;

}



/* Kart içi stiller */

.slide-card .slide-label,

.slide-card p.label {

    font-family: 'Inter', sans-serif;

    font-size: 10px;

    font-weight: 900;

    color: #000000;

    text-transform: uppercase;

    letter-spacing: 1.2px;

    margin: 0 0 12px 0;

    display: block;

}



.slide-card h2,

.slide-card .slide-title {

    font-family: 'Inter', sans-serif;

    font-size: 24px;

    font-weight: 200;

    color: #000000;

    line-height: 1.25;

    margin: 0 0 28px 0;

	align-self: center;

    width: 100%;

	margin-top: auto;

    margin-bottom: auto;

}



.slide-card h3,

.slide-card .slide-subtitle {

    font-family: 'Inter', sans-serif;

    font-size: 15px;

    font-weight: 400;

    color: #666;

    line-height: 1.6;

    margin: 0 0 24px 0;

}

.slide-card .boxNo4 {

    margin-top: auto;

    width: 100%;

    text-align: center;

}

.slide-card a.btn-slide,

.slide-card .boxNo4 a {

    font-family: 'Inter', sans-serif;

    font-size: 13px;

    font-weight: 600;

    padding: 13px 28px;

    border-radius: 4px !important;

    text-decoration: none !important;

    letter-spacing: 0.5px;

    text-transform: uppercase;

	background: #f39c12;

    color: #252729 !important;

    transition: background 0.2s ease, color 0.2s ease;

	display: inline-block;

}



.slide-card a.btn-slide:hover,

.slide-card .boxNo4 a:hover {

    background: #000000 !important;

    color: #f39c12 !important;

}



/* ── OWL CAROUSEL OKLARI ── */

.mass-slider .owl-controls {

    position: absolute;

    bottom: auto;

    top: 83%;

    left: 15px;

    width: 30%;

    transform: translateY(-50%);

    z-index: 10;

    margin: 0;

    display: flex;

    justify-content: center;

}



.mass-slider .owl-buttons {

    /* box-shadow: 0 2px 8px rgba(0,0,0,.12); */

	display: flex;

    gap: 0;

    align-items: center;

    background: transparent;

    border-radius: 0;

    padding: 0;

    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;	

}



.mass-slider .owl-buttons div {

    position: relative !important;

    width: 44px !important;

    height: 44px !important;

    background: #ffffff !important;

    color: #f39c12 !important;

    border-radius: 0 !important;

    font-size: 22px !important;

    line-height: 44px !important;

    text-align: center;

    top: auto !important;

    bottom: auto !important;

    left: auto !important;

    right: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    opacity: 1 !important;

    display: inline-block !important;

    transition: all 0.2s;

	

}



.mass-slider .owl-buttons div:hover {

    background: #f39c12 !important;

    color: #000000 !important;

}

.mass-slider .owl-buttons .owl-prev {

    border-radius: 4px 0 0 4px !important;

}



.mass-slider .owl-buttons .owl-next {

    border-radius: 0 4px 4px 0 !important;

}

#Row4084{

	background-color:#f5f5f5;

}

.mass-slider .owl-controls {

    display: none !important;

}

.slide-nav {

    display: flex;

    gap: 0;

    margin-top: 20px;

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

    width: fit-content;

}



.slide-prev,

.slide-next {

    width: 44px;

    height: 44px;

    background: #ffffff;

    color: #f39c12;

    border: none;

    font-size: 16px;

    cursor: pointer;

    transition: all 0.2s;

    display: flex;

    align-items: center;

    justify-content: center;

}



.slide-prev {

    border-radius: 4px 0 0 4px;

}



.slide-next {

    border-radius: 0 4px 4px 0;

}



.slide-prev:hover,

.slide-next:hover {

    background: #f39c12;

    color: #000000;

}



/* ── MOBİL ── */

@media (max-width: 992px) {

    .mass-slider .item {

        height: auto;

        min-height: 0;

        overflow: visible;

    }

	 .mass-slider-wrapper {

        margin-top: 0;

    }



    .slide-bg {

        position: static;

        width: 100%;

        height: 350px;

        clip-path: none;
		background-position: right center;

    }



    .slide-shape {

        display: none;

    }



    .slide-content {

        position: static;

        width: 100%;

        height: auto;

        padding: 0 50px 25px 50px;

        justify-content: center;

		gap:0;

		margin-top:-80px;

    }



    .slide-card {

        max-width: 100%;

        background: #ffffff;

		min-height: 240px;

    }



    .slide-card h2 {

        font-size: 24px;

    }



    .mass-slider .owl-controls {

        left: 20px;

        bottom: 20px;

    }

	.slide-nav {

        order: -1;

        margin-top: 0;

        margin-bottom: 0;

		align-self: flex-end;

    }

	.slide-prev, .slide-next {

    

    background: #000871;

   

}

	.mass-slider {

    overflow: hidden;

}
	.kategori-slider .owl-controls {
        width: 100% !important;
        left: 0 !important;
    }



}



@media (max-width: 576px) {

    .slide-bg {

        height: 350px;

		background-position: right center;
    }



    .slide-card {

        padding: 28px 24px;

    }

}



/* =====================

   ESKİ SLIDER STİLLERİ

   ===================== */

.slideContainer2 img { margin: 0 auto; }

.slideContainer2 .boxNo1 { font-size: 20px; font-weight: 400; line-height: 28px; }

.slideContainer2 .boxNo2 { font-size: 32px; font-weight: 400; padding: 6px 0; line-height: 44px; }

.slideContainer2 .boxNo3 { font-size: 15px; font-weight: 400; margin-bottom: 10px; }

.slideContainer2 .boxNo4 a { font-weight: 400; display: inline-block; margin-right: 30px; padding: 10px 20px; text-decoration: none; }

.slideContainer2 .captions { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 150px; }

.slideContainer2 .item { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #efefef; position: relative; }

.slideContainer2, .slideContainer2 .item { height: 400px; }

.full-width .slideContainer2 .item, .full-width .slideContainer2 { height: 500px; }

.slideContainer2 .item > a { display: block; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; }

.slideContainer2 .detail { position: absolute; z-index: 2; left: 0; width: 100%; height: 100%; overflow: hidden; }

.slide .owl-pagination { position: absolute; z-index: 1; bottom: 20px; right: 15%; display: none; }

.text { line-height: 17px; }

.text-md { font-size: 24px; font-weight: 400; }

.text-lg { font-size: 42px; line-height: 48px; font-weight: 400; }

.text-sm { color: #fff; line-height: 22px; font-size: 14px; }

@media (max-width: 768px) {

    .slide .owl-buttons { display: none !important; }

    .slideContainer1, .slideContainer1 .item { height: 400px !important; }

    .slideContainer1 .detail h2 { font-size: 24px; }

    .text-md { font-size: 18px; line-height: 18px; }

    .text-lg { font-size: 32px; line-height: 32px; }

    .text-sm { display: none; }

}

@media (max-width: 540px) {

    .text-md { font-size: 14px; line-height: 14px; }

    .text-lg { font-size: 18px; line-height: 20px; }

}


/*.contentList img {

display:none;

}*/





.pageImage {

    margin:0 auto;

}



.contentList h3 {

    margin: 0.50em 0 0.50em 0;

}



    .contentList h3, .contentList h3 a {

        font-size: 16px;

    }





.sharedRightRow .contentList h3, 

.sharedRightRow .contentList h3 a, 

.contentList .item.singleRow h3, 

.contentList .item.singleRow h3 a{

    font-size: 14px;

}









.contentList .item {

    margin-bottom: 30px;

}



    .contentList .item.singleRow {

        margin-bottom: 10px;

    }



        /*.contentList .item.singleRow a::before {

            margin-bottom: 10px;

            content: "\203A";

            font-size: 20px;

            padding-right: 5px;

        }*/

.contentList .thumb a {

    width: 100% !important;

    height: 100%;

    display: block;

    overflow: hidden;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}





.contentList .thumb img {



}







.contentList .owl-item > div {

    width: 100%;

    display: block;

}





.item.active a {

    color: #666;

    font-weight: 600;

}



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

/*VIEW DEFAULTS*/

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





.contentListView3 h3,

.contentListView5 h3 {

    display: none;

}





.contentListView4 .thumb,

.contentListView5 .thumb {

    display: none;

}



.contentListView6 .thumb,

.contentListView9 .thumb {

    display: block;

    float: left;

    margin-right: 20px;

    width: 140px;

}





.with3Column .contentListView6 .thumb,

.with3Column .contentListView9 .thumb {

    width: 150px;

}



.with4Column .contentListView6 .thumb,

.with4Column .contentListView9 .thumb {

    display: block;

    float: none;

    width: 100%;

    margin: 0 0 0.7em 0;

}











.contentListView9 h3 {

    margin-top: 0;

}



.contentListView2 .detailShort,

.contentListView3 .detailShort,

.contentListView4 .detailShort,

.contentListView8 .detailShort {

    display: none;

}



.contentListView6 p,

.contentListView9 p {

    padding-top: 0;

    margin: 0;

}



.contentListView1 .thumb {

    margin-bottom: 5px;

}







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

/* OWL CAROUSEL */

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



.contentList .owl-controls{

    position: absolute;

    z-index: 1;

    margin: auto;

    bottom: -40px;

    left:0;

    right:0;



}



.contentList .owl-pagination {

    position: absolute;

    z-index: 1;

    top: 8px;

    right: 105px;

}









.contentList .owl-buttons div {



    width: 36px;

    height: 36px;

    margin: 0 0 0 0;

    font-size:28px !important;

    line-height:30px;

    text-align: center;

    padding: 0 !important;

    font-weight:300;

}













.contentList .owl-buttons .owl-prev {

    -moz-border-radius: 50% 0 0 50% !important;

    -webkit-border-radius: 50% 0 0 50% !important;

    border-radius: 50% 0 0 50% !important;

    margin-right: 1px;

}



.contentList .owl-pagination span {

    margin-right: 0 !important;

}



.contentList .owl-buttons .owl-next {

    -moz-border-radius: 0 50% 50% 0 !important;

    -webkit-border-radius: 0 50% 50% 0 !important;

    border-radius: 0 50% 50% 0 !important;

}





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

/*RESPONSIVE*/

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



/* Small devices (tablets, 768px and up) */

@media (max-width: 992px) {



    .contentList .owl-pagination {

        display: none;

    }





    .with2Column .contentListView6 .thumb,

    .with2Column .contentListView9 .thumb {

        width: 150px;

    }

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {

}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

}





/* Large devices (large desktops, 1200px and up) */

@media (max-width: 480px) {

    .contentListView6 .thumb,

    .contentListView9 .thumb {

        width: 100% !important;

        display: block;

        float: none;

        margin: 0 0 0.7em 0;

    }

}








    .photoGalleryItem .thumb a {

        width: 100% !important;

        height: 100%;

        display: block;

        overflow: hidden;

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center center;

    }



.photoGalleryType6 .thumb img,

.photoGalleryType8 .thumb img,

.photoGalleryType4 .thumb img,

.photoGalleryType2 .thumb img {

    display: none !important;

}



.photoGalleryType1 {

    padding-left: 15px;

}



    .photoGalleryType1 .photoGalleryItem {

        clear: none !important;

        float: left !important;

        width: auto;

        padding-left: 0;

    }



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

/*RESPONSIVE*/

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





/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 992px) {

}





@media (max-width:768px) {





    .photoGallery .owl-pagination {

        display: none;

    }

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {

}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

}





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

/* OWL CAROUSEL */

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



.owl-carousel .photoGalleryItem {

    width: 100%;

    display: block;

}







.photoGallery .owl-buttons div {

    position: absolute !important;

    z-index: 1;

    width: 26px;

    height: 26px;

    margin: auto !important;

    font-size: 20px !important;

    line-height: 24px;

    text-align: center;

    padding: 0 !important;

    top: -50px;

    border-radius: 0 !important;

}



.photoGallery .owl-buttons .owl-prev {

    right: 45px;

}





.photoGalleryContainer .owl-pagination {

    position: absolute;

    z-index: 1;

    top: -48px;

    right: 80px;

}



.photoGallery .owl-pagination span {

    margin-right: 0 !important;

}



.photoGallery .owl-buttons .owl-next {

    right: 15px;

}







.with4Column .photoGallery .owl-pagination {

    display: none;

}


.fileSize {

    color: #999;

    font-size: 85%;

}



.documentItem {

    margin-bottom: 30px;

}



    .documentItem > div {

        padding: 10px;

        background: #f0f0f0;

        min-height: 90px;

    }



    .documentItem h4 {

        margin: 0 0 0 0;

    }



    .documentItem p {

        padding: 0;

        margin-top: 0.5em;

    }



    .documentItem:hover {

        background: #e0e0e0;

    }

        .documentItem>div:hover {

        background: #efefef;

    }

.docIcon {

    display:none;

    float: left;

    margin-right: 10px;

    width: 64px;

    height: 64px;

    display: block;

    overflow: hidden;

    text-indent: 64px;

    white-space: nowrap;

    background: #d0d0d0 url(/Content/Themes/Theme10/Img/DocIcons.png) no-repeat 0 0;

}



    .docIcon.icon-png,

    .docIcon.icon-jpg,

    .docIcon.icon-jpeg,

    .docIcon.icon-tif,

    .docIcon.icon-gif {

        background-position: 0 -192px;

    }



    .docIcon.icon-doc,

    .docIcon.icon-docx {

        background-position: 0 -64px;

    }



    .docIcon.icon-avi,

    .docIcon.icon-mp4 {

        background-position: 0 -128px;

    }



    .docIcon.icon-mp3,

    .docIcon.icon-wav {

        background-position: 0 -256px;

    }



    .docIcon.icon-xls,

    .docIcon.icon-xlsx {

        background-position: 0 -320px;

    }



    .docIcon.icon-pdf {

        background-position: 0 -384px;

    }



    .docIcon.icon-zip,

    .docIcon.icon-rar {

        background-position: 0 -448px;

    }







/* Small devices (tablets, 768px and up) */

@media (max-width:768px) {

}





/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 992px) {



}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {





}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {



}









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

/* OWL CAROUSEL */

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



.owl-carousel .documentItem {

    width: 100%;

    display: block;

}





.documentType5 .owl-item {

    width: auto !important;

}



.document .owl-buttons div {

    position: absolute !important;

    z-index: 1;

    width: 26px;

    height: 26px;

    margin: auto !important;

    font: 20px/24px arial !important;

    text-align: center;

    padding: 0 !important;

    top: -50px;

    border-radius: 0 !important;

}



.document .owl-buttons .owl-prev {

    right: 45px;

}



.documentContainer .owl-pagination {

    position: absolute;

    z-index: 1;

    top: -48px;

    right: 80px;

}



.document .owl-pagination span {

    margin-right: 0 !important;

}



.document .owl-buttons .owl-next {

    right: 15px;

}
input, textarea, select,.form-control,.btn.active, .btn:active {

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

        -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.formContainer {

    position:relative;

}



.formClose{

    display:none;

}



/***

Forms

***/

/* Input placeholder font color */

::-moz-placeholder {

  color: #c0c0c0 ;

  font-weight:400;

  opacity: 1;

}

:-ms-input-placeholder {

  color: #c0c0c0 ;

  font-weight:400;

}

::-webkit-input-placeholder {

  color: #c0c0c0 ;

  font-weight:400;

}



.form-control {

font-size:13px;



}



textarea {

    min-height: 100px;

}



form label.error {

    color: #c10000;

    text-align: right;

    font-size: 90%;

    padding-top: 8px;

}



.form-actions {

    /*padding: 15px;*/

}





.input-validation-error {

    border: 1px solid #c10000 !important;

}



.field-validation-error {

    color: #c10000;

    display: block;

    text-align: right;

    padding-top: 8px;

}



.validation-summary-errors {

    padding: 20px;

    background-color: #fdf7f7;

    border-left: 3px solid #d9534f;

    margin-bottom: 20px;

    color: #d9534f;

}





label {

    font-weight: normal;

}



    label.required:after {

        content: " *";

        color: #ff6600;

    }







/*EMAIL LIST ADDER*/

.emailListWrapper label {

    display: none;

}


    .videoItem .thumb{



position:relative;

    }



    .videoItem .thumb a {

        width: 100%;

        height: 100%;

        display: block;

        max-height: 200px;

        overflow: hidden;

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center center;

    }



.videoItem .thumb img {

    display: none !important;

}



.videoItem span {

    display: block;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    opacity: 0.6;

    font-size: 60px;

    color: #fff;

    width: 60px;

    height: 60px;

    line-height: 60px;

}



    .videoItem span:hover {

        opacity: 0.8;

    }









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

/*RESPONSIVE*/

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





/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 992px) {



}



/* Small devices (tablets, 768px and up) */

@media (max-width:768px) {

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {



}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {



}









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

/* OWL CAROUSEL */

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



.owl-carousel .videoItem {

    width: 100%;

    display: block;

}



.video .owl-buttons div {

    position: absolute !important;

    z-index: 1;

    width: 26px;

    height: 26px;

    margin: auto !important;

    font: 20px/24px arial !important;

    text-align: center;

    padding: 0 !important;

    top: -50px;

    border-radius: 0 !important;

}



.video .owl-buttons .owl-prev {

    right: 45px;

}



.videoContainer .owl-pagination {

    position: absolute;

    z-index: 1;

    top: -48px;

    right: 80px;

}



.video .owl-pagination span {

    margin-right: 0 !important;

}



.video .owl-buttons .owl-next {

    right: 15px;

}





.with4Column .video .owl-pagination {

    display: none;

}













/*.video li {display:inline-block;margin: 0 20px 20px 0;width:208px; vertical-align:top;}





.video .img {padding:3px;border:1px solid #e0e0e0;}



.video .title {margin-top:2px;background:#efefef;padding:5px 10px;}











.video img {

   position: absolute;

   left: 50%;

   top: 50%;

   -webkit-transform: translateY(-50%) translateX(-50%);

   transform: translateY(-50%) translateX(-50%);

   -moz-transform: translateY(-50%) translateX(-50%);

}*/






.tag ul{

    list-style-type:none;

    padding:0;

    margin:0;

}



.tag li{

   display:inline-block;

}





.tag li a{



font-size:90% !important;

padding:5px 7px;

}




#Search ul{

    list-style-type:none;

    padding:0;

    margin:0;

}







#Search h3{

    margin-bottom:0.5em;

}



#Search  li{

    margin-bottom:50px;

}

#Search  li a{

text-decoration:none;

}



#Search p{

padding:0;

margin:0;

}


.pageMenuContainer {

    padding: 15px 15px 50px 15px;

    border-radius:0 80px 0 0;

}



    .pageMenuContainer a {

        text-decoration: none;

    }



    .pageMenuContainer h2,

    .pageMenuContainer h2 a {

        border: 0;

    }









    .pageMenuContainer ul {

        list-style-type: none;

        padding: 0;

        margin: 0;

    }



    .pageMenuContainer li {

        margin: 0 0 15px 0;

    }



    .pageMenuContainer i {

        font-size: 8px;

        margin: 0 3px 0 0;

    }



    .pageMenuContainer li a {

        font-weight:400;



    }





    .pageMenuContainer li ul {

        padding:10px 0 20px 13px;



    }
/*link*/

a {

    color: #f39c12;

}



    a:hover {

        color: #333;

    }



.slideContainer1 .defaultContainerInFullWidth .container > div:first-child, .slideContainer1 .defaultContainer > div {

    background: rgba(255, 255, 255, 0.80);

    padding: 20px;

}





.slideContainer1 .detail h2, .slideContainer1 .detail h3, .slideContainer1 .detail p {

    color: #666;

}



.text {

    color: #666;

}



/*.thumb:hover,

.thumb:focus,

.thumb.active {

    border-color: #f39c12;

}*/



/*pageTitle*/







.pageTitle h1 {

    color: #666;

}



/*breadcrumb*/

.breadcrumb a, .breadcrumb .active {

    color: #e0e0e0;

}



.breadcrumb {

    color: #fff;

}



blockquote {

    background: url(/Content/Themes/Theme10/Img/quote-blue.png) no-repeat 20px 0;

}





.sharedRightRow {

    background: #fafbfb;

}



/*social*/

.mainmenu .social li a {

    color: #b0b0b0 !important;

    background: #fff;

}



/*LanguageBar*/

#LanguageBar > a {

    color: #b0b0b0;

}



/*mainmenu*/

.mainmenu .search-form .btn.submit > i {

    color: #999;

}



.mainmenu .search-form .btn.submit:hover > i {

    color: #d0000e;

}



.mainmenu ul > li > a:hover,

.mainmenu .dropdown-menu > li > a:hover,

.mainmenu ul > li > a:focus,

.mainmenu ul > li > a:active {

    color: #000871 !important;

    background-color: transparent;

}



.mainmenu ul > li > a {

    color: #fff;

}



.dropdown .dropdown-menu {

    background-color: #666;

}





.navbar-toggle .icon-bar {

    background-color: #333;

}





.navbar-toggle:hover .icon-bar {

    background-color: #FF9933;

}









/*Footer*/

#Footer {

    background-color: #f2f2f2;

    color: #fff;

}



    #Footer h3 {

        color: #333;

    }



    #Footer p {

        color: #555;

    }



    #Footer a {

        color: #444;

    }



        #Footer a:hover {

            color: #000;

        }





/*pagination*/



.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

    background-color: #d0000e;

    border-color: rgba(30, 189, 198, 0.70);

}





.pagination > li > a,

.pagination > li > span {

    color: #d0000e;

}



/*carousel*/

.owl-theme .owl-controls .owl-buttons div {

    background: #666;

}



.owl-theme .owl-controls .owl-page span {

    background-color: #666;

}



    .owl-theme .owl-controls .owl-page span.owl-numbers {

        color: #FFF;

    }



/*menu*/

.mainmenu ul ul li.current-menu-item > a {

    color: #333 !important;

    border: 0;

}



.mainmenu ul > li.current-menu-item > a {

    color: #333 !important;

}

/*pageMenu*/

.pageMenuContainer {

    background: #fafafa;

}



    .pageMenuContainer h2,

    .pageMenuContainer h2 a {

        color: #c0c0c0;

    }





        .pageMenuContainer h2 a:hover {

            color: #333;

        }



    .pageMenuContainer i {

        color: #888;

    }





    .pageMenuContainer li a {

        color: #888;

    }





        .pageMenuContainer li a:hover i,

        .pageMenuContainer li a:hover {

            color: #000;

        }





    .pageMenuContainer li.active > i,

    .pageMenuContainer li.active > a {

        color: #d0000e;

    }





.vegas-overlay {

    background: transparent url(/Content/Themes/Base/Img/overlays/06.png);

    opacity: 0.8;

}









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



    #LanguageBar ul {

        background: #222;

    }





        #LanguageBar ul a {

            color: #999;

        }



    .mainmenu .navbar-collapse {

        background-color: #262626;

        color: #808080;

    }



    .mainmenu ul > li > a {

        color: #ccc;

    }





    .navbar-nav .open .dropdown-menu > li > a,

    .mainmenu ul.dropdown-menu > li > a {

        color: #808080;

    }

}


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

/* GET IN TOUCH **  */

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



.getInTouch{

padding:36px;

}



.getInTouch p{

    font-size:22px;

    padding-top:12px;

    font-weight:400;

}



.getInTouch a{

display:inline-block;

padding:10px 0;

border:4px solid #f9f9f9;

white-space:nowrap;

width:100%;

text-align:center;

text-decoration:none;

color:#fff;

}



.getInTouch a:hover{

background:#111;

color:#fff;

}
/***

Login page

***/

/* logo page */





        .login  h3 {

            color: #000;

        }



        .login  h4 {

            color: #555;

        }



        .login  p {

            color: #222;

        }



        .login  .login-form,

        .login  .forget-form {

            padding: 0;

            margin: 0;

        }



        .login  .input-icon {

            border-left: 2px solid #4b8df8 !important;

        }



            .login  .input-icon .form-control {

                border-left: 0;

            }



        .login  .forget-form {

            display: none;

        }



        .login  .register-form {

            display: none;

        }



        .login  .form-title {

            font-weight: 300;

            margin-bottom: 25px;

        }



        .login  .form-actions {

            clear: both;

            border: 0;

            /*border-bottom: 1px solid #eee;*/

            /*padding: 0px 30px 25px 30px;*/

            /*margin-left: -30px;

            margin-right: -30px;*/

        }



            .login  .form-actions .checkbox {

                margin-left: 30px;

                padding-left: 0;

                            margin-top: 8px;

            display: inline-block;

            }



        .login  .forget-form .form-actions {

            border: 0;

            margin-bottom: 0;

            padding-bottom: 20px;

        }



        .login  .register-form .form-actions {

            border: 0;

            margin-bottom: 0;

            padding-bottom: 0;

        }



        .login  .form-actions .btn {

            margin-top: 1px;

        }



        .login  .forget-password {

            margin-top: 25px;

        }



        .login  .create-account {

            border-top: 1px dotted #eee;

            padding-top: 10px;

            margin-top: 15px;

        }



            .login  .create-account a {

                display: inline-block;

                margin-top: 5px;

            }



        /* select2 dropdowns */

        .login  .select2-container {

            border-left: 2px solid #4b8df8 !important;

        }



            .login  .select2-container .select2-choice {

                border-left: none !important;

            }



            .login  .select2-container i {

                display: inline-block;

                position: relative;

                color: #ccc;

                z-index: 1;

                top: 1px;

                margin: 4px 4px 0px -1px;

                width: 16px;

                height: 16px;

                font-size: 16px;

                text-align: center;

            }



        .login  .has-error .select2-container i {

            color: #b94a48;

        }



        .login  .select2-container a span {

            font-size: 13px;

        }



            .login  .select2-container a span img {

                margin-left: 4px;

            }





@media (max-width: 480px) {

    /***

  Login page

  ***/







        .login  h3 {

            font-size: 22px;

        }



    .login .checkbox {

        font-size: 13px;

    }

}





.login .input-validation-error {

    border: 1px solid #4b8df8;

    border-left: none;

}



.login .field-validation-error {

    color: #a94442;

    display: block;

    padding: 5px;

}









#Loading {

    display: none;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 999;

    Top: 0;

    left: 0;

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAgMAAABGXkYxAAAADFBMVEWGhoaNjY2Ojo6VlZUo2F7xAAAABHRSTlMlJSUluQ65PQAAAGhJREFUeF7VzLENhCAAQNEPCTHBmtqexhWIE1AQixvBygkMDmFPcwnX3QLuwAgMYWEpa9i88lHZ6CorWXyiycJj1ZSCVQ598PMN5MXoGoibITZQC3NqYPTus9GRIL/OBpkonPSF/xvnB2eRRzK0krqJAAAAAElFTkSuQmCC') /*/Content/Themes/Admin/Img/overlay.png*/;

}



    #Loading #Anim {

        background: url(/Content/Themes/Admin/Img/loading.gif) center no-repeat;

        width: 100%;

        height: 100%;

        position: absolute;

        z-index: 1;

        Top: 0;

        left: 0;

    }







#PageMyAccount .tabbable {

    background: #efefef;

    padding: 20px 20px;

}



    #PageMyAccount .tabbable .nav-tabs > li > a {

        -moz-border-radius: 0 !important;

        -webkit-border-radius: 0 !important;

        border-radius: 0 !important;

    }





    /***

Profile Page

***/





.profileImage {

    background: no-repeat center center;

    width: 224px;

    height: 224px;

}



.profile-classic .profile-image img {

    margin-bottom: 15px;

}




html, body, #Container {

    height: 100%;

    font-weight: 300;

    font-size: 15px;

    font-family: 'Inter', sans-serif;

}



/* =====================

   HEADER - SABİT, İKİ KATLI

   ===================== */

#Header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1000;

    background: #ffffff;

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

    overflow: visible;

}



/* ÜST SATIR */

#HeaderTop {

    background: #252668;

    border-bottom: 1px solid #1f1f1f;

    overflow: hidden;

    transition: max-height 0.5s ease, opacity 0.3s ease;

}



#HeaderTop.hidden {

    max-height: 0 !important;

    opacity: 0 !important;

    border: none !important;

}



#HeaderTop .container {

    height: 42px;

    display: flex;

    align-items: center;

}



.header-top-inner {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 20px;

    width: 100%;

}



/* Arama */

.header-search {

    display: flex;

    align-items: center;

}



.header-search .input-group {

    display: flex;

    align-items: center;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    overflow: hidden;

    height: 28px;

}



.header-search .form-control {

    border: none;

    height: 28px;

    font-size: 12px;

    padding: 0 10px;

    width: 180px;

    background: transparent;

    box-shadow: none;

    outline: none;

}



.header-search .form-control:focus {

    box-shadow: none;

    border: none;

}



.header-search .form-control::placeholder {

    color: #f39c12;

}



.btn-search {

    background: none;

    border: none;

    padding: 0 10px;

    color: #f39c12;

    font-size: 12px;

    cursor: pointer;

    height: 28px;

    display: flex;

    align-items: center;

}



/* Telefon & Mail */

.header-contacts {

    display: flex;

    align-items: center;

    gap: 16px;

}



.header-contacts a {

    color: #f39c12;

    font-size: 12px;

    text-decoration: none;

    display: flex;

    align-items: center;

    gap: 5px;

    white-space: nowrap;

}



.header-contacts a i {

    color: #f39c12;

    font-size: 12px;

}



.header-contacts a:hover {

    color: #fff;

}



/* Sosyal + Dil */

.header-social-lang {

    display: flex;

    align-items: center;

    gap: 4px;

}



.header-social {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    align-items: center;

}



.header-social li a {

    color: #888;

    font-size: 14px;

    padding: 0 6px;

    text-decoration: none;

    display: flex;

    align-items: center;

    height: 42px;

}



.header-social li a:hover {

    color: #fff;

}



/* Dil seçici */

.header-lang .dropdown-toggle {

    color: #555;

    font-size: 12px;

    text-decoration: none;

    display: none;

    align-items: center;

    gap: 4px;

    padding: 0 6px;

    height: 42px;

}



/*.header-lang .dropdown-toggle:hover {

    color: #d0000e;

}*/



.header-lang .dropdown-toggle img {

    width: 16px;

    height: auto;

}



.header-lang .dropdown-menu {

    font-size: 12px;

    min-width: 120px;

}



/* ALT SATIR */

#HeaderBottom {

    background: #ffffff;

    border-bottom: 3px solid #112858;

}



#HeaderBottom .container {

    height: 70px;

    display: flex;

    align-items: center;

}



.header-bottom-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

}



/* Logo */

#Header .logo {

    display: inline-flex;

    align-items: center;

    height: 70px;

    padding: 10px 0;

    text-decoration: none;

    flex-shrink: 0;

}



#Header .logo img {

    height: 46px;

    width: auto;

}



/* Ana Menü */

.mainmenu {

    margin: 0;

    padding: 0;

}



.navbar {

    border: none;

    padding: 0;

    background: transparent;

}



#HomepageLink,

.mainmenu .nav-link,

ul.nav > li > a {

    text-transform: uppercase;

}



.mainmenu .nav-link,

ul.nav > li > a {

    font-family: 'Inter', sans-serif;

    color: #000871;

    font-weight: 600;

}



.mainmenu .nav-link:hover,

.mainmenu .nav-item.active > .nav-link,

.navbar-nav .nav-link.active,

.navbar-nav .nav-link.show {

    color: #f39c12 !important;

}



/* Dropdown */

.dropdown-menu {

    border: none;

    border-radius: 4px;

    box-shadow: 0 4px 20px rgba(0,0,0,0.12);

    padding: 8px 0;

   /* background: #d0000e;*/

}



.dropdown .dropdown-menu {

   /* background-color: #d0000e;*/

}



.dropdown .dropdown-menu > li {

    margin: 2px 8px;

}



.mainmenu .dropdown-menu .dropdown-item {

    color: #fff;

    font-size: 13px;

    padding: 6px 12px;

    border-radius: 3px;

}



.mainmenu .dropdown-menu .dropdown-item:hover {

    background: rgba(255,255,255,0.15);

    color: #fff;

}



/* Navbar toggler */

.navbar-toggler {

    border: 1px solid #ddd;

    padding: 4px 8px;

}



.navbar-toggler:focus {

    box-shadow: none;

}



/* TopNav linkleri */

#TopNav a,

.header-contacts a,

.header-social li a,

.header-lang .dropdown-toggle {

    color: #f39c12;

}



#TopNav a i,

.header-contacts a i {

    color: #f39c12;

}



/* İçerik header yüksekliği kadar aşağı it */

#Container {

    padding-top: 142px; /* 42px üst + 70px alt */

}



/* =====================

   SLIDER

   ===================== */

.full-width .slideContainer1 .item,

.full-width .slideContainer1 {

    height: 650px;

}



@media (max-width: 768px) {

    .slideContainer1, .slideContainer1 .item { height: 100% !important; }

}



@media (min-width: 768px) {

    .mainSlide > div, .mainSlide .column, .mainSlide .column > div,

    .mainSlide .slide, .mainSlide .owl-wrapper-outer, .mainSlide .owl-wrapper,

    .mainSlide .owl-item, .mainSlide .item { height: 650px; }

}



.mainSlide .owl-buttons div { background: none !important; width: 70px; height: 70px; font: 90px/76px arial !important; }

.mainSlide .defaultContainerInFullWidth .container > div:first-child { background: none; padding: 20px; }

.mainSlide h2, .mainSlide h3, .mainSlide p, .mainSlide a { color: #fff !important; visibility: hidden; }

.mainSlide .detail img { position: absolute; z-index: -1; bottom: 0; top: 0; margin: auto; right: 20px; height: 500px; visibility: hidden; }

.mainSlide .col-md-9 { width: 100%; height: 500px; }

.mainSlide h2 { font-size: 40px; margin: 0; padding: 0 0 10px 0; font-weight: 900; }

.mainSlide h3 { font-size: 20px; margin: 0; padding: 0 0 20px 0; font-weight: 600; color: #fff !important; }

.mainSlide p { border-left: 3px solid #fff; font-size: 20px; font-family: Georgia, serif; font-weight: 300; font-style: italic; }

.mainSlide p:last-child { border-left: 0; padding-left: 0; }

.mainSlide a { margin-top: 20px; background: #dc140e; padding: 12px 24px; display: inline-block; font-size: 14px; font-weight: 600; text-decoration: none; border-radius: 24px !important; }

.mainSlide a:hover { background: #222; }

.slideContainer1 .defaultContainerInFullWidth { bottom: 0; margin: 0; height: 500px; }

.mainSlide .detail > .container { height: 450px; }



@media (max-width: 992px) {

    .mainSlide .detail img { height: 300px; }

}



@media (max-width: 768px) {

    .mainSlide h2 { font-size: 30px; }

    .mainSlide h3 { font-size: 22px; }

    .mainSlide p { font-size: 16px; }
	.showcase-title {
        font-size: 48px!important;
        overflow-wrap: break-word;
    }
    .showcase-title-wrapper {
        padding: 40px 20px 0;
    }
	.kategori-icon {
		width:125px!important;
		height: 125px!important;
	}
	.kategori-icon img{
		max-height: 75px;
	}
	.kategori-slider .owl-controls{
		top:200px!important;
	}

}



/* =====================

   KATEGORİ SLIDER

   ===================== */

.kategori-section {

    background: #ffffff;

    padding: 10px 0 60px 0;

}



.kategori-section .container {

    position: relative;

}



.kategori-title {

    font-family: 'Inter', sans-serif;

    font-size: 36px;

    font-weight: 200;

    color: #000871;

    margin: 0 0 40px 30px;

    padding-top: 70px;

    text-align: left;

}



.kategori-title strong {

    font-weight: 900;

}



.kategori-item-wrap {

    padding: 10px;

    display: flex;

    justify-content: center;

}



.kategori-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 16px;

    text-decoration: none !important;

    width: 175px;

    transition: all 0.3s ease;

}



.kategori-icon {

    width: 175px;

    height: 175px;

    background: #2d2d2d;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: background 0.3s ease;

}



.kategori-icon img {

    width: 105px;

    height: 94px;

    filter: brightness(0) invert(1);

    object-fit: contain;

}



.kategori-item span {

    font-family: 'Inter', sans-serif;

    font-size: 1rem;

    font-weight: 600;

    color: #333;

    text-align: center;

    line-height: 1.4;

    transition: color 0.3s ease;

}



.kategori-item:hover .kategori-icon {

    background: #000871;

}



.kategori-item:hover span {

    color: #000871;

}



.kategori-item:hover .kategori-icon img {

    filter: brightness(0) saturate(100%) invert(68%) sepia(94%) saturate(400%) hue-rotate(358deg) brightness(100%);

}



/* Slider okları */

.kategori-slider .owl-controls {

    display: block !important;

    position: absolute;

    top: 78px;

    width: calc(100% + 60px);

    left: -30px;

    pointer-events: none;

}



.kategori-slider .owl-buttons {

    display: flex;

    justify-content: space-between;

    pointer-events: none;

}



.kategori-slider .owl-buttons div {

    pointer-events: all;

    position: static !important;

    background: #2d2d2d !important;

    color: #fff !important;

    width: 36px !important;

    height: 36px !important;

    border-radius: 50% !important;

    font-size: 14px !important;

    line-height: 36px !important;

    opacity: 1 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

}



.kategori-slider .owl-buttons div:hover {

    background: #000871 !important;

}



/* =====================

   SHOWCASE

   ===================== */

.griArkafon {

    background: #f5f5f5;

    padding: 120px 0 !important;

    background-color: #f5f5f5;

}



.showcase-title-wrapper {

    width: 100%;

    padding: 60px 30px 0;

    background: #f5f5f5;

}



.showcase-title {

    font-family: 'Inter', sans-serif;

    font-size: 64px;

    font-weight: 300;

    color: #000871;

    line-height: 1.2;

    max-width: 1200px;

    margin: 0;

}



/* =====================

   HAKKIMIZDA BÖLÜMÜ

   ===================== */

.about-section {

    position: relative;

    width: 100%;

    height: 1350px;

    overflow: hidden;

}



.about-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    transform: scale(1);

    transition: transform 8s ease;

    will-change: transform;

}



.about-bg.zoomed {

    transform: scale(1.08);

}



.about-content {

    position: absolute;

    max-width: 640px;

    background: #000871;

    padding: 48px 44px;

    transform: translateX(-100%);

    transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    will-change: transform;

    bottom: 15px;

    left: 30px;

    border-radius: 12px;

}



.about-content.visible {

    transform: translateX(0);

}



.about-title {

    font-family: 'Inter', sans-serif;

    font-size: 48px;

    font-weight: 500;

    color: #ffffff;

    line-height: 1.35;

    margin: 0 0 20px 0;

}



.about-desc {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 200;

    color: #fff;

    line-height: 1.35;

    margin: 0 0 32px 0;

}



.about-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    background: #f39c12;

    color: #ffffff !important;

    font-family: 'Inter', sans-serif;

    font-size: 14px;

    font-weight: 600;

    padding: 14px 28px;

    border-radius: 24px !important;

    text-decoration: none !important;

    transition: all 0.25s ease;

    letter-spacing: 0.5px;

}



.about-btn i {

    font-size: 14px;

    transition: all 0.25s ease;

    opacity: 0;

    transform: translateX(-8px);

}



.about-btn:hover {

    background: #ffffff;

    color: #000871 !important;

}



.about-btn:hover i {

    opacity: 1;

    transform: translateX(0);

}



/* =====================

   BÜLTEN FORMU

   ===================== */

.newsletter-section {

    background: #000871;

    padding: 80px 30px;

    width: 100%;

}



.newsletter-inner {

    max-width: 700px;

    margin: 0 auto;

}



.newsletter-title {

    font-family: 'Inter', sans-serif;

    font-size: 48px;

    font-weight: 500;

    color: #ffffff;

    line-height: 1.3;

    margin: 0 0 80px 0;

    text-align: center;

}



.newsletter-content {

    font-family: 'Inter', sans-serif;

    font-size: 18px;

    font-weight: 100;

    color: #ffffff;

    line-height: 1.3;

    margin: 40px 0;

    text-align: center;

}



.newsletter-field {

    display: flex;

    gap: 0;

    padding-bottom: 20px;

}



.newsletter-input {

    flex: 1;

    height: 52px;

    border-radius: 26px 0 0 26px !important;

    border: none !important;

    padding: 0 24px !important;

    font-size: 15px !important;

    background: #ffffff !important;

}



.newsletter-input:focus {

    outline: none;

    box-shadow: none !important;

}



.newsletter-btn {

    width: 52px;

    height: 52px;

    border-radius: 0 26px 26px 0 !important;

    background: #f39c12;

    border: none;

    color: #ffffff;

    font-size: 20px;

    cursor: pointer;

    transition: background 0.2s;

    display: flex;

    align-items: center;

    justify-content: center;

}



.newsletter-btn:hover {

    background: #ffffff;

    color: #000871;

}



.newsletter-section ~ .clearfix + .form-actions {

    display: none !important;

}



.formField.lastNameField {

    display: none !important;

}



/* =====================

   FOOTER

   ===================== */

#Footer {

    background: #2d2d2d;

    padding: 50px 0 0;

}



#Footer .container {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

}



#Footer .column {

    padding: 0 24px;

}



#Footer .column2,

#Footer .column3, #Footer .column4 {

    margin-top: 60px;

}



#Footer h5 {

    font-family: 'Inter', sans-serif;

    font-size: 13px !important;

    font-weight: 700 !important;

    color: #ffffff !important;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    margin: 0 0 20px 0;

}



#Footer a {

    color: #aaaaaa !important;

    text-decoration: none !important;

    font-size: 14px;

    transition: color 0.2s;

}



#Footer a:hover {

    color: #f39c12 !important;

}



#Footer ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



#Footer ul li {

    margin-bottom: 10px;

}



#Footer p {

    color: #aaaaaa !important;

    font-size: 13px;

    line-height: 1.8;

}



#Footer ul.social {

    display: flex;

    gap: 12px;

    margin-top: 20px;

}



#Footer ul.social li {

    margin: 0;

}



#Footer ul.social a {

    border: none;

    color: #aaaaaa !important;

    font-size: 32px !important;

    transition: all 0.2s;

    background: transparent;

}



#Footer ul.social a i {

    font-size: 24px !important;

    width: 24px !important;

    height: 24px !important;

    display: inline-block;

}



#Footer ul.social a:hover {

    color: #f39c12 !important;

    background: transparent;

}



#Footer .rowWrapper {

    padding-bottom: 0;

}



/* Alt footer */

#Row4094 {

    border-top: 1px solid #3d3d3d;

    margin-top: 40px;

    padding: 20px 0;

}



#Row4094 p {

    font-size: 13px;

    color: #aaa !important;

    margin: 0;

}



#Row4092 {

    padding-top: 120px !important;

    background-color: #f5f5f5;

}



.koyuArkafon {

    background-color: #373737;

    padding-top: 15px;

}



/* =====================

   SAYFA BAŞLIĞI / BREADCRUMB

   ===================== */

.pageTitle {

    background: none;

}



.pageTitle h1 {

    color: #252668;

    font-weight: 700;

    font-size: 28px;

}



.pageTitle .container {

    padding-left: 30px;

    padding-right: 30px;

}



.breadcrumb {

    display: flex;

    flex-wrap: wrap;

    padding: 5px 0 0 0;

    margin: 0;

    list-style: none;

}



.breadcrumb-item + .breadcrumb-item::before {

    content: "›";

    padding: 0 8px;

    color: #aaa;

}



.breadcrumb li {

    display: flex;

    align-items: center;

}



.breadcrumb li + li::before {

    content: "›";

    padding: 0 8px;

    color: #aaa;

}



.breadcrumb li a {

    color: #252668;

    text-decoration: none;

}



.breadcrumb li.active {

    color: #f39c12;

}



/* =====================

   ÜRÜN SAYFASI

   ===================== */

.urun-tablo-wrapper {

    overflow-x: auto;

    width: 100%;

}



.urun-tablo {

    width: 100%;

    border-collapse: collapse;

    margin-bottom: 24px;

}



.urun-tablo tr {

    border-bottom: 1px solid #f0f0f0;

}



.urun-tablo tr:first-child {

    border-top: 1px solid #f0f0f0;

}



.urun-tablo tr:nth-child(even) {

    background: #fafafa;

}



.urun-tablo td {

    padding: 10px 12px;

    font-size: 14px;

}



.urun-tablo-label {

    color: #666;

    width: 55%;

}



.urun-tablo-deger {

    color: #333;

    font-weight: 500;

}



.urunKoduBas {

    font-size: 14px;

    font-weight: 700;

    color: #252668;

    margin: 0 0 10px 0;

}



.urunAciklama {

    font-size: 20px;

    font-weight: 500;

    color: #2D2D2D;

    margin: 0 0 30px 0;

}



.urunlerAciklama {

    font-size: 18px;

    color: #252668;

    font-weight: 700;

    margin: 0 0 10px 0;

}



.teklifButon {

    background-color: #f39c12;

    padding: 10px 24px;

    border-radius: 5px;

    text-align: center;

    font-weight: 700;

}



/* =====================

   GENEL YARDIMCI

   ===================== */

.row {

    display: flex;

    flex-wrap: wrap;

}



.search-form {

    display: none;

}



.pageMenuContainer {

    background: #cce7fc;

    position: relative;

}



.pageMenuContainer h2,

.pageMenuContainer h2 a {

    color: #000;

    font-weight: 300;

}



.pageMenu > li > i { display: none; }

.pageMenu > li > a { color: #000; font-weight: 300; }

.pageMenu > li > a:hover { color: #e7070e; }

.pageMenu ul li { font-size: 13px; padding-left: 10px; }



.with2Column .container {

    display: flex !important;

    flex-wrap: wrap;

    align-items: flex-start;

    padding-left: 15px;

    padding-right: 15px;

    width: 100%;

}



.with2Column .col-md-7,

.with2Column .col-md-5 {

    padding-left: 15px;

    padding-right: 15px;

}



.column1 .photoGalleryItem {

    width: 100% !important;

    padding: 0;

}



.column1 .photoGalleryItem img {

    width: 100%;

    height: auto;

}



.column1 .thumbnail {

    border: none;

    padding: 0;

    margin: 0;

}



/* =====================

   MOBİL

   ===================== */

@media (min-width: 1200px) {

    .mainmenu .nav-link {

        font-size: 13px;

        font-weight: 600;

        color: #333;

        padding: 0 12px;

        line-height: 70px;

        white-space: nowrap;

    }



    .mainmenu .nav-link:hover,

    .mainmenu .nav-item.active > .nav-link,

    .mainmenu ul > li.current-menu-item > a {

        /*color: #d0000e !important;*/

    }



    .mainmenu .nav-item.dropdown:hover > .dropdown-menu {

        display: block;

        margin-top: 0;

    }

}



@media (max-width: 1199px) {

    .header-top-inner {

        gap: 10px;

    }



    .header-search .form-control {

        width: 120px;

    }



    .header-contacts a span {

        display: none;

    }



    .mainmenu .navbar-collapse {

        position: fixed;

        right: 0;

        top: 0;

        width: 85%;

        max-width: 320px;

        height: 100vh;

        background: #fff;

        padding: 70px 20px 20px;

        z-index: 2000;

        overflow-y: auto;

        box-shadow: -4px 0 20px rgba(0,0,0,0.15);

    }



    .mainmenu .nav-link {

        color: #333;

        font-size: 15px;

        font-weight: 600;

        padding: 10px 0;

        border-bottom: 1px solid #f0f0f0;

        line-height: 1.4;

    }



    .pclose {

        display: block !important;

        position: absolute;

        top: 20px;

        right: 20px;

    }



    #Container {

        padding-top: 112px;

    }

}



@media (max-width: 576px) {

     .header-search {

        display: none;

    }

    #HeaderTop {

        display: none;

    }

    #HeaderTop .container {

        height: auto;

        padding: 8px 15px;

    }

    #Container {

        padding-top: 72px;

    }

    .urun-tablo td {

        padding: 8px;

        font-size: 13px;

    }

}

body.teklif #Header,

body.teklif #Footer,

body.teklif .pageTitle {

    display: none !important;

}



body.teklif #Container {

    padding-top: 0 !important;

}

/* Teklif sayfası */

body.teklif .lastNameField {

    display: none !important;

}



body.teklif .btn-primary {

    background: #f39c12 !important;

    border-color: #f39c12 !important;

    color: #fff !important;

    font-weight: 600;

    padding: 12px 32px;

    border-radius: 4px !important;

    width: 100%;

}



body.teklif .btn-primary:hover {

    background: #000871 !important;

    border-color: #000871 !important;

}

#teklifModal .modal-body {

    max-height: 80vh;

    overflow-y: auto;

    padding: 0;

	margin-top:50px;

}

#teklifModal .modal-header {

    background: #000871;

    border-radius: 0;

}



#teklifModal .modal-title {

    color: #ffffff;

    font-weight: 700;

    width: 100%;

    text-align: center;

	margin:0!important;

	font-size:20px;

}



#teklifModal .btn-close {

    filter: invert(1);

}

body.teklif .page {

    min-height: unset !important;

}

.teklifButon {

    background: #f39c12;

    color: #ffffff;

    font-family: 'Inter', sans-serif;

    font-size: 14px;

    font-weight: 600;

    padding: 14px 32px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    letter-spacing: 0.5px;

    transition: all 0.2s ease;

    width: 100%;

	margin-bottom:10px;

}



.teklifButon:hover {

    background: #000871;

    color: #ffffff;

}

.urun-tabla-ad{

	font-weight: 500;

	font-size:16px;

}

.urun-tabla-section {

	margin-top:30px;

}

.urun-bolum {

	margin-top:30px;

}

.urun-tabla-grid {

    justify-content: flex-start;

}

.ral-grid {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    max-width: 600px;

}



.ral-item {

    flex: 0 0 calc(20% - 16px);

}

.ral-renk {

    width: 100%;

    height: 80px;

    border-radius: 12px;

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

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

    transition: transform 0.2s ease;

    cursor: pointer;

}

.urun-gorsel-sticky .column1{

    position: sticky;

    top: 160px;

    align-self: flex-start;

}

.teknik-spesifikasyon{

	margin-top:15px;

	background-color: #fafafa;

	padding:10px;

}

.griArkafonurunler{

	background-color:#fafafa;

	padding-top:30px;

}

.urunlerListe .item>div{

	background-color:#fff;

	border: 1px solid #d1d4db;

}

.urunlerListe .item>div:hover{

	box-shadow:5px 5px 25px 0 rgba(0,0,0,.2);

	transition: .3s ease-out;

}

.urunlerListe a{

	color:#252668;

	text-decoration: none;

	text-align: center;

}

.urunlerListe h3 {

	text-align:center;

	margin:20px auto;

	font-size:24px;

	font-weight: 700;

}



.urunlerListe .thumb:hover {

	border-color: none!important;

}

.urunlerListe p{

	font-size:10px;

	font-weight:700;

	color:#545454;

}

.urunlerListe .detailShort{

	text-align:center;

	margin-top:30px;

}

.urunuIncele{

	background-color: #252668;

	padding:10px 5px;

	color: #fff!important;

	margin:5px 0 0 0;

	font-size:16px;

	font-weight:700;

}

.urunuIncele a{

	font-size:12px!important;

	font-weight:700!important;

	color:#fff

}

.urunlerListe .item .urunuIncele {

    transition: background-color 0.2s ease, color 0.2s ease;

}



.urunlerListe .item:hover .urunuIncele {

    background-color: #f39c12;

}



.urunlerListe .item:hover .urunuIncele a {

    color: #fff;

}

.thumbYukseklik .thumb {

	height:300px!important;

}

.thumbYukseklik .thumb a{

	height:300px!important;

}
.thumbYukseklikUrun .thumb {

	height:420px!important;

}

.thumbYukseklikUrun .thumb a{

	height:420px!important;

}
.pclose {
    background: none !important;
    opacity: 1 !important;
}

.pclose::before {
    content: "\00d7";
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 22px;
    color: #000871;
}
/* ============================================================
   KATEGORİ AÇIKLAMA BLOĞU  —  Custom.css sonuna ekle
   Renkler ve font sitenin mevcut kimliğinden alınmıştır.
   ============================================================ */

.kat-aciklama {
    --kat-lacivert: #112858;
    --kat-lacivert-2: #1a2e5a;
    --kat-turuncu: #f39c12;
    --kat-zemin: #f6f7f9;
    --kat-cizgi: #dfe3ea;
    --kat-metin: #3c4351;

    background: var(--kat-zemin);
    border-top: 3px solid var(--kat-lacivert);
    margin-top: 50px;
    padding: 52px 0 56px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--kat-metin);
    font-size: 15.5px;
    line-height: 1.75;
}

.kat-aciklama .kat-ic {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Başlıklar --- */
.kat-aciklama h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--kat-lacivert);
    letter-spacing: -0.01em;
    margin: 42px 0 16px;
    padding-left: 14px;
    border-left: 4px solid var(--kat-turuncu);
    line-height: 1.3;
}

.kat-aciklama h2:first-child {
    margin-top: 0;
}

.kat-aciklama p {
    margin: 0 0 15px;
}

.kat-aciklama strong {
    color: var(--kat-lacivert-2);
    font-weight: 600;
}

/* --- Ölçü aralığı şeridi (imza öğe) --- */
.kat-olcu {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    background: var(--kat-cizgi);
    border: 1px solid var(--kat-cizgi);
    margin: 26px 0 30px;
}

.kat-olcu-kutu {
    flex: 1 1 160px;
    background: #fff;
    padding: 20px 22px;
}

.kat-olcu-etiket {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #7b8395;
    margin-bottom: 9px;
}

.kat-olcu-deger {
    font-size: 21px;
    font-weight: 700;
    color: var(--kat-lacivert);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

.kat-olcu-deger .kat-tire {
    color: var(--kat-turuncu);
    margin: 0 5px;
    font-weight: 500;
}

.kat-olcu-deger .kat-birim {
    font-size: 13px;
    font-weight: 500;
    color: #7b8395;
    margin-left: 4px;
}

/* --- Seçim rehberi --- */
.kat-secim {
    border-top: 1px solid var(--kat-cizgi);
    margin-top: 6px;
}

.kat-secim-satir {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 28px;
    padding: 17px 0;
    border-bottom: 1px solid var(--kat-cizgi);
}

.kat-secim-ad {
    flex: 0 0 168px;
    font-weight: 600;
    color: var(--kat-lacivert);
}

.kat-secim-metin {
    flex: 1 1 320px;
    margin: 0;
}

/* --- Donanım etiketleri --- */
.kat-etiketler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0 4px;
    padding: 0;
    list-style: none;
}

.kat-etiketler li {
    border: 1px solid var(--kat-cizgi);
    background: #fff;
    padding: 7px 14px;
    font-size: 13.5px;
    color: var(--kat-lacivert-2);
}

.kat-etiketler li span {
    font-weight: 700;
    color: var(--kat-turuncu);
    margin-right: 5px;
    font-variant-numeric: tabular-nums;
}

/* --- Yapı ve malzeme listesi --- */
.kat-ozellik {
    list-style: none;
    margin: 22px 0 4px;
    padding: 0;
    border-top: 1px solid var(--kat-cizgi);
}

.kat-ozellik li {
    padding: 15px 0 15px 20px;
    border-bottom: 1px solid var(--kat-cizgi);
    position: relative;
}

.kat-ozellik li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 8px;
    height: 2px;
    background: var(--kat-turuncu);
}

.kat-ozellik strong {
    color: var(--kat-lacivert);
    font-weight: 600;
}

/* --- Sık sorulan sorular --- */
.kat-sss {
    margin: 22px 0 4px;
}

.kat-sss-madde {
    border-left: 2px solid var(--kat-cizgi);
    padding: 2px 0 2px 20px;
    margin-bottom: 22px;
}

.kat-sss-madde:last-child {
    margin-bottom: 0;
}

.kat-sss-madde h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--kat-lacivert);
    margin: 0 0 8px;
    line-height: 1.4;
}

.kat-sss-madde p {
    margin: 0;
}

.kat-sss-madde a,
.kat-aciklama p a:not(.kat-kapanis a) {
    color: var(--kat-lacivert-2);
    text-decoration: none;
    border-bottom: 1px solid var(--kat-turuncu);
}

.kat-sss-madde a:hover,
.kat-aciklama p a:not(.kat-kapanis a):hover {
    color: var(--kat-turuncu);
}

/* --- Kapanış --- */.kat-kapanis {
    margin-top: 34px;
    padding: 22px 26px;
    background: var(--kat-lacivert);
    color: #dfe5f0;
}

.kat-kapanis p {
    margin: 0;
}

.kat-aciklama .kat-kapanis p a {
    color: #ffb638;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 182, 56, .5);
}

.kat-aciklama .kat-kapanis p a:hover {
    color: #ffc966;
    border-bottom-color: #ffc966;
}

.kat-aciklama .kat-kapanis p a:focus-visible {
    outline: 2px solid #ffb638;
    outline-offset: 3px;
}

/* --- Mobil --- */
@media (max-width: 767px) {
    .kat-aciklama {
        padding: 36px 0 40px;
        margin-top: 34px;
        font-size: 15px;
    }
    .kat-aciklama h2 {
        font-size: 19px;
        margin: 32px 0 13px;
    }
    .kat-olcu-kutu {
        flex: 1 1 100%;
        padding: 15px 18px;
    }
    .kat-olcu-deger {
        font-size: 19px;
    }
    .kat-secim-ad {
        flex: 1 1 100%;
    }
    .kat-kapanis {
        padding: 18px 20px;
    }
    .kat-sss-madde {
        padding-left: 15px;
        margin-bottom: 19px;
    }
    .kat-sss-madde h3 {
        font-size: 15.5px;
    }
    .kat-ozellik li {
        padding: 13px 0 13px 17px;
    }
    .kat-ozellik li::before {
        top: 23px;
    }
}
/* ============================================================
   MASS — Kategori Genişlik Filtresi
   Content/Themes/Theme10/Css/Custom.css sonuna ekle
   ============================================================ */

.genislik-filtre {
    --gf-lacivert: #112858;
    --gf-turuncu: #f39c12;
    --gf-cizgi: #dfe3ea;
    --gf-pasif: #6f7788;

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    border: 1px solid var(--gf-cizgi);
    border-top: 3px solid var(--gf-lacivert);
    background: #fff;
    margin: 0 0 28px;
    padding: 17px 22px 19px;
}

/* --- Üst şerit --- */
.genislik-filtre .gf-ust {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 14px;
    padding-bottom: 13px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--gf-cizgi);
}

.genislik-filtre .gf-baslik {
    font-size: 15px;
    font-weight: 700;
    color: var(--gf-lacivert);
    letter-spacing: -0.01em;
}

.genislik-filtre .gf-sayac {
    font-size: 13px;
    color: var(--gf-pasif);
    font-variant-numeric: tabular-nums;
}

.genislik-filtre .gf-sifirla {
    margin-left: auto;
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 13px;
    color: var(--gf-turuncu);
    cursor: pointer;
    border-bottom: 1px solid rgba(243, 156, 18, .4);
}

.genislik-filtre .gf-sifirla:hover {
    border-bottom-color: var(--gf-turuncu);
}

/* --- Seçenekler --- */
.genislik-filtre .gf-secenekler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.genislik-filtre .gf-secenek {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--gf-cizgi);
    background: #fff;
    color: #2f3646;
    font: inherit;
    font-size: 14px;
    line-height: 1.2;
    padding: 9px 14px;
    cursor: pointer;
    transition: border-color .12s, background-color .12s, color .12s;
    font-variant-numeric: tabular-nums;
}

.genislik-filtre .gf-secenek:hover {
    border-color: var(--gf-lacivert);
}

.genislik-filtre .gf-secenek:focus-visible {
    outline: 2px solid var(--gf-turuncu);
    outline-offset: 2px;
}

.genislik-filtre .gf-secenek i {
    font-style: normal;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--gf-pasif);
    background: #f2f4f7;
    padding: 2px 7px;
}

.genislik-filtre .gf-secenek.secili {
    background: var(--gf-lacivert);
    border-color: var(--gf-lacivert);
    color: #fff;
}

.genislik-filtre .gf-secenek.secili i {
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

/* --- Boş sonuç --- */
.gf-bos {
    border: 1px solid #dfe3ea;
    border-left: 3px solid #f39c12;
    background: #fbfcfd;
    padding: 16px 20px;
    margin: 0 0 24px;
    font-size: 14.5px;
    color: #3c4351;
}

/* --- Mobil --- */
@media (max-width: 767px) {
    .genislik-filtre {
        padding: 14px 16px 16px;
        margin-bottom: 22px;
    }
    .genislik-filtre .gf-baslik {
        font-size: 14px;
    }
    .genislik-filtre .gf-secenek {
        font-size: 13.5px;
        padding: 8px 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .genislik-filtre .gf-secenek {
        transition: none;
    }
}
.kat-giris {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #444;
  max-width: 900px;
  margin: 0 0 2rem;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .kat-giris {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.column1 .photoGalleryType2 .photoGalleryItem {
  width: 50% !important;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .column1 .photoGalleryType2 .photoGalleryItem { width: 33.3333% !important; }
}
@media (min-width: 992px) {
  .column1 .photoGalleryType2 .photoGalleryItem { width: 25% !important; }
}

.column1 .photoGalleryType2 .thumb a.popMe {
  display: block;
  height: 220px;
  background-size: cover;
  background-position: center;
}
.mfp-container {
  padding: 40px 20px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-img {
  max-width: 100% !important;
  max-height: calc(100vh - 120px) !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  display: block;
  margin: 0 auto;
}

.mfp-figure:after {
  display: none;
}

.mfp-bottom-bar {
  margin-top: 8px;
  position: relative;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
	right:0;
	padding-right:10px;
}
button.mfp-close{
	background:#112858!important;
}
/* ===== MAGNIFIC POPUP DÜZELTMELERİ ===== */

.mfp-container {
  padding: 40px 20px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-figure:after {
  display: none;
}

.mfp-img {
  max-width: 100% !important;
  max-height: calc(100vh - 120px) !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  display: block;
  margin: 0 auto;
}

.mfp-bottom-bar {
  margin-top: 8px;
  position: relative;
}

/* ===== TABLET ===== */
@media (max-width: 991px) {
  .mfp-container {
    padding: 30px 15px;
  }
  .mfp-img {
    max-height: calc(100vh - 100px) !important;
  }
}

/* ===== MOBİL ===== */
@media (max-width: 767px) {
  .mfp-container {
    padding: 50px 8px 60px;
  }

  .mfp-img {
    max-height: calc(100vh - 140px) !important;
  }

  /* Oklar kenarlara yapışmasın, parmakla erişilebilir olsun */
  .mfp-arrow {
    transform: scale(0.7);
    opacity: 0.9;
  }
  .mfp-arrow-left  { margin-left: -10px; }
  .mfp-arrow-right { margin-right: -10px; }

  /* Kapatma butonu üstte, dokunma alanı geniş */
  .mfp-close {
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 32px !important;
    right: 0 !important;
    top: 0 !important;
    opacity: 1;
  }

  /* Başlık ve sayaç okunur kalsın */
  .mfp-bottom-bar {
    margin-top: 6px;
    padding: 0 8px;
  }
  .mfp-title {
    font-size: 13px;
    line-height: 1.4;
  }
  .mfp-counter {
    font-size: 12px;
  }
}

/* ===== YATAY MOBİL ===== */
@media (max-width: 767px) and (orientation: landscape) {
  .mfp-container {
    padding: 30px 8px 40px;
  }
  .mfp-img {
    max-height: calc(100vh - 80px) !important;
  }
}
/* Slider alan rezervasyonu - CLS düzeltmesi */
.mass-slider-wrapper {
  min-height: 650px;
}

/* Owl yüklenene kadar sadece ilk slide görünsün */
.mass-slider:not(.owl-loaded) .item:not(:first-child) {
  display: none;
}

.mass-slider:not(.owl-loaded) {
  min-height: 650px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .mass-slider-wrapper,
  .mass-slider:not(.owl-loaded) { min-height: 450px; }
}

@media (max-width: 767px) {
  .mass-slider-wrapper,
  .mass-slider:not(.owl-loaded) { min-height: 320px; }
}