@import url('https://fonts.googleapis.com/css?family=Cabin:400,600,700|Lato:400,600|Roboto+Condensed:700|Montserrat:400,600,700');
@import 'vendors/bootstrap-validator.css';
@import 'modules/header.css';
@import 'modules/slider.css';
@import 'modules/homepage.css';
@import 'modules/footer.css';
@import 'modules/aboutpage.css';
@import 'modules/servicepage.css';
@import 'modules/innerpage.css';
@import 'modules/careerpage.css';
@import 'modules/contactpage.css';
@import 'modules/modal.css';

a, a:visited, a:hover{
    color: inherit;
    text-decoration: none;
    outline: 0;
}

@media (min-width:768px){
    .pull-md-right{
        float:right !important;
    }
}

body{
    background-color: #F2F2F2;
    overflow-x: hidden;
    transition: all 0.3s ease-in-out
}

img {
    user-select: none;
}

body::-webkit-scrollbar-track {
    box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    background-color:#F5F5F5
}

body::-webkit-scrollbar {
    width:10px;
    background-color:#F5F5F5
}

body::-webkit-scrollbar-thumb {
    background-color:#433D95;
    background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)
}


::selection{
	background-color:#433D95;
	color:#FFF;
}

.page-cover{
    display: table;
    width: 100%;
    height:200px;
    border-top:1px dashed #ccc;
    border-bottom:1px dashed #ccc;
}        

.page-cover .page-wrapper{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.page-cover .breadcrumb{
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding:0;
}

.page-cover .breadcrumb li a{
    font-family: 'Montserrat',sans-serif;
    font-size: 16px;
    font-weight: 600;
    color:rgba(255,255,255,0.6);
}

.page-cover .breadcrumb > li + li:before{
    font-family: FontAwesome;
    font-size:18px;
    content: "\f105";
    color:#FFF;
}

.page-cover .breadcrumb li.active  a{
    color:rgba(255,255,255,1);
}

.alert{
    position: relative;
    border: 0;
    font-family: 'Lato',sans-serif;
    color: #FFF;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    transition: all 800ms ease-in-out;    
}

    .alert-dismissable .close {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 20px;
        color: #000;
        cursor: pointer;
        z-index: 100;
        transition: all .3s ease-in-out;
    }

    .alert-success {
        background: linear-gradient(#00A551,#00A752);
    }

    .alert-danger {
        background: linear-gradient(#EB4344,#D83C3D);
    }

    .alert.hidden {
        display:none
    }

    .alert.visualhidden {
        opacity:0
    }    

.full-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    text-align:center;
    color:#FFF;
    display: none;
    z-index:9998!important
}

    .full-overlay .loading {
        position:absolute;
        top:50%;
        left:50%;
        width:320px;
        transform: translate(-50%,-50%);
    }

    .full-overlay p {
        position:absolute;
        font-family:'Lato',sans-serif;
        width:100%;
        left:0;
        color:#eee;
        text-align:center;
        top:50%;
        margin-top:40px;
        z-index:9999!important
    }