body {

    background: #fff;

    color: #fff;

    font-family: 'Fira Sans', sans-serif;

}



::-webkit-scrollbar {

    width: 8px;

    height: auto;

}



::-webkit-scrollbar-thumb {

    background-color:#2750a5;

}



:-webkit-scrollbar-track {

    background: #FFF;

    box-shadow: inset 1px 1px 2px #2750a5;

    -webkit-box-shadow: inset 1px 1px 2px #2750a5;

    border: 1px solid #2750a5;

}



::-moz-scrollbar {

    width: 8px;

    height: auto;

}



::-moz-scrollbar-thumb {

    background-color:#2750a5;

}



:-moz-scrollbar-track {

    background: #FFF;

    box-shadow: inset 1px 1px 2px #2750a5;

    -moz-box-shadow: inset 1px 1px 2px #2750a5;

    border: 1px solid #2750a5;

}



.row {

    padding: 0px !important;

    margin: 0px !important;

}

.container{

max-width: 1250px;

}

@media only screen and (max-width:1366px) {

.container{

max-width: 1180px;

}

}



.logo_right {

    background: #f4f4f4;

    height: auto;

}



.top_form .form-control::placeholder {

    color: #fff;

}



.header_section .navbar {

    display: block;

    text-align: left;

    width: 100%;

    margin-right: 60px;

}



.header_section .navbar-brand {

    padding-left: 60px;

}



.slider_main {

width: 100%;

height: auto;

}



@media only screen and (max-width:767px) {

.slider_main {

margin-top:17%;

}

}









header.sticky .hamburger-inner,

header.sticky .hamburger-inner::before,

header.sticky .hamburger-inner::after {

    background-color: #444;

}



#logo {

    float: left;

    padding-top: 10px;

    padding-left:0px;

}

@media only screen and (max-width:1366px) {

#logo {

float: left;

padding-left:0px;

}

}

@media only screen and (max-width:767px) {

#logo {

    float: left;

    padding-left:0px;

    padding-bottom: 15px;

    padding-top: 0;

}

}



#logo img {

    transition-duration: 0.5s;

    width: auto;

    margin-right:50px;

    margin-top: 10px;

}

@media only screen and (max-width:1366px) {

#logo img {

margin-right:20px;

}

}

@media only screen and (max-width:768px) {

#logo img {

margin-right:15px;

width:100px    

}

}

header {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    padding: 0px;

    z-index: 99999999;

    border-bottom: 0;

    padding-top:30px

}

@media only screen and (max-width:768px) {

header {

padding-top:0px  

}

}



header.header .logo_sticky {

    display: none;

}



header.header.sticky .logo_normal {

    display: none;

}



header.header.sticky .logo_sticky {

    display: inline-block;

}



@media (max-width: 1000px) {

    .custom-search-input-2 [type='submit'] {

        margin: 0;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        -ms-border-radius: 3px;

        border-radius: 3px;

    }

    .innermenu {

        margin-top: 10px !important;

    }

    .innermenu .homeNav {

        display: none;

    }

}

@media (max-width:767px) {

#logo img {

width: 150px !important;

margin-right: 0;

}

 .innermenu {

margin-top:20px !important;

}

}



.box_grid figure {

    padding-top: 165%;

    border-radius: 15px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

}



.fixed-top.scrolled {

    background: #fff;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);

    padding-top:0;

}

.fixed-top.scrolled .header_details ul li a {

color: #000;

}

.fixed-top.scrolled .menu_tittle {

color:#2750a5

}

.fixed-top.scrolled .header_details {

margin-top: 20px;

}



.fixed-top.scrolled #logo img {

height: auto;

width:auto;

margin-top: 0;

padding: 4px 0px;

}

@media only screen and (max-width:768px) {

.fixed-top.scrolled #logo img {

width:100px;

padding:20px 0px;

}

}

@media only screen and (max-width:767px) {

.fixed-top.scrolled #logo img {

width:30px;

padding:6px 0px 0px;    

}

}

.mobile_view_none{

display:block

}

@media only screen and (max-width:767px) {

.mobile_view_none{

display:none

}

}

.fixed-top.scrolled .innermenu {

    margin-top: 8px;

}

@media (max-width:767px) {

.fixed-top.scrolled .innermenu {

margin-top:10px !important;

}

}



.fixed-top.scrolled nav#menu.main-menu {

    margin-top: 10px;

}



.window {

position: absolute;

display: block;

height: auto

z-index:7;

width: 100%;

}



.window .burger-container {

    position: relative;

    display: inline-block;

    cursor: pointer;

    transform: rotate(0deg);

    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);

    user-select: none;

    -webkit-tap-highlight-color: transparent;

    z-index:3;

    margin-top:10px;

}

@media only screen and (max-width:767px) {

.window .burger-container {

margin-top:0px;

}

}

@media only screen and (max-width:359px) {

.window .burger-container {

margin-top:0px;

}

}



.window .burger-container #burger {

    width: 46px;

    height: 38px;

    position: relative;

    display:inline-block;

    margin: -4px auto 0 -10px;

    top: 50%;

    padding: 10px;

}

@media only screen and (max-width:768px) {

.window .burger-container #burger {

padding: 12px;   

}

}

.window .burger-container #burger .bar {

    width: 100%;

    height:3px;

    display: block;

    position: relative;

    background: #98c826;

    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);

    transition-delay: 0s;

}



.window .burger-container #burger .bar.topBar {

    transform: translateY(0px) rotate(0deg);

}



.window .burger-container #burger .bar.btmBar {

    transform: translateY(5px) rotate(0deg);

    background: #2750a5   

}

.window .burger-container #burger .bar.thmBar {

transform: translateY(10px) rotate(0deg);

 

}

.window .burger-container.menu-opened #burger .bar.thmBar {

display: none

}





.window .burger-container.menu-opened #burger .bar {

    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

    transition-delay: 0.2s;

    background: #fff;

}

.fixed-top.scrolled .menu-opened #burger .bar {

background: #000;

}



.window .burger-container.menu-opened #burger .bar.topBar {

    transform: translateY(6px) rotate(45deg);

}



.window .burger-container.menu-opened #burger .bar.btmBar {

    transform: translateY(3px) rotate(-45deg);

}



.window .mheader {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    height: 0;

    width: 100%;

    overflow: hidden;

    z-index:9;

    background: #fff;

}



.window .mheader .icon {

    display: inline-block;

    position: absolute;

    height: 100%;

    line-height: 50px;

    width: 50px;

    height: 50px;

    text-align: center;

    color: #FFF;

    font-size: 22px;

    left: 50%;

    transform: translateX(-50%);

}



.window .mheader .icon.icon-bag {

    right: 0;

    top: 0;

    left: auto;

    transform: translateX(0px);

    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);

    transition-delay: 0.65s;

}



.window .mheader ul.menu {

    position: relative;

    display: block;

    list-style: none;

    padding: 0;

    margin-top: 30px;

}

@media only screen and (max-width:767px) {

.window .mheader ul.menu {

margin-top:30px

}

}



.window .mheader ul.menu li.menu-item {

    margin-top: 5px;

    transform: translateY(-30px);

    opacity: 0;

    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);

}



.window .mheader ul.menu li.menu-item:nth-child(1) {

    transition-delay: 0.49s;

}



.window .mheader ul.menu li.menu-item:nth-child(2) {

    transition-delay: 0.42s;

}



.window .mheader ul.menu li.menu-item:nth-child(3) {

    transition-delay: 0.35s;

}



.window .mheader ul.menu li.menu-item:nth-child(4) {

    transition-delay: 0.28s;

}



.window .mheader ul.menu li.menu-item:nth-child(5) {

    transition-delay: 0.21s;

}



.window .mheader ul.menu li.menu-item:nth-child(6) {

    transition-delay: 0.14s;

}



.window .mheader ul.menu li.menu-item:nth-child(7) {

    transition-delay: 0.07s;

}



.window .mheader ul.menu li.menu-item a {

    display: block;

    position: relative;

    color: #666;

    font-weight: 100;

    text-decoration: none;

    line-height: 2rem;

    font-weight: 200;

}



.window .mheader ul.menu li.menu-item ul {

    padding-bottom: 15px;

}



.window .mheader ul.menu li.menu-item > span > a {

    color: #fff;

    font-size: 16px;

    line-height: 2.35;

}

@media only screen and (max-width:767px) {

.window .mheader ul.menu li.menu-item > span > a {

font-size: 14px;



}

}

.window .mheader ul.menu li.menu-item > span > a:hover {

color: #72a609;

}



.window .mheader.menu-opened {

    padding-top:140px;

    position: fixed;

    overflow: auto;

    height: 100%;

    background-color:#2750a5;

    width:68%;

    left: 67%;

}

@media only screen and (max-width:1600px) {

.window .mheader.menu-opened {

width:85%;

left:72%;

}

}

@media only screen and (max-width:1366px) {

.window .mheader.menu-opened {

width:90%;

left:74%;

}

}

@media only screen and (max-width:768px) {

.window .mheader.menu-opened {

left:60%;

}

}

@media only screen and (max-width:767px) {

.window .mheader.menu-opened {

left:35%;

}

}

.window .mheader.menu-opened ul.menu li.menu-item {

    transform: scale(1) translateY(0px);

    opacity: 1;

}



.window .mheader.menu-opened ul.menu li.menu-item:nth-child(1) {

    transition-delay: 0.27s;

}



.window .mheader.menu-opened ul.menu li.menu-item:nth-child(2) {

    transition-delay: 0.34s;

}



.window .mheader.menu-opened ul.menu li.menu-item:nth-child(3) {

    transition-delay: 0.41s;

}



.window .mheader.menu-opened ul.menu li.menu-item:nth-child(4) {

    transition-delay: 0.48s;

}



.window .mheader.menu-opened ul.menu li.menu-item:nth-child(5) {

    transition-delay: 0.55s;

}



.window .mheader.menu-opened ul.menu li.menu-item:nth-child(6) {

    transition-delay: 0.62s;

}



.window .mheader.menu-opened ul.menu li.menu-item:nth-child(7) {

    transition-delay: 0.69s;

}



.window .mheader.menu-opened .icon.icon-bag {

    transform: translateX(75px);

    transition-delay: 0.3s;

}



.window .content {

    padding: 67px 4% 0;

    text-align: justify;

    overflow: scroll;

    max-height: 100%;

}



.window .content::-webkit-scrollbar {

    display: none;

}



.window .content h2 {

    margin-bottom: 0px;

    letter-spacing: 1px;

}



.window .content img {

    width: 95%;

    position: relative;

    display: block;

    margin: 75px auto 75px;

}



.window .content img:nth-of-type(2) {

    margin: 75px auto;

}



@media (max-width: 600px) {

    .header {

        position: fixed;

        background-color:#000;

        padding-top:0;

    }

    .window .mheader.menu-opened {

        padding-top:100px;

    }

    .home-banner {

        position: relative;

    }

    .home-banner .banner-item img {

        width: 200px;

    }

    .themes_button {

        width: 100%;

    }

    .themes_button .btn {

        min-width: 50px;

        width: 50%;

        font-size: 1.3rem;

    }

}







header.scrolled .main-menu > ul > li span > a {

    color: #333 !important;

}

.menu_tittle {

position: relative;

bottom: 10px;

right: 6px;

font-family: 'Raleway', sans-serif;

font-size: 24px;

font-weight: 600;

}

@media only screen and (max-width:1366px) {

.menu_tittle {

font-size:22px;  

}

}

@media only screen and (max-width:768px) {

.menu_tittle {

font-size:18px;  

}

}

