@charset "utf-8";

/* CSS Document */
img.lazy {
    display:block;
}

/* --------------------------Web Files-------------------------------------*/

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("webFonts/fa-brands-400.eot");
    src: url("webFonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("webFonts/fa-brands-400.woff2") format("woff2"), url("webFonts/fa-brands-400.woff") format("woff"), url("webFonts/fa-brands-400.ttf") format("truetype"), url("webFonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("webFonts/fa-regular-400.eot");
    src: url("webFonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("webFonts/fa-regular-400.woff2") format("woff2"), url("webFonts/fa-regular-400.woff") format("woff"), url("webFonts/fa-regular-400.ttf") format("truetype"), url("webFonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("webFonts/fa-solid-900.eot");
    src: url("webFonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("webFonts/fa-solid-900.woff2") format("woff2"), url("webFonts/fa-solid-900.woff") format("woff"), url("webFonts/fa-solid-900.ttf") format("truetype"), url("webFonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

@font-face {
    font-family: 'decalotype-bold';
    src: url('webFonts/decalotype-bold-webfont.woff2') format('woff2'), url('webFonts/decalotype-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'decalotype-extrabold';
    src: url('webFonts/decalotype-extrabold-webfont.woff2') format('woff2'), url('webFonts/decalotype-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'decalotype-light';
    src: url('webFonts/decalotype-light-webfont.woff2') format('woff2'), url('webFonts/decalotype-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'decalotype-medium';
    src: url('webFonts/decalotype-medium-webfont.woff2') format('woff2'), url('webFonts/decalotype-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'decalotype-regular';
    src: url('webFonts/decalotype-regular-webfont.woff2') format('woff2'), url('webFonts/decalotype-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amblelight';
    src: url('webFonts/amble-light-webfont.woff2') format('woff2'), url('webFonts/amble-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'decalotype-semibold';
    src: url('webFonts/decalotype-semibold-webfont.woff2') format('woff2'), url('webFonts/decalotype-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gil';
    src: url('webFonts/GIL_____.eot');
    src: url('webFonts/GIL_____.eot?#iefix') format('embedded-opentype'), url('webFonts/GIL_____.woff') format('woff'), url('webFonts/GIL_____.TTF') format('truetype');
}

a:hover {
    text-decoration: underline;
}

a {
    transition: .7s;
}

.page-content {
    margin: 0 auto;
    max-width: 1600px;
}

html,
body {
    width: 100%;
    height: 100%;
}

.wrapper {
    overflow: auto;
    width: 100%;
    height: 100%;
}

video#bgvid {
    /*    min-height: 100%;
    width: 100%;*/
    min-width: 100%;background-color: #303030;
    /*background: url(../screen_/prev.jpg) no-repeat fixed;*/
    height: calc(120vh - 0px);
}

.footer_top_btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 56px;
    cursor: pointer;
    transition: .7s;
    display: none;
    z-index: 9999999999999;
}


/* Transition effects*/

.transition_3 {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

.transition_2 {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}

.transition_7 {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
}

.wow {
    visibility: hidden;
}

* {
    font-family: 'decalotype-regular';
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

body,
h3,
h1,
h2,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    -ms-transition: .7s;
    height: 100%;
    /*    overflow: hidden;*/
}


/*body::-webkit-scrollbar-thumb {
    background: #003b9a;
}

body::-webkit-scrollbar {
    width: 12px;
    background-color: #303030;
}*/

a,
img {
    border: none;
}

a {
    text-decoration: none;
    transition: .7s;
}

a:focus {
    text-decoration: none;
    outline: none;
}

table {
    width: 100%;
}

.captcha {
    margin-bottom: 20px;
}

nav:not(.mm-menu) {
    display: none;
}


/*.constructo-project-section {
    background: #f4f5f9;
}*/

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-top {
    padding-top: 20px;
}

.section-title {
    position: relative;
}

.section-title {
    color: #343434;
    font-size: 14px;
}

.section-title h2 {
    color: #303030;
    font-size: 36px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    margin-top: 0px;
}

.section-title p {
    margin: 5px auto;
}


/*.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}
.fa-eye:before {
    content: "\f06e";
}*/


/*start project area*/


/*.constructo-project-section {
    background: #f4f5f9;
}*/

.isotop-nav ul {
    display: inline-block;
    background: #fff;
    width: 95%;
    padding-left: 0px;
    margin: 0 auto;
}

.isotop-nav ul li {
    display: inline-block;
    padding: 0px 5px;
    line-height: 60px;
    font-size: 17px;
    /* font-weight: 700; */
    color: #212121;
    text-shadow: 0px 0px #212121;
    cursor: pointer;
    position: relative;
    transition: .3s;
    font-family: 'decalotype-regular';
}

.isotop-nav ul li:before {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #003b9a;
    content: "";
    left: 0;
    bottom: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .4s;
    transition: .4s;
}

.isotop-nav ul li:hover {
    color: #003b9a;
}

.isotop-nav ul li.current:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.isotop-nav ul li:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.pro-title {
    background: #fff none repeat scroll 0 0;
    text-align: left;
    left: 0;
    padding: 0px 8px;
    top: calc(100% - 70px);
    width: 100%;
    transition: .3s;
    z-index: 2;
    overflow: hidden;
    position: absolute;
}

.constructo-project-section .col-sm-4:hover .pro-title {
    padding: 80px 15px;
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
}


/*.constructo-project-section .col-sm-4:hover .project-img {
    height: 260px;
}*/

.col2_box_tag {
    font-size: 14px;
    position: absolute;
    height: 55px;
    top: 0px;
    right: 0px;
    display: table;
    z-index: 1;
}

.col2_box_tag_txt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    background-color: #003b9a;
    position: relative;
    width: 100%;
    padding: 0 10px;
    font-family: 'courgetteregular';
    max-height: 60px;
    overflow: hidden;
}

.col2_box_tag_bottom {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 10px;
    overflow: hidden;
}

.col2_box_tag_bottom:before {
    left: 50%;
    -webkit-transform: rotate(18.5deg);
    -moz-transform: rotate(18.5deg);
    -o-transform: rotate(18.5deg);
    -ms-transform: rotate(18.5deg);
    transform: rotate(18.5deg);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #003b9a;
    content: '';
}

.col2_box_tag_bottom:after {
    left: -50%;
    -webkit-transform: rotate(-18.5deg);
    -moz-transform: rotate(-18.5deg);
    -o-transform: rotate(-18.5deg);
    -ms-transform: rotate(-18.5deg);
    transform: rotate(-18.5deg);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #003b9a;
    content: '';
}

.col2 {
    position: relative;
    width: 100%;
    margin: 45px 0px;
    text-align: center;
}

.col2 h3 {
    color: #3e3e3e;
    font-size: 36px;
    position: relative;
    width: 100%;
    font-family: 'decalotype-medium';
}

.col2 h6 {
    color: #9a9999;
    font-size: 18px;
    position: relative;
    width: 100%;
    text-align: center;
    font-family: 'decalotype-light';
    margin-top: 10px;
    text-shadow: 0px 0px #9a9999;
}

.col2_main {
    position: relative;
    width: 100%;
}

.col2_main:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 158px;
    width: 0%;
    height: 1px;
    background: url(../webImages/11.png);
    margin: 0 auto;
    display: block;
    text-align: center;
    background-size: cover;
    animation: 10s linear slide;
    animation-fill-mode: forwards;
}
@keyframes slide {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }

}
.col2_main_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 115px;
    margin-right: 6%;
    transition: .7s;
    animation: 2s fadeIn;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    visibility: hidden;
}

@keyframes fadeIn {
    60% {
        transition: .7s;
        visibility: hidden;
        opacity: 0;
    }
    100% {
        transition: .7s;
        visibility: visible;
        opacity: 1;
    }

}

.a1{animation-delay: 1s;}
.a2{animation-delay: 2s;}
.a3{animation-delay: 3s;}
.a4{animation-delay: 4s;}
.a5{animation-delay: 5s;}
.a6{animation-delay: 6s;}
.a7{animation-delay: 7s;}

.col2_main_box:nth-child(even) {
    margin-top: 50px;
}

.col2_main_box a h4 {
    color: #3e3e3e;
    font-size: 22px;
    display: block;
    position: relative;
    width: 100%;
    font-family: 'decalotype-light';
    text-shadow: 0px 0px #3e3e3e;
}

.dot_side {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #5c5c5c;
    background: #00265c;
    margin: 12px auto;
    margin-bottom: 25px;
}

.col2_main_box_img {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.col2_main_box_img img {
    /*    transform-style: preserve-3d;
    transition: all 2.0s linear;
    transform: rotateY(360deg);*/
}


/*@-webkit-keyframes rotating

{
    from {
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}*/


/*.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}*/

#menu:before {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 100px;
    height: 160px;
    background: url(../webImages/imedia1.png);
    z-index: 1;
    background-size: cover;
    /* opacity: 0.5; */
}

.col2_main_box_img:hover img {
    transform: rotateY(360deg);
}

.project-img a {
    display: block;
    position: relative;
    z-index: 1;
}

.pro-title .pro-dat {
    background: #e8e61f none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    line-height: 55px;
    position: absolute;
    right: 10%;
    text-align: center;
    top: -30px;
    width: 50px;
    z-index: 2;
    box-shadow: 1px 1px 1px #ddd;
    display: none
}

.pro-title h4 {
    color: #6a6a6a;
    font-family: 'decalotype-regular';
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: left;
    padding: 27px 0px;
}

.col-sm-4:hover .row_logo {
    width: 100%;
    float: none;
    margin: 0 auto;
    display: block;
}

.constructo-single-project {
    background: #fff none repeat scroll 0 0;
    box-shadow: 2px 3px 4px -1px #c5c6c9;
    margin-bottom: 100px;
    position: relative;
}

.isotop-active {
    padding-top: 0px;
}

.project-img {
    position: relative;
    overflow: hidden;
    height: 315px;
}

.project-img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: rgba(235, 235, 235, 0);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: scale(2);
    transform: scale(2);
    z-index: 1
}

.constructo-single-project:hover .project-img:before {
    /*background: rgba(235, 235, 235, .75);*/
    -webkit-transform: scale(1);
    transform: scale(1);
}

.constructo-single-project:hover .pro-title h4 {
    width: 100%;
    text-align: center;
    padding: 0px 0px;
    color: #303030;
    font-size: 24px;
}

.constructo-single-project img {
    -webkit-transition: .4s;
    transition: .4s;
    /* -webkit-transform: scale(1.1); */
    /* transform: scale(1.1); */
    width: 100%;
}

.pro-hover a {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    line-height: 100px;
    color: #fff
}

.pro-hover {
    background: rgba(33, 33, 33, .3) none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    height: 100px;
    left: 50%;
    line-height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.row_logo {
    position: relative;
    width: 100%;
    max-width: 150px;
    margin: 0px 0px;
    float: right;
}

.row_logo img {
    width: 100%;
}

.constructo-single-project:hover .pro-hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.getMore-project a {
    background: #003b9a none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 3px 3px 2px #c5c6c9;
    display: inline-block;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 150px;
    -webkit-transition: .4s;
    transition: .4s;
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    margin-bottom: 40px;
}

.getMore-project a:hover {
    background: #fff none repeat scroll 0 0;
    color: #003b9a;
}

.all1_btn {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 6px;
    z-index: 1;
}

.all1 {
    width: 95% !important;
    margin: 0 auto;
}

.btns_area2 {
    position: absolute;
    top: 55%;
    left: 0px;
    z-index: 1;
    width: 100%;
}

.left_btn2 {
    background: url(../webImages/36.png) no-repeat;
    width: 31px;
    height: 61px;
    position: absolute;
    cursor: pointer;
    left: 1%;
    bottom: 0%;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    background-color: inherit !important;
}

.right_btn2 {
    background: url(../webImages/37.png)no-repeat;
    width: 31px;
    height: 61px;
    position: absolute;
    right: 1%;
    bottom: 0%;
    cursor: pointer;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    background-color: inherit !important;
}

.btn3 {
    position: absolute;
    left: 0px;
    width: 47px;
    height: 47px;
    background: url(../webImages/28.png) no-repeat;
    cursor: pointer;
    animation: animation 1s infinite;
}

@keyframes animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.btn4 {
    position: absolute;
    right: 0px;
    width: 47px;
    height: 47px;
    background: url(../webImages/29.png) no-repeat;
    cursor: pointer;
    animation: animations 1s infinite;
}

@keyframes animations {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.form_section {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: text-bottom;
}

.branches_side_input {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 48.8%;
    margin-right: 2%;
    margin-bottom: 45px;
}

.branches_side_input_add i {
    opacity: 0;
}

.change_width {
    width: 31.6%;
    margin-right: 2% !important;
}

.branches_side_input i {
    position: absolute;
    left: 15px;
    top: 11px;
    z-index: 1;
    color: #949494;
    transition: 0.2s ease-out;
}

.branches_side_input:nth-child(odd) {
    margin-right: 2%;
}

.branches_side_input label {
    position: absolute;
    width: 100%;
    color: #484848;
    font-size: 14px;
    font-family: sans-serif;
    pointer-events: none;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    margin-bottom: 0px;
    transform-origin: top left;
    top: 0;
    left: 0px;
    z-index: 1;
}

.branches_side_input input {
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #e6e6e6;
    font-size: 18px;
    font-family: sans-serif;
    padding: 0px 0px 0px 50px;
    transition: 0.2s ease-out;
    color: #a1a1a1;
    background: #f9f9f9;
}

.read_more {
    display: inline-block;
    vertical-align: middle;
    background: #00265c;
    border-radius: 5px 5px;
    position: absolute;
    overflow: hidden;
    z-index: 3;
    right: 50px;
    top: 45px;
}

.read_more:hover:before {
    width: 50%;
}

.read_more:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #9cd94b;
    transition: .3s;
}

.read_more a {
    display: block;
    color: #ffffff;
    font-size: 20px;
    padding: 9px 45px;
    position: relative;
    z-index: 1;
}

.read_more:hover:after {
    width: 50%;
}

.read_more:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #9cd94b;
    transition: .3s;
}

.form2 {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 43px 20px;
    position: relative;
    right: 0px;
    top: 0%;
    background: #003b9a;
    z-index: 1;
    box-shadow: -10px 10px 0px #303030;
    background: url(../webImages/banners/4.jpg) fixed;
    background-size: cover;
}

.form2 h3 {
    color: #ffffff;
    font-size: 24px;
    font-family: 'decalotype-medium';
    margin-bottom: 25px;
}

.form2_side h4 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: 'decalotype-light';
    text-transform: uppercase;
}

.form2_side {
    position: relative;
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    text-shadow: 0px 0px #ffffff;
}

.form2_inner {
    width: 100%;
    position: relative;
    margin-top: 5px;
}

.form2_inner1 {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 18px;
    width: 65px;
}

.form2_inner2 {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 18px;
    text-shadow: 0px 0px #ffffff;
}

.form2_inner2 a {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 18px;
    text-shadow: 0px 0px #ffffff;
}

.form2_inner2 a:hover {
    color: #8a8a8a;
    text-shadow: 0px 0px 0px #8a8a8a;
}

.textarea_side {
    position: relative;
    width: 100%;
}

.branches_side_input textarea {
    position: relative;
    width: 100%;
    height: 200px;
    line-height: 2.5;
    border: 1px solid #e6e6e6;
    font-size: 18px;
    font-family: sans-serif;
    padding: 0px 0px 0px 50px;
    transition: 0.2s ease-out;
    color: #a1a1a1;
    background: #fff;
}

.branches_side_input_add input {
    padding: 0px 0px 0px 20px;
}

.branches_side_input_add textarea {
    padding: 0px 0px 0px 20px;
}

.submit_button {
    position: relative;
    width: auto;
    padding: 10px 85px;
    background: #003b9a;
    color: #fff;
    border: none;
    border-radius: 0px 0px;
    transition: .7s;
    display: block;
    margin-bottom: 35px;
}

.submit_button:hover {
    background: #656565;
}


/*end of project area*/


/*menu btn*/

.menuBtn {
    width: 40px;
    margin-top: 0px;
    /*float: right;*/
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.menuBtn:after {
    content: '';
    /*background: url(../webImages/clicktoexpand.png);*/
    width: 98px;
    height: 54px;
    z-index: 1;
    background-size: cover;
    position: absolute;
    right: 0%;
    top: 35px;
    transition: all .3s ease-in-out;
}
.scroll_header .menuBtn:after {
    opacity: 0;
}
#toggle-menu {
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
}

#toggle-menu div {
    width: 46px;
    height: 40px;
    position: relative;
    top: 13px;
}

#toggle-menu.toggle-menu-hidden span.top {
    animation: outTop .8s backwards;
    animation-direction: reverse;
}

#toggle-menu span.top {
    top: 0;
}

