/** style.css**/

/** css **/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
	max-width: 100%;
	height: auto;
}
/* */

* {    box-sizing: border-box; outline:0}

h1,h2,h3,h4,h5,h6,strong {    font-family:pn-bold;}

  a {text-decoration:none}

  
@font-face {
    font-family:pn-light;
    src: url(../code/fonts/ProximaNova-Light.ttf);
} 

@font-face {
    font-family:pn-regular;
    src: url(../code/fonts/ProximaNova-Regular.ttf);
} 

@font-face {
    font-family:pn-semi;
    src: url(../code/fonts/ProximaNova-Semibold.ttf);
} 
 
@font-face {
    font-family:pn-bold;
    src: url(../code/fonts/ProximaNova-Bold.ttf);
} 



.screen {position:fixed; display:none; background-color:black; color:white; bottom:0; left:0; z-index:999; padding:0.5em; opacity:0.1  }


body::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
  width:0px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
  background-color: #e61e25;
}



  
p {line-height:1.5} 

strong {    font-family:pn-bold;}
body {font-size:18px; color:#52595f;  overflow-x:hidden;     font-family:pn-regular;
} 

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
 
html,body {height:100%;}


@media only screen and (max-width: 1705px) {
  body  {font-size:16px;}
}

@media only screen and (max-width: 1600px) {
  body  {font-size:15px;}
}

@media only screen and (max-width: 1440px) {
  body  {font-size:14px;}
}

@media only screen and (max-width: 1370px) {
  body  {font-size:13px;}
}

@media only screen and (max-width: 1290px) {
  body  {font-size:12px;}
}



.reverse-row { flex-direction:row-reverse}

.flex-row  {display:flex; width:100%;}
.flex-col.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-left:0;
  padding-right:0;
}
.flex-col.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.flex-col.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.flex-col.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.flex-col.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.flex-col.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.flex-col.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.flex-col.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.flex-col.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.flex-col.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.flex-col.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.flex-col.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.flex-col.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.flex-col.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}



.align-center {text-align:center;}
.align-right {text-align:right}
.align-left:{text-align:left;}
.row {margin-left:-15px; margin-right:-15px;}
.row:after {clear:both; display:block; content:''}
.col {float:left; padding-left:15px; padding-right:15px; }
.section {padding-left:4em; padding-right:4em; background-color:white; display:inline-block; width:100%;
}


.row.no-gutter {margin-left:0; margin-right:0;} 
.row.no-gutter .col {padding-left:0;padding-right:0;}
.page-wrapper {overflow-x:hidden;}

.page-head-container {position:relative;}

/*
@media only screen and (max-width: 1370px) {
.section {padding-left:3em; padding-right:3em; }

}



@media only screen and (max-width: 767px) {
.section {padding-left:2em; padding-right:2em; }

}
*/



/** dropdown **/

/* */

.mb-1 {margin-bottom:1em;}
.mb-2 {margin-bottom:2em;}
.mb-3 {margin-bottom:3em;}
.mb-4 {margin-bottom:4em;}
.mb-5 {margin-bottom:5em;}

.mt-1 {margin-top:1em;}
.mt-2 {margin-top:2em;}
.mt-3 {margin-top:3em;}
.mt-4 {margin-top:4em;}
.mt-5 {margin-top:5em;}


