/*a{ cursor: pointer; }*/
/* Countdown timer */
.countdown {
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
   font-family: 'Open Sans', sans-serif;
}
.countdown span::selection, .countdown p::selection   {  background: transparent !important; color: inherit;  }

.count-container {
    /*border: solid 1px #214971;*/
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 145px;
    height: 145px;
    padding: 20px 0 0;/*24px 0 0*/
    display: inline-block;
    background-color: #F6B72B; /*AL*/
    margin-top: 10px;
}

.countdown span {
    color: #fff;/*214971*/
    display: block;
    font-size: 50px;
}
.countdown .col-xs-6.col-sm-3.col-md-3.text-center {
    padding-left: 3px; /*AL*/
}
                                   
.countdown p {
    color: #fff;/*214971*/
    font-size: 24px;
    font-weight: 300;
}

/* Countdown panel */
.panel-countdown {
    margin: 107px 0 77px 0;
    display: none;
}

.panel-countdown h1 {
    margin: 0 0 69px 0;
}


/* Subscribe loader */
#loading {
    display: none;
    margin: 30px 0 0;
}

#loading-status {
    width: 110px;
    height: 24px;
    display: inline-block;
}

#circleL{
    width:105px;
}

.circleL{
    background-color:#214971;
    float:left;
    height:23px;
    margin-left:12px;
    width:23px;
    -moz-animation-name:bounce_circleG;
    -moz-animation-duration:1.9500000000000002s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-border-radius:15px;
    -webkit-animation-name:bounce_circleG;
    -webkit-animation-duration:1.9500000000000002s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-border-radius:15px;
    -ms-animation-name:bounce_circleG;
    -ms-animation-duration:1.9500000000000002s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-border-radius:15px;
    -o-animation-name:bounce_circleG;
    -o-animation-duration:1.9500000000000002s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-border-radius:15px;
    animation-name:bounce_circleG;
    animation-duration:1.9500000000000002s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    border-radius:15px;
}

#circleL_1{
    -moz-animation-delay:0.39s;
    -webkit-animation-delay:0.39s;
    -ms-animation-delay:0.39s;
    -o-animation-delay:0.39s;
    animation-delay:0.39s;
}

#circleL_2{
    -moz-animation-delay:0.9099999999999999s;
    -webkit-animation-delay:0.9099999999999999s;
    -ms-animation-delay:0.9099999999999999s;
    -o-animation-delay:0.9099999999999999s;
    animation-delay:0.9099999999999999s;
}

#circleL_3{
    -moz-animation-delay:1.1700000000000002s;
    -webkit-animation-delay:1.1700000000000002s;
    -ms-animation-delay:1.1700000000000002s;
    -o-animation-delay:1.1700000000000002s;
    animation-delay:1.1700000000000002s;
}

@-moz-keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
}

@-webkit-keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
}

@-ms-keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
}

@-o-keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
}

@keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
} 


/* Main loader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99;
}

#status {
    width: 110px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -55px;
}
#circleG{
    width:105px;
}

.circleG{
    background-color:#214971;
    float:left;
    height:23px;
    margin-left:12px;
    width:23px;
    -moz-animation-name:bounce_circleG;
    -moz-animation-duration:1.9500000000000002s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-border-radius:15px;
    -webkit-animation-name:bounce_circleG;
    -webkit-animation-duration:1.9500000000000002s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-border-radius:15px;
    -ms-animation-name:bounce_circleG;
    -ms-animation-duration:1.9500000000000002s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-border-radius:15px;
    -o-animation-name:bounce_circleG;
    -o-animation-duration:1.9500000000000002s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-border-radius:15px;
    animation-name:bounce_circleG;
    animation-duration:1.9500000000000002s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    border-radius:15px;
}

#circleG_1{
    -moz-animation-delay:0.39s;
    -webkit-animation-delay:0.39s;
    -ms-animation-delay:0.39s;
    -o-animation-delay:0.39s;
    animation-delay:0.39s;
}

#circleG_2{
    -moz-animation-delay:0.9099999999999999s;
    -webkit-animation-delay:0.9099999999999999s;
    -ms-animation-delay:0.9099999999999999s;
    -o-animation-delay:0.9099999999999999s;
    animation-delay:0.9099999999999999s;
}

#circleG_3{
    -moz-animation-delay:1.1700000000000002s;
    -webkit-animation-delay:1.1700000000000002s;
    -ms-animation-delay:1.1700000000000002s;
    -o-animation-delay:1.1700000000000002s;
    animation-delay:1.1700000000000002s;
}

@-moz-keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
}

@-webkit-keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
}

@-ms-keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
}

@-o-keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
}

@keyframes bounce_circleG {
    0%{
    }

    50%{
    background-color:#2583be}

    100%{
    }
} 

/* Mobile styles */
@media (max-width: 767px) {

     .container-full {
        padding-right: 15px;
        padding-left: 15px;
    }

    .dropdown-panel ul {
        padding: 0 15px;
    }

    .dropdown-panel ul li a {
        padding-right: 10px;
        padding-left: 10px;
    }

    .tab-container {
        height: 262px;
    }

    .tab {
        height:131px;
        margin-bottom: 1px;
    }

    .tab:first-child {
        margin-left: 0;
    }

    .tab:nth-child(2) {
        margin-right: -1px;
    }

   .tab:last-child {
       margin-right: -1px;
    }

    .tab-detail {
        padding: 36px 0 0;
    }

    .tab-heading {
        margin: 0 0 15px 0;
    }

    .countdown {
        margin: 0;
    }

    .count-container {
        width: 130px;
        height: 130px;
        padding: 19px 0 0;
        margin: 0 0 30px 0;
    }

    .countdown span {
        font-size: 40px;
    }

    .countdown p {
        font-size: 20px;
    }

    .panel-countdown {
        margin: 100px 0;
    }
    
    .panel-about {
        margin: 100px 0;
    }
    
    .panel-services {
        margin: 100px 0;
    }

    .panel-contact .row {
        text-align: center;
    }

    .panel-contact {
        margin: 100px 0;
    }

    .subscribe {
        margin: 12% 0 0;
    }

    .subscribe-box {
        width: 69%;
         font-size: 16px!important;
    }

    .subscribe-btn {
        width: 30%;
        padding-left: 3px;
        padding-right: 3px;
        margin-left: -1%;
    }

    .subscribe form {
        width: 100%;
    }

    .subscribe input {
        font-size: 13px;
        -webkit-appearance: none;
        border-radius: 0;
    }
}


/* Tablets and mobile */
@media (min-width: 768px) and (max-width: 991px) {

    .panel-contact .row {
        text-align: center;
    }

}


/* custom break */
@media (min-width: 992px) and (max-width: 1100px) {

    .singlepagebanner {
        padding-top: 115px !important;
    }
    .col-sm-3 {
        width: 36%;/*50%*/
        margin-bottom: 20px;
    }

}