#toggle-menu span {
    display: block;
    width: 40px;
    height: 2px;
    background: #fff;
    position: absolute;
    animation-fill-mode: forwards;
}

#toggle-menu.toggle-menu-hidden span.middle {
    animation: outMiddle .8s backwards;
    animation-direction: reverse;
}

#toggle-menu span.middle {
    top: 7px;
}

#toggle-menu.toggle-menu-hidden span.bottom {
    animation: outBottom .8s backwards;
    animation-direction: reverse;
}

#toggle-menu span.bottom {
    top: 15px;
    width: 28px;
    right: 6px;
    transition: width .3s 0s ease;
}

#toggle-menu.toggle-menu-hidden span.bottom {
    animation: outBottom .8s backwards;
    animation-direction: reverse;
}

#toggle-menu:hover span.bottom {
    width: 40px;
    transition: width .3s 0s ease;
}


/*menu btn*/

.add_class:hover .pro-title {
    opacity: 0;
    visibility: hidden;
}
.scroll_menu {
    position: absolute;
  right: 28%;
    top: 20px;
    /*opacity: 0;*/
    /*visibility: hidden;*/
}
.scroll_menu_ ul {
    transform: scaleX(0);
}
.scroll_header .scroll_menu {
    opacity: 1;
    visibility: visible;
    top: 25%;
}
#wh-widget-send-button.wh-widget-left {
    bottom: 34% !important;
}
.scroll_header .scroll_menu ul li a {
    padding: 25px 10px;
}
.scroll_header .scroll_menu ul ul li a {
    padding: 12px 10px;
}
/*.scroll_header .menuBtn {*/
/*    display: none;*/
/*}*/
.scroll_menu ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
    display: inline-block;
    vertical-align: middle;
    transform-origin: top;
    transition: all .2s ease-in-out;
}
.scroll_menu ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.scroll_menu ul li a {
    display: block;
    color: #fff;
    font-size: 19px;
    padding: 29px 10px;
}
.scroll_menu ul li a:hover {
    color: #003b9a;
}
.scroll_menu ul ul {
    position: absolute;
    left: 0%;
    top: 100%;
    width: 100%;
    min-width: 200px;
    background: #303030;
    transition: all .2s ease-in-out;
    transform: scaleY(0);
    transform-origin: top;
}
.scroll_menu ul ul li {
    width: 100%;
    border-bottom: 1px solid #393939;
    box-shadow: 0px 1px 0px #212121;
}
.scroll_menu ul ul li:last-child {
    border-bottom: none;
    box-shadow: none;
}
.scroll_menu ul ul li a {
    padding: 12px 10px;
}
.scroll_menu ul li:hover ul {
    opacity: 1;
    transform: scaleX(1);
}
/* --------------------------Web Files close-------------------------------------*/


/* --------------------------Fonts Classes-------------------------------------*/


/* --------------------------Fonts Classes-------------------------------------*/


/* --------------------------Main Styling-------------------------------------*/

.main_container {
    width: 100%;
    position: relative;
    overflow: hidden;
    max-width: 1800px;
    margin: 0 auto;
    background: #ffffff;
}

.standard {
    position: relative;
    margin: 0 auto;
    width: 1350px;
}

#page {
    display: none;
}

div#preloader {
    overflow: hidden;
    /*background-color: #000;*/
    background: url(../webImages/imedia-images/Images/menu-image2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
    opacity: 0.9;
    text-align: center;
}
div#preloader img {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 45%;
    margin: 0 auto;
}

.main_mmenu {
    position: relative;
    /* height: 50px; */
    display: none;
}

.menu_icn {
    display: block;
    /* background: #00265c; */
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
    /* opacity: 0.9; */
}

.logo_menu a {
    color: #5e5e5e;
    font-size: 18px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.logo_menu {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0px;
    left: 0px;
    text-align: center;
    width: 24%;
    margin: 0 auto;
}

.logo_menu img {
    width: 100%;
}

.mm-title {
    color: #ffffff !important;
}

.mm-listview {
    list-style: none;
}


/* --------------------------Main Styling-------------------------------------*/


/* --------------------------Header Styling-------------------------------------*/

.banner_side {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.banner_side_ #banner li {
    background-size: cover !important;
}

.banner_side {
    position: relative;
    width: 100%;
    height: calc(100vh - 0px);
}

#banner {
    width: 100% !important;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#banner li {
    width: 100% !important;
}

#banner li img {
    width: 100% !important;
}

.header_side {
    width: 100%;
    position: absolute;
    /*    background: url(../webImages/48.png) no-repeat;
    background-size: 100% 100%;*/
    left: 0px;
    top: 0%;
    z-index: 999;
    /*background: rgba(48, 48, 48, 0.8);*/
}

.scroll_header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: rgba(48, 48, 48, 0.8);
    background: #fff;
}

.scroll_header .header_mid {
    padding: 0px 0px;
}

.background_side {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    z-index: 9999;
    position: fixed;
    left: 0px;
    top: 0px;
    display: none;
}

.scroll_header .header_top {
    display: none;
}

.scroll_header .soc_side {
    display: none;
}

.scroll_header .media_side {
    transform: translate(0, 15px) scale(0.5);
    transform-origin: top left;
    margin-left: 5px;
    top: 6px;
}

.scroll_header .logo_side_img {
     width: 140px;
    padding: 25px;
}

.scroll_header .right_side {
    margin: 21px 0px;
}

.header_top {
    width: 100%;
    position: relative;
    padding: 15px 0px;
    overflow: hidden;
    display: none;
}

.quote_box {
    position: fixed;
    right: 0px;
    /*    bottom: -18px;*/
    bottom: 0px;
    z-index: 999;
    transition: .5s;
    /*    opacity: 0.5;*/
}

.quote_box h3 {
    position: relative;
    padding: 18px 20px;
    background: #00265c;
    border-radius: 20px 20px 0px 0px;
    color: #fff;
    font-family: 'decalotype-medium';
    font-size: 18px;
    cursor: pointer;
    top: 0px;
    transition: .5s;
}

.quote_box:hover {
    bottom: 0px;
    opacity: 1;
}

.col11 {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0px;
    background: #fff;
    padding: 30px 10px;
    display: none;
    max-width: 1800px;
    margin: 0 auto;
    left: 0;
    border-top: 5px solid #003b9a;
    z-index: 99999;
}

.col11 .standard {
    max-width: 1110px;
    text-align: center;
}

.call_back {
    /*position: fixed;*/
    /*right: 0px;*/
    /*top: 193px;*/
    /*padding: 9px;*/
    /*color: #fff;*/
    /*cursor: pointer;*/
    /*text-align: center;*/
    /*background-image: url(../webImages/call-back.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% auto;*/
    /*width: 89px;*/
    /*height: 76px;*/
    /*z-index: 99999;*/
    /*opacity: 0.8;*/
}

/*.call_back:hover {
    opacity: 1;
}*/

.call_back img {
    /* margin-left: 13px; */
    margin-top: -13px;
    /* width: 40px; */
    /* -webkit-animation: ring 2s ease infinite; */
    /* animation: ring 2s ease infinite; */
    filter: brightness(0) invert(1);
    width: 35px;
}

/*.cb-button {*/
/*    left: 0;*/
/*}*/

.cb-button {
    background-color: transparent;
    border-radius: 100% !important;
    width: 200px;
    height: 200px;
    left: 0px;
    bottom: 0px;
    z-index: 999;
}

#fc-phone .cbb-circle-img,
#fc-ticket .cbb-circle-img {
    font-family: "fontelloregular" !important;
    font-style: normal !important;
    font-weight: normal !important;
    speak: none;
    text-align: center;
    line-height: 60px !important;
    font-size: 36px !important;
    color: white;
}

.cb-button .cbb-circle-img {
    background-color: #7fba00;
    border: 1px solid #7fab00;
    border-radius: 100% !important;
    position: absolute;
    top: 70px;
    left: 70px;
    width: 60px;
    height: 60px;
    transform: rotate(240deg);
}

.cb-button,
.cb-button-mobile {
    cursor: pointer;
    position: fixed;
}

.cb-button .cbb-circle {
    background-color: rgba(127, 186, 0, 0);
    border: 1px solid rgba(117, 255, 80, 0.7);
    border-radius: 100% !important;
    opacity: .5;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 160px;
    height: 160px;
    -webkit-animation: animation1 2.2s infinite ease-in-out;
    animation: animation1 2.2s infinite ease-in-out;
    -ms-animation: animation1 2.2s ease-out;
    -ms-animation-iteration-count: infinite;
}

.cb-button .cbb-circle-fill {
    background-color: rgba(117, 255, 80, 0.3);
    border: 1px solid #7fba00;
    border-radius: 100% !important;
    opacity: 1;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 100px;
    height: 100px;
    -webkit-animation: animation2 1.7s infinite ease-in-out;
    animation: animation2 1.7s infinite ease-in-out;
    -ms-animation: animation2 1.7s ease-out;
    -ms-animation-iteration-count: infinite;
}

@-webkit-keyframes animation1 {
    0% {
        opacity: .1;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    70% {
        opacity: .6;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: .3;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@-webkit-keyframes animation2 {
    0% {
        opacity: .3;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    70% {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: .1;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }
    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }
    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }
    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }
    100%,
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }
    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }
    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }
    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }
    100%,
    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.faa-parent.animated-hover:hover>.faa-ring,
.faa-ring.animated,
.faa-ring.animated-hover:hover {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial
}

