/*
    1. Cusatom css
    2. Page Specific Style
        2.1 # Page-1
*/

/*--------------------------------------------------------------
1. # Custom css
--------------------------------------------------------------*/

.btn {
    display: inline-block;
    border-radius: 0px;
    font-size: 18px;
    padding: 07px 15px;
    border-radius: 2px;
    color: #fff;
    min-width: 200px;
    border: 2px solid #78A6EA;
}

.btn.bg-primary {
    background-color: #78A6EA;
}

.btn.bg-secondary {
    background-color: #37B4ED;
    border-color: #37B4ED;
}

.btn.bg-white {
    background-color: #FFFFFF;
}

.btn.text-primary {
    color: #78A6EA;
}

.btn.text-white {
    color: #FFFFFF;
}

.btn.text-black {
    color: #444;
}

.btn.border-white {
    border-color: #FFF;
}

.btn.no-border {
    border-width: 0px;
}

.btn.btn-shadow {
    -webkit-box-shadow: 0 5px 5px rgba(80, 80, 80, 0.5);
    -moz-box-shadow: 0 5px 5px rgba(80, 80, 80, 0.5);
    -o-box-shadow: 0 5px 5px rgba(80, 80, 80, 0.5);
    -ms-box-shadow: 0 5px 5px rgba(80, 80, 80, 0.5);
    box-shadow: 0 5px 5px rgba(80, 80, 80, 0.5);
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #FFF;
}

.container {
    width: 90%;
}

#mobile-nav ul > li.menu-active a,
.nav-menu > li.menu-active a {
    color: #00afef;
}

.page-wrapper {
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.content-block {
    padding: 50px 0px;
}

section {
    padding: 60px 0;
}

.padding-left-0 {
    padding-left: 0px;
}

.marign-top-50 {
    margin-top: 50px;
}

.marign-top-25 {
    margin-top: 25px;
}

.marign-top-15 {
    margin-top: 15px;
}

.marign-bottom-50 {
    margin-bottom: 50px;
}

.marign-bottom-25 {
    margin-bottom: 25px;
}

.marign-bottom-15 {
    margin-bottom: 15px;
}

.marign-bottom-10 {
    margin-bottom: 10px;
}

.marign-bottom-5 {
    margin-bottom: 5px;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.bg-primery {
    background-color: #00afef;
}

.bg-gery {
    background-color: #ededed;
}

.text-white {
    color: #fff !important;
}

.text-black {
    color: #000 !important;
}

.text-primery {
    color: #007DE4;
}

.font-thin {
    font-weight: 100;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.big-text {
    font-size: 36px;
}

.heading-section {
    min-height: 200px;
    padding-left: 15px;
}

.heading-section span.rotate {
    position: absolute;
    left: -45px;
    top: 40%;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #f1c30f;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    word-spacing: 8px;
}

.vertical-heading {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

ul.list {
    list-style: none;
}

ul.inline li {
    float: left;
}

ul.social li {
    width: 45px;
    margin-right: 10px;
}

@media(max-width:992px) {
    .container {
        width: 98%;
    }
}

@media(max-width:768px) {
    .container {
        width: 94%;
    }
}


/*--------------------------------------------------------------
2 Page Specific style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.2 # Page 2
--------------------------------------------------------------*/

.ats-tab-nav ul {
    display: inline-block;
    width: 100%;
}

.ats-tab-nav ul li {
    width: 33%;
}

.ats-tab-nav ul li a p {
    font-size: 16px;
    margin-top: 05px;
    margin-bottom: 0px;
}

.ats-tab-nav ul li a {
    display: block;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 3px;
    border-width: 3px;
    border-style: solid;
    border-color: #ededed;
}

.ats-tab-nav ul li:hover a,
.ats-tab-nav ul li.selected a {
    border-color: #87BEF0;

}

.ats-tab-nav ul li a:hover,
.ats-tab-nav ul li a:focus {
    color: #444;
}

.ats-new-form form .form-control {
    position: relative;
    height: 60px;
    padding-left: 40px;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.ats-new-form form .form-control:focus,
.ats-new-form form .form-group.ats_show .form-control {
    border-color: #37B4ED;
    box-shadow: none;
}

.ats-new-form form .form-group {
    position: relative;
}

.ats-new-form form .form-group::before {
    display: none;
    content: '';
    position: absolute;
    background-color: #37B4ED;
    width: 65px;
    height: 20px;
    left: 15px;
    top: -10px;
    border-radius: 3px;
    z-index: 99;
}

.ats-new-form form .form-group::after {
    content: "\f128";
    position: absolute;
    font-family: FontAwesome;
    left: 15px;
    top: 10px;
}

.ats-new-form form .form-group.ats_show::before {
    display: block;
}

@media(max-width:600px) {
    .ats-tab-nav ul li a {
        padding: 05px;
        margin-left: 03px;
        margin-right: 03px;
        border-width: 2px;
    }
    .ats-tab-nav ul li a p {
        font-size: 14px;
    }
}

@media(max-width:480px) {

    .ats-tab-nav ul li a p {
        font-size: 10px;
    }
}

.credential-img-block {
    position: relative;
    width: 250px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
}

.credential-img-block .logo {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.credential-img-block .loader {
    position: absolute;
    width: 100%;
    height: 100%;
     -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }