/**********************************/


/***Developed By Ajmal Sabu.B*****/


/*******************************/


/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);

/***********************************
    Reset
***********************************/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    background-repeat: no-repeat;
    zoom: 1;
}
ol,
ul {
    list-style: none;
}
html {
    overflow-y: scroll;
}

/***********************************
    Universals
***********************************/
.fancybox-overlay{
z-index:9999;
}
.clear {
    clear: both;
}
.nopadd {
    padding: 0;
}
* {
    outline: none;
}
* {
    box-sizing: none;
}
a:focus {
    outline: none;
    outline-offset: 0;
}

/***********************************
    Essentials
***********************************/

a {
    color: #000;
    cursor: pointer;
    text-decoration: none;
}
a:hover,
a.active,
a:focus {
    text-decoration: none;
    color: #666;
}
a,
.btn {
    transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
}
input,
select,
textarea {
    padding: 4px;
    font-family: Lucida Grande, Verdana, Sans-serif;
    font-size: 12px;
}
.no-padding {
    padding: 0;
}
.equal,
.equal > div[class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}
@font-face {
    font-family: 'Chronicle';
    src: url("../fonts/Chronicle.eot");
    src: url("../fonts/Chronicle.eot?#iefix") format("embedded-opentype"), url("../fonts/Chronicle.woff") format("woff"), url("../fonts/Chronicle.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url("../fonts/Lato-Regular.eot");
    src: url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype"), url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vivaldi-bold';
    src: url("../fonts/vivaldi-bold.eot");
    src: url("../fonts/vivaldi-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/vivaldi-bold.woff2") format("woff2"), url("../fonts/vivaldi-bold.woff") format("woff"), url("../fonts/vivaldi-bold.ttf") format("truetype"), url("../fonts/vivaldi-bold.svg#1_vivaldi_bold") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url("../fonts/Oswald-Regular.eot");
    src: url("../fonts/Oswald-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Regular.woff") format("woff"), url("../fonts/Oswald-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
#about-us .main-head,
#why-us .main-head,
#gallery-wrapper .main-head {
    font-size: 45px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
    color: #333333;
}
.rm-block {
    margin: 30px 0 20px;
    text-align: center;
}
.rm-block .readmore {
    background: #243f90;
    color: #fff;
    font-family: "Oswald";
    text-transform: uppercase;
    padding: 10px 15px;
}
.btn-orange {
    background: #f7b506;
    color: #fff;
    font-family: "Oswald";
    text-transform: uppercase;
    padding: 10px 15px;
}
.btn-orange:hover {
    background: #243f90;
    color: #fff;
}
.star {
    color: red
}
.black-overlay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
.pad5 {
    padding: 5px;
}

/*-----------------------------------
        2. Preloader Style
-------------------------------------*/

.preloader {
    background-color: #0F0E0C;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000000;
}
.spinner {
    font-size: 10px;
    height: 40px;
    left: 48%;
    position: absolute;
    text-align: center;
    top: 45%;
}
.spinner > div {
    background-color: #f7b506;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}
@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}
body {
    font-size: 13px;
    font-family: "Lato";
    overflow-x: hidden;
}

/*Top Navigation Begins*/


/*Top Navigation Begins*/

#topnav {
    background: none;
    border-radius: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 555;
    width: 100%;
}
#topnav .navbar-nav {
    margin-top: 15px;
}
#topnav .navbar-nav li {
    margin: 0 10px;
}
#topnav .navbar-nav li a {
    color: #fff;
    font-family: lato;
    font-size: 15px;
    text-transform: uppercase;
    padding: 5px 15px;
}
#topnav .navbar-nav > .active > a,
#topnav .navbar-nav > .active > a:focus,
#topnav .navbar-nav > .active > a:hover,
#topnav .navbar-nav > li > a:focus,
#topnav .navbar-nav > li > a:hover {
    background: #243f90;
    color: #fff;
}
#topnav .dropdown-menu {
    background: #243f90;
    border: none;
    padding: 0;
    border-radius: 0;
    min-width: 50px;
}
#topnav .dropdown-menu li {
    margin: 0;
}
#topnav .dropdown-menu li a {
    margin: 0;
    color: #fff;
    font-size: 12px;
}
#topnav .dropdown-menu li a:hover,
#topnav .dropdown-menu > .active > a,
#topnav .dropdown-menu > .active > a:focus,
#topnav .dropdown-menu > .active > a:hover,
#topnav .dropdown-menu > li > a:focus {
    background: #f7b506;
}
#topnav.sticky {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    background: #fff;
    min-height: 80px;
    border-bottom: 1px solid #ccc;
}
#topnav.sticky .navbar-brand {
    padding-left: 25px;
}
#topnav.sticky .navbar-nav {
    margin-top: 27px;
    padding-right: 25px;
}
#topnav.sticky .navbar-nav li a {
    color: #333;
}
#topnav.sticky .navbar-nav > .active > a,
#topnav.sticky .navbar-nav > .active > a:focus,
#topnav.sticky .navbar-nav > .active > a:hover,
#topnav.sticky .navbar-nav > li > a:focus,
#topnav.sticky .navbar-nav > li > a:hover {
    color: #fff;
}
#topnav.sticky .dropdown-menu li a {
    color: #fff;
}
#topnav.sticky .navbar-brand > img {
    max-height: 50px;
}
#main-slide img {
    width: 100%;
}
#main-slide .carousel-indicators li.active {
    background: #243f90;
}
#main-slide .carousel-indicators li {
    background: #f7b506;
}
#main-slide .slider-caption {
    position: absolute;
    width: 100%;
    z-index: 555;
    bottom: 30%;
    left: 0;
}
#main-slide .slider-caption h1 {
    text-align: center;
    font-family: "Chronicle";
    font-size: 60px;
    margin-bottom: 5px;
    color: #fff;
}
#main-slide .slider-caption h1 span {
    text-transform: uppercase;
}
#main-slide .slider-caption h3 {
    text-align: center;
    font-family: "Oswald";
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
}
.certificate-block {
    margin: 15px 0;
}
.certificate-block img {
    transition: 0.2s all linear;
}
.certificate-block img:hover {
    opacity: 0.5;
}
.certificate-block h4 {
    margin-top: 0;
    background: #f7b506;
    padding: 10px 0;
    color: #fff;
}