.faa-parent.animated-hover:hover>.faa-ring.faa-fast,
.faa-ring.animated-hover.faa-fast:hover,
.faa-ring.animated.faa-fast {
    -webkit-animation: ring 1s ease infinite;
    animation: ring 1s ease infinite
}

.faa-parent.animated-hover:hover>.faa-ring.faa-slow,
.faa-ring.animated-hover.faa-slow:hover,
.faa-ring.animated.faa-slow {
    -webkit-animation: ring 3s ease infinite;
    animation: ring 3s ease infinite
}

@-webkit-keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }
    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }
    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }
    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }
    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }
    20% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }
    100%,
    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.open2 {
    top: 0px;
    opacity: 1;
}

.branches_side_input {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 48.8%;
    margin-right: 5%;
    margin-bottom: 20px;
}

.branches_side_input span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    top: -10px;
}

.branches_side_input span img {
    width: 100%;
}
.col11 .branches_side_input input {
    
}
.branches_side_input:nth-child(even) {
    margin-right: 0%;
}

.branches_side_input label {
    position: absolute;
    width: 100%;
    color: #484848;
    font-size: 14px;
    text-shadow: 0px 0px #484848;
    pointer-events: none;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    margin-bottom: 0px;
    transform-origin: top left;
    top: 0;
    left: 0px;
    z-index: 1;
    font-weight: normal;
    padding: 0px 55px;
}

.col11 .branches_side_input ::placeholder {
    /*color: transparent;*/
}
.inside_banner_text input::placeholder {
    color: #000;
}
.branches_side_input input ::placeholder {
    /*color: #656565;*/
}

.col11 .branches_side_input input {
    position: relative !important;
    width: 92% !important;
    height: 30px !important;
    line-height: 30px;
    border: none !important;
    border-bottom: 1px solid #c9c9c9 !important;
    color: #484848 !important;
    font-size: 14px !important;
    transition: .3s;
    min-width: 0;
    flex-grow: 1;
    box-sizing: content-box !important;
    box-shadow: none !important;
    margin: 0px 0px;
    padding: 0px 0px;
    background: transparent;
}

.col11 .branches_side_input select {
    position: relative !important;
    width: 92% !important;
    height: 30px !important;
    line-height: 30px;
    border: none !important;
    border-bottom: 1px solid #c9c9c9 !important;
    color: #484848 !important;
    font-size: 14px !important;
    transition: .3s;
    min-width: 0;
    flex-grow: 1;
    box-sizing: content-box !important;
    box-shadow: none !important;
    margin: 0px 0px;
    padding: 0px 0px;
    background: transparent;
}

.branches_side_input_add2 label {
    transform: translate(0, 1.5px) scale(0.75);
    transform-origin: top left;
    top: -15px;
}

.col11 .branches_side_input textarea {
    position: relative !important;
    width: 96% !important;
    border: none !important;
    border-bottom: 1px solid #c9c9c9 !important;
    color: #484848 !important;
    font-size: 14px !important;
    transition: .3s;
    height: 60px !important;
    min-width: 0;
    flex-grow: 1;
    box-sizing: content-box !important;
    box-shadow: none !important;
    padding: 0px 0px !important;
    margin: 0px 0px !important;
}

.branches_side_input_add .branches_side_input_bar:after {
    right: 50%;
    width: 50%;
}

.branches_side_input_add .branches_side_input_bar:before {
    left: 50%;
    width: 50%;
}

.branches_side_textarea .branches_side_input_bar {
    bottom: 5px;
}

/*input:placeholder-shown+label {
    cursor: text;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    width: 100%;
    color: #484848;
    font-size: 14px;
    text-shadow: 0px 0px #484848;
    pointer-events: none;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    margin-bottom: 0px;
    /* transform-origin: top left; */
    top: 0;
    left: 0px;
    z-index: 1;
}

::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

input:not(:placeholder-shown)+label,
input:focus+label {
    transform: translate(0, 1.5px) scale(0.75);
    transform-origin: top left;
    top: -15px;
}

textarea:placeholder-shown+label {
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    width: 100%;
    color: #484848;
    font-size: 14px;
    text-shadow: 0px 0px #484848;
    pointer-events: none;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    margin-bottom: 0px;
    transform-origin: top left;
    top: 0;
    left: 0px;
    z-index: 1;
}

::-webkit-textarea-placeholder {
    opacity: 0;
    transition: inherit;
}

textarea:focus::-webkit-textarea-placeholder {
    opacity: 0;
}

textarea:not(:placeholder-shown)+label,
textarea:focus+label {
    transform: translate(0, 1.5px) scale(0.75);
    transform-origin: top left;
    top: -15px;
}*/

.branches_side_input_add label {
    transform: translate(0, 1.5px) scale(0.75);
    transform-origin: top left;
    top: -15px;
}

.branches_side_input_add2 label {
    transform: translate(0, 1.5px) scale(0.75);
    transform-origin: top left;
    top: -15px;
}

.branches_side_input_bar {
    display: block;
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 100%;
}

.branches_side_input_bar:after,
.branches_side_input_bar:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #003b9a;
    -webkit-transition: width .4s cubic-bezier(.4, 0, .2, 1);
    transition: width .4s cubic-bezier(.4, 0, .2, 1);
}

.branches_side_textarea {
    position: relative;
    width: 100% !important;
    margin-right: 0% !important;
}

.col11 h4 {
    color: #1a1a1a;
    font-size: 25px;
    max-height: 35.22px;
    overflow: hidden;
    min-height: 35.22px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    font-family: 'gil';
}

.col11 form {
    width: 100%;
    position: relative;
    text-align: left;
}

#recaptcha1 {
    width: 304px;
    margin: 0 auto;
    display: block;
}

.col11 form input {
    width: 100%;
    position: relative;
    height: 35px;
    padding-left: 10px;
    font-size: 14px;
    border: 1px solid #003b9a;
    box-shadow: 5px 5px 0px #003b9a9e;
    margin-bottom: 15px;
    color: #333;
}

.col11 form textarea {
    width: 100%;
    position: relative;
    height: 120px;
    padding-left: 10px;
    font-size: 14px;
    border: 1px solid #003b9a;
    box-shadow: 5px 5px 0px #003b9a9e;
    margin-bottom: 15px;
    resize: none;
    padding-top: 10px;
    color: #333;
}

.submit_side {
    background: #003b9a;
    height: 40px !important;
    line-height: 40px;
    border: none !important;
    box-shadow: none !important;
    margin-top: 15px;
    margin-bottom: 0px !important;
    color: #fff !important;
    font-size: 19px !important;
    overflow: hidden;
    transition: .7s;
    width: 100% !important;
}

.submit_side:hover {
    background: #474747 !important;
    color: #fff;
}

.col11 i {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    float: right;
    cursor: pointer;
    color: #333;
}

.col1 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-size: 13px;
}

.col1 ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

.col1 ul li {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-size: 16px;
}

.col2_1 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.col2_1 ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

.col2_1 ul li {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 16px;
    padding-right: 10px;
}

.col2_1 ul li i {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.col2_1 ul li a {
    display: inline-block;
    vertical-align: bottom;
    color: #ffffff;
    font-size: 16px;
}

.col2_1 ul li a:hover {
    color: #003b9a;
}

.header_mid {
    width: 100%;
    position: relative;
    padding: 20px 0px;
}

.logo_side {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: .7s;
}

.logo_side:hover .logo_side_img {
    filter: brightness(0) invert(1);
}

.logo_side:hover .media_side_link a {
    color: #003b9a;
}

.logo_side:hover .media_side_link2 a {
    color: #ffffff;
}

.logo_side:hover .media_side_link2 a span {
    color: #003b9a;
}

.logo_side_img {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    transition: .7s;
}

.logo_side_img a {
    display: block;
}

.logo_side_img img {
    width: 100%;
}

.media_side {
    display: inline-block;
    vertical-align: middle;
    font-family: 'gil';
    position: relative;
    margin-left: 7px;
}

.media_side_link {
    display: block;
    position: relative;
    font-family: 'gil';
}

.media_side_link a {
   color: #808080;
    font-size: 40px;
    font-family: fantasy;
}

.media_side_link2 {
    display: block;
    position: relative;
    top: -10px;
}

.media_side_link2 a {
    color: #003b9a;
    font-size: 16.5px;
    font-family: 'gil';
}

.media_side_link2 a span {
    color: #cccccc;
    font-size: 16.5px;
    font-family: 'gil';
    display: inline-block;
    vertical-align: top;
    padding: 0px 2px;
}

.right_side {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px;
    position: relative;
    z-index: 9999;
}

.icon_side {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 50px;
    z-index: 2;
}

.icon_side span {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    margin-right: 5px;
}

.icon_side span img {
    width: 100%;
}

.icon_side {
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.icon_side {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 25px;
}

.icon_side span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #003b9a;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.icon_side span:nth-child(1) {
    top: 0px;
}

.icon_side span:nth-child(2) {
    top: 10px;
}

.icon_side span:nth-child(3) {
    top: 20px;
}

.icon_side.open1 span:nth-child(1) {
    top: 17px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.icon_side.open1 span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.icon_side.open1 span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.open1 {
    height: 35px;
}

.icon_side_txt {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
}

.banner_back {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.banner_txt {
    position: absolute;
    left: 50px;
    top: 25%;
    width: 100%;
}

.banner_left {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.banner_left img {
    width: 100%;
}

.banner_right {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    position: relative;
    margin-left: 2%;
}

.banner_right h3 {
    color: #003b9a;
    width: 100%;
    font-size: 49px;
    font-family: 'amblebold';
    max-height: 106.67px;
    overflow: hidden;
    padding-left: 20px;
    border-left: 5px solid #003b9a;
}

.banner_right h3 span {
    display: block;
    color: #ffffff;
    font-family: 'amblebold';
}

.banner_txt_area {
    position: relative;
    width: 100%;
    font-size: 16px;
    color: #ffffff;
    padding-left: 20px;
    border-left: 5px solid #ffffff;
    margin: 25px 0px;
}

.banner_btn {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #003b9a;
    overflow: hidden;
    text-align: center;
}

.banner_btn a {
    display: block;
    color: #ffffff;
    font-size: 20px;
}

.banner_btn a:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.banner_btn a:before {
    position: absolute;
    height: 100%;
    font-size: 125%;
    line-height: 3.5;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.banner_btn a:before {
    content: '';
    background: url(../webImages/5.png) no-repeat;
    width: 20px;
    height: 30px;
}

.banner_btn a:before {
    left: 130%;
    top: 20%;
}

.banner_btn a:hover:before {
    left: 80%;
}

.pager {
    position: absolute;
    text-align: center;
    bottom: 15px;
    border-radius: 10px;
    left: 0%;
    margin: 0 auto;
    display: block;
    width: 100%;
    z-index: 1;
}

.slide-node {
    margin: 0 auto;
}

#slide-pager {
    clear: both;
    overflow: hidden;
    padding: 0;
    text-align: center;
    z-index: 1;
}

#slide-pager li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}

#slide-pager li:last-child {
    margin-right: 0%;
}

#slide-pager li a {
    display: block;
    background: transparent;
    border: none;
    border-radius: 0px;
    vertical-align: top;
    width: 20px !important;
    border-radius: 50% !important;
    border: 1px solid #ffffff;
    height: 20px;
    padding: 5px 5px;
}

#slide-pager li a:hover {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    padding: 5px 5px;
    overflow: hidden;
    width: 20px !important;
    border-radius: 50% !important;
    border: 1px solid #003b9a;
    background: #003b9a;
}

#slide-pager li a.usl-current {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    padding: 5px 5px;
    overflow: hidden;
    width: 20px !important;
    border-radius: 50% !important;
    border: 1px solid #003b9a;
    background: #003b9a;
}

.soc_side {
    /*    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;*/
    display: none;
}

