.animated {

    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -ms-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -ms-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

}



.animated.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

}





.openDownLeftReturn {

    -webkit-animation-name: openDownLeftReturn;

    -moz-animation-name: openDownLeftReturn;

    -ms-animation-name: openDownLeftReturn;

    -o-animation-name: openDownLeftReturn;

    animation-name: openDownLeftReturn;

}





@-moz-keyframes openDownLeftReturn {

    0% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(-110deg);

        -moz-transform: rotate(-110deg);

        -ms-transform: rotate(-110deg);

        -o-transform: rotate(-110deg);

        transform: rotate(-110deg);

        -webkit-animation-timing-function: ease-in-out;

        -moz-animation-timing-function: ease-in-out;

        -ms-animation-timing-function: ease-in-out;

        -o-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }



    100% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-animation-timing-function: ease-out;

        -moz-animation-timing-function: ease-out;

        -ms-animation-timing-function: ease-out;

        -o-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

}

@-webkit-keyframes openDownLeftReturn {

    0% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(-110deg);

        -moz-transform: rotate(-110deg);

        -ms-transform: rotate(-110deg);

        -o-transform: rotate(-110deg);

        transform: rotate(-110deg);

        -webkit-animation-timing-function: ease-in-out;

        -moz-animation-timing-function: ease-in-out;

        -ms-animation-timing-function: ease-in-out;

        -o-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }



    100% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-animation-timing-function: ease-out;

        -moz-animation-timing-function: ease-out;

        -ms-animation-timing-function: ease-out;

        -o-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

}

@-o-keyframes openDownLeftReturn {

    0% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(-110deg);

        -moz-transform: rotate(-110deg);

        -ms-transform: rotate(-110deg);

        -o-transform: rotate(-110deg);

        transform: rotate(-110deg);

        -webkit-animation-timing-function: ease-in-out;

        -moz-animation-timing-function: ease-in-out;

        -ms-animation-timing-function: ease-in-out;

        -o-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }



    100% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-animation-timing-function: ease-out;

        -moz-animation-timing-function: ease-out;

        -ms-animation-timing-function: ease-out;

        -o-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

}

@-ms-keyframes openDownLeftReturn {

    0% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(-110deg);

        -moz-transform: rotate(-110deg);

        -ms-transform: rotate(-110deg);

        -o-transform: rotate(-110deg);

        transform: rotate(-110deg);

        -webkit-animation-timing-function: ease-in-out;

        -moz-animation-timing-function: ease-in-out;

        -ms-animation-timing-function: ease-in-out;

        -o-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }



    100% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-animation-timing-function: ease-out;

        -moz-animation-timing-function: ease-out;

        -ms-animation-timing-function: ease-out;

        -o-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

}

@keyframes openDownLeftReturn {

    0% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(-110deg);

        -moz-transform: rotate(-110deg);

        -ms-transform: rotate(-110deg);

        -o-transform: rotate(-110deg);

        transform: rotate(-110deg);

        -webkit-animation-timing-function: ease-in-out;

        -moz-animation-timing-function: ease-in-out;

        -ms-animation-timing-function: ease-in-out;

        -o-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }



    100% {

        -webkit-transform-origin: bottom left;

        -moz-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        -o-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-animation-timing-function: ease-out;

        -moz-animation-timing-function: ease-out;

        -ms-animation-timing-function: ease-out;

        -o-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

}





.slideRight {

    -webkit-animation-name: slideRight;

    -moz-animation-name: slideRight;

    -ms-animation-name: slideRight;

    -o-animation-name: slideRight;

    animation-name: slideRight;

}







@-moz-keyframes slideRight {

    0% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(0%);

        -moz-transform: translateX(0%);

        -ms-transform: translateX(0%);

        -o-transform: translateX(0%);

        transform: translateX(0%);

    }



    100% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -ms-transform: translateX(100%);

        -o-transform: translateX(100%);

        transform: translateX(100%);

    }

}

@-webkit-keyframes slideRight {

    0% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(0%);

        -moz-transform: translateX(0%);

        -ms-transform: translateX(0%);

        -o-transform: translateX(0%);

        transform: translateX(0%);

    }



    100% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -ms-transform: translateX(100%);

        -o-transform: translateX(100%);

        transform: translateX(100%);

    }

}

@-o-keyframes slideRight {

    0% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(0%);

        -moz-transform: translateX(0%);

        -ms-transform: translateX(0%);

        -o-transform: translateX(0%);

        transform: translateX(0%);

    }



    100% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -ms-transform: translateX(100%);

        -o-transform: translateX(100%);

        transform: translateX(100%);

    }

}

@-ms-keyframes slideRight {

    0% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(0%);

        -moz-transform: translateX(0%);

        -ms-transform: translateX(0%);

        -o-transform: translateX(0%);

        transform: translateX(0%);

    }



    100% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -ms-transform: translateX(100%);

        -o-transform: translateX(100%);

        transform: translateX(100%);

    }

}

@keyframes slideRight {

    0% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(0%);

        -moz-transform: translateX(0%);

        -ms-transform: translateX(0%);

        -o-transform: translateX(0%);

        transform: translateX(0%);

    }



    100% {

        -webkit-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        transform-origin: 0 0;

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -ms-transform: translateX(100%);

        -o-transform: translateX(100%);

        transform: translateX(100%);

    }

}















/*-----*/

/*-----*/

/*-----*/





.bootslider {

    zoom: 1;

    z-index: 1;

    display: block;

    position: relative;

    overflow: hidden;

    width: 100%;

    background: #ccd7ff;

}



.bootslider:before, .bootslider:after {

    content: "\0020";

    display: block;

    height: 0;

    overflow: hidden;

}



.bootslider:after {

    clear: both;

}



.bootslider .bs-loader {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 999;

    background: #000;

    display: block;

}



.bootslider .bs-loader #loader {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -15px;

    margin-top: -15px;

}



.bootslider .bs-container {

    display: block;

    position: relative;

}



.bootslider .bs-container .bs-slide {

    width: 100%;

    z-index: 0;

    top: 0;

    left: 0;

    margin: 0;

    display: none;

    position: relative;

}



.bootslider .bs-container .bs-slide .bs-foreground {

    top: 0;

    left: 0;

    margin: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    position: absolute;

}



.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in] {

    display: none;

}



.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in].visible {

    display: block;

}



.bootslider .bs-container .bs-slide .bs-foreground iframe {

    z-index: 10;

}



.bootslider .bs-container .bs-slide .bs-foreground .bs-video-fullscreen {

    top: 0;

    left: 0;

    width: 100%;

    margin: 0;

    padding: 0;

}



.bootslider .bs-container .bs-slide .bs-foreground .heading {

    color: #fff;

    font-size: 72px;

}



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

    .bootslider .bs-container .bs-slide .bs-foreground .heading {

        font-size: 36px;

    }

}



.bootslider .bs-container .bs-slide .bs-background {

    top: 0;

    left: 0;

    margin: 0;

    z-index: 2;

    width: 100%;

    position: relative;

}



.bootslider .bs-container .bs-slide .bs-background img {

    display: block;

    width: 100%;

    height: auto;

}



.bootslider .bs-container .bs-slide.active {

    z-index: 1;

}



.bootslider .bs-container .bs-slide.visible {

    display: block;

}



.bootslider .bs-progress {

    width: 100%;

    height: 1px;

    background: #fff;

    margin-bottom: 0px;

}



.bootslider .bs-thumbnails {

    width: 100%;

    display: block;

    position: relative;

}



.bootslider .bs-thumbnails ul {

    margin: 0;

    padding: 0;

    position: relative;

    background: #000;

}



.bootslider .bs-thumbnails ul .bs-thumbnail {

    float: left;

    display: block;

    position: relative;

    margin: 0;

    background: #000;

    z-index: 0;

}



.bootslider .bs-thumbnails ul .bs-thumbnail img {

    width: 100%;

    height: auto;

    filter: alpha(opacity=30);

    -moz-opacity: 0.3;

    -khtml-opacity: 0.3;

    opacity: 0.3;

}