.innermenu {

float: right;

margin-top: 30px;

transition-duration: 0.5s;

padding-right:0px;

}



.innermenu span.homeNav {

    background: #004355;

    background: linear-gradient(90deg, #00567F 0%, #004355 100%);

    border: 0;

    text-transform: uppercase;

    font-size: 13px;

    padding: 7px 24px;

    border-radius: 5px;

    color: #fff;

    font-weight: 600;

    margin-left: 5px;

}



.innermenu img {

    background: #fcea10;

    background: linear-gradient(90deg, #fcea10 0%, #f9b233 100%);

    padding: 9px;

    border-radius: 4px;

}



.innermenu a:hover span.homeNav {

    background: #fcea10;

    background: linear-gradient(90deg, #fcea10 0%, #f9b233 100%);

    color: #333;

}



.sub_sticky {

    position: relative;

    overflow: auto;

}



.sub_sticky .sub_sticky_holder {

    padding-top: 10px;

}



.sub_sticky .sub_sticky_holder.sticky {

    position: fixed;

    background: #fff;

    z-index: 999;

}



.fixed-top.scrolled #logo {

    padding-top: 0px;

}



#reccomended .owl-stage {

    margin-bottom: 10px;

}



#reccomended .item {

    margin: 0 !important;

    -webkit-box-shadow: 2px 5px 3px 1px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 2px 5px 3px 1px rgba(0, 0, 0, 0.15);

    box-shadow: 2px 5px 3px 1px rgba(0, 0, 0, 0.15);

    border-radius: 15px;

}



#reccomended .item .item-base {

    background: #dddd;

    width: 100%;

    padding-top: 180%;

    border-radius: 15px;

    overflow: hidden;

    position: relative;

    text-align: center;

}



#reccomended .item .item-base figure {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-size: cover;

    border-radius: 15px;

    transition-duration: 0.5s;

}



#reccomended .item .item-base figure:before {

    position: absolute;

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    background: transparent;

    background: -webkit-linear-gradient(top, transparent, transparent, transparent, #000);

    background: linear-gradient(to bottom, transparent, transparent, transparent, #000);

}



#reccomended .item .item-base a {

    position: absolute;

    background: rgba(255, 255, 255, 0.8);

    padding: 3px 15px;

    border-radius: 25px;

    color: #000;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 114px;

    height: 30px;

    transform: scale(0);

    z-index: 3;

}



#reccomended .item .item-base .title {

    position: absolute;

    bottom: 0px;

    width: 100%;

    z-index: 2;

    padding: 20% 10%;

}



#reccomended .item .item-base .title .location {

    width: 18%;

    margin: auto;

    padding-bottom: 10%;

}



#reccomended .item .item-base .title small {

    font-family: 'dincondensedBold';

    text-transform: uppercase;

    color: #fff;

    line-height: 1;

    font-size: 2.3rem;

    display: block;

    padding-bottom: 5px;

}



#reccomended .item .item-base .title strong em {

    width: 60px;

    height: 4px;

    background-color: #fbe316;

    display: block;

    margin: auto;

    text-align: center;

    border-radius: 3px;

}



#reccomended .item .item-base:hover a {

    transform: scale(1);

}



#reccomended .item .item-base:hover figure {

    transform: scale(1.1);

}

.header_details{

width:auto;

display: inline-block;

margin-top:40px     

}

@media only screen and (max-width:768px) {

.header_details{

margin-top:24px     

}

}

@media only screen and (max-width:767px) {

.header_details{

display: none

}

}

.header_details ul{

margin: 0;

padding: 0;

display: inline-block    

}

.header_details .social{

margin-left:30px

}

@media only screen and (max-width:1366px) {

.header_details .social{

margin-left:0px

}

}

.header_details .social li a:hover{

color:#000  

}

.header_details .social li a {

margin-right:20px !important;

}

@media only screen and (max-width:1366px) {

.header_details .social li a {

margin-right:4px !important;

}

}

@media only screen and (max-width:768px) {

.header_details .social li a {

margin-right:0px !important;

}

}

.header_details .social li{

margin-right:10px !important;

}

.seprate_line{

color:#fff !important;

margin: 0 4px;    

}

.fixed-top.scrolled .seprate_line{

color:#000 !important;

margin: 0 4px;    

}

.header_details ul li{

display: inline-block;

list-style: none;

margin-right:15px;    

}

@media only screen and (max-width:1366px) {

.header_details ul li{

margin-right:20px;    

}

}

@media only screen and (max-width:768px) {

.header_details ul li{

margin-right:0px;    

}

}

.header_details ul li a:hover {

color: #98c826;

text-decoration: none;

}

.header_details ul li a {

font-size: 14px;

color: #fff;

margin-right: 25px;

font-family: 'Poppins', sans-serif;

}

@media only screen and (max-width:1366px) {

.header_details ul li a {

font-size: 13px;

}

}

@media only screen and (max-width:768px) {

.header_details ul li a {

font-size: 10px;

}

}

.header_details ul li a:last-child{

margin-right:30px;

}



.header_details img{

margin-right:6px

}

@media only screen and (max-width:1366px) {

.header_details img{

margin-right:4px

}

}

@media only screen and (max-width:768px) {

.header_details img{

margin-right:0px;

width:10px    

}

}

.mainslide {

    position: relative;

    width: 100%;

    height: auto;

    float: left;

}



.separator_white:after {

    width: 100px;

    display: block;

    margin: auto;

    content: "";

    height: 1px;

    background: #fff;

    bottom: 0px;

    left: 50%;

    transition: width .8s ease, background-color .8s ease;

    -webkit-transition: width .8s ease, background-color .8s ease;

    -o-transition: width .8s ease, background-color .8s ease;

    -ms-transition: width .8s ease, background-color .8s ease;

    -moz-transition: width .8s ease, background-color .8s ease;

}



.separator_white:before {

    content: '';

    display: block;

    margin: auto;

    left: 50%;

    height: 1px;

    width: 50px;

    bottom: -15px;

    background: #fff;

    transition: width .8s ease, background-color .8s ease;

    -webkit-transition: width .8s ease, background-color .8s ease;

    -o-transition: width .8s ease, background-color .8s ease;

    -ms-transition: width .8s ease, background-color .8s ease;

    -moz-transition: width .8s ease, background-color .8s ease;

    margin-bottom: 6px;

}



section:hover .separator_white:before {

    width: 100px;

    left: 0;

}



section:hover .separator_white:after {

    width: 50px;

    left: 0;

}







.services-section {

    width: 100%;

    height: auto;

    position: relative;

    float: left;

    background: #000;

    background-image: url(../images/bg/1.jpg);

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

    margin-top: 40px;

    text-align: center;

}



.services-section .services-block {

    float: left;

    z-index: 1;

    margin-bottom: 30px;

}



@media only screen and (max-width:767px) {

    .services-section .services-block {

        margin-bottom: 80px;

    }

}



.services-block {

    position: relative;

}