.soc_side a {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 4px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.soc_side a i {
    display: block;
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
}

.soc_side a:nth-child(1) {
    background: #00aff0;
}

.soc_side a:nth-child(2) {
    background: #3b5998;
}

.soc_side a:nth-child(3) {
    background: #1da1f2;
}

.soc_side a:nth-child(4) {
    background: #007ab5;
}

.soc_side a:nth-child(5) {
    background: #189d0e;
}

.soc_side a:nth-child(6) {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
}

.soc_side a:hover {
    filter: grayscale(100);
}


/*.links_area {
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 64%;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 0px 50px;
    display: none;
}

.links_area ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

.links_area ul li {
    display: block;
    position: relative;
    margin-bottom: 15px;
    width: 100%;
}

.links_area ul li a {
    color: #ffffff;
    font-size: 25px;
    font-family: 'amblelight';
    width: 250px;
}

.links_area ul ul li a {
    width: auto;
}

.links_area ul ul li {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-bottom: 10px;
}

.links_area a {
    color: #ffffff;
    font-size: 25px;
}

.links_area ul li a::before,
.links_area ul li a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

.links_area ul li a::before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}

.links_area ul ul li a::before {
    content: '';
}

.links_area ul ul li a::after {
    content: '';
}

.links_area ul li a::after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}

.links_area ul li a:hover::before,
.links_area ul li a:hover::after,
.links_area ul li a:focus::before,
.links_area ul li a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}

.links_area ul li a:hover {
    color: #003b9a;
}*/

.link_col {
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    display: none;
    z-index: 999999;
    /*overflow: auto;*/
    height: 100%;
}

.link_col:before {
    content: '';
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: url(../webImages/imedia-images/Images/menu-image2.jpg);
    z-index: 9999;
    background-size: cover;
    background-position: center center;
}

/*.link_col:after {
    content: '';
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: url(../webImages/imedia1.png);
}*/

.link_col_header {
    position: relative;
    width: 100%;
    z-index: 9999;
    margin-top: 25px;
    overflow: auto;
    height: 100%;
    padding-bottom: 25px;
}

.link_col_main {
    position: relative;
    width: 100%;
}

.link_col_header_logo {
    position: relative;
    display: inline-block;
    vertical-align: top;
    filter: brightness(0) invert(1);
    width: 40px;
}

.link_col_header_logo a {
    display: block;
}

.link_col_header_logo img {
    width: 100%;
}

.close_link {
    position: relative;
    float: right;
    width: 30px;
    margin: 11px 0px;
    cursor: pointer;
}

.close_link img {
    width: 100%;
}

.soc_link_ico {
    position: relative;
    width: 100%;
    text-align: center;
}

.soc_link_ico h6 {
    position: relative;
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.soc_link_ico ul {
    list-style: none;
    padding: 0px 0px;
    margin: 15px 0px;
    text-align: center;
}

.soc_link_ico ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 55px;
    margin: 0px 5px;
}

.soc_link_ico ul li a svg {
    display: block;
    font-size: 16px;
    fill: #fff;
    opacity: .5;
}

.soc_link_ico ul li img {
    width: 100%;
    filter: brightness(0) invert(1);
    transition: .7s;
}

.soc_link_ico ul li:hover img {
    filter: none;
}

.soc_link_ico ul li a {
    display: block;
}

.link_content_section {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0 3.75rem;
    box-sizing: border-box;
    margin: 50px 0px;
}

.link_content_first_col {
    width: 33.33%;
    display: inline-block;
    vertical-align: bottom;
}

.link_content_first_col h3:hover {
    background: #fff !important;
}

.link_content_first_col h3:nth-child(odd) a:hover {
    color: #4d0c5f;
}

.link_content_first_col h3:nth-child(even) a:hover {
    color: #88469c;
}

.col_fr h3 a {
    color: #fff !important;
}

.col_fr h3 a:hover {
    color: #4e7715 !important;
}

.link_content_first_col h3 {
    position: relative;
    width: 100%;
    color: #ffffff;
    font-size: 25px;
    text-transform: uppercase;
    height: 60px;
    line-height: 60px;
    font-family: 'decalotype-bold';
    letter-spacing: 1.5px;
    overflow: hidden;
    background: #68962a;
    transition: .7s;
}

.link_content_first_col h3:nth-child(1):hover a {
    color: #4e7715;
}

.link_content_first_col h3:nth-child(2):hover a {
    color: #4e7715;
}

.link_content_first_col h3:nth-child(3):hover a {
    color: #4e7715;
}

.link_content_first_col h3:nth-child(4):hover a {
    color: #4e7715;
}

.link_content_first_col h3:nth-child(5):hover a {
    color: #4e7715;
}

.link_content_first_col h3 a {
    color: #ffffff;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'decalotype-bold';
    display: block;
    padding: 0px 20px;
}

.link_content_first_col_main {
    position: relative;
    width: 100%;
    background: rgba(136, 177, 80, 0.6);
}

.link_content_first_col_main:before {
    content: '';
    position: absolute;
    left: 0%;
    top: 0%;
    width: 10px;
    height: 100%;
    background: #abe260;
    z-index: 1;
}

.link_content_first_col_main:after {
    content: '';
    position: absolute;
    right: 0%;
    top: 0%;
    width: 10px;
    height: 100%;
    background: #abe260;
    z-index: 1;
}

.col_fr .link_content_first_col_main:after {
    background: #ffffff;
}

.col_pr .link_content_first_col_main ul li:nth-child(odd) {
    background: #5a8028;
}

.col_pr h3 a {
    color: #fff !important;
}

.col_pr h3 a:hover {
    color: #90c747 !important;
}

.col_ls h3 a {
    color: #fff !important;
}

.col_ls h3 a:hover {
    color: #4e7715 !important;
}

.link_content_first_col_main ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

.link_content_first_col_main ul li {
    width: 100%;
    position: relative;
    transition: .7s;
}

.link_content_first_col_main ul li a {
    display: block;
    color: #fff;
    font-size: 18px;
    opacity: .9;
    padding: 7px 30px;
}

.link_content_first_col_main ul li:nth-child(odd):hover a {
    color: #4e7715;
}

.link_content_first_col_main ul li:nth-child(even):hover a {
    color: #4e7715;
}

.col_pr ul li:nth-child(odd):hover a {
    color: #82b73c;
}

.col_pr ul li:nth-child(even):hover a {
    color: #4e7715;
}

.col_ls ul li:nth-child(odd):hover a {
    color: #4e7715;
}

.col_ls ul li:nth-child(even):hover a {
    color: #4e7715;
}

.col_fr .link_content_first_col_main ul li:nth-child(odd) {
    background: #5a8028;
}

.col_pr .link_content_first_col_main ul li:nth-child(even) {
    background: #82b73c;
}

.col_pr .link_content_first_col_main:after {
    background: #ffffff;
}

.col_pr .link_content_first_col_main:before {
    background: #ffffff;
}

.link_content_first_col_main ul li:hover {
    background: #fff !important;
}


/*.col_fr .link_content_first_col_main ul li:nth-child(even) {
    background: #bf5a47;
}*/

.link_portion1 {
    position: relative;
    width: 100%;
}

.btns_area {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    z-index: 6;
    width: 100%;
}

.left_btn {
    font-size: 40px;
    position: absolute;
    cursor: pointer;
    left: 1%;
    bottom: 0%;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    background-color: inherit !important;
}

.left_btn i {
    color: #ffffff;
    transition: .7s;
    font-size: 61px;
    transition: .7s;
}

.left_btn:hover i {
    color: #213e60;
}

.left_btn:hover {
    margin-left: 10px;
}

.right_btn {
    position: absolute;
    right: 1%;
    bottom: 0%;
    cursor: pointer;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    background-color: inherit !important;
}

.right_btn:hover i {
    color: #213e60;
}

.right_btn:hover {
    margin-right: 10px;
}

.right_btn i {
    color: #ffffff;
    transition: .7s;
    font-size: 61px;
    transition: .7s;
}

.pager {
    position: absolute;
    text-align: center;
    bottom: 76px;
    padding: 1px 25px;
    border-radius: 10px;
    left: 0%;
    right: 0px;
    margin: 0 auto;
    display: block;
    width: 171px;
    z-index: 999;
}

.slide-node {
    margin: 0 auto;
}

#slide-pager {
    clear: both;
    overflow: hidden;
    padding: 0;
    text-align: center;
    z-index: 1;
}

#slide-pager li:last-child {
    margin-right: 0%;
}

.usl-current-parent {
    background: #ffffff;
}

#slide-pager li a {
    display: block;
    background: transparent;
    border: none;
    border-radius: 0px;
    vertical-align: top;
    display: inline-block;
    padding: 5px 5px;
}

#slide-pager li a:hover {
    width: 15px !important;
    display: inline-block;
    vertical-align: top;
    height: 15px;
    background: #ffffff;
    border-radius: 50%;
    padding: 5px 5px;
    overflow: hidden;
}

#slide-pager li {
    width: 15px !important;
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    /* background: #fff; */
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 6px;
    cursor: pointer;
    margin-top: -2px;
}

.banner_side ul li::after {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    /*   background: rgba(51, 51, 51, 0.58);*/
    content: '';
    z-index: 1;
}

.banner_main_text_side {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 25%;
    z-index: 99;
}

.banner_t1_left {
    width: 15.6%;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.banner_t1_left img {
    width: 100%;
}

.banner_t2_right {
    width: 15.6%;
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.banner_t2_right img {
    width: 100%;
}

.text_banner {
    width: 55%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    /* max-height: 143px; */
    /* overflow: hidden; */
}

.banner_hed_side {
    width: 100%;
    text-align: center;
    vertical-align: top;
}

.banner_hed_side h3 {
    width: 100%;
    color: #808080;
    font-size: 60px;
    font-family: 'decalotype-semibold';
}

.inside_banner_text {
    width: 93%;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-size: 24px;
    font-family: 'decalotype-regular';
    margin-top: 34px !important;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.inside_banner_text a {
    display: inline-block;
    color: #92cd44;
    font-size: 24px;
    font-family: 'decalotype-regular';
    border-bottom: 1px solid transparent;
    transition: .7s;
}

.inside_banner_text a:hover {
    border-bottom: 1px solid #003b9a;
}


/*.menu_icon1 {
    width: 30%;
    display: block;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 64px;
    transition: .7s;
}

.menu_icon1 img {
    width: 100%;
}

.main_links ul li:hover .menu_icon1 {
    bottom: 20px;
}*/

.menu_text1 {
    color: #ffffff;
    font-family: 'decalotype-light';
    font-size: 20px;
    opacity: 1;
    transition: .7s;
    padding: 14px 16px;
}

.main_links ul li:hover .menu_text1 {
    /* opacity: 0; */
    background: #86ba3f;
}

.header_contact_side {
    width: 19%;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 35px 0px;
    display: none;
}

.contact_pic {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.contact_pic {
    width: 13.3%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.number_side {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    color: #ffffff;
    font-family: 'decalotype-semibold';
}

.text_banner_btn {
    max-width: 280px;
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
    height: 54px;
    line-height: 54px;
    border-radius: 7px;
    background: #00265c;
    overflow: hidden;
    position: relative;
    margin-top: 33px;
    transition: .7s;
    border: 1px solid #00265c;
    display: none;
    /*      text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;*/
}

.text_banner_btn:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #3e3e3e;
    transition: .3s;
}

.text_banner_btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #3e3e3e;
    transition: .3s;
}

.text_banner_btn:hover:before {
    width: 55%;
}

.text_banner_btn:hover:after {
    width: 55%;
}

.text_banner_btn a {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-family: 'decalotype-medium';
    text-transform: uppercase;
    transition: .7s;
    position: relative;
    z-index: 1;
}


/*.text_banner_btn:hover a {
    -webkit-animation: neon4 1.5s ease-in-out infinite alternate;
    -moz-animation: neon4 1.5s ease-in-out infinite alternate;
    animation: neon4 1.5s ease-in-out infinite alternate;
}

.text_banner_btn:hover {
    background: transparent;
    border: 1px solid #00265c;
    border-radius: 50px;
}

@-webkit-keyframes neon4 {
    from {
        text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
    }
    to {
        text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
    }
}

@-moz-keyframes neon4 {
    from {
        text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
    }
    to {
        text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
    }
}

@keyframes neon4 {
    from {
        text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
    }
    to {
        text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
    }
}*/

.bottom_area_arrow {
    position: absolute;
    left: 0px;
    width: 27px;
    right: 0px;
    left: 0px;
    text-align: center;
    bottom: 2%;
    z-index: 99;
    margin: 0 auto;
    cursor: pointer;
}

.bottom_area_arrow img {
    width: 100%;
}

.bounce {
    -moz-animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    animation: bounce 4s infinite;
}


/*.header_side_ {
    position: relative;
    margin: 30px 0px;
}

.header_side_ .logo_side .logo_area .imedia .i_text {
    color: #707070;
}

.header_side_ .main_links ul li a {
    color: #86b940;
}

.header_side_ .main_links ul li .menu_text1 {
    color: #595959;
    text-shadow: 0px 0px #595959;
}

.header_side_ .header_contact_side .number_side {
    color: #595959;
}*/

.inner_content {
    position: relative;
    width: 100%;
}

.inner_banner_text {
    position: absolute;
    left: 0px;
    bottom: 25%;
    width: 100%;
    right: 0px;
    text-align: center;
    z-index: 9;
        bottom: 22%;
}

.inner_banner_text h6 {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    max-height: 21.25px;
    overflow: hidden;
    z-index: 1;
}

.inner_banner_text h6 a {
    color: #fff;
    font-size: 20px;
}

.inner_banner_text h6 a:hover {
    color: #8bb94b;
}

.inner_banner_text h1 {
    position: relative;
    width: 90%;
    color: #fff;
    font-size: 150px;
    max-height: 170px;
    overflow: hidden;
    margin: 0 auto;
}

.inner_banner_txt {
    position: relative;
    width: 90%;
    color: #fff;
    font-size: 30px;
    margin: 0 auto;
    max-height: 42.5px;
    overflow: hidden;
}

.inner_content_main {
    position: relative;
    width: 100%;
    margin: 35px 0px;
    /* margin-bottom: 0px; */
    z-index: 9;
}

.inner_content_main .col11 {
    position: relative;
    display: block;
    padding: 0px 0px;
    border: none;
    z-index: auto;
}

.inner_content_main .col11 .branches_side_input .branches_side_input_bar {
    bottom: 7px;
}

.inner_content_main .col11 .branches_side_textarea .branches_side_input_bar {
    bottom: 6px;
}

.inner_content_main_left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 95%;
    margin-right: 0%;
    font-size: 20px;
    color: #656565;
    text-align: center;
    font-family: 'decalotype-light';
    margin: 0 auto;
    display: block;
}

.inner_content_main_left a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #003b9a;
    font-size: 18px;
    text-shadow: none;
}

.inner_content_main_left a:hover {
    color: #656565;
    text-shadow: 0px 0px #656565;
}

.inner_content_main_left h3 {
    position: relative;
    width: 100%;
    color: #656565;
    font-family: 'decalotype-medium';
    font-size: 40px;
    margin-bottom: 25px;
}

.inner_content_main3 {
    position: relative;
    width: 100%;
    background: url(../webImages/bullet.png) fixed;
    padding: 70px 50px;
    background-size: cover;
    margin-top: 50px;
}

.inner_content_main2 {
    position: relative;
    width: 100%;
    padding: 50px 50px;
    /*    background: url(../webImages/19.png) no-repeat fixed;*/
    background-size: cover;
    text-align: center;
}

.inner_content_main3_left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 36%;
    color: #ffffff;
    font-size: 24px;
    font-family: 'decalotype-light';
    margin-right: 5%;
}

.inner_content_main3_left h3 {
    position: relative;
    width: 100%;
    text-align: left;
    margin: 25px 0px;
    font-size: 45px;
    margin-top: 15px;
}

.inner_content_main3_right_main_side {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 24px;
    font-family: 'decalotype-light';
    text-align: center;
    margin-bottom: 50px;
}

.inner_content_main3_right_main_side h3 {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 45px;
    margin-bottom: 15px;
    max-height: 54px;
    min-height: 54px;
    overflow: hidden;
    margin-top: 15px;
}

.inner_content_main3_right {
    position: relative;
    width: 58%;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 24px;
    font-family: 'decalotype-light';
}

.inner_content_main3_right h3 {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 45px;
    margin-bottom: 15px;
    max-height: 54px;
    min-height: 54px;
    overflow: hidden;
    margin-top: 15px;
    text-align: left;
}

.inner_content_main2:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}

.box_side {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 34%;
    margin-right: 5%;
    margin-bottom: 50px;
    text-align: left;
}

.box_side:nth-child(even) {
    margin-right: 0%;
}

.box_side h3 {
    position: relative;
    width: 100%;
    color: #59575c;
    font-size: 35px;
    font-family: 'decalotype-medium';
    text-align: left;
}

.box_side_img {
    position: relative;
    width: 100%;
    margin: 25px 0px;
    border: 1px solid #bdbdbd;
    overflow: hidden;
}

.box_side_img img {
    width: 100%;
    transition: .3s;
}

.box_side_txt {
    position: relative;
    width: 100%;
    font-size: 20px;
    color: #59575c;
    text-align: left;
    font-family: 'decalotype-regular';
    max-height: 83.33px;
    overflow: hidden;
}

.box_side a {
    display: inline-block;
    vertical-align: top;
    color: #59575c;
    font-family: 'decalotype-medium';
    font-size: 18px;
    margin-top: 10px;
    border-bottom: 1px solid #daffa7;
}

.box_side:hover a {
    color: #303030;
    border-bottom: 1px solid #303030;
}

.box_side:hover .box_side_img img {
    transform: scale(1.5);
}

.inner_content_main_right {
    position: relative;
    width: 19%;
    display: inline-block;
    vertical-align: top;
}

.inner_content_main_right img {
    width: 100%;
}

.inner_content_main_right ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

.inner_content_main_right ul li {
    position: relative;
    width: 100%;
    /* margin-bottom: 10px; */
    background: url(../webImages/35.png);
    background-repeat: round;
    border: 0.5px solid #fff;
    transition: .3s;
}

.inner_content_main_right ul li.active {
    background: url(../webImages/34.png);
    background-repeat: round;
}

.inner_content_main_right ul li:hover {
    background: url(../webImages/34.png);
    background-repeat: round;
}

.inner_content_main_right ul li.active a {
    color: #ffffff;
}

.inner_content_main_right ul li a {
    display: block;
    color: #ffffff;
    font-size: 22px;
    padding: 6px 10px;
}

.inner_content_main_right h3 {
    position: relative;
    width: 100%;
    color: #656565;
    font-family: 'decalotype-medium';
    font-size: 28px;
    margin-bottom: 25px;
}

.button_side {
    position: absolute;
    left: 0%;
    top: 55%;
    width: 100%;
    z-index: 2;
}

.button_side_l {
    position: absolute;
    left: 2%;
    width: 31px;
    height: 61px;
    background: url(../webImages/36.png) no-repeat;
    cursor: pointer;
}

.button_side_r {
    position: absolute;
    right: 2%;
    width: 31px;
    height: 61px;
    background: url(../webImages/37.png) no-repeat;
    cursor: pointer;
}


/* --------------------------Header Styling close-------------------------------------*/

.box-piesite {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.box-piesite ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0px 0%;
    max-width: 240px;
    width: 100%;
}

.box-piesite ul li h6 {
    color: #ffffff;
    font-size: 32px;
    margin-top: 35px;
    font-family: 'decalotype-medium';
    max-height: 34.67px;
    overflow: hidden;
}

.chartBarsWrap {
    padding-left: 40px;
    margin: 0 30px 0 20px;
}

.chartBars {
    position: relative;
    max-width: 600px;
    height: 300px;
    margin: 50px auto 100px;
    .bars {
        display: flex;
        justify-content: space-around;
        border-left: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        width: 100%;
        height: 100%;
        padding: 0;
        padding: 0 1%;
        margin: 0;
        li {
            display: inline-block;
            flex: 0 1 24%;
            height: 100%;
            margin: 0;
            text-align: center;
            position: relative;
            font-size: 16px;
            .bar {
                width: 100%;
                background: #49E;
                position: absolute;
                font-size: 1.5em;
                color: #fff;
                padding-top: 18px;
                bottom: 0;
                height: 0;
                overflow: hidden;
                font-weight: bold;
                outline: 2px solid transparent;
                -webkit-transition: 1.5s height cubic-bezier(.6, .4, .4, 1.1);
                transition: 1.5s height cubic-bezier(.6, .4, .4, 1.1);
                &:after {
                    content: '%';
                    font-size: 22px !important;
                    vertical-align: top;
                    color: rgba(255, 255, 255, .8);
                    margin-right: -8px;
                }
                &:hover {}
            }
            b {
                color: #eee;
                width: 100%;
                position: absolute;
                bottom: -2em;
                left: 0;
                text-align: center;
            }
        }
    }
    .numbers {
        width: 50px;
        height: 100%;
        margin: 0;
        padding: 0;
        display: inline-block;
        position: absolute;
        left: -50px;
        li {
            text-align: right;
            padding-right: 1em;
            list-style: none;
            height: 59px;
            position: relative;
            font-size: 13px;
            bottom: 11px;
            right: -9px;
            color: #eee;
            &:after {
                content: "\00af";
                position: relative;
                right: -5px;
                font-size: 20px;
                top: 7px;
                color: rgba(255, 255, 255, 0.34);
            }
            &:first-of-type {
                height: 63px;
                margin-top: -1px;
            }
        }
    }
}

////////////////////////////////////
// Individual Chart Styles
.chartBars1 .bar {
    border-top-right-radius: 30px;
}

.chartBars2 {
    max-width: 350px;
    .bars {
        padding: 0;
        li {
            flex: 0 1 25%;
            .bar {
                box-shadow: 0 0 20px #222;
            }
        }
    }
}

.chartBars3 {
    background: rgba(255, 255, 255, .1);
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    .bars {
        border-color: #666;
        padding: 0;
        li .bar {
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
            font-size: 22px !important;
            &:after {
                font-size: .6em !important;
            }
        }
    }
}

.chartBarsWrap.chartBarsHorizontal {
    flex-direction: column;
    padding-left: 70px;
    .bars b {
        color: #eee;
        width: 100%;
        position: absolute;
        bottom: initial;
        top: 1em;
        left: -102%;
        text-align: right;
    }
    .chartBars {
        height: 200px;
    }
    .chartBars .bars {
        border: 0;
        .bar {
            width: 0;
            padding-top: 10px;
            height: 100% !important;
            text-align: right;
            font-size: 1.5em;
            -webkit-transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
            transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
            &:after {
                font-size: .6em !important;
                margin-right: 20px;
            }
        }
    }
}

////////////////////////////////////////////////////
//                   Colors
////////////////////////////////////////////////////
@lighten-percentage: 15%;
@green: #6B8E23;
@lightgreen: lighten(@green,
@lighten-percentage);
@blue: #49E;
@lightblue: lighten(@blue,
@lighten-percentage);
@orange: #FFA500;
@lightorange: lighten(@orange,
@lighten-percentage);
@purple: #6e46af;
@lightpurple: lighten(@purple,
@lighten-percentage);
.bars li .bar.greenBar {
    background-color: #6B8E23;
    background: radial-gradient(@lightgreen, @green);
}

.bars li .bar.greenBarFlat {
    background-color: #6B8E23;
}

.bars li .bar.blueBar {
    background-color: #49E;
    background: radial-gradient(@lightblue, @blue);
}

.bars li .bar.blueBarFlat {
    background-color: #49E;
}

.bars li .bar.orangeBar {
    background-color: orange;
    background: radial-gradient(@lightorange, @orange);
}

.bars li .bar.orangeBarFlat {
    background-color: orange;
}

.bars li .bar.purpleBar {
    background-color: #6e46af;
    background: radial-gradient(@lightpurple, @purple);
}

.bars li .bar.purpleBarFlat {
    background-color: #6e46af;
}

////////////////////////////////////////////////////
//              Pie Charts
////////////////////////////////////////////////////
// https://codepen.io/StephenScaff/pen/VYaQGB
// by Stephen Scaff
.box-piesite {
    text-align: center;
    font-size: 22px;
}

.piesite {
    position: relative;
    width: 1em;
    height: 1em;
    font-size: 15em;
    cursor: default;
    margin: 0 auto;
}

.piesite .percent {
    position: absolute;
    top: 1em;
    left: 0;
    width: 100%;
    font-size: .3em;
    text-align: center;
    z-index: 2;
}

.piesite>#slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0px, 1em, 1em, 0.5em);
}

.piesite>#slice.gt50 {
    clip: rect(auto, auto, auto, auto);
}

.piesite>#slice>.pie {
    position: absolute;
    border: .1em solid #444;
    width: 1em;
    height: 1em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 0.5em;
}

li.design .piesite>#slice>.pie {
    border-color: #003b9a;
}

li.usability .piesite>#slice>.pie {
    border-color: #003b9a;
}

li.creativity .piesite>#slice>.pie {
    border-color: #003b9a;
}

.piesite>#slice>.pie.fill {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.piesite.fill>.percent {
    display: none;
}

.piesite:after {
    content: '';
    display: block;
    position: absolute;
    top: .1em;
    left: .1em;
    width: .8em;
    height: .8em;
    background: #30303A;
    border-radius: 100%;
    z-index: 1;
}

.piesite:before {
    content: '';
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    border-radius: .5em;
    opacity: .5;
    z-index: 0;
}

.piesite:before {
    background: rgba(255, 255, 255, 0.1);
}

 

.chartBarsHorizontal .chartBars .bars {
    flex-direction: column;
}

////////////////////////////////////////////////////
//                Media Queries
////////////////////////////////////////////////////
@media screen and (min-width: 600px) {
    .bar:before {
        font-size: 2em !important;
    }
    .chartBars3 .bar:before {
        font-size: 1.5em !important;
    }
}

 


/* --------------------------Panel Styling -------------------------------------*/


/* --------------------------Content Styling --------------------------------------*/

.contant_main_side {
    width: 100%;
    position: relative;
    background: #ffffff;
    z-index: 9;
    padding-bottom: 50px;
}

.about_main_side {
    width: 100%;
    position: relative;
    text-align: center;
}

.inside_about {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.inside_about h3 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-light';
    font-size: 20px;
    color: #003b9a;
    max-height: 21.25px;
    overflow: hidden;
}

.inside_about h2 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-medium';
    font-size: 44px;
    color: #3e3e3e;
    margin-top: 20px;
    max-height: 53px;
    min-height: 53px;
    overflow: hidden;
}

.info_about_main_text {
    width: 60.3%;
    display: block;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
    font-family: 'decalotype-light';
    font-size: 18px;
    color: #9a9999;
    margin-top: 27px;
}

.info_about_change {
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-light';
    font-size: 18px;
    color: #003b9a;
    margin: 0px 3px;
}

.info_about_change a {
    font-family: 'decalotype-light';
    font-size: 18px;
    color: #003b9a;
}

.info_about_change span {
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-light';
    font-size: 18px;
    color: #010101;
}

.all_services_main_side {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 35px;
    text-align: center;
}

.tab_main_side {
    width: 100%;
    position: relative;
    display: inline-block;
}

#tabs {
    width: 100%;
    position: relative;
}

#tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tabs ul li {
    display: inline-block;
    border: 1px solid #00265c;
    border-radius: 5px;
    margin-right: 8%;
    background: transparent;
    transition: .7s;
    position: relative;
}

#tabs ul li:last-child {
    margin-right: 0%;
}