/** content **/
.content-header  { position:relative;}
.content-header img {width:100%;}
.content-header h1{font-size:3em; font-family:pn-bold; border-left:4px #e61e25 solid; padding-left:0.5em; padding-top:0.25em; padding-bottom:0.25em; color:white; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:1em; }

.content-header .social-media-fixed {top:50%; bottom:auto; transform:translateY(-50%)}
.content-header .scroll-icon {bottom:0;}


.home-icon {position:fixed; left:1em; width:2em; height:2em; top:25%; background-image:url('../img/home-icon.png'); background-size:100%; }
.home-icon:hover { background-image:url('../img/home-icon-hover.png');}
.content-area {}

.sidebar-layout,.fullwidth-layout {padding-top:4em;}

.sidebar-layout .sidebar{width:25%;}
.sidebar-layout .content-area{width:75%; padding-left:4em;}


.fullwidth-layout .content-area{width:100%; }



.menu-list {width:100%; }
.menu-list li{margin-bottom:0.5em;  border-bottom:1px solid #d5d5d5; padding-bottom:0.5em;}
.menu-list a {border-left:4px solid #d5d5d5; padding-top:0.5em; padding-bottom:0.5em; border-bottom:0 !important; font-size:1.25em;  padding-left:1.5em; color:#040707;display: inline-block; width:100%; }

.menu-list a:hover,.menu-list a.active {background-color:white; color:#e61e25;border-left:4px solid #e61e25; border-bottom:0; }

.menu-list  ul{ background-color:#f6f6f6; margin-left:1em; margin-top:0.5em; }
.menu-list  ul li {border-bottom:1px solid white;}
.menu-list  ul li a {border:0;}
.menu-list  ul li:first-child a {padding-top:1em;}
.menu-list  ul li a:hover,.menu-list  ul li a.active {background-color:transparent; border:0;}

.content-area h2 {font-size:3em; color:#7c7c7c; margin-bottom:0.5em; }
.content-area h2 span {color:#e61e25}
.content-area p {margin-bottom:1em;}
.content-area h3 {font-size:1.2em; margin-bottom:0.8em;}
.content-area h4 {font-size:1.1em; margin-bottom:0.9em;}

.homePageContent p {margin-bottom:0;}
.homePageContent h3 {font-size:1em;}
.homePageContent h4 {font-size:1em;}

/** **/

.site-nav {display:inline-block; vertical-align:middle;    float:right; width:100%; padding-left:1em; }

.mobile-menu-button {height:4em;width:4em;background-size:100%; background-position:center; background-image:url('../img/mobile-menu.png'); display:none;}





.dropDownMenu {  

    width: 100%;
    display: flex;
    justify-content:space-between;
    /* padding-top: 1em; */
    margin-right: 0px;
    position:relative;
    padding-left: 14em;
    padding-right: 21em;
  }

.dropDownMenu:after {position:absolute;width:100%; height:100%; top:0; left:0; background-color:white; content:''; display:block;z-index:10}  
  


.dropDownMenu a {
  cursor:pointer;
  position:relative;
  z-index:1200;
    color: #040707;
    display: inline-block;
    font-weight: 700;
    padding: 0.8em;
    margin-top: -0.8em;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.dropDownMenu li:last-child a { margin-right:-15px;}

.caret {width:10px; height:8px; background-image:url(../img/caret.png); display:inline-block; vertical-align:middle;
 background-size:contain; background-repeat:no-repeat}

.dropDownMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  

}
.dropDownMenu li {
  
}
.dropDownMenu a {
    margin-top: 0;
    line-height: 3.8em;
    font-size: 1em;
    padding: 0px 10px;
    display: block;
    text-decoration: none;
    border-bottom:0.2em solid #fff

}
.dropDownMenu a:hover,.hasDropDown.active a{
  

  border-bottom:0.2em solid #e61e25;

}
/*.dropDownMenu a:hover .caret {background-image:url(../img/white-caret.png);} */

/* Level 1 Drop Down */
.dropDownMenu > li {
  
  display: inline-block;
  vertical-align: middle;
}
.dropDownMenu > li:first-child a {
  margin-left: 0;
}


.menu-down-box {display:block; padding:2em; z-index:2; position:absolute;width:100%; background-color:white;z-index:2; left:0;transform:translateY(-120%);
  overflow:hidden;
    -webkit-transition: all 700ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 700ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 700ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 700ms cubic-bezier(0.250, 0.460, 0.450, 0.940);



}
.active .menu-down-box {transform:translateY(0);}




.menu-down-box ul{width:100%;}
.menu-down-box li{margin-bottom:0.5em;  border-bottom:1px solid #d5d5d5; padding-bottom:0.5em;}
.menu-down-box a {border-left:4px solid #d5d5d5; line-height:2em; border-bottom:0 !important; }

.menu-down-box a:hover {background-color:white; color:#e61e25; padding-left:1.5em;border-left:4px solid #e61e25; border-bottom:0; }

.menu-text-col  img {display:none;}

.menu-text-col {padding-right:4em;transform:translateY(1200px); 

  -webkit-transition: all 900ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 900ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 900ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 900ms cubic-bezier(0.250, 0.460, 0.450, 0.940);


opacity:0;


transition-delay:0s;
}
.active .menu-text-col  {transform:translateX(0); opacity:1; }




.menu-image-col {transform:translateY(1200px); 

  -webkit-transition: all 900ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 900ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 900ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 900ms cubic-bezier(0.250, 0.460, 0.450, 0.940);




}
.active .menu-image-col  {transform:translateY(0%);}




.black-layer {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:10; display:none;


  -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

  opacity:0;
}

.black-layer.active { opacity:1;}
 
.search-bar {display: flex;
    align-items: center;
    background-color: #f7f7f7;
    position: absolute;
    left: 4em;
    right: 4em;
    z-index: 3; transform:translateY(-100%);
  
  -webkit-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  
  }
  
.search-bar.active { transform:translateY(0);}  
  
.search-bar .input-box {width:100%; padding-left:1em; }
.search-bar .input-box input {width:90%; border:0px; background-color:transparent;}
.search-bar .search-button-close {  margin-top: 0;
    line-height: 4em;
    font-size: 1em;
    padding: 0px 15px;
    display: block;
    text-decoration: none;
  color:white;
  background-color:#e61e25;
  width:10em;
  text-align:center;
  cursor:pointer;
  -webkit-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  
  }

#searchTopic {
    font-size: 1em;
    border: 0px;
    background-color: transparent;
    color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.search-bar .search-button-close:hover { background-color:#ff4950}  
  
.search-bar .search-button-close:before {display: inline-block;
    width: 0.75em;
    height: 0.75em;
    vertical-align: middle;
    background-size: 100%;
    background-position: center;
    background-image: url(../img/cross-icon-white.png);
    content: '';
    margin-bottom: 3px;
    margin-right: 1em;} 
  
/** main page carousel **/
.scroll-icon {position:fixed; width:2em; bottom:4em; right:1em;}
.scroll-icon img {width:100%;}
.header  { position:fixed; width:100%; z-index:99}
.header-row {position:relative;z-index:1;}

.social-media-fixed {position:fixed; width:4em; text-align:center;bottom:4em; left:0;display:none;}
.social-media-fixed a{width:1em; height:1em; background-size:100%;  background-position:center; display:block; margin-left:auto; margin-right:auto; margin-top:1em; background-repeat:no-repeat;}
.social-media-fixed a.facebook {background-image:url('../img/social-media-icons/facebook/facebook-icon.png');}
.social-media-fixed a.facebook:hover  {background-image:url('../img/social-media-icons/facebook/facebook-icon-hover.png');}
.social-media-fixed a.linkedin {background-image:url('../img/social-media-icons/linkedin/linkedin-icon.png');}
.social-media-fixed a.linkedin:hover {background-image:url('../img/social-media-icons/linkedin/linkedin-icon-hover.png');}
.social-media-fixed a.youtube {background-image:url('../img/social-media-icons/youtube/youtube-icon.png');}
.social-media-fixed a.youtube:hover {background-image:url('../img/social-media-icons/youtube/youtube-icon-hover.png');}
.social-media-fixed a.instagram {background-image:url('../img/social-media-icons/instagram/instagram-icon.png');}
.social-media-fixed a.instagram:hover {background-image:url('../img/social-media-icons/instagram/instagram-icon-hover.png');}
.social-media-fixed a.linkedin {background-image:url('../img/social-media-icons/linkedin/linkedin-icon.png');}
.social-media-fixed a.linkedin:hover {background-image:url('../img/social-media-icons/linkedin/linkedin-icon-hover.png');}



.site-logo  {height:4em; margin-right:auto; }
.site-logo img {
    height: 4em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.header-dil-button {       margin-top: 0;
    line-height: 4em;
    width: 4em;
    font-size: 1em;
    padding: 0px 15px;
    display: block;
    text-decoration: none;
    color: white;
    background-color: #e61e25;
    text-align: center;
  
  
    -webkit-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}



.header-search-button { margin-top: 0;
    line-height: 4em;
    font-size: 1em;
    padding: 0px 15px;
    display: block;
    text-decoration: none;
  color:white;
  background-color:#e61e25;
  width:12em;
  text-align:center;
  cursor:pointer; 
    -webkit-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

  }
  

  

.header-search-button:before {display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-size: 100%;
    background-position: center;
    background-image: url();
    content: '';
    margin-bottom: 3px;
    margin-right: 0.5em;} 



.red-box {
    width: 4em;
    height: 17em;
    position: fixed;
    top: 0;
    right: 0;
    color: white;
    background-color: #e61e25;
  z-index:-1;
}
.main-page-carousel .item {width:100%; height:100vh; position:relative;}
.main-page-carousel .slider-inner{background-size:cover; background-position:center; position:absolute; top:0; bottom:8em;  width:100%; }

.main-page-carousel .slider-inner .text-content {width:50%; position:absolute; top:55%; transform:translateY(-50%); font-size:3em; right:1em; color:white; border-left:3px solid #e61e25; padding-left:0.5em;  opacity:0;
-webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
overflow:hidden;
}

.main-page-carousel .slider-inner .text-content p {transform:translateX(-100%);

-webkit-transition:all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition-delay:500ms;
  margin-bottom:0;

}
.main-page-carousel .active .slider-inner .text-content p { transform: translateX(0%); text-shadow: 2px 1px 4px #000;
}


.main-page-carousel .active .slider-inner .text-content {top:50%; opacity:1;}

  
.slider-control {position:absolute;z-index:5; top:50%; transform:translateY(-50%); left:-3.5em; margin-top:-4em;} 
.slider-control .control-row {display:flex; align-items:center; padding:0.75em 3em 0.75em 0.75em; border:3px solid transparent; border-radius:100px;
cursor:pointer;
-webkit-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
} 
.slider-control .control-row img {width:2em; margin-right:3em;}
.slider-control .control-row span {font-size:1.5em; color:white;
 position:relative; 
left:0;
-webkit-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}


.slider-control .control-row.active {border:3px solid red; margin-top:1em; margin-bottom:1em;}
.slider-control .control-row.active span {font-size:1.75em; font-family:pn-bold;left:0;}

.slider-control .control-row:hover span {left:1em;}
.slider-control .control-row.active:hover span {left:0em;}

.carousel-container {position:relative;}
.carousel-container .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    right: 1em;
    bottom: 1em;
}
.carousel-container .owl-theme .owl-dots .owl-dot span { margin: 5px 2px; width:1em; height:1em; background: #818485;}

.carousel-container .owl-theme .owl-dots .owl-dot.active span {
    background-color:white;
}





.down-arrow {width:5em; position:absolute; bottom:6em; left:0; right:0; margin-left:auto; margin-right:auto;z-index:10; cursor:pointer;
-webkit-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

}
.down-arrow img{width:100%;}
.down-arrow:hover {bottom:6.5em;}



.main-text-content {margin-bottom:3em; margin-top:5em;}
.main-text-content .text-content {padding-right:4em;}
.main-text-content .text-content p{margin-bottom:1em;}
.main-text-content .text-content h2 {font-size:2.5em; line-height:1.2; margin-bottom:0.5em}
.main-text-content .text-content h2.grey {color:#7c7c7c}
.main-text-content .text-content h2 span {display:block;}
.main-text-content .text-content h2 span.red {color:#e61e25}

.main-info {margin-top:2em;}
.main-info img {width:100%; display:block}
.main-info .icon {width:2em; height:2em; margin-right:1em;}

.main-info .flex-row {align-items:center;}
.main-info .text .flex-row{margin-bottom:1em;}
.main-info .text {padding-left:1em;}
.main-info .text h3 {font-size:1.5em; font-family:pn-bold; color:#e61e25; margin-bottom:1em;}
.main-info .text p {font-size:1.5em; font-family:pn-semi; color:#040707}
.main-info .text span {font-size:1.2em;  color:#656565}
.main-info .text span a {text-decoration:underline; color:#656565}
.main-info .text span a:hover {color: #e61e25;}
.main-info .black-col {background-color:#040707}
.main-info .black-col p{color:white;}



.mobile-menu-wrapper {display:none;}
.mobile-menu-wrapper.block {display:none;}


.grid-content {position:relative; right:-0.5em;}
.main-text-content .grid-content img {width:100%; display:block;}
.main-text-content .grid-content .flex-row{align-items:center;}
.main-text-content .grid-content .flex-col {padding:0.5em;}
.main-text-content .grid-content .flex-col h3 {    font-size: 1.3em;font-family: pn-bold;color: #e61e25;margin-bottom: 1em;}

.main-text-content .grid-content .flex-col a {color:#040404; }
.main-text-content .grid-content .flex-col a:hover {color:#e61e25; }

.main-text-content .grid-content .text-box {position:relative; }
.main-text-content .grid-content .text-box .flex-row{     position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%,-50%); color:white; align-items:start;}
.main-text-content .grid-content .text-box .flex-row p {  font-size:1.5em;}

.main-text-content .grid-content .text-box .flex-row span {    color: #656565;}
.main-text-content .grid-content .text-box .flex-row a {    color: #656565;}
.main-text-content .grid-content .text-box .flex-row a:hover {color:#fff;}

.main-text-content .grid-content .text-box .flex-row img {width:2em;}


.main-info-row {justify-content:space-between; padding:1em; border:1px solid #e61e25; margin-bottom:5em; }
.main-info-row div img {display:inline-block; vertical-align:middle; height:3.5em;}
.main-info-row div p {display:inline-block; vertical-align:middle; font-family:pn-light; font-size:2.25em;}
.main-info-row div p span {color:#e61e25}

.main-info-row .col {padding-left:0; padding-right:0; }

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

.scroll-icon {display:none;}
.main-text-content {flex-direction:column}
.main-text-content .flex-col.col-6 {max-width:100%;}
.main-text-content .text-content {margin-bottom:3em;}
.main-info-row {    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;} 
.main-info-row .col {width:50%; margin-top:1em; margin-bottom:1em;}


  
  .mobile-menu-wrapper {}
.mobile-menu-wrapper.block {display:block;}
  
.dropDownMenu {padding-bottom:2em; padding-top:2em; flex-direction:column}
  
  
.dropDownMenu li {
    margin-bottom: 0.5em;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 0.5em;
      position: relative;
    z-index: 99;
  
} 
  
  .dropDownMenu a {
    border-left: 4px solid #d5d5d5;
    line-height: 2em;
    border-bottom: 0 !important;
  
}
  
  .mobile-menu-wrapper {position: absolute;
    top:4em;
    background-color: white;
    width: 100%;
    z-index: 100;transform:translateY(-120%);
  
  -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  
  }
  
  .mobile-menu-wrapper.open {transform:translateY(0%);}
  
  
  .mobile-menu-wrapper ul {width:100%; padding:2em; background-color:white;}
  .mobile-menu-wrapper li {
    margin-bottom: 0.5em;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 0.5em;
      position: relative;
    z-index: 99;
} 
  
  .mobile-menu-wrapper a {
     border-left: 4px solid #d5d5d5;
    line-height: 2em;
    border-bottom: 0 !important;
    display: inline-block;
    padding-left: 1em;
  font-family:pn-bold;

      color: #040707;
}
  
  
  
.menu-down-box {top:0; display:none;} 
  
  
.header-search-button span{display:none;}
.header-search-button {padding:0;
width: 4em;
    line-height: 4em;
    height:4em;
    padding: 0;}


.mobile-menu-button {
    height: 4em;
    width: 4em;
    margin-left: 1em;
    background-size: 100%;
    background-position: center;
    background-image: url(../img/mobile-menu.png);
    background-repeat: no-repeat;
    display: none;
}


.mobile-menu-button {display:block;}
.site-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 4em;
  padding-left:0;
  transform:translateY(-150%);
  
  
  
  -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);



  
}


.site-nav.mobile-open {transform:translateY(0%);}


.site-logo,.header-search-button,.header-dil-button,.mobile-menu-button {position:relative;z-index:10}


.footer-menu a {font-size:9px;}

  } 

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

.col-direct-mid {flex-direction:column}

.col-direct-mid .flex-col.col-6 { max-width:100%; width:100%;}

}



@media only screen and (max-width: 767px) {
  
.main-info-row .col {width:100%;}
.main-info-row div p {font-size:1.75em;}
.col-direct-sm {flex-direction:column}

.col-direct-sm .flex-col.col-6 { max-width:100%; width:100%;}


.main-info .flex-col{margin-bottom:2em;}
.main-info .black-col {height:auto !important; padding-top:2em; padding-bottom:2em; }
.main-info .black-col  .flex-col {margin-bottom:0;}

.main-text-content {flex-direction:column}
.main-text-content .text-content {max-width:100%; padding-right:0; width:100%;}

}



.footer {margin-top:4em;}
.footer-menu {justify-content:space-between; padding-top:1em; padding-bottom:1em;border-bottom:1px solid #bdbdbd;}
.footer-menu a {color:#040707; font-family:pn-bold;}
.footer-menu a:hover {color:#e61e25} 


.footer-social-media {margin-left:1em;}
.footer-social-media a {width:2em; height:2em; background-size:100%; background-position:center; display:inline-block;

-webkit-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

}
.footer-social-media .facebook {background-image:url('../img/social-media-icons/facebook/footer-facebook-icon.png');}
.footer-social-media .facebook:hover {background-image:url('../img/social-media-icons/facebook/footer-facebook-icon-hover.png');}

.footer-social-media .instagram {background-image:url('../img/social-media-icons/instagram/footer-instagram-icon.jpg');}
.footer-social-media .instagram:hover {background-image:url('../img/social-media-icons/instagram/footer-instagram-icon-hover.jpg');}

.footer-social-media .linkedin {background-image:url('../img/social-media-icons/linkedin/footer-linkedin-icon.png');}
.footer-social-media .linkedin:hover {background-image:url('../img/social-media-icons/linkedin/footer-linkedin-icon-hover.png');}

.footer-social-media .twitter {background-image:url('../img/social-media-icons/twitter/footer-twitter-icon.png');}
.footer-social-media .twitter:hover {background-image:url('../img/social-media-icons/twitter/footer-twitter-icon-hover.png');}

.footer-social-media .youtube {background-image:url('../img/social-media-icons/youtube/footer-youtube-icon.png');}
.footer-social-media .youtube:hover {background-image:url('../img/social-media-icons/youtube/footer-youtube-icon-hover.png');}

.footer-social-media .plus {background-image:url('../img/social-media-icons/google-plus/footer-google-plus-icon.png');}
.footer-social-media .plus:hover {background-image:url('../img/social-media-icons/google-plus/footer-google-plus-icon-hover.png');}

.sub-footer {display:flex; align-items:center; margin-top:2em; margin-bottom:2em;}
.sub-footer p{color:#adadad; font-family:pn-semi; }
.sub-footer p.copyright {margin-left:auto;}




@media only screen and (max-width: 767px) { 
.main-page-carousel .slider-inner { bottom:6em;}
.slider-control {margin-top:-3em;    left: -1.8em;}
.slider-control .control-row {padding:0.75em;}
.slider-control .control-row span {display:none;}
.slider-control .control-row img {margin-right:0;}


.slider-control .control-row.active {    border: 2px solid red; }
.slider-control .control-row {
    margin-top: 0.25em;
    background-color: white;
    padding: 0.75em;
    border: 2px solid black;
    margin-bottom: 0.25em;
}


.main-page-carousel .slider-inner .text-content {width:75%;}




.footer-menu {flex-direction:column;}
.footer-menu a {margin-bottom:1.5em;}


.sub-footer {flex-direction:column;align-items: normal; }

.footer-social-media {margin-left:0; margin-top:1em; margin-bottom:1em;}
.sub-footer p.copyright {margin-left:0;}

.section {padding-left:2em; padding-right:2em;}
.site-nav {top:2em;}
.red-box {width:2em;}

.header-search-button span{display:none;}
.header-search-button {width: 3em;
    line-height: 3em;
    height: 3em;
    padding: 0;}

.mobile-menu-button {width:3em; height:3em;}
.header-dil-button {    width: 3em;
    line-height: 3em;
    height: 3em;
    padding: 0;
}


.site-logo {height:3em;}
.site-logo img {
    height: 3em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}



.search-bar {left:2em; right:2em;}
.social-media-fixed {display:none;}


.search-bar .search-button-close {width: 3em;line-height: 3em;}
.search-button-close span {display:none;}


.mobile-menu-wrapper {top:3em;}
}






@media only screen and (max-width: 769px) {
.menu-list a {font-size:1em;} 
.sidebar-layout .sidebar{width:100%;}
.sidebar-layout .content-area{width:100%; padding-left:15px;}
.home-icon {display:none;}

.content-header h1 {font-size:1.5em;}
  }
  
  
.content-meta {margin-bottom:2em; margin-top:2em; display:flex; justify-content:space-between; align-items:center;} 
.breadcrumb li{display:inline-block; font-family:pn-bold;}  
.breadcrumb li a {color:#030706; font-family:pn-regular; }
.breadcrumb li a:hover {text-decoration:underline}
.breadcrumb li a:after {content:'\00a0  / \00a0'; display:inline-block; vertical-align:middle; }  



/** **/

.page-tools {    }
.page-tools span{color: #040707; font-size:14px;vertical-align:middle; font-weight:500; display:inline-block; margin-right:15px;}
.share-button {display:inline-block;    vertical-align: middle;}
.share-button a {
  padding:8px 0; width:28px; height:28px; display:inline-block; text-align:center; font-size:12px;color:white;
    -webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transform:translateY(0px);
background-size:100%;
}

.share-button a:hover {transform:translateY(-10px);}

.share-button a.facebook {background-image: url(../img/footer-facebook-icon-hover.png);}
.share-button a.twitter {background-image: url(../img/twitter-icon.png);}
.share-button a.linkedin {background-image: url(../img/footer-linkedin-icon-hover.png);}
.share-button a.mail {background-image: url(../img/mail-icon.png);}


.text-tools {font-size:0px; display:inline-block; margin-left:15px;     vertical-align: middle;}
.text-tools div {color: #040707; display:inline-block; width:45px; text-align:center; font-weight:500; font-size:26px;vertical-align:middle; cursor:pointer;

    -webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transform:translateY(0px);
}

.text-tools div:hover {transform:translateY(-10px);}


.text-tools div.print-text {background-image:url('../img/print-icon.png'); background-size:contain; height:26px; background-position:center center; background-repeat:no-repeat; }




@media only screen and (max-width: 1080px) {
.text-tools div.print-text {display:none;}
  }
@media only screen and (max-width: 767px) {
  .sidebar-layout,.fullwidth-layout {padding-top:3em;}
  .content-meta {flex-direction:column;    align-items: flex-start;}
  
  .content-banner {text-align:center;}
  

  .page-tools {    float: none;
    position: relative;
    top: auto;
    transform: translateY(0);
    right: auto;}
  .page-tools span {font-size:14px}
  .share-button {margin:15px 0}
  .share-button a {width:20px; height:20px;}
  .text-tools div {font-size:15px; width:22.5px;}
}

/**/


.category-row .col .col-inner { position:relative;}
.category-row .col {width:33.333%; margin-bottom:30px;}
.category-row .col img {width:100%; display:block;}
.category-row .col p {
  
    -webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  
  font-size: 1.4em;
    font-family: pn-bold;
    border-left: 2px #e61e25 solid;
    padding-left: 0.5em;
    padding-top: 6.25em;
    padding-bottom: 0.25em;
    color: white;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    margin-left: 2em;}
  
.category-row .col:hover p {top: 45%; } 



.accordion-head {background-color:#f0f0f0; padding:1em; display:flex; justify-content:space-between; border-bottom:2px solid #b2b2b2;height: 3.5em; cursor:pointer;}
.accordion-head  p {margin-bottom:0; font-family:pn-bold;}  
.accordion-head .icon {width:1.5em; height:1.5em; background-size:100%; background-image:url('../img/accordion-down-icon.png'); transform:rotate(0deg);
    -webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  background-repeat:no-repeat;
}
.accordion-head.open .icon {transform:rotate(180deg);}


.accordion-head:hover .icon {margin-top:4px;}

.accordion-sub-box {display:none;}
.accordion-element {background-color:#fff; padding:1em; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #d5d5d5;
cursor:pointer;
  -webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

}
.accordion-element:hover {background-color:#f0f0f0} 
.accordion-element p {margin-bottom:0; margin-right:auto;}
.accordion-element .icon {width:1.5em; height:1.5em; background-size:100%; background-image:url('../img/download-icon.png');background-repeat:no-repeat;}
.accordion-element .pdf-icon {width:2em; height:2em; background-size:100%; background-image:url('../img/pdf-icon.png'); margin-right:0.5em;background-repeat:no-repeat;}


.accordion-sub-text {margin-top:1em; margin-bottom:1em; line-height:1.5; padding-left:1em;}


.image-accordion-content .col.text {width:65%}
.image-accordion-content .col.image {width:35%; float:right;}
.image-accordion-content .col.image img {width:100%;}
@media only screen and (max-width: 767px) { 
.accordion-head {height:auto;}
.image-accordion-content .col.text,.image-accordion-content .col.image {width:100%}


.category-row .col {width:100%;}
}







.line-article-content {position:relative;}
.line-article-content:before  {content:''; display:block;width:2px;background-color:#d5d5d5; position:absolute; height:100%; left:0; right:0; margin-left:auto; margin-right:auto;}


.article-row {display:flex; align-items:center; margin-bottom:3em;}
.article-row .img-box {width:57%; padding-right:2em; }
.article-row img {width:100%; display:block; }
.article-row .text { margin:0 2em; width:50%;  position:relative; margin-top:3em;     padding-left: 4em}
.article-row .text p.article-head  {font-size:3em; margin-bottom:0; font-family:pn-bold;}

.article-row .arrow {position: absolute;width: 6em;left: -3em;top: 1em;height: 2.3em;background-image:url('../img/right-km-arrow.png');  background-size:100%;}
  
.article-row.reverse {flex-direction:row-reverse;} 
.article-row.reverse .img-box { border-right:0; padding-left:2em; padding-right:0; }
.article-row.reverse .arrow  {right:-3em; left:auto;background-image:url('../img/left-km-arrow.png');}
.article-row.reverse .text {padding-right:4em; padding-left:0;}

@media only screen and (max-width: 767px) { 
.article-row,.article-row.reverse {flex-direction:column; align-items:flex-start;}
.article-row .img-box,.article-row.reverse .img-box {width:100%;padding-left:0; padding-right:4em;}
.article-row .text,.article-row.reverse .text {width:100%; padding-left:0; padding-right:3em; margin:1em 0em 2em 0em}

.article-row .arrow,.article-row.reverse .arrow {left:auto; right:1em;background-image:url('../img/left-km-arrow.png'); }
.line-article-content:before {left:auto; right:2em;}
.article-row .text p.article-head {text-align:right; padding-right:1.6em;}
}




.in-text-content .article-row .text p.article-head {line-height:1}
.in-text-content .article-row .text p.article-head  .red{display:block; color:#e61e25}







 







/** gallery **/
.gallery-2-col, .gallery-3-col,.gallery-4-col, .gallery-5-col {
  
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-end;
  
}
.gallery-2-col .col {width:50%; margin-bottom:2em;}
.gallery-2-col .col p {text-align:center; margin-top:1em; color:#040404}
.gallery-2-col .col:hover p { color:#e61e25}
.gallery-2-col .col img {width:100%; display:block;}

.gallery-3-col .col {width:33.333%; margin-bottom:2em;}
.gallery-3-col .col p {text-align:center; margin-top:1em; color:#040404}
.gallery-3-col .col:hover p { color:#e61e25}

.gallery-3-col .col img {width:100%; display:block;}

.gallery-4-col .col {width:25%; margin-bottom:2em;}
.gallery-4-col .col p {text-align:center; margin-top:1em; color:#040404}
.gallery-4-col .col:hover p { color:#e61e25}

.gallery-4-col .col img {width:100%; display:block;}

.gallery-5-col .col {width:20%; margin-bottom:2em;}
.gallery-5-col .col p {text-align:center; margin-top:1em; color:#040404}
.gallery-5-col .col:hover p { color:#e61e25}

.gallery-5-col .col img {width:100%; display:block;}


@media only screen and (max-width: 767px) {
.gallery-2-col .col, .gallery-3-col .col,.gallery-4-col .col, .gallery-5-col .col{width:100%;}  
  
}

/** gallery **/


.content-table td {vertical-align:middle; text-align:center;}
.content-table.align-left td {text-align:left}
 .content-table.bordered td {border:1px solid #cecece} 
.content-table.padding td{padding:1em;} 





.search-result-head {background-color:#f0f0f0; padding:1em; display:flex; justify-content:space-between; border-bottom:2px solid #b2b2b2; align-items:center; }
.search-result-head  p {margin-bottom:0; font-family:pn-bold; color:#040707; width:50%;}  
.search-result-head .icon {width:0.8em; height:0.8em; background-size:100%; background-image:url('../img/search-result/search-result-arrow.png'); transform:rotate(0deg);
    -webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  background-repeat:no-repeat;
  margin-left:0.5em;
}

.search-result-head .right-span {display:flex; align-items:center; font-size:1.2em; color:#040707}
.search-result-content {padding:1em; line-height:1.5;}
.search-result-head a:hover {text-decoration:underline;color:#040707}








.grup-sirket-row {display:flex; align-items:center;border-bottom:1px solid #e1e1e1; padding-top:0.5em; padding-bottom:0.5em;}
.grup-sirket-row .grup-logo {width:5em; }
.grup-sirket-row .grup-logo img {width:100%;}
.grup-sirket-row .grup-text {margin-right:auto; margin-left:1em;}
.grup-bar {width:25%; text-align:center;}
.grup-bar .grup-bar-outer {background-color:#e1e1e1; padding-top:0.5em; padding-bottom:0.5em; position:relative;}
.grup-bar .grup-bar-inner {position:absolute; height:100%; top:0; left:0;     background-color: #e61e25;  }
.grup-bar i {position:relative; z-index:2;color:#030706}

.grup-bar-outer  em {
position:relative;
z-index:10;
}

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

.grup-sirket-row {flex-wrap: wrap;}
.grup-bar {width:100%; margin-top:1em; margin-bottom:1em;}
  }




.m3{margin-top: 3em;}
.m4{margin-bottom: 4px;}
.text-center{text-align: center !important;}
.font05{font-size: 0.5em;}
.p19{padding-top: 19px;}
.img-Responsive{max-width:100%;}
.cImage{max-width: 126px; float: left; margin-right: 14px;}
.lChange{line-height: 2.1;}
body > div.section.fullwidth-layout > div > div.homePageContent > div.flex-row.main-text-content > div.flex-col.col-6.grid-content > div > div:nth-child(1) > div > div:nth-child(2) > p > a, body > div.section.fullwidth-layout > div > div.homePageContent > div.flex-row.main-text-content > div.flex-col.col-6.grid-content > div > div:nth-child(2) > div > div:nth-child(2) > p > a{color:#fff;}
/*body > div.section.fullwidth-layout > div > div.homePageContent > div.flex-row.main-text-content > div.flex-col.col-6.grid-content > div > div:nth-child(2) > div > div:nth-child(2) > a > span{color:#fff;}*/
body > div.section.fullwidth-layout > div > div.homePageContent > div.flex-row.main-text-content > div.flex-col.col-6.grid-content > div > div:nth-child(1) > div > div:nth-child(2) > span > a{color:#fff;}
.search-result-row{position:relative;}
.blockLink{position:absolute;width:100%;height:100%;top:0;left:0;}

dl.DL,dt.DT{width:100%}.textChart,dl.DL{background-color:#fff}dl.DL{display:flex;flex-direction:column;max-width:700px;position:relative;padding:20px;}.percentage,dt{margin-left:130px}dt.DT{align-self:flex-start;display:block;text-align:center;font-size:1.2em;font-weight:700;margin-bottom:20px}.textChart{font-weight:600;display:flex;align-items:center;height:40px;width:130px;position:absolute;left:0;justify-content:flex-end;font-size:10px}.percentage{font-size:.8em;line-height:1;text-transform:uppercase;width:100%;height:40px;background:repeating-linear-gradient(to right,#ddd,#ddd 1px,#fff 1px,#fff 5%)}.percentage:after{content:"";display:block;background-color:#e61e25;width:50px;margin-bottom:10px;height:90%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:background-color .3s ease;cursor:pointer}.percentage:focus:after,.percentage-1:after{width:1%}.percentage-2:after{width:2%}.percentage-3:after{width:3%}.percentage-4:after{width:4%}.percentage-5:after{width:5%}.percentage-6:after{width:6%}.percentage-7:after{width:7%}.percentage-8:after{width:8%}.percentage-9:after{width:9%}.percentage-10:after{width:10%}.percentage-11:after{width:11%}.percentage-12:after{width:12%}.percentage-13:after{width:13%}.percentage-14:after{width:14%}.percentage-15:after{width:15%}.percentage-16:after{width:16%}.percentage-17:after{width:17%}.percentage-18:after{width:18%}.percentage-19:after{width:19%}.percentage-20:after{width:20%}.percentage-21:after{width:21%}.percentage-22:after{width:22%}.percentage-23:after{width:23%}.percentage-24:after{width:24%}.percentage-25:after{width:25%}.percentage-26:after{width:26%}.percentage-27:after{width:27%}.percentage-28:after{width:28%}.percentage-29:after{width:29%}.percentage-30:after{width:30%}.percentage-31:after{width:31%}.percentage-32:after{width:32%}.percentage-33:after{width:33%}.percentage-34:after{width:34%}.percentage-35:after{width:35%}.percentage-36:after{width:36%}.percentage-37:after{width:37%}.percentage-38:after{width:38%}.percentage-39:after{width:39%}.percentage-40:after{width:40%}.percentage-41:after{width:41%}.percentage-42:after{width:42%}.percentage-43:after{width:43%}.percentage-44:after{width:44%}.percentage-45:after{width:45%}.percentage-46:after{width:46%}.percentage-47:after{width:47%}.percentage-48:after{width:48%}.percentage-49:after{width:49%}.percentage-50:after{width:50%}.percentage-51:after{width:51%}.percentage-52:after{width:52%}.percentage-53:after{width:53%}.percentage-54:after{width:54%}.percentage-55:after{width:55%}.percentage-56:after{width:56%}.percentage-57:after{width:57%}.percentage-58:after{width:58%}.percentage-59:after{width:59%}.percentage-60:after{width:60%}.percentage-61:after{width:61%}.percentage-62:after{width:62%}.percentage-63:after{width:63%}.percentage-64:after{width:64%}.percentage-65:after{width:65%}.percentage-66:after{width:66%}.percentage-67:after{width:67%}.percentage-68:after{width:68%}.percentage-69:after{width:69%}.percentage-70:after{width:70%}.percentage-71:after{width:71%}.percentage-72:after{width:72%}.percentage-73:after{width:73%}.percentage-74:after{width:74%}.percentage-75:after{width:75%}.percentage-76:after{width:76%}.percentage-77:after{width:77%}.percentage-78:after{width:78%}.percentage-79:after{width:79%}.percentage-80:after{width:80%}.percentage-81:after{width:81%}.percentage-82:after{width:82%}.percentage-83:after{width:83%}.percentage-84:after{width:84%}.percentage-85:after{width:85%}.percentage-86:after{width:86%}.percentage-87:after{width:87%}.percentage-88:after{width:88%}.percentage-89:after{width:89%}.percentage-90:after{width:90%}.percentage-91:after{width:91%}.percentage-92:after{width:92%}.percentage-93:after{width:93%}.percentage-94:after{width:94%}.percentage-95:after{width:95%}.percentage-96:after{width:96%}.percentage-97:after{width:97%}.percentage-98:after{width:98%}.percentage-99:after{width:99%}.percentage-100:after{width:100%}
.percentageGray:after{background-color:#aaa}