/* 
INFO
Name: CSS - Country Changer 2
Author: Marek Majtán

DESCRIPTION 
Special CSS for Country Changer template.
*/

#top_slider{
    height: 440px;
    margin: -2px 0 2px 0;
    position: absolute;
    width: 100%;
    border-bottom: 5px solid #f89f1a;
    background: #797676; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #797676 0%, #373737 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #797676 0%,#373737 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #797676 0%,#373737 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797676', endColorstr='#373737',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#top_slider .outerDiv{
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 100%;
}
#top_slider .top_slider_slides{
    position: relative;
}
#top_slider .top_slider_slides .item{
    float: left;
    width: 100%;
    position: relative;
    height: 440px;
    overflow: hidden;
}
#top_slider .top_slider_slides .item.active{
}
#top_slider .top_slider_slides .item .description{
    position: absolute;
    top: 40px;
    left: 15px;
    color: white;
}
#top_slider .top_slider_slides .item img{
   position: absolute;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
   -moz-webkit-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
}
#top_slider .navig-panel{
    position: absolute;
    top: 230px;
    width: auto;
    left: 50%;
    height: 20px;
    z-index: 2;
}
#top_slider .navig-panel .exactly{
    float: left;
    height: 7px;
    width: 7px;
    margin: 0 2px;
    cursor: pointer;
    background: #f2a33a;
    display: block;
}
#top_slider .navig-panel .exactly.active{
    background: white;
}
#top_slider .navig-panel .exactly:hover{
    background: white;
}
#top_slider .tlop_slider_slides .item img{
    position: absolute;
    right: 0;
    bottom: 0;
}
#top_slider .top_slider_slides .item .description ul{
    margin-left: 16px;
    line-height: 15px;
}
#top_slider .top_slider_slides .item .description strong{
    font-family: SourceSansPro-Regular;
    position: relative;
    font-weight: normal;
    font-size: 22px;
    line-height: 20px;
    display: block;
    margin: 0 0 20px 0;
}
#top_slider .top_slider_slides .item .description strong.slider_box_icon{
    padding: 5px 20px 5px 60px;
    margin: 0 0 20px -5px;
    background: url(../../images/home_slider/slider_box_icon.png) left no-repeat;
}
#top_slider .top_slider_slides .item a.slider_link{
    position: absolute;
    top: 186px;
    left: 15px;
    font-size: 15px;
}
@media (max-width: 770px) {
    #top_slider .top_slider_slides .item img {
        display: none;
    }
    #top_slider .top_slider_slides .item .description p{
        display: none;
    }
    #top_slider .top_slider_slides .item a.slider_link{
        top: 180px;
        left: 45px;
    }
}