#tabs ul li a {
    display: block;
    font-size: 18px;
    color: #000000;
    font-family: 'decalotype-semibold';
    text-shadow: 0px 0px #000000;
    padding: 10px 60.8px;
    transition: .7s;
    position: relative;
    z-index: 1;
}

#tabs ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #00265c;
    transition: .3s;
}

#tabs ul li:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #00265c;
    transition: .3s;
}

#tabs ul li:hover:before {
    width: 50%;
}

#tabs ul li:hover:after {
    width: 50%;
}

#tabs ul li:hover a {
    color: #ffffff;
    font-family: 'decalotype-semibold';
}

.ui-state-active {
    background: #00265c !important;
}

.ui-state-active a {
    color: #ffffff !important;
}

.inside_main_all_services {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    background: #f9f9f9;
    padding: 30px 0px;
}

.service_product_main_box {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.service_box2 {
    width: 28.7%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #ffffff;
    padding: 25px 0px;
    margin-right: 3%;
    border: 1px solid #d6d6d6;
    text-align: center;
    transition: .7s;
    margin-bottom: 25px;
    overflow: hidden;
}

.service_box2 a {
    display: block;
    transition: .7s;
}

.service_box2:nth-child(3n) {
    margin-right: 0%;
}

.service_pic1 {
    width: 45%;
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
    transform-style: preserve-3d;
    transition: all 2.0s linear;
    transform: rotateY(360deg);
}


/*.rotating {
    -webkit-animation: rotating 3s linear infinite;
    -moz-animation: rotating 3s linear infinite;
    -ms-animation: rotating 3s linear infinite;
    -o-animation: rotating 3s linear infinite;
    animation: rotating 3s linear infinite;
}

@keyframes rotating {
    from {
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}*/

.service_pic1 img {
    transform-style: preserve-3d;
    transition: all 1.0s ease-in-out;
    transform: rotateX(360deg);
}


/*
.service_pic1 img {
    width: 100%;
}*/


/*@-webkit-keyframes rotating / Safari and Chrome / {
    from {
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 4s linear infinite;
    -moz-animation: rotating 4s linear infinite;
    -ms-animation: rotating 4s linear infinite;
    -o-animation: rotating 4s linear infinite;
    animation: rotating 4s linear infinite;
}*/

.service_text_inside {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    transition: .7s;
}

.service_text_inside h2 {
    width: 100%;
    font-family: 'decalotype-medium';
    font-size: 26px;
    color: #00265c;
    /*    max-height: 30.5px;
    min-height: 30.5px;
    overflow: hidden;*/
}

.info_service {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    font-family: 'decalotype-light';
    font-size: 22px;
    color: #000000;
    max-height: 31.25px;
    transition: .7s;
}

.service_total_info {
    width: 98%;
    position: absolute;
    bottom: -100%;
    background: #3e3e3e;
    padding: 50px 40px;
    left: 0;
    box-shadow: 9px 9px 0px #00265c;
    opacity: 0;
    transition: .7s;
    height: 98%;
}

.inside_total_text {
    width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-light';
    font-size: 19px;
    color: #ffffff;
    max-height: 136.25px;
    overflow: hidden;
}

.color_change_service_text {
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-light';
    font-size: 19px;
    color: #003b9a;
}

.color_change_service_text a {
    font-family: 'decalotype-light';
    font-size: 19px;
    color: #003b9a;
}

.service_box2:hover .service_total_info {
    opacity: 1;
    bottom: 3%;
}

.service_btn {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 215px;
    height: 50px;
    line-height: 50px;
    max-height: 50px;
    overflow: hidden;
    text-align: center;
    z-index: 9;
    border-radius: 5px;
    transition: .7s;
    background: #00265c;
    border: 1px solid #00265c;
}

.service_btn:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #ffffff;
    transition: .3s;
}

.service_btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #ffffff;
    transition: .3s;
}

.service_btn:hover:before {
    width: 50%;
}

.service_btn:hover:after {
    width: 50%;
}

.service_btn a {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-family: 'decalotype-regular';
    position: relative;
    z-index: 3;
}

.service_btn:hover a {
    color: #1a1a1a;
    text-shadow: 0px 0px #1a1a1a;
}


/*.service_btn:hover.service_btn::after {
    opacity: 1;
}*/

.main_innovation_side {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 70px;
    overflow: hidden;
    /*background: url(../webImages/1.gif);*/
    background-size: cover;
}

#bgvid1 {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url(../webImages/20.jpg) no-repeat;
    background-size: auto auto;
    background-size: cover;
    transition: 1s opacity;
}

.main_innovation_side:before {
    content: '';
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: url(../webImages/black-dots.png);
    opacity: 0.3;
}

.main_innovation_side:after {
    content: '';
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.innovation_left_side {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    float: none;
    /* background: #3e3e3e; */
    padding: 35px 45px;
    text-align: center;
    z-index: 2;
    position: relative;
}

.innovation_left_side .box-piesite {
    text-align: center;
}

.innovation_left_side .box-piesite .piesite:after {
    background: #3e3e3e;
}

.innovation_left_side .box-piesite .piesite {
    font-size: 10em;
    color: #fff;
}

.innovation_left_side .box-piesite ul li h6 {
    font-size: 20px;
    text-align: center;
}

.inside_innovation_left {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.innovation_text_main_side {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.innovation_text_main_side h3 {
    width: 100%;
    font-family: 'decalotype-light';
    font-size: 20px;
    color: #003b9a;
    max-height: 21.25px;
    overflow: hidden;
}

.innovation_hed {
    width: 100%;
    /*    margin-top: 20px;*/
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-regular';
    font-size: 40px;
    color: #fefefe;
    /*    max-height: 56.25px;
    overflow: hidden;*/
}

.innovation_hed span {
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-regular';
    font-size: 40px;
    color: #00265c;
}

.inside_text_innovation {
    width: 50%;
    position: relative;
    font-family: 'decalotype-light';
    font-size: 18px;
    color: #fffefe;
    /*    max-height: 75px;
    overflow: hidden;*/
    margin: 10px auto;
}

.counts_main_side {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

#counter {
    width: 100%;
    position: relative;
    /* margin-top: 15px; */
}

.count1 {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 0%;
    max-width: 240px;
}

.count1:last-child {
    margin-right: 0%;
}

.count1_txt {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-light';
    font-size: 18px;
    color: #003b9a;
    max-height: 25px;
    overflow: hidden;
}

.number_side_count {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}

.number_side_count h6 {
    color: #fefefe;
    font-size: 42px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'decalotype-extrabold';
    transition: .7s;
    position: relative;
    top: -5px;
}

.count1 h1 {
    color: #fefefe;
    font-size: 42px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'decalotype-extrabold';
    position: relative;
    transition: .7s;
    top: -5px;
}

.number_side_count:before {
    content: '';
    background: url(../webImages/count_left.png);
    width: 21px;
    height: 46px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.number_side_count:after {
    content: '';
    background: url(../webImages/count_right.png);
    width: 21px;
    height: 46px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.our_main_skills {
    width: 100%;
    position: relative;
    display: none;
    margin-top: 25px;
}

.our_main_skills h3 {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-light';
    font-size: 24px;
    color: #003b9a;
    max-height: 26.25px;
    overflow: hidden;
}

.pageload-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
}

.pageload-overlay.show {
    visibility: visible;
}

.pageload-overlay svg {
    position: absolute;
    top: 0;
    left: 0;
}

.pageload-overlay svg path {
    fill: #fff;
}

.inside_skills_per {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.skills_box1 {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 15px;
}

.skills_hed {
    width: 21.4%;
    margin-right: 2%;
    font-family: 'decalotype-light';
    vertical-align: middle;
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
}

.skills_slid_side {
    width: 70.4%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: #ffffff;
    padding: 0px 10px;
    box-shadow: 5px 5px 0px #a7a7a7;
    overflow: hidden;
    height: 27px;
}

.myBar_persantage {
    height: 16px;
    background: #9cd94b;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 88%;
}

.myBar_persantage:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 8px;
    background: #00265c;
    width: 100%;
}

.skills_slid_side span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'decalotype-semibold';
    color: #477d64;
    font-size: 16px;
    float: right;
    position: relative;
    right: 3px;
}

.col1_side {
    position: relative;
    width: 51%;
    float: left;
    display: none;
}

.col1_side_left {
    position: relative;
    float: left;
    width: 41%;
    max-height: 300px;
    min-height: 300px;
    overflow: hidden;
    z-index: 3;
}

.col1_side_left:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: .7s;
    opacity: 0;
    z-index: 1;
}

.col1_side_left:hover img {
    transform: scale(1.5);
}

.col1_side_left:hover:before {
    opacity: 1;
}

.col1_side_left img {
    max-width: 100%;
    height: 100%;
    transition: .7s;
    transform: scale(1.2);
}

.col1_side_right {
    position: absolute;
    width: 60%;
    text-align: center;
    background: #477d64;
    padding: 17.7px 0px;
    right: 0px;
    top: 0;
    height: 100%;
}

.col1_side_right:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url(../webImages/2.png) no-repeat;
    width: 123px;
    height: 136px;
    transform-style: preserve-3d;
    transition: all .7s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.col1_side_right span {
    display: block;
    position: relative;
}

.col1_side_right h3 {
    color: #fefefe;
    font-size: 30px;
    position: relative;
    width: 100%;
    font-family: 'decalotype-light';
    max-height: 70px;
    min-height: 70px;
    overflow: hidden;
    margin: 15px 0px;
}

.col1_side_right_txt {
    position: relative;
    width: 55%;
    color: #fffefe;
    font-size: 18px;
    font-family: 'decalotype-light';
    margin: 15px auto;
    margin-top: 0px;
}

.col1_side_main {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 292.5px;
}

.col1_side_main .col1_side_right:hover:after {
    right: 0px;
    left: initial;
    transform: rotate(180deg);
    top: 0;
}

.col1_side_main:nth-child(even) .col1_side_right:hover:after {
    right: initial;
    left: 0;
    bottom: 0px;
    transform: rotate(360deg);
    top: initial;
}

.col1_side_main:nth-child(even) .col1_side_right {
    background: #00265c;
    left: 0px;
    top: 0;
}

.col1_side_main:nth-child(even) .col1_side_left {
    float: right;
}

.col1_side_main:nth-child(even) .col1_side_right:after {
    right: 0px;
    left: initial;
    top: 0;
    bottom: initial;
    transform: rotate(180deg);
}

.col3 {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 145px;
    background: url(../webImages/19.jpg);
    background-size: cover;
    padding: 45px 0px;
    max-height: 540px;
    min-height: 540px;
}

.col3 h3 {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #3e3e3e;
}

.col3_main_ {
    position: relative;
    width: 100%;
    padding: 45px 0px;
    overflow: hidden;
}

.col3_main_:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    animation: myanimation 25s infinite;
    background: url(../webImages/3.jpg) no-repeat;
    background-size: cover;
}

/*.col5:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0px;*/
/*    top: 0px;*/
/*    width: 100%;*/
/*    height: 100%;*/
    /* animation: myanimation 25s infinite; */
/*    background: url(../webImages/13.jpg) fixed center center;*/
/*    background-size: cover;*/
/*}*/

.col5:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.col5 .standard {
    z-index: 1;
}

@keyframes myanimation {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.product_owl {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 35px;
}

.product2 {
    width: 77%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5%;
    transition: .7s;
    margin-top: 6%;
}

.product2 img {
    width: 100%;
    transition: .7s;
}

.product2 a {
    display: block;
}

.grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    opacity: 1 !important;
}

.all1 .owl-item {
    opacity: 0.5;
}

.grow .product2 {
    width: 120%;
    position: absolute;
    left: -7%;
    right: 0px;
    z-index: 1;
    /* height: 400px; */
    margin-top: 0%;
}

.col3 h3 {
    font-size: 36px;
    font-family: 'decalotype-medium';
}

.col3_main {
    position: relative;
    width: 100%;
    margin: 25px 0px;
    overflow: hidden;
    margin-bottom: 0px;
}

.col3_box {
    position: relative;
    float: left;
    width: 25%;
    overflow: hidden;
    cursor: pointer;
}

.col3_box a {
    display: block;
}

.col3_box img {
    width: 100%;
}

.col3_box_pop {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(134, 186, 64, 0.9);
    padding: 40px 0px;
    transition: all .3s ease-in-out;
    transform: scaleY(0);
}

.col3_box_pop_option {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.col3_box_pop_option a {
    position: relative;
    width: 50px;
    line-height: 43px;
    height: 50px;
    border: 1px solid #ffffff;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px;
}

.col3_box_pop_option a img {
    width: initial;
}

.col3_box_pop h4 {
    position: relative;
    width: 100%;
    color: #ffffff;
    font-size: 22px;
    font-family: 'decalotype-medium';
}

.col3_box h5 {
    position: relative;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    margin-top: 12px;
}

.col3_box:hover .col3_box_pop {
    transform: scaleY(1);
}

.col3_btn {
    position: absolute;
    width: 215px;
    height: 50px;
    line-height: 50px;
    background: #00265c;
    text-align: center;
    margin: 0 auto;
    bottom: -25px;
    /* margin: 0px auto; */
    right: 10px;
    /* left: 0; */
}

.col3 .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.col3_btn:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #9cd94b;
    transition: .3s;
}

.col3_btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #9cd94b;
    transition: .3s;
}

