/* csutom css for buyingenvironment.training */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/webfonts/fa-regular-400.eot");
  src: url("/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }


h1,h2,h3,h4,h5,h6,p,li {line-height: 1.4em;}
.rsck2-title h4 {text-transform: none; font-size: 14px; text-align: center;}
.rsck2-item {min-height: 220px; background-color: #fff;}
.sticky-wrapper .header_main {
    background-color: #29444b; opacity:0.9;
}
.is-sticky .header_main {
    background-color: #29444b; opacity: 1.0;
}
#container_showcase1_modules {padding: 0 0;}
.rsck2-title > h4 > a {color:#79461b;}
#container_header {background-image: none;}

body p {padding: 0 5px;}
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
  .fa-cat:before {
  content: "\f6be"; }


body h4 {text-transform: none;}
.hornav > ul > li > a {line-height: 1.7em;}
.gall li {list-style-type: none;}
i.fa {margin: 0 3px 0 0;}
i.fab, i.fab:before {color:#1877f2;}
/* j51 menu */
#slideout > ul > li.deeper.parent {line-height: 1.6em; padding: 3px 0;}

/* mega  menu */
body .slideout-toggle-open {display: none; visibility: hidden; width: 0;}
#header_main > div > div.hornav {padding-left: 12px;}

div.dj-megamenu-wrapper:nth-child(1) > ul:nth-child(1),
.dj-megamenu-custom880 {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    height: auto;
    position: relative;
    z-index: 500;
    font-family: Lato, sans-serif;
    width: auto;
    background-color: #29444b;
}
.sidecol-2a div.dj-megamenu-wrapper:nth-child(1) > ul:nth-child(1),
.dj-megamenu-custom880 {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    height: auto;
    position: relative;
    z-index: 1;
    font-family: Lato, sans-serif;
    width: auto;
    background-color: #effafe;
}

#dj-megamenu880 > li.dj-up > a > span {font-weight: 300; font-size: .9em; font-family: Lato, sans-serif;}

.dj-megamenu-custom880 li a.dj-up_a {
    display: block;
    float: left;
    height: 60px;
    font-size: 1.2em;
    font-weight: 400; font-family: Lato;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 12px;
    cursor: pointer;
    /*background: rgba(61, 86, 92, 1);*/
    color: rgba(255, 255, 255, 1);
    border-right: 1px solid rgba( 48,  68,  73, 1);
    border-left: 1px solid rgba( 73,  103,  110, 1);
    -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.dj-megamenu-custom880 li ul.dj-submenu > li > a {
    display: block;
    font-size: 1.1em; font-weight: 400; font-family: Lato;
    font-weight: normal;
    line-height: 16px;
    color: rgba(255, 255, 255, 1);
    /*background: rgba(61, 86, 92, 1);*/
    text-decoration: none;
    padding: 12px 20px;
    margin: 0 -10px;
    -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.dj-megamenu-custom880 li ul.dj-submenu > li > a small.subtitle {
  color: rgba(239, 239, 239, 1);
    display: block;
    font-size: .9em;
    line-height: 1.4em;
}
.dj-megamenu-custom880 li a.dj-up_a span.dj-drop {
    padding: 0 16px 0 0 !important;
}
.dj-megamenu-select-custom880 .dj-mobile-open-btn,
.dj-megamenu-offcanvas-custom880 .dj-mobile-open-btn,
.dj-megamenu-accordion-custom880 .dj-mobile-open-btn {
  display: inline-block;
  cursor: pointer;
    margin: 0 auto;
    width: auto;
  height: auto;
  font-size: 42px;
  line-height: 1;
  padding: 3px 8px;
  background: rgba(41, 68, 75, 1);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
#dj-megamenu880mobile > a > span.fa.fa-bars, #dj-megamenu880mobile > a > span.fa.fa-bars:before {color: #bbdffd;}
#dj-megamenu880mobile > a > span.dj-mobile-open-btn-lbl {font-size: .45em; line-height: 1.2em; float: left;}

li p {line-height: 1.4em; padding: 4px;}
.maincontent {padding: 15px;}
.com_djcatalog2 .maincontent {padding: 0 15px 15px;}
.sidecol-a .module_surround, .sidecol-b .module_surround {
    padding: 0;
}
.module_surround .panel {padding: 8px 10px;}
.module_surround h1, .module_surround h2,.module_surround h3 {
    margin:  10px 0; padding:  0 4px;
}
p .caticon {color:#acb76b;}
.text-dark [class^="fa-"]::before, .text-dark [class*=" fa-"]::before {
    color:#acb76b;
}
h2.toptag {color: #fff;}
.hometop .alert-info h3,.hometop .alert-info h4 {color: #29444b;}
.hometop .alert-info h4 {}
#wrapper_top-1 > div.top-1.top-1a > div > div > div > div > div > div.alert.alert-info > h3 {color: #29444b;}
/*toolbar */
#toolbar {min-height: 30px; display: block; background-color: #243C42; }
#toolbar .custom {min-height: 30px;}
#toolbar .custom, #toolbar .custom p {color: #fff;}
#toolbar > div > div > p > a > i:before, #toolbar > div > div > p > i:before{color:#fff;}
#toolbar .custom p a {color: #1FC7FF;}
#toolbar .custom p a:hover {color:#fbeb7f;}
body p.contact {padding: 10px 20px 0 0; margin: 0; font-size: 12px;}

#container_top3_modules,#container_top1_modules {padding: 20px 0 0;}
.panel-success > .panel-heading {
    color: #fff;
    background-color: #29444b;
    border-color: #d6e9c6;
}
.hometop h1, .hometop h2, .hometop h3, .hometop h4, .hometop h5 {text-align: center; margin: 20px 0; line-height: 1.7em;}
.hometop strong {color: #f8d03f;}

.homewide h1, .homewide h2, .homewide h3, .homewide h4, .homewide h5 {text-align: center; margin: 20px 0; line-height: 1.7em;}
.homewide strong {color: #f8d03f;}

.module+.module {
    margin-top: 10px;
}
#djcatalog > div.djc_result_set > div > div:nth-child(4):before {content:''}
.diagonal {background-color: #262626; display: block; min-height: 400px;}

.right-dark h2 {
  color:#ffffff;
  margin-bottom:4rem;
  font-size:50px;
}
.right-dark p {
  padding-left:41px;
}
.right-dark h4, .right-dark h5 {
  color:#ffffff; line-height: 1.7em;
}
.right-dark h4 span {
  padding-right:15px;
}
.left-dark {
  overflow:hidden; background-color: #262626;
  padding:0;}
.left-dark::before {
  border-left-color:transparent;
  border-right-width:150px;
  border-right-style:solid;
  border-top:700px solid transparent;
  border-right-color:#262626;
  border-left-width:150px;
  border-left-style:solid;
  height:700px;
  margin-bottom:-700px;
  display:block;
  position:absolute;
  right:0;
  left:auto;
  top:0;
  content:'';
  z-index:1;
}
.right-dark {
  padding:4rem !important; background-color: #262626;
}
.wrapper_contenttop {
    padding: 0;
}

.home3 .innercol {padding: 4px 6px;}
.home3 .panel-heading > h3 {text-align: center; font-size: 18px;}
.home3 .panel-heading { padding: 6px; }
.home3 .panel-body {padding: 3px 0;}
.k2ItemsBlock .panel-heading {min-height: 104px;}
.framework .col-md-2, div.col-md-2.cust {padding: 0 5px;}
.framebody .list-group {margin: 0;}
.framebody .list-group-item {
    position: relative;
    display: block;
    padding: 6px 4px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd; line-height: 1.2em; min-height: 80px; height: 80px;
}
.cust li.list-group-item, .assoc li.list-group-item {border: none;}
.frametitle {min-height: 54px;}
.frametitle,.frametitle p, .framebody, .framebody p, .framebody li {text-align: center;}
.frametitle div {font-size: 13px; text-transform: uppercase;}
.frametitle div span {font-size: 11px; text-transform: none;}

.framebody .btn-warning {background-color: #fbe7a3; border: none; box-shadow:3px 3px 5px 1px rgba(51,51,51,0.5); border-radius: 6px;color:#333; margin:6px 0;}
.assoc .framebody .btn-warning {background-color: #fdf2d0; }
.engage .btn-danger {background-color: #75140c;border: none; box-shadow:3px 3px 5px 1px rgba(51,51,51,0.5); border-radius:6px;}
.expand .btn-info {background-color: #4274b1; border: none; box-shadow:3px 3px 5px 1px rgba(51,51,51,0.5); border-radius:6px;}
.evolve .btn-danger {background-color: #377e22; border: none; box-shadow:3px 3px 5px 1px rgba(51,51,51,0.5); border-radius:6px;}

.engage li.list-group-item {border-color: #75140c; border-width: 1px; cursor: pointer;}
.engage li.list-group-item.top1, .engage li.list-group-item.top2 {line-height: 20px;}
.engage li.list-group-item.top3 {line-height: 28px;}
.engage li.list-group-item.top4 {line-height: 50px;}
.expand li.list-group-item {border-color: #4274b1; border-width: 1px;cursor: pointer; text-align: center;}
.expand li.list-group-item.manageli {padding-top: 18px;}
.expand li.list-group-item .discover, .expand li.list-group-item .lifestylesolutions, .expand li.list-group-item .ensure {line-height: 50px;}
.evolve li.list-group-item {border-color: #377e22; border-width: 1px;cursor: pointer; text-align: center; line-height: 50px;}

.framebody li.list-group-item span {font-size: 14px; margin: 5px 0; padding: 3px;}
.framebody li.list-group-item.lightup {}

.framebody .list-group-item.top1.lightup {background-color: #f5f9fe;}
.framebody .list-group-item.top2.lightup {background-color: #e5eaf4;}
.framebody .list-group-item.top3.lightup {background-color:#d6dcea;}
.framebody .list-group-item.top4.lightup {background-color: #cdd4e4;}
.framebody .list-group-item.top1.top2.lightup {background-color: #fafafa;}
.framebody .list-group-item.top3.top4.lightup {background-color: #f9f9f9;}
.linkup { color:#012671; cursor: pointer;text-decoration: underline;}
.engage li.list-group-item, .expand li.list-group-item, .evolve li.list-group-item {font-family: 'Oswald'; font-weight: 500; }
.framebody .kpis li.list-group-item span {font-family: Lato, sans-serif; font-style: italic; font-weight: 700; font-size: 16px; font-variant: small-caps;line-height: 22px;}
.framebody .kpis .list-group-item.lightup {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 1;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)}

  ul.list-group.kpis li.top2 { margin-top: 40px; padding-top: 6px; background-color:#4c5d71; color: #fff; border-radius: 10px; border: 2px groove #fff;}

  ul.list-group.kpis li.top4 {margin-top: 80px; padding-top: 6px;background-color: #212733; color: #fff; border-radius: 10px; border: 2px groove #fff;}

.panel-body div.itemFullText {padding: 8px 10px;}
  /*product pages*/
  h2.djc_title {font-size: 36px; color:rgba(59, 175, 218, 1);}
.well-sm p {font-size: 0.7em; margin: 0;}

.djc_introtext > :first-child {min-height: 112px;}
.djc_title {}
.djc_item_row.djc_item_row_0.djc2_cols_3 > .djc_title {min-height: 70px;}
#djcatalog > div.djc_result_set > div > div.djc_clearfix.djc_item_row.djc_item_row_0.djc2_cols_3 > div.djc_item.pull_left.djc_item_col_first > div.djc_item_bg > div > div.djc_title,
#djcatalog > div.djc_result_set > div > div.djc_clearfix.djc_item_row.djc_item_row_0.djc2_cols_3 > div.djc_item.pull_left.djc_item_col_last > div.djc_item_bg > div > div.djc_title,
#djcatalog > div.djc_result_set > div > div.djc_clearfix.djc_item_row.djc_item_row_0.djc2_cols_3 > div.djc_item.pull_left.djc_item_col_1 > div.djc_item_bg > div > div.djc_title {min-height: 70px;}

.djc_toolbar {display: none; visibility: hidden;}
  div.djc_description > div.djc_attributes > table > tbody > tr > td.djc_label, 
  div.djc_description > div.djc_attributes > table > tbody > tr > td.djc_value {padding: 5px; font-size: 12px; text-align: center;}
.djc_description > div.djc_introtext > p {font-size: 0.9em;}

.btn.btn-primary.djc_addtowishlist_btn {font-size: 0.8em;}
#djcatalog .djc_item .djc_introtext {
    padding: 10px 0;
}

li.previous:hover ~ li a {transform: scale(1.05); 
  -webkit-box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.3); 
box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.3);
transition: all 600ms ease-in-out;
}
.breadcrumb-arrow li:first-child:hover ~ li a {transform: skew(-5deg); 
  -webkit-box-shadow: 10px 5px 10px 3px rgba(0,0,0,0.3); 
box-shadow: 10px 5px 10px 3px rgba(0,0,0,0.3);
transition: all 600ms ease-in-out;
}
.breadcrumb-arrow li:first-child:hover ~ li a:after {}
.breadcrumb-arrow li.second:hover {background-color:#4fc1e9; }
li.next, li.next a {cursor: pointer;}
.panel-success > .panel-heading a {color: #fff;}
.text-small {
    font-size: 1.4rem;
    font-weight: bold;
}
/* catalog menu */
.dj-megamenu-custom875.catalog li a.dj-up_a {font: normal 14px/1.7em Montserrat, sans-serif; font-weight: 600;}

body.com_djcatalog2.itemid-809 .djc_description > div.djc_introtext > p {min-height: 120px;}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background: none;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative; cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #3bafda;
    border: 1px solid #3bafda
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #3bafda;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #2494be
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: #4fc1e9;
    border: 1px solid #4fc1e9
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #4fc1e9
}
.breadcrumb-arrow li a:active {
    background-color: #2494be;
    border: 1px solid #2494be
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: #2494be
}
.breadcrumb-arrow li span {
    color: #434a54
}
.package .breadcrumb-arrow li:first-child a {
   padding: 0 4px;
}
.package .breadcrumb-arrow li span { padding:  0;
  
}
.package .breadcrumb-arrow li.second a{
    height: 36px;
    padding: 0 4px 0 20px;
    line-height: 36px
}
.package .breadcrumb-arrow li a {font-size: 14px;}


@media (max-width: 1120px) 

{.breadcrumb-arrow li > a {font-size: 14px; padding-left: 12px;}
.breadcrumb-arrow li:first-child a {padding-right: 3px;}
.breadcrumb-arrow li > a span {padding-left: 3px; padding-right:0;}

}
@media (max-width: 920px) 

{.breadcrumb-arrow li > a {font-size: 12px; padding-left: 12px;}
.breadcrumb-arrow li:first-child a {padding-right: 3px;}
.breadcrumb-arrow li > a span {padding-left: 3px; padding-right:0;}

}

.copyright p {
    margin-bottom: 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    opacity: .8;
    letter-spacing: 1px;
    color: #fff;
}
.logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 15px;
    transition: all .2s ease;
}
.djc_introtext .btn, .djc_introtext btn.btn-default {background-color: #bcbcbc; border: 1px solid #666; text-transform: none; font-size: 14px; color:#fff;}
.djc_introtext .btn a, .djc_introtext btn.btn-default a {color: #fff;}
.djc_readon a.readmore {background: none; border: none; color: #4d78a5; border-bottom: 1px dotted #ababab; font-size: 12px;}
#djcatalog > div.djc_result_set > div > div:nth-child(2) > div.djc_item.pull_left.djc_item_col_first > div.djc_item_bg > div > div.djc_readon > a {background: none; 
  border: none; color: #4d78a5; border-bottom: 1px dotted #ababab;}

.btn-mod {color: #33b5e5 !important; cursor: pointer; margin: 10px 0 0;
    background-color: transparent !important;
    border: 2px solid #33b5e5 !important; border-radius: 4em; padding: .7rem 1.4rem; text-align: center;
  transition: all .6s ease-in-out;}
 /* .btn-mod:hover {box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15); transform:  translate(4px);  }
  .btn-mod:hover .fa-paper-plane { transform: scale(2) rotate(30deg) translate(4px);} */
.fa-paper-plane, .fas.fa-paper-plane:before { color: #33b5e5;}
.fa-paper-plane {padding-left: .7rem; transition: .6s ease-in-out;}
button.eb-close {border: none; box-shadow: none;}
button.eb-close:hover {background: none;}

/* FLASHING */

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
  -webkit-animation: flash 2s ease infinite;
  animation: flash 2s ease infinite;
}

.faa-flash.animated.faa-fast,
.faa-flash.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-flash.faa-fast {
  -webkit-animation: flash 1s ease infinite;
  animation: flash 1s ease infinite;
}

.faa-flash.animated.faa-slow,
.faa-flash.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-flash.faa-slow {
  -webkit-animation: flash 3s ease infinite;
  animation: flash 3s ease infinite;
}

.is-sticky .logo {
    padding: 15px;
}
.module:first-of-type .module_surround {
    padding: 0;
}
.sidecol-a:first-of-type .module:first-of-type .module_surround, .sidecol-b:first-of-type .module:first-of-type .module_surround {
    padding-top: 24px;
}
.accordion-heading.panel-heading a {color: #07314e;}

.belowcontent {background-color: #acb76b; padding: 20px 0;}
.belowcontent h3, .belowcontent p {color:#fff;}
.belowcontent p {font-size:0.8em;}
a.moduleItemReadMore {color: #07314e; font-size: 12px; text-align:right; float: right;}


#container_bottom1_modules {background: radial-gradient(farthest-side ellipse at 10% 0, #333867 20%, #17193b);}

button.cf-btn.cf-btn-style-flat:hover {background-color: #355375;}
.panel-body .btn.btn-default {background-color: #efefef;float: right; border: none; box-shadow: 3px 3px 5px 1px rgba(51,51,51,0.5); font-size: 11px;}
.panel-body .btn.btn-default a {font-size: 11px;}
.panel-body .btn.btn-default a:hover, .panel-body .btn.btn-default:hover {color: #fff;font-size: 11px;}


    .geeks::before { 
        content: ""; 
        position: absolute; 
        top: -2px; 
        left: -2px; 
        width: 0; 
        height: 0; 
        background: transparent; 
        border: 2px solid transparent; 
    } 
  
    .geeks:hover::before { 
        animation: animate 1s linear forwards; 
    } 
  
    @keyframes animate { 
        0% { 
            width: 0; 
            height: 0; 
            border-top-color: #fff; 
            border-right-color: transparent; 
            border-bottom-color: transparent; 
            border-left-color: transparent; 
        } 
  
        50% { 
            width: 100%; 
            height: 0; 
            border-top-color: #fff; 
            border-right-color: #fff; 
            border-bottom-color: transparent; 
            border-left-color: transparent; 
        } 
  
        100% { 
            width: 100%; 
            height: 100%; 
            border-top-color: #fff; 
            border-right-color: #fff; 
            border-bottom-color: transparent; 
            border-left-color: transparent; 
        } 
    } 
  
    .geeks::after { 
        content: ""; 
        position: absolute; 
        top: -2px; 
        left: -2px; 
        width: 0; 
        height: 0; 
        background: transparent; 
        border: 2px solid transparent; 
    } 
  
    .geeks:hover::after { 
        animation: animates 1s linear forwards; 
    } 
  
    @keyframes animates { 
        0% { 
            width: 0; 
            height: 0; 
            border-top-color: transparent; 
            border-right-color: transparent; 
            border-bottom-color: transparent; 
            border-left-color: #fff; 
        } 
  
        50% { 
            width: 0; 
            height: 100%; 
            border-top-color: transparent; 
            border-right-color: transparent; 
            border-bottom-color: #fff; 
            border-left-color: #fff; 
        } 
  
        100% { 
            width: 100%; 
            height: 100%; 
            border-top-color: transparent; 
            border-right-color: transparent; 
            border-bottom-color: #fff; 
            border-left-color: #fff; 
        } 
    } 

/* Izmir - ImageHover CSS LIbrary
  ----------------------------- */
.c4-izmir {
  --text-color: #ffffff;
  --primary-color: #00B4DB;
  --secondary-color: #0083B0;
  --padding: 1em;
  --transition-duration: 600ms;
  --border-margin: 15px;
  --border-width: 3px;
  --border-color: #ffffff;
  --border-radius: 3px;
  --image-opacity: 0.25;
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #ffffff;
  color: var(--text-color);
  border-radius: 3px;
  border-radius: var(--border-radius); }
  .c4-izmir:before, .c4-izmir:after, .c4-izmir *, .c4-izmir *:before, .c4-izmir *:after {
    box-sizing: border-box;
    transition: all 600ms ease;
    transition: all var(--transition-duration) ease; }
  .c4-izmir figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1em;
    padding: var(--padding);
    width: 100%;
    z-index: 1; }
  .c4-izmir img {
    object-fit: cover;
    max-width: 100%;
    width: 100%;
    height: 100%; }
  .c4-izmir h1,
  .c4-izmir h2,
  .c4-izmir h3,
  .c4-izmir h4,
  .c4-izmir h5,
  .c4-izmir h6,
  .c4-izmir p {
    margin-top: 0;
    color: #ffffff;
    color: var(--text-color); }
    .c4-izmir h1:last-child,
    .c4-izmir h2:last-child,
    .c4-izmir h3:last-child,
    .c4-izmir h4:last-child,
    .c4-izmir h5:last-child,
    .c4-izmir h6:last-child,
    .c4-izmir p:last-child {
      margin-bottom: 0; }

/* c4-border-*
   ----------------------------- */
[class^='c4-border']:before, [class^='c4-border']:after,
[class^='c4-border'] figcaption:before,
[class^='c4-border'] figcaption:after,
[class*=' c4-border']:before,
[class*=' c4-border']:after,
[class*=' c4-border'] figcaption:before,
[class*=' c4-border'] figcaption:after {
  background-color: #ffffff;
  background-color: var(--border-color);
  position: absolute;
  content: ''; }
[class^='c4-border']:before, [class^='c4-border']:after,
[class*=' c4-border']:before,
[class*=' c4-border']:after {
  z-index: 1;
  height: 3px;
  height: var(--border-width);
  left: 15px;
  left: var(--border-margin);
  right: 15px;
  right: var(--border-margin);
  transform: scaleX(0); }
[class^='c4-border']:before,
[class*=' c4-border']:before {
  top: 15px;
  top: var(--border-margin); }
[class^='c4-border']:after,
[class*=' c4-border']:after {
  bottom: 15px;
  bottom: var(--border-margin); }
[class^='c4-border'] figcaption,
[class*=' c4-border'] figcaption {
  z-index: 3; }
  [class^='c4-border'] figcaption:before, [class^='c4-border'] figcaption:after,
  [class*=' c4-border'] figcaption:before,
  [class*=' c4-border'] figcaption:after {
    z-index: -1;
    width: 3px;
    width: var(--border-width);
    top: 15px;
    top: var(--border-margin);
    bottom: 15px;
    bottom: var(--border-margin);
    transform: scaleY(0); }
  [class^='c4-border'] figcaption:before,
  [class*=' c4-border'] figcaption:before {
    left: 15px;
    left: var(--border-margin); }
  [class^='c4-border'] figcaption:after,
  [class*=' c4-border'] figcaption:after {
    right: 15px;
    right: var(--border-margin); }
[class^='c4-border'].hover:before, [class^='c4-border'].hover:after,
[class^='c4-border'].hover figcaption:before,
[class^='c4-border'].hover figcaption:after, [class^='c4-border']:hover:before, [class^='c4-border']:hover:after,
[class^='c4-border']:hover figcaption:before,
[class^='c4-border']:hover figcaption:after, [class^='c4-border']:focus:before, [class^='c4-border']:focus:after,
[class^='c4-border']:focus figcaption:before,
[class^='c4-border']:focus figcaption:after, :focus > [class^='c4-border']:before, :focus > [class^='c4-border']:after,
:focus > [class^='c4-border'] figcaption:before,
:focus > [class^='c4-border'] figcaption:after,
[class*=' c4-border'].hover:before,
[class*=' c4-border'].hover:after,
[class*=' c4-border'].hover figcaption:before,
[class*=' c4-border'].hover figcaption:after,
[class*=' c4-border']:hover:before,
[class*=' c4-border']:hover:after,
[class*=' c4-border']:hover figcaption:before,
[class*=' c4-border']:hover figcaption:after,
[class*=' c4-border']:focus:before,
[class*=' c4-border']:focus:after,
[class*=' c4-border']:focus figcaption:before,
[class*=' c4-border']:focus figcaption:after, :focus >
[class*=' c4-border']:before, :focus >
[class*=' c4-border']:after,
:focus >
[class*=' c4-border'] figcaption:before,
:focus >
[class*=' c4-border'] figcaption:after {
  transform: scale(1); }


.c4-image-zoom-in.hover img, .c4-image-zoom-in:hover img, .c4-image-zoom-in:focus img, :focus > .c4-image-zoom-in img {
  transform: scale(1.25); }
.c4-image-zoom-out img {
  transform: scale(1.25); }
.c4-image-zoom-out.hover img, .c4-image-zoom-out:hover img, .c4-image-zoom-out:focus img, :focus > .c4-image-zoom-out img {
  transform: scale(1); }
.c4-image-pan-up img {
  transform-origin: top;
  transform: scale(1.2) translate(0, 0); }
.c4-image-pan-up.hover img, .c4-image-pan-up:hover img, .c4-image-pan-up:focus img, :focus > .c4-image-pan-up img {
  transform: scale(1.2) translate(0, -15%); }
.c4-image-pan-down img {
  transform-origin: bottom;
  transform: scale(1.2) translate(0, 0); }
.c4-image-pan-down:hover img, .c4-image-pan-down:focus img, :focus > .c4-image-pan-down img {
  transform: scale(1.2) translate(0, 15%); }
.c4-image-pan-left img {
  transform-origin: left;
  transform: scale(1.2) translate(0, 0); }
.c4-image-pan-left.hover img, .c4-image-pan-left:hover img, .c4-image-pan-left:focus img, :focus > .c4-image-pan-left img {
  transform: scale(1.2) translate(-15%, 0); }
.c4-image-pan-right img {
  transform-origin: right;
  transform: scale(1.2) translate(0, 0); }
.c4-image-pan-right.hover img, .c4-image-pan-right:hover img, .c4-image-pan-right:focus img, :focus > .c4-image-pan-right img {
  transform: scale(1.2) translate(15%, 0); }
.c4-image-blur.hover img, .c4-image-blur:hover img, .c4-image-blur:focus img, :focus > .c4-image-blur img {
  filter: blur(4px);
  transform: scale(1.1); }
.c4-image-rotate-left img {
  transform: scale(1.1) translate(0, 0); }
.c4-image-rotate-left.hover img, .c4-image-rotate-left:hover img, .c4-image-rotate-left:focus img, :focus > .c4-image-rotate-left img {
  transform: scale(1.3) rotate(-15deg); }
.c4-image-rotate-right img {
  transform: scale(1.1) translate(0, 0); }
.c4-image-rotate-right.hover img, .c4-image-rotate-right:hover img, .c4-image-rotate-right:focus img, :focus > .c4-image-rotate-right img {
  transform: scale(1.3) rotate(15deg); }

.c4-delay-100,
.c4-delay-100 > * {
  transition-delay: 100ms; }

.c4-delay-200,
.c4-delay-200 > * {
  transition-delay: 200ms; }

.c4-delay-300,
.c4-delay-300 > * {
  transition-delay: 300ms; }

.c4-delay-400,
.c4-delay-400 > * {
  transition-delay: 400ms; }

.c4-delay-500,
.c4-delay-500 > * {
  transition-delay: 500ms; }

.c4-delay-600,
.c4-delay-600 > * {
  transition-delay: 600ms; }

.c4-delay-700,
.c4-delay-700 > * {
  transition-delay: 700ms; }

.c4-delay-800,
.c4-delay-800 > * {
  transition-delay: 800ms; }

.c4-delay-900,
.c4-delay-900 > * {
  transition-delay: 900ms; }

.c4-delay-1000,
.c4-delay-1000 > * {
  transition-delay: 1000ms; }

[class^='c4-fade'],
[class*=' c4-fade'],
[class^='c4-reveal'],
[class*=' c4-reveal'],
[class^='c4-rotate'],
[class*=' c4-rotate'] {
  display: inline-block; }
  [class^='c4-fade'] > *,
  [class*=' c4-fade'] > *,
  [class^='c4-reveal'] > *,
  [class*=' c4-reveal'] > *,
  [class^='c4-rotate'] > *,
  [class*=' c4-rotate'] > * {
    display: inline-block; }
    [class^='c4-fade'] > *:last-child,
    [class*=' c4-fade'] > *:last-child,
    [class^='c4-reveal'] > *:last-child,
    [class*=' c4-reveal'] > *:last-child,
    [class^='c4-rotate'] > *:last-child,
    [class*=' c4-rotate'] > *:last-child {
      margin-bottom: 0; }

[class^='c4-reveal'],
[class*=' c4-reveal'],
[class^='c4-rotate'],
[class*=' c4-rotate'] {
  overflow: hidden;
  opacity: 1; }

[class^='c4-fade'],
[class*=' c4-fade'] {
  opacity: 0; }

.c4-izmir.hover [class^='c4-fade'],
.c4-izmir.hover [class*=' c4-fade'], .c4-izmir:hover [class^='c4-fade'],
.c4-izmir:hover [class*=' c4-fade'], .c4-izmir:focus [class^='c4-fade'],
.c4-izmir:focus [class*=' c4-fade'], :focus > .c4-izmir [class^='c4-fade'],
:focus > .c4-izmir [class*=' c4-fade'] {
  opacity: 1;
  transform: translate(0); }
.c4-izmir.hover [class^='c4-reveal'],
.c4-izmir.hover [class*=' c4-reveal'],
.c4-izmir.hover [class^='c4-rotate'],
.c4-izmir.hover [class*=' c4-rotate'], .c4-izmir:hover [class^='c4-reveal'],
.c4-izmir:hover [class*=' c4-reveal'],
.c4-izmir:hover [class^='c4-rotate'],
.c4-izmir:hover [class*=' c4-rotate'], .c4-izmir:focus [class^='c4-reveal'],
.c4-izmir:focus [class*=' c4-reveal'],
.c4-izmir:focus [class^='c4-rotate'],
.c4-izmir:focus [class*=' c4-rotate'], :focus > .c4-izmir [class^='c4-reveal'],
:focus > .c4-izmir [class*=' c4-reveal'],
:focus > .c4-izmir [class^='c4-rotate'],
:focus > .c4-izmir [class*=' c4-rotate'] {
  opacity: 1; }
  .c4-izmir.hover [class^='c4-reveal'] > *,
  .c4-izmir.hover [class*=' c4-reveal'] > *,
  .c4-izmir.hover [class^='c4-rotate'] > *,
  .c4-izmir.hover [class*=' c4-rotate'] > *, .c4-izmir:hover [class^='c4-reveal'] > *,
  .c4-izmir:hover [class*=' c4-reveal'] > *,
  .c4-izmir:hover [class^='c4-rotate'] > *,
  .c4-izmir:hover [class*=' c4-rotate'] > *, .c4-izmir:focus [class^='c4-reveal'] > *,
  .c4-izmir:focus [class*=' c4-reveal'] > *,
  .c4-izmir:focus [class^='c4-rotate'] > *,
  .c4-izmir:focus [class*=' c4-rotate'] > *, :focus > .c4-izmir [class^='c4-reveal'] > *,
  :focus > .c4-izmir [class*=' c4-reveal'] > *,
  :focus > .c4-izmir [class^='c4-rotate'] > *,
  :focus > .c4-izmir [class*=' c4-rotate'] > * {
    transform: translate(0) rotate(0deg); }

.c4-fade-up {
  transform: translateY(1.5rem); }
.c4-fade-down {
  transform: translateY(-1.5rem); }
.c4-fade-left {
  transform: translateX(1.5rem); }
.c4-fade-right {
  transform: translateX(-1.5rem); }
.c4-reveal-up > * {
  transform: translateY(100%); }
.c4-reveal-down > * {
  transform: translateY(-100%); }
.c4-reveal-left > * {
  transform: translateX(100%); }
.c4-reveal-right > * {
  transform: translateX(-100%); }
.c4-rotate-up-right > * {
  transform-origin: bottom left;
  transform: rotate(90deg); }
.c4-rotate-up-left > * {
  transform-origin: bottom right;
  transform: rotate(-90deg); }
.c4-rotate-down-right > * {
  transform-origin: top left;
  transform: rotate(-90deg); }
.c4-rotate-down-left > * {
  transform-origin: top right;
  transform: rotate(90deg); }

.c4-izmir .c4-layout-top-left {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left; }
.c4-izmir .c4-layout-top-center {
  justify-content: flex-start; }
.c4-izmir .c4-layout-top-right {
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right; }
.c4-izmir .c4-layout-center-left {
  align-items: flex-start;
  text-align: left; }
.c4-izmir .c4-layout-center-right {
  align-items: flex-end;
  text-align: right; }
.c4-izmir .c4-layout-bottom-left {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left; }
.c4-izmir .c4-layout-bottom-center {
  justify-content: flex-end; }
.c4-izmir .c4-layout-bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right; }

.c4-izmir {
  background-color: #00B4DB;
  background-color: var(--primary-color); }
  .c4-izmir figcaption {
    padding: 2em;}
    .c4-izmir figcaption > * {
      opacity: 0; }
  .c4-izmir.hover > img, .c4-izmir:hover > img, .c4-izmir:focus > img, :focus > .c4-izmir > img {
    opacity: 0.25;
    opacity: var(--image-opacity); }
  .c4-izmir.hover figcaption > *, .c4-izmir:hover figcaption > *, .c4-izmir:focus figcaption > *, :focus > .c4-izmir figcaption > * {
    opacity: 1; }

.snip1567 {
  background-color: #000000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  display: inline-block;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  margin: 10px;
  max-width: 310px;
  min-width: 250px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.snip1567 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.snip1567 img {
  max-width: 100%;
  opacity: 0.75;
  position: relative;
  vertical-align: top;
}

.snip1567 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1567 h3 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: #24444b;
  top: 0; color: #fff;
  font-weight: 800;
  letter-spacing: -0.4px;
  margin: 0;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}

.snip1567 p {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0px 20px;
  opacity: 0;
  text-align: right;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; color: #fff;
}

.snip1567 i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 54px;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.snip1567 .hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  background-color: rgba(88, 133, 167, 0.85);
  display: flex;
  font-size: 65px;
  justify-content: center;
  opacity: 0;
}

.snip1567 a {
  left: 0;
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.snip1567:hover .hover,
.snip1567.hover .hover {
  opacity: 1;
}

.snip1567:hover p,
.snip1567.hover p {
  opacity: 1; color: #fff;
}

.snip1567:hover h3,
.snip1567.hover h3 {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.snip1567:hover i,
.snip1567.hover i {
  -webkit-transform: translate(-50%, -50%) scale(0.1);
  transform: translate(-50%, -50%) scale(0.1);
  opacity: 0;
}

.snip1563 {
  background-color: #fff;
  color: #ffffff;
  display: inline-block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  margin: 10px 5px;
  max-width: 315px;
  min-width: 230px;
  overflow: hidden;
  position: relative;
  text-align: right;
  width: 100%;
}

.snip1563 *,
.snip1563 *:before,
.snip1563 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1563 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}

.snip1563:before,
.snip1563:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #b81212;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1563:before {
  -webkit-transform: skew(30deg) translateX(80%);
  transform: skew(30deg) translateX(80%);
}

.snip1563:after {
  -webkit-transform: skew(-30deg) translateX(70%);
  transform: skew(-30deg) translateX(70%);
}

.snip1563 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
  padding: 20px 20px 20px 40%;
}

.snip1563 figcaption:before,
.snip1563 figcaption:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #b81212;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: -1;
}

.snip1563 figcaption:before {
  -webkit-transform: skew(30deg) translateX(100%);
  transform: skew(30deg) translateX(100%);
}

.snip1563 figcaption:after {
  -webkit-transform: skew(-30deg) translateX(90%);
  transform: skew(-30deg) translateX(90%);
}

.snip1563 h3,
.snip1563 p {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
}

.snip1563 h3 {
  font-family: 'Teko', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}

.snip1563 p {
  font-size: 0.9em;
}

.snip1563 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1563:hover h3,
.snip1563.hover h3,
.snip1563:hover p,
.snip1563.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9;
}

.snip1563:hover:before,
.snip1563.hover:before {
  -webkit-transform: skew(30deg) translateX(30%);
  transform: skew(30deg) translateX(30%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.snip1563:hover:after,
.snip1563.hover:after {
  -webkit-transform: skew(-30deg) translateX(20%);
  transform: skew(-30deg) translateX(20%);
}

.snip1563:hover figcaption:before,
.snip1563.hover figcaption:before {
  -webkit-transform: skew(30deg) translateX(50%);
  transform: skew(30deg) translateX(50%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.snip1563:hover figcaption:after,
.snip1563.hover figcaption:after {
  -webkit-transform: skew(-30deg) translateX(40%);
  transform: skew(-30deg) translateX(40%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;}

  figure.snip0018 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;

  max-height: 360px;
  width: 100%;
  background: #000000;
  text-align: center;
}
figure.snip0018 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0018 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0018 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.snip0018 figcaption > div {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
figure.snip0018 figcaption::before {
  position: absolute;
  bottom: 0;
  right: 50%;
  left: 50%;
  height: 2px;
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0018 h2,
figure.snip0018 p {
  margin: 0;
  padding: 15px 10px 0;
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;
}
figure.snip0018 h2 {
  display: inline-block; color: #fff;
  word-spacing: -0.1em;
  font-weight: 600; font-size: 20px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0018 h2 span {
  font-weight: 800;
}
figure.snip0018 p {
  font-weight: 500; font-size:  13px;
  top: 0%;
  color: #000;
  -webkit-transform: translate3d(0%, -50%, 0);
  transform: translate3d(0%, -50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0018 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0018:hover img {
  opacity: 0.7;
}
figure.snip0018:hover figcaption h2,
figure.snip0018:hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0018:hover figcaption h2 {
  opacity: 1;
}
figure.snip0018:hover figcaption p {
  opacity: 1;
}
figure.snip0018:hover figcaption::before {
  background: #ffffff;
  left: 0px;
  right: 0px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.ls-turin:before,.ls-turin:after,.ls-turin *,.ls-turin *:before,.ls-turin *:after{box-sizing:border-box;transition:all 600ms ease;transition:all var(--transition-duration) ease;}
.ls-turin:before,.ls-turin:after{position:absolute;content:'';visibility:hidden;opacity:0;z-index:3;}
.ls-turin:before{top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 9999px #f5af19;box-shadow:0 0 0 9999px var(--primary-color);border:15px solid #f5af19;border:var(--border-margin) solid var(--primary-color);border-image-slice:1!important;}
.ls-turin figcaption{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;padding:var(--padding);width:100%;z-index:10;}
.ls-turin img{object-fit:cover;max-width:100%;width:100%;height:100%;}
.ls-turin h4{margin-top:0;color:#ffffff;color:var(--text-color);}
.ls-turin h4:last-child{margin-bottom:0;}
.ls-turin:hover:before,.ls-turin:hover:after,.ls-turin:focus:before,.ls-turin:focus:after,:focus > .ls-turin:before,:focus > .ls-turin:after{visibility:visible;opacity:0.8;opacity:var(--overlay-opacity);}
.ls-turin:hover:before,.ls-turin:focus:before,:focus > .ls-turin:before{top:0;left:0;right:0;bottom:0;}


.ls-image-zoom-out img{transform:scale(1.25);}
.ls-image-zoom-out:hover img,.ls-image-zoom-out:focus img,:focus > .ls-image-zoom-out img{transform:scale(1);}
[class^='ls-reveal']{display:inline-block;}
[class^='ls-reveal'] > *{display:inline-block;}
[class^='ls-reveal'] > *:last-child{margin-bottom:0;}
[class^='ls-reveal']{overflow:hidden;opacity:1;}
.ls-turin:hover [class^='ls-reveal'],.ls-turin:focus [class^='ls-reveal'],:focus > .ls-turin [class^='ls-reveal']{opacity:1;}
.ls-turin:hover [class^='ls-reveal'] > *,.ls-turin:focus [class^='ls-reveal'] > *,:focus > .ls-turin [class^='ls-reveal'] > *{transform:translate(0) rotate(0deg);}
.ls-reveal-right > *{transform:translateX(-100%);}
[class*=' ls-gradient']:before{box-shadow:none;}
.ls-turin .ls-layout-bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left;}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
[class*=' ls-border']:before{top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 9999px #f5af19;border:15px solid #f5af19;transform:none;animation:none;}
[class*=' ls-border']:after{top:calc(15px + 15px);left:calc(15px + 15px);right:calc(15px + 15px);bottom:calc(15px + 15px);background-color:#f5af19;transform:none;animation:none;}
}
@keyframes borderSkewOut{33%{transform:skew(-3deg, -3deg);}66%{transform:skew(3deg, 3deg);}}
@keyframes borderSkewIn{33%{transform:skew(3deg, 3deg);}66%{transform:skew(-3deg, -3deg);}}
@keyframes borderSlamOut{33%{transform:scale(1.25) rotate(-10deg);}66%{transform:scale(0.75) rotate(10deg);}}
@keyframes borderSlamIn{33%{transform:scale(0.75) rotate(10deg);}66%{transform:scale(1.25) rotate(-10deg);}}

.ls-image-zoom-in:hover img,.ls-image-zoom-in:focus img,:focus > .ls-image-zoom-in img{transform:scale(1.25);}
.ls-image-zoom-out img{transform:scale(1.25);}
.ls-image-zoom-out:hover img,.ls-image-zoom-out:focus img,:focus > .ls-image-zoom-out img{transform:scale(1);}
.ls-image-pan-up img{transform-origin:top;transform:scale(1.2) translate(0, 0);}
.ls-image-pan-up:hover img,.ls-image-pan-up:focus img,:focus > .ls-image-pan-up img{transform:scale(1.2) translate(0, -15%);}
.ls-image-pan-down img{transform-origin:bottom;transform:scale(1.2) translate(0, 0);}
.ls-image-pan-down:hover img,.ls-image-pan-down:focus img,:focus > .ls-image-pan-down img{transform:scale(1.2) translate(0, 15%);}
.ls-image-pan-left img{transform-origin:left;transform:scale(1.2) translate(0, 0);}
.ls-image-pan-left:hover img,.ls-image-pan-left:focus img,:focus > .ls-image-pan-left img{transform:scale(1.2) translate(-15%, 0);}
.ls-image-pan-right img{transform-origin:right;transform:scale(1.2) translate(0, 0);}
.ls-image-pan-right:hover img,.ls-image-pan-right:focus img,:focus > .ls-image-pan-right img{transform:scale(1.2) translate(15%, 0);}
.ls-image-blur:hover img,.ls-image-blur:focus img,:focus > .ls-image-blur img{filter:blur(4px);transform:scale(1.1);}
.ls-image-rotate-left img{transform:scale(1.1) translate(0, 0);}
.ls-image-rotate-left:hover img,.ls-image-rotate-left:focus img,:focus > .ls-image-rotate-left img{transform:scale(1.3) rotate(-15deg);}
.ls-image-rotate-right img{transform:scale(1.1) translate(0, 0);}
.ls-image-rotate-right:hover img,.ls-image-rotate-right:focus img,:focus > .ls-image-rotate-right img{transform:scale(1.3) rotate(15deg);}

[class^='ls-fade'] > *,[class^='ls-reveal'] > *,[class^='ls-rotate'] > *{display:inline-block;}
[class^='ls-fade'] > *:last-child,[class^='ls-reveal'] > *:last-child,[class^='ls-rotate'] > *:last-child{margin-bottom:0;}
[class^='ls-reveal'],[class^='ls-rotate']{overflow:hidden;opacity:1;}
[class^='ls-fade']{opacity:0;}
.ls-turin:hover [class^='ls-fade'],.ls-turin:focus [class^='ls-fade'],:focus > .ls-turin [class^='ls-fade']{opacity:1;transform:translate(0);}
.ls-turin:hover [class^='ls-reveal'],.ls-turin:hover [class^='ls-rotate'],.ls-turin:hover [class^='ls-flip'],.ls-turin:focus [class^='ls-reveal'],.ls-turin:focus [class^='ls-rotate'],.ls-turin:focus [class^='ls-flip'],:focus > .ls-turin [class^='ls-reveal'],:focus > .ls-turin [class^='ls-rotate'],:focus > .ls-turin [class^='ls-flip']{opacity:1;}
.ls-turin:hover [class^='ls-reveal'] > *,.ls-turin:hover [class^='ls-rotate'] > *,.ls-turin:hover [class^='ls-flip'] > *,.ls-turin:focus [class^='ls-reveal'] > *,.ls-turin:focus [class^='ls-rotate'] > *,.ls-turin:focus [class^='ls-flip'] > *,:focus > .ls-turin [class^='ls-reveal'] > *,:focus > .ls-turin [class^='ls-rotate'] > *,:focus > .ls-turin [class^='ls-flip'] > *{transform:translate(0) rotate(0deg);}
.ls-fade-up{transform:translateY(1.5rem);}
.ls-fade-down{transform:translateY(-1.5rem);}
.ls-fade-left{transform:translateX(1.5rem);}
.ls-fade-right{transform:translateX(-1.5rem);}
.ls-reveal-up > *{transform:translateY(100%);}
.ls-reveal-down > *{transform:translateY(-100%);}
.ls-reveal-left > *{transform:translateX(100%);}
.ls-reveal-right > *{transform:translateX(-100%);}
.ls-rotate-up-right > *{transform-origin:bottom left;transform:rotate(90deg);}
.ls-rotate-up-left > *{transform-origin:bottom right;transform:rotate(-90deg);}
.ls-rotate-down-right > *{transform-origin:top left;transform:rotate(-90deg);}
.ls-rotate-down-left > *{transform-origin:top right;transform:rotate(90deg);}
.ls-flip-horiz{perspective:50em;opacity:0;}
.ls-flip-horiz > *{transform:rotateY(90deg);transform-origin:50% 0%;}
.ls-flip-vert{perspective:50em;opacity:0;}
.ls-flip-vert > *{transform:rotateX(90deg);transform-origin:0% 50%;}

.ls-delay-200,.ls-delay-200 > *{transition-delay:200ms;}
.ls-delay-400,.ls-delay-400 > *{transition-delay:400ms;}
.ls-delay-600,.ls-delay-600 > *{transition-delay:600ms;}
[class^='ls-reveal']{display:inline-block;}
[class^='ls-reveal'] > *{display:inline-block;}
[class^='ls-reveal'] > *:last-child{margin-bottom:0;}
[class^='ls-reveal']{overflow:hidden;opacity:1;}
.ls-turin:hover [class^='ls-reveal'],.ls-turin:focus [class^='ls-reveal'],:focus > .ls-turin [class^='ls-reveal']{opacity:1;}
.ls-turin:hover [class^='ls-reveal'] > *,.ls-turin:focus [class^='ls-reveal'] > *,:focus > .ls-turin [class^='ls-reveal'] > *{transform:translate(0) rotate(0deg);}
.ls-reveal-up > *{transform:translateY(100%);}
.ls-reveal-down > *{transform:translateY(-100%);}
.ls-reveal-left > *{transform:translateX(100%);}
.ls-reveal-right > *{transform:translateX(-100%);}


.ls-turin .ls-layout-top-left{justify-content:flex-start;align-items:flex-start;text-align:left;}
.ls-turin .ls-layout-top-center{justify-content:flex-start;}
.ls-turin .ls-layout-top-right{justify-content:flex-start;align-items:flex-end;text-align:right;}
.ls-turin .ls-layout-center-left{align-items:flex-start;text-align:left;}
.ls-turin .ls-layout-center-right{align-items:flex-end;text-align:right;}
.ls-turin .ls-layout-bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left;}
.ls-turin .ls-layout-bottom-center{justify-content:flex-end;}
.ls-turin .ls-layout-bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right;}


.snip1319 {
  background-color: #667273;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.snip1319:after {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  right: 100%;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.snip1319:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background-color: inherit;
  border-radius: 10px;
  z-index: -1;
  box-shadow: inset 0 -6px 10px rgba(0, 0, 0, 0.75);
}
.snip1319:before,
.snip1319:after {}

.snip1319:hover:after,
.snip1319.hover:after {
  right: 0;
}


.engage .framebody li.list-group-item::before, .expand .framebody li.list-group-item::before, .evolve .framebody li.list-group-item::before { 
            content: ""; 
            position: absolute; 
            top: -2px; 
            left: -2px; 
            width: 0; 
            height: 0; 
            background: transparent; 
            border: 2px solid transparent; 
        } 
  
         .engage .framebody li.list-group-item:hover::before, .expand .framebody li.list-group-item:hover::before, .evolve .framebody li.list-group-item:hover::before { 
            animation: lborder 500ms linear forwards; 
        } 
  
        @keyframes lborder { 
            0% { 
                width: 0; 
                height: 0; 
                border-top-color: black; 
                border-right-color: transparent; 
                border-bottom-color: transparent; 
                border-left-color: transparent; 
            } 
  
            50% { 
                width: 100%; 
                height: 0; 
                border-top-color: black; 
                border-right-color: black; 
                border-bottom-color: transparent; 
                border-left-color: transparent; 
            } 
  
            100% { 
                width: 100%; 
                height: 100%; 
                border-top-color: black; 
                border-right-color: black; 
                border-bottom-color: transparent; 
                border-left-color: transparent; 
            } 
        } 
  
        .engage .framebody li.list-group-item::after, .expand .framebody li.list-group-item::after, .evolve .framebody li.list-group-item::after { 
            content: ""; 
            position: absolute; 
            top: -2px; 
            left: -2px; 
            width: 0; 
            height: 0; 
            background: transparent; 
            border: 2px solid transparent; 
        } 
  
        .engage .framebody li.list-group-item:hover::after, .expand .framebody li.list-group-item:hover::after, .evolve .framebody li.list-group-item:hover::after { 
            animation: lborders 500ms linear forwards; 
        } 
  
        @keyframes lborders { 
            0% { 
                width: 0; 
                height: 0; 
                border-top-color: transparent; 
                border-right-color: transparent; 
                border-bottom-color: transparent; 
                border-left-color: black; 
            } 
  
            50% { 
                width: 0; 
                height: 100%; 
                border-top-color: transparent; 
                border-right-color: transparent; 
                border-bottom-color: black; 
                border-left-color: black; 
            } 
  
            100% { 
                width: 100%; 
                height: 100%; 
                border-top-color: transparent; 
                border-right-color: transparent; 
                border-bottom-color: black; 
                border-left-color: black; 
            } 
        }