.services-block .inner-box {

    position: relative;

    text-align: center;

    padding: 0px 15px 30px;

    background: -ms-linear-gradient(left, #ababad 0%, #ffffff 100%);

    background: -moz-linear-gradient(left, #ababad 0%, #ffffff 100%);

    background: -o-linear-gradient(left, #ababad 0%, #ffffff 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0, #EAEAED), color-stop(100, #ffffff));

    background: -webkit-linear-gradient(left, #ababad 0%, #ffffff 100%);

    background: linear-gradient(to right, #ababad 0%, #ffffff 100%);

}



.services-block .inner-box .icon-box {

    position: relative;

    width: 100px;

    height: 100px;

    color: #ffffff;

    font-size: 40px;

    text-align: center;

    line-height: 100px;

    margin: 0 auto;

    border-radius: 50%;

    margin-top: -59px;

    display: inline-block;

    margin-bottom: 40px;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 100ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    background: -ms-linear-gradient(top, #04164e 0%, #0b1599 100%);

    background: -moz-linear-gradient(top, #04164e 0%, #0b1599 100%);

    background: -o-linear-gradient(top, #04164e 0%, #0b1599 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599));

    background: -webkit-linear-gradient(top, #04164e 0%, #0b1599 100%);

    background: linear-gradient(to bottom, #04164e 0%, #0b1599 100%);

}



.services-block .inner-box .icon-box .icon {

    position: relative;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.services-block .inner-box:hover .icon-box {

    -webkit-transform: rotateY(360deg);

    transform: rotateY(360deg);

}



.services-block .inner-box h5 {

    position: relative;

    font-weight: 700;

    line-height: 1.4em;

    margin-bottom: 18px;

}



.services-block .inner-box h5 a {

    position: relative;

    color: #012068;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    text-decoration: none;

}



.services-block .inner-box:hover h5 a {

    color: #3241ff;

}



.services-block .inner-box .text {

    position: relative;

    font-size: 16px;

    color: #1a1e66;

    line-height: 1.7em;

    margin-bottom: 30px;

}



@media only screen and (max-width:767px) {

    .services-block .inner-box .text {

        font-size: 14px;

    }

}



.services-block .inner-box .plus-box {

    position: relative;

    width: 40px;

    height: 40px;

    color: #ffffff;

    font-size: 14px;

    text-align: left;

    border-radius: 50px;

    line-height: 38px;

    background-color: #091394;

    display: inline-block;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.services-block .inner-box .plus-box .plus {

    position: absolute;

    right: 0px;

    color: #ffffff;

    width: 40px;

    height: 40px;

    font-size: 14px;

    line-height: 40px;

    border-radius: 50px;

    text-align: center;

    display: inline-block;

    background-color: #091394;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.services-block .inner-box .plus-box:hover {

    width: 107px;

    padding: 0px 0px 0px 25px;

}



.service_section_col {

    width: 100%;

    height: auto;

    margin-top: 35px;

    margin-bottom: 35px;

    float: left

}



.heading_new {

    line-height: 1.125rem;

}



.heading_text {

    font-size: 30px;

    color: #fff;

}



@media only screen and (max-width:767px) {

    .heading_text {

        font-size: 18px;

    }

}



.heading_new:before {

    width: 3.125rem;

}



.heading_new:before {

    margin-right: 10px;

}



.heading_new:before {

    content: ' ';

    width: 50px;

    border-top: 2px solid #ff5500;

    margin-top: -1px;

    margin-bottom: 0;

    display: block;

    -webkit-flex-grow: 0;

    flex-grow: 0;

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

}



.heading_new {

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

}



.request_call h1 {

    font-size: 45px;

    color: #fff;

    line-height: 55px;

    font-weight: 400;

}



@media only screen and (max-width:767px) {

    .request_call h1 {

        font-size: 30px;

        line-height: 40px;

    }

}



.request_call p {

    margin-top: 0;

    margin-bottom: 1rem;

    font-size: 16px;

    text-align: justify;

    padding-top: 10px;

}



@media only screen and (max-width:767px) {

    .request_call p {

        font-size: 14px;

        text-align: justify;

        line-height: 28px;

    }

}



.border-bottom_new {

    border-top: solid 1px #acb9e0;

    margin-top: 40px;

    margin-bottom: 40px;

}



.request_call {

    width: 100%;

    height: auto;

    padding-top: 60px;

    float: left;

}



.form_section .form-control {

    border-radius: 0px;

    width: 100%;

    background: none;

    color: #fff;

    height: 40px;

}



.form_section .form-control:focus {

    border: 1px solid #ced4da;

    outline: 0;

    box-shadow: none;

}



.form_section .form-control::placeholder {

    color: #fff;

    opacity: 1;

    /* Firefox */

}



.form_section .form-control:-ms-input-placeholder {

    color: #fff;

}



.form_section .form-control::-ms-input-placeholder {

    color: #fff;

}



.form_section a {

    font-size: 16px;

    color: #fff;

    padding: 8px 25px;

    border: solid 1px #fff;

    border-radius: 4px;

    background: #f50;

    margin-bottom: 20px;

    float: left

}



@media only screen and (max-width:767px) {

    .form_section a {

        margin-left: 15px

    }

}



.form_section a:hover {

    background: #fff;

    color: #f50;

    text-decoration: none;

}



.request_call img {

    position: relative;

    left: 138px;

}



@media only screen and (max-width:767px) {

    .request_call img {

        display: none

    }

    .news-section h2 {

        font-size: 22px;

    }

    .clients_logo h2 {

        font-size: 22px;

    }

    .testimonials h2 {

        font-size: 22px;

    }

}



.news-section {

    position: relative;

    padding-top: 50px;

    padding-bottom: 95px;

    width: 100%;

    float: left;

    background: #010f3c;

    margin-top: 40px;

}



@media only screen and (max-width:767px) {

    .news-section {

        padding-bottom: 60px;

    }

}



.news-section .btn-box {

    position: relative;

    margin-top: 20px;

}



.news-section .news-block {

    padding: 0px;

    float: left;

}



.news-block {

    position: relative;

    margin-bottom: 30px;

}



.news-block .inner-box {

    position: relative;

}



.news-block .inner-box .image {

    position: relative;

    overflow: hidden;

}



.news-block .inner-box .image img {

    position: relative;

    width: 100%;

    display: block;

}



.news-block .inner-box .image .overlay-box {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    text-align: center;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.news-block .inner-box .image .overlay-box .plus {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 54px;

    height: 54px;

    color: #012068;

    font-size: 18px;

    line-height: 54px;

    text-align: center;

    border-radius: 50%;

    font-weight: 700;

    margin-left: -27px;

    margin-top: -27px;

    transform: scale(0, 0);

    -moz-transform: scale(0, 0);

    -webkit-transform: scale(0, 0);

    -ms-transform: scale(0, 0);

    -o-transform: scale(0, 0);

    display: inline-block;

    background-color: #ffffff;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    text-decoration: none;

}



.news-block .inner-box:hover .image .overlay-box .plus {

    transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

}



.news-block .inner-box .image .overlay-box:before {

    position: absolute;

    content: '';

    left: -100%;

    top: 0px;

    width: 100%;

    height: 100%;

    opacity: 0.90;

    display: block;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    background: -ms-linear-gradient(top, #3140FC 0%, #0b1599 100%);

    background: -moz-linear-gradient(top, #3140FC 0%, #0b1599 100%);

    background: -o-linear-gradient(top, #3140FC 0%, #0b1599 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3140FC), color-stop(100, #0b1599));

    background: -webkit-linear-gradient(top, #3140FC 0%, #0b1599 100%);

    background: linear-gradient(to bottom, #3140FC 0%, #0b1599 100%);

}



.news-block .inner-box:hover .image .overlay-box:before {

    left: 0%

}



.news-block .inner-box .lower-content {

    position: relative;

    padding: 30px 30px;

    background: -webkit-linear-gradient(left, rgba(206 206 206), rgba(255, 255, 255, 0.9));

    background: -moz-linear-gradient(left, rgba(206 206 206), rgba(255, 255, 255, 0.9));

    background: -o-linear-gradient(left, rgba(206 206 206), rgba(255, 255, 255, 0.9));

    background: -ms-linear-gradient(left, rgba(206 206 206), rgba(255, 255, 255, 0.9));

}



.news-block .inner-box .lower-content .post-date {

    position: relative;

    color: #0b1598;

    font-size: 14px;

    margin-bottom: 8px;

}



.news-block .inner-box .lower-content h5 {

    position: relative;

    font-weight: 700;

    line-height: 1.6em;

    margin-bottom: 13px;

}



@media only screen and (max-width:767px) {

    .news-block .inner-box .lower-content h5 {

        font-size: 18px;

    }

}



.news-block .inner-box .lower-content h5 a {

    position: relative;

    color: #012068;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.news-block .inner-box .lower-content h5 a:hover {

    color: #303ef9;

    text-decoration: none;

}



.news-block .inner-box .lower-content .text {

    position: relative;

    color: #1a1e66;

    font-size: 16px;

    line-height: 1.6em;

}



@media only screen and (max-width:767px) {

    .news-block .inner-box .lower-content .text {

        font-size: 14px;

    }

}



.clients_logo {

    width: 100%;

    height: auto;

    float: left;

    background-image: url(../images/bg/2.jpg);

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    padding-top: 40px;

    padding-bottom: 40px;

}



.slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}



.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



.slick-list:focus {

    outline: none;

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}



.slick-track:before,

.slick-track:after {

    display: table;

    content: '';

}



.slick-track:after {

    clear: both;

}



.slick-loading .slick-track {

    visibility: hidden;

}



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}



.slick-slide img {

    display: block;

}



.slick-slide.slick-loading img {

    display: none;

}



.slick-slide.dragging img {

    pointer-events: none;

}



.slick-initialized .slick-slide {

    display: block;

}



.slick-loading .slick-slide {

    visibility: hidden;

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

    display: none;

}



.slick-next {

    float: right;

    position: relative;

    bottom: 70px;

    left: 60px;

    background: none;

    color: #ff5e14;

    border: 0;

    font-size: 30px;

}



.slick-next:hover {

    background: none;

    border: 0;

    color: #0a34bb;

}



.slick-prev {

    float: left;

    position: relative;

    top: 25px;

    right: 60px;

    background: none;

    color: #ff5e14;

    border: 0;

    font-size: 30px;

}



.slick-prev:hover {

    background: none;

    border: 0;

    color: #0a34bb;

}



.testimonials {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 65px;

}



.testimonial_section {

    display: block;

    overflow: hidden;

    margin-top: 10px;

    width: 100%;

    float: left;

}



.testimonial_section:after {

    display: block;

    clear: both;

    content: "";

}



.testimonial_section .about_content {

    background-color: #fff;

    padding-top: 77px;

    padding-right: 210px;

    padding-bottom: 62px;

    position: relative;

}



@media only screen and (max-width:767px) {

    .testimonial_section .about_content {

        padding-top: 15px;

        padding-bottom: 15px;

    }

}



.testimonial_section .about_content .background_layer {

    background-color: #fff;

    width: auto;

    margin-left: -200px;

    right: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

}



.testimonial_section .about_content .layer_content {

    position: relative;

    z-index: 9;

    height: 100%;

}



.testimonial_section .about_content .layer_content .section_title {

    margin-bottom: 24px;

    position: relative;

}



.testimonial_section .about_content .layer_content .section_title:after {

    display: block;

    clear: both;

    content: "";

}



.testimonial_section .about_content .layer_content .section_title h5 {

    color: #00134f;

    font-weight: 400;

    font-size: 15px;

    line-height: 28px;

    color: #818a8f;

    margin-top: -5px;

    margin-bottom: 6px;

}



.testimonial_section .about_content .layer_content .section_title h2 {

    font-weight: 300;

    font-size: 45px;

    line-height: 50px;

    padding-bottom: 51px;

    margin-bottom: 0px;

    color: #00134f;

}



@media only screen and (max-width:767px) {

    .testimonial_section .about_content .layer_content .section_title h2 {

        font-size: 30px;

        line-height: 35px;

        padding-bottom: 51px;

    }

}



.testimonial_section .about_content .layer_content .section_title h2 strong {

    font-weight: 600 !important;

    width: 100%;

    display: block;

}



.testimonial_section .about_content .layer_content .section_title .heading_line {

    position: relative;

}



.testimonial_section .about_content .layer_content .section_title .heading_line span {

    transition: all 0.5s ease-in-out 0s;

    position: relative;

}



.testimonial_section .about_content .layer_content .section_title .heading_line span:after {

    content: "";

    right: auto;

    left: 69px;

    position: absolute;

    bottom: 28px;

    width: 17px;

    margin-left: 0;

    border-bottom-width: 3px;

    border-bottom-color: #cacaca;

    border-bottom-style: solid;

}



.testimonial_section .about_content .layer_content .section_title .heading_line:after {

    content: "";

    left: 1%;

    margin-left: 0;

    position: absolute;

    bottom: 28px;

    width: 59px;

    border-bottom-width: 3px;

    border-bottom-style: solid;

    border-bottom-color: #ff5e14;

}



.testimonial_section .about_content .layer_content .section_title p {

    color: #00134f;

    margin: 0 0 15px;

    text-align: justify;

}



@media only screen and (max-width:767px) {

    .testimonial_section .about_content .layer_content .section_title p {

        font-size: 14px

    }

}



.testimonial_section .about_content .layer_content a {

    color: #fff;

    text-transform: capitalize;

    font-size: 15px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s;

}



.testimonial_section .about_content .layer_content a i {

    font-size: 18px;

    vertical-align: middle;

}



.testimonial_section .about_content .layer_content a:hover {

    color: #ff5e14;

}



.testimonial_section .testimonial_box {

    margin-top: 60px !important;

    position: relative;

}



.testimonial_container {

    background-color: #ff5e14;

    margin-left: -170px !important;

    position: relative;

}



.testimonial_container .background_layer {

    background-color: #010f3c;

    width: auto;

    margin-right: -200px;

    right: 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: absolute;

    height: 100%;

    top: 0;

    left: 0;

}



.testimonial_container .layer_content {

    position: relative;

    z-index: 9;

    height: 100%;

}



.testimonial_container .layer_content .testimonial_owlCarousel {

    display: block;

    position: relative;

}



.testimonial_owlCarousel .testimonials {

    margin: 10px 0 10px 0;

    padding: 62px 0px 72px 50px;

    position: relative;

    text-align: center;

}



@media only screen and (max-width:767px) {

    .testimonial_owlCarousel .testimonials {

        padding: 30px 0px 10px 50px;

    }

}



.testimonial_content {

    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);

    margin-left: 150px;

    margin-top: 69px;

    padding: 45px 40px 45px 40px;

    z-index: 1;

    position: relative;

    background-color: #fff;

    transition: all 0.5s ease-in-out 0s;

}



@media only screen and (max-width:767px) {

    .testimonial_content {

        margin-top: 0px;

    }

}



.testimonial_content .testimonial_caption {

    margin-bottom: 15px;

    position: relative;

}



.testimonial_content .testimonial_caption:after {

    content: "";

    width: 30px;

    display: block;

    height: 2px;

    text-align: center;

    left: 46%;

    margin-top: 6px;

    background-color: #ff5e14;

    position: absolute;

}



.testimonial_content .testimonial_caption h6 {

    padding-top: 0;

    margin-bottom: -5px;

    font-size: 19px;

    font-weight: 600;

    line-height: 24px;

    color: #020d26;

}



.testimonial_content .testimonial_caption span {

    font-size: 12px;

    color: #00134f;

    margin: 0;

}



.testimonial_content p {

    padding: 0;

    margin: 0;

    padding-top: 10px;

    font-size: 16px;

    line-height: 28px;

    color: #00134f;

    text-align: justify;

}



.testimonial_img {

    border: none;

    position: absolute;

    top: 0;

    left: 55px;

    top: 80px;

}



.testimonial_img img {

    border: 5px solid #fff;

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

    width: 200px;

    height: 200px;

    border-radius: 50%;

}



.testimonial_box .testimonial_container .owl-nav .owl-prev {

    position: absolute;

    top: 165px;

    right: 42px;

    border-radius: 0;

    background: #ff5e14;

    display: block;

    outline: 0;

    width: 34px;

    line-height: 34px;

    height: 34px;

    color: #fff;

    font-size: 23px;

    margin-top: -20px;

    transition: all 0.3s ease-in-out;

}



.testimonial_box .testimonial_container .owl-nav .owl-prev:hover {

    background: #020d26;

}



.testimonial_box .testimonial_container .owl-nav .owl-next {

    position: absolute;

    top: 165px;

    right: 5px;

    border-radius: 0;

    display: block;

    background: #ff5e14;

    outline: 0;

    width: 34px;

    text-align: center;

    line-height: 34px;

    height: 34px;

    color: #fff;

    font-size: 23px;

    margin-top: -20px;

    transition: all 0.3s ease-in-out;

}



.testimonial_box .testimonial_container .owl-nav .owl-next:hover {

    background: #020d26;

}
img#flb-close {
    margin-top: 1% !important;
}
div#flb-lightbox {
    z-index: 100000 !important;
}
a.flipLightBox-1 {
    width: 30%;
    display: inline-block;
}
.projectpop{display: flex; align-items: center; justify-content:flex-start; flex-flow: wrap row; padding: 50px 15px;}
.projectpop a {
    width: 31%;
    float: left; margin-bottom: 30px; margin-right:1.1%;margin-left:1.1%;
}

.projectpop a img{max-width: 100%;}
.projecttop {
    width: 100%;
    float: left;
    text-align: center;
    background: #ececec;
    padding: 15px;
    border: 1px solid #ccc; margin-bottom: 15px;
}
.projecttop h1{color: #000; font-size: 30px;}
.projecttop p{color: #000; font-size: 14px;    margin-bottom: 10px;}
.projecttop p strong{text-transform: uppercase;}
.proHeading {
    width: 100%;
    float: left;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}


@media all and (max-width: 991px) {

    .testimonial_section .about_content {

        padding-right: 15px !important;

    }

    .testimonial_section .about_content .background_layer {

        width: 200% !important;

    }

    .testimonial_section .testimonial_box {

        margin-top: 0 !important;

    }

    .testimonial_section .testimonial_box .background_layer {

        width: 200% !important;

        margin-left: -200px;

    }

    .testimonial_section .testimonial_box .about_content {

        padding-left: 15px !important;

        padding-right: 15px !important;

        margin-top: 28% !important;

    }

    .testimonial_container {

        margin-left: -50px !important;

    }

    .testimonial_container .testimonials {

        margin: 0px 0 20px 0;

    }

    .testimonial_content {

        margin-left: -36px !important;

    }

    .testimonials .images_box {

        display: none;

    }

}



.testimonial_owlCarousel button:focus {

    outline: inherit

}



.footer {

    background: #101010;

    width: 100%;

    float: left;

    height: auto;

    padding: 40px 0 0;

    background-image: url(../images/bg/footer.jpg);

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

}



.footer p {

    color: #cecaca;

    margin: 0;

    font-size: 14px;

    line-height: 24px;

    text-align: justify;

    padding-bottom: 20px

}



.footer .social ul li {

    display: inline-block;

}



.footer .social ul li a {

    display: block;

    padding: 0px;

    text-align: center;

}



.footer .social ul li a i {

    font-size: 16px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    float: none;

    background: #00134f;

    margin-right: 2px;

    color: #fff;

    border-radius: 50px;

}



.footer .social ul li a i:hover {

    background: #db2d2e;

    color: #ffffff;

}



.footer .address ul li {

    padding-bottom:10px;

  line-height:30px    

}

.footer .form-control {

    display: block;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    background-color: rgb(0 0 0 / 0%);

    background-clip: padding-box;

    border: 1px solid #9a9b9b;

    border-radius: 0;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    margin-bottom: 25px;

    height: 45px;

}

.footer button{

float: right;

border:solid 1px #000;

border-right: solid 3px #7eb300;

padding: 10px 40px;   

}

@media only screen and (max-width:767px) {

.footer button{

float:none;

}

}



/*usefull-link*/



.footer .usefull-link h6,

.footer .keep-touch h6 {

    margin-bottom: 40px;

    padding-top: 40px;

    font-size: 22px;

    text-transform: uppercase;

}



@media only screen and (max-width:767px) {

    .footer .usefull-link h6,

    .footer .keep-touch h6 {

     margin-bottom: 15px;

    font-size: 18px;

    margin-left: 15px;

    text-align: center    

}

}





.footer .usefull-link ul li {

    display: block;

    border-bottom: 0px;

    padding: 5px 0px;

    line-height: 30px;

}

@media only screen and (max-width:767px) {

.footer .usefull-link ul li {

text-align: center

}

}



.footer .usefull-link ul li a i {

    padding-right: 10px;

}



.footer .usefull-link ul li a {

    color: #cecaca;

}



.footer .usefull-link ul li a:hover {

    color:#98c826;

    text-decoration: none;

}





/*news-letter*/



.footer .news-letter {

    margin-top: 20px;

}



.footer .input-group-btn button {

    background-color: #00134f;

    border: solid 1px #00134f;

    border-radius: 0px;

    color: #ffffff;

    padding: 11px 14px;

    outline: inherit

}



.footer .input-group-btn button:hover {

    background-color: #092a90;

    border-color: #092a90;

    border-radius: 0px;

    color: #fff;

    box-shadow: none;

}



.footer .input-group.divcenter .form-control::-moz-placeholder {

    color: #909090;

    font-size: 13px;

}



.footer .input-group.divcenter.input-group .form-control {

    padding-left: 15px;

    border: 1px solid #444343;

    height: auto;

    background: transparent;

    box-shadow: none;

}



.footer .input-group.divcenter.input-group .form-control:focus {

    border-color: #00134f;

    color: #ffffff;

}



.footer .footer-box {

    background: rgba(39, 39, 39, 0.2);

    padding: 30px;

    clear: both;

    margin-bottom: 80px;

}



.footer .footer-box .box-content {

    display: table-cell;

    vertical-align: top;

}



.footer .footer-box .box-link {

    display: table-cell;

    padding-left: 20px;

    vertical-align: middle;

}



.footer .footer-box .box-link a {

    display: block;

    padding: 8px 16px;

    width: 120px;

    background: #db2d2e;

    border-color: #db2d2e;

    color: #ffffff;

}



.footer .copyright {

    background:#000;

    padding:30px 0 20px;

    margin-top: 60px

}



.address ul {

    padding: 0px;

    list-style: none;

    margin-bottom: 40px;

}

@media only screen and (max-width:767px) {

.address ul {

text-align:center

}

}



.about-content img {

    height: auto;

    margin-bottom: 5px;

    width: auto;

}



.address {

    margin-top: 20px;

}

@media only screen and (max-width:767px) {

.address {

text-align: center

}

}



.address ul li {

    display: block;

    color: #fff;

    padding-bottom: 15px;

    line-height: 30px;

    font-size:14px;

   

}

@media only screen and (max-width:768px) {

.address ul li {

font-size: 12px;

}

}

.address ul li a {

color: #fff;

}

.address ul li a:hover {

color:#98c826;

text-decoration: none

}



.address ul li:last-child {

    padding-bottom: 0px;

}



.address ul li img {

display: table-cell;

text-align: center;

padding-right: 20px;

color: #ff5500;

float: left;

margin-top: 8px;

}

@media only screen and (max-width:767px) {

.address ul li img {

text-align: center;

float: none;

margin-top: 0;

top: 25px;

position: relative;

left: 30px;

}

}



.address ul li span {

    display: table-cell;

}

@media only screen and (max-width:767px) {

.address ul li span {

display:block;

}

}



/*usefull-link*/



.usefull-link ul li {

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, 0.11);

    padding: 10px 0px;

}



.usefull-link ul li:last-child {

    border-bottom: 0px;

}



.usefull-link ul li a i {

    padding-right: 10px;

}



.usefull-link ul li a {

    color: #909090;

}



.usefull-link ul li a:hover {

    color: #db2d2e;

}



.footer ul {

    padding: 0px

}



.copyright p {

    text-align: left;

    padding: 0px;

    font-size: 14px;

}

@media only screen and (max-width:767px) {

.copyright p {

text-align:center;

}

}



.slider_main .carousel-caption {

    position: absolute;

    right: 0;

    bottom: 15%;

    left: 10%;

    z-index: 1;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: left;

}



.slider_main .carousel-caption h5 {

    font-size: 40px;

    text-transform: uppercase;

    line-height: 50px;

    color: #f9f9f9;

}



.slider_main .carousel-caption p {

    font-size: 26px;

    color: #3f3f40;

    text-transform: capitalize;

}



.button {

    text-align: center;

    background: #ff5500;

    color: #ffffff;

    display: inline-block;

    text-transform: capitalize;

    vertical-align: middle;

    padding: 8px 20px;

    text-decoration: none;

    -ms-transform: perspective(1px) translateZ(0);

    -o-transform: perspective(1px) translateZ(0);

    -moz-transform: perspective(1px) translateZ(0);

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    -ms-transition-property: color;

    -moz-transition-property: color;

    -o-transition-property: color;

    -webkit-transition-property: color;

    transition-property: color;

    -ms-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

}



.button:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #00134f;

    -ms-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -ms-transform-origin: 50% 100%;

    -moz-transform-origin: 50% 100%;

    -o-transform-origin: 50% 100%;

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -ms-transition-property: transform;

    -moz-transition-property: transform;

    -o-transition-property: transform;

    -webkit-transition-property: transform;

    transition-property: transform;

    -moz-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -ms-transition-timing-function: ease-out;

    -moz-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.button:hover,

.button:focus,

.button:active {

    color: #ffffff;

    text-decoration: none;

}



.button:hover:before,

.button:focus:before,

.button:active:before {

    -moz-transform: scaleY(1);

    -o-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50);

    -ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50);

    -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50);

}



@media only screen and (max-width:767px) {

    .form_section .pl-0 {

        padding-left: 15px !important;

    }

    .form_section .pr-0 {

        padding-right: 15px !important;

    }

}





/*=======================================================================

[04] Slider Area

=========================================================================*/



.slider1-area .nivo-controlNav {

    display: none;

}



.slider1-area .nivo-directionNav a.nivo-prevNav {

    left: 8px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background-color: rgba(0, 0, 0, 0.25);

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}

@media only screen and (max-width:767px) {

.slider1-area .nivo-directionNav a.nivo-prevNav {

 background: none;

 left:0px;   

    }



}



.slider1-area .nivo-directionNav a.nivo-prevNav:before {

    content: "\f053";

    font: normal normal normal 14px/1 FontAwesome;

    color: #98c826;

    cursor: pointer;

    font-size: 13px;

    margin: 0;

    position: absolute;

    text-align: center;

    top: 14px;

    z-index: 9;

    height: 10px;

    width: 10px;

    left: 14px;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.slider1-area .nivo-directionNav a.nivo-prevNav:hover {

    background-color: rgba(0, 33, 71, 0.6);

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.slider1-area .nivo-directionNav a.nivo-prevNav:hover:before {

    background: transparent;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.slider1-area .nivo-directionNav a.nivo-nextNav {

    right: 8px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background-color: rgba(0, 0, 0, 0.25);

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}

@media only screen and (max-width:767px) {

.slider1-area .nivo-directionNav a.nivo-nextNav {

 background: none;

 right:0px;   

    }



}





.slider1-area .nivo-directionNav a.nivo-nextNav:before {

    content: "\f054";

    font: normal normal normal 14px/1 FontAwesome;

    color: #98c826;

    cursor: pointer;

    font-size: 13px;

    margin: 0;

    position: absolute;

    text-align: center;

    top: 14px;

    z-index: 9;

    height: 10px;

    width: 10px;

    left: 14px;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.slider1-area .nivo-directionNav a.nivo-nextNav:hover {

    background-color: rgba(0, 33, 71, 0.6);

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.slider1-area .nivo-directionNav a.nivo-nextNav:hover:before {

    background: transparent;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.slider1-area .nivo-caption {

    opacity: 1;

    top: -40px;

}



@media only screen and (max-width: 991px) {

    .slider1-area .nivo-caption {

        top: 0;

    }

}



.slider1-area .slide-1 h1,

.slider1-area .slide-2 h1,

.slider1-area .slide-3 h1 {

    color: #ffffff;

    text-transform: uppercase;

    font-size:60px;

    margin-bottom: 10px;

    font-weight:800;

    padding-top: 3%;

    font-family: 'Raleway', sans-serif;

}



@media (min-width: 992px) and (max-width: 1199px) {

    .slider1-area .slide-1 h1,

    .slider1-area .slide-2 h1,

    .slider1-area .slide-3 h1 {

        font-size: 42px;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .slider1-area .slide-1 h1,

    .slider1-area .slide-2 h1,

    .slider1-area .slide-3 h1 {

        font-size: 38px;

    }

}



@media (min-width: 480px) and (max-width: 767px) {

    .slider1-area .slide-1 h1,

    .slider1-area .slide-2 h1,

    .slider1-area .slide-3 h1 {

        margin-bottom: 20px;

        font-size: 32px;

        

    }

}



@media only screen and (max-width: 479px) {

    .slider1-area .slide-1 h1,

    .slider1-area .slide-2 h1,

    .slider1-area .slide-3 h1 {

        font-size: 15px;

        margin-bottom: 10px;

        line-height: 1.25;

        

    }
.projectpop a {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    margin-left: 0px;
}
.projecttop h1 {
    color: #000;
    font-size: 20px;line-height: 31px;
}
}



@media only screen and (max-width: 319px) {

    .slider1-area .slide-1 h1,

    .slider1-area .slide-2 h1,

    .slider1-area .slide-3 h1 {

        font-size: 24px;

    }

}



.slider1-area .slide-1 p,

.slider1-area .slide-2 p,

.slider1-area .slide-3 p {

    font-size: 20px;

    margin-bottom: 25px;

    font-weight:400;

    color: #fff;

    font-family: 'Raleway', sans-serif;

    background-color:rgb(0 0 0 / 43%);

    display: inline-block;

    padding:10px 18px;

}



@media (min-width: 991px) and (max-width: 1199px) {

    .slider1-area .slide-1 p,

    .slider1-area .slide-2 p,

    .slider1-area .slide-3 p {

         display:block;

        font-size:14px;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .slider1-area .slide-1 p,

    .slider1-area .slide-2 p,

    .slider1-area .slide-3 p {

        margin-bottom: 30px;

        font-size:14px;

    }

}



@media only screen and (max-width: 767px) {

    .slider1-area .slide-1 p,

    .slider1-area .slide-2 p,

    .slider1-area .slide-3 p {

        display:block;

        font-size:12px;

        width:100%;

        background:none;

        padding-top:0

    }

}



@media only screen and (max-width: 479px) {

    .slider1-area .slide-1 .slider-btn-area,

    .slider1-area .slide-2 .slider-btn-area,

    .slider1-area .slide-3 .slider-btn-area {

         display:block;

    }

}



.slider3-area .nivo-caption {

    opacity: 1;

    top: 0;

}



@media only screen and (max-width: 1199px) {

    .slider3-area .nivo-caption {

        top:15px;

    }

}



@media only screen and (max-width: 991px) {

    .slider3-area .nivo-caption .slide-1 p,

    .slider3-area .nivo-caption .slide-2 p,

    .slider3-area .nivo-caption .slide-3 p {

        display:block;

    }

}













.welcome_section{

width:100%;

height: auto;

background: #f4f4f4;    

}

.welcome_section h1 {

color: #323742;

font-size: 35px;

position: relative;

font-family: 'Raleway', sans-serif;

font-weight: 900;

padding-bottom: 30px;

text-transform: uppercase;

padding-top: 50px;

}

@media only screen and (max-width:768px) {

.welcome_section h1 {

font-size: 20px;

}

}

@media only screen and (max-width:767px) {

.welcome_section h1 {

font-size: 24px;

padding-top:30px;



}

}

@media only screen and (max-width:359px) {

.welcome_section h1 {

font-size:18px;

}

}

.welcome_section h1:after {

position: absolute;

content: "";

bottom: 0;

left: 0;

background-color: #2750a5;

width: 60px;

height: 1px;

}

.welcome_section p {

font-size:14px;

color:#41444b;

line-height:28px;

text-align:justify;

padding-top:25px;    

}

@media only screen and (max-width:768px) {

.welcome_section p {

font-size: 12px;

line-height: 26px;

padding-top: 0;

}

}

.custome_btn{

font-size:18px;

text-transform: uppercase;

color:#fff;

padding:10px 25px;

background-color:#2750a5;

border-radius:0;

border-right: solid 3px #7eb300; 

display:inline-block;

margin-top:20px    

}

.custome_btn:hover{

background-color:#7eb300;

border-right: solid 3px #2750a5;

color:#fff;

text-decoration: none

}

.welcome_section .custome_btn{

margin-bottom:50px

}

.welcome_section img{

width:100%;

height:500px;

position:relative;

margin: 2px 0px;    

}

@media only screen and (max-width:767px) {

.welcome_section img{

height:auto;

}

}

.padding_zero{

padding:0px !important

}

.padding_left_zero{

padding-left:0px !important

}

.padding_right_zero{

padding-right:0px !important

}

@media only screen and (max-width:767px) {

.padding_right_zero{

padding-right:15px !important

}

.padding_left_zero{

padding-left:15px !important

}

    

}



.welcome_content{

padding-left: 360px;

padding-right: 60px;

}

@media only screen and (max-width:1600px) {

.welcome_content{

padding-left:160px;

padding-right: 60px;

}

}

@media only screen and (max-width:1366px) {

.welcome_content{

padding-left:115px;

padding-right:50px;

}

}

@media only screen and (max-width:768px) {

.welcome_content{

padding-left:0px;

padding-right:0px;

}

}

@media only screen and (max-width:767px) {

.welcome_content{

padding-left:0px;

padding-right:0px;

}

}



.mission_vision{

width:100%;

height: auto;    

}

.mission_vision h1{

position:relative;

padding-bottom:30px;

padding-top:80px    

    

}

.mission_vision h1:after{

position: absolute;

content:"";

left:0;

width:60px;

height:1px;

background-color:#fff;

bottom:0px;    

}

.mission_vision p{

position:relative;

padding-top:15px;

line-height:28px    

    

}

.vision h1{

color:#202020;

font-size:30px;

font-family: 'Raleway', sans-serif;

text-transform: uppercase;

font-weight:800;    

}

@media only screen and (max-width:768px) {

.vision h1{

font-size:22px;

}

}

@media only screen and (max-width:359px) {

.vision h1{

font-size:20px;

}

}

.vision p{

color:#202020;

font-size:14px;

font-family: 'Raleway', sans-serif;

}

@media only screen and (max-width:359px) {

.vision p{

font-size:12px;

}

}

.mission h1{

color:#fff;

font-size:30px;

font-family: 'Raleway', sans-serif;

text-transform: uppercase;

font-weight:800;    

}

@media only screen and (max-width:768px) {

.mission h1{

font-size:22px;

}

}

@media only screen and (max-width:359px) {

.mission h1{

font-size:20px;

}

}

.mission p{

color:#fff;

font-size:14px;

font-family: 'Raleway', sans-serif;

}

@media only screen and (max-width:359px) {

.mission p{

font-size:12px;

}

}

.corporate h1{

color:#fff;

font-size:30px;

font-family: 'Raleway', sans-serif;

text-transform: uppercase;

font-weight:800;    

}

@media only screen and (max-width:768px) {

.corporate h1{

font-size:22px;

}

}

@media only screen and (max-width:359px) {

.corporate h1{

font-size:20px;

}

}

.corporate a {

color: #fff;

font-size: 16px;

font-family: 'Raleway', sans-serif;

text-transform: uppercase;

font-weight: 800;

border: solid 1px #fff;

padding: 15px 30px;

display: inline-block;

margin-top: 38px;

}

@media only screen and (max-width:768px) {

.corporate a {

padding:15px 20px;

font-size: 12px;    

}

}

.corporate a:hover {

background-color:#2750a5;

text-decoration: none

}

.vision:hover{

background-color:rgb(134 188 14 / 80%);

}

.vision {

width: auto;

height: 380px;

background-color: rgb(126 183 0 / 89%);

padding: 0px 140px;

margin-right: 2px;

position: relative;



}

@media only screen and (max-width:1600px) {

.vision {

padding: 0px 100px;

}

}

@media only screen and (max-width:1366px) {

.vision {

padding: 0px 30px;

}

}

@media only screen and (max-width:768px) {

.vision {

padding: 0px 30px;

}

}

@media only screen and (max-width:767px) {

.vision {

padding: 0px 30px;

}

}

@media only screen and (max-width:359px) {

.vision {

padding: 0px 10px;

}

}

.vision:before {

position: absolute;

content: "";

background-image: url(../images/home/vision.jpg);

left: 0;

width: 100%;

height:100%;

background-size: cover;

background-position: center;

z-index: -1;

}

.mission:hover{

background-color:rgb(36 74 159 / 82%);

}

.mission {

width: auto;

height: 380px;

background-color: rgb(36 74 159 / 92%);

padding: 0px 140px;

margin-right: 2px;

position: relative;

}

@media only screen and (max-width:1600px) {

.mission {

padding: 0px 100px;

}

}

@media only screen and (max-width:1366px) {

.mission {

padding: 0px 30px;

}

}

@media only screen and (max-width:768px) {

.mission {

padding: 0px 30px;

}

}

@media only screen and (max-width:767px) {

.mission {

padding: 0px 30px;

}

}

@media only screen and (max-width:359px) {

.mission {

padding: 0px 10px;

}

}

.mission:before {

position: absolute;

content: "";

background-image: url(../images/home/mission.jpg);

left: 0;

width: 100%;

height:100%;

background-size: cover;

background-position: center;

z-index: -1;

}

.corporate:hover{

background-color:rgb(51 51 51 / 0%);

}

.corporate{

width:auto;

height:380px;

background-color:rgb(51 51 51 / 27%);

padding:0px 140px;

position: relative;



}

@media only screen and (max-width:1600px) {

.corporate{

padding: 0px 100px;

}

}

@media only screen and (max-width:1366px) {

.corporate{

padding: 0px 30px;

}

}

@media only screen and (max-width:768px) {

.corporate{

padding: 0px 30px;

}

}

@media only screen and (max-width:767px) {

.corporate{

padding: 0px 30px;

}

}

@media only screen and (max-width:359px) {

.corporate{

padding: 0px 10px;

}

}

.corporate:before {

position: absolute;

content: "";

background-image: url(../images/home/corprate.jpg);

left: 0;

width: 100%;

height:100%;

background-size: cover;

background-position: center;

z-index: -1;

}

.chairman_message{

width:100%;

height: auto;

background-color:#ececec    

    

}

.chairman_message img{

width:100%;

}

.chairman_message h1 {

    font-size: 30px;

    color: #323742;

    margin: 0;

    padding-top: 30px;

    font-family: 'Raleway', sans-serif;

    font-weight: 900;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 20px;

}

@media only screen and (max-width:768px) {

.chairman_message h1 {

font-size:18px;

}

}

@media only screen and (max-width:359px) {

.chairman_message h1 {

font-size:16px;

}

}

.chairman_message h1:after{

position: absolute;

content:"";

left:0;

width:60px;

height:1px;

background-color:#264ea2;

bottom:0px;    

}



.chairman_text{

width:100%;

height: auto;

padding:50px 100px;    

}

@media only screen and (max-width:1600px) {

.chairman_text{

padding:20px 50px;    

}

}

@media only screen and (max-width:1366px) {

.chairman_text{

padding:0px 15px;    

}

}

.chairman_message p {

font-size: 16px;

color: #41444b;

margin: 0;

padding-top: 30px;

font-family: 'Raleway', sans-serif;

line-height: 30px;

text-align:left;

}

@media only screen and (max-width:1600px) {

.chairman_message p {

font-size: 14px;  

}

}

@media only screen and (max-width:1366px) {

.chairman_message p {

font-size: 14px;

padding-top:15px    

}

}

@media only screen and (max-width:768px) {

.chairman_message p {

font-size: 12px;

line-height:22px 

}

}

.readmr_chair{

text-align: right

}

.readmr_chair a{

float: right;

position: relative;

top: -40px;

color: #007bff;

text-transform: uppercase;

font-family: 'Raleway', sans-serif;

font-size: 14px;

font-weight: 800;    

}

@media only screen and (max-width:768px) {

.readmr_chair a{

font-size:12px;

}

}

@media only screen and (max-width:359px) {

.readmr_chair a{

font-size:10px;

}

}

.chairman_text img{

width: auto;

margin-top:30px    

}

@media only screen and (max-width:1366px) {

.chairman_text img{

margin-top:10px    

}

}

@media only screen and (max-width:767px) {

.chairman_text img{

padding-bottom:30px   

}

    

}

.our_project{

width:100%;

height: auto;

margin-top:70px;

margin-bottom:30px    

}

@media only screen and (max-width:767px) {

.our_project{

margin-top:30px;

}

}

@media only screen and (max-width:359px) {

.our_project{

margin-top:15px;

}

}

.our_subject_item img{

width:100%;

height: auto;    

}

.content_pro{

width:100%;

height: auto;

padding:30px 50px    

}

@media only screen and (max-width:1600px) {

.content_pro{

padding:30px 30px  

}

}



.content_pro h1{

font-size:20px;

color:#41444b;

font-weight:600; 

font-family: 'Raleway', sans-serif;    

}

@media only screen and (max-width:1600px) {

.content_pro h1{

font-size:18px;

}

}

@media only screen and (max-width:1366px) {

.content_pro h1{

font-size:16px;

}

}



.content_pro p{

font-size:14px;

color:#41444b;

font-family: 'Raleway', sans-serif;

line-height:28px;    

}

@media only screen and (max-width:1366px) {

.content_pro p{

line-height:22px;    

}

}

.our_subject_item{

width:100%;

height: auto;

border: solid 1px #ccc;

border-bottom: solid 2px #ccc;   

}



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

       Owl carousel      

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



.owl-item {

    transform: translateZ(0);

    -webkit-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.owl-carousel .owl-item img {

    width:100%;

}

.owl-carousel .owl-nav {

    display: block;

    position: absolute;

    text-indent: inherit;

    top: -12%;

    right: 30%;

    /* width: 100%; */

    cursor: pointer;

    z-index: 999;

    opacity: 1;

}

.owl-carousel .owl-nav .owl-prev {

    display: block;

    position: absolute;

    text-indent: inherit;

    width: auto;

    cursor: pointer;

    margin-left: 44px;

}

.owl-carousel .owl-nav .owl-next {

    display: block;

    position: absolute;

    text-indent: inherit;

    width: auto;

    cursor: pointer;

}

.owl-carousel .owl-nav .owl-prev i {

    padding-left: 0px;

}

.owl-carousel .owl-nav i {

    font-size: 20px;

    width: 44px;

    height: 44px;

    line-height: 42px;

    padding-left: 2px;

    display: inline-block;

    color: #db2d2e;

    background:#000;

    font-weight: normal;

    text-align: center;

}

.owl-carousel .owl-nav i:hover {

    background: #db2d2e;

    color: #fff;

    border-color: #db2d2e;

}





.owl-carousel .owl-controls .owl-dot {

    display: inline-block;

    margin-top: 20px;

}

.owl-carousel .owl-dots {

    display: inline-block;

    position: relative;

    text-indent: inherit;

    width: 100%;

    cursor: pointer;

    text-align: center;

}

.owl-carousel.owl-theme .owl-dots .owl-dot span {

    background: #a5a5a5;

    border-radius: 30px;

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 0px 3px;

    cursor: pointer;

}

.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {

    background: #db2d2e;

}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span {

    background: #db2d2e;

}

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

          Isotope filters

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



.isotope-filters {

    display: table;

    margin: 0 auto 40px;

    text-align: center;

}

.isotope-filters button {

    text-transform: uppercase;

    font-weight: 600;

    color: #323232;

    border: none;

    font-size: 14px;

    margin: 4px;

    cursor: pointer;

    color: #626262;

    padding: 5px 18px;

    background: transparent;

    border-bottom: 2px solid transparent;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}

.isotope-filters button:focus {

    outline: none;

    outline-style: none;

    outline-offset: 0;

}

.isotope-filters button.active,

.isotope-filters button:hover {

    border-bottom-color: #db2d2e;

    color: #db2d2e;

}

.recent-vehicle .isotope.column-4 .grid-item {

    width: 25%;

    padding: 15px;

}

/*.recent-vehicle-2*/



.recent-vehicle .isotope.column-5 .grid-item {

    width: 20%;

}





.whychoose_section{

width:100%;

height: auto;

text-align: center;

background-image: url(../images/bg/why.jpg);

background-position: center;

background-size: cover;

padding:60px 0px;

margin-top:40px    

}

@media only screen and (max-width:767px) {

.whychoose_section{

padding:30px 0px    



}

}



.whychoose_section h1{

color:#323742;

font-size:35px;

font-weight:800;

margin:0;

font-family: 'Raleway', sans-serif; 

position: relative;

text-transform: uppercase;

padding-bottom:10px    

}

@media only screen and (max-width:767px) {

.whychoose_section h1{

font-size:24px;  



}

}

@media only screen and (max-width:359px) {

.whychoose_section h1{

font-size:18px;  

}

}



.whychoose_section p{

color:#323742;

font-size:16px;

font-family: 'Raleway', sans-serif;

line-height:28px;

font-weight:800;

padding-top:20px;

margin:0    

}

@media only screen and (max-width:767px) {

.whychoose_section p{

font-size:12px;  



}

}

.separator {

position: relative;

margin-top: 10px;

display: block;

}

.separator:before {

content: '';

display: block;

margin: auto;

left: 50%;

height: 1px;

width:60px;

bottom: -15px;

background:#082a96;;

margin-bottom: 6px;

}



.whychoose_item{

width:100%;

height: auto;

text-align: center    

}



.whychoose_item h1{

font-size:18px;

color:#323742;

font-family: 'Raleway', sans-serif;

text-transform: uppercase;

font-weight:800;

padding-top:25px;    

}

@media only screen and (max-width:768px) {

.whychoose_item h1{

font-size:12px;

}

}

.why_item img:hover{

-webkit-transform: scale(1.2);

-ms-transform: scale(1.2);

transform: scale(1.2);

transition: 1s ease;

}

.why_item img{

height: auto;

-webkit-transition: 0.8s;

-moz-transition: 0.8s;

-o-transition: 0.8s;

-ms-transition: 0.8s;

transition: 0.8s;

}



.why_item{

padding: 80px 100px 100px;

    

}

@media only screen and (max-width:1600px) {

.why_item{

padding: 80px 60px 100px;

}

}



@media only screen and (max-width:1366px) {

.why_item{

padding: 80px 40px 100px;

}

}

@media only screen and (max-width:768px) {

.why_item{

padding: 80px 15px 60px;

}

}

.green_color{

background-color:#88c100;

color:#323742;    

}



.green_color h1{

color:#323742;    

}

.blue_color h1{

color:#fff;    

}

.blue_color{

background-color:#2750a5;

color:#fff;    

}



.whychoose_item .col{

padding:0px

}

@media only screen and (max-width:767px) {

.whychoose_item .col{

flex-basis: auto;    

}

}

.clients{

width:100%;

height: auto;

margin-bottom:30px;

margin-top:30px    

}

@media only screen and (max-width:767px) {

.clients{

margin-bottom:20px;

margin-top:0px       

}

}

.clients img{

width: auto !important

}

.clients .item{

text-align: center

}

.clients .owl-carousel .owl-nav {

    display: block;

    position: absolute;

    text-indent: inherit;

    top: -65%;

    right: 24%;

    cursor: pointer;

    z-index: 999;

    opacity: 1;

}

@media only screen and (max-width:1366px) {

.clients .owl-carousel .owl-nav {

right: 25%;

}

}

@media only screen and (max-width:767px) {

.clients .owl-carousel .owl-nav {

top: -36%;

right:80%;

}

}

@media only screen and (max-width:360px) {

.clients .owl-carousel .owl-nav {

top: -36%;

right:83%;

}

}

@media only screen and (max-width:359px) {

.clients .owl-carousel .owl-nav {

top: -46%;

right:80%;

}

}

.clients h1{

font-size:30px;

color:#323742;

font-family: 'Raleway', sans-serif;

text-transform: uppercase;

font-weight:800;

padding-top:25px;  

}

@media only screen and (max-width:767px) {

.clients h1 {

font-size: 18px;

padding-top: 25px;

text-align: center;

padding-bottom: 15px;

}

}

@media only screen and (max-width:359px) {

.clients h1 {

font-size:18px;

text-align: center    



}

}

.clients .owl-carousel{

margin-top:30px

}

@media only screen and (max-width:767px) {

.clients .owl-carousel{

margin-top:30px

}

}

.clients .owl-carousel .owl-nav i {

font-size: 20px;

width: 44px;

height: 40px;

line-height: 40px;

padding-left:15px;

display: inline-block;

color: #000;

background: #fff;

border:solid 1px #a39f9f;    

font-weight: normal;

text-align: center;

}

.clients .owl-carousel .owl-nav .owl-prev i {

 border-left:0;

padding-right: 15px;

padding-left: 0;    

}

.clients .owl-carousel .owl-nav .owl-next i {

border-right: 0;

}

.clients a {

font-size: 14px;

color: #fff;

padding: 10px 35px;

height:40px;    

background-color: #2750a5;

float: right;

position: relative;

top: -48px;

font-family: 'Raleway', sans-serif;

text-transform: uppercase;

border-right: solid 3px #7eb300;

font-weight:600;

right:6px    

}

@media only screen and (max-width:1366px) {

.clients a {

top: -47px;

}

}

@media only screen and (max-width:768px) {

.clients a {

font-size: 8px;

color: #fff;

padding: 14px 10px;

}

}

@media only screen and (max-width:767px) {

.clients a {

font-size: 10px;

right:74px;

top:2px;

}

}

@media only screen and (max-width:359px) {

.clients a {

font-size: 10px;

right:62px;

top:1px;

}

}

.clients a:hover{

background-color:#98c826;

text-decoration: none

}

.clients hr{

margin-top:40px

}

.form_footer{

padding:0px 30px

}



.usefull{

padding:0px 30px

}

@media only screen and (max-width:768px) {

.usefull{

padding:0px 0px

}

.form_footer{

padding:0px 0px

}    

}

@media only screen and (max-width:767px) {

.usefull{

margin-left:0px;

}

.usefull h6{

margin-left: 0 !important;    

} 

.form_footer{

padding:0px 0px;

text-align: center    

}     

}



.our_project .card {

position: relative;

flex-direction: column;

min-width: 0;

word-wrap: break-word;

background-color: #fff;

background-clip: border-box;

border: 0;

border-radius: 0;

width: 100%;

margin-top:15px;

display: inline-block;

}

.our_project .card-header {

    padding:0;

    margin-bottom: 0;

    background:none;

    border:0;

}



.our_project .card-header-tabs {

float: right;

position: relative;

top: -8px;

right: 8px;

}

@media only screen and (max-width:1600px) {

.our_project .card-header-tabs {

top: 0px;

right: 12px;

}

}

@media only screen and (max-width:1366px) {

.our_project .card-header-tabs {

top: 0px;

right: 20px;

}

}

@media only screen and (max-width:768px) {

.our_project .card-header-tabs {

top: -4px;

right:16px;    

}

.map iframe{

width:100% !important    

}    

}

@media only screen and (max-width:767px) {

.our_project .card-header-tabs {

margin-left:5px;

top:1px;

}

}

@media only screen and (max-width:359px) {

.our_project .card-header-tabs {

top: -20px;

right: 5px;    

}

}

.our_project .nav-tabs .nav-item {

margin-bottom: -1px;

border: solid 1px #bab9b9;

}

@media only screen and (max-width:767px) {

.our_project .nav-tabs .nav-item {

margin-bottom:15px

}

}

.our_project .owl-carousel .owl-nav {

    display: block;

    position: absolute;

    text-indent: inherit;

    top: -11%;

    right:49%;

    /* width: 100%; */

    cursor: pointer;

    z-index: 999;

    opacity: 1;

}

@media only screen and (max-width:1366px) {

.our_project .owl-carousel .owl-nav {

top: -12%;

right: 52%;

}

}

@media only screen and (max-width:768px) {

.our_project .owl-carousel .owl-nav {

top: -10%;

right: 55%;

}

}

@media only screen and (max-width:767px) {

.our_project .owl-carousel .owl-nav {

top: -55px;

right: 96%;

}

}

@media only screen and (max-width:359px) {

.our_project .owl-carousel .owl-nav {

top: -76px;

right: 95%;

}

}

.our_project  button {

background-color:#fff

}

.our_project .nav-link {

    display: block;

    padding: 8px 40px;

    height: 36px;

    text-transform: uppercase;

    color: #000;

    font-family: 'Raleway', sans-serif;

    font-size: 14px;

    font-weight: 600;

}

@media only screen and (max-width:768px) {

.our_project .nav-link {

padding: 12px 14px;

font-size: 12px;

}

}

@media only screen and (max-width:767px) {

.our_project .nav-link {

padding: 11px 11px;

font-size: 10px;

}

}

@media only screen and (max-width:360px) {

.our_project .nav-link {

padding: 12px 11px;

font-size:9px;

}

    

}

    



@media only screen and (max-width:359px) {

.our_project .nav-link {

padding: 12px 12px;

font-size:9px;

}

}

.our_project .owl-carousel .owl-nav i {

    font-size: 20px;

    width: 44px;

    height:38px;

    line-height:38px;

    padding-left:15px;

    display: inline-block;

    color: #ffffff;

    background: #2750a5;

    font-weight: normal;

    text-align: center;

}

.our_project .owl-carousel .owl-nav .owl-prev i {

    border-left: 0;

    padding-right: 15px;

    padding-left: 0;

}

.our_project h2 {

    font-size: 30px;

    font-weight: 800;

    font-family: 'Raleway', sans-serif;

    text-transform: uppercase;

    color: #323742;

    float: left;

}

@media only screen and (max-width:768px) {

.our_project h2 {

font-size:22px;

}

}

@media only screen and (max-width:767px) {

.our_project h2 {

font-size: 22px;

padding-bottom: 15px;

}

}

@media only screen and (max-width:359px) {

.our_project h2 {

font-size: 18px;

padding-bottom: 30px;

padding-top: 20px;

padding-left: 15px;

}

}

.our_project .tab-content > .tab-pane {

width: 100%;

}

.exploar_project a {

    color: #fff !important;

    background-color: #2750a5;

    border-radius: 0;

    border-right: solid 3px #7eb300 !important;

}

.our_project .nav-tabs .nav-link {

    border:0;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.exploar_project a:hover {

    color: #fff !important;

    background-color:#7eb300;

    border-radius: 0;

    border-right: solid 3px #2750a5 !important;

}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .active {

color:#2750a5 !important;

}

.usefull ul li a{

position: relative;

padding-left:25px    

}

.usefull ul li a:before {

content: "";

position: absolute;

width: 12px;

height: 2px;

background-color: #98c826;

z-index: 1;

left: 0;

top:8px;

}

@media only screen and (max-width:767px) {

.usefull ul li a:before {

display: none

}

}

.sub-banner{

width:100%

}

@media only screen and (max-width:320px) {

.sub-banner{

margin-top:20%

}

}

@media only screen and (max-width:375px) {

.sub-banner{

margin-top:17%

}

}

@media only screen and (max-width:767px) {

.sub-banner{

margin-top:17%

}

}

.banner-img {

width: 100%;

}



.centered-inner {

position: absolute;

top:22%;

left: 50%;

transform: translate(-50%, -50%);

width: 100%;

text-align: center;

}

@media only screen and (max-width:1600px) {

.centered-inner {

top:26%;

}

}

@media only screen and (max-width:1536px) {

.centered-inner {

top:32%;

}

}



@media only screen and (max-width:1360px) {

.centered-inner {

top:30%;

}

}

@media only screen and (max-width:768px) {

.centered-inner {

top:10%;

}

}

@media only screen and (max-width:767px) {

.centered-inner {

top:15%;

}

}

@media only screen and (max-width:360px) {

.centered-inner {

top:13%;

}

}



.centered-inner h1 {

font-size:30px;

font-weight: 800;

font-family: 'Raleway', sans-serif;

text-transform: uppercase;

}

@media only screen and (max-width:768px) {

.centered-inner h1 {

font-size:20px;

}

}



@media only screen and (max-width:767px) {

.centered-inner h1 {

font-size:16px;

padding-top:20px    

}

}    

.about_welcome ul{

margin-bottom:20px;

padding:0    

}

.about_welcome ul li{

list-style: none;

font-size:14px;

line-height:28px;

color:#000;

position: relative;

padding-left:25px;    

}

.about_welcome ul li:before {

content: "";

position: absolute;

left: 0;

width: 10px;

height: 10px;

background-color: #98c826;

top: 10px;

}



.about_section img{

width:100%;

height: auto;

margin-top:160px    

}

@media only screen and (max-width:767px) {

.about_section img{

margin-top:0px    



}

}





.about_section{

width:100%;

height: auto;    

}

.about_section h1 {

color: #323742;

font-size: 35px;

position: relative;

font-family: 'Raleway', sans-serif;

font-weight: 900;

padding-bottom: 30px;

text-transform: uppercase;

padding-top: 50px;

margin-bottom:30px    

}

@media only screen and (max-width:767px) {

.about_section h1 {

font-size: 20px;

padding-top:30px;

padding-bottom:15px;

margin-bottom:15px     



}

}

.about_section h1:after {

position: absolute;

content: "";

bottom: 0;

left: 0;

background-color: #2750a5;

width: 60px;

height: 1px;

}

.about_section p {

font-size:14px;

color:#41444b;

line-height:28px;

text-align:left;

  

}

.philosophy h1{

padding-top:30px

}

@media only screen and (max-width:767px) {

.philosophy h1{

padding-top:30px

}

}

.about_welcome{

padding-right:50px

}

@media only screen and (max-width:767px) {

.about_welcome{

padding-right:0px

}

}

.about_mission_vision{

width:100%;

height: auto;

margin-top:80px;    

}

@media only screen and (max-width:767px) {

.about_mission_vision{

margin-top:30px;    

}

}

.about_vision span {

width:60px;

height:60px;

background-color: #98c826;

border-radius: 50%;

display: block;

color: #fff;

font-size: 36px;

float: left;

text-align: center;

line-height:60px;

font-weight: 800;

font-family: 'Raleway', sans-serif;    

}

.about_vision h1 {

color: #323742;

font-size: 30px;

position: relative;

font-family: 'Raleway', sans-serif;

font-weight: 900;

padding-bottom: 16px;

text-transform: uppercase;

padding-top: 0px;

margin-bottom: 30px;

margin-left: 20px;

display: inline-block;

}

@media only screen and (max-width:767px) {

.about_vision h1 {

font-size:20px;

padding-top:15px    

}

}

.about_vision h1:after {

position: absolute;

content: "";

bottom: 0;

left: 0;

background-color: #2750a5;

width: 60px;

height: 1px;

}



.about_vision p {

font-size:14px;

color:#41444b;

line-height:28px;

}

.about_vision img{

margin-top:15px

}



.about_mission{

float: right

}

@media only screen and (max-width:767px) {

.about_mission{

padding-top:30px

}

}



.about_mission h1 {

color: #323742;

font-size: 30px;

position: relative;

font-family: 'Raleway', sans-serif;

font-weight: 900;

padding-bottom: 16px;

text-transform: uppercase;

padding-top: 0px;

margin-bottom: 30px;

margin-left: 20px;

display: inline-block;

}

@media only screen and (max-width:767px) {

.about_mission h1 {

font-size:20px;

padding-top:15px    

}

}

.about_mission h1:after {

position: absolute;

content: "";

bottom: 0;

left: 0;

background-color: #2750a5;

width: 60px;

height: 1px;

}

.about_mission span {

width:60px;

height:60px;

background-color: #98c826;

border-radius: 50%;

display: block;

color: #fff;

font-size: 36px;

float: left;

text-align: center;

line-height:60px;

font-weight: 800;

font-family: 'Raleway', sans-serif;    

}



.about_mission ul{

margin-bottom:20px;

padding:0    

}

.about_mission ul li {

list-style: none;

font-size: 14px;

line-height: 28px;

color: #000;

position: relative;

padding-left: 25px;

margin-bottom: 15px;

}

.about_mission ul li:before {

content: "";

position: absolute;

left: 0;

width: 10px;

height: 10px;

background-color: #98c826;

top: 10px;

}

.about_chairman_message{

width:100%;

height: auto;

background-color:#ececec;

margin-top:100px;

padding:60px 0px    

}

@media only screen and (max-width:767px) {

.about_chairman_message{

margin-top:0px;

padding:30px 0px      

}

}

.about_chairman_message img{

width:100%

}



.chairman_about{

margin-top:50px

}

@media only screen and (max-width:767px) {

.chairman_about{

margin-top:30px

}

}

.chairman_about h1 {

color:#0e6fb8;

font-size: 30px;

position: relative;

font-family: 'Raleway', sans-serif;

font-weight: 900;

padding-bottom: 16px;

text-transform: uppercase;

padding-top: 0px;

margin-bottom: 30px;

margin-left:0px;

display: inline-block;

}

@media only screen and (max-width:767px) {

.chairman_about h1 {

font-size:20px;

}

}

.chairman_about h1:after {

position: absolute;

content: "";

bottom: 0;

left: 0;

background-color: #2750a5;

width: 60px;

height: 1px;

}

.chairman_about p {

font-size:14px;

color:#41444b;

line-height:28px;

}

.chairman_about ul {

margin-top: 40px;

padding: 0;

width: 100%;

display: block;

float: left;

}

@media only screen and (max-width:767px) {

.chairman_about ul {

margin-top:0px;   

}

}



.chairman_about ul li{

font-family: 'Raleway', sans-serif;

font-size:14px;

color:#41444b;    

width:100%;

line-height:24px;

list-style: none;

float: left;

margin-bottom:4px    

}



.project_page .content_pro {

width: 100%;

height: auto;

padding: 30px 0px;

text-align: left;

}

@media only screen and (max-width:767px) {

.project_page .content_pro {

padding:15px 0px 0px;

}

}

.project_page .content_pro h1 {

font-size: 20px;

color: #41444b;

font-weight: 600;

font-family: 'Raleway', sans-serif;

font-weight: 800;

line-height:28px    

}

@media only screen and (max-width:767px) {

.project_page .content_pro h1 {

font-size:16px;

line-height:26px    

}

}

.project_page .content_pro p {

font-size: 14px;

color: #41444b;

font-family: 'Raleway', sans-serif;

line-height: 24px;

}

.project_page{

width:100%;

height: auto;

margin-top:70px;

text-align: center;

padding-right: 15px;    

}

@media only screen and (max-width:767px) {

.project_page{

margin-top:30px;

padding:0px    

}

}

.project_page .our_subject_item {

width: 100%;

height: auto;

border:0;

border-bottom:0;

margin-bottom: 30px;

}

.project_page .card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border:0;

    border-radius:0;

    width:100%;

}

@media only screen and (max-width:767px) {

.project_page .card {

margin-top:0px !important 

}

}

.project_page .card-header {

    padding: 0;

    margin-bottom: 0;

    background: none;

    border: 0;

    text-align: center;

    margin: auto;

    display: inline-block;

}



.project_page .card-header-tabs {

position: relative;

margin-bottom:10px    

}

@media only screen and (max-width:1600px) {

.project_page .card-header-tabs {

top: -2px;

right: 5px;    

}

}

@media only screen and (max-width:767px) {

.project_page .card-header-tabs {

margin-left:5px;

margin-bottom:0px     

}

}

@media only screen and (max-width:359px) {

.project_page .card-header-tabs {

top: 0px;

right:0px;    

}

}

.project_page .nav-tabs .nav-item {

margin-bottom: -1px;

border: solid 1px #bab9b9;

}

@media only screen and (max-width:767px) {

.project_page .nav-tabs .nav-item {

margin-bottom:0px

}

}

.project_page .nav-link {

display: block;

padding: 6px 40px;

height: 37px;

text-transform: uppercase;

color: #000;

border: 0;

border-top-left-radius: 0;

border-top-right-radius: 0;

font-weight:700;

font-size: 14px;

padding-bottom: 0;

line-height: 28px;

font-family: 'Raleway', sans-serif;    

}

@media only screen and (max-width:768px) {

.project_page .nav-link {

padding: 12px 14px;

font-size: 12px;

}

}

@media only screen and (max-width:767px) {

.project_page .nav-link {

padding:6px 14px;

font-size: 12px;

}

}





.logo_fixed{

display: none

}

.fixed-top.scrolled .logo_fixed{

display:inline-block

}

.fixed-top.scrolled .logo_normal{

display: none

}



.fixed_icon{

display: none

}

.fixed-top.scrolled .fixed_icon{

display:inline-block

}

.fixed-top.scrolled .normal_icon{

display: none

}



.contact_section{

width:100%;

height: auto;

margin-top:80px;

margin-bottom:80px;    

}

@media only screen and (max-width:767px) {

.contact_section{

margin-top:30px;

}

}       

.contact_address{

width:100%;

height: auto    

}

.contact_address h1{

font-size:30px;

font-weight:800;

font-family: 'Raleway', sans-serif;

color:#000;

padding-bottom:0px    

}

@media only screen and (max-width:767px) {

.contact_address h1{

padding-bottom:0px  

}

}

.contact_address h3{

font-size:20px;

color:#000;

font-family: 'Raleway', sans-serif;

padding-bottom:25px;

font-weight:800;

padding-top: 30px;    

}

@media only screen and (max-width:767px) {

.contact_address h3{

font-size:16px;

padding-top:8px;

padding-bottom:8px;    

}

}      

.contact_address p{

font-size:18px;

color:#000;

font-family: 'Raleway', sans-serif; 

    

}

@media only screen and (max-width:767px) {

.contact_address p{

font-size:14px;

}

}       

.contact_address ul{

padding:0;

margin-top:30px    

}

.contact_address ul li span{

position: absolute;

left: 0;

top: 0;

font-size:18px;

color:#0e6eb8    

}

.contact_address ul li{

position:relative;

font-size:18px;

color:#000;

padding-left:30px;

list-style: none;

line-height:30px;

margin-bottom: 15px;    

}

@media only screen and (max-width:767px) {

.contact_address ul li{

font-size:14px; 

}

}

.contact_address ul li a{

font-size:18px;

color:#000;

}

@media only screen and (max-width:767px) {

.contact_address ul li a{

font-size:14px;

}

}     

.contact_address ul li a:hover{

color:#007bff;

text-decoration: none

}

.map{

margin-top:50px

}

.contact_form h1{

font-size:30px;

font-weight:800;

font-family: 'Raleway', sans-serif;

color:#000;

padding-bottom:25px    

}

@media only screen and (max-width:767px) {

.contact_form h1{

font-size:22px;

padding-top:30px    

}

}     

.contact_form label{

font-size:16px;

color:#000;

font-family: 'Raleway', sans-serif;

font-weight:600    

}

.contact_form .form-control {

width: 100%;

height:45px;

background: #f7f6f7;

border-color:#c6c5c6;

margin-bottom:20px    

}

.contact_form textarea {

height: 200px !important;

margin-bottom:20px !important    

}

.contact_form button {

border: solid 1px #000;

padding:10px 35px    

}

.contact_form button {

border:0;

padding: 8px 60px;

border-right: solid 3px #2750a5;

font-size: 16px;

font-weight: 600;

font-family: 'Raleway', sans-serif;

border-right: solid 3px #7eb300;

}

.input-file-container {

  position: relative;

  width:100%;

    cursor: pointer;

    margin-bottom:30px;

    height:60px

        

} 

.input-file-trigger {

    display: block;

    padding: 0px 15px;

    background: #f7f6f7;

    color: #000;

    font-size: 1em;

    transition: all .4s;

    cursor: pointer;

    height: 60px;

    line-height: 60px;

}

.input-file {

  position: absolute;

  top: 0; left: 0;

   width:100%;

  opacity: 0;

  padding: 14px 0;

  cursor: pointer;

}

.input-file:hover + .input-file-trigger,

.input-file:focus + .input-file-trigger,

.input-file-trigger:hover,

.input-file-trigger:focus {

  background: #2750a5;

  color: #fff;

}



.file-return {

  margin: 0;

}

.file-return:not(:empty) {

  margin: 1em 0;

}

.file-return {

  font-style: italic;

  font-size: .9em;

  font-weight: bold;

}

.file-return:not(:empty):before {

  content: "Selected file: ";

  font-style: normal;

  font-weight: normal;

}

.client_section{

width:100%;

height: auto;

margin-top:80px;

margin-bottom:50px;    

}

@media only screen and (max-width:767px) {

.client_section{

margin-top:30px;

margin-bottom:30px;  

}

}

.client_section img {

max-width: 100%;

display: block;

margin-left: auto;

margin-right: auto;

}

.client_item {

width: 100%;

border: solid 1px #9d9b9b;

padding: 4px;

min-height: 170px;

text-align: center;

margin-bottom: 20px;

display: flex;

align-items: center;

}

.client_item img:hover{

-webkit-transform: scale(0.8);

-ms-transform: scale(0.8);

transform: scale(0.8);

transition: 1s ease;

}



.client_section ul{

padding:0

}



.client_section ul li {

list-style: none;

width: 230px;

float: left;

margin-right: 10px;

}

@media only screen and (max-width:1366px) {

.client_section ul li {

width: 215px;

}

}

@media only screen and (max-width:767px) {

.client_section ul li {

width: 86%;

margin-left:25px;

}

}

.clients img{

margin-left: auto;

margin-right: auto;

}

.clients .item{

min-height: 170px;

text-align: center;

display: flex;

align-items: center;

}



.hover01 img {

-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

    cursor: pointer

}

.hover01 img:hover  {

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.career img{

width:100%;

padding:0px 30px;

margin-top:6px;    

}

@media only screen and (max-width:767px) {

.career img{

width:100%;

padding:0px;

margin-top:0px;

margin-bottom:30px    

}

}    



.Catogery{

display: none !important;

}

.Catogery{

display:block !important;

}

.our_project button:focus {

outline: none;

}



.client_section h1 {

font-size: 30px;

text-transform: uppercase;

font-weight: 800;

font-family: 'Raleway', sans-serif;

color: #000;

padding-bottom:10px;

text-align: center;

position: relative;

display: inline-block;

margin-bottom:15px;

}

@media only screen and (max-width:767px) {

.client_section h1 {

font-size: 20px;

text-align: center;

width: 100%;

margin-bottom: 0;

}

}

.client_section h1:after {

position: absolute;

content: "";

bottom: 0;

left: 0;

background-color: #2750a5;

width: 60px;

height: 1px;

}

@media only screen and (max-width:767px) {

.client_section h1:after {

display: none

}

}

.chairman_name{

color: #0e6fb8 !important;

font-size: 16px !important;

}

.facebook a:hover{

color:#3B5998 !important;

}

.twitter a:hover{

color:#00B6F1 !important;

}

.instagram a:hover{

color:#2C6A93 !important;

} 

button:focus {

outline: none;

}



.career h1 {

font-size: 24px;

color: #000;

font-family: 'Raleway', sans-serif;

font-weight: 600;

text-align: center;

padding-bottom: 15px;

}

.client_section p{

font-size: 18px;

color: #000;

padding-bottom: 25px;

font-family: 'Raleway', sans-serif;    

}



.zoomImage {

overflow: hidden;

margin: 0 auto;

}

.zoomImage img {

width: 100%;

max-width: 100%;

height: auto;

-webkit-transition: .8s;

-moz-transition: .8s;

-o-transition: .8s;

-ms-transition: .8s;

transition: .8s;

}

.zoomImage img:hover {

-webkit-transform: scale(1.2);

-ms-transform: scale(1.2);

transform: scale(1.2);

transition: 1s ease;

}

.contact_form form .error{

color:#ff0000;

font-size:12px;

}

.error{

color:#ff0000;

font-size:12px;

}



.tankyou_page {

width: 100%;

height: auto;

margin-top: 80px;

margin-bottom: 80px;

text-align: center    

}

@media only screen and (max-width:767px) {

.tankyou_page {

margin-top:30px;

}

} 

.tankyou_page p {

font-size:18px  

}

@media only screen and (max-width:767px) {

.tankyou_page p {

font-size:16px  

}

}





.error-page {

width: 100%;

height: auto;

margin-top: 80px;

margin-bottom: 80px;

text-align: center    

}

@media only screen and (max-width:767px) {

.error-page {

margin-top:30px;

}

} 

.error-page p {

font-size:24px;

color:#000    

}

.error-page p a {

font-size:24px;

color: #2750a5;   

}

.error_section h1 {

font-family: 'Poppins', sans-serif;

text-transform: uppercase;

}