.col3_btn:hover:before {
    width: 50%;
}

.col3_btn:hover:after {
    width: 50%;
}

.col3_btn a {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-family: 'decalotype-regular';
    position: relative;
    z-index: 1;
}

.col4 {
    position: relative;
    width: 100%;
    margin: 50px 0px;
    text-align: center;
}

.slide_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 205px;
    /*    border-right: 1px solid #00265c;
    border-bottom: 1px solid #00265c;*/
    transition: .3s;
    filter: grayscale(1);
    margin-left: -3px;
}

.slide_box:hover {
    filter: grayscale(0);
}

.slide_box a {
    display: block;
    padding: 20px 20px;
}

.slide_box a img {
    width: 100%;
}

.slide_box:nth-child(6n) {
    border-right: none;
}


/*.slide_box:nth-child(13) {
    border-bottom: none;
}

.slide_box:nth-child(14) {
    border-bottom: none;
}

.slide_box:nth-child(15) {
    border-bottom: none;
}

.slide_box:nth-child(16) {
    border-bottom: none;
}

.slide_box:nth-child(17) {
    border-bottom: none;
}

.slide_box:nth-child(18) {
    border-bottom: none;
}*/

.col4 h3 {
    color: #00265c;
    font-size: 36px;
    font-family: 'decalotype-medium';
}

.col4 ul {
    list-style: none;
    padding: 0px 0px;
    max-width: 1100px;
    width: 100% !important;
    margin: 40px auto;
    overflow: hidden;
}

.col4 ul li {
    width: 100% !important;
}

.col4 ul li img {
    max-width: 100%;
    width: auto;
}

.btn_area {
    position: absolute;
    left: 0px;
    top: 48%;
    width: 100%;
}

.btn1 {
    position: absolute;
    left: 1%;
    top: 0px;
    width: 47px;
    height: 47px;
    background: url(../webImages/28.png)  no-repeat;
    cursor: pointer;
}

.btn2 {
    position: absolute;
    right: 1%;
    top: 0px;
    width: 47px;
    height: 47px;
    background: url(../webImages/29.png) no-repeat;
    cursor: pointer;
}

.col5 {
    position: relative;
    width: 100%;
    padding: 55px 0px;
    overflow: hidden;
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
}

.col5 h3 {
    position: relative;
    width: 100%;
    color: #00265c;
    font-size: 36px;
    font-family: 'decalotype-medium';
    text-align: center;
}

.col5_main {
    position: relative;
    width: 90%;
    margin: 45px auto;
    /*95px*/
    margin-bottom: 25px;
    text-align: center;
}

.col5_main_left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #fffefe;
    font-size: 18px;
    font-family: 'decalotype-light';
    text-align: center;
    max-height: 75px;
    overflow: hidden;
    margin-right: 0%;
    margin-bottom: 15px;
}


/*.col5_main_left:nth-child(even) {
    margin-right: 0%;
    text-align: left;
}*/

.col5_main2 {
    position: relative;
    width: 100%;
    text-align: center;
}

.col5_main2_box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.col5_main2_box_txt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #fffefe;
    font-size: 18px;
    font-family: 'decalotype-light';
    text-align: right;
}

.col5_main2_box_txt a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #fffefe;
    font-size: 18px;
    font-family: 'decalotype-light';
}

.col5_main2_box span {
    display: inline-block;
    vertical-align: middle;
}

.col5_main2_box:first-child {
    width: 39%;
    margin-right: 5%;
}

.col5_main2_box:first-child .col5_main2_box_txt {
    width: 88%;
    margin-right: 3%;
}

.col5_main2_box:nth-child(2) {
    width: 18%;
    margin-right: 2%;
}

.col5_main2_box:nth-child(2) span {
    margin-right: 4%;
}

.col5_main2_box:nth-child(3) span {
    margin-right: 4%;
}

.col5_main2_box:nth-child(3) {
    width: 20%;
}

.col5_main2_box_txt a:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 1px;
    background: #00265c;
    transition: .3s;
}

.col5_main2_box:hover .col5_main2_box_txt a:after {
    width: 100%;
}

.col5_main2_box:hover .col5_main2_box_txt a {
    color: #00265c;
}

.col5_main3 {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.col5_main3_btn {
    display: inline-block;
    vertical-align: middle;
    background: #00265c;
    border-radius: 5px 5px;
    position: relative;
    overflow: hidden;
    margin-right: 2%;
}

.col6_right .col5_main3_btn {
    top: 8px;
}

.col5_main3_btn:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #9cd94b;
    transition: .3s;
}

.col5_main3_btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #9cd94b;
    transition: .3s;
}

.col_fr .link_content_first_col_main:before {
    background: #ffffff;
}

.col_ls .link_content_first_col_main:before {
    background: #ffffff;
}

.col_ls .link_content_first_col_main:after {
    background: #ffffff;
}

.col_ls .link_content_first_col_main ul li:nth-child(odd) {
    background: #4e7715;
}

.col_ls .link_content_first_col_main ul li:nth-child(even) {
    background: #90c747;
}

.col5_main3_btn:hover:before {
    width: 50%;
}

.col5_main3_btn:hover:after {
    width: 50%;
}

.col5_main3_btn a {
    display: block !important;
    color: #ffffff !important;
    font-size: 20px !important;
    padding: 9px 45px;
    position: relative;
    z-index: 1;
    font-family: 'decalotype-regular' !important;
}

.col5_main3_btn2 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-size: 18px;
    width: 30%;
    margin-right: 2%;
}

.col5_main3_btn2_input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2%;
    border: 1px solid #ffffff;
    border-radius: 5px 5px;
    background: rgba(255, 255, 255, 0.2);
}

.col5_main3_btn2_input select {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    border: none;
    background: transparent;
    width: 60px;
    text-align: center;
    font-family: 'decalotype-medium';
    font-size: 16px;
    border-right: 1px solid #ffffff;
}

.col5_main3_btn2_input select option {
    color: #1a1a1a;
}

.col5_main3_btn2_input input {
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    border: none;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-family: 'decalotype-medium';
    padding-left: 10px;
}

.col5_main3_btn2_input input[type="number"]::-webkit-outer-spin-button,
.col5_main3_btn2_input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.col5_main3_btn2_input input[type="number"] {
    -moz-appearance: textfield;
}

.col6 {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 9;
}

.col6 iframe {
    width: 50%;
    height: 300px;
    border: none;
    float: left;
}

.col6_right {
    position: relative;
    float: left;
    width: 30%;
}

.col6_right ul {
    list-style: none;
    /*padding: 40px 20px;*/
    margin: 0px 0px;
}

.col6_right ul li {
    width: 100%;
    position: relative;
    color: #3e3e3e;
    text-shadow: 0px 0px #3e3e3e;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'decalotype-light';
}

.col6_right ul li i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 15px;
    font-size: 18px;
}

.col6_right ul li a {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #3e3e3e;
    text-shadow: 0px 0px #3e3e3e;
    margin-top: -5px;
    font-family: 'decalotype-light';
}

.col6_right ul li a:hover {
    color: #00265c;
}

.col6_right_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 65%;
    text-shadow: 0px 0px #3e3e3e;
    font-family: 'decalotype-light';
}

.inner_content_box {
    position: relative;
    width: 100%;
    margin: 25px 0px;
}

.inner_content_box_ {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 181px;
    width: 100%;
    margin-right: 3%;
}

.clients .inner_content_box_ {
    padding: 10px 0px;
    min-height: 160px;
    box-shadow: 0px 0px 10px 0px rgba(48, 48, 48, 0.9);
    margin: 0 1%;
    margin-bottom: 30px;
    transition: .7s;
}

.clients .inner_content_box_:hover {
    box-shadow: 0px 0px 30px 0px rgba(93, 144, 26, 0.9);
}

.clients .mydiv .inner_content_box_img img {
    max-width: 100%;
}

.clients .mydiv {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.inner_content_box_img {
    position: relative;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}

.inner_content_box_img img {
    width: 100%;
    max-width: 92px;
}

.inner_content_box_txt {
    position: relative;
    width: 100%;
    color: #3e3e3e;
    font-size: 16px;
    text-align: center;
    font-family: 'decalotype-regular';
    margin-top: 10px;
    margin-bottom: 10px;
}


/* --------------------------Content Styling faraz Ghouri (Developer) close -------------------------------------*/


/* --------------------------owl_content Styling  -------------------------------------*/


/* --------------------------owl_content Styling close -------------------------------------*/


/* --------------------------Footer Styling -------------------------------------*/

.footer_side {
    width: 100%;
    position: relative;
    /*    z-index: 99;*/
}

.footer_top {
    position: relative;
    width: 100%;
    padding: 30px 0px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    overflow: hidden;
    background: url(../screen_/14.jpg) no-repeat;
    background-size: cover;
}

.footer_top .standard {
    z-index: 99;
}

.footer_top:before {
    content: '';
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.footer_top1 {
    display: inline-block;
    vertical-align: middle;
display: inline-grid;
     width: 20%;
}

.footer_top1_lt {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.footer_top1_lt h3 {
    color: #000000;
    font-size: 14px;
    font-family: 'decalotype-medium';
    margin-bottom: 5px;
    display: block;
}

.footer_top1_lt h4 {
    color: #000000;
    text-shadow: 0px 0px #000000;
    font-size: 12px;
}

.footer_top1_rt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#about_ {
    position: relative;
    width: 100%;
    height: 100px;
    display: block;
}

.soc_ico {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    line-height: 50px;
    height: 50px;
    background: #ffffff !important;
    text-align: center;
    margin-right: 5px;
    transition: .7s;
    border-left: 1px solid #00265c;
    border-right: 1px solid #00265c;
}

.soc_ico a {
    display: block;
}

.soc_ico a i {
    font-size: 24px;
    line-height: 50px;
    transition: .7s;
}

.soc_ico a:hover i {
    color: #ffffff !important;
}

.fb i {
    color: #00265c;
}

.tw i {
    color: #00265c;
}

.ins i {
    color: #00265c;
}

.link i {
    color: #00265c;
}

.skype i {
    color: #00265c;
}

.whatsapp i {
    color: #00265c;
}

.fb:hover {
    background: #34518f !important;
    border-left: 1px solid #34518f;
    border-right: 1px solid #34518f;
}

.tw:hover {
    background: #1da1f2 !important;
    border-left: 1px solid #1da1f2;
    border-right: 1px solid #1da1f2;
}

.ins:hover {
    background: #e4405f !important;
    border-left: 1px solid #e4405f;
    border-right: 1px solid #e4405f;
}

.link:hover {
    background: #007ab5 !important;
    border-left: 1px solid #007ab5;
    border-right: 1px solid #007ab5;
}

.you:hover {
    background: #fe0000 !important;
    border-left: 1px solid #fe0000;
    border-right: 1px solid #fe0000;
}

.skype:hover {
    background: #01a4e0 !important;
    border-left: 1px solid #01a4e0;
    border-right: 1px solid #01a4e0;
}

.whatsapp:hover {
    background: #38aa2f !important;
    border-left: 1px solid #38aa2f;
    border-right: 1px solid #38aa2f;
}

.footer_top2 {
    display: inline-block;
    vertical-align: middle;
    float: right;
    width: 55%;
    text-align: right;
}

.footer_top2_lt {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    text-align: left;
}

.footer_top2_lt h3 {
    color: #000000;
    font-size: 14px;
    font-family: 'decalotype-medium';
    margin-bottom: 5px;
    display: block;
}

.footer_top2_lt h4 {
    color: #000000;
    text-shadow: 0px 0px #000000;
    font-size: 12px;
}
.inside_banner_text form {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    text-align: left;
}

.inside_banner_text form input {
    width: 67%;
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #0400ff;
    font-size: 24px;
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    transition: .7s;
    border: 1px solid #00265c;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
}

.inside_banner_text form input:hover {
    border: 1px solid #71b042;
}

.inside_banner_text form button {
    color: #ffffff;
    font-size: 13px;
    font-family: 'decalotype-medium';
    display: inline-block;
    vertical-align: middle;
    padding: 11px 15px;
    background: #00265c;
    text-transform: uppercase;
    border: none;
    transition: .7s;
    border-radius: 5px;
}

.inside_banner_text form button:hover {
    background: #333;
} 
.footer_top2 form {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    text-align: left;
}

.footer_top2 form input {
    width: 67%;
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #7f7f7f;
    font-size: 12px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    transition: .7s;
    border: 1px solid #00265c;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
}

.footer_top2 form input:hover {
    border: 1px solid #71b042;
}

.footer_top2 form button {
    color: #ffffff;
    font-size: 13px;
    font-family: 'decalotype-medium';
    display: inline-block;
    vertical-align: middle;
    padding: 11px 15px;
    background: #00265c;
    text-transform: uppercase;
    border: none;
    transition: .7s;
    border-radius: 5px;
}

.footer_top2 form button:hover {
    background: #333;
}

.footer_mid {
    position: relative;
    width: 100%;
    padding: 25px 0px;
    text-align: center;
    background: #fff;
    z-index: 99;
}

.footer_mid h3 {
    color: #333333;
    font-size: 13px;
    display: block;
    text-shadow: 0px 0px #333333;
    margin-bottom: 10px;
}

.footer_mid ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

.footer_mid ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.footer_mid ul li a:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 0%;
    height: 1px;
    background: #003b9a;
    transition: .3s;
}

.footer_mid ul li a:hover:after {
    width: 100%;
}

.footer_mid ul li a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 1px;
    background: #003b9a;
    transition: .3s;
}

