#firstDiv {
    /*height: 100vh;*/
}
#home{height: 100vh}
#home,#backgrounds,.slide-caption,.slide-middle{
    background: url('../assets/images/index-bg.jpg');
}
#firstDiv section {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

.modal-content {
    border-radius: 20px !important;
    width: 600px;
    margin: 0 auto;
    /*box-shadow: 5px 5px 10px #272726 !important;*/
}

.modal-header {
    /*border-bottom: none !important;*/
}

.modal-footer {
    /*border-top: none !important;*/
}

.my-font {
    font-size: 30px;
    font-family: 'Raleway', sans-serif !important;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
    /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}
.dropdown
{
    padding:0px 0px !important; 
}
.dropdown-content
{
    background: #fff !important;
    min-width: 200px !important;
}
.dropdown-content a
{
    color: #000 !important;
    font-size: 13px !important;
}
.dropdown-content a:hover
{
    color: #fff !important;
}

.fixed .button-container-4.quot
{
    border: solid 1px #0097a8 !important;

}
.navbar:not(.fixed) li .button-container-4.quot a,
.navbar:not(.fixed) li .button-container-4.quot span
{
    color: #fff;
}
.navbar:not(.fixed) li .button-container-4.quot
{
    border-color: #fff;
}
.navigation-bar li a.careerZigZag, .navbar-nav li a.careerZigZag
{
    color: #FFF !important;
}
.navbar:not(.fixed) li .button-container-4.quot:hover{
    border-color: #FFF;
}
.navbar:not(.fixed) li .button-container-4.quot:hover a.careerZigZag{
    -webkit-mask: url("../images/On-hover-apply-now.png");
    mask: url("../images/On-hover-apply-now.png");    
    -webkit-mask-size: 3000% 100%;
    mask-size: 3000% 100%;
    border: none;
    color: #003d90 !important;
    cursor: pointer;
    border: none !important;
    background: #FFF;
    -webkit-animation: ani2 0.7s steps(29) forwards;
    animation: ani2 0.7s steps(29) forwards;
}
.navbar:not(.fixed) .button-container-4.quot:hover span.mas42{
    /*color: #003d90 !important;*/
}
.fixed li a.careerZigZag
{
    color: #0097a8 !important;
}
.fixed .button-container-4 a:hover
{
    color: #FFF !important;
}
@media (max-width: 480px) {
    .modal-content {
        margin: 0 0;
        padding: 0;
    }
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.slider-image img {
    display: table-cell;
    vertical-align: middle;
}

.slider-image img {
    width: 450px !important;
    margin: 0 auto;
    display: block;
}

.grey-braket-img img {
    height: 200px !important;
    width: 60px !important;
    display: block;
    margin: 0 auto;
}

.owl-prev {
    position: absolute;
    top: 50%;
    left: -10px;
}

.owl-next {
    right: -10px !important;
    top: 50% !important;
    position: absolute;
}

.site-loader img {
    width: 84px;
    height: 84px;
    padding: 0.6em;
}

.our-process-relative img {
    width: 110px;
    margin: 0 auto;
    display: block;
}

.our-process-relative {
    position: relative;
}
.container-nav
{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
/* .each-process-view img:hover
{
     transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
} */
.first-process img::before
{
    background: #fff !important;
}
.show_767 {
    display: none;
}

@media only screen and (max-width: 767px) {
    .show_767 {
        display: block;
    }
    .hide_767 {
        display: none;
    }
    .navbar-toggle .icon-bar {
        width: 30px;
        margin-bottom: 5px;
        padding: 0 !important;
        background: #003d90;
    }
    .cd-dropdown-wrapper {
        z-index: 111 !important;
    }
    .brand,
    .inner_brand {
        width: 50%;
        float: left;
    }
    .brand .navbar-brand,
    .inner_brand .navbar-brand {
        height: auto;
        max-width: 160px;
        padding: 10px 15px;
    }
    .inner_nav {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background: #111433;
        z-index: 9;
    }
    .grey-braket-img
    {
        display: none;
    }
    .slider-image img
    {
        height: 370px !important;
    }
    .div2
    {
        min-height: 100% !important;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .navbar .container
    {
        width: 100%;
    }
    .navbar-header
    {
        margin-top: 10px !important;
        display: block !important;
    }
    #logoimg
    {
        display: block !important;
    }
    #logo a img
    {
        margin-top: 6px;
        width: 97px !important;
        height: 38.5px !important;
    }
    .custom-class li  a
    {
        font-size: 14px !important;
    }
}
@media only screen and (max-width: 992px) {
    .div2
    {
        display: block;
        min-height: 100% !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
   #logo a img
   {
    height: 50px !important;
    margin-top: 10px !important;
}
}

.bg
{
    background: #000 !important;
}