/*
    Disabling default styles
    color1: 2bc89a;
    color2: 6deba1;
    color3: 72eda2;
    color4: 008478;
*/


html{
    scroll-behavior: smooth;
}
html, body, h1, h2, h3, h4, h5, h6, img, blockquote, form, fieldset, label, p, ul, ol, li, dl, dd, dt {
     font-family: 'Gilroy', sans-serif; 
    border: none;
    margin: 0;
    padding: 0;
}
body {
    
    background-image: linear-gradient(to right, #2bc89a , #6deba1);
    font-family: 'Gilroy', sans-serif; 
    font-size: 14px;
}
input, select, textarea, option, table {
    
     font-family: 'Gilroy', sans-serif;
    font-size: 14px;

}

table {
    border-collapse: collapse;
}
a {
    text-decoration: none;
}
 h2, h3 {
       font-family: 'Gilroy', sans-serif;
    font-size: 14px;
}


/*
    Global
*/
.clear {
    clear: both;
}

.navbar1 {
    padding-top: 100px;
    padding-bottom: 0px;
    
}
.navbar1 ul {
       display: inline-block;
    width: 100%;
  display: flex;
  justify-content:space-between;
}
.navbar1 li {

    list-style-type: none;
      
      
 
}

.navbar1 a {
    font-size: 16px;
    
    color: #fff;
    text-decoration: none;

}
.navbar1 a:hover {
    font-weight: bold;
    color: #fff;
    text-decoration-line: underline;
    text-decoration-color: #fff;
    text-underline-position: under;
}


.navbar1 .crumb a {
     color: #fff;
    font-weight: bold;
    text-decoration-line: underline;
    text-decoration-color: #fff;
    text-underline-position: under;
}

.navbar2 {
    background-color: white;
    padding-bottom: 0px;
    text-align: center;
}
.navbar2 ul {
display: inline-block;    
   
}
.navbar2 li {
    float: left;
    text-align: center;
    list-style-type: none;
    border-right: solid 1px #008478;

}

.navbar2 a {
    font-size: 14px;
    padding: 10px 5px 10px 5px;

    color: #008478;
    text-decoration: none;
}
.navbar2 a:hover {

    color: #008478;
}

.navbar2 .active a {
    font-weight: bold; 
}

.navbar2 li:last-child {
   border-right: none;
}


.ipWidget.ipWidget-Heading.ipSkin-default h2
{
  font-family: 'Gilroy', sans-serif;
}

.ipWidget {
    color: white;
    font-family: 'Gilroy', sans-serif !important;

}
.ipWidget h2 {
    color: white;

}

.ipWidget a {
    text-decoration: none;
    color: #008478;
}


.ipWidget .h1main
{   
   
    color: #008478;
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 16px;
    width: 30%;



}
 .h1main
{   
  
   
    color: #008478;
    padding-bottom: 20px;
    padding-top: 20px;
    
    position: absolute;
    left: 0;



}
.white
{
    color: white;
}

/*The blocks te faqja home*/
#ipBlock-annualcompetition 
{   
    padding: 0;
}
#ipBlock-annualcompetition a
{     
    padding: 0;
}
#ipBlock-annualcompetition .ipWidget 
{   
    padding: 0;
}

#ipBlock-annualcompetition .ipWidget-Image
{  
    margin: 0;
    padding: 0;
}
#ipBlock-annualcompetition .ipsCol 
{

    padding: 0;
}




/*
    Structure
*/
.logo {
    float: left;
}
.search {
    float: right;
    display: inline-block;
    margin-top: 20px;

}
.search form {
    float: left;
}
.search input {
    border-radius: 0 !important;
    border-bottom: solid 1px white !important;

}
.search input:focus{
    background-color: #72eda2;
    border-color: transparent;
}



::placeholder {
  color: #2bc89a;
  opacity: 1; /* Firefox */
}

._searchBox  
{display: none;}
.content {
    
   /* background-color: #fff;*/
    
    clear: both;
    margin: auto; /* cross browser way to center */
   padding: 5px;
    width: 960px;
    
}

.content > .ipWidget > .ipBlock {
    
    padding-left: 50px;
}

/*
    Top menu
*/

p {
    font-size: 16px;
    
}
.navbar1 ul ul {
     /* QuickStart theme doesn't support more than one level deep menu */
    display: none;

}


.navbarfooter {margin-top: 10px; }
.navbarfooter ul {width:100%; list-style:none; }
.navbarfooter > ul  { display: flex;
  justify-content:space-between; }
  .navbarfooter > ul >li  { text-align: left;}
/*.navbarfooter ul li {float:left; width:135px; font-weight:bold; text-align: left; }*/
.navbarfooter ul li ul {padding:0; }
.navbarfooter > ul > li > ul { padding-top: 10px;}
.navbarfooter ul li ul li {float:none; padding: 0; font-weight:normal;  }

.navbarfooter ul li a {color: white;  }
.navbarfooter ul li a:hover {text-decoration: none; color: #6deba1; }

.upbutton  {
    position: fixed;
    bottom: 10px;
    right: 20px;
  

}


.upbutton a {
    color: #008478;
    background-color: #fff;
    text-decoration: none;
        background: #fff;
    border-right: 1px solid #ddd;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 15px;
    border-radius: 25px;
}
.upbutton a:hover {
    background: #008478;
    color: #fff;
}

.search input {
   border: 0;
   padding: 10px;
   color: white;
   border-radius: 5px;
   margin-right: 10px;
   background-color: transparent;
}

.search a .circle 
{
   background-color: transparent;
   padding: 10px;
   border-radius: 25px;
   border: 1px solid white;
   color: white;
   margin-left: 10px;
   margin-bottom: 10px;

}

.search a:hover .circle 
{
   background-color: #008478;
  
}

.vijanalt{

    background-color: white;
    padding: 3px;
    margin-top: -7px;
 
}

.rightb {
   
    margin-top: 50px;
    text-transform: uppercase;
    //padding-left: 100px;
  
}

.rightb a {
    padding: 10px 25px;
    border: solid 1px #008478;
    color:  white;
}

.rightb a:hover {
   border: solid 1px white;

   text-decoration: none;

    color: #008478;
 }

.thebutton
{
  margin-top: 40px;
}
.thebutton .ipWidget-Text a {
    padding: 10px 25px;
    border: solid 1px #008478;
    color:  white;
}


.thebutton .ipWidget-Text a:hover {
   border: solid 1px white;

   text-decoration: none;

    color: #008478;
 }

.ipWidget .carousel-indicators  {
    width: 95%;
    text-align: center;
}
.ipWidget .carousel-indicators li {
    border-radius: 25px;
    background-color: #2bc89a;
}
.ipWidget .carousel-indicators li.active{
    
    background-color: transparent;
    border: 1px solid #2bc89a;
}

.ipWidget .carousel-caption 
{
    margin-left: 130px;
    width: 30%;
}

.ipWidget .carousel-caption .description h2
{
    font-family: 'Gilroy'; 
    color: #008478;
    font-size: 50px;
    font-weight: bold;
}
.ipWidget .carousel-caption .description 
{   
    margin-right: 30px; 
    background: #67e79f55; 
    background: transparent;
    text-shadow: 3px 2px #222222;
    color: white; 

    padding: 30px; 
    font-family: 'Gilroy'; 
    font-size: 20px;
}


#ipBlock-bottom 
{
clear: both;
padding: 5px;
display: table;
}

#ipBlock-bottom img
{
    width: 280px;
    height: 280px;
    object-fit: cover;
}

#ipBlock-bottom h2
{
color: black;
font-size: 16px;
}

  ._date {
    display: none;
  }
#ipBlock-bottom > div  ._date + div
{
  display: none;
}
#ipBlock-bottom .ipWidget .ipNewsList > ._newsItem

{

min-height: 200px;
display: table-cell;
width: 30%;
padding: 5px;
margin: 10px;

}

#ipBlock-bottom .ipWidget .ipNewsList ._newsItem img
{
  float: none;
}


._more {
display: block;
padding-top: 10px;


}


#ipBlock-countries .ipsCol a:hover img
{
    
    transform: scale(1.2);
}



/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 10px 10px 20px 60px ;

  display: none;
  overflow: hidden;
}
img.panel {
  padding: 0;
}

.panel .right {
    padding-left: 0;
}

._more {
display: block;
padding-top: 10px;


}



/*The Timeline*/
.timelinescrolH ::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
  .timelinescrolH {
    
      height: 350px;
     
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    
    background-image: url("/Plugin/Timeline/assets/line.png");
    background-attachment: local;
    background-position: center;

                
  }
  .tcontentH  {display: inline-block;  }
  .tcontentH  h4 {color: #2bc89a;  }
  .naltT {  position: relative; top:0;  }
  .poshteT { position: relative; top:130px; }
  .leftTL {float: left;  padding:10px;  }
  .naltT .vijaTL {border-right: solid #6deba1; position: relative; bottom: 10px; height: 192px;  }
  .poshteT .vijaTL { border-right: solid #6deba1; position: relative; top: 10px; height: 178px;  }
  .rightTL { vertical-align: top; }


.tcontentH table tr td {padding: 5px !important; border-bottom: none !important;}




.socialmediaplugin span
{
  display: none;

}

.socialmediaplugin li
{
  list-style-type: none;

  padding-right: 10px;

}
.socialmediaplugin img
{
  list-style-type: none;

  border-radius: 10px;
}


.socialmediapluginF span
{
  display: none;

}

.socialmediapluginF li

{
  display: inline-flex;
}
.socialmediapluginF li
{
  list-style-type: none;
 
  padding-right: 10px;

}
.socialmediapluginf img
{
  list-style-type: none;
 

}


footer
{   
    padding-top: 50px;
    text-align: center;
    color: #008478;
    margin: auto 0;


}




/* NOTE EFFECT push text*/

.note-primary:hover
{
  animation: mymove 0.5s;
  animation-fill-mode: forwards;
  -webkit-transition: padding 1s;
  
}

.note-primary
{
  animation: mymoveend 2s;
  animation-fill-mode: forwards;
  -webkit-transition: padding 2s;
  
}


@keyframes mymove 
{
  0% {color: black; }
  100% {background-color: #008478; color: white; padding-left:10%; font-weight: bold; }
}


@keyframes mymoveend 
{
 
  0% {background-color: #008478; color: white; padding-left:10%; font-weight: bold; }
   100% {color: black; }
}