/*About Us Starts*/

#about-us {
    margin: 50px 0;
}
#about-us .main-head {
    margin-top: 50px;
    margin-bottom: 25px;
}
#about-us p {
    text-align: center;
    font-size: 13px;
    padding: 5px 17px;
    line-height: 1.5;
}

/*About Us Ends*/


/*Why Us Starts*/

#why-us {
    margin: 25px 0;
}
#why-us .main-head {
    margin-bottom: 100px;
}
#why-us .why-block {
    background: #243f90;
    width: 100%;
    cursor: pointer;
    transition: 0.2s all linear;
}
#why-us .why-block h4 {
    color: #fff;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 7px;
}
#why-us .why-block p {
    color: #fff;
    text-align: center;
    padding: 10px;
    text-align: center;
    line-height: 1.5;
}
#why-us .why-block .icon-block {
    text-align: center;
    color: #fff;
    background: #f7b506;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: -50px auto 0;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    transition: 0.2s all linear;
}
#why-us .why-block .icon-block .fa {
    color: #fff;
    font-size: 40px;
    width: 100%;
    text-align: center;
}
#why-us .why-block:hover {
    background: #f7b506;
}
#why-us .why-block:hover .icon-block {
    background: #243f90;
}

/*Why Us Ends*/


/*Speciality Starts*/

#speciality {
    background: url(../images/bg-img.jpg) repeat;
    background-attachment: fixed;
    padding: 25px 0;
    position: relative;
}
#speciality .black-overlay {
    background: rgba(0, 0, 0, 0.8);
}
#speciality h2 {
    color: #f7b506;
    font-family: "vivaldi-bold";
    font-size: 25px;
}
#speciality .ring-block {
    width: 165px;
    height: 165px;
    border: 1px solid #f7b506;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: 15px auto;
}
#speciality .ring-block p {
    width: 100%;
    text-align: center;
    color: #f7b506;
    text-transform: uppercase;
    font-size: 20px;
}

/*Speciality Ends*/