.footer_mid ul li a:hover:before {
    width: 100%;
}

.footer_mid ul li a {
    display: inline-block;
    vertical-align: middle;
    color: #3e3e3e;
    font-size: 16px;
    text-shadow: 0px 0px #3e3e3e;
    position: relative;
}

.footer_mid ul li span {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    color: #8ebf4d;
    font-size: 17px;
}

.footer_mid ul li:last-child span {
    display: none;
}

.footer_mid ul li a:hover {
    color: #00265c;
}

.top_side {
    width: 100%;
    position: relative;
    text-align: right;
    display: block;
    color: #000000;
    font-size: 11px;
    text-shadow: 0px 0px #000;
    cursor: pointer;
}

.top_side span {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 5px;
}

.footer_bottom2 {
    width: 100%;
    position: relative;
    padding: 20px 0px;
    background: #303030;
    color: #ffffff;
    font-size: 16px;
    z-index: 99;
}

.footer_bottom2 a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
}

.footer_bottom2 a:hover {
    color: #00265c;
    text-shadow: 0px 0px #00265c;
}

.footer_bottom2 ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 10px;
    display: inline-block;
    vertical-align: top;
}

.footer_bottom2 ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border-left: 1px solid #ffffff;
}

.footer_bottom2 ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    padding: 0px 8px;
}


/* --------------------------Footer Styling close-------------------------------------*/


/* --------------------------pop Styling close-------------------------------------*/


/* --------------------------particles css start-------------------------------------*/

canvas {
    display: block;
    vertical-align: bottom;
}


/* ---- stats.js ---- */

.count-particles {
    background: #00265c;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #00265c;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: none;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url(style.css);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 9;
}

#stats {
    display: none;
}


/* --------------------------particles css close-------------------------------------*/


/* --------------------------selection Styling-------------------------------------*/

h2::selection {
    color: #fff;
    background: #00923f;
}

h1::selection {
    color: #fff;
    background: #00923f;
}

h3::selection {
    color: #fff;
    background: #00923f;
}

h4::selection {
    color: #fff;
    background: #00923f;
}

h5::selection {
    color: #fff;
    background: #00923f;
}

h6::selection {
    color: #fff;
    background: #00923f;
}

p::selection {
    color: #fff;
    background: #00923f;
}

a::selection {
    color: #fff;
    background: #00923f;
}

span::selection {
    color: #fff;
    background: #00923f;
}

div::selection {
    color: #fff;
    background: #00923f;
}

strong::selection {
    color: #fff;
    background: #00923f;
}


/* --------------------------Owl Styling -------------------------------------*/


/* --------------------------owl Styling close-------------------------------------*/


/* --------------------------inner Styling-------------------------------------*/


/* --------------------------inner Styling close-------------------------------------*/


/* --------------------------tabs Styling -------------------------------------*/


/* --------------------------tabs Styling close-------------------------------------*/


/* --------------------------tabs2 Styling-------------------------------------*/


/* --------------------------tabs2 Styling close-------------------------------------*/

.eservices {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    font-family: 'decalotype-light';
    color: #656565;
}

.eservices span {
    color: #003b9a;
    font-family: 'decalotype-light';
}

.eshop {
    font-size: 18px;
    text-align: left;
    color: #656565;
    padding: 20px 0px;
}

.eshop h1 {
    font-size: 22px;
}

.eshop .eshop_left {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}

.eshop .eshop_left ul {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding-left: 20px;
    list-style: none;
}

.eshop .eshop_left ul li {
    position: relative;
}

.eshop .eshop_left ul li:before {
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    background-color: #003b9a;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -5px;
}

.eshop .eshop_right {
    width: 39%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}

.website {
    width: 100%;
    position: relative;
    padding: 20px 0px;
}

.website h1 {
    color: #003b9a;
    font-size: 22px;
    text-align: center;
    font-family: 'decalotype-medium';
    padding: 10px;
}

.website .website_inner {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    color: #3e3e3e;
    padding: 10px 20px;
    font-size: 18px;
    text-align: center;
}

.website .website_inner h5 {
    font-size: 20px;
    font-family: 'decalotype-medium';
    color: #003b9a;
    text-align: center;
    padding: 10px;
}

.website h1 span {
    color: #3e3e3e;
}

.application {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 50px 0px;
}

.application .application_inner {
    padding: 20px 0px;
    color: #3e3e3e;
    font-size: 18px;
}

.application .application_inner h1 {
    color: #86AA48;
    font-size: 26px;
    font-family: 'decalotype-medium';
    padding-bottom: 20px;
}

.domain {
    text-align: center;
    width: 100%;
    position: relative;
    padding: 50px 0px;
}

.domain .domain_txt {
    color: #3e3e3e;
    font-size: 18px;
    padding: 20px 0px;
}

.domain .domain_txt span {
    color: #86AA48;
}

.psdhtml {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 10px 0px 40px;
}

.psdhtml_inner {
    color: #3e3e3e;
    font-size: 18px;
}

.psdhtml_inner span {
    color: #00265c;
}

.psdhtml_inner h1 {
    color: #00265c;
    font-size: 26px;
    padding: 2px 0px;
}

.psdhtml_inner h2 {
    color: #00265c;
    font-size: 24px;
    padding: 2px 0px;
}

.psdhtml_inner h3 {
    color: #00265c;
    font-size: 22px;
    padding: 5px 0px;
}

.soc {
    margin: 20px 0px;
}

.soc h1 {
    color: #3e3e3e;
    font-size: 28px;
    display: inline-block;
    vertical-align: top;
    font-family: 'decalotype-medium';
}

.soc h1:nth-child(2) {
    margin: 0px 50px;
}

.testimonials {
    width: 100%;
    position: relative;
    color: #3e3e3e;
    padding-bottom: 50px;
    text-align: center;
}

.testimonials .wrapper {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    box-shadow: 5px 5px 20px #3c3c3c;
    margin: 20px;
    min-height: 220px;
    position: relative;
}

.testimonials .wrapper .wrapper_right {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.testimonials .wrapper .wrapper_right img {
    border: 3px solid #fff;
    box-shadow: 0px 0px 5px #6c6c6c;
    border-radius: 50%;
    width: 70px;
    transition: .3s
}

.testimonials .wrapper .wrapper_right img:hover {
    box-shadow: 0px 0px 10px #6c6c6c;
}

.testimonials .wrapper .wrapper_right h2 {
    font-size: 14px;
    text-align: right;
    font-family: 'decalotype-medium';
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.testimonials .wrapper .wrapper_right h2 span {
    font-size: 11px;
    font-family: 'decalotype-light';
}

.testimonials .wrapper .wrapper_left {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.testimonials .wrapper .wrapper_left .wrapper_img {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

.testimonials .wrapper .wrapper_left .wrapper_img img {
    width: 100%;
    box-shadow: 0px 0px 5px #6c6c6c;
    transition: .3s
}

.testimonials .wrapper .wrapper_left .wrapper_img img:hover {
    box-shadow: 0px 0px 10px #6c6c6c;
}

.testimonials .wrapper .wrapper_left .wrapper_txt {
    width: 65%;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    font-size: 14px;
    text-align: left;
}

#sitemap {
    padding-left: 50px;
    list-style: none;
}

#sitemap li {
    position: relative;
    color: #3e3e3e;
    font-size: 20px;
}

#sitemap li:before {
    content: "";
    position: relative;
    height: 10px;
    width: 10px;
    background-color: #003b9a;
    margin-right: 10px;
    display: inline-block;
}

#sitemap li ul {
    padding-left: 40px;
    list-style: none;
}

#sitemap li ul li:before {
    border-radius: 50%;
    background-color: #5e783b;
}

.feedback {
    width: 60%;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 20px 0px 50px;
}

.feedback input {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    margin-bottom: 20px;
    outline: none;
    border-radius: 2px;
    border: 1px solid #00265c;
    ;
    color: #3e3e3e;
    font-size: 18px;
}

.feedback input:nth-child(odd) {
    margin-right: 3%;
}

.feedback textarea {
    outline: none;
    border-radius: 2px;
    border: 1px solid #00265c;
    color: #3e3e3e;
    width: 100%;
    height: 200px;
    font-size: 18px;
    padding: 5px;
    margin-bottom: 20px;
}

.feedback button {
    outline: none;
    width: 49%;
    background: #00265c;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    border: none;
    padding: 10px;
    transition: .7s;
}

.feedback button:hover {
    background: #333;
}

.form_side2 {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.form12 {
    display: inline-block;
    vertical-align: text-bottom;
    width: 26%;
    color: #3e3e3e;
    font-size: 18px;
}

.form22 {
    width: 61%;
    display: inline-block;
    vertical-align: middle;
}

.form22 input {
    width: 100%;
    height: 45px;
    font-size: 16px;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
    color: #3e3e3e;
    transition: .7s;
    background: #fff;
}

.form22 input:hover {
    border: 1px solid #00265c;
}

.form22 select {
    width: 100%;
    height: 45px;
    font-size: 16px;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
    color: #3e3e3e;
    transition: .7s;
    background: #fff;
}

.form_main2 {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.form22 textarea {
    width: 100%;
    height: 135px;
    font-size: 16px;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
    color: #a1a1a1;
    transition: .7s;
    background: #fff;
    padding-top: 10px;
}

.form22 textarea:hover {
    border: 1px solid #00265c;
}

.file {
    margin-top: 5px;
    color: #232323 !important;
    padding-left: 0px !important;
    border: none !important;
}

.submit2 {
    position: relative !important;
    width: auto !important;
    padding: 10px 85px !important;
    background: #003b9a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0px 0px !important;
    transition: .7s !important;
    display: block !important;
    margin-bottom: 35px !important;
    cursor: pointer !important;
}

.submit2:hover {
    background: #656565 !important;
    border: none;
}

.carr {
    position: relative;
    width: 100%;
    color: #656565;
    font-family: 'decalotype-medium';
    font-size: 40px;
    margin-bottom: 25px;
}

.career_main {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.owl-nav {
    display: none !important;
}

.clients {
    text-align: center;
}

.product_main {
    position: absolute;
    width: 100%;
    margin: 25px 0px;
    right: 0%;
    bottom: 0%;
    height: 100%;
    z-index: 2;
}

.product1 {
    position: absolute;
    left: 0%;
    right: 36%;
    margin: 0 auto;
    bottom: -15%;
    width: 100%;
    max-width: 620px;
    height: 450px;
    background: url(../webImages/Responsive-lcd.png);
    background-size: 100% 100%;
    overflow: hidden;
}

.product2_ {
    position: absolute;
    right: 0%;
    left: 20%;
    margin: 0 auto;
    bottom: -17%;
    width: 100%;
    max-width: 580px;
    height: 340px;
    background: url(../webImages/Responsive-laptop.png);
    background-size: 100% 100%;
    z-index: 1;
    overflow: hidden;
}

.product3 {
    position: absolute;
    right: 0%;
    left: 51%;
    margin: 0 auto;
    bottom: -16%;
    width: 100%;
    max-width: 130px;
    height: 260px;
    background: url(../webImages/Responsive-mobile.png);
    background-size: 100% 100%;
    z-index: 2;
}

.product_all {
    position: relative;
    width: 100%;
    max-width: 537px;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
    z-index: -1;
}

.product_all1 {
    position: relative;
    width: 100%;
    max-width: 441px;
    margin: 0 auto;
    margin-top: 19px;
    overflow: hidden;
    z-index: -1;
}

.product_all2 {
    max-width: 115px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    overflow: hidden;
    z-index: -1;
}

.product_all_box {
    position: relative;
    width: 100%;
}

.product_all_box a {
    display: block;
}

.product_all_box a img {
    max-width: 537px;
    width: 100%;
    height: auto;
}

.product2_ .product_all {
    max-width: 441px;
    margin-top: 19px;
}


/*.product2_ .product_all .product_all_box a img {
    height: 228px;
}*/

.product3 .product_all {
    max-width: 115px;
    margin-top: 25px;
}


/*.product3 .product_all .product_all_box a img {
    height: 178px;
}*/

.scroll_header .scroll_menu ul li a {
    color: #ffffff;
    font-size: 20px;
    font-family: 'decalotype-medium';
    display: inline-block;
    vertical-align: middle;
    padding: 25px 34px;
    background: #808080;
    text-transform: uppercase;
    border: none;
    transition: .7s;
    border-radius: 5px;
}
.scroll_menu ul li a{
        color: #ffffff;
    font-size: 22px;
    font-family: 'decalotype-medium';
    display: inline-block;
    vertical-align: middle;
    padding: 14px 20px;
    background: #808080;
    text-transform: uppercase;
    border: none;
    transition: .7s;
    border-radius: 5px;
}