body{
   margin:0px;
}

@media all and (min-width: 880px){
 div#maintitl img{
    margin-left:2.45%;
	width: 94%;
 }
}
@media all and (max-width: 879px) and (min-width: 450px){
 div#maintitl img{
    margin-left:0;
	width: 100%;
 }
}
@media all and (max-width: 449px){
 div#maintitl img{
    margin-left:0;
	width: 98.4%;
 }
}

/*---Стилі для верхніх блоків---*/
@media all and (min-width: 880px){
div.platform2{
    width: 92%;
    margin: auto;
    font-family: "times new roman","sans-serif","Segoe UI";
    font-size: 1em;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;   
 }
 div.platform2>div{
    width: 22.2%;
    display: inline-block;
    margin: 0px 1%;
    position: relative;
    border: 1px solid silver;
    border-radius: 0 0 4px 4px;
 }
}
@media all and (max-width: 879px) and (min-width: 450px){
div.platform2{
    width: 98%;
    margin: auto;
    font-family: "times new roman","sans-serif","Segoe UI";
    font-size: 1em;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;   
 }
 div.platform2>div{
    width: 47%;
    display: inline-block;
    margin: 10px 1%;
    position: relative;
    border: 1px solid silver;
    border-radius: 0 0 4px 4px;
 }
}
@media all and (max-width: 449px){
div.platform2{
	/*Потім забрати*/display: none;
    width: 98.5%;
    margin: auto;
    font-family: "times new roman","sans-serif","Segoe UI";
    font-size: 1em;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;   
 }
 div.platform2>div{
	/*Потім забрати*/display: none;
    width: 94%;
    display: inline-block;
    margin: 10px 1%;
    position: relative;
    border: 1px solid silver;
    border-radius: 0 0 4px 4px;
 }
}
div.platform2>div>p{
   margin: 3px 3%;
   text-align: left;
   width: 100%;
   display: block;
   text-indent: 0px;
}
div.platform2>div>div{
   position: absolute;
   top:0px;
   left:0px;
   width: 100%;
   height: 50%;   
}
div.platform2>div>div p{
   display: block;
   background: rgba(0, 0, 0, 0.4);
   color: white;
   font-size: 1.3em;
   font-family: "sans-serif","Segoe UI";
   margin: 0px;
   padding: 0px;
   text-indent: 0px;
   margin-top: 3%;
   text-align: left;
   padding-left: 3%;
}
div.platform2>div a{
   background: #205081;
   color: white;
   padding: 5px;
   display: block;
   text-decoration: none;
   border-radius: 0 0 4px 4px;
}
div.platform2>div a:hover {
   background: silver;
}
div.platform2 img{
   width: 100%;
   height: auto;
}
/*---Стилі для ленти з подіями для ПК---*/
@media all and (min-width: 880px){
 div.platform {
    width: 88%;
    margin: auto;
    position: relative;
	font-family: "times new roman","sans-serif","Segoe UI";
    font-size: 1em;
 }	
 div.platform>div{
    display: inline-block;
    margin: 0px;
    width: 47%;
 }

 div.long{ 
    margin: 15px 0px;
 }
 div#spesh{
   position: absolute;
   height: 100%;
   left: 53%;
   top: -1px;
 }
 div#spesh2 {
   position: absolute;
   bottom: 1px;
   right: 1px;   
 }
 div.rv{
   position: absolute;
   height: 80%;
   margin-top: 50px;
   left: 0px;
   top: 0px;
   overflow:auto;
 }
 div.forimg{
	max-width: 700px;    
 }
}
/*---Стилі для ленти з подіями для мобільного---*/
@media all and (max-width: 879px){
 div.platform {
    width: 96%;
    margin: auto;
	font-family: "times new roman","sans-serif","Segoe UI";
    font-size: 1em;
 }	
 div.platform>div{
    display: inline-block;
    margin: 10px 2px;
    width: 99%;
 }
 div.long{
    margin: 15px 0px;
 }
 div.rv{
   max-height: 450px;  
   overflow: auto;
   pozition: absolute;
 }
}
/*---Стилі для ленти з подіями (загалні)---*/
div.lf img{
   width:100%;
}
div.lf p{
   overflow: hidden;
   text-align: justify;
   text-indent: 20px;
   margin: auto;   
}
div.dash{
   border-bottom: 1px solid silver;
   padding: 5px 0px;
   font-size: 1.2em;
}
div.platform>div a{
   text-decoration:none;
}
div.rv>div{
   align: left;
   margin-bottom: 30px;
   margin: 0px;
   min-height: 100px;
}
div.rv p{
   margin: 0px 7px 7px 75px;
   text-align: justify;
   text-indent: 20px;
}
div.rv>div h6{
   margin: 0px;
   font-size: 1.1em;
}
div.rv img{
   float: left;
   margin-right: 10px;
   margin-bottom: 30px;
   margin-top: 5px;
}
div.rv a{
   color: black;
   font-size: 1.1em;  
}
div.rv a:hover {
   text-decoration:underline;

}
/*---Стилі для розділів---*/
div.line{
   width: 100%;
   background: white;
   border-top: 4px solid #205081; 
}
@media all and (min-width: 849px){
 div.line>div{
    width: 88.3%;
    margin: auto;
    padding: 10px 0px;
	font-family: "times new roman","sans-serif","Segoe UI";
    font-size: 1em;
 }
}
@media all and (max-width: 850px){
 div.line>div{
    width: 95%;
    margin: auto;
    padding: 4px 0px;
 }
}
/*---Стилі для слайдеру---*/
@media all and (min-width: 850px){
#slider{
    position: relative;
    height: 250px;
    width: 88%;
    padding: 0px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
    background: white;
    border: 1px solid #ded;
    overflow: hidden;   
 }
 .slide>div p{
    text-align: justify;
    text-indent: 15px;
    font-style: italic;
    font-size: 1.3em;
 }
 .slide>div ul{
    list-style: none;
    color: #205081;
    font-size: 1em;
 }
 img#zit{
    position: absolute;
    z-index: 4;
    top: 10px;
    left: 10px;
 }
}
@media all and (max-width: 849px){
#slider{
    position: relative;
    height: 270px;
    width: 95%;
    padding: 0px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
    background: white;
    border: 1px solid #ded;
    overflow: hidden;   
 }
 .slide>div p{
    text-align: justify;
    text-indent: 15px;
    font-style: italic;
    font-size: 0.9em;
 }
 .slide>div ul{
    list-style: none;
    color: #205081;
    font-size: 0.9em;
	margin-left: 115px;
 }
 img#zit{
    position: absolute;
    z-index: 4;
    top: 8px;
    left: 8px;
    width: 25px;
    heitght: auto;	
 }
}
.slide{
   position: absolute;
   right: 0px;
   width: 100%;
   height: 100%;
   z-index: 1;
   padding-top: 15px;
}
.slide>div{
   width: 83%;
   margin: auto;
   height: 250px;
}
.slide>div>div>div{
	margin: auto;
}
.slide>div img{
   height: 120px;
   width: auto;
   border-radius: 50%;
   margin: 0 3%;
   margin-bottom: 300px;
   float: left;
}
.slide>div ul{
   list-style: none;
   color: #205081;
}
#slider .r{
   left: 100%;
}
#slider .on{
   left: 0px;
}
#slider .l{
   left: -100%;
}
.notHide{
   -webkit-transition: 1.3s;
   -moz-transition: 1.3s;
   -o-transition: 1.3s;
   transition: 1.3s;
}
div#slider>button.controls{
   z-index: 3;
   background: none;
   border: none;
   position: absolute;
   outline:none;
   font-size: 2.5em;
   color: #205081;
   font-style: bold;
}
div#slider>button.controls:hover{
   color: red;
}
div#slider>button#next{
   right: 3%;
   top: 38%;
}
div#slider>button#previos{
   left: 3%;
   top: 38%;
}
/*---Cтилі для переліку партнерів---*/
#owl-demo .item{
   display: block;
   margin: 5px;
}
#owl-demo .item img{
   display: block;
   padding: 5px;
   width: auto;
   height: 15opz !important;
}

#twoUl {
  padding-left: 17px !important;
}

footer.mainfooter ul#twoUl li {
  font-size: 13pt !important;
}