/*Gallery Starts*/
.gallery-block{
margin-bottom: 25px;
}
#gallery-wrapper {
    padding: 50px 0;
}
#gallery-wrapper .main-head {
    margin-bottom: 40px;
}
#gallery-wrapper .gallery-block {
    position: relative;
    overflow: hidden;
    
}
#gallery-wrapper .gallery-block img {
    transition: 0.2s all linear;
    cursor: pointer;
      
}
#gallery-wrapper .gallery-block img:hover {
    transform: scale(1.5, 1.5) rotate(5deg);
}
#gallery-wrapper .gallery-block .text-block {
    position: absolute;
    left: 0;
    top: 35%;
    z-index: 555;
    background: rgba(247, 181, 6, 0.6);
}
#gallery-wrapper .gallery-block .text-block h4 {
    padding: 0 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#gallery-wrapper .gallery-block .text-block p {
    text-transform: none;
    font-size: 13px;
    font-style: italic;
    color: #fff;
    padding: 0 5px;
    margin-bottom: 5px;
}

/*Gallery Ends*/

#clients img {
    max-height: 100px;
    margin: 0 auto;
}
#clients .sub-head {
    text-align: center;
    text-transform: uppercase;
    padding: 18px 10px;
    margin: 37px auto;
    font-family: lato;
}
#clients .owl-theme .owl-controls .owl-page.active span,
#clients .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #243f90;
}
#clients .owl-theme .owl-controls .owl-page span {
    background: #f7b506;
}

/*footer top Begins*/

#footer-top {
    margin: 50px 0 0;
    background: #243f90;
    padding: 25px 0;
}
#footer-top h4 {
    font-family: "Lato";
    font-weight: 600;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 16px;
}
#footer-top ul {
    padding-left: 0;
}
#footer-top li {
    margin-bottom: 5px;
}
#footer-top li a {
    font-family: "Lato";
    text-transform: uppercase;
    color: #fff;
}
#footer-top li a:hover {
    color: #ccc;
}
#footer-top p {
    color: #fff;
    text-transform: uppercase;
    line-height: 2;
}
#footer-top img {
    margin: 0 auto;
}
#footer-top .social-icons li {
    display: inline;
    margin-right: 5px;
}
#footer-top .social-icons li .fa {
    background: #f7b506;
    border-radius: 50%;
    padding: 10px 15px;
    transition: 0.2s all linear;
}
#footer-top .social-icons li .fa.fa-google-plus {
    padding: 10px;
}
#footer-top .social-icons li .fa.fa-twitter {
    padding: 10px 12px;
}
#footer-top .social-icons li .fa:hover {
    color: #243f90;
    background: #fff;
}
footer {
    background: #282725;
    padding: 10px 0;
}
footer p {
    margin-bottom: 0;
    color: #fff;
}
footer .left-side {
    float: left;
}
footer .right-side {
    float: right;
}
footer .right-side a {
    color: #fff;
}
footer .right-side a:hover {
    color: #ccc;
}

/*Inner Pages Starts*/

#banner {
    background: url(../images/banner.jpg) no-repeat;
    background-size: cover;
    min-height: 150px;
    width: 100%;
    position: relative;
}
.inner-page {
    margin: 25px 0;
}
.inner-page .container-inner {
    padding: 25px;
}
.inner-page .container-inner p {
    line-height: 2;
}
.inner-page .container-inner .head-image {
    margin-bottom: 15px;
}
.inner-page .container-inner .client-images {
    margin-bottom: 15px;
}
.inner-page h1 {
    color: #243f90;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
}
.inner-page .image-blocks {
    /*margin: 15px 0;*/
}
.inner-page ul.circled {
    padding-left: 0;
}
.inner-page ul.circled li {
    position: relative;
    margin-left: 25px;
    margin-bottom: 20px;
}
.inner-page ul.circled li:before {
    content: "\f14e";
    color: #f7b506;
    font-family: fontawesome;
    position: absolute;
    left: -25px;
    -webkit-animation: rotation 2s infinite linear;
    animation: rotation 2s infinite linear;
    -moz-animation: rotation 2s infinite linear;
}
.inner-page .side-links {
    float: right;
}
.inner-page .side-links h4 {
    background-color: #243f90;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    padding: 5px 10px;
}
.inner-page .side-links ul {
    padding-left: 0;
}
.inner-page .side-links ul li {
    position: relative;
    margin-left: 25px;
    margin-bottom: 10px;
}
.inner-page .side-links ul li a {
    letter-spacing: 3px;
}
.inner-page .side-links ul li:before {
    content: "\f111";
    font-family: fontawesome;
    color: #f7b506;
    left: -20px;
    top: 0;
    z-index: 555;
    position: absolute;
}
#contact-us .panel {
    border: 1px solid #243f90;
}
#contact-us .panel-heading {
    background: #243f90;
    color: #fff;
}
#contact-us .panel-heading .fa {
    color: #f7b506;
}
#contact-us #map {
    width: 100%;
    height: 400px;
}

/*Inner Pages Starts*/

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 0;
    display: none;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #f7b506;
    border: 2px solid #fff;
    z-index: 999;
}
.scrollup:hover .fa,
.scrollup:focus .fa {
    color: #fff;
}
.scrollup .fa {
    font-size: 25px;
    margin-top: 4px;
    color: #fff;
}
#enquiry form {
    padding: 25px;
    border: 1px solid #ccc
}
.job-post table td,
.job-post table,
.job-post table th {
    border: 1px solid #243F90;
}
.country-select.inside {
    width: 100%
}
.job-post table td {
    color: #243F90;
}
.job-post table tr th {
    background: #F7B506;
    color: #fff;
}
.job-post table tr td,
.job-post table tr th {
    padding: 5px 15px;
}
.job-post table {
    width: 100%
}
.modal-logo {
    max-height: 60px;
}
.job-desc {
    padding-left: 10px;
}
.job-desc li {
    list-style: disc
}
.career-form form {
    padding: 25px;
    border: 1px solid #ccc
}
.career-form .v-label {
    margin-top: 8px;
}
.jd .modal-body {
    max-height: 400px;
    overflow-y: scroll
}
.jd .modal-title {
    color: #F7B506;
    margin-top: 10px;
}
.modal-open[style] {
    padding-right: 0px !important;
}
/*div.cs-selector{max-width: 100%; height: 36px;border: 1px solid #ccc; border-radius: 5px}
.cs-flag-selected{margin-top: 10px;}
.cs-name-selected{margin-top: 20px;}*/
@media (max-width: 1024px) {
    #speciality .ring-block {
        height: 150px;
        width: 150px;
    }
    #speciality .ring-block p {
        font-size: 18px;
    }
    #about-us .main-head {
        margin: 0;
    }
    #about-us p {
        line-height: 1.3;
    }
    #why-us .why-block .icon-block {
        width: 80px;
        height: 80px;
    }
    #why-us .why-block .icon-block .fa {
        font-size: 28px;
    }
    #gallery-wrapper .gallery-block {
        margin-bottom: 20px;
    }
    #footer-top img {
        margin: 0;
    }
}
@media (max-width: 995px) {
    #topnav .navbar-nav li a {
        margin: 0;
    }
    #main-slide .slider-caption {
        bottom: 15%;
    }
    #main-slide .slider-caption h1 {
        font-size: 50px;
    }
    #about-us .col-sm-6 {
        width: 100%;
    }
    #why-us .why-block h4 {
        font-size: 23px;
    }
    #speciality .ring-block {
        width: 110px;
        height: 110px;
    }
    #speciality .ring-block p {
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    #topnav .navbar-nav,
    #topnav.sticky .navbar-nav {
        margin-top: 0;
    }
    #topnav.sticky .navbar-nav li a {
        color: #fff;
    }
    .equal {
        display: block;
    }
    #why-us .why-block {
        margin-bottom: 75px;
    }
    #topnav .navbar-collapse {
        border: none;
        background: #f7b506;
        margin-top: 30px;
    }
    #topnav .navbar-brand > img {
        max-height: 55px;
    }
    #topnav.sticky .navbar-nav {
        padding-right: 0;
    }
}
@media (max-width: 480px) {
    #main-slide .slider-caption {
        bottom: 20%;
    }
    footer .left-side,
    footer .right-side {
        float: none;
        text-align: center;
    }
    #main-slide .slider-caption h1 {
        font-size: 18px;
    }
    #main-slide .slider-caption h3 {
        font-size: 13px;
    }
    #footer-top p {
        font-size: 12px;
    }
}
@media (max-width: 360px) {
    #topnav .navbar-brand > img {
        max-height: 40px;
    }
}

/*# sourceMappingURL=style.css.map */