.bootslider .bs-thumbnails ul .active img {

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.bootslider .bs-pagination .pagination {

    margin: 20px 0 20px 0;

}



.bootslider .bs-pagination .active a {

    z-index: 0;

    background: #3355d2;

    border-color: #3355d2;

}



.bootslider .bs-pagination .active a:hover {

    color: #fff;

}



.bootslider .bs-pagination a:hover {

    color: #3355d2;

}



.bootslider .bs-next {

    z-index: 5;

}



.bootslider .bs-prev {

    z-index: 5;

}





.bootslider .bs-next, .bootslider .bs-prev {

    width: 40px;

    height: 60px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    cursor: pointer;

}



.bootslider .bs-prev {

    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

    left: 10%;

}



.bootslider .bs-next {

    background-position: -6px -137px;

    right: 10%;

}

























/* 

Color Classes

================================

*/

.turquoise {

    background-color: #1abc9c;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.turquoise {

    background-color: #17a689;

}



.text-turquoise, .text-turquoise * {

    color: #1abc9c;

}



.green-sea {

    background-color: #16a085;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.green-sea {

    background-color: #138a72;

}



.text-green-sea, .text-green-sea * {

    color: #16a085;

}



.emerald {

    background-color: #2ecc71;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.emerald {

    background-color: #29b765;

}



.text-emerald, .text-emerald * {

    color: #2ecc71;

}



.nephritis {

    background-color: #27ae60;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.nephritis {

    background-color: #229955;

}



.text-nephritis, .text-nephritis * {

    color: #27ae60;

}



.peter-river {

    background-color: #3498db;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.peter-river {

    background-color: #258cd1;

}



.text-peter-river, .text-peter-river * {

    color: #3498db;

}



.belize-hole {

    background-color: #2980b9;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.belize-hole {

    background-color: #2472a4;

}



.text-belize-hole, .text-belize-hole * {

    color: #2980b9;

}



.amethyst {

    background-color: #9b59b6;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.amethyst {

    background-color: #8f4bab;

}



.text-amethyst, .text-amethyst * {

    color: #9b59b6;

}



.wisteria {

    background-color: #8e44ad;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.wisteria {

    background-color: #7f3d9b;

}



.text-wisteria, .text-wisteria * {

    color: #8e44ad;

}



.wet-ashpalt {

    background-color: #34495e;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.wet-ashpalt {

    background-color: #2b3c4e;

}



.text-wet-ashpalt, .text-wet-ashpalt * {

    color: #34495e;

}



.midnight-blue {

    background-color: #2c3e50;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.midnight-blue {

    background-color: #233140;

}



.text-midnight-blue, .text-midnight-blue * {

    color: #2c3e50;

}



.sun-flower {

    background-color: #f1c40f;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.sun-flower {

    background-color: #dab10d;

}



.text-sun-flower, .text-sun-flower * {

    color: #f1c40f;

}



.orange {

    background-color: #f39c12;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.orange {

    background-color: #e08e0b;

}



.text-orange, .text-orange * {

    color: #f39c12;

}



.carrot {

    background-color: #3355d2;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.carrot {

    background-color: #3355d2;

}



.text-carrot, .text-carrot * {

    color: #3355d2;

}



.pumpkin {

    background-color: #3355d2;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.pumpkin {

    background-color: #3355d2;

}



.text-pumpkin, .text-pumpkin * {

    color: #3355d2;

}



.alizarin {

    height: 1px;

    background-color: #3355d2;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}





a:hover.alizarin {

    background-color: #000;

}



.text-alizarin, .text-alizarin * {

    color: #3355d2;

}



.pomegranate {

    background-color: #3355d2;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.pomegranate {

    background-color: #3355d2;

}



.text-pomegranate, .text-pomegranate * {

    color: #3355d2;

}



.clouds {

    background-color: #ecf0f1;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.clouds {

    background-color: #dde4e6;

}



.text-clouds, .text-clouds * {

    color: #ecf0f1;

}



.silver {

    background-color: #bdc3c7;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.silver {

    background-color: #afb6bb;

}



.text-silver, .text-silver * {

    color: #bdc3c7;

}



.concrete {

    background-color: #95a5a6;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.concrete {

    background-color: #87999a;

}



.text-concrete, .text-concrete * {

    color: #95a5a6;

}



.asbestos {

    background-color: #7f8c8d;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.asbestos {

    background-color: #727f80;

}



.text-asbestos, .text-asbestos * {

    color: #7f8c8d;

}



.white {

    background-color: white;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.white {

    background-color: #f2f2f2;

}



.text-white, .text-white * {

    color: white;

}



.black {

    background-color: black;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.black {

    background-color: black;

}



.text-black, .text-black * {

    color: black;

}



.custom {

    background-color: #123123;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a:hover.custom {

    background-color: #0b1e16;

}



.text-custom, .text-custom * {

    color: #123123;

}



.absolute {

    position: absolute;

}



.image-layer {

    width: 100%;

    height: auto;

}







/*------*/

/*------*/

/*------*/



/*

    Theme: Metro UI



    Plugin: Bootslider

    Plugin Website: http://themes.grozav.com/bootslider



    Author: Alex GROZAV

    Author Website: http://grozav.com

*/

.bootslider .bs-container .bs-slide .bs-foreground .heading {

    font-weight: 300;

}

.bootslider .bs-progress {

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

}

.bootslider .bs-thumbnails {

    z-index: 0;

    position: relative;

}

.bootslider .bs-thumbnails ul .bs-thumbnail {

    background: #3355d2;

    margin: 0 0 20px 0;

}

.bootslider .bs-thumbnails ul .bs-thumbnail img {

    filter: alpha(opacity=60);

    -moz-opacity: 0.6;

    -khtml-opacity: 0.6;

    opacity: 0.6;

}

.bootslider .bs-thumbnails ul .active img {

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.bootslider .bs-pagination {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 20px;

    z-index: 10;

    text-align: center;

}



.bootslider .bs-pagination ul li {

    margin: 0 5px;

    display: inline-block;

    width: 10px;

    height: 10px;

    background: #fff;

    border-radius: 50%;

    overflow: hidden;

}



.bootslider .bs-pagination ul li a {

    width: 10px;

    height: 10px;

    line-height: 10px;

    font-size: 0px;

    display: block;

}



.bootslider .bs-pagination .active  {

    background: #3355d2;

}







.bootslider .bs-controls {

    width: 140px;

    margin: 0px auto;

}

.bootslider .bs-controls .bs-next {

    width: 60px;

    height: 60px;

    line-height: 60px;

    display: block;

    color: #fff;

    float: right;

}

.bootslider .bs-controls .bs-prev {

    width: 60px;

    height: 60px;

    line-height: 60px;

    display: block;

    color: #fff;

    float: left;

}