@charset "utf-8";
/* CSS Document */

body {
    margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFF;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

html { scroll-behavior: smooth; }

.AlignRight { float:right; }
.AlignLeft { float:left; }

/*#F03F78 #F72468*/

.page-fill-2 { padding: 0 2%; }
.page-fill-3 { padding: 0 3%; }
.page-fill-4 { padding: 0 4%; }
.page-fill-5 { padding: 0 5%; }
.page-fill-7 { padding: 0 7%; }
.page-fill-10 { padding: 0 10%; }
.page-fill-15 { padding: 0 15%; }
.page-fill-20 { padding: 0 20%; }
.page-fill-25 { padding: 0 25%; }
.page-fill-30 { padding: 0 30%; }
.page-fill-40 { padding: 0 40%; }

.page-splitter-98 { width: 98%; float: left; }

/* ---------------------------------------------------------- */

.KoaciContent { width:1300px; margin:auto; }
.KoaciContent1{ width:1600px; margin:auto; }
.KoaciContent1_{ width:1600px; margin:auto; }
.KoaciContent2,.KoaciContent2_{ width:1300px; min-width: 0%; margin:auto; }
.KoaciContent3{ width:1600px; margin:auto; }


.SideBlocNeo,.SideBlocNeo2 { 
    width: 100%; min-height: 300px; padding: 5px 0 0 0; 
    background-color: #111; border-radius: 30px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.4);
}
.SideBlocNeo2 { background-color: #EEE; }
#SideNews,#SideCom { 
    width: 100%; height: 180px; position: relative; 
    margin: 0px 0px 10px 0px; float: left; 
    background-color: #FFF;  border-radius: 20px; overflow: hidden;  
}
#SideCom { margin-bottom: 5px; }


/*Nav Bar*/
.KoaciLogo { width: 135px; height: 45px; background: url('img/logo_koaci.png'); background-repeat: no-repeat; background-size: 135px 45px; }

#KoaciNav { width: 100%; height: 200px; position:fixed; z-index:20;
    background-image: linear-gradient(to right, #F8F8F8, #FFF, #F8F8F8); /* #FCFCFC */ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06); color: #555; border-bottom: solid 2px #E8E8E8; }
.KoaciNavPageSet{ height: 185px;  }
.KoaciNavSt1{ width: 100%; min-height: 10px; padding: 2px 0px 0px 0px; float: left; border-bottom: solid 2px #EBECEC;  }
.KoaciNavSt2{ width: 100%; min-height: 0px; padding: 10px 0px 0px 0px; float: left;  }
.KoaciNavSt2SplitA{ width: 30%; float: left; }
.KoaciNavSt2SplitB{ width: 40%; float: left; }

.KoaciNavSt3{ width: 100%; min-height: 51px; margin-top: 20px; float: left;  }
.KoaciNavItem,.KoaciNavItemOver,.KoaciNavItemS { height: 37px; float: left; margin: 0px 35px 0px 0px; padding-top: 2px; font-family: "lato-bold", Arial, Helvetica, sans-serif; /*font-weight: bold;*/ font-size: 14px; color: #333;  }
.KoaciNavItem:hover,.KoaciNavItemOver { color: #E82C68; /*border-bottom: solid 3px #E82C68;*/ cursor: pointer; }

.KoaciNavItemS,.KoaciNavItemSOver { height: 36px; float: left; margin: 0px 35px 0px 0px; padding-top: 2px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #000; border-bottom: solid 3px #000; cursor: pointer;  }
.KoaciNavItemS:hover,.KoaciNavItemSOver { color: #E82C68; border-bottom: solid 3px #E82C68; cursor: pointer; }

.KoaciNavItemC,.KoaciNavItemCOver { height: 36px; float: left; margin: 0px 35px 0px 0px; padding-top: 2px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #0070c0;  cursor: pointer;  }
.KoaciNavItemC:hover,.KoaciNavItemCOver { color: #0070c0; border-bottom: solid 3px #0070c0; cursor: pointer; }


.KoaciNavItem1 { float: left; padding: 9px 0px 0px 5px;  font-size: 14px; color: #444;  }
.KoaciNavItem1:hover { color: #F72468; cursor: pointer; }

.KoaciNavItem2 { min-height: 36px; padding: 0px 15px 0px 5px; margin-left: 15px; float: left; border: none; background-color: #F8F8F8; border-radius: 15px; color: #F72468; font-size: 14px; font-weight: bold; transition:0.2s; }
.KoaciNavItem2:hover{ background-color: #111; color: #FFF; transition:0.2s; }
.KoaciNavItem2:hover > div .KoaciRounded1 { border : solid 3px #111; }

.KoaciNavItem3 { padding: 8px 17px 6px 10px; margin-left: 15px; float: left; border: none; background-color: #111; border-radius: 25px; color: #FFF; font-size: 16px; transition:0.2s; }
.KoaciNavItem3:hover{ background-color: #222; transition:0.2s; }

.KoaciNavItem4 { padding: 8px 17px 6px 10px; margin-left: 15px; float: left; border: none; /*background-color: #FFF;*/ border: solid 2px #CCCCCC; border-radius: 25px; color: #444444; font-size: 16px; transition:0.2s; }
.KoaciNavItem4:hover{ background-color: #FFFFFF; border: solid 2px #FFFFFF; cursor: pointer; transition:0.2s; }

.KoaciNavItem5 { padding: 8px 17px 6px 10px; margin-left: 15px; float: left; border: none; background-color: #DDD;  border-radius: 25px; color: #444444; font-size: 16px; }

#KoaciUserLayer{ width: 60px; height: 60px; margin:  0 0 0 207px;  position: absolute; z-index: 3px;  }
.KoaciUserArea{ width: 90%; margin-top: -35px; padding: 20px 5%; float: left; background-color: #EEEEEE; }


#KoaciNavLayer{ width: 650px; margin: -12px 0 0 -650px; position: absolute; z-index: 3px; float: left; display: none; }
.KoaciNavLayerSt{ float: left; padding: 0 5px 0 60px ; border-radius: 0 20px 20px 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 12%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 1%,rgba(255,255,255,1) 12%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 1%,rgba(255,255,255,1) 12%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#KNotif{ width: 20px; height: 20px; position: absolute; z-index: 3px; margin: -2px 0 0 17px; padding: 0px; background-color: #E82C68;
    color: #FFF; font-size: 11px; border-radius: 50px; text-align: center; transition: 0.05s;}
#KNotifIcon:hover > #KNotif { width: 23px; height: 23px; margin: -5px 0 0 17px; font-size: 14px; transition: 0.05s; }

#KSearch{ width: 20px; height: 20px; position: absolute; z-index: 3px; margin: 4px 0 0 5px; padding: 0px; background-color: #E82C68;
    color: #FFF; font-size: 11px; border-radius: 50px; text-align: center; transform: scale(0); transition: 0.2s; }
#searchBt { transition: 0.2s; }
#searchBt:hover { transform: rotate(-5deg); transition: 0.2s; }
#searchBt:hover > #KSearch { transform: scale(0.9);  opacity: 0.1; transition: 0.2s; }

.KoaciNavItemBreak { margin-left: 15px; border-bottom: none; }
.KoaciNavMenuSet  { margin: -6px 15px 0px 0px; float: left; cursor: pointer; }
.KoaciNavLogoSet  { margin: -15px 15px 0px 0px; float: left; cursor: pointer; display: none; }
.KoaciNavLogoSet1 { margin: -15px 15px 0px 0px; float: left; cursor: pointer; display: none; }

#KoaciNavDark { width: 100%; height: 275px; position:fixed; z-index:20; background-color: #111; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); color: #444; }

.bar1, .bar2, .bar3 { width: 31px; height: 4px; background-color: #333; margin: 5px 0; transition: 0.3s; border-radius: 2px; }
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-7px, 6px); transform: rotate(-45deg) translate(-7px, 5px); }
.change .bar2 {opacity: 0;}
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -7px); transform: rotate(45deg) translate(-8px, -6px); }


.bar4, .bar5 { width: 27px; height: 3px; background-color: #F03F78; margin: 6px 0; transition: 0.3s; border-radius: 1px; }
.bar4 { -webkit-transform: rotate(-45deg) translate(-7px, 0px); transform: rotate(-45deg) translate(-6px, 0px);}
.bar5 { -webkit-transform: rotate(45deg) translate(-7px, 0px); transform: rotate(45deg) translate(-6px, 0px); }

.FClose{ padding: 5px; float: right; transition: 0.2s; }
.FClose:hover { -webkit-transform: rotate(-90deg) translate(-7px, 0px); transform: rotate(-90deg) translate(4px, -4px); transition: 0.2s;}
/*
.FClose:hover > .bar4 { -webkit-transform: rotate(-50deg) translate(-7px, 0px); transform: rotate(-40deg) translate(-7px, 0px);}
.FClose:hover > .bar5 { -webkit-transform: rotate(45deg) translate(-7px, 0px); transform: rotate(40deg) translate(-7px, 0px); }*/


#KoaciTopMenuSet{ width: 100%; height: 100vh; top:-100%;  z-index: 19; position: fixed; background-color: rgba(80,80,80,0.7); opacity: 0; overflow-y: auto; }
.KoaciTopMenu { width: 98%; min-height: 500px; padding: 220px 0 50px 2%; float: left; background-color: #FFF; }
.KoaciTopMenuSt1 { width: 22.5%; margin-right: 2%; float: left; /*border-right: solid 1px #DDD;*/ }
.KoaciTopMenuItem,.KoaciTopMenuItem1 { margin: 0px 0px 5px 15px; padding: 7px 5px;  font-size: 14px; color: #444;   }
.KoaciTopMenuItem1 { margin: 0px 0px 0px 0px; padding: 8px 5px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #222;  border-bottom: solid 1px #DDD; }
.KoaciPays{ margin: 2px 15px 0 0; float: left; border-radius: 1px; overflow: hidden; }
.KoaciTopMenuItem:hover, .KoaciTopMenuItem1:hover{ color:#F72468; }

#KoaciSideMenu{ width: 35%; height: 100vh; right:0%; padding: 0 0 0 0; z-index: 10000; position: fixed; background-color: rgba(50,50,50,0.99); overflow-y: auto; box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.2); }
#KSideMBlocSTypeA{ width: 86%; min-height: 50px; float: left; margin: 3px 5%; padding: 7px 2% 5px 0%; /*background-color: rgba(70,70,70,1);*/ /*border-bottom: solid 1px #444;*/ font-family: "lato1", Arial, Helvetica, sans-serif; color: #FFF; font-size: 14px; line-height: 18px; transition: 0.3s; }
.KSideMBlocSt0 { width: 3%; padding: 25px 0px 0px 1%; ; float: left;  overflow: hidden; }
.KSideMBlocSt1 { width: 15%; float: left;  overflow: hidden; }
.KSideMBlocSt2 { width: 75%; margin: 0px 2% 0px 4%; float: left; }
.KSideMBlocSt2_{ width: 60%; margin: 0px 2% 0px 4%; float: left; }
.KSideMBlocSt3 { width: 10%; margin: 0px 0% 0px 2%; float: left;  overflow: hidden; }
.KSideMBlocText1{ color:#999; font-size: 12px; line-height: 18px; }
.KSideMBlocText2{  color:#BBB; font-size: 18px; line-height: 22px; margin: 20px 5%; }
.KSideMBlocText3{  color:#F03F78; font-size: 14px; line-height: 17px; margin: 5px 7%; }
.KSideMBlocText4{ color:#BBB; }
.KSideMBlocSt1 img { border-radius: 3px; }
#KSideMBlocSTypeA:hover{  background-color: rgba(60,60,60,1); border-radius: 2px; transition: 0.3s;  }
.KSideMBlocLine { width: 100%; height: 2px; background-color: #444; float: left; }
.KDotNotif { width: 6px; height: 6px; border-radius: 20px; background-color: #F03F78; }


#KFlashInfoBar{ width: 100%; height: 43px; margin-top: -10px; position: relative; z-index: 19; float: left; }
#KFlashInfoBarSt{ width: 100%; height: 43px; float: left; background: url("img/flashinfo_background.png"); background-position: top right; background-size: 100% 100%; font-family: "lato", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #EEE; }
#KFlashInfoBarSt1{ width: 15%; height: 32px; padding: 11px 0 0 0; float: left; background: url("img/flashinfo_color.png"); background-size: 100% 100%; font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #FFF; }
#KFlashInfoBarSt2{ width: 73%; height: 32px; padding: 11px 0px 0px 2%; float: left; font-family: "lato", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 20px; color: #EEE; }
#KFlashInfoBarSt3{ width: 8%; height: 32px; padding: 12px 2% 0px 0px; float: left; color: #EEE;  }
.KFlashInfoLeft{ width: 20px; height: 20px; float: left; background: url("img/arrow_left.png"); background-size: 20px 20px; margin-right: 10px; opacity: 0.7; }
.KFlashInfoRight{ width: 20px; height: 20px; float: left; background: url("img/arrow_right.png"); background-size: 20px 20px; opacity: 0.7; }
.KFlashInfoLeft:hover,.KFlashInfoRight:hover{ opacity: 1; cursor: pointer; }

#KFlashEvent{ width: 100%; height: 50px; margin-top: -10px; position: relative; z-index: 19; float: left; }
#KFlashEventSt{ width: 100%; padding: 10px 0px 13px 0px; float: left; background: url("img/flashinfo_background1.png"); background-position: top right; background-size: 100% 50px; font-family: "lato", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 22px; color: #FFF; }



/*Page*/
.KoaciPageWhite{ width: 100%; float: left; background-color: #FFF; /*border-top: solid 2px #F5F5F5;*/ border-bottom: solid 2px #F5F5F5; }
.KoaciPageLightGray{ width: 100%; float: left; background-color: #F8F8F8; }
.KoaciPageMediumGray{ width: 100%; float: left; background-color: #F8F8F8;  }
.KoaciPageDarkGray{ width: 100%; float: left; background-color: #111; }
.KoaciPageVideo{ width: 100%; float: left; background-color: #101010; background-image: url("img/background_video.jpg"); /*background-size: cover;*/ background-repeat: repeat-x; background-position: top center;  }
.KoaciPageMusic{ width: 100%; float: left; background-color: #101010; background-image: url("img/background_music.jpg"); /*background-size: cover;*/ background-repeat: repeat-x; background-position: top center;  }

.KoaciPageSplitA1{ width: 75%; min-height: 100px; float: left; }
.KoaciPageSplitA2{ width: 25%; min-height: 100px; float: left; }
.KoaciPageSplitB1{ width: 25%; min-height: 300px; float: left; }
.KoaciPageSplitB2{ width: 68%; min-height: 300px; padding-left: 3.5%; margin: 30px 0 30px 3%;   float: left;  border-left: solid 2px #F5F5F5; }
.KoaciPageSplitC1{ width: 48%; min-height: 50px; padding-right: 2%; margin-right: 2%;  float: left;  border-right: solid 1px #EEE; }
.KoaciPageSplitC2{ width: 47.8%; min-height: 50px; float: left; }
/*-------------------------------*/
.KoaciPageSplitD1{ width: 49%; margin-right: 2%; min-height: 100px; float: left; }
.KoaciPageSplitD2{ width: 49%; min-height: 100px; float: left; }
/*-------------------------------*/

#KoaciPageSplitMusic1{ width: 24%; min-height: 30px; position: relative; margin: 0px 1% 0px 0px; float: left; }
#KoaciPageSplitMusic2{ width: 50%; min-height: 30px; position: relative; float: left; }
#KoaciPageSplitMusic3{ width: 24%; min-height: 30px; position: relative; margin: 0px 0px 0px 1%; float: left; }
#KoaciPageSplitVideo1{ width: 71%; min-height: 30px; position: relative; float: left; }
#KoaciPageSplitVideo2{ width: 24%; min-height: 30px; position: relative; margin: 0px 3% 0px 2%; float: left; opacity:0.5; }
#KoaciNewsPixCrop,#KoaciNewsPixCrop1 { width: 100%; height: 630px; margin-bottom: 0px; position: relative; overflow: hidden; }
#KoaciNewsVideo { width: 100%;  margin-bottom: 0px; position: relative; overflow: hidden; }
#KoaciNewsPixLayer {  width: 96%; height: 96%; padding: 2% 2%; z-index: 2; position: absolute; background-color: rgba(50,50,50,0); transition: 0.4s; }
#KoaciNewsPixLayer1{  width: 96%;  padding: 2% 2%; z-index: 2; position: absolute;  }
#KLayer { width: 96%; padding: 15px 2%; z-index: 2; position: absolute; }


#zoomSet{ width: 96%; position: absolute; bottom: 55px;  }
#zoomIcon{ float: right; transform: scale(0.7); opacity: 0; transition: 0.4s; }
#zoomTxt{ padding-top: 2px; margin-right: -100px; float: right; font-family: "opensans", Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; opacity: 0; transition: 0.4s; }
#KoaciNewsPixLayer:hover { background-color: rgba(50,50,50,0.3); transition: 0.4s; cursor: pointer;}
#KoaciNewsPixLayer:hover > div #zoomTxt { margin-right: 0px; opacity: 1; transition: 0.4s; }
#KoaciNewsPixLayer:hover > div #zoomIcon { transform: rotate(90deg) scale(1); opacity: 1; transition: 0.4s; }


#KoaciPageBloc{ width: 98%; min-height: 50px; position: relative;  margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; }
#KoaciPageBloc1{ width: 100%; min-height: 50px; position: relative;  margin: 0px 0 18px 0px; float: left; background-color: #FFF; /*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);*/ border-radius: 2px; }
#KoaciPageBloc2{ width: 98%; min-height: 50px; position: relative;  margin: 50px 0 18px 0px; padding: 0 1%; float: left; background-color: #FFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); transition: 0.3s; border-radius: 30px; }
#KoaciPageBloc2:hover{ box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); transition: 0.3s; }

.KoaciPBPadding { padding: 0 50px; }
.KoaciPBPadding1 { padding: 0 50px; }
.KoaciPBPadding2{ padding: 0 50px; }
.KocaciBlocSide1,.KocaciBlocSide2 { width: 100%; min-height: 200px; margin-bottom: 20px; float: left; background-color: #383838; }
.KocaciBlocSide2 { background-color: #222222; }
.KocaciBlocSide1Title,.KocaciBlocSide1Title1,.KocaciBlocSide1Title2  { margin: 15px 0px 10px 0px; font-family: "lato-black", Arial, Helvetica, sans-serif; color: #F03F78; font-size: 22px; line-height: 24px; text-align: center; } /*lato-bold changes*/
.KocaciBlocSide1Title1 { color: #FFF; }
.KocaciBlocSide1Title2 { color: #F03F78; }
.KocaciBlocUser { width: 96%; min-height: 100px; margin: 0px 4% 20px 0px; float: left; background-color: #f3f3f3; color: #F03F78; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.02); }
.KocaciBlocUserItem,.KocaciBlocUserItemOver { width: 100%; padding: 12px 0px; float: left; border-bottom: solid 1px #e4e4e4; font-size: 16px;  font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #333; border-right: solid 3px #DDD; }
.KocaciBlocUserItem:hover,.KocaciBlocUserItemOver {  background-color: #ededed; color: #fa3d5e; border-right: solid 3px #FA6D73; cursor: pointer; }
.UserPix { width: 50%; border: solid 2px #EEE; border-radius: 100px; overflow: hidden; }
.UserFieldSize{  width: 20%; }
#KUserNotif { background-color: #222222; color: #FFF; width: 100%; height: 21px; padding: 10px 0px; text-align: center; position: fixed; z-index: 10; bottom: 0; opacity: 0.94;}

.loader { margin: auto;
    border: 5px solid #f3f3f3; border-top: 5px solid #F03F78; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Bloc*/

.KoaciBlocDot1,.KoaciBlocDot2,.KoaciBlocDot3,.KoaciBlocDot4,.KoaciBlocDot5 { width: 8px; height: 0; border-radius: 20px; background-color: #F03F78; }

.KoaciBlocDot2 { background-color: #FF7A4D;  width: 8px; height: 8px; }
.KoaciBlocDot3 { background-color: #A9D634; }
.KoaciBlocDot4 { background-color: #F03F78; }
.KoaciBlocDot5 { background-color: #FF9800; }
.KoaciTagOver{ margin: 0px 7px 0px 0px; padding: 5px 17px 7px 17px; background-color: #111; border-radius: 2px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #FFF; font-size: 19px; }
.KoaciTagOver0 { margin: 25px 0 15px 0; font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #1866A4; font-size: 21px; }

.KoaciTagOver1,.KoaciTagOver2,.KoaciTagOver3,.KoaciTagOver4 { margin: 0px 7px 0px 0px; padding: 4px 15px 6px 15px; background-color: #F03F78; border-radius: 2px; color: #FFF; font-size: 14px; text-transform: uppercase; }

.KoaciTagOver2 {  background-color: #FF7A4D; }
.KoaciTagOver3 {  background-color: #A9D634; }
.KoaciTagOver4 {  background-color: #000000; }
.KoaciTagOverBlue{ background-color: #029BDF; border-radius: 10px; }
.KoaciTagOverYellow{ background-color: #00ccff; border-radius: 10px; }

.KoaciTagOverNeo1 { 
    width: 100px; margin: 0px auto 0px auto; padding: 1px 5px 1px 5px; 
    background-color: #F03F78; border-radius: 10px; color: #FFF; font-size: 12px; text-transform: uppercase;
}


.KoaciTagOver5 { margin: 0px 7px 0px 0px; padding: 4px 15px 6px 15px; background-color: #FFC926; border-radius: 4px; color: #000; font-size: 14px; }

.KoaciTag {
    margin: 0px 7px 5px 0px; padding: 5px 20px 7px 20px; float: left; 
    background-color: #F03F78; border-radius: 10px; color: #FFF; font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 14px; 
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.KoaciTag:hover { background-color: #333; color: #EEE; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); transition: 0.3s; }

.KTagFilterBar{ width: 100%; min-height: 50px; float: left; margin-bottom: 0px; border: solid 1px #EEEEEE; border-radius: 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 30%, #f4f4f4 100%);
    background: -webkit-linear-gradient(top,  #ffffff 30%,#f4f4f4 100%);
    background: linear-gradient(to bottom,  #ffffff 30%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EEEEEE',GradientType=0);
}
.KTagFilterBarDark{ width: 100%; min-height: 50px; float: left; margin-bottom: 0px;  border-radius: 2px;  background: rgba(20, 20, 20, 0.5);  }
.KTagFilterBarSt1{ width: 10%; float: left; display: block; }
.KTagFilterBarSt2,.KTagFilterBarSt2_{ width: 87%; height: 50px; float: left; margin: 0 0 0 0; overflow: hidden; }
.KTagFilterBarSt3{ width: 3%; float: left; }
.KTagFilterName{ width: 75%; height: 36px;  padding: 14px 0 0 15%; float: left; color: #FFFFFF; font-size: 16px; background: url('img/filter_color.png'); background-size: 100% 100%; background-position: top left; border-radius: 10px; }
.KTagFilterBt{ width: 34px; height: 27px; margin: 8px 0; padding: 7px 0 0 0; float: left; background-color: #DDDDDD; border-radius: 30px; opacity: 0.6;  }
.KTagFilterBt:hover{ opacity: 1; cursor: pointer; }
.KTagFilter,.KTagFilterDark{ width: 12%; height: 35px; padding: 14px 0 0 0; margin: 0 1%; float: left; color: #555555; font-size: 16px; border-bottom: solid 1px #EEEEEE; }
.KTagFilter:hover{  color: #000; border-bottom: solid 1px #F03F78;  cursor: pointer; }
.KTagFilterDark{ color: #EEE; border-bottom: solid 1px #222; }
.KTagFilterDark:hover{  color: #F03F78; border-bottom: solid 1px #F03F78; cursor: pointer; }
.KTagFilterSelected{ width: 12%; height: 35px; padding: 5px 0 0 0; margin: 5px 1%; float: left; color: #333; font-size: 14px; text-align: center; background-color: #EEE; border-radius: 10px; /*border-bottom: solid 1px #EEEEEE;*/ }
#filter_pays_area,#filter_genre_area{ width: 100%; float: left; display: none;  }


#KoaciBlocNews,#KoaciBlocNews_{ width: 31.7%; height: 315px; position: relative; padding: 0px 0px 10px 0px; margin: 0px 1.5% 18px 0px; float: left; background-color: #FFFFFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); border-radius: 2px; overflow: hidden;}
#KoaciBlocNews_{ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);  }
.KoaciBlocNewsSt1{ height: 170px; margin-bottom: 20px; overflow: hidden; }
.KoaciBlocNewsSt2{ margin-bottom: 12px; padding: 0px 30px; text-align: center; }
.KoaciBlocNewsText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#111; font-size: 20px; line-height: 22px; }
.KoaciBlocNewsText2{ font-family: "opensans", Arial, Helvetica, sans-serif; color:#444; font-size: 14px; line-height: 18px; }
.KoaciBlocNewsText3{ font-family: "lato1", Arial, Helvetica, sans-serif; color:#999; font-size: 14px; line-height: 18px; }
#KoaciBlocNewsLayer{ width: 100%; height: 20px; margin-top: -33px; z-index: 1; position: absolute; }
#KoaciBlocNewsLayer_{ width: 100%; height: 20px; margin-top: -27px; z-index: 1; position: absolute; }
#KoaciBlocNewsLayer1{ width: 100%; height: 20px; margin-top: 40px; z-index: 1; position: absolute; }

#KoaciBlocNews1{ width: 48%; /*height: 140px;*/ position: relative; margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); border-radius: 2px; }
.KoaciBlocNews1St1{ width: 40%; height: 180px; float: left; overflow: hidden; }
.KoaciBlocNews1St2{ width: 52%; padding: 20px 4% 0px 4%; float: left; text-align: center; }
.KoaciBlocNews1Text1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#111; font-size: 19px; line-height: 21px; }

#KoaciBlocNews2{ width: 45%; height: 130px; position: relative; padding: 0px 0px 15px 0px; margin: 0px 5% 18px 0px; float: left; background-color: #FFF; border-bottom: solid 1px #e5e5e5; }
.KoaciBlocNews2St1,.KoaciBlocNews2St1_{ width: 100%; margin-bottom: 3px; float: left; font-family: "merriweather", Arial, Helvetica, sans-serif; color:#111; font-size: 17px; line-height: 21px; }
.KoaciBlocNews2St1_{ font-size: 19px; line-height: 24px;}
.KoaciBlocNews2Text1{ font-family: "opensans", Arial, Helvetica, sans-serif; color:#333; font-size: 14px; line-height: 18px; }
.KoaciBlocNews2Text2{ font-family: "lato1", Arial, Helvetica, sans-serif; color:#F03F78; font-size: 14px; line-height: 18px; }
#KoaciBlocNews2_{ width: 100%; position: relative; padding: 0px 0px 10px 0px; margin: 0px 0% 18px 0px; float: left; background-color: #FFF; border-bottom: solid 1px #e5e5e5; }


#KoaciBlocNews3{ width: 47%; min-height: 100px; position: relative; margin: 0px 3% 10px 0px; float: left; }
.KoaciBlocNews3St1{ height: 190px; margin-bottom: 10px; overflow: hidden; border-radius: 1px; }
.KoaciBlocNews3Text1{ font-family: "lato", Arial, Helvetica, sans-serif;  color:#111; font-size: 21px; line-height: 23px; }

#KoaciBlocNews4{ width: 100%; min-height: 200px; position: relative; margin: 0px 0px 10px 0px; float: left; }
.KoaciBlocNews4St1{ height: 370px; margin-bottom: 10px; overflow: hidden; border-radius: 2px; }
.KoaciBlocNews4St2{ margin-bottom: 8px; }
.KoaciBlocNews4Text1{ font-family: "lato", Arial, Helvetica, sans-serif;  color:#111; font-size: 32px; line-height: 35px; }

#KoaciBlocNews5{ width: 98%; /*height: 140px;*/ position: relative; margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); border-radius: 2px; }
.KoaciBlocNews5St1{ width: 30%; height: 220px; float: left; overflow: hidden; }
.KoaciBlocNews5St2{ width: 31%; padding: 25px 4% 0px 4%; float: left;  }
.KoaciBlocNews5St3{ width: 27%; padding: 30px 4% 0px 0px; float: left; }
.KoaciBlocNews5Text1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#111; font-size: 22px; line-height: 26px; }
.KoaciBlocNews5Text2{ font-family: "opensans", Arial, Helvetica, sans-serif; color:#333; font-size: 14px; line-height: 19px; }
.KoaciBlocNews5Text3{ color:#333; font-size: 16px; line-height: 18px; }
#KoaciBlocNews5Layer{ width: 33%; height: 67%; padding-top: 7%; z-index: 1; position: absolute; }


#KoaciBlocNews6,#KoaciBlocNews6_{ width: 98%; /*height: 140px;*/ position: relative; margin: 0px 2% 18px 0px; float: left; }
#KoaciBlocNews6_ { margin-bottom: 28px }
.KoaciBlocNews6St1{ width: 30%; height: 143px; float: left; overflow: hidden; }
.KoaciBlocNews6St2{
	width: 62%;  padding: 0 3% 0 4%; float: left; overflow: hidden;
	font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#000; font-size: 21px; line-height: 26px;
}
.KoaciBlocNews6Text1{
	height: 47px; margin-top: 7px;
	font-family: "lato", Arial, Helvetica, sans-serif; color:#333; font-size: 16px; line-height: 20px;
}
.KoaciLine12 { width: 50%; height: 2px; background-color: #333; margin-top: 10px; } 

#KoaciPageBlocNeo{ width: 94%; min-height: 50px; position: relative;  margin: 0px 2% 18px 0px; padding: 20px 2% ; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } 
#KoaciPageBlocNeo1{ width: 96%; min-height: 50px; position: relative;  margin: 0px 2% 18px 0px; padding: 0 2% 10px 2%; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } 

.KSShowText{
	font-family: "lato", Arial, Helvetica, sans-serif; color:#DDD; font-size: 14px; line-height: 20px;
}

#KoaciSlideShow { width: 100%; height: 500px; position: relative; margin: 0 0 0 0; float: left; background-color: #222; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden;  }


.slideshow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 500px;
	z-index: 1;
}
.slideshow .slide .image {
	width: 70%;
	object-fit: cover;
	height: 100%;
}
.slideshow .pagination {
	width: 31%; height: 100%; padding: 20px 1% 0 10%;
	position: absolute;
	right: 0; border-radius: 0; margin-top: 0;
	cursor: default;
	z-index: 2;
	
	
    background: -moz-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 20%);
    background: -webkit-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 20%);
    background: linear-gradient(to right, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
.slideshow .pagination .item {
	width: 28%; height: 65px; margin: 10px 2.5%; overflow: hidden; float: left;
	display: inline-block; position: relative;
	cursor: pointer; border-radius: 1px;
}

#KoaciSlideShowLayer{ width: 56%; height: 92%; padding: 0 6% 8% 6%; z-index: 3; position: absolute;
    font-size: 32px; line-height: 36px; color: #FFF; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(34,34,34,0) 44%, rgba(34,34,34,0.9) 75%);
    background: -webkit-linear-gradient(top, rgba(34,34,34,0) 44%,rgba(34,34,34,0.9) 75%);
    background: linear-gradient(to bottom, rgba(34,34,34,0) 44%,rgba(34,34,34,0.9) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}

/*Slideshow Mobile*/
.KSShowcontent{ width: 100%; height: 280px; background-color: #222; }
#KoaciSlideShowLayer1 { 
	width: 86%; height: 92%;  padding: 0 7% 8% 7%; z-index: 3; position: absolute;
    font-size: 20px; line-height: 24px; color: #FFF; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(34,34,34,0) 44%, rgba(34,34,34,1) 75%);
    background: -webkit-linear-gradient(top, rgba(34,34,34,0) 44%,rgba(34,34,34,1) 75%);
    background: linear-gradient(to bottom, rgba(34,34,34,0) 44%,rgba(34,34,34,1) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}


/*#KoaciSlideShowSt1{ width: 68%; float: left; position: relative;}
#KoaciSlideShowSt2{ width: 32%; float: left; position: relative;}*/


/*
#KoaciSlideShowLayer1{ width: 33%; height: 100%; padding: 0 1% 0 7%; z-index: 3; position: absolute; right: 0;
    font-size: 34px; line-height: 36px; color: #FFF; text-align: center; display: flex; align-items: center;
    background: -moz-linear-gradient(left, rgba(34,34,34,0) 0%, rgba(34,34,34,0.9) 0%);
    background: -webkit-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,0.9) 0%);
    background: linear-gradient(to right, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
.KSShowthumbs,.KSShowthumbs_selected{ width: 29%; height: 70px; float: left; margin: 10px 2%; overflow: hidden; opacity: 1; border-radius: 1px; }
.KSShowthumbs:hover,.KSShowthumbs_selected{ opacity: 0.5; cursor: pointer; }
*/




#KoaciBlocBNews1{ width: 98%; height: 550px; position: relative; margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden;  }
#KoaciBlocBNews1Layer{ width: 76%; height: 67%; padding: 15% 12%; z-index: 2; position: absolute;
    font-size: 34px; line-height: 36px; color: #FFF; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(34,34,34,0) 44%, rgba(34,34,34,0.9) 75%);
    background: -webkit-linear-gradient(top, rgba(34,34,34,0) 44%,rgba(34,34,34,0.9) 75%);
    background: linear-gradient(to bottom, rgba(34,34,34,0) 44%,rgba(34,34,34,0.9) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}

#KoaciBlocBNews3{ width: 65.5%; height: 550px; position: relative; margin: 0px 1% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden;  }
#KoaciBlocBNews4{ width: 49%; height: 430px; position: relative; margin: 0px 1% 13px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden;  }
#KoaciBlocBNews5{ width: 32.33%; height: 270px; position: relative; margin: 0px 1% 10px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden;  }
#KoaciBlocBNews5_{ width: 33.33%; height: 270px; position: relative; margin: 0px 0px 10px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden;  }


#KoaciBlocBNews2{ width: 48%; height: 290px; position: relative; margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden;  }
#KoaciBlocBNews2Layer,#KoaciBlocBNews3Layer{ width: 80%; height: 77%; padding: 10% 10%; z-index: 2; position: absolute; /*font-family: "merriweather", Arial, Helvetica, sans-serif; color:#111; */
    font-family: "lato-bold", Arial, Helvetica, sans-serif; /*changes*/
    font-size: 24px; line-height: 25px; color: #FFF; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(34,34,34,0) 38%, rgba(34,34,34,0.9) 65%);
    background: -webkit-linear-gradient(top, rgba(34,34,34,0) 38%,rgba(34,34,34,0.9) 65%);
    background: linear-gradient(to bottom, rgba(34,34,34,0) 38%,rgba(34,34,34,0.9) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
#KoaciBlocBNews3Layer{ 
    width: 80%; height: 80%; padding: 10% 10%; 
    font-family: "lato-black", Arial, Helvetica, sans-serif;
    font-size: 17px; line-height: 19px;
    transition: 0.3s;
}
#KoaciBlocBNews3Layer:hover{
    background: linear-gradient(to bottom, rgba(34,34,34,0) 38%,rgba(34,34,34,1) 65%); transition: 0.3s;
}

#KoaciBlocBComLayer{ 
    width: 26%; height: 54%; padding: 10% 7%; margin: 3% 0 3% 3%; z-index: 2; position: absolute;
    background: linear-gradient(90deg, rgb(0, 112, 192, 0.9) 30%,rgb(0, 112, 192, 0.3) 100%); border-radius: 20px;
 }



#KoaciBlocVideo { width: 23%; height: 220px; position: relative; margin: 0px 2% 20px 0px; float: left; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden; }
#KoaciBlocVideoLayer{ width: 101%; height: 77%; padding: 10% 0%; z-index: 2; position: absolute;
    font-size: 19px; line-height: 22px; color: #EEE; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(25,25,25,0) 30%, rgba(25,25,25,1) 75%);
    background: -webkit-linear-gradient(top, rgba(25,25,25,0) 30%,rgba(25,25,25,1) 75%);
    background: linear-gradient(to bottom, rgba(25,25,25,0) 30%,rgba(25,25,25,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
#KoaciBlocVideo1,#KoaciBlocVideo1_{ width: 100%;/*33%*/ height: 320px; position: relative; float: left; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden; }
#KoaciBlocVideoLayer1{ width: 100%; height: 67%; padding: 15% 0%; z-index: 2; position: absolute;
    font-size: 24px; line-height: 26px; color: #EEE; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(20,20,20,0) 28%,rgba(20,20,20,1) 80%);
    background: -webkit-linear-gradient(top, rgba(20,20,20,0) 28%,rgba(20,20,20,1) 80%);
    background: linear-gradient(to bottom, rgba(20,20,20,0) 28%,rgba(20,20,20,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
.KoaciBlocVLSt1{ width: 18%; float: left; }
.KoaciBlocVLSt2{ width: 62%; float: left; }
.KoaciBlocVideoText1 { margin: 7px 0px 3px 0px; font-family: "lato1", Arial, Helvetica, sans-serif; color:#F03F78; font-size: 13px; line-height: 16px; }

.KoaciVideoText { color:#DDD; font-size: 30px; line-height: 35px; }
.KoaciVideoText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif;  color:#DDD; font-size: 19px; line-height: 23px; }
.KoaciVideoText1:hover{ color: #E82C68; }
.KoaciVideoText2{ color:#AAA; font-size: 16px; line-height: 20px; }
.KoaciVideoText3{ color:#888; font-size: 14px; line-height: 18px; }

.KoaciBlocVideo1{ width: 98%; height: 100px; margin: 0px 2% 15px 0px; overflow: hidden;  float: left;  transition: 0.2s; }
#KoaciBlocVideo1Layer{ margin: 0px 0px 0px 30%; position: absolute; z-index: 2;  }
.KoaciBlocVideo1St1{ width: 32%; position: relative;  margin-bottom: 10px; float: left; }
.KoaciBlocVideo1St2{ width: 60%; padding: 0px 0% 0px 4%; margin-bottom: 10px; float: left; }
.KoaciBlocVideo1Text1{ color:#DDD; font-size: 21px; line-height: 24px; }
.KoaciBlocVideo1:hover { opacity: 0.8; transition: 0.2s; }

#KoaciVideoLayer { width: 10%; height: 90%;  z-index: 2; position: absolute; right: 0px;/*right: 0px; display: flex; align-items: flex-start;*/
    background: -moz-linear-gradient(left, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 95%);
    background: -webkit-linear-gradient(left, rgba(16,16,16,0) 0%,rgba(16,16,16,1) 95%);
    background: linear-gradient(left right, rgba(16,16,16,0) 0%,rgba(16,16,16,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
/*#KoaciVideoLayer1 { width: 100%; height: 100%;  z-index: 3; position: absolute; display: flex; align-items: center; }*/



/**/
#KoaciBlocMusic { width: 23%; height: 220px; position: relative; margin: 0px 2% 20px 0px; float: left; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden; }
#KoaciBlocMusicLayer{ width: 80%; height: 77%; padding: 10% 10%; z-index: 2; position: absolute;
    font-size: 19px; line-height: 22px; color: #EEE; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(15,15,15,0) 28%, rgba(15,15,15,0.9) 65%);
    background: -webkit-linear-gradient(top, rgba(15,15,15,0) 28%,rgba(15,15,15,0.9) 65%);
    background: linear-gradient(to bottom, rgba(15,15,15,0) 28%,rgba(15,15,15,0.9) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
#KoaciBlocMusic1{ width: 100%;/*33%*/ height: 320px; position: relative; float: left; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden; }
#KoaciBlocMusicLayer1{ width: 70%; height: 47%; padding: 20% 15%; z-index: 2; position: absolute;
    font-size: 20px; line-height: 24px; color: #DDD; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(15,15,15,0.2) 38%, rgba(15,15,15,0.7) 80%);
    background: -webkit-linear-gradient(top, rgba(15,15,15,0.2) 38%,rgba(15,15,15,0.7) 80%);
    background: linear-gradient(to bottom, rgba(5,15,15,0.2) 0%,rgba(15,15,15,0.7) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
.KoaciBlocMusicText1 { margin: 10px 0px 3px 0px; font-family: "lato1", Arial, Helvetica, sans-serif; color:#F03F78; font-size: 13px; line-height: 18px; }

.KoaciMusicText { color:#DDD; font-size: 30px; line-height: 35px; }
.KoaciMusicText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#EEE; font-size: 18px; line-height: 23px; }
.KoaciMusicText1:hover{ color: #E82C68; }
.KoaciMusicText2{ color:#AAA; font-size: 16px; line-height: 20px; }
.KoaciMusicText3{ color:#888; font-size: 14px; line-height: 18px; }
.KoaciMusicText4{ color:#F791B1; font-size: 14px; line-height: 18px; }

.KoaciBlocMusic1{ width: 98%; height: 80px; margin: 0px 2% 15px 0px; float: left; overflow: hidden;   transition: 0.2s; }
#KoaciBlocMusic1Layer{ margin: 5px 0px 0px 5%; position: absolute; z-index: 2; transform: scale(0.6); }
.KoaciBlocMusic1St1{ width: 33%; height: 85px; margin-right: 2%; overflow: hidden; float: left; }
.KoaciBlocMusic1St2{ width: 61%; padding: 0px 2%; margin-bottom: 10px; float: left; }
.KoaciBlocMusic1Text1{ color:#DDD; font-size: 19px; line-height: 22px; }
.KoaciBlocMusic1:hover { opacity: 0.8; transition: 0.2s; }


/*Lecteur audio*/
audio { width: 100%; }

#KoaciMusicPixCrop { width: 100%; height: 430px; position: relative; overflow: hidden; }
#KoaciMusicPixCrop img { margin-left: 0%; }
#KoaciMusicPixLayer { width: 100%; height: 76%; padding-top: 24%; position: absolute; z-index: 4;  background-color: rgba(11,11,11,0.1); transition: 0.3s; }
#KoaciMusicPixLayer:hover { background-color: rgba(11,11,11,0.4); transition: 0.3s; }
#KoaciMusicPixLayer1 { width: 100%; margin-top: 47%; position: absolute; z-index: 5; }

/*Effects media*/
.barMedia0{  width: 65px; height: 65px; margin-bottom: 20px; border: solid 2px rgba(255,255,255,1);  border-radius: 65px; opacity: 0.9; transition: 0.3s; }
.barMedia {  width: 65px; height: 65px; border: solid 3px rgba(200,200,200,0);  border-radius: 65px; opacity: 0.7; transition: 0.3s; }
.barMedia1{ width: 45px; height: 3px; background-color: #FFF; -webkit-transform: rotate(25deg) translate(12px, 17px); transform: rotate(25deg) translate(12px, 17px); border-radius: 2px; }
.barMedia2{ width: 45px; height: 3px; background-color: #FFF; -webkit-transform: rotate(-25deg) translate(-12px, 34px); transform: rotate(-25deg) translate(-12px, 34px); border-radius: 2px; }
.barMedia3{ width: 16px; height: 3px; background-color: #FFF; -webkit-transform: rotate(70deg) translate(8px, 16px);  transform: rotate(70deg) translate(8px, 16px); border-radius: 2px; transition: 0.3s; }
.barMedia4{ width: 16px; height: 3px; background-color: #FFF; -webkit-transform: rotate(-70deg) translate(-34px, -1px);  transform: rotate(-70deg) translate(-34px, -1px); border-radius: 2px; transition: 0.3s; }
.barMedia5{ width: 30px; height: 3px; background-color: #FFF; -webkit-transform: rotate(90deg) translate(30px, 7px); transform: rotate(90deg) translate(30px, 7px); border-radius: 2px; transition: 0.3s; }
.barMedia6{ width: 30px; height: 3px; background-color: #FFF; -webkit-transform: rotate(90deg) translate(27px, -7px); transform: rotate(90deg) translate(27px, -7px); border-radius: 2px; transition: 0.3s; }

.barMediaR {  width: 50px; height: 50px; margin: 20px 0px 0px 5px; /*border: solid 3px rgba(90,90,90,0);*/ background-color: rgba(60,60,60,0.5);  border-radius: 65px; opacity: 0.7; transition: 0.3s; }
.barMediaR1{ width: 30px; height: 2px; background-color: #FFF; -webkit-transform: rotate(25deg) translate(20px, 10px); transform: rotate(25deg) translate(20px, 10px); border-radius: 2px; }
.barMediaR2{ width: 30px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-25deg) translate(0px, 31px); transform: rotate(-25deg) translate(0px, 31px); border-radius: 2px; }
.barMediaR3{ width: 12px; height: 2px; background-color: #FFF; -webkit-transform: rotate(70deg) translate(15px, -6px); transform: rotate(70deg) translate(15px, -6px); border-radius: 2px; transition: 0.3s; }
.barMediaR4{ width: 10px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-70deg) translate(-20px, 20px); transform: rotate(-70deg) translate(-20px, 20px); border-radius: 2px; transition: 0.3s; }

.play{ display: none; }

#KoaciMusicPixLayer:hover > div .barMedia { border: solid 3px rgba(255,255,255,1); -webkit-transform: scale(1.5); transform: scale(1.5); transition: 0.3s; }
#KoaciMusicPixLayer:hover > div .barMedia .barMedia3{ width: 38px; -webkit-transform: rotate(90deg) translate(23px, 16px); transform: rotate(90deg) translate(23px, 16px); transition: 0.3s; }
#KoaciMusicPixLayer:hover > div .barMedia .barMedia4{  -webkit-transform: rotate(-90deg) translate(-20px, -10px);  transform: rotate(-90deg) translate(-20px, -10px); opacity: 1; transition: 0.3s;}

#KoaciMusicPixLayer:hover > div .barMedia .barMedia5{ -webkit-transform: rotate(90deg) translate(30px, -7px); transform: rotate(90deg) translate(30px, -7px); transition: 0.3s; }
#KoaciMusicPixLayer:hover > div .barMedia .barMedia6{ -webkit-transform: rotate(90deg) translate(30px, -7px); transform: rotate(90deg) translate(27px,7px); transition: 0.3s; }


.KoaciBMEffect:hover > div div div .barMedia { border: solid 3px rgba(255,255,255,1); -webkit-transform: scale(1.3); transform: scale(1.3); transition: 0.3s; }
.KoaciBMEffect:hover > div div div .barMedia .barMedia3{ width: 38px; -webkit-transform: rotate(90deg) translate(23px, 16px); transform: rotate(90deg) translate(23px, 16px); transition: 0.3s; }
.KoaciBMEffect:hover > div div div .barMedia .barMedia4{  -webkit-transform: rotate(-90deg) translate(-20px, -10px);  transform: rotate(-90deg) translate(-20px, -10px); opacity: 1; transition: 0.3s; }
.KoaciBMEffect img { -webkit-transform: scale(1.05); transform: scale(1.05); transition: 0.4s; }
.KoaciBMEffect:hover > img, .KoaciBMEffect:hover > div img  { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; transition: 0.3s; }

.KoaciBVEffect:hover > div div div .barMediaR { background-color: rgba(80,80,80,0.9); -webkit-transform: scale(1.4); transform: scale(0.8); transition: 0.3s; }
.KoaciBVEffect:hover > div div div .barMediaR .barMediaR3{ width: 26px; -webkit-transform: rotate(90deg) translate(19px, -2px); transform: rotate(90deg) translate(19px, -2px); transition: 0.3s; }
#KoaciBlocVideo:hover > div div div .barMediaR .barMediaR4{ -webkit-transform: rotate(-90deg) translate(-18px, 15px);  transform: rotate(-90deg) translate(-18px, 15px); opacity: 1; transition: 0.3s; }
.KoaciBVEffect img { transition: 0.4s; }
.KoaciBVEffect:hover > img, .KoaciBVEffect:hover > div img { -webkit-transform: scale(1.06); transform: scale(1.06); opacity: 0.7;  transition: 0.3s; }

.KoaciBNEffect:hover > div .barMedia0 { /*border: solid 2px rgba(255,255,255,1);*/ -webkit-transform: scale(1.2); transform: scale(1.2); transition: 0.3s; }
.KoaciBNEffect:hover > div .barMedia0 .barMedia3{ width: 38px; -webkit-transform: rotate(90deg) translate(23px, 16px); transform: rotate(90deg) translate(23px, 16px); transition: 0.2s; }
.KoaciBNEffect:hover > div .barMedia0 .barMedia4{  -webkit-transform: rotate(-90deg) translate(-20px, -10px);  transform: rotate(-90deg) translate(-20px, -10px); opacity: 0; transition: 0.2s; }



.KoaciBlocComment{ width: 100%; padding-top: 15px; margin-bottom: 25px; float: left; border-top: solid 1px #E7E7E7;
    color: #222; font-size: 17px; line-height: 21px; }
.KoaciBlocComment1{ width: 89.5%; padding-left: 1%; margin: 0px 0px 20px 9%; float: left; border-left: solid 2px #8EDFDF;
    color: #222; font-size: 17px; line-height: 21px; }
.KoaciBlocCommentSt1{ width: 7%; float: left; }
.KoaciBlocCommentSt2{ width: 91%; padding: 0px 0px 5px 2%; float: left; font-family: "opensans", Arial, Helvetica, sans-serif; color: #222; font-size: 16px; line-height: 22px; }
.KoaciBlocCommentText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #111; font-size: 16px; line-height: 22px;  }

#KoaciBlocResearch{ width: 90%; /*height: 140px;*/ position: relative; padding: 15px 3% 15px 3%; margin: 0px 3% 15px 0px; float: left; background-color: #FFFFFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); border-radius: 2px; }
#KoaciBlocResearch:hover{ background-color: #f9f9f9; }
.KoaciBlocResearchSt1{ width: 12%; float: left;  }
.KoaciBlocResearchSt2{ width: 87%; padding: 0px 0px 0px 1%; float: left; font-family: "opensans", Arial, Helvetica, sans-serif; color: #222; font-size: 14px; line-height: 18px; }
.KoaciBlocResearchText1{ font-family: "merriweather", Arial, Helvetica, sans-serif; color: #222; font-size: 18px; line-height: 24px; }
.KoaciBlocResearchText2{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #FFF; font-size: 14px; line-height: 18px; padding: 3px 10px 3px 10px; margin-right: 5px; background-color: #F03F78; border-radius: 2px; }
.KResearchFilterBar{ width: 99%; height: 60px; float: left; background-color: #FFF; border: solid 1px #DDD; border-radius: 5px; }
.KResearchFilter1{ width: 100%; float: left; padding: 18px; font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 17px; color: #333; border: none; border-radius: 5px;}
.KResearchFilter1_{ width: 70%; float: left; }
.KResearchFilter2{ width: 96%; float: left; padding: 10px 17px; margin: 10px 0; font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 17px; color: #333; border: none; border-left: solid 1px #DDD;}
.KResearchFilter2_{ width: 20%;  float: left; }
.KResearchFilterBt{width: 10%; float: right; padding: 12px 0; border-radius: 0 5px 5px 0;
    background: #ed769c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ed769c 0%, #ef2666 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ed769c 0%,#ef2666 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ed769c 0%,#ef2666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed769c', endColorstr='#ef2666',GradientType=0 ); /* IE6-9 */
}
.KResearchFilterBt:hover,.KResearchFilterBt1:hover{ cursor: pointer;
    background: #555555; /* Old browsers */
    background: -moz-linear-gradient(top,  #555555 0%, #111111 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #555555 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #555555 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
.KResearchFilterBt1{ float: right; padding: 7px 9px 8px 12px; border-radius: 0 5px 5px 0;
}
.KResearchFilterBt1:hover{ float: right; padding: 7px 9px 8px 12px; border-radius: 0 5px 5px 0; cursor: pointer;  }


#KoaciBlocC,#KoaciBlocC_{ width: 100%; height: 320px; position: relative; margin: 0px 0% 25px 0px; float: left; background-color: #FFF; border-bottom: solid 1px #EEEEEE; }
.KoaciBlocCSt1{ width: 100%; margin-bottom: 6px; float: left; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#111; font-size: 19px; line-height: 22px;}
.KoaciBlocCSt2,.KoaciBlocCSt2_{ width: 100%; height: 180px; margin: 1px 0px 10px 0px; overflow: hidden; float: left; border-radius: 2px; }
.KoaciBlocCSt2_{ height: 160px; }
.KoaciBlocCText1{ font-family: "opensans", Arial, Helvetica, sans-serif; color:#666; font-size: 14px; line-height: 18px; }
.KoaciBlocCText2{ color:#999; font-size: 14px; line-height: 18px; }
.KoaciBlocCText3{ margin-bottom: 5px; font-family: "lato", Arial, Helvetica, sans-serif; color:#F03F78; font-size: 16px; line-height: 18px; }

#KoaciBlocC2{ width: 90%; /*height: 320px;*/ position: relative; margin: 0px 0% 25px 3%; padding-bottom: 15px; float: left; border-bottom: solid 1px #E3F0FB; }
.KoaciBlocC2St1{ width: 35%; height: 190px; float: left; overflow: hidden; border-radius: 20px; }
.KoaciBlocC2St2{ 
    width: 12%; height: 120px; margin-right: 3%; margin-left: 1%; padding: 70px 2% 0 2%; float: left; overflow: hidden; display: flex; align-items: center; 
    background-color: rgba(0, 109, 214, 0.05);  border-radius: 20px; 
    font-family: "lato1", Arial, Helvetica, sans-serif; color:#111; color: rgba(40, 104, 157, 0.8); font-size: 21px; line-height:30px; text-align: center; /*text-transform: uppercase; */
}
.KoaciBlocC2St3{ width: 45%; float: left; overflow: hidden; font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 13px; color:#AAAAAA; }
.KoaciBlocC2Text1{ margin-bottom: 7px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#0070c0; font-size: 20px; line-height: 25px; }
.KoaciBlocC2Text2{ margin-bottom: 10px; font-family: "opensans", Arial, Helvetica, sans-serif; color: #546c84; font-size: 14px; line-height: 18px; }
.KoaciBlocC2Text3{ margin-bottom: 10px; font-family: "lato", Arial, Helvetica, sans-serif; color:#F03F78; font-size: 16px; line-height: 18px; }

#KoaciBlocC3{ width: 49.9%; /*height: 320px;*/ position: relative; margin: 0px 0.1% 15px 0px; float: left;  }
.KoaciBlocC3St1{ width: 100%; height: 350px; margin-bottom: 15px; float: left; overflow: hidden; }
.KoaciBlocC3St2{ width: 80%; height: 170px; padding: 0 10%; margin: auto; overflow: hidden; border: solid 1px #E3F0FB; border-bottom: none; border-top: none; }
.KoaciBlocC3Text1{ margin-bottom: 10px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#0070c0; font-size: 26px; line-height: 30px; }
.KoaciBlocC3Text2{ margin-bottom: 20px; font-family: "opensans", Arial, Helvetica, sans-serif; color:#546c84; font-size: 16px; line-height: 20px; }
.KoaciBlocC3Text3{ margin-bottom: 10px; color:#F03F78; font-size: 18px; line-height: 18px; }
#KoaciBlocC3Layer{ width: 100%; height: 350px; z-index: 1; position: absolute; display: flex; align-items: flex-end; }
.KoaciBlocC3Text4{ 
    width: 200px; margin: 15px auto; padding: 10px 15px 20px 15px; 
    background-color: rgb(0, 112, 192, 0.9); border-radius: 20px; 
    color: #EEEEEE; font-family: "lato-Black", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 25px; text-align: center; text-transform: uppercase; 
}



#KoaciBlocC4{ width: 100%; /*height: 320px;*/ position: relative; margin: 0px 0% 15px 0px; float: left;  }
.KoaciBlocC4St1{ width: 100%; height: 200px; float: left; overflow: hidden; }
.KoaciBlocC4St2{ width: 100%; height: 175px; padding: 0 0; margin: 0 auto 10px auto; overflow: hidden;  /*border: solid 1px #E3F0FB; border-bottom: none; border-top: none;*/ border-top: solid 2px #1866A4; }
/*.KoaciBlocC4St2_{ height: 200px; }*/
.KoaciBlocC4Text1{ margin-bottom: 5px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#000000; font-size: 19px; line-height: 23px; }
.KoaciBlocC4Text2{ margin-bottom: 20px; font-family: "lato", Arial, Helvetica, sans-serif; color:#333; font-size: 16px; line-height: 20px; }
.KoaciBlocC4Text3{ margin: 15px 0 5px 0; color:#F03F78; font-size: 16px; line-height: 18px; }
#KoaciBlocC4Layer{ width: 100%; height: 230px; z-index: 1; position: absolute; display: flex; align-items: flex-end; }
.KoaciBlocC4Text4{ width: 80px; margin: 15px auto; padding: 10px; background-color: rgb(34,34,34,0.8); border-radius: 2px; color: #EEEEEE; font-family: "lato", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; text-align: center; text-transform: uppercase; }


#KoaciBlocC4Splitter { width: 30.2%; padding: 0 2%; float: left; }
.KoaciBlocC4St2Line { width: 1px; height: 200px; margin-top: 30px; background-color: #E5E5E5; }
.KoaciBlocC4St2L { width: 6.9%; float: left; }
.KoaciBlocC4St2C { width: 86%; float: left; }


#KoaciBlocC5{ width: 80%; /*height: 320px;*/ position: relative; margin: 0px 0% 10px 8%; padding-bottom: 15px; float: left;  }
.KoaciBlocC5Text1{ margin-bottom: 5px; font-family: "lato", Arial, Helvetica, sans-serif; color:#01608B; font-size: 17px; line-height: 22px; }
.KoaciBlocC5Text2{ font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 13px; color: #85919c; }
.KoaciBlocC5Text3{ padding: 3px 10px; background-color: #029BDF; color: #FFFFFF; border-radius: 50px; }

#KoaciBlocCPlus{ width: 98%; /*height: 320px;*/ position: relative; margin: 0px 2% 10px 0; float: left; border-radius: 25px; overflow: hidden;  }
.KoaciBlocCPlusSt1{ width: 100%; height: auto; float: left; overflow: hidden; }
#KoaciBlocCPlusLayer{ width: 100%; height: 100%; z-index: 1; position: absolute; display: flex; align-items: flex-end; }

.KoaciBlocSide{ width: 100%; padding-left: 0; border-left: solid 1px #EEEEEE; float: left; }

.KoaciBlocSideBlue{ background-color: rgba(0, 109, 214, 0.07); }


#KoaciBlocScoop{ width: 100%; min-height: 50px; position: relative; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; float: left;  border-bottom: solid 1px #E9E9E9; }
.KoaciBlocScoopSt1{ width: 100%; margin-bottom: 10px; float: left;  }
.KoaciBlocScoopText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#222; font-size: 19px; line-height: 22px; }
.KoaciBlocScoopText2{ font-family: "opensans", Arial, Helvetica, sans-serif; color:#444; font-size: 16px; line-height: 20px; }

#KBlocLogin,#KBlocLogin1{ width: 32%; min-height: 650px; margin: 0px 2% 60px 7%; padding: 20px 4% 30px 4%; position: relative; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);  border-bottom: solid 3px #DDD; color:#777; font-size: 16px; line-height: 22px; }
#KBlocLogin1{ width: 32%; margin: 0px 7% 25px 2%; padding: 20px 4% 30px 4%; }
#KBlocLogin_,#KBlocLogin1_{ width: 90%; min-height: 50px; margin: 0 0 20px 0; padding: 20px 5% 30px 5%; position: relative; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);  border-bottom: solid 3px #DDD; color:#777; font-size: 16px; line-height: 22px; }
.KBlocLoginText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#333; font-size: 16px; line-height: 22px; }
.KBlocLoginText2{ font-family: "opensans", Arial, Helvetica, sans-serif; color:#333; font-size: 14px; line-height: 22px; font-weight: bold; }
.KBlocLoginText3{ font-family: "opensans", Arial, Helvetica, sans-serif; color:#0D609C; font-size: 14px; line-height: 22px; text-decoration: underline;  }
.KBlocLoginText2:hover,.KBlocLoginText3:hover{  color:#F72468; cursor: pointer; }
.KBlocLoginText4{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#333; font-size: 18px; line-height: 22px; }

.KLoginBtSocial,.KLoginBtSocial1 { width: 92%; float: left; padding: 10px 4% 5px 4%; margin-bottom: 10px; border: none; background-color: #385596; border-radius: 4px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 14px; }
.KLoginBtSocial1{ background-color: #dd1829; }
.KLoginBtSocial:hover,.KLoginBtSocial1:hover { opacity: 0.9; }

#KBlocNewsletter{ width: 700px; height: 320px; padding: 50px 50px 0px 50px; position: relative; float: left; color: #FFF; border-font-size: 16px; line-height: 22px; background: url("img/pix_newsletter.jpg"); }
.KBlocNLText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#FFF; font-size: 22px; line-height: 24px; }



/*Subscribe*/
.KPageSubscribe{ width: 100%; min-height: 200px; float: left; background-image: url("img/pix_subscribe_superbig.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.KPageSubscribe1{ width: 100%; min-height: 200px; float: left; padding: 50px 0 0 0; vertical-align: bottom; background-image: url("img/pix_subscribe_superbig1.jpg"); background-size: 100%; background-repeat: no-repeat; /*background-position: center bottom;*/
    font-family: "opensans", Arial, Helvetica, sans-serif; color:#333; font-size: 17px; line-height: 24px; }
.KPageSubscribe2{ width: 100%; min-height: 200px; float: left; padding: 60px 0px; vertical-align: bottom; /*background-image: url("img/pix_subscribe_superbig2.png"); background-size: 100%; background-repeat: no-repeat;*/
    font-family: "opensans", Arial, Helvetica, sans-serif; color:#333; font-size: 17px; line-height: 24px; }
.KPageSubscribe1St1{ width: 60%; float: left;  }
.KPageSubscribe1St2{ width: 35%; float: left; margin: 0 0 0 5%; }
.KPageSubscribe2St1{ width: 22%; margin-right: 3%; float: left; margin-bottom: 0px; }

.KPageSubscribeDiv1,.KPageSubscribeDiv2,.KPageSubscribeDiv3,.KPageSubscribeDiv4,.KPageSubscribeDiv5,.KPageSubscribeDiv6{
    width: 23.3%; height: 210px; padding: 120px 5% 50px 5%; float: left; text-align: center;
    font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#FFF; font-size: 36px; line-height: 46px; text-transform: uppercase;
}
.KPageSubscribeDiv2{ width: 90%; height: 290px; padding: 40px 5% 50px 5%; background-color:  rgba(10,10,10,0.7); }
.KPageSubscribeDiv2_{ width: 33.33%; height: 380px; float: left; }
.KPageSubscribeDiv3{ }
.KPageSubscribeDiv4{ background-color:  rgba(240,63,120,0.5) }
.KPageSubscribeDiv5{ width: 23.33%; height: 230px; padding: 100px 5% 50px 5%; background-color:  rgba(230,23,90,0.4); }

.KPageSubscribeDiv6{ background-color:  rgba(240,63,120,0.5) }
.KBlocSubscribeDivText{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#FFF; font-size: 28px; line-height: 30px; border-top: solid 3px #111111; padding: 7px 0; }
.KBlocSubscribeDivText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 60px; line-height: 60px; }


/*.KBlocSubscribe{ width: 30%; min-height: 200px; background-color: #FFF; }*/
.KBlocSubscribe { width: 80%; min-height: 380px; padding: 350px 10% 20px  10%; margin-bottom: 20px; vertical-align: bottom; background-color: #F14984; border-radius: 3px; background-image: url("img/pix_subscribe_big.jpg"); background-size: 100%; background-repeat: no-repeat; }
.KBlocSubscribe1{ width: 100%; min-height: 50px; float: left; background-color: #FFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.KBlocSubscribe2{ width: 80%; min-height: 630px; float: left; padding: 100px 10% 20px  10%; margin-bottom: 20px; vertical-align: bottom; background-color: #F788AC; border-radius: 3px; background-image: url("img/pix_subscribe_big2.jpg"); background-size: 100%; background-repeat: no-repeat; }
.KBlocSubscribe3{ width: 80%; min-height: 630px; float: left; padding: 0 10% 70px  10%; margin-bottom: 20px; vertical-align: bottom; background-color: #F788AC; border-radius: 3px; background-image: url("img/pix_subscribe_big3.jpg"); background-size: 100%; background-repeat: no-repeat; }
.KBlocSubscribeText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#FFF; font-size: 24px; line-height: 30px; text-transform: uppercase;  }
.KBlocSubscribeText2{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#FFF; font-size: 36px; line-height: 30px; }
.KBlocSubscribeText2_{ font-family: "lato1", Arial, Helvetica, sans-serif; color:#FFF; font-size: 136px; line-height: 60px; }
.KBlocSubscribeText3{ font-family: "lato", Arial, Helvetica, sans-serif; color:#FFF; font-size: 18px; line-height: 26px; }
.KBlocSubscribeText4{ font-family: "lato", Arial, Helvetica, sans-serif; color:#FFF; font-size: 16px; line-height: 19px; }
.KBlocSubscribeText5{ font-family: "opensans", Arial, Helvetica, sans-serif; color:#111; font-size: 19px; line-height: 22px; font-weight: bold; }
.KBlocSubscribeText6{ font-family: "lato", Arial, Helvetica, sans-serif; color:#111; font-size: 50px; line-height: 60px; text-align: left; }
.KBlocSubscribeText7{ font-family: "lato1", Arial, Helvetica, sans-serif; color:#FFF; font-size: 19px; line-height: 24px; }
.KBlocSubscribeText8{ font-family: "lato1", Arial, Helvetica, sans-serif; color:#111; font-size: 22px; line-height: 30px; }
.KSubscribeLine1{ width: 100%; height: 2px; background-color: #FFF; }
.KSubscribeMoney{ width: 94%; min-height: 50px; padding: 20px 3% 30px 3%; float: left; border-bottom: solid 1px #EEE; font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 19px; color: #222222; }
.KSubscribeMoney:hover{ background-color: #fbfbfb; }
.KSubscribeMoneySt1{ width: 5%; float: left; }
.KSubscribeMoneySt2{ width: 80%; float: left; }
.KSubscribeMoneySt3{ width: 15%; float: left; }
.KSubscribeMoneyText1{ font-family: "opensans", Arial, Helvetica, sans-serif; color: #444444; font-size: 17px; line-height: 22px; }
.KSubscribeMoneyText2{ font-family: "opensans", Arial, Helvetica, sans-serif; color: #888888; font-size: 14px; line-height: 22px; }


.KSubscribeBt{ width: 230px; height: 50px; padding: 15px 10px 0 10px; border-radius: 30px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #FFF; font-size: 20px;
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top,  #333333 0%, #222222 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #333333 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #333333 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}
.KSubscribeBtSt1{ width: 180px; height: 35px; margin-right: 10px; float: left; }
.KSubscribeBtSt2{ width: 35px; height: 33px; padding-top: 2px; float: left; background-color: none; /*border: solid 1px #FFF;*/ border-radius: 50px; }
.KSubscribeBt:hover{ opacity: 0.95; cursor: pointer; }
.KSubscribeBt:hover > .KSubscribeBtSt2 { background-color: #FFF;  }

.KBlocSubscribeList{ width: 90%; margin: 0 5%; padding: 10px 0; float: left; border-bottom: solid 1px #EEE; font-size: 14px; color: #555555; }
.KBlocSubscribeListText{ color: #999; }


.KSubscribeTTitleBig{ font-size: 20px; }
.KSubscribeTTexteBig{ font-size: 16px; }
.KSubscribeTPriceBig{ font-size: 20px; }

.KSubscribeTTitleMedium{ font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 28px; color: #FFF; }/*#F03F78; */
.KSubscribeTTexteMedium{ font-size: 20px; line-height: 24px; color: #FFF; }
.KSubscribeTPriceMedium{ font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 26px; color: #FFF; }

.KSubscribeTTitleLil{ font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 17px; color: #111; }
.KSubscribeTTexteLil{ font-size: 16px; color: #333; }
.KSubscribeTPriceLil{ font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 18px; color: #222; }

.KBlocSuscribeList{ width: 100%; margin-bottom: 5px; float: left; }

/*--------------------------------------------------------------*/


/*Sondage*/
.KBlocSondageSide{ width: 100%; min-height: 100px; margin-bottom: 20px; float: left; background-color: #f3f3f3; }
.KBlocSondage { width: 92%; min-height: 100px; padding: 30px 3%; margin-bottom: 15px; float: left; background-color: #f5f5f5; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15); border-radius: 2px;
    font-family: "lato", Arial, Helvetica, sans-serif; color:#666; font-size: 16px; line-height: 20px;}
.KBlocSondageSt1{ width: 24%; min-height: 150px; margin-right: 5%; float: left; border-right: solid 1px #DDD; }
.KBlocSondageSt2{ width: 70%; float: left; }
.KSondageText1{ font-family: "opensans", Arial, Helvetica, sans-serif; color: #888; font-size: 26px; line-height: 20px; }
.KSondageText2{ font-family: "opensans", Arial, Helvetica, sans-serif; color: #444; font-size: 45px; line-height: 50px; }
.KSondageText3{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color: #222; font-size: 20px; line-height: 26px; }
.KSondageBar1,.KSondageBar2,.KSondageBar3{ width: 100%; height: 30px; margin-bottom: 10px; padding-top: 10px; background-color: #DA1052; color: #FFF; font-size: 20px; text-align: right; }
.KSondageBar2{ background-color: #0070C0; }
.KSondageBar3{ background-color: #93CDDD; }


/*Contact*/
.KPageContact{ width: 100%; min-height: 200px; padding-top: 300px; float: left; background-image: url("img/pix_contact.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;
    color: #FFF; font-size: 19px; line-height: 24px; }


/*Bloc Side*/
#KBlocSTypeA  { width: 91%; min-height: 50px; margin: 5px 3% 10px 5%; padding: 0px 0px 5px 0px; position: relative; float: left;  border-bottom: solid 1px #4C4C4C; }
#KBlocSTypeA_ { width: 85%; min-height: 50px; margin: 5px 5% 10px 10%; padding: 0px 0px 5px 0px; position: relative; float: left;  border-bottom: solid 1px #4C4C4C; }
.KBlocSTypeASt1{ width: 31%; height: 80px; margin: 0px 2%; float: left; overflow: hidden; }
.KBlocSTypeASt2{ width: 63%; padding: 0px 1% 0px 1%; float: left; font-family: "lato", Arial, Helvetica, sans-serif; color: #EEE; font-size: 17px; line-height: 19px; }
.KBlocSTypeASt2_{ width: 100%; float: left; font-family: "merriweather", Arial, Helvetica, sans-serif; color: #EEE; font-size: 17px; line-height: 21px; }
.KBlocSTypeAText1,.KBlocSTypeAText1_{ font-family: "merriweather", Arial, Helvetica, sans-serif; color:#F9447E; font-size: 21px; line-height: 17px; }
.KBlocSTypeAText1_{ color: #FF7A4D}
.KBlocSTypeAText2{ font-family: "lato", Arial, Helvetica, sans-serif; color:#999; font-size: 14px; line-height: 17px; }
.KBlocSTypeASt1 img { border-radius: 3px; }

#KBlocSTypeB{ width: 100%; min-height: 50px;  position: relative; float: left;  border-top: solid 1px #4C4C4C; }
.KBlocSTypeBSt1{ width: 100%; height: 180px; float: left; overflow: hidden; }
.KBlocSTypeBSt2{ width: 86%; padding: 10px 7% 20px 7%; float: left; font-family: "lato", Arial, Helvetica, sans-serif; color:#999; color:#FFF; font-size: 20px; line-height: 22px; text-align: center; }

.KBlocSTypeBSt2_{ width: 86%; padding: 10px 7% 20px 7%; float: left; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#999; color:#333; font-size: 19px; line-height: 21px; }
.KBlocSTypeBText1{ padding: 3px 0px; font-family: "lato", Arial, Helvetica, sans-serif; color: #333; font-size: 17px; line-height: 19px; }
.KBlocSTypeBText1:hover{ background-color: #DDD; color: #F03F78; border-radius:5px; }

#KBlocSTypeC{ width: 100%; height: 300px; position: relative; margin: 0px 0% 10px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-bottom: solid 3px #F03F78; border-radius: 2px; overflow: hidden;  }
#KBlocSTypeCLayer{ width: 80%; height: 90%; padding: 5% 10%; z-index: 2; position: absolute;
    font-family: "merriweather", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 22px; color: #FFF; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(34,34,34,0) 44%, rgba(34,34,34,0.9) 65%);
    background: -webkit-linear-gradient(top, rgba(34,34,34,0) 44%,rgba(34,34,34,0.9) 65%);
    background: linear-gradient(to bottom, rgba(34,34,34,0) 44%,rgba(34,34,34,0.9) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
/*#KBlocSTypeC img { margin-left: -10%; }*/


#KBlocSTypeD,#KBlocSTypeD2{ width: 100%; height: 275px; position: relative; margin: -5px 0px 15px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); /*border-top: solid 3px #000000; border-bottom: solid 3px #000000;*/ border-radius: 2px; overflow: hidden;  }
#KBlocSTypeDLayer{ width: 80%; height: 90%; padding: 0% 10%; z-index: 2; position: absolute;
    /*font-family: "lato", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 22px; color: #FFF;*/ text-align: center; display: flex; align-items: flex-end;
}
/*.KBlocSTypeDText1{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#FFF; font-size: 21px; line-height: 17px; }*/
.PriceOver { transform: scale(0.9); transition: 0.2s; }
#KBlocSTypeDLayer:hover > div > .KBlocSubscribeDivText1 > .PriceOver { transform: scale(1); transition: 0.2s;  }
#KBlocSTypeD:hover > img { /*filter: grayscale(30%);*/ opacity: 0.9;  }
#KBlocSTypeD2 { margin: 20px 0 5px 0; border-radius: 30px; }

#KBlocApp{ 
    width: 80%; height: auto; position: relative; margin: 25px 0px 5px 0px; padding: 30px 10%; float: left; 
    background: url('img/side_app.jpg'); background-size: 100%; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    border-radius: 30px; overflow: hidden; 
}
.KBlocAppImg { width: 100%; height: 245px; }



/*Event*/
.KEventPage{ width: 100%; float: left; background-color: #F8F8F8; /*fbfbfb F8F8F8*/ }
#KEventPageBloc{ width: 98%; min-height: 50px; position: relative;  margin: 100px 2% 0 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12); border-radius: 2px; }

#KEventBloc0 { width: 98%; min-height: 50px; position: relative;  margin: 0px 2% 18px 0px; float: left; background-color: rgba(255,255,255,0.4); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07); border-radius: 2px; }
#KEventBloc1 { width: 98%; min-height: 50px; position: relative;  margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12); border-radius: 2px; }
.KEventBloc1St1 { width: 100%; height: 600px; overflow: hidden; }
.KEventBloc1St2 { width: 80%; height: 120px; padding: 0 10%; overflow: hidden; text-align: center; font-family: "oxygen", Arial, Helvetica, sans-serif; font-size: 33px; line-height: 40px; color:#000000; margin: 20px 0px 15px 0px; }

#KEventBloc2 { width: 48%; min-height: 50px; position: relative;  margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12); border-radius: 2px; }
.KEventBloc2St1 { width: 100%; height: 300px; overflow: hidden; }
.KEventBloc2St2 { width: 80%; height: 120px; padding: 0 10%; overflow: hidden; text-align: center; font-family: "oxygen", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 29px; color:#000000; margin: 15px 0px 15px 0px; }

#KEventBloc3 { width: 31.3%; min-height: 50px; position: relative;  margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12); border-radius: 2px; }
.KEventBloc3St1 { width: 100%; height: 210px; overflow: hidden; }
.KEventBloc3St2 { width: 80%; height: 100px; padding: 0 10%; overflow: hidden; text-align: center; font-family: "oxygen", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 25px; color:#000000; margin: 15px 0px 15px 0px; }

#KEventBloc4 { width: 98%; height: 180px; position: relative; overflow: hidden;  padding: 20px 0;  margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12); border-radius: 2px; }
.KEventBloc4St1 { width: 80%; padding: 0 10%; text-align: center; font-family: "merriweather", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; color:#000000; margin: 15px 0px 15px 0px; }
.KEventBloc4St2 { width: 80%; padding: 0 10%; text-align: left; font-family: "lato1", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color:#000000; margin: 15px 0px 15px 0px; }

#KEventBloc5 { width: 48%; height: 200px; position: relative; overflow: hidden;  padding: 20px 0;  margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12); border-radius: 2px; }
.KEventBloc5St1 { width: 80%; padding: 0 10%; text-align: center; font-family: "merriweather", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 25px; color:#000000; margin: 15px 0px 15px 0px; }
.KEventBloc5St2 { width: 80%; padding: 0 10%; text-align: left; font-family: "lato1", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color:#000000; margin: 15px 0px 15px 0px; }

#KEventBloc6 { width: 31.3%; height: 270px; position: relative; overflow: hidden;  padding: 20px 0;  margin: 0px 2% 18px 0px; float: left; background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12); border-radius: 2px; }
.KEventBloc6St1 { width: 80%; padding: 0 10%; text-align: center; font-family: "merriweather", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 25px; color:#000000; margin: 15px 0px 15px 0px; }
.KEventBloc6St2 { width: 80%; padding: 0 10%; text-align: left; font-family: "lato1", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color:#000000; margin: 15px 0px 15px 0px; }

#KEventBloc1:hover,#KEventBloc2:hover,#KEventBloc3:hover,#KEventBloc4:hover,#KEventBloc5:hover,#KEventBloc6:hover{ background-color: #FBFBFB;  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06); }

#KEventBlocLayer{ width: 100%; height: 80%; z-index: 1; position: absolute; display: flex; align-items: center; }

.KEventBlocLine {  width: 3px; height: 70px;  margin: auto; background-color: #BBBBBB; }
.KEventBlocLine1{  width: 100px; height: 2px;  margin: 0 auto 5px auto; background-color: #DDDDDD; }

#kEventType-100{ width: 98%; margin-left: 2%; position: relative; float: left;  }
#kEventType-50{ width: 48%; margin-left: 2%;  position: relative; float: left;  }
#kEventType-25{ width: 23%; margin-left: 2%; position: relative; float: left;  }

#kEventType-48{ width: 48%; /*margin: 15px 0px 60px 0px;*/ position: relative; float: left;  }
#kEventType-4{ width: 3%; /*margin: 15px 0px 60px 0px;*/ position: relative; float: left; display: block;  }


.KEventTLine { width: 3px; height: 220px; margin-left: 14px; background-color: rgba(255,183,28,0.2); }
.KEventTLine-100 { width: 3px; height: 650px; margin-left: 14px; background-color: #DDD; float: left; }
.KEventTLine-50 { width: 3px; height: 390px; margin-left: 14px; background-color: #DDD; float: left; }
.KEventTLine-25 { width: 3px; height: 250px; margin-left: 14px; background-color: #DDD; float: left; }

#KBlocEvent{ width: 100%; height: 650px; position: relative; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); overflow: hidden; }
#KBlocEvent-100,#KBlocEvent-50,#KBlocEvent-25{ width: 100%; height: 550px; margin: 15px 0px 0 0px; position: relative; float: left; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; overflow: hidden;  }
#KBlocEvent-100{ height: 570px; }
#KBlocEvent-50{ height: 300px; margin: 15px 2% 0 0px; }
#KBlocEvent-25{ height: 150px; margin: 15px 2% 0 0px; }

#KBlocEvent-24{  width: 24%; position: relative; float: left; }

#KBlocEventC{ width: 23%; height: 130px; margin: 15px 2% 10px 0px; position: relative; float: left; border-bottom: solid 1px #EEE;  }


#KBlocEventLayer{ width: 60%; height: 95%; padding: 0% 20% 6% 20%; z-index: 2; position: absolute;
    font-family: "oxygen", Arial, Helvetica, sans-serif; font-size: 45px; line-height: 53px; color: #FFF; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(34,34,34,0) 15%, rgba(34,34,34,0.9) 75%);
    background: -webkit-linear-gradient(top, rgba(34,34,34,0) 15%,rgba(34,34,34,0.9) 75%);
    background: linear-gradient(to bottom, rgba(25,25,25,0) 15%,rgba(25,25,25,0.9) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
#KBlocEventLayer1{ width: 80%; height: 77%; padding: 10% 10%; z-index: 2; position: absolute;
    font-size: 24px; line-height: 25px; color: #FFF; text-align: center; display: flex; align-items: flex-end;
    background: -moz-linear-gradient(top, rgba(34,34,34,0) 38%, rgba(34,34,34,0.9) 65%);
    background: -webkit-linear-gradient(top, rgba(34,34,34,0) 38%,rgba(34,34,34,0.9) 65%);
    background: linear-gradient(to bottom, rgba(34,34,34,0) 38%,rgba(34,34,34,0.9) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#e6222222',GradientType=0 );
}
#KBlocEventLayer2{  width: 100%; min-height: 10px; padding: 70px 0 40px 0; background-color: rgba(26,26,26,0.93);
    font-family: "oxygen", Arial, Helvetica, sans-serif; font-size: 37px; line-height: 45px; color: #FFF; text-align: center;
}
#KBlocEventLayer3{  width: 98%; min-height: 10px; float: left; padding: 0 0 40px 0; margin-bottom: 30px;  background-color: rgba(255,255,255,1);  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12);
    border-radius: 3px; font-family: "oxygen", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 36px; color: #000000; text-align: center;
}

.LEventTimeLineTop,.LEventTimeLineTop3 { width: 100%; float: left; font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 20px; color:#000; }
.LEventTimeLineTop1,.LEventTimeLineTop2 { width: 99%; height: 30px; padding-left: 1%; float: left; font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 20px; color:#FF9800; border-bottom: solid 2px #FF9800 ; margin: 0px 0px 20px 0px; }
.LEventTimeLineTop2 {  color:#555; border-bottom: solid 1px #EEE ; }
.LEventTimeLineTop3 { font-size: 20px; line-height: 24px;  color:#222; }
#LEventTimeLineLeftA{ width: 8%; min-height: 100px; margin: 0; float: left; font-family: "lato", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 26px; color:#FF9800; }
#LEventTimeLineLeftB{ width: 92%; float: left; }

.KEventText1 { color:#FFF; font-size: 20px; line-height: 30px; letter-spacing: 2px; } /*F03F78*/
.KEventText2 { color:#222; font-size: 16px; line-height: 20px; }
.KEventText3 { color:#666; font-size: 16px; line-height: 20px; font-family: "lato-bold", Arial, Helvetica, sans-serif; }
.KEventText4 { color:#999; font-size: 12px; line-height: 14px; }
.KEventText5 { color:#000; font-size: 21px; line-height: 25px; font-family: "lato-bold", Arial, Helvetica, sans-serif; }
.KEventText6 { color:#444; font-size: 16px; line-height: 20px; }
.KEventText7 { color:#FFF; font-size: 20px; line-height: 30px; font-family: "opensans", Arial, Helvetica, sans-serif; letter-spacing: 1px;}
.KEventText9 { color:#FFF; font-size: 26px; line-height: 25px; font-family: "opensans", Arial, Helvetica, sans-serif; letter-spacing: 2px;}
.KEventText9_{  font-size: 60px; line-height: 60px; font-family: "opensans", Arial, Helvetica, sans-serif; letter-spacing: 2px;}

.KEventLine  { width: 20%; height: 3px; background-color: #FF9800; }
.KEventLine1 { width: 100%; height: 1px; background-color: #EEE; }

.KEventTab,.KEventTabOver{ width: 33%; margin-right: 0.3%;  padding-bottom: 10px; float: left; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#222; font-size: 20px; line-height: 30px; text-align: center; border-bottom: solid 3px #DDD; }
.KEventTabOver{ color:#FF9800; border-bottom: solid 3px #FF9800; }
.KEventTab:hover{ color:#FF9800; cursor: pointer; }

#KEventTabPageCrop { width: 100%; height: 2000px; position: relative; z-index:4; overflow: hidden;  }
#KEventTabPage0 { width:100%; position: absolute; z-index:3; }
#KEventTabPage1 { width: 100%; height: auto; left: 0%; position: absolute; z-index:2; }
#KEventTabPage2 { width: 100%; left: 100%; position: absolute; z-index:2; }
#KEventTabPage3 { width: 100%; left: 200%; position: absolute; z-index:2; }

.KEventFlashSt1{ width: 16%; height: 51px; padding: 9px 0 0 4%; margin-right: 1%; float: left; letter-spacing: 0px; font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 19px; color: #FFF; text-align: left;
    background: url('img/flashinfo_color1.png'); background-size: 100% 100%; }

.KEventFlashSt2{ width: 68%; float: left; padding: 4px 0 0 0; margin-right: 1%; letter-spacing: 0px; font-family: "lato", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 25px; color: #FFF; text-align: left; }

.KEventFlashSt3{ width: 10%; height: 28px; padding: 10px 0; margin-top: 7px; float: left; letter-spacing: 2px; font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 23px; color: #FFF; text-align: center;
    background: url('img/flashinfo_color2.png'); background-size: 100% 100%; opacity: 0.9; }
.KEventFlashSt3:hover{ opacity: 1; cursor: pointer; }

.KEventText8{ font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 0px; }




/*Tchat*/
#KTchatBubble { width: 250px; height: 65px; position: fixed; z-index: 20; right: 15px; bottom: 15px; border-radius: 40px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border: solid 2px #222; background: #222;
    font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; color: #FFF; transition: 0.2s;
}
#KTchatBubbleSend { width: 300px; height: 65px; position: fixed; z-index: 20; right: 15px; bottom: 15px; border-radius: 40px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border: solid 2px #DDD; background: #FFF;
    font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #F03F78; transition: 0.2s;
}
#KTchatBubble:hover { width: 300px; transition: 0.2s; }
#KTchatBubble:hover >  .KTchatBubbleText{ width: 220px; transition: 0.2s; }
#KTchatBubble:hover{ background: #333; border: solid 2px #333; cursor: pointer; }
#KTchatBubbleSend:hover { background: #f8f8f8; cursor: pointer; }

#KTchatNotif{ width: 20px; height: 20px; position: absolute; z-index: 3px; margin: -16px 0 0 26px; padding: 3px; background-color: #E82C68;
    color: #FFF; font-size: 12px; border-radius: 50px; text-align: center; transition: 0.05s; }
.KTchatMHelper { width: 70%; float: left; padding: 14px; margin: 5px 5px 5px 15px; border-radius: 20px; background-color: #e3e3e3; /*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);*/ font-family: "opensans", Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; line-height: 16px; }
.KTchatMUser { width: 70%; float: right; padding: 14px; margin: 5px 15px 5px 5px; border-radius: 20px; background-color: #FFFFFF; /*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);*/ font-family: "opensans", Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; line-height: 16px; }
.KTchatMInfo,.KTchatMInfo_{ margin-top: 5px; font-size: 11px; font-style: italic; color: #999; }
.KTchatMInfo_{ color: #777777; }
.KTchatTextUser{ font-size: 14px; color: #333; }

.KTchatBubbleIcon { width: 40px; height: 50px; margin: 10px; padding: 3px 0 0 5px; float: left; }
.KTchatBubbleText { width: 170px; padding-top: 15px; float: left; transition: 0.2s; }
.KTchatBubbleText1{ width: 200px; padding-top: 15px; float: left; line-height: 18px; }

#KTchatArea { width: 300px; height: 450px; position: fixed; z-index: 19; right: 15px; bottom: 30px; border-radius: 20px;
    background-color: #FFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); border: solid 1px #DDD; overflow: hidden; }
.KTchatMessageArea{ width: 100%; height: 310px; float: left; background-color: #F3F3F3; overflow: hidden; }
.KTchatMessage {  width: 100%; height: 120px; float: left; background-color: #FFFFFF; }

.KTchatField{ width:260px; padding: 10px 20px; font-family: "opensans", Arial, Helvetica, sans-serif;
    font-size: 13px; color: #000; line-height: 17px; border: none; border-top: solid 1px #DDD; }
.KTchatLine  { width: 100%; height: 1px; background-color: #EEE; }


/*Pub*/
#KPubSetTop,#KPubSetTopDark { width: 100%; padding: 60px 0 15px 0; margin-bottom: 30px; float: left; background-color: #f4f4f4; }
#KPubSet,#KPubSetDark { width: 100%; padding: 15px 0 15px 0; margin-bottom: 0px; float: left; background-color: #f4f4f4; }
#KPubSetTopDark,#KPubSetDark { background-color: #111111; }
#KpubContent{ width: 970px; margin: auto; }



/*Archives*/
.KArchiveBt1 { width: 90%; padding: 12px 5%; float: left; border: none; background: url("img/pix_archive.png"); border: solid 2px rgba(0,0,0,0.3); border-radius: 40px; color: #FFF; font-size: 17px; transition:0.2s; }
.KArchiveBt1:hover{ opacity: 0.96; transition:0.2s; }



/*Footer*/
.KFooter { width: 100%; min-height: 200px; float: left; background-color: #F3F3F3;  }
.KFooterStLil,.KFooterStLil1 { width: 13%; margin-left: 2%; padding: 35px 0px 10px 0px; float: left; border-top: solid 3px #E3E3E3; }
.KFooterStBig { width: 18%; margin-left: 2%; padding: 35px 0px 10px 0px; float: left; border-top: solid 3px #E3E3E3; }
.KFooterStBigBack{ background-color: #333333; border-top: solid 3px #222222; }
.KFooterItem1 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #545454; }
.KFooterItem2 { margin-bottom: 7px; font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #666666; }
.KFooterItem1:hover,.KFooterItem2:hover { text-decoration: underline; }
.KFooterItem3 { width: 100%; padding: 0px 0px 0px 0px; margin-bottom: 5px; float: left; border-bottom: solid 1px #E3E3E3; font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #222; opacity: 0.7; }
.KFooterItem3:hover { color: #000; opacity: 1; }

.KFooterItem4 { width: 100%; padding: 0px 0px 7px 0px; margin-bottom: 5px; float: left; border-bottom: solid 1px #E3E3E3; font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #666666; }
.KFooterItem5 { width: 100%; padding: 15px 0 10px 0;  float: left; border-top: solid 1px #444444; font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333; /*background-color: #DDD; border-radius: 5px;*/ transition:0.3s;  }
/*.KFooterItem5:hover { background-color: #333; transition:0.3s; cursor: pointer; }*/

.KFooterFacebook{ height: 25px; padding: 5px 7px 0px 20px; margin-right: 2px; float: left; background: url("img/social_facebook.png"); background-repeat: no-repeat; background-size: 30px 30px; color: #385596; filter: grayscale(0%); transition:0.3s; }
.KFooterTwitter{ height: 25px; padding: 5px 7px 0px 25px; float: left; background: url("img/social_twitter.png"); background-repeat: no-repeat; background-size: 30px 30px; color: #2DAAE1; filter: grayscale(0%); transition:0.3s; }
.KFooterFacebook:hover,.KFooterTwitter:hover{ background-color: #888; color: #FFF; border-radius: 5px; filter: grayscale(0%); transition:0.3s; cursor: pointer;  }


.PaginateSet{ width: 98%; margin: 10px 2% 0 0; float: left; /*border: solid 1px #EEE; border-radius: 26px;*/ border-bottom: solid 2px #EEEEEE; }
.PaginateSetDark{ width: 98%; margin: 10px 2% 0 0; float: left; /*border: solid 1px #222222; border-radius: 26px;*/ border-bottom: solid 2px #222222; }


/*Buttons*/
.KoaciButton1 { padding: 13px 20px 13px 20px; border: none; background-color: #111; border-radius: 15px; color: #FFF; font-size: 16px; }
.KoaciButton1:hover { background-color: #E82C68; cursor: pointer; }
.KoaciButton2 { padding: 15px 35px 16px 35px; border: none; background-color: #222; border-radius: 20px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#F9447E; color: #FFF; font-size: 13px; }
.KoaciButton2:hover { background-color: #E82C68; cursor: pointer; }
.KoaciButton3 { padding: 10px 20px 13px 20px; border: none; background-color: rgba(240,63,120,0.5) ; border-radius: 4px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#F9447E; color: #FFF; font-size: 14px; transition: 0.3s; }
.KoaciButton3:hover { background-color: #34B8B8; cursor: pointer; transition: 0.3s; }
.KoaciButton4,.KoaciButton4_:hover { padding: 10px 20px; border: none; background-color: #000; border-radius: 20px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#FFF;  font-size: 14px; line-height: 36px; cursor: pointer; }
.KoaciButton4:hover,.KoaciButton4_ { padding: 10px 20px; border: none; background-color: #FF9800; border-radius: 20px; font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#000;  font-size: 14px; line-height: 36px; cursor: pointer; }

.KoaciButton5 { width: 350px; padding: 20px 20px 20px 20px; border: none; background-color: #F72468; border-radius: 40px;
    background: -moz-linear-gradient(top,  #ef4a7e 1%, #f72468 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ef4a7e 1%,#f72468 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ef4a7e 1%,#f72468 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4a7e', endColorstr='#f72468',GradientType=0 ); /* IE6-9 */
    font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#F9447E; color: #FFF; font-size: 18px; text-align: center; transition: 0.3s; }
.KoaciButton5:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282828+0,000000+100 */
    background: #282828; /* Old browsers */
    background: -moz-linear-gradient(top,  #282828 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #282828 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #282828 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    transition: 0.3s; cursor: pointer; }

/*Divers*/
.KoaciLine  { width: 100%; height: 2px; background-color: #DDD; }
.KoaciLine1 { width: 100%; height: 1px; background-color: #EEE; }
.KoaciLine1_{ width: 100%; height: 1px; background-color: #DDD; }
.KoaciLine2 { width: 1px; height: 40px; background-color: #DDD; }
.KoaciLine2_{ width: 1px; height: 20px; background-color: #DDD; }
.KoaciLine3 { width: 100%; height: 1px; background-color: #222; }
.KoaciLine4 { width: 100%; height: 1px; background-color: #E9E9E9; }
.KoaciLine5 { width: 100%; height: 4px; background-color: #222; }
.KoaciLine6 { width: 100%; height: 3px; background-color: #222; }
.KoaciLine7 { width: 100%; height: 3px; background-color: #F03F78; }
.KoaciLine8 { width: 100%; height: 3px; background-color: #000; }
.KoaciLine9 { width: 100%; height: 1px; background-color: #E3F0FB; }
.KoaciLine10{ width: 100%; height: 4px; background-color: #FFB71C; }
.KoaciLine11 { width: 100%; height: 3px; background-color: rgba(0, 109, 214, 0.4); }


.KoaciRounded { border: solid 2px #EEE; border-radius: 100px; overflow: hidden; }
.KoaciRounded1 { border: solid 3px #EEE; border-radius: 100px; overflow: hidden; }
.KHelpImgShadow{ box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.15); }


/*Custom scroll*/
::-webkit-scrollbar { width: 10px;  }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb {  background: #BBBBBB;  }
::-webkit-scrollbar-thumb:hover { background: #777777; }


@media screen and (max-width: 800px){ /*800 telephone portrait & paysage*/

    .HideItem { display: none; }
    .HideItem1{ display: none; }
    .HideItem2{ display: none; }
    .HideItem3{ display: none; }
    .HideItem4{ display: none; }
    .HideItem5{ display: block; }
    .HideItem6{ display: block; }
    .HideItem7{ display: block; }
    .ShowItem3{ display: block; }
    .ShowItem4{ display: block; }

    .SideBlocNeo2 { width: 100%; margin-left: 0;  float: left; }
    #KBlocApp { width: 80%; padding: 30px 10%; margin-right: 0; float: left; }
    .KBlocAppImg { height: 280px; }
    #SideNews,#SideCom {  width: 100%; height: 200px; }

    .KoaciContent { width:94%; padding: 0px 3%; }
    .KoaciContent1{ width:94%; padding: 0px 3%; }
    .KoaciContent1_{ width:100%; padding: 0px 0;}
    .KoaciContent2{ width:94%; padding: 0px 3%; }
    .KoaciContent2_{ width:100%; padding: 0 0; }
    .KoaciContent3{ width:100%; padding: 0px 0%; }
    .KoaciContent1St1 { width:100%;  }
    .KoaciContent1St2 { width:94%; padding: 0px 3%; margin-right: 0; }


    #KoaciNav { width: 100%; height: 59px; padding-top: 2px; }
    .KoaciNavPageSet{ height: 60px; }

    .KoaciNavLogoSet1 { display: block; }

    .KoaciTopMenu { padding: 90px 0 50px 0; }
    .KoaciTopMenuSt1 { width: 100%; margin-right: 0%; padding-top: 10px;  }

    #KoaciSideMenu{ width: 90%; right:-90%; }
    #KFlashInfoBar{ width: 100%; height: 63px; }
    #KFlashInfoBarSt{ width: 100%; height: 53px; background:none; background-color: #222222; /*border-radius: 0 0 5px 5px;*/ }
    #KFlashInfoBarSt1{ width: 25%; height: 37px; padding: 16px 0 0 0; font-size: 13px; line-height: 20px; display: none;  }
    #KFlashInfoBarSt2{ width: 85%; height: 38px; padding: 8px 0px 0px 5%; font-size: 13px; line-height: 16px;  overflow: hidden; }
    #KFlashInfoBarSt2 a{ font-size: 14px; line-height: 18px; }
    #KFlashInfoBarSt3{ width: 10%; height: 42px; padding: 8px 0 0px 0px; }


    /*Page*/
    .KoaciPageSplitA1{ width: 100%; }
    .KoaciPageSplitA2{ width: 100%; }
    .KoaciPageSplitB1{ width: 100%; }
    .KoaciPageSplitB2{ width: 100%; padding-left: 0%; margin-left: 0%; border-left: none; }
    .KoaciPageSplitC1{ width: 100%;  padding-right: 0%; margin-right: 0%; border-right: none; }
    .KoaciPageSplitC2{ width: 100%; }
    .KoaciPageSplitD1{ width: 100%; margin-right: 1%; min-height: 100px; float: left; }
    .KoaciPageSplitD2{ width: 100%; min-height: 100px; float: left; }

    #KoaciPageSplitMusic1{ width: 88%; margin: 0px 6%  0px 6%; }
    #KoaciPageSplitMusic2{ width: 100%;  }
    #KoaciPageSplitMusic3{ width: 88%; margin: 0px 6% 0px 6%; }
    #KoaciPageSplitVideo1{ width: 100%; }
    #KoaciPageSplitVideo2{ width: 88%; margin: 0px 6% 0px 6%; }

    #KoaciNewsPixCrop { width: 100%; height: 180px; }
    #KoaciNewsPixCrop1{ width: 100%; height: 160px; }
    #KoaciPageBloc{ width: 100%; margin: 0px 0% 18px 0px; }
    #zoomSet{ bottom: 10px;  }
    .KoaciPBPadding { padding-right: 20px; padding-left: 20px; }
    .KoaciPBPadding1 { padding: 0 30px; }
    .KoaciPBPadding2{ padding: 0 20px; }
    .KocaciBlocSide1Title,.KocaciBlocSide1Title1,.KocaciBlocSide1Title2 { font-size: 20px; line-height: 22px; }
    .KocaciBlocUser { width: 100%;  margin: 0px 0px 20px 0px; }
    .UserPix { width: 30%; }
    .UserFieldSize{  width: 94%; }


    /*Bloc*/
    .KoaciTagOver{ font-size: 14px; }
    .KoaciTagOver1,.KoaciTagOver2,.KoaciTagOver3,.KoaciTagOver4 {  padding: 3px 12px 3px 12px; font-size: 10px; }

    .KTagFilterBarSt1{ width: 0%; display: none; }
    .KTagFilterBarSt2,.KTagFilterBarSt2_{ width: 85%; height: 50px; margin: 15px 0 0 5%; }
    .KTagFilterBarSt3{ width: 10%; }
    .KTagFilter,.KTagFilterDark,.KTagFilterSelected{ width: 48%; }

    #KoaciBlocNews,#KoaciBlocNews_{ width: 100%; height: auto; margin: 0px 0% 18px 0px;}
    .KoaciBlocNewsSt1{ height: 170px; margin-bottom: 20px; overflow: hidden; }
    .KoaciBlocNewsText2{ font-size: 14px; line-height: 18px; }
    .KoaciBlocNews1St1{ width: 100%; height: 150px;  }
    .KoaciBlocNews1St2{ width: 80%; padding: 10px 10% 0px 10%; }
    .KoaciBlocNews1St1 img{ width: 100%; height: auto; margin-left: 0%; }

    #KoaciBlocNews1{ width: 100%; margin: 0px 0% 18px 0px; padding-bottom: 10px; }
    #KoaciBlocNews2{ width: 90%; height: auto;  margin: 0px 5% 18px 5%; }
    #KoaciBlocNews2_{ width: 100%; margin: 0px 0% 18px 0px; }
    .KoaciBlocNews2St1{ font-size: 17px; line-height: 20px; }
    .KoaciBlocNews2St1_{ font-size: 17px; line-height: 23px;}

    #KoaciBlocNews3{ width: 100%; margin: 0px 0% 10px 0px; }
    .KoaciBlocNews3St1{ height: 170px;  }
    .KoaciBlocNews3Text1{ font-size: 19px; line-height: 23px; }

    .KoaciBlocNews4St1{ height: 170px; }
    .KoaciBlocNews4Text1{ font-size: 19px; line-height: 21px; }

    #KoaciBlocNews5{ width: 98%; margin: 0px 2% 18px 0px;  }
    .KoaciBlocNews5St1{ width: 30%; height: 220px; float: left; overflow: hidden; }
    .KoaciBlocNews5St2{ width: 31%; padding: 30px 4% 0px 4%; float: left;  }
    .KoaciBlocNews5St3{ width: 27%; padding: 30px 4% 0px 0px; float: left; }
    .KoaciBlocNews5Text1{ font-size: 22px; line-height: 26px; }
    .KoaciBlocNews5Text2{ font-size: 14px; line-height: 19px; }
    .KoaciBlocNews5Text3{ font-size: 16px; line-height: 18px; }


    #KoaciBlocBNews1{ width: 100%; height: 200px; margin: 0px 0% 13px 0px;  }
    #KoaciBlocBNews1Layer{ width: 90%; height: 87%; padding: 5% 5%; font-size: 19px; line-height: 20px; }

    #KoaciBlocBNews3{ width: 100%; height: 200px; margin: 0px 0% 13px 0px;  }
    #KoaciBlocBNews4{ width: 100%; height: 200px; margin: 0px 0% 13px 0px; }
    #KoaciBlocBNews5{ width: 100%; height: 200px; margin: 0px 0% 13px 0px; }
    #KoaciBlocBNews5_{ width: 100%; height: 200px; margin: 0px 0% 13px 0px; }

    #KoaciBlocBNews2{ width: 100%; height: 200px; margin: 0px 0% 18px 0px; }
    #KoaciBlocBNews2Layer{ width: 90%; height: 87%; padding: 5% 5%; font-size: 18px; line-height: 20px; }
    #KoaciBlocBNews3Layer { font-size: 15px; }



    #KoaciBlocVideo { width: 100%; height: 200px; margin: 0px 0% 20px 0px;  }
    #KoaciBlocVideoLayer{ width: 101%; height: 77%; padding: 10% 0%; font-size: 18px; line-height: 20px; }

    #KoaciBlocVideo1{ width: 100%; height: 200px; }
    #KoaciBlocVideo1_{ width: 100%; height: 200px;  }
    #KoaciBlocVideoLayer1{ width: 100%; height: 67%; padding: 15% 0%; font-size: 18px; line-height: 20px; }

    .KoaciVideoText { font-size: 26px; line-height: 29px; }

    .KoaciBlocVideo1{ width: 98%; height: 80px; margin: 0px 2% 15px 0px; }
    #KoaciBlocVideo1Layer{ margin: -10px 0px 0px 20%; }
    .KoaciBlocVideo1Text1{ font-size: 17px; line-height: 19px; }


    #KoaciBlocMusic { width: 100%; height: 200px; margin: 0px 0% 20px 0px;  }
    #KoaciBlocMusicLayer{ width: 80%; height: 72%; padding: 10% 10%; font-size: 18px; line-height: 20px; }

    #KoaciBlocMusic1{ width: 100%; height: 200px; }
    #KoaciBlocMusicLayer1{ width: 70%; height: 47%; padding: 25% 15%; font-size: 18px; line-height: 20px; }

    .KoaciMusicText { font-size: 26px; line-height: 29px; }

    .KoaciBlocMusic1{ width: 100%; height: 80px; margin: 0px 0% 15px 0px; }
    .KoaciBlocMusic1Text1{ font-size: 17px; line-height: 19px; }

    #KoaciMusicPixCrop { width: 100%; height: 225px; }
    #KoaciMusicPixLayer { padding-top: 17%; }

    .KoaciBlocComment{ width: 100%; padding-top: 15px; margin-bottom: 25px; font-size: 14px; line-height: 19px; }
    .KoaciBlocComment1{ width: 89.5%; padding-left: 1%; margin: 0px 0px 20px 9%; font-size: 14px; line-height: 19px; }
    .KoaciBlocCommentSt1{ width: 17%;  }
    .KoaciBlocCommentSt2{ width: 78%; padding: 0px 0px 5px 5%; font-size: 14px; line-height: 20px; }
    .KoaciBlocCommentText1{ font-size: 14px; line-height: 20px;  }

    .KoaciBlocScoopText1{ font-size: 17px; line-height: 20px; }
    .KoaciBlocScoopText2{ font-size: 13px; line-height: 16px; }


    #KoaciBlocC{ width: 98%; height: auto; padding-bottom: 15px; margin: 0px 2% 15px 0px; }
    .KoaciBlocCSt2{ height: 180px; }
    .KoaciBlocCSt2_{ height: 180px; }
    .KoaciBlocC2St1{ width: 100%; height: 220px;  }
    .KoaciBlocC2St2{ width: 96%; height: 50px; margin-right: 3%; margin-left: 0; padding: 0 2% 0 2%; font-size: 21px; line-height:30px; }
    .KoaciBlocC2St3{ width: 90%; padding: 15px 5% 0 5%; }

    #KoaciBlocC3{ width: 100%; /*height: 320px;*/ position: relative; margin: 0px 0 15px 0px; float: left;  }
    .KoaciBlocC3St2{ height: auto; border: none; border-bottom: solid 1px #E3F0FB; }
    .KoaciBlocC3St1{ height: 220px;  }
    #KoaciBlocC3Layer{ height: 220px; }
    .KoaciBlocC3Text1{ font-size: 22px; line-height: 27px; }
    .KoaciBlocC3Text4{ font-size: 14px; }

    /*#KoaciBlocC4{ width: 100%; margin: 0px 0 15px 0px; }
    .KoaciBlocC4St1{ height: 200px; }
    .KoaciBlocC4St2{ height: auto; }
    #KoaciBlocC4Layer{ height: 200px; }*/
	#KoaciBlocC4Splitter { width: 90%; padding: 0 5%; float: left; }

    .KoaciBlocSide{ width: 100%; padding-left: 0; padding-top: 20px; border-left: none; border-top: solid 1px #EEEEEE; float: left; }

    #KBlocLogin { width: 80%; min-height: 200px; margin: 0px 0% 30px 0%; padding: 20px 10% 60px 10%; }
    #KBlocLogin1 { width: 80%; margin: 0px 0% 25px 0%; padding: 20px 10% 30px 10%; }


    .KBlocSubscribe { width: 80%; min-height: 380px; padding: 170px 10% 70px  10%; }
    .KBlocSubscribe2{ width: 80%; min-height: 600px; padding: 50px 10% 0px  10%; }
    .KPageSubscribe1St1{ width: 100%;  }
    .KPageSubscribe1St2{ width: 100%; margin: 40px 0 0 0; }
    .KPageSubscribe2St1{ width: 100%; margin-right: 0%; margin-bottom: 40px; }
    .KPageSubscribeDiv1,.KPageSubscribeDiv2,.KPageSubscribeDiv3,.KPageSubscribeDiv4,.KPageSubscribeDiv5,.KPageSubscribeDiv6 {
        width: 90%; height: 110px; padding: 60px 5% 50px 5%;
        font-size: 30px; line-height: 36px;
    }
    .KPageSubscribeDiv2{ width: 90%; height: 220px; padding: 40px 5% 50px 5%; }
    .KPageSubscribeDiv2_{ width: 100%; height: 310px; }
    .KPageSubscribeDiv5{ width: 90%; height: 230px; padding: 50px 5% 80px 5%; }
    .KBlocSubscribeDivText{ font-size: 34px; }
    .KBlocSubscribeDivText1{ font-size: 40px; line-height: 45px; }
    .KBlocSubscribeText6{ font-size: 40px; line-height: 45px; text-align: center; }
    .KBlocSubscribeText7{ font-size: 19px; line-height: 24px; }
    .KBlocSubscribeText8{ font-size: 18px; line-height: 24px; }

    .KSubscribeMoneySt1{ width: 10%; float: left; }
    .KSubscribeMoneySt2{ width: 65%; float: left; }
    .KSubscribeMoneySt3{ width: 25%; float: left; }


    .KBlocSondage { width: 84%; padding: 30px 8%; }
    .KBlocSondageSt1{ width: 99%; margin-right: 0%; }
    .KBlocSondageSt2{ width: 100%; }


    .KPageContact{ padding-top: 100px; background-size: 220%; background-position: top; background-color: #222222; font-size: 17px; }


    /*Bloc Side*/
    #KBlocSTypeA  { width: 91%; margin: 5px 3% 10px 5%; }
    #KBlocSTypeA_ { width: 89%; margin: 5px 3% 10px 7%; }

    #KBlocSTypeB{ width: 100%; }
    .KBlocSTypeBSt1{ width: 100%; height: 150px; }

    #KBlocSTypeC{ width: 100%; height: 215px; margin: 0px 0% 10px 0px; }

    .KBlocSTypeASt2{ font-size: 16px; line-height: 17px; }
    .KBlocSTypeASt2_{ font-size: 16px; line-height: 19px; }
    .KBlocSTypeAText1,.KBlocSTypeAText1_{ font-size: 19px; line-height: 20px; }
    .KBlocSTypeAText2{ font-size: 13px; line-height: 15px; }
    .KBlocSTypeBSt2{ font-size: 16px; line-height: 18px; }
    .KBlocSTypeBSt2_{ font-size: 18px; line-height: 22px; }
    .KBlocSTypeBText1{ font-size: 14px; line-height: 17px; }
    #KBlocSTypeCLayer{ width: 80%; height: 90%; padding: 5% 10%; font-size: 17px; line-height: 19px; }
    /*#KBlocSTypeDLayer{ font-size: 16px; line-height: 19px; }*/
    /*.KBlocSTypeDText1{ font-size: 18px; line-height: 16px; }*/

    #KBlocSTypeD,#KBlocSTypeD2{ width: 100%; height: 235px; }


    /*Event*/
    .KEventPage{ width: 100%; float: left; }
    #KEventPageBloc{ width: 108%; margin: 0 0 0 -4%; }

    #KEventBloc1 { width: 100%; margin: 0px 0 18px 0px; }
    .KEventBloc1St1 { width: 100%; height: 180px;  }
    .KEventBloc1St2 { width: 80%; height: auto; padding: 0 10%; font-size: 20px; line-height: 23px; }

    #KEventBloc2 { width: 100%; margin: 0px 0 18px 0px; }
    .KEventBloc2St1 { width: 100%; height: 180px;  }
    .KEventBloc2St2 { width: 80%; height: auto; padding: 0 10%; font-size: 20px; line-height: 23px; }

    #KEventBloc3 { width: 100%; margin: 0px 0 18px 0px; }
    .KEventBloc3St1 { width: 100%; height: 180px; }
    .KEventBloc3St2 { width: 80%; height: auto; padding: 0 10%; font-size: 20px; line-height: 23px; }

    #KEventBloc4 { width: 100%; height: auto; margin: 0px 0 18px 0px;  }
    .KEventBloc4St1 { width: 80%; padding: 0 10%; font-size: 20px; line-height: 23px;  }
    .KEventBloc4St2 { width: 80%; padding: 0 10%; }

    #KEventBloc5 { width: 100%; height: auto; margin: 0px 0 18px 0px;  }
    .KEventBloc5St1 { width: 80%; padding: 0 10%; font-size: 20px; line-height: 23px;  }
    .KEventBloc5St2 { width: 80%; padding: 0 10%; }

    #KEventBloc6 { width: 100%; height: auto; margin: 0px 0 18px 0px; }
    .KEventBloc6St1 { width: 80%; padding: 0 10%; font-size: 20px; line-height: 23px; }
    .KEventBloc6St2 { width: 80%; padding: 0 10%; }


    #kEventType-100{ width: 100%; margin-left: 0 }
    #kEventType-50{ width: 100%; margin-left: 0; }
    #kEventType-25{ width: 100%; margin-left: 0;}
    #kEventType-48{ width: 100%;}
    #kEventType-4{ width: 0; display: none; }

    #LEventTimeLineLeftA{ width: 100%; min-height: 20px; margin: 10px 0 0 0; }
    #LEventTimeLineLeftB{ width: 100%; }

    .KEventTLine { height: 220px;  }
    .KEventTLine-100 { width: 100%; height: 2px; margin-left: 0; }
    .KEventTLine-50 { width: 100%; height: 2px; margin-left: 0; }
    .KEventTLine-25 { width: 100%; height: 2px; margin-left: 0; }

    #KBlocEvent{ height: 220px; }
    #KBlocEvent-100,#KBlocEvent-50,#KBlocEvent-25{ height: 550px; }
    #KBlocEvent-100{ height: 200px; }
    #KBlocEvent-50{ height: 200px; }
    #KBlocEvent-25{ height: 180px; }

    #KBlocEventC{ width: 100%; height: 120px; }

    .LEventTimeLineTop,.LEventTimeLineTop3 {font-size: 20px; line-height: 25px; margin: 40px 0 0 0; }
    #KBlocEventLayer{ width: 86%; height: 95%; padding: 0% 7% 6% 7%; font-size: 28px; line-height: 33px; }
    #KBlocEventLayer1{ width: 80%; height: 77%; padding: 10% 10%;  font-size: 18px; line-height: 20px; }
    #KBlocEventLayer2{ font-size: 34px; line-height: 43px; }
    #KBlocEventLayer3{ font-size: 24px; line-height: 29px; }

    .KEventText1 { font-size: 18px; line-height: 28px; }
    .KEventText2 { font-size: 16px; line-height: 20px; }
    .KEventText3 { font-size: 16px; line-height: 20px; }
    .KEventText4 { font-size: 12px; line-height: 14px; }
    .KEventText5 { font-size: 19px; line-height: 23px; }
    .KEventText6 { font-size: 14px; line-height: 18px; }
    .KEventText7 { font-size: 16px; line-height: 24px; }
    .KEventText9 { font-size: 20px; line-height: 25px; }
    .KEventText9_{  font-size: 40px; line-height: 45px; }
    .KEventTab,.KEventTabOver{ font-size: 18px; }
    .KEventFlashSt1{ width: 0; }
    .KEventFlashSt2{ width: 100%; font-size: 16px; line-height: 20px; }
    .KEventFlashSt3{ width: 0; }



    /*#KpubContent{ width: 970px; margin: auto; }*/
    #KpubContent{ width: 100%; margin: auto; }


    /*Footer*/
    .KFooter { background-color: #212121;  }
    .KFooterItem1 { color: #DDDDDD; }
    .KFooterItem2 { color: #CCCCCC; }
    .KFooterItem3 { color: #CCCCCC; border-bottom: solid 1px #E3E3E3; }

    .KFooterStLil { width: 47%; margin-left: 3%; padding: 35px 0px 10px 0px; border-top: solid 3px #171717; }
    .KFooterStLil1 { width: 47%; margin-left: 3%; padding: 35px 0px 10px 0px; border-top: solid 3px #171717; }
    .KFooterStBig { width: 97%; margin-left: 3%; padding: 35px 0px 10px 0px; border-top: solid 3px #171717; }
}

/*tablette portrait*/
/*
@media screen and (min-width: 800px) {



}*/
/*
@media screen and (min-width: 801px) {

	#KoaciNav { width: 100%; height: 197px; }
	.KoaciNavPageSet{ height: 197px; }

	.KoaciNavLogoSet1 { display: none; }

	.KoaciTopMenu { padding: 90px 0 50px 0; }
	.KoaciTopMenuSt1 { width: 100%; margin-right: 0%; padding-top: 10px; }

	#KoaciSideMenu{ width: 90%; right:-90%; }
	#KFlashInfoBar{ display: none; }

}*/

@media screen and (min-width: 801px){ /* 1020 tablette paysage*/


    .HideItem { display: block; }
    .HideItem1{ display: none; }
    .HideItem2{ display: block; }
    .HideItem3{ display: block; }
    .HideItem4{ display: none; }
    .HideItem5{ display: block; }
    .HideItem6{ display: none; }
    .HideItem7{ display: none; }
    .ShowItem3{ display: none; }
    .ShowItem4{ display: none; }

    .SideBlocNeo2 { width: 48%; margin-left: 2%;  float: left; }
    #KBlocApp { width: 38%; padding: 30px 5%; margin-right: 2%; float: left; }
    .KBlocAppImg { height: 325px; }
    #SideNews,#SideCom {  width: 100%; height: 180px; }

    .KoaciContent { width:90%; padding: 0px 5%; }
    .KoaciContent1,.KoaciContent1_{ width:90%; padding: 0px 5%; }
    .KoaciContent2,.KoaciContent2_{ width:90%; padding: 0px 0%; }
    .KoaciContent1St1 { width:100%;  }
    .KoaciContent1St2 { width:94%; padding: 0px 3%; margin-right: 0;  }
    .KoaciContent3{ width:90%; padding: 0px 5%; }

    /*Nav Bar*/
    #KoaciNav { height: 187px; }
    .KoaciNavPageSet{ height: 187px;/*196px*/ }

    .KoaciNavLogoSet1 { display: none; }

    .KoaciTopMenu { width: 98%; padding: 220px 0 50px 2%; }
    .KoaciTopMenuSt1 { width: 20%; margin-right: 5%; padding-top: 0px;  }

    #KoaciSideMenu{ width: 40%; right:-90%; }
    #KFlashInfoBar{ width: 100%; height: 43px; }
    #KFlashInfoBarSt{ width: 100%; height: 43px; background-color: none; background: url("img/flashinfo_background.png"); background-position: top right; background-size: 100% 100%; overflow: hidden; }
    #KFlashInfoBarSt1{ width: 15%; height: 32px; padding: 11px 0 0 0; font-size: 16px; line-height: 20px;  }
    #KFlashInfoBarSt2{ width: 73%; height: 37px; padding: 6px 0px 0px 2%; font-size: 17px; line-height: 30px; }
    #KFlashInfoBarSt2 a{ font-size: 17px; line-height: 30px; }
    #KFlashInfoBarSt3{ width: 8%; height: 32px; padding: 12px 2% 0px 0px; }


    /*Page*/
    .KoaciPageSplitA1{ width: 100%; }
    .KoaciPageSplitA2{ width: 100%; }
    .KoaciPageSplitB1{ width: 100%; }
    .KoaciPageSplitB2{ width: 100%; padding-left: 0%; margin-left: 0%; border-left: none; }
    .KoaciPageSplitC1{ width: 48%;  padding-right: 2%; margin-right: 2%; border-right: solid 1px #EEE;}
    .KoaciPageSplitC2{ width: 47.8%; }
    .KoaciPageSplitD1{ width: 49%; margin-right: 2%; min-height: 100px; float: left; }
    .KoaciPageSplitD2{ width: 49%; min-height: 100px; float: left; }

    #KoaciPageSplitMusic1{ width: 24%; margin: 0px 1% 0px 0px; }
    #KoaciPageSplitMusic2{ width: 50%;  }
    #KoaciPageSplitMusic3{ width: 24%; margin: 0px 0px 0px 1%; }
    #KoaciPageSplitVideo1{ width: 71%; }
    #KoaciPageSplitVideo2{ width: 24%; margin: 0px 3% 0px 2%; }

    #KoaciNewsPixCrop { width: 100%; height: 400px; }
    #KoaciNewsPixCrop1{ width: 100%; height: 430px; }
    #zoomSet{ bottom: 25px;  }
    #KoaciPageBloc{ width: 98%; margin: 0px 0% 18px 0px; }
    .KoaciPBPadding { padding: 0 80px; }
    .KoaciPBPadding1 { padding: 0 50px; }
    .KoaciPBPadding2{ padding: 0 50px; }
    .KocaciBlocSide1Title,.KocaciBlocSide1Title1,.KocaciBlocSide1Title2 { font-size: 22px; line-height: 24px; }
    .KocaciBlocUser { width: 100%;  margin: 0px 0px 20px 0px; }
    .UserPix { width: 15%; }
    .UserFieldSize{  width: 32%; }


    /*Bloc*/
    .KoaciTagOver{ font-size: 16px; }
    .KoaciTagOver1,.KoaciTagOver2,.KoaciTagOver3,.KoaciTagOver4 {  padding: 3px 12px 4px 12px; font-size: 10px; }

    .KTagFilterBarSt1{ width: 15%; display: block;}
    .KTagFilterBarSt2,.KTagFilterBarSt2_{ width: 80%; height: 50px; margin: 0 0 0 0;}
    .KTagFilterBarSt3{ width: 5%; }
    .KTagFilter,.KTagFilterDark,.KTagFilterSelected{ width: 23%; }

    #KoaciBlocNews,#KoaciBlocNews_{ width: 31.7%; height: 290px; margin: 0px 1.5% 18px 0px;}
    .KoaciBlocNewsSt1{ height: 150px; margin-bottom: 20px; overflow: hidden; }
    .KoaciBlocNewsText1{ font-size: 18px; line-height: 19px; }
    .KoaciBlocNewsText2{ font-size: 12px; line-height: 15px; }
    .KoaciBlocNews1Text1{ font-size: 18px; line-height: 19px; }
    .KoaciBlocNews1St1{ width: 50%; height: 180px;  }
    .KoaciBlocNews1St2{ width: 42%; padding: 20px 4% 0px 4%; }
    .KoaciBlocNews1St1 img{ margin-left: -25%; }

    #KoaciBlocNews1{ width: 48%; margin: 0px 2% 18px 0px; }
    #KoaciBlocNews2{ width: 45%; height: 100px; margin: 0px 5% 18px 0px;}
    #KoaciBlocNews2_{ width: 48%; margin: 0px 2% 18px 0px; }
    .KoaciBlocNews2St1{ font-size: 14px; line-height: 18px; }
    .KoaciBlocNews2St1_{ font-size: 17px; line-height: 23px;}

    #KoaciBlocNews3{ width: 46%; margin: 0px 4% 10px 0px; }
    .KoaciBlocNews3St1{ height: 110px; }
    .KoaciBlocNews3Text1{ font-size: 16px; line-height: 18px; }

    .KoaciBlocNews4St1{ height: 240px; }
    .KoaciBlocNews4Text1{ font-size: 18px; line-height: 21px; }

    #KoaciBlocNews5{ width: 100%; margin: 0px 0% 18px 0px;  }
    .KoaciBlocNews5St1{ width: 33%; height: 175px; float: left; overflow: hidden; }
    .KoaciBlocNews5St2{ width: 29%; padding: 25px 2% 0px 4%; float: left;  }
    .KoaciBlocNews5St3{ width: 28%; padding: 30px 4% 0px 0px; float: left; }
    .KoaciBlocNews5Text1{ font-size: 19px; line-height: 20px; }
    .KoaciBlocNews5Text2{ font-size: 14px; line-height: 18px; }
    .KoaciBlocNews5Text3{ font-size: 14px; line-height: 17px; }


    #KoaciBlocBNews1{ width: 98%; height: 500px; margin: 0px 2% 18px 0px;  }
    #KoaciBlocBNews1Layer{ width: 76%; height: 77%; padding: 10% 12%; font-size: 24px; line-height: 25px;}

    #KoaciBlocBNews3{ width: 65.5%; height: 350px; margin: 0px 1% 18px 0px;  }
    #KoaciBlocBNews4{ width: 49%; height: 250px; margin: 0px 1% 13px 0px; }
    #KoaciBlocBNews5{ width: 32.33%; height: 170px; margin: 0px 1% 10px 0px; }
    #KoaciBlocBNews5_{ width: 33.33%; height: 170px; margin: 0px 0px 10px 0px; }

    #KoaciBlocBNews2{ width: 48%; height: 240px; margin: 0px 2% 18px 0px; }
    #KoaciBlocBNews2Layer{ width: 90%; height: 77%; padding: 10% 5%; font-size: 18px; line-height: 22px;}
    #KoaciBlocBNews3Layer { font-size: 15px; }



    #KoaciBlocVideo { width: 31.3%; height: 160px; margin: 0px 2% 20px 0px;  }
    #KoaciBlocVideoLayer{ width: 101%; height: 72%; padding: 10% 0%; font-size: 16px; line-height: 18px; }

    #KoaciBlocVideo1{ width: 100%; height: 200px; }
    #KoaciBlocVideo1_{ width: 100%; height: 215px;  }
    #KoaciBlocVideoLayer1{ width: 100%; height: 67%; padding: 15% 0%; font-size: 18px; line-height: 20px; }

    .KoaciVideoText { font-size: 26px; line-height: 29px; }

    .KoaciBlocVideo1{ width: 98%; height: 60px; margin: 0px 2% 15px 0px; }
    #KoaciBlocVideo1Layer{ margin: -15px 0px 0px 20%; }
    .KoaciBlocVideo1Text1{ font-size: 16px; line-height: 17px; }


    #KoaciBlocMusic { width: 31.3%; height: 160px; margin: 0px 2% 20px 0px;  }
    #KoaciBlocMusicLayer{ width: 80%; height: 72%; padding: 10% 10%; font-size: 16px; line-height: 18px; }

    #KoaciBlocMusic1{ width: 100%; height: 170px; }
    #KoaciBlocMusicLayer1{ width: 70%; height: 72%; padding: 10% 15%; font-size: 18px; line-height: 20px; }

    .KoaciMusicText { font-size: 22px; line-height: 25px; }

    .KoaciBlocMusic1{ width: 98%; height: 42px; margin: 0px 2% 15px 0px; }
    #KoaciBlocMusic1Layer{ margin: -15px 0px 0px 1%; transform: scale(0.3);}
    .KoaciBlocMusic1Text1{ font-size: 14px; line-height: 17px; }

    #KoaciMusicPixCrop { width: 100%; height: 280px; }
    #KoaciMusicPixLayer { padding-top: 24%; }

    .KoaciBlocComment{ width: 100%; padding-top: 15px; margin-bottom: 25px; font-size: 17px; line-height: 21px; }
    .KoaciBlocComment1{ width: 89.5%; padding-left: 1%; margin: 0px 0px 20px 9%; font-size: 17px; line-height: 21px; }
    .KoaciBlocCommentSt1{ width: 7%;  }
    .KoaciBlocCommentSt2{ width: 91%; padding: 0px 0px 5px 2%; font-size: 16px; line-height: 22px; }
    .KoaciBlocCommentText1{ font-size: 16px; line-height: 22px;  }


    .KoaciBlocScoopText1{ font-size: 17px; line-height: 20px; }
    .KoaciBlocScoopText2{ font-size: 14px; line-height: 17px; }


    #KoaciBlocC{ width: 47%; height: auto; padding-bottom: 20px; margin: 0px 3% 0px 0px; }
    .KoaciBlocCSt2{ height: 220px; }
    .KoaciBlocCSt2_{ height: 220px; }
    .KoaciBlocC2St1{ width: 35%; height: 160px;  }
    .KoaciBlocC2St2{ width: 12%; height: 160px; margin-right: 3%;  margin-left: 1%; padding: 0 2% 0 2%; font-size: 18px; line-height: 28px; }
    .KoaciBlocC2St3{ width: 45%; padding: 0; }

    #KoaciBlocC3{ width: 49.9%; position: relative; margin: 0px 0.1% 15px 0px; float: left; }
    .KoaciBlocC3St2{ height: 170px; border: solid 1px #E3F0FB; border-bottom: none; border-top: none; }
    .KoaciBlocC3St1{ height: 250px;  }
    #KoaciBlocC3Layer{ height: 250px; }
    .KoaciBlocC3Text1{ font-size: 22px; line-height: 27px; }
    .KoaciBlocC3Text4{ font-size: 16px; }

    /*#KoaciBlocC4{ width: 100%; margin: 0px 0% 15px 0px; }
    .KoaciBlocC4St1{ height: 170px; }
    .KoaciBlocC4St2{ height: 200px; }
    #KoaciBlocC4Layer{ height: 170px; }*/
	#KoaciBlocC4Splitter { width: 29.2%; padding: 0 2%; float: left; }

    .KoaciBlocSide{ width: 100%; padding-left: 0; padding-top: 20px; border-left: none; border-top: solid 1px #EEEEEE; float: left; }

    #KBlocLogin { width: 40%; min-height: 650px; margin: 0px 2% 60px 0%; padding: 20px 4% 30px 4%; }
    #KBlocLogin1 { width: 40%; margin: 0px 0% 25px 2%; padding: 20px 4% 30px 4%; }


    .KBlocSubscribe { width: 80%; min-height: 380px; padding: 190px 10% 70px  10%; }
    .KBlocSubscribe2{ width: 80%; min-height: 600px; padding: 50px 10% 0px  10%; }
    .KPageSubscribe1St1{ width: 60%;  }
    .KPageSubscribe1St2{ width: 35%; margin: 0 0 0 5%; }
    .KPageSubscribe2St1{ width: 22%; margin-right: 3%; margin-bottom: 0px; }
    .KPageSubscribeDiv1,.KPageSubscribeDiv2,.KPageSubscribeDiv3,.KPageSubscribeDiv4,.KPageSubscribeDiv5,.KPageSubscribeDiv6 {
        width: 23.3%; height: 180px; padding: 80px 5% 50px 5%;
        font-size: 30px; line-height: 36px;
    }
    .KPageSubscribeDiv2{ width: 90%; height: 220px; padding: 40px 5% 50px 5%; }
    .KPageSubscribeDiv2_{ width: 33.33%; height: 310px; }
    .KPageSubscribeDiv5{ width: 23.33%; height: 230px; padding: 30px 5% 50px 5%; }
    .KBlocSubscribeDivText{ font-size: 28px; }
    .KBlocSubscribeDivText1{ font-size: 45px; line-height: 50px; }
    .KBlocSubscribeText6{ font-size: 45px; line-height: 50px; text-align: left; }
    .KBlocSubscribeText7{ font-size: 19px; line-height: 24px; }
    .KBlocSubscribeText8{ font-size: 20px; line-height: 28px; }

    .KSubscribeMoneySt1{ width: 5%; float: left; }
    .KSubscribeMoneySt2{ width: 80%; float: left; }
    .KSubscribeMoneySt3{ width: 15%; float: left; }


    .KBlocSondage { width: 90%; padding: 30px 5%;  }
    .KBlocSondageSt1{ width: 24%; margin-right: 5%; }
    .KBlocSondageSt2{ width: 70%; }

    .KPageContact{ padding-top: 300px; background-size: cover; font-size: 19px; }


    /*Bloc Side*/
    #KBlocSTypeA  { width: 42%; margin: 5px 3% 10px 5%; }
    #KBlocSTypeA_ { width: 42%; margin: 5px 3% 10px 5%; }

    #KBlocSTypeB{ width: 50%; }
    .KBlocSTypeBSt1{ width: 100%; height: 250px; }

    #KBlocSTypeC{ width: 49.7%; height: 300px; margin: 0px 0.3% 10px 0px; }

    .KBlocSTypeASt2{ font-size: 14px; line-height: 17px; }
    .KBlocSTypeASt2_{ font-size: 14px; line-height: 19px; }
    .KBlocSTypeAText1,.KBlocSTypeAText1_{ font-size: 20px; line-height: 22px; }
    .KBlocSTypeAText2{ font-size: 14px; line-height: 16px; }
    .KBlocSTypeBSt2{ font-size: 19px; line-height: 21px; }
    .KBlocSTypeBSt2_{ font-size: 18px; line-height: 22px; }
    .KBlocSTypeBText1{ font-size: 14px; line-height: 17px; }
    #KBlocSTypeCLayer{ width: 80%; height: 90%; padding: 5% 10%; font-size: 17px; line-height: 20px; }
    /*#KBlocSTypeDLayer{ font-size: 17px; line-height: 19px; }*/
    /*.KBlocSTypeDText1{ font-size: 18px; line-height: 18px; }*/
    #KBlocSTypeD,#KBlocSTypeD2{ width: 100%; height: 230px; }


    /*Event*/
    .KEventPage{ width: 100%; float: left; }
    #KEventPageBloc{ width: 98%; margin: 0px 2% 0 0px; }

    #KEventBloc1 { width: 98%; margin: 0px 2% 18px 0px; }
    .KEventBloc1St1 { width: 100%; height: 450px;  }
    .KEventBloc1St2 { width: 80%; height: 95px; padding: 0 10%; font-size: 26px; line-height: 30px;  }

    #KEventBloc2 { width: 48%; margin: 0px 2% 18px 0px; }
    .KEventBloc2St1 { width: 100%; height: 210px;  }
    .KEventBloc2St2 { width: 80%; height: 95px; padding: 0 10%; font-size: 21px; line-height: 25px;  }

    #KEventBloc3 { width: 31.3%; margin: 0px 2% 18px 0px; }
    .KEventBloc3St1 { width: 100%; height: 140px; }
    .KEventBloc3St2 { width: 80%; height: 90px; padding: 0 10%; font-size: 18px; line-height: 22px;  }

    #KEventBloc4 { width: 98%; height: 180px; margin: 0px 2% 18px 0px;  }
    .KEventBloc4St1 { width: 80%; padding: 0 10%; font-size: 22px; line-height: 26px; }
    .KEventBloc4St2 { width: 80%; padding: 0 10%; }

    #KEventBloc5 { width: 48%; height: 240px; margin: 0px 2% 18px 0px;  }
    .KEventBloc5St1 { width: 80%; padding: 0 10%; font-size: 18px; line-height: 21px;  }
    .KEventBloc5St2 { width: 80%; padding: 0 10%; }

    #KEventBloc6 { width: 31.3%; height: 330px; margin: 0px 2% 18px 0px; }
    .KEventBloc6St1 { width: 80%; padding: 0 10%; font-size: 18px; line-height: 21px;  }
    .KEventBloc6St2 { width: 80%; padding: 0 10%; }


    #kEventType-100{ width: 98%; margin-left: 2% }
    #kEventType-50{ width: 48%; margin-left: 2%; }
    #kEventType-25{ width: 23%; margin-left: 2%;}
    #kEventType-48{ width: 48%; }
    #kEventType-4{ width: 3%; display: block; }
    #LEventTimeLineLeftA{ width: 10%; min-height: 100px; margin: 0; }
    #LEventTimeLineLeftB{ width: 90%; }

    .KEventTLine { height: 220px;  }
    .KEventTLine-100 { height: 500px; margin-left: 14px;}
    .KEventTLine-50 { width: 3px; height: 310px; margin-left: 14px;}
    .KEventTLine-25 { height: 200px; margin-left: 14px;}

    #KBlocEvent{ height: 550px; }
    #KBlocEvent-100,#KBlocEvent-50,#KBlocEvent-25{ height: 550px;  }
    #KBlocEvent-100{ height: 410px; }
    #KBlocEvent-50{ height: 220px; }
    #KBlocEvent-25{ height: 120px; }
    #KBlocEventC{ width: 23%; height: 130px; }

    .LEventTimeLineTop,.LEventTimeLineTop3 {font-size: 25px; line-height: 20px; margin: 0 0 0 0; }
    #KBlocEventLayer{ width: 86%; height: 95%; padding: 0% 7% 6% 7%; font-size: 45px; line-height: 53px; }
    #KBlocEventLayer1{ width: 80%; height: 77%; padding: 10% 10%;  font-size: 24px; line-height: 25px; }
    #KBlocEventLayer2{ font-size: 40px; line-height: 50px; }
    #KBlocEventLayer3{ font-size: 28px; line-height: 34px; }

    .KEventText1 { font-size: 20px; line-height: 30px; }
    .KEventText2 { font-size: 16px; line-height: 20px; }
    .KEventText3 { font-size: 16px; line-height: 20px; }
    .KEventText4 { font-size: 12px; line-height: 14px; }
    .KEventText5 { font-size: 21px; line-height: 25px; }
    .KEventText6 { font-size: 16px; line-height: 20px; }
    .KEventText7 { font-size: 20px; line-height: 30px; }
    .KEventText9 { font-size: 26px; line-height: 25px; }
    .KEventText9_{  font-size: 60px; line-height: 60px; }
    .KEventTab,.KEventTabOver{ font-size: 20px; }
    .KEventFlashSt1{ width: 16%; }
    .KEventFlashSt2{ width: 62%; font-size: 20px; line-height: 25px; }
    .KEventFlashSt3{ width: 16%; }


    #KpubContent{ width: 970px; margin: auto; }


    /*Footer*/
    .KFooter { background-color: #212121;  }
    .KFooterItem1 { color: #DDDDDD; }
    .KFooterItem2 { color: #CCCCCC; }
    .KFooterItem3 { color: #CCCCCC; border-bottom: solid 1px #AAAAAA; }
    .KFooterStLil { width: 31%; margin-left: 2%; padding: 35px 0px 10px 0px; border-top: solid 3px #171717; }
    .KFooterStLil1 { width: 31%; margin-left: 2%; padding: 35px 0px 10px 0px; border-top: solid 3px #171717; }
    .KFooterStBig { width: 48%; margin-left: 2%; padding: 35px 0px 10px 0px; border-top: solid 3px #171717; }

}


@media screen and (min-width: 1200px){

    .HideItem { display: block; }
    .HideItem1{ display: none; }
    .HideItem2{ display: block; }
    .HideItem3{ display: block; }
    .HideItem4{ display: block; }
    .HideItem5{ display: none; }
    .HideItem6{ display: block; }
    .HideItem7{ display: none; }

    #KBlocApp { width: 80%; padding: 30px 10%; margin-right: 0; float: left; }
    .KBlocAppImg { height: 205px; }
    .SideBlocNeo2 { width: 100%; margin-left: 0;  float: left; }
    #SideNews,#SideCom {  width: 100%; height: 150px; }

    .KoaciContent { width:1100px; padding: 0px; }
    .KoaciContent1,.KoaciContent1_{ width:1310px; padding: 0px; }
    .KoaciContent1St1 { width:1000px; float: left; }
    .KoaciContent1St2 { width:270px; padding: 0; margin-left: 40px; float: left; }

    .KoaciContent2,.KoaciContent2_{ width:1100px; padding: 0px; }
    .KoaciContent3{ width:1100px; padding: 0px; }

    /*Nav Bar*/
    #KoaciSideMenu{ width: 30%; }


    /*Page*/
    .KoaciPageSplitA1{ width: 73%; }
    .KoaciPageSplitA2{ width: 27%; }
    .KoaciPageSplitB1{ width: 27%; }
    .KoaciPageSplitB2{ width: 68%; padding-left: 2.5%; margin-left: 2%; border-left: solid 1px #f2f2f2; }
    .KoaciPageSplitC1{ width: 48%;  padding-right: 2%; margin-right: 2%; /*border-right: solid 1px #EEE;*/ }
    .KoaciPageSplitC2{ width: 47.8%; }

    #KoaciNewsPixCrop { width: 100%; height: 520px; }
    #KoaciNewsPixCrop1{ width: 100%; height: 500px; }
    #zoomSet{ bottom: 35px;  }
    #KoaciPageBloc{ width: 98%; margin: 0px 2% 18px 0px; }
    .KoaciPBPadding { padding: 0 100px;  }
    .KocaciBlocSide1Title,.KocaciBlocSide1Title1,.KocaciBlocSide1Title2 { font-size: 18px; line-height: 22px; }
    .KocaciBlocUser { width: 96%;  margin: 0px 4% 10px 0px; }
    .UserPix { width: 50%; }
    .UserFieldSize{  width: 32%; }


    /*Bloc*/
    .KoaciTagOver{ font-size: 16px; }
    .KoaciTagOver1,.KoaciTagOver2,.KoaciTagOver3,.KoaciTagOver4 {  padding: 4px 12px 5px 12px; font-size: 10px; }

    .KTagFilterBarSt1{ width: 12%; display: block; }
    .KTagFilterBarSt2,.KTagFilterBarSt2_{ width: 85%; height: 50px; margin: 0 0 0 0;}
    .KTagFilterBarSt3{ width: 3%; }
    .KTagFilter,.KTagFilterDark,.KTagFilterSelected{ width: 17%; }

    #KoaciBlocNews,#KoaciBlocNews_{ width: 31.7%; height: 305px; margin: 0px 1.5% 18px 0px;}
    .KoaciBlocNewsSt1{ height: 150px; margin-bottom: 20px; overflow: hidden; }
    .KoaciBlocNewsText1{ font-size: 18px; line-height: 19px; }
    .KoaciBlocNewsText2{ font-size: 12px; line-height: 15px; }
    .KoaciBlocNews1Text1{ font-size: 18px; line-height: 19px; }
    .KoaciBlocNews1St1 img{ margin-left: -25%; }

    #KoaciBlocNews1{ width: 48%; margin: 0px 2% 18px 0px; }
    #KoaciBlocNews2{ width: 45%; height: 120px; margin: 0px 5% 18px 0px;}
    #KoaciBlocNews2_{ width: 100%; margin: 6px 0% 15px 0px; }
    .KoaciBlocNews2St1{ font-size: 16px; line-height: 20px; }
    .KoaciBlocNews2St1_{ font-size: 18px; line-height: 23px;}

    .KoaciBlocNews3St1{ height: 130px; }
    .KoaciBlocNews3Text1{ font-size: 16px; line-height: 17px; }

    .KoaciBlocNews4St1{ height: 300px; }
    .KoaciBlocNews4Text1{ font-size: 20px; line-height: 24px; }

    #KoaciBlocNews5{ width: 98%; margin: 0px 2% 18px 0px;  }
    .KoaciBlocNews5St1{ width: 37%; height: 180px; float: left; overflow: hidden; }
    .KoaciBlocNews5St2{ width: 28%; padding: 25px 2% 0px 3%; float: left;  }
    .KoaciBlocNews5St3{ width: 26%; padding: 30px 4% 0px 0px; float: left; }
    .KoaciBlocNews5Text1{ font-size: 20px; line-height: 24px; }
    .KoaciBlocNews5Text2{ font-size: 14px; line-height: 18px; }
    .KoaciBlocNews5Text3{ font-size: 14px; line-height: 18px; }


    #KoaciBlocBNews1{ width: 98%; height: 460px; margin: 0px 2% 18px 0px;  }
    #KoaciBlocBNews1Layer{ width: 77%; height: 77%; padding: 10% 12%; font-size: 27px; line-height: 29px;}

    #KoaciBlocBNews3{ width: 65.5%; height: 430px; margin: 0px 1% 18px 0px;  }
    #KoaciBlocBNews4{ width: 49%; height: 320px; margin: 0px 1% 13px 0px; }
    #KoaciBlocBNews5{ width: 32.33%; height: 200px; margin: 0px 1% 10px 0px; }
    #KoaciBlocBNews5_{ width: 33.33%; height: 210px; margin: 0px 0px 10px 0px; }

    #KoaciBlocBNews2{ width: 48%; height: 240px; margin: 0px 2% 18px 0px; }
    #KoaciBlocBNews2Layer{ width: 81%; height: 77%; padding: 10% 10%; font-size: 19px; line-height: 22px;}
    #KoaciBlocBNews3Layer { font-size: 16px; }



    #KoaciBlocVideo { width: 31.3%; height: 200px; margin: 0px 2% 20px 0px;  }
    #KoaciBlocVideoLayer{ width: 101%; height: 72%; padding: 10% 0%; font-size: 18px; line-height: 21px; }

    #KoaciBlocVideo1{ width: 100%; height: 230px; }
    #KoaciBlocVideo1_{ width: 100%; height: 250px;  }
    #KoaciBlocVideoLayer1{ width: 101%; height: 67%; padding: 15% 0%; font-size: 20px; line-height: 21px; }

    .KoaciVideoText { font-size: 26px; line-height: 29px; }

    .KoaciBlocVideo1{ width: 98%; height: 80px; margin: 0px 2% 15px 0px; }
    #KoaciBlocVideo1Layer{ margin: 0px 0px 0px 30%; }
    .KoaciBlocVideo1Text1{ font-size: 19px; line-height: 22px; }


    #KoaciBlocMusic { width: 31.3%; height: 200px; margin: 0px 2% 20px 0px;  }
    #KoaciBlocMusicLayer{ width: 81%; height: 72%; padding: 10% 10%; font-size: 19px; line-height: 22px; }

    #KoaciBlocMusic1{ width: 100%; height: 200px; }
    #KoaciBlocMusicLayer1{ width: 71%; height: 47%; padding: 20% 15%; font-size: 20px; line-height: 24px; }

    .KoaciMusicText { font-size: 26px; line-height: 29px; }

    .KoaciBlocMusic1{ width: 98%; height: 60px; margin: 0px 2% 15px 0px; }
    #KoaciBlocMusic1Layer{ margin: -5px 0px 0px 4%; transform: scale(0.4);}
    .KoaciBlocMusic1Text1{ font-size: 17px; line-height: 19px; }

    #KoaciMusicPixCrop { width: 100%; height: 310px; }
    #KoaciMusicPixLayer { padding-top: 24%; }


    .KoaciBlocScoopText1{ font-size: 16px; line-height: 20px; }
    .KoaciBlocScoopText2{ font-size: 14px; line-height: 17px; }


    #KoaciBlocC{ width: 98%; height: 360px; padding-bottom: 0; margin: 0px 2% 25px 0px; }
    #KoaciBlocC_{ width: 98%; height: 320px; margin: 0px 2% 10px 0px; }
    .KoaciBlocCSt2{ height: 170px; }
    .KoaciBlocCSt2_{ height: 140px; }

    .KoaciBlocC2St1{ width: 35%; height: 145px;  }
    .KoaciBlocC2St2{ width: 12%; height: 145px; margin-right: 3%;  margin-left: 1%; padding: 0 2% 0 2%; font-size: 17px; line-height: 28px; }

    #KoaciBlocC3{ width: 49.9%; /*height: 320px;*/ position: relative; margin: 0px 0.1% 15px 0px; float: left;  }
    .KoaciBlocC3St1{ height: 300px;  }
    #KoaciBlocC3Layer{ height: 300px; }
    .KoaciBlocC3Text1{ font-size: 26px; line-height: 30px; }
    .KoaciBlocC3Text4{ font-size: 18px; }

    /*#KoaciBlocC4{ width: 33.2%; margin: 0px 0.1% 15px 0px; }
    .KoaciBlocC4St1{ height: 200px; }
    .KoaciBlocC4St2{ height: 180px; }
    #KoaciBlocC4Layer{ height: 200px; }*/

    .KoaciBlocSide{ width: 100%; padding-left: 0; padding-top: 0; border-top: none; border-left: solid 1px #EEEEEE; float: left; }

    #KBlocLogin { width: 32%; min-height: 650px; margin: 0px 2% 60px 7%; padding: 20px 4% 30px 4%; }
    #KBlocLogin1 { width: 32%; margin: 0px 7% 25px 2%; padding: 20px 4% 30px 4%; }


    .KBlocSubscribe { width: 80%; min-height: 380px; padding: 260px 10% 120px  10%; }
    .KBlocSubscribe2{ width: 80%; min-height: 600px; padding: 50px 10% 20px  10%; }
    .KPageSubscribeDiv1,.KPageSubscribeDiv2,.KPageSubscribeDiv3,.KPageSubscribeDiv4,.KPageSubscribeDiv5,.KPageSubscribeDiv6 {
        width: 23.3%; height: 210px; padding: 120px 5% 50px 5%;
        font-size: 36px; line-height: 46px;
    }
    .KPageSubscribeDiv2{ width: 90%; height: 290px; padding: 40px 5% 50px 5%; }
    .KPageSubscribeDiv2_{ width: 33.33%; height: 380px; }
    .KPageSubscribeDiv5{ width: 23.33%; height: 240px; padding: 90px 5% 50px 5%; }
    .KBlocSubscribeDivText{ font-size: 28px; }
    .KBlocSubscribeDivText1{ font-size: 45px; line-height: 50px; }
    .KBlocSubscribeText6{ font-size: 50px; line-height: 60px; text-align: left; }
    .KBlocSubscribeText7{ font-size: 19px; line-height: 24px; }
    .KBlocSubscribeText8{ font-size: 22px; line-height: 30px; }

    .KBlocSondage { width: 92%; padding: 30px 3%;  }
    .KBlocSondageSt1{ width: 24%; margin-right: 5%; }
    .KBlocSondageSt2{ width: 70%; }


    /*Bloc Side*/
    #KBlocSTypeA  { width: 91%; margin: 5px 3% 10px 5%; }
    #KBlocSTypeA_ { width: 89%; margin: 5px 3% 10px 7%; }

    #KBlocSTypeB{ width: 100%; }
    .KBlocSTypeBSt1{ width: 100%; height: 150px; }

    #KBlocSTypeC{ width: 100%; height: 190px; margin: 0px 0% 10px 0px; }

    .KBlocSTypeASt2{ font-size: 14px; line-height: 16px; }
    .KBlocSTypeASt2_{ font-size: 13px; line-height: 19px; }
    .KBlocSTypeAText1,.KBlocSTypeAText1_{ font-size: 17px; line-height: 17px; }
    .KBlocSTypeAText2{ font-size: 13px; line-height: 15px; }
    .KBlocSTypeBSt2{ font-size: 16px; line-height: 18px; }
    .KBlocSTypeBSt2_{ font-size: 17px; line-height: 21px; }
    .KBlocSTypeBText1{ font-size: 14px; line-height: 17px; }
    #KBlocSTypeCLayer{ width: 80%; height: 90%; padding: 5% 10%; font-size: 14px; line-height: 17px; }
    /*#KBlocSTypeDLayer{ font-size: 16px; line-height: 19px; }*/
    /*.KBlocSTypeDText1{ font-size: 18px; line-height: 16px; }*/
    #KBlocSTypeD,#KBlocSTypeD2{ width: 100%; height: 275px; }


    /*Event*/
    .KEventPage{ width: 100%; float: left; }
    #KEventPageBloc{ width: 98%; margin: 0px 2% 0 0px; }

    #KEventBloc1 { width: 98%; margin: 0px 2% 18px 0px; }
    .KEventBloc1St1 { width: 100%; height: 550px;  }
    .KEventBloc1St2 { width: 80%; height: 105px; padding: 0 10%; font-size: 29px; line-height: 35px;  }

    #KEventBloc2 { width: 48%; margin: 0px 2% 18px 0px; }
    .KEventBloc2St1 { width: 100%; height: 240px;  }
    .KEventBloc2St2 { width: 80%; height: 115px; padding: 0 10%; font-size: 23px; line-height: 27px;  }

    #KEventBloc3 { width: 31.3%; margin: 0px 2% 18px 0px; }
    .KEventBloc3St1 { width: 100%; height: 170px; }
    .KEventBloc3St2 { width: 80%; height: 95px; padding: 0 10%; font-size: 20px; line-height: 23px;  }

    #KEventBloc4 { width: 98%; height: 180px; margin: 0px 2% 18px 0px;  }
    .KEventBloc4St1 { width: 80%; padding: 0 10%; font-size: 24px; line-height: 28px; }
    .KEventBloc4St2 { width: 80%; padding: 0 10%; }

    #KEventBloc5 { width: 48%; height: 240px; margin: 0px 2% 18px 0px;  }
    .KEventBloc5St1 { width: 80%; padding: 0 10%; font-size: 20px; line-height: 23px;  }
    .KEventBloc5St2 { width: 80%; padding: 0 10%; }

    #KEventBloc6 { width: 31.3%; height: 300px; margin: 0px 2% 18px 0px; }
    .KEventBloc6St1 { width: 80%; padding: 0 10%; font-size: 20px; line-height: 23px;  }
    .KEventBloc6St2 { width: 80%; padding: 0 10%; }


    /*Footer*/
    .KFooter { background-color: #F3F3F3;  }
    .KFooterItem1 { color: #545454; }
    .KFooterItem2 { color: #666666; }
    .KFooterItem3 { color: #222222; border-bottom: solid 1px #E3E3E3; }
    .KFooterStLil { width: 15%; margin-left: 2%; padding: 35px 0px 10px 0px; border-top: solid 3px #E3E3E3; }
    .KFooterStLil1 { width: 11%; margin-left: 2%; padding: 35px 0px 10px 0px; border-top: solid 3px #E3E3E3; }
    .KFooterStBig { width: 24%; margin-left: 2%; padding: 35px 0px 10px 0px; border-top: solid 3px #E3E3E3; }

}


@media screen and (min-width: 1500px){

    .HideItem { display: block; }
    .HideItem1{ display: block; }
    .HideItem2{ display: block; }
    .HideItem5{ display: none; }
    .HideItem7{ display: block; }
    .HideItem3{ display: block; }

    .KoaciContent { width:1250px; padding: 0px; }
    .KoaciContent1,.KoaciContent1_{ width:1310px; padding: 0px; }
    .KoaciContent1St1 { width:1000px; float: left; }
    .KoaciContent1St2 { width:270px; padding: 0; margin-left: 40px; float: left; }
    #SideNews,#SideCom {  width: 100%; height: 150px; }

    .KoaciContent2,.KoaciContent2_{ width:1250px; padding: 0px; }
    .KoaciContent3{ width:1350px; padding: 0px; }


    /*Nav Bar*/
    /*#KoaciSideMenu{ width: 30%; }*/

    /*Page*/
    #KoaciNewsPixCrop { width: 100%; height: 550px; }
    #KoaciNewsPixCrop1{ width: 100%; height: 550px; }
    .KoaciPBPadding { padding: 0 200px;  }
    .KocaciBlocSide1Title,.KocaciBlocSide1Title1,.KocaciBlocSide1Title2 { font-size: 18px; line-height: 22px; }
    #zoomSet{ bottom: 45px;  }


    /*Bloc*/
    .KoaciTagOver{ font-size: 17px; }
    .KoaciTagOver1,.KoaciTagOver2,.KoaciTagOver3,.KoaciTagOver4 {  padding: 4px 12px 5px 12px; font-size: 10px; }

    .KTagFilterBarSt1{ width: 10%; display: block; }
    .KTagFilterBarSt2,.KTagFilterBarSt2_{ width: 87%; height: 50px; margin: 0 0 0 0; }
    .KTagFilterBarSt3{ width: 3%; }
    .KTagFilter,.KTagFilterDark,.KTagFilterSelected{ width: 12%; }

    #KoaciBlocNews,#KoaciBlocNews_{ width: 31.7%; height: 285px; margin: 0px 1.5% 18px 0px;}
    .KoaciBlocNewsText2{ font-size: 13px; line-height: 16px; }
    /*.KoaciBlocNewsSt1{ height: 170px; margin-bottom: 20px; overflow: hidden; }*/
    /*.KoaciBlocNewsText1{ font-size: 18px; line-height: 19px; }
    .KoaciBlocNews1Text1{ font-size: 18px; line-height: 19px; }*/
    .KoaciBlocNews1St1 img{ margin-left: -25%; }

    #KoaciBlocNews2_{ width: 100%; margin: 10px 0% 5px 0px; }

    #KoaciBlocVideo { width: 23%; height: 180px; margin: 0px 2% 20px 0px;  }
    #KoaciBlocVideoLayer{ width: 101%; height: 72%; padding: 10% 0%; font-size: 18px; line-height: 20px; }

    #KoaciBlocVideo1{ width: 100%; height: 300px; }
    #KoaciBlocVideo1_{ width: 100%; height: 350px;  }
    #KoaciBlocVideoLayer1{ width: 100%; height: 67%; padding: 15% 0%; font-size: 22px; line-height: 24px; }
    /*.KoaciBlocVLSt1{ width: 18%; }
    .KoaciBlocVLSt2{ width: 62%;}*/
    /*.KoaciBlocVideoText1 { font-size: 14px; line-height: 18px; }*/

    .KoaciVideoText { font-size: 30px; line-height: 35px; }
    .KoaciVideoText1{ font-size: 19px; line-height: 23px; }
    /*.KoaciVideoText2{ font-size: 16px; line-height: 20px; }*/
    /*.KoaciVideoText3{ font-size: 14px; line-height: 18px; }*/

    .KoaciBlocVideo1{ width: 98%; height: 100px; margin: 0px 2% 15px 0px; }
    #KoaciBlocVideo1Layer{ margin: 0px 0px 0px 30%; }
    /*.KoaciBlocVideo1St1{ width: 32%; margin-bottom: 10px; }
    .KoaciBlocVideo1St2{ width: 60%; padding: 0px 4%; margin-bottom: 10px; } */
    .KoaciBlocVideo1Text1{ font-size: 20px; line-height: 23px; }
    /*#KoaciVideoLayer { width: 10%; height: 100%;}*/


    #KoaciBlocMusic { width: 23%; height: 180px; margin: 0px 2% 20px 0px; }
    #KoaciBlocMusicLayer{ width: 81%; height: 72%; padding: 10% 10%; font-size: 18px; line-height: 20px; }

    #KoaciBlocMusic1{ width: 100%; height: 260px; }
    #KoaciBlocMusicLayer1{ width: 71%; height: 47%; padding: 20% 15%; font-size: 20px; line-height: 24px; }

    .KoaciMusicText { font-size: 30px; line-height: 35px; }
    /*.KoaciMusicText1{ font-size: 18px; line-height: 23px; }*/
    /*.KoaciMusicText2{ color:#AAA; font-size: 16px; line-height: 20px; }
    .KoaciMusicText3{ color:#888; font-size: 14px; line-height: 18px; }
    .KoaciMusicText4{ color:#F791B1; font-size: 16px; line-height: 18px; }*/

    .KoaciBlocMusic1{ width: 98%; height: 73px; margin: 0px 2% 15px 0px; }
    #KoaciBlocMusic1Layer{ margin: 0 0px 0px 5%; transform: scale(0.5); }
    /*.KoaciBlocMusic1St1{ width: 33%; height: 85px; margin-right: 2%; overflow: hidden; float: left; }
    .KoaciBlocMusic1St2{ width: 61%; padding: 0px 2%; margin-bottom: 10px; float: left; } */
    .KoaciBlocMusic1Text1{ font-size: 18px; line-height: 20px; }

    #KoaciMusicPixCrop { width: 100%; height: 400px; }
    #KoaciMusicPixLayer { padding-top: 24%; }


    #KoaciBlocC_{ width: 98%; height: 300px; margin: 0px 2% 10px 0px; }

    .KoaciBlocScoopText1{ font-size: 18px; line-height: 22px; }
    .KoaciBlocScoopText2{ font-size: 14px; line-height: 18px; }


    .KBlocSubscribe { width: 80%; min-height: 380px; padding: 310px 10% 120px  10%; }
    .KBlocSubscribe2{ width: 80%; min-height: 630px; padding: 100px 10% 20px  10%; }
    .KBlocSubscribeDivText1{ font-size: 50px; line-height: 60px; }



    /*Bloc Side*/
    .KBlocSTypeBSt1{ width: 100%; height: 160px; }
    #KBlocSTypeC{ width: 100%; height: 210px; margin: 0px 0% 10px 0px; }

    .KBlocSTypeASt2{ font-size: 16px; line-height: 18px; }
    .KBlocSTypeASt2_{ font-size: 14px; line-height: 19px; }
    .KBlocSTypeAText1,.KBlocSTypeAText1_{ font-size: 19px; line-height: 17px; }
    .KBlocSTypeAText2{ font-size: 14px; line-height: 16px; }
    .KBlocSTypeBSt2{ font-size: 18px; line-height: 20px; }
    .KBlocSTypeBSt2_{ font-size: 18px; line-height: 22px; }
    .KBlocSTypeBText1{ font-size: 14px; line-height: 17px; }
    #KBlocSTypeCLayer{ width: 80%; height: 90%; padding: 5% 10%; font-size: 17px; line-height: 21px; }
    /*#KBlocSTypeDLayer{ font-size: 18px; line-height: 21px; }*/
    /*.KBlocSTypeDText1{ font-size: 20px; line-height: 16px; }*/



    .KEventPage{ width: 100%; float: left; }
    #KEventPageBloc{ width: 98%; margin: 0px 2% 0 0px; }

    #KEventBloc1 { width: 98%; margin: 0px 2% 18px 0px; }
    .KEventBloc1St1 { width: 100%; height: 600px;  }
    .KEventBloc1St2 { width: 80%; height: 120px; padding: 0 10%; font-size: 33px; line-height: 40px;  }

    #KEventBloc2 { width: 48%; margin: 0px 2% 18px 0px; }
    .KEventBloc2St1 { width: 100%; height: 300px;  }
    .KEventBloc2St2 { width: 80%; height: 120px; padding: 0 10%; font-size: 26px; line-height: 29px;  }

    #KEventBloc3 { width: 31.3%; margin: 0px 2% 18px 0px; }
    .KEventBloc3St1 { width: 100%; height: 210px; }
    .KEventBloc3St2 { width: 80%; height: 100px; padding: 0 10%; font-size: 22px; line-height: 25px;  }

    #KEventBloc4 { width: 98%; height: 180px; margin: 0px 2% 18px 0px;  }
    .KEventBloc4St1 { width: 80%; padding: 0 10%; font-size: 28px; line-height: 32px; }
    .KEventBloc4St2 { width: 80%; padding: 0 10%; }

    #KEventBloc5 { width: 48%; height: 200px; margin: 0px 2% 18px 0px;  }
    .KEventBloc5St1 { width: 80%; padding: 0 10%; font-size: 22px; line-height: 25px;  }
    .KEventBloc5St2 { width: 80%; padding: 0 10%; }

    #KEventBloc6 { width: 31.3%; height: 270px; margin: 0px 2% 18px 0px; }
    .KEventBloc6St1 { width: 80%; padding: 0 10%; font-size: 22px; line-height: 25px;  }
    .KEventBloc6St2 { width: 80%; padding: 0 10%; }

    #kEventType-100{ width: 98%; margin-left: 2% }
    #kEventType-50{ width: 48%; margin-left: 2%; }
    #kEventType-25{ width: 23%; margin-left: 2%;}

    #LEventTimeLineLeftA{ width: 8%; }
    #LEventTimeLineLeftB{ width: 92%; }

    .KEventTLine { height: 220px;  }
    .KEventTLine-100 { height: 650px; }
    .KEventTLine-50 { height: 390px; }
    .KEventTLine-25 { height: 250px; }

    #KBlocEvent{ height: 650px; }
    #KBlocEvent-100,#KBlocEvent-50,#KBlocEvent-25{ height: 550px;  }
    #KBlocEvent-100{ height: 570px; }
    #KBlocEvent-50{ height: 300px; }
    #KBlocEvent-25{ height: 150px; }


    #KBlocEventLayer{ width: 60%; height: 95%; padding: 0% 20% 6% 20%; font-size: 55px; line-height: 64px; }
    #KBlocEventLayer1{ width: 80%; height: 77%; padding: 10% 10%;  font-size: 24px; line-height: 25px;}
    #KBlocEventLayer2{ font-size: 45px; line-height: 53px; }
    #KBlocEventLayer3{ font-size: 30px; line-height: 36px; }
}


@media screen and (min-width: 1600px){

    .HideItem5{ display: block; }
    .HideItem7{ display: block; }

    .KBlocAppImg { height: 245px; }

    .KoaciContent { width:1300px; padding: 0px; }
    .KoaciContent1,.KoaciContent1_{ width:1360px; padding: 0px; }/*width:1400px;*/
    .KoaciContent1St1 { width:1000px; float: left; }
    .KoaciContent1St2 { width:320px; padding: 0; margin-left: 40px; float: left; }
    #SideNews,#SideCom {  width: 100%; height: 180px; }

    .KoaciContent2,.KoaciContent2_{ width:1300px; padding: 0px; }
    .KoaciContent3{ width:1400px; padding: 0px; }

    /*Nav Bar*/
    /*#KoaciSideMenu{ width: 30%; }*/

    /*Page*/
    #KoaciNewsPixCrop { width: 100%; height: 600px; }
    #KoaciNewsPixCrop1{ width: 100%; height: 550px; }
    .KocaciBlocSide1Title,.KocaciBlocSide1Title1,.KocaciBlocSide1Title2 { font-size: 20px; line-height: 22px; }
    #zoomSet{ bottom: 50px;  }


    /*Bloc*/
    .KoaciTagOver{ font-size: 19px; }
    .KoaciTagOver1,.KoaciTagOver2,.KoaciTagOver3,.KoaciTagOver4 {  padding: 4px 15px 5px 15px; font-size: 11px; }
    #KoaciBlocNews,#KoaciBlocNews_{ width: 31.7%; height: 290px; margin: 0px 1.5% 18px 0px;}
    .KoaciBlocNewsSt1{ height: 155px; margin-bottom: 20px; overflow: hidden; }
    .KoaciBlocNewsText1{ font-size: 19px; line-height: 20px; }
    .KoaciBlocNewsText2{ font-size: 14px; line-height: 19px; }
    .KoaciBlocNews1Text1{ font-size: 18px; line-height: 21px; }
    .KoaciBlocNews1St1 img{ margin-left: -25%; }

    /*#KoaciBlocNews1{ width: 48%; margin: 0px 2% 18px 0px; }*/
    #KoaciBlocNews2{ width: 45%; height: 100px; margin: 0px 5% 18px 0px; }
    #KoaciBlocNews2_{ width: 100%; margin: 10px 0% 11px 0px; }
    .KoaciBlocNews2St1{ font-size: 16px; line-height: 20px; }
    .KoaciBlocNews2St1_{ font-size: 18px; line-height: 23px;}

    .KoaciBlocNews3St1{ height: 150px; }
    .KoaciBlocNews3Text1{ font-size: 19px; line-height: 21px; }

    .KoaciBlocNews4St1{ height: 340px; }
    .KoaciBlocNews4Text1{ font-size: 23px; line-height: 28px; }

    #KoaciBlocNews5{ width: 98%; margin: 0px 2% 18px 0px;  }
    .KoaciBlocNews5St1{ width: 33%; height: 180px; float: left; overflow: hidden; }
    .KoaciBlocNews5St2{ width: 31%; padding: 25px 2% 0px 4%; float: left;  }
    .KoaciBlocNews5St3{ width: 26%; padding: 30px 4% 0px 0px; float: left; }
    .KoaciBlocNews5Text1{ font-size: 20px; line-height: 24px; }
    .KoaciBlocNews5Text2{ font-size: 14px; line-height: 18px; }
    .KoaciBlocNews5Text3{ font-size: 14px; line-height: 18px; }


    #KoaciBlocBNews1{ width: 98%; height: 500px; margin: 0px 2% 18px 0px;  }
    #KoaciBlocBNews1Layer{ width: 77%; height: 87%; padding: 5% 12%; font-size: 28px; line-height: 30px;}

    #KoaciBlocBNews3{ width: 65.5%; height: 490px; margin: 0px 1% 18px 0px;  }
    #KoaciBlocBNews4{ width: 49%; height: 360px; margin: 0px 1% 13px 0px; }
    #KoaciBlocBNews5{ width: 32.33%; height: 240px; margin: 0px 1% 10px 0px; }
    #KoaciBlocBNews5_{ width: 33.33%; height: 240px; margin: 0px 0px 10px 0px; }

    #KoaciBlocBNews2{ width: 48%; height: 260px; margin: 0px 2% 18px 0px; }
    #KoaciBlocBNews2Layer{ width: 81%; height: 87%; padding: 5% 10%; font-size: 21px; line-height: 23px;}
    #KoaciBlocBNews3Layer { font-size: 17px; }


    #KoaciMusicPixCrop { width: 100%; height: 430px; }
    #KoaciMusicPixLayer { padding-top: 24%; }

    #KoaciBlocC{ width: 98%; height: 340px; margin: 0px 2% 10px 0px; }
    #KoaciBlocC_{ width: 98%; height: 320px; margin: 0px 2% 10px 0px; }
    .KoaciBlocCSt2{ height: 170px; }
    .KoaciBlocCSt2_{ height: 160px; }
    .KoaciBlocC2St1{ width: 35%; height: 170px;  }
    .KoaciBlocC2St2{ width: 12%; height: 170px; margin-right: 3%; margin-left: 1%; padding: 0 2% 0 2%; font-size: 19px; line-height:30px; }

    .KoaciBlocC3St1{ height: 350px;  }
    #KoaciBlocC3Layer{ height: 350px; }

    /*.KoaciBlocC4St1{ height: 230px; }
    .KoaciBlocC4St2{ height: 160px; }
    #KoaciBlocC4Layer{ height: 230px; }*/

    .KoaciBlocScoopText1{ font-size: 18px; line-height: 22px; }
    .KoaciBlocScoopText2{ font-size: 14px; line-height: 18px; }


    .KBlocSubscribe { width: 80%; min-height: 380px; padding: 310px 10% 120px  10%; }
    .KBlocSubscribe2{ width: 80%; min-height: 630px; padding: 100px 10% 20px  10%; }


    /*Bloc Side*/
    .KBlocSTypeBSt1{ width: 100%; height: 180px; }
    #KBlocSTypeC{ width: 100%; height: 220px; margin: 0px 0% 10px 0px; }

    .KBlocSTypeASt2{ font-size: 16px; line-height: 18px; }
    .KBlocSTypeASt2_{ font-size: 14px; line-height: 19px; }
    .KBlocSTypeAText1,.KBlocSTypeAText1_{ font-size: 19px; line-height: 17px; }
    .KBlocSTypeAText2{ font-size: 14px; line-height: 16px; }
    .KBlocSTypeBSt2{ font-size: 18px; line-height: 20px; }
    .KBlocSTypeBSt2_{ font-size: 18px; line-height: 22px; }
    .KBlocSTypeBText1{ font-size: 14px; line-height: 17px; }
    #KBlocSTypeCLayer{ width: 80%; height: 90%; padding: 5% 10%; font-size: 17px; line-height: 21px; }
    /*#KBlocSTypeDLayer{ font-size: 18px; line-height: 21px; }
    .KBlocSTypeDText1{ font-size: 20px; line-height: 16px; }*/

}








/**/

.s1 { width: 5%; float: left; }
.s2 { width: 10%; float: left; }
.s3 { width: 15%; float: left; }
.s4 { width: 20%; float: left; }
.s5 { width: 25%; float: left; }
.s6 { width: 30%; float: left; }
.s7 { width: 35%; float: left; }
.s8 { width: 40%; float: left; }
.s9 { width: 45%; float: left; }
.s10 { width: 50%; float: left; }
.s11 { width: 55%; float: left; }
.s12 { width: 60%; float: left; }
.s13 { width: 65%; float: left; }
.s14 { width: 70%; float: left; }
.s15 { width: 75%; float: left; }
.s16 { width: 80%; float: left; }
.s17 { width: 85%; float: left; }
.s18 { width: 90%; float: left; }
.s19 { width: 95%; float: left; }
.s20 { width: 100%; float: left; }

.s1_tab { width: 5%; float: left; }
.s2_tab { width: 10%; float: left; }
.s3_tab { width: 15%; float: left; }
.s4_tab { width: 20%; float: left; }
.s5_tab { width: 25%; float: left; }
.s6_tab { width: 30%; float: left; }
.s7_tab { width: 35%; float: left; }
.s8_tab { width: 40%; float: left; }
.s9_tab { width: 45%; float: left; }
.s10_tab { width: 50%; float: left; }
.s11_tab { width: 55%; float: left; }
.s12_tab { width: 60%; float: left; }
.s13_tab { width: 65%; float: left; }
.s14_tab { width: 70%; float: left; }
.s15_tab { width: 75%; float: left; }
.s16_tab { width: 80%; float: left; }
.s17_tab { width: 85%; float: left; }
.s18_tab { width: 90%; float: left; }
.s19_tab { width: 95%; float: left; }
.s20_tab { width: 100%; float: left; }

.s1_mobile { width: 5%; float: left; }
.s2_mobile { width: 10%; float: left; }
.s3_mobile { width: 15%; float: left; }
.s4_mobile { width: 20%; float: left; }
.s5_mobile { width: 25%; float: left; }
.s6_mobile { width: 30%; float: left; }
.s7_mobile { width: 35%; float: left; }
.s8_mobile { width: 40%; float: left; }
.s9_mobile { width: 45%; float: left; }
.s10_mobile { width: 50%; float: left; }
.s11_mobile { width: 55%; float: left; }
.s12_mobile { width: 60%; float: left; }
.s13_mobile { width: 65%; float: left; }
.s14_mobile { width: 70%; float: left; }
.s15_mobile { width: 75%; float: left; }
.s16_mobile { width: 80%; float: left; }
.s17_mobile { width: 85%; float: left; }
.s18_mobile { width: 90%; float: left; }
.s19_mobile { width: 95%; float: left; }
.s20_mobile { width: 100%; float: left; }


.pt0 { padding-top: 0px; }
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt11 { padding-top: 11px; }
.pt12 { padding-top: 12px; }
.pt13 { padding-top: 13px; }
.pt14 { padding-top: 14px; }
.pt15 { padding-top: 15px; }
.pt16 { padding-top: 16px; }
.pt17 { padding-top: 17px; }
.pt18 { padding-top: 18px; }
.pt19 { padding-top: 19px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }

.pb0 { padding-bottom: 0px; }
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb11 { padding-bottom: 11px; }
.pb12 { padding-bottom: 12px; }
.pb13 { padding-bottom: 13px; }
.pb14 { padding-bottom: 14px; }
.pb15 { padding-bottom: 15px; }
.pb16 { padding-bottom: 16px; }
.pb17 { padding-bottom: 17px; }
.pb18 { padding-bottom: 18px; }
.pb19 { padding-bottom: 19px; }
.pb20 { padding-bottom: 20px; }

.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl7 { padding-left: 7px; }
.pl8 { padding-left: 8px; }
.pl9 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl11 { padding-left: 11px; }
.pl12 { padding-left: 12px; }
.pl13 { padding-left: 13px; }
.pl14 { padding-left: 14px; }
.pl15 { padding-left: 15px; }
.pl16 { padding-left: 16px; }
.pl17 { padding-left: 17px; }
.pl18 { padding-left: 18px; }
.pl19 { padding-left: 19px; }
.pl20 { padding-left: 20px; }

.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr7 { padding-right: 7px; }
.pr8 { padding-right: 8px; }
.pr9 { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr11 { padding-right: 11px; }
.pr12 { padding-right: 12px; }
.pr13 { padding-right: 13px; }
.pr14 { padding-right: 14px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr17 { padding-right: 17px; }
.pr18 { padding-right: 18px; }
.pr19 { padding-right: 19px; }
.pr20 { padding-right: 20px; }


.mt0 { margin-top: 0px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt17 { margin-top: 17px; }
.mt18 { margin-top: 18px; }
.mt19 { margin-top: 19px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }

.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr11 { margin-right: 11px; }
.mr12 { margin-right: 12px; }
.mr13 { margin-right: 13px; }
.mr14 { margin-right: 14px; }
.mr15 { margin-right: 15px; }
.mr16 { margin-right: 16px; }
.mr17 { margin-right: 17px; }
.mr18 { margin-right: 18px; }
.mr19 { margin-right: 19px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }