* {

    font-family: IRANSans, Open_Sans;
    outline: none !important;
    text-decoration: none !important;
}

:root {

    --li-color: #cfd8dc4d;
    --color-li-self: #cfd8dc;
}

body {

    background-color: #000;
    padding: 0;
    margin: 0;
    direction: rtl;
    overflow-x: hidden;
}

body span,
body p,
body h1,
body h2,
body h4 {

    user-select: text !important;
}

::selection {

    background-color: rgba(255, 255, 255, 0.5);
    color: #000824;
}

/*------------------------------------------- instruct ------------------------------------------------*/

.main-view {

    padding: 0;
}

/*
.main-view .elm-fix{
    
    position: fixed;
    z-index: 99999999999;
}
*/

.main-view .elm-fix {

    position: absolute;
}

.main-view .elm-fix .menu-logo,
.main-view .elm-fix .footer {

    position: fixed;
    z-index: 99999999999;
    right: 0;
}

/*----------------------- menu-color... ----------------------------*/
/*--------------- det ------------*/

.menu-logo .inner-logo .pic img:last-child {

    position: absolute;
    right: 33px;
    opacity: 0;
    transition: all .5s;
}

/*--------------- det ------------*/
/*--------------- odd ------------*/

.main-view .elm-fix .menu-logo.odd .menu .navbar a.nav-item {

    color: #aaa;
    transition: all .3s;
}

.menu-logo .inner-logo .pic img:first-child {

    opacity: 0;
    transition: all 1s;
}

.menu-logo.odd .inner-logo .pic img:first-child {

    opacity: 1;
    transition: all 1s;
}

/*--------------- odd ------------*/
/*--------------- even ------------*/

.main-view .elm-fix .menu-logo.even .menu .navbar a.nav-item {

    color: #888;
    transition: all .3s;
}

.menu-logo.even .inner-logo .pic img:last-child {

    opacity: 1;
    transition: all .5s;
}

.menu-logo.even .logo .inner-logo .title-logo span:last-child,
.menu-logo.even .logo .inner-logo .title-logo span:first-child {

    color: #888;
    transition: all .3s;
}


.elm-fix .footer .right-box,
.elm-fix .footer .left-box .call-us > span:first-child strong,
.elm-fix .footer .left-box .call-us > span:last-child strong,
.elm-fix .footer .left-box .call-us > span:last-child i {

    transition: all .3s !important;
}

.elm-fix .footer .right-box .descript strong.opc,
.elm-fix .footer .left-box .call-us > span:first-child strong.opc,
.elm-fix .footer .left-box .call-us > span:last-child .light,
.elm-fix .footer .left-box .call-us > span:last-child .light::before {

    transition: all .3s !important;
}

.elm-fix .footer.even .right-box,
.elm-fix .footer.even .left-box .call-us > span:first-child strong,
.elm-fix .footer.even .left-box .call-us > span:last-child strong,
.elm-fix .footer.even .left-box .call-us > span:last-child i {

    color: #00114d;
    transition: all .3s;
}

.elm-fix .footer.even .right-box .descript strong.opc,
.elm-fix .footer.even .left-box .call-us > span:first-child strong.opc,
.elm-fix .footer.even .left-box .call-us > span:last-child .light,
.elm-fix .footer.even .left-box .call-us > span:last-child .light::before,
.elm-fix .footer.even .right-box .city .date {

    color: #999;
    transition: all .3s;
}

.main-slider section {

    transform: scale(.9);
    transition: all .5s;
}

.slick-active {

    transition: all .5s;
}

.main-slider section.slick-active {

    transform: scale(1);
    transition: all .5s;
}

/*--------------- even ------------*/
/*----------------------- menu-color... ----------------------------*/

.main-slider section .pic-main {

    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1 !important;
}

.main-slider section .pic-main img {

    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 1s;
}

.main-slider section.slick-active .pic-main img {

    transform: scale(1.5);
    transition: all 20s;
}

.main-slider section::before {

    z-index: 9;
}

.main-slider section::after {

    z-index: 99;
}

.slick-dotted.slick-slider {

    margin: 0;
}

/*------------------------------------------- //instruct// ------------------------------------------------*/

.main-slider {

    height: 100vh;
}

.main-slider section {

    height: 100vh !important;
    padding: 0;
    position: relative;
}

.main-slider section.slick-active {

    z-index: 9999999;
    transition: all 2s;
}

/*
.main-slider .intro {

    background: url("../images/Images-Section/about.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 98;
}
*/


.main-slider .intro::before {

    content: "";
    width: 101%;
    height: 102%;
    position: absolute;
    left: 0;
    right: -10px;
    top: -10px;
    background-color: #000824;
    opacity: .8;
    margin: 0 auto;
}

.main-slider .intro::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-size: 100% 100%;
    background-repeat: repeat;
    background-size: 6px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .3;
}

.main-slider .intro div {

    z-index: 9999;
}

.main-slider section .container,
.main-slider section .container .row,
.main-slider section .container .row .inner-section {

    height: 100%;
}

.main-slider section .container {

    position: relative;
}

.menu-logo {

    display: flex;
}

.menu-logo .menu {

    display: flex;
    align-items: center;
    padding-top: 3px;
}

.menu-logo .menu .navbar a.nav-item {

    font-size: 13px;
    color: #aaa;
    margin: 4px 8px;
    transition: all .3s;
}

.menu-logo .menu .navbar a:hover {

    color: #f6ce4e !important;
    transition: all .3s;
}

.menu-logo.even .menu .navbar a:hover {

    color: #00114d !important;
    transition: all .3s;
}

.menu-logo .inner-logo {

    margin-top: 5px;
}

.menu-logo .inner-logo .pic {

    padding-left: 5px;
}

.menu-logo .inner-logo .pic img {

    width: 28px;
    height: auto;
    transition: all .5s;
}

.menu-logo .logo .inner-logo {

    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-logo .logo .inner-logo .title-logo span {

    display: block;
    text-align: right;
}

.menu-logo .logo .inner-logo .title-logo span:first-child {

    font-size: 9px;
    font-weight: lighter;
    color: #f6ce4e;
    transition: all .3s;
}

.menu-logo .logo .inner-logo .title-logo span:last-child {

    font-size: 13px;
    font-weight: bold;
    color: #f6ce4e;
    transition: all .3s;
}

.slick-dots {

    position: absolute;
    bottom: unset;
    display: flex;
    width: 18px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    top: 40%;
    right: 3.1%;
    border: 2px solid #cfd8dc4d;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.12);
}

.slick-dots li {

    position: relative;
    display: flex;
    width: 100%;
    padding: 0;
    cursor: pointer;
    height: 18px;
    margin: 0;

}

.slick-dots li button {

    font-size: 0;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    background: transparent;
}

.slick-dots li button::before {

    font-size: 32px;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    align-items: center;
    width: 100%;
    color: var(--li-color);
    opacity: .8;
    transition: all .3s;
}

.slick-dots li.slick-active button::before {

    color: #f6ce4e;
    transition: all .3s;
}

.slick-prev {

    left: unset;
    right: 3%;
    top: 35%;
    z-index: 9999;
}

.slick-prev::before {

    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--color-li-self);
    position: absolute;
    bottom: -25px;
    opacity: .4;
}


.slick-prev i {

    font-size: 10px;
    color: var(--color-li-self);
    font-weight: bold;
    transform: rotate(-90deg);
    display: block;
    opacity: .8;
    transition: all .3s;
}

.slick-prev i:last-child {

    font-size: 12px;
    position: relative;
    top: -5px;
}

.slick-next {

    left: unset;
    right: 2.95%;
    top: 67.8%;
}

.slick-next i {

    font-size: 12px;
    color: var(--color-li-self);
    font-weight: bold;
    transform: rotate(90deg);
    display: block;
    opacity: .8;
    transition: all .3s;
}

.slick-next i:last-child {

    font-size: 10px;
    position: relative;
    top: -5px;
}

.slick-next::before {

    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--color-li-self);
    position: absolute;
    top: -24px;
}

.slick-next::before,
.slick-prev::before {

    opacity: .4 !important;
}

.slick-next:hover i,
.slick-prev:hover i {

    color: #f6ce4e;
    transition: all .3s;
}

.slick-next:hover::before,
.slick-prev:hover::before {

    opacity: .4 !important;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {

    display: none !important;
}

.elm-fix .footer {

    position: absolute;
    width: 100%;
    bottom: 15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 55px;
}

.elm-fix .footer .right-box {

    display: flex;
    color: #fff;
}

.elm-fix .footer .right-box .city {

    margin-left: 25px;
    font-size: 12px;
}

.elm-fix .footer .right-box .city .date {

    color: #aaa;
}

.elm-fix .footer .right-box .descript {

    font-size: 13px;
}

.elm-fix .footer .right-box .descript strong {

    font-weight: bold;
    opacity: 1;
}

.elm-fix .footer .right-box .descript strong.opc {

    color: #aaa;
    font-weight: 400;
}

.elm-fix .footer .left-box .call-us > span:first-child {

    margin-left: 40px;
    font-size: 12px;
    color: #fff;
}

.elm-fix .footer .left-box .call-us > span:first-child strong {

    font-weight: bold;
}

.elm-fix .footer .left-box .call-us > span:first-child strong.opc {

    color: #aaa;
    font-weight: 400;
}

.elm-fix .footer .left-box .call-us > span:last-child {

    font-size: 11px;
    color: #fff;
    position: relative;
    top: 2px;
}

.elm-fix .footer .left-box .call-us > span:last-child i {

    font-size: 13px;
    padding-right: 3px;
}

.elm-fix .footer .left-box .call-us > span:last-child strong {

    font-size: 14px;
    font-weight: normal;
}

.elm-fix .footer .left-box .call-us > span:last-child .light {

    color: #aaa;
    position: relative;
    margin-right: 8px;
    font-weight: 400;
}

.elm-fix .footer .left-box .call-us > span:last-child .light::before {

    content: "";
    width: 5px;
    height: 2px;
    background-color: #aaa;
    position: absolute;
    top: 8px;
    right: -8px;
}

.main-slider .intro .movie-bk {

    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.main-slider .intro .movie-bk video {

    width: 100%;
    height: 100%;
    object-fit: fill;
    filter: grayscale(1);
}

.main-slider .intro .main-content .pic-title .pic {

    display: flex;
    justify-content: center;
    padding-bottom: 5px;
}

.main-slider .intro .main-content .pic-title .pic img {

    width: 80px;
}

.main-slider .intro .main-content .pic-title .title h1 {

    text-align: center;
    font-size: 20px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(170, 127, 47, 1)), color-stop(35%, rgba(170, 127, 47, 1)), color-stop(51%, rgba(255, 254, 163, 1)), color-stop(64%, rgba(170, 127, 47, 1)), color-stop(100%, rgba(170, 127, 47, 1)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.main-slider .intro .main-content .pic-title .title span {

    font-size: 12px;
    color: #fff;
    opacity: .4;
    width: 100%;
    text-align: center;
    display: block;
    word-spacing: 1px;
    letter-spacing: 2px;
    font-weight: lighter;
}

.main-slider .intro .main-content .text-det {

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-slider .intro .main-content .text-det p {

    display: block;
    width: 65%;
    text-align: center;
    color: #fff;
    opacity: .7;
    font-weight: 300;
    line-height: 30px;
    word-spacing: 1px;
    padding-top: 15px;
    font-size: 18px;
    user-select: text;
}

.main-slider .intro .main-content .btns-more {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    padding-top: 20px;
}

.main-slider .intro .main-content .btns-more .btn-req {

    margin-right: 10px;
    position: relative;
}

.main-slider .intro .main-content .btns-more .btn-more {

    margin-left: 10px;
    position: relative;
}

.main-slider .intro .main-content .btns-more .btn-more a {

    padding-right: 5px;
}

.main-slider .intro .main-content .btns-more a {

    width: 140px;
    display: flex;
    height: 34px;
    border: 2px solid #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    color: #fff;
    position: relative;
    z-index: 999;
    font-weight: bold;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-req a {

    color: #f6ce4e;
    border: 2px solid #f6ce4e;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-req::after {

    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 100px;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-req a:hover {

    color: #fff;
    border: 2px solid #fff;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-req::before {

    content: "";
    width: 100%;
    height: 100%;
    background-color: #f6ce4e;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 100px;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-req:hover::before {

    opacity: 0;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-req:hover::after {

    opacity: .1;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-more::before {

    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 100px;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-more::after {

    content: "";
    width: 100%;
    height: 100%;
    background-color: #f6ce4e;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 100px;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more a:hover {

    color: #f6ce4e;
    border-color: #f6ce4e;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-more:hover::before {

    opacity: 0;
    transition: all .3s;
}

.main-slider .intro .main-content .btns-more .btn-more:hover::after {

    opacity: .1;
    transition: all .3s;
}

.main-slider .intro .main-content .pic-title .pic,
.main-slider .intro .main-content .pic-title .title h1,
.main-slider .intro .main-content .pic-title .title span,
.main-slider .intro .main-content .text-det p {

    position: relative;
    top: 80px;
    opacity: 0;
    transition: all .5s;
}

/*---------------- animated -----------------*/

.main-slider .intro.slick-active.anim .main-content .pic-title .pic {

    top: 0;
    opacity: 1;
    transition: opacity 2s, top .6s;
    transition-delay: 1s;
}

.main-slider .intro.slick-active.anim .main-content .pic-title .title h1 {

    top: 0;
    opacity: 1;
    transition: opacity 1.8s, top .8s;
    transition-delay: 1.3s;
}

.main-slider .intro.slick-active.anim .main-content .pic-title .title span {

    top: 0;
    opacity: 1;
    transition: opacity 1.8s, top .8s;
    transition-delay: 1.6s;
}

.main-slider .intro.slick-active.anim .main-content .text-det p {

    top: 0;
    opacity: 1;
    transition: opacity 1.8s, top .8s;
    transition-delay: 1.9s;
}

.main-slider .intro .main-content .btns-more .btn-req {

    opacity: 0;
    position: relative;
    left: -80px;
    transition: all .5s;
}

.main-slider .intro .main-content .btns-more .btn-more {

    opacity: 0;
    position: relative;
    right: -80px;
    transition: all .6s;
}

.main-slider .intro.slick-active.anim .main-content .btns-more .btn-req {

    opacity: 1;
    left: 0;
    transition: all .6s;
    transition-delay: 2.2s;
}

.main-slider .intro.slick-active.anim .main-content .btns-more .btn-more {

    opacity: 1;
    right: 0;
    transition: all .6s;
    transition-delay: 2.2s;
}

/*---------------- animated -----------------*/
/*------------------------------------- //section-1// ------------------------------------*/
/*------------------------------------- section-2 ------------------------------------*/

/*
.main-slider .service {

    background: url("../images/Images-Section/services.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 97;
}
*/


.main-slider .service::before {

    content: "";
    width: 101%;
    height: 102%;
    position: absolute;
    left: 0;
    right: -10px;
    top: -10px;
    background-color: #fff;
    opacity: .9;
    margin: 0 auto;
}

.main-slider .service::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-size: 100% 100%;
    background-repeat: repeat;
    background-size: 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .1;
}

.main-slider .service div {

    z-index: 9999;
}

.menu-logo .logo .inner-logo.gray .title-logo span:last-child,
.menu-logo .logo .inner-logo.gray .title-logo span:first-child {

    color: #999;
}

.menu-logo .logo .inner-logo.gray .title-logo span:first-child {

    font-weight: 400;
}

.footer.ft-gry .left-box .call-us > span:first-child,
.footer.ft-gry .right-box,
.footer.ft-gry .left-box .call-us > span:last-child,
.footer.ft-gry .right-box .city .date {

    color: #00114d !important;
}

.main-slider .container .row .inner-section .footer.ft-gry .right-box .city .date {

    opacity: 1;
}

.main-slider .inner-section,
.main-slider .inner-section .content-heading {

    height: 100%;
}

.main-slider .inner-section .content-heading .main-content {

    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.main-slider .inner-section .content-heading .main-content .out {

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-slider .inner-section .content-heading .main-content .main-box {

    width: 26%;
    height: 260px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #aaa2;
    border-radius: 100%;
    -webkit-box-shadow: inset 0px 0px 50px 0px rgba(68, 68, 68, 1);
    -moz-box-shadow: inset 0px 0px 50px 0px rgba(68, 68, 68, 1);
    box-shadow: inset 0px 0px 20px 0px rgba(68, 68, 68, .19);
    padding: 38px;
    flex-wrap: wrap;
    position: relative;
}

.main-slider .inner-section .content-heading .main-content .main-box::before {

    content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    top: -14px;
    right: -14px;
    border: 3px solid #fff;
    border-radius: 100%;
}

.main-slider .inner-section .content-heading .main-content .main-box::after {

    content: "";
    width: 122%;
    height: 122%;
    position: absolute;
    top: -29px;
    right: -31px;
    border: 3px solid #fff;
    border-radius: 100%;
}

.main-slider .inner-section .content-heading .main-content .main-box h2 {

    font-size: 20px;
    font-weight: bold;
}

.main-slider .inner-section .content-heading .main-content .main-box span {

    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-top: 3px;
}

.main-slider .inner-section .content-heading .main-content .serv-out {

    width: 100%;
    display: flex;
    position: absolute;
    justify-content: center;
    flex-wrap: wrap;
}

.main-slider .inner-section .content-heading .main-content .services {

    width: 100%;
    width: 28%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.main-slider .inner-section .content-heading .main-content .services.nmb1 {

    position: relative;
    top: -125px;
    width: 28%;
    display: flex;
    flex-direction: row-reverse;
    right: -40px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb2 {

    position: relative;
    right: -400px;
    top: 30px;
    flex-direction: row-reverse;
}

.main-slider .inner-section .content-heading .main-content .services.nmb3 {

    position: relative;
    right: -645px;
    top: 192px;
    flex-direction: row-reverse;
}

.main-slider .inner-section .content-heading .main-content .services.nmb4 {

    position: relative;
    left: -640px;
    top: -200px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb5 {

    position: relative;
    left: -338px;
    bottom: -115px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb6 {

    position: relative;
    left: -90px;
    top: -45px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb4 .description,
.main-slider .inner-section .content-heading .main-content .services.nmb5 .description,
.main-slider .inner-section .content-heading .main-content .services.nmb6 .description {

    justify-content: flex-start;
    padding: 0;
    padding-right: 8px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb4 .description .desc span,
.main-slider .inner-section .content-heading .main-content .services.nmb5 .description .desc span,
.main-slider .inner-section .content-heading .main-content .services.nmb6 .description .desc span {

    text-align: right;
}

.main-slider .inner-section .content-heading .main-content .services .icons {

    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
}

.main-slider .inner-section .content-heading .main-content .services .icons span {

    width: 73px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 7px solid #80808140;
    border-radius: 100%;
    background-color: #fff9;
    position: relative;
    transition: all .4s;
}

.main-slider .inner-section .content-heading .main-content .services .icons span i {

    font-size: 28px;
    color: #808081;
    opacity: .15;
    z-index: 9;
    transition: all .3s;
}

.main-slider .inner-section .content-heading .main-content .services .description {

    padding-left: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}

.main-slider .inner-section .content-heading .main-content .services .description .desc {

    width: 80%;
}

.main-slider .inner-section .content-heading .main-content .services .description .title h4 {

    font-size: 12px;
    font-weight: bold;
    color: #00114d;
    margin: 0;
    padding-bottom: 5px;
}

.main-slider .inner-section .content-heading .main-content .services .description .desc span {

    font-size: 10px;
    line-height: 15px;
    display: flex;
    text-align: left;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main-slider .inner-section .content-heading .main-content .services::before {

    content: "";
    width: 82px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 73px;
    left: -70px;
    transform: rotate(-32deg);
    box-shadow: 0px 0px 12px 0px #bbb;
    z-index: 999;
    transition: all .4s;
}

.main-slider .inner-section .content-heading .main-content .services .icons::before {

    content: "";
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 50px;
    left: 0px;
    box-shadow: 0px 0px 3px 0px #aaa;
    z-index: 999;
    transition: all .4s;
}

.main-slider .inner-section .content-heading .main-content .services .icons::after {

    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 90px;
    left: -68px;
    box-shadow: 0px 0px 3px 0px #aaa;
    z-index: 999;
    transition: all .4s;
}

.main-slider .inner-section .content-heading .main-content .nmb2::before {

    top: 37px;
    left: -83px;
    transform: rotate(0deg);
}

.main-slider .inner-section .content-heading .main-content .services.nmb2 .icons::before {

    top: 34px;
    left: -5px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb2 .icons::after {

    top: 33px;
    left: -88px;
}

.main-slider .inner-section .content-heading .main-content .nmb3::before {

    top: 5px;
    left: -70px;
    transform: rotate(30deg);
}

.main-slider .inner-section .content-heading .main-content .services.nmb3 .icons::before {

    top: 19px;
    left: -3px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb3 .icons::after {

    top: -20px;
    left: -70px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb4::before,
.main-slider .inner-section .content-heading .main-content .services.nmb5::before,
.main-slider .inner-section .content-heading .main-content .services.nmb6::before {

    top: 73px;
    right: -70px;
    transform: rotate(32deg);
}

.main-slider .inner-section .content-heading .main-content .services.nmb4 .icons::after,
.main-slider .inner-section .content-heading .main-content .services.nmb5 .icons::after,
.main-slider .inner-section .content-heading .main-content .services.nmb6 .icons::after {

    top: 90px;
    right: -68px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb4 .icons::before,
.main-slider .inner-section .content-heading .main-content .services.nmb5 .icons::before,
.main-slider .inner-section .content-heading .main-content .services.nmb6 .icons::before {

    top: 50px;
    right: 0px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb6::before {

    top: 36px;
    right: -80px;
    transform: rotate(0deg);
}

.main-slider .inner-section .content-heading .main-content .services.nmb6 .icons::after {

    top: 33px;
    right: -85px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb6 .icons::before {

    top: 33px;
    right: -6px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb5::before {

    top: 5px;
    right: -70px;
    transform: rotate(-30deg);
}

.main-slider .inner-section .content-heading .main-content .services.nmb5 .icons::before {

    top: 20px;
    right: -3px;
}

.main-slider .inner-section .content-heading .main-content .services.nmb5 .icons::after {

    top: -17px;
    right: -68px;
}

.main-slider .inner-section .content-heading .main-content .services:hover .icons span i {

    color: #fff;
    opacity: 1;
    transition: all .3s;
}

.main-slider .inner-section .content-heading .main-content .services .icons span::before {

    content: "";
    width: 0;
    height: 0;
    background-color: #00114d;
    position: absolute;
    top: 45%;
    right: 0;
    display: block;
    border-radius: 100%;
    left: 0;
    margin: 0 auto;
    transition: all .3s;
}

.main-slider .inner-section .content-heading .main-content .services:hover .icons span::before {

    width: 100%;
    height: 100%;
    top: 0;
    transition: all .3s;
}

/*------------------- animated ---------------------*/

.main-slider .service .inner-section .content-heading .main-content .main-box::before {

    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transition: all .3s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .main-box::before {

    width: 110%;
    height: 110%;
    top: -14px;
    right: -14px;
    transition: all .5s;
    transition-delay: 1.8s;
}

.main-slider .service .inner-section .content-heading .main-content .main-box::after {

    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transition: all .5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .main-box::after {

    width: 122%;
    height: 122%;
    top: -29px;
    right: -31px;
    transition: all .5s;
    transition-delay: 1.5s;
}

.main-slider .service .inner-section .content-heading .main-content .main-box {

    transform: scale(.7);
    opacity: 0;
    transition: all .5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .main-box {

    transform: scale(1);
    opacity: 1;
    transition: all .5s;
    transition-delay: 1s;
}

/*------------= dots =------------*/

.main-slider .inner-section .content-heading .main-content .services.nmb4 {

    left: -590px;
    top: -140px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb4 {

    left: -640px;
    top: -200px;
    opacity: 1;
    transition: top .8s, left .8s, opacity .3s;
    transition-delay: 2s;
}

.main-slider .service .inner-section .content-heading .main-content .services.nmb6 {

    left: -15px;
    top: -45px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb6 {

    left: -90px;
    opacity: 1;
    transition: top .8s, left .8s, opacity .3s;
    transition-delay: 2s;
}

.main-slider .service .inner-section .content-heading .main-content .services.nmb5 {

    left: -295px;
    bottom: -60px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb5 {

    left: -338px;
    bottom: -115px;
    opacity: 1;
    transition: bottom .8s, left .8s, opacity .3s;
    transition-delay: 2s;
}

.main-slider .service .inner-section .content-heading .main-content .services.nmb1 {

    top: -70px;
    right: 14px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb1 {

    top: -125px;
    right: -40px;
    opacity: 1;
    transition: top .8s, right .8s, opacity .3s;
    transition-delay: 2s;
}

.main-slider .service .inner-section .content-heading .main-content .services.nmb2 {

    top: 30px;
    right: -320px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb2 {

    right: -400px;
    opacity: 1;
    transition: bottom .8s, right .8s, opacity .3s;
    transition-delay: 2s;

}

.main-slider .service .inner-section .content-heading .main-content .services.nmb3 {

    right: -598px;
    top: 135px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb3 {

    right: -645px;
    top: 192px;
    opacity: 1;
    transition: top .8s, right .8s, opacity .3s;
    transition-delay: 2s;
}

.main-slider .inner-section .content-heading .main-content .services::before,
.main-slider .inner-section .content-heading .main-content .services .icons::before,
.main-slider .inner-section .content-heading .main-content .services .icons::after {

    opacity: 0;
}

.main-slider .inner-section .content-heading .main-content .services .icons::before,
.main-slider .inner-section .content-heading .main-content .services .icons::after {

    transform: scale(.2);
    transition: all .6s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services::before {

    opacity: 1;
    transition: all .6s;
    transition-delay: 2.8s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services .icons::before,
.main-slider .service.slick-active .inner-section .content-heading .main-content .services .icons::after {

    opacity: 1;
    transform: scale(1);
    transition: all .6s;
    transition-delay: 2.8s;
}

.main-slider .inner-section .content-heading .main-content .services.nmb4::before {

    top: 73px;
    right: -32px;
    width: 5px;
    opacity: 0;
    transition: all .5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb4::before {

    top: 73px;
    right: -70px;
    width: 82px;
    opacity: 1;
    transition: all .8s;
    transition-delay: 3s;
}

.main-slider .inner-section .content-heading .main-content .services.nmb6::before {

    right: -45px;
    width: 5px;
    opacity: 0;
    transition: all .5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb6::before {

    width: 82px;
    right: -80px;
    opacity: 1;
    transition: all .8s;
    transition-delay: 3s;
}

.main-slider .inner-section .content-heading .main-content .services.nmb5::before {

    right: -40px;
    width: 10px;
    opacity: 0;
    transition: all .5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb5::before {

    width: 82px;
    right: -72px;
    opacity: 1;
    transition: all .8s;
    transition-delay: 3s;
}

.main-slider .inner-section .content-heading .main-content .services.nmb1::before {

    width: 10px;
    left: -30px;
    opacity: 0;
    transition: all .5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb1::before {

    width: 82px;
    left: -70px;
    opacity: 1;
    transition: all .8s;
    transition-delay: 3s;
}

.main-slider .inner-section .content-heading .main-content .nmb2::before {

    width: 10px;
    left: -43px;
    opacity: 0;
    transition: all .5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .nmb2::before {

    width: 82px;
    left: -83px;
    opacity: 1;
    transition: all .8s;
    transition-delay: 3s;
}

.main-slider .inner-section .content-heading .main-content .nmb3::before {

    width: 10px;
    left: -30px;
    opacity: 0;
    transition: all .5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .nmb3::before {

    width: 82px;
    left: -70px;
    opacity: 1;
    transition: all .8s;
    transition-delay: 3s;
}

.main-slider .inner-section .content-heading .main-content .services .description {

    opacity: 0;
    position: relative;
    right: 40px;
    transition: all .6s;
}

.main-slider .inner-section .content-heading .main-content .services.nmb1 .description,
.main-slider .inner-section .content-heading .main-content .services.nmb2 .description,
.main-slider .inner-section .content-heading .main-content .services.nmb3 .description {

    position: relative;
    right: -40px;
    transition: all .6s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb1 .description,
.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb2 .description,
.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb3 .description {

    right: 0;
    opacity: 1;
    transition: opacity .6s, right 1s;
    transition-delay: 3.5s;
}

.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb4 .description,
.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb5 .description,
.main-slider .service.slick-active .inner-section .content-heading .main-content .services.nmb6 .description {

    right: 0;
    opacity: 1;
    transition: opacity .6s, right 1s;
    transition-delay: 3.5s;
}


/*------------= =//dots//= =------------*/
/*----------------------- //animated// --------------------------*/
/*------------------------------------- //section-2// ------------------------------------*/
/*------------------------------------- section-3 ------------------------------------*/

/*
.main-slider .projects {

    background: url("../images/Images-Section/products.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 96;
}
*/

.main-slider .projects::before {

    content: "";
    width: 101%;
    height: 102%;
    position: absolute;
    left: 0;
    right: -10px;
    top: -10px;
    background-color: #000824;
    opacity: .8;
    margin: 0 auto;
}

.main-slider .projects::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-size: 100% 100%;
    background-repeat: repeat;
    background-size: 6px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .3;
}

.main-slider .projects div {

    z-index: 9999;
}

.main-slider .projects .prjct-title {

    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 12%;
    transition: all .3s;
}

.main-slider .projects .prjct-title::before {

    content: "";
    width: 0;
    height: 1px;
    background-color: #f6ce4e;
    position: absolute;
    top: 18px;
    right: 43.8%;
    opacity: .2;
    transition: all .8s;
}

.main-slider .projects .prjct-title::after {

    content: "";
    width: 0;
    height: 1px;
    background-color: #f6ce4e;
    position: absolute;
    top: 18px;
    left: 43.8%;
    opacity: .2;
    transition: all .8s;
}

.main-slider .projects.slick-active .prjct-title::before {

    content: "";
    width: 43.8%;
    height: 1px;
    background-color: #f6ce4e;
    position: absolute;
    top: 18px;
    right: 0;
    opacity: .2;
    transition: all .5s;
    transition-delay: 2s;
}

.main-slider .projects.slick-active .prjct-title::after {

    content: "";
    width: 43.8%;
    height: 1px;
    background-color: #f6ce4e;
    position: absolute;
    top: 18px;
    left: 0;
    opacity: .2;
    transition: all .8s;
    transition-delay: 2s;
}

.main-slider .projects .prjct-title .inner-prj h2 {

    display: inline-block;
    font-size: 14px;
    color: #f6ce4e;
    border: 1px solid #f6ce4e94;
    background-color: #f6ce4e17;
    padding: 9px 25px;
    border-radius: 100px;
    margin: 0;
    opacity: 0;
    transition: all .3s;
}

.main-slider .projects.slick-active .prjct-title .inner-prj h2 {

    opacity: 1;
    transition: all .3s;
    transition-delay: 1s;
}

.main-slider .projects .inner-section .content-heading .main-content {

    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 10px;
}

.main-slider .projects .box-prjct:nth-child(1) {

    right: 40%;
    z-index: 1;
}

.main-slider .projects .box-prjct:nth-child(2) {

    right: 20%;
    z-index: 2;
}

.main-slider .projects .box-prjct:nth-child(4) {

    right: -20%;
    z-index: 2;
}

.main-slider .projects .box-prjct:nth-child(5) {

    right: -40%;
    z-index: 1;
}

.main-slider .projects.slick-active .box-prjct:nth-child(1) {

    right: 0;
}

.main-slider .projects.slick-active .box-prjct:nth-child(2) {

    right: 0;
}

.main-slider .projects.slick-active .box-prjct:nth-child(3) {

    z-index: 3;
}

.main-slider .projects.slick-active .box-prjct:nth-child(4) {

    right: 0;
}

.main-slider .projects.slick-active .box-prjct:nth-child(5) {

    right: 0;
}

.main-slider .projects .box-prjct {

    width: 20%;
    height: 350px;
    padding: 0 6px;
    cursor: pointer;
    position: relative;
    transition: all .3s;
}

.main-slider .projects.slick-active .box-prjct {

    transition: all .5s;
    transition-delay: 2s;
}

.main-slider .projects .inner-section .content-heading .main-content {

    position: relative;
    top: 80px;
    opacity: 0;
    padding: 0;
    transition: opacity 1s, top .6s;
}

.main-slider .projects.slick-active .inner-section .content-heading .main-content {

    top: 0;
    opacity: 1;
    transition: opacity 1s, top .6s;
    transition-delay: 1s;
}

.main-slider .projects .box-prjct .inner-box {

    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    transition: all .3s;
}

.main-slider .projects .box-prjct .inner-box .pic {

    width: 100%;
    height: 100%;
    position: absolute;
}

.main-slider .projects .box-prjct .inner-box .pic::before {

    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    transition: all .3s;
}

.main-slider .projects .box-prjct .inner-box .pic img {

    width: 140%;
    height: 100%;
    transition: all .3s;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .footer-prjct {

    position: absolute;
    z-index: 999999;
    bottom: 0px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    height: 35px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 29px;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    border: 1px solid #ffffff38;
    border-radius: 5px;
    background-color: #0000009c;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn span {

    font-size: 11px;
    color: #fff;
    padding-top: 1px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn span:last-child {

    color: #999;
    padding-right: 3px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {

    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #333;
    padding: 0 15px;
    padding-left: 15px;
    border-radius: 5px;
    background-color: #fff;
    padding-left: 0;
    position: absolute;
    left: -150px;
    transition: all .3s;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a i {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transform: scale(-1);
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    background-color: #f6ce4e;
    margin: 0 5px;
    margin-right: 8px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .body-cntnt {

    position: absolute;
    right: 0;
    top: 10px;
    padding: 0 10px;
    padding-top: 15px;
    opacity: 0;
    transition: all .2s;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .body-cntnt .cat {

    display: flex;
    justify-content: flex-start;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .body-cntnt .cat a {

    display: block;
    padding: 0px 12px;
    padding-bottom: 0px;
    font-size: 12px;
    color: #333;
    background-color: #f6ce4e;
    border-radius: 3px;
    padding-bottom: 2px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .body-cntnt .title h4 {

    text-align: right;
    margin-bottom: 15px;
    margin-top: 5px;
    color: #fff;
    font-size: 16px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .body-cntnt .desc p {

    color: #fff;
    opacity: .6;
    text-align: right;
    font-size: 12px;
    line-height: 22px;
}

.main-slider .projects .box-prjct:hover {

    width: 40%;
    transition: all .3s;
}

.main-slider .projects .box-prjct:hover .inner-box .pic img {

    width: 110%;
    transition: all .3s;
}

.main-slider .projects .box-prjct:hover .inner-box .pic::before {

    opacity: .8;
    transition: all .3s;
}

.main-slider .projects .box-prjct:hover .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {

    left: 5px;
    transition: all .3s;
}

.main-slider .projects .box-prjct:hover .inner-box .content-prjct .body-cntnt {

    opacity: 1;
    transition: all .3s;
    transition-delay: .28s;
}

.main-slider .projects .inner-section .content-heading .btn-archive {

    position: relative;
    top: -65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-slider .projects .inner-section .content-heading .btn-archive a {

    display: block;
    padding: 2px 35px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    background-color: #ffffff1a;
    transition: all .3s;
}

.main-slider .projects .inner-section .content-heading .btn-archive a:hover {

    border: 1px solid #f6ce4e;
    background-color: #f6ce4e24;
    transition: all .3s;
}

.points {

    display: flex;
    flex-direction: row-reverse;
    margin-left: 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    top: -130px;
}

.points .pt {

    display: inline-block;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 0 2px;
    opacity: 0.8;
    transition: all 0.5s;
}

.points .pt:nth-child(1) {

    -webkit-animation: pt1 0.8s linear 1s infinite alternate;
    /* Safari 4+ */
    -moz-animation: pt1 0.8s linear 1s infinite alternate;
    /* Fx 5+ */
    -o-animation: pt1 0.8s linear 1s infinite alternate;
    /* Opera 12+ */
    animation: pt1 0.8s linear 1s infinite alternate;
    /* IE 10+, Fx 29+ */
    position: absolute;
    top: -25px;
    right: 50%;
}

.points .pt:nth-child(2) {

    -webkit-animation: pt2 0.8s linear 1.2s infinite alternate;
    /* Safari 4+ */
    -moz-animation: pt2 0.8s linear 1.2s infinite alternate;
    /* Fx 5+ */
    -o-animation: pt2 0.8s linear 1.2s infinite alternate;
    /* Opera 12+ */
    animation: pt2 0.8s linear 1.2s infinite alternate;
    /* IE 10+, Fx 29+ */
    top: -8px;
    right: 50%;
    position: absolute;
}

.points .pt:nth-child(3) {

    -webkit-animation: pt3 0.8s linear 1.5s infinite alternate;
    /* Safari 4+ */
    -moz-animation: pt3 0.8s linear 1.5s infinite alternate;
    /* Fx 5+ */
    -o-animation: pt3 0.8s linear 1.5s infinite alternate;
    /* Opera 12+ */
    animation: pt3 0.8s linear 1.5s infinite alternate;
    /* IE 10+, Fx 29+ */
    top: 8px;
    right: 50%;
    position: absolute;
}



/*---------------------- Animate More Loading ----------------------*/

@-webkit-keyframes pt1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

@-moz-keyframes pt1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

@-o-keyframes pt1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

@keyframes pt1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

@-webkit-keyframes pt2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.6;
        transform: scale(1);
    }
}

@-moz-keyframes pt2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.6;
        transform: scale(1);
    }
}

@-o-keyframes pt2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.6;
        transform: scale(1);
    }
}

@keyframes pt2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.6;
        transform: scale(1);
    }
}

@-webkit-keyframes pt3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.4;
        transform: scale(1);
    }
}

@-moz-keyframes pt3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.4;
        transform: scale(1);
    }
}

@-o-keyframes pt3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.4;
        transform: scale(1);
    }
}

@keyframes pt3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.4;
        transform: scale(1);
    }
}

/*---------------------- /Animate More Loading ----------------------*/

.main-slider .projects .inner-section .content-heading .btn-archive {

    position: relative;
    top: -150px;
    opacity: 0;
    transition: opacity 2s, top .4s;
}

.main-slider .projects.slick-active .inner-section .content-heading .btn-archive {

    top: -65px;
    opacity: 1;
    transition: opacity 2s, top .4s;
    transition-delay: 1.5s;
}

.main-slider .projects .points {

    top: -200px;
    opacity: 0;
    transition: opacity 2s, top .4s;
}

.main-slider .projects.slick-active .points {

    top: -130px;
    opacity: 1;
    transition: opacity 2s, top .4s;
    transition-delay: 1.5s;
}


/*------------------------------------- //section-3// ------------------------------------*/
/*------------------------------------- section-4 ------------------------------------*/

/*
.main-slider .standards {

    background: url("../images/Images-Section/standards.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 95;
}
*/


.main-slider .standards::before {

    content: "";
    width: 101%;
    height: 102%;
    position: absolute;
    left: 0;
    right: -10px;
    top: -10px;
    background-color: #fff;
    opacity: .9;
    margin: 0 auto;
}

.main-slider .standards::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-size: auto;
    background-repeat: repeat;
    background-size: 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .1;
}

.standards .inner-section,
.standards .inner-section .content-heading,
.standards .inner-section .content-heading .main-content {

    padding: 0;
}

.standards .inner-section .content-heading .main-content {

    padding-right: 12px;
}

.main-slider .standards div {

    z-index: 9999;
}

.standards .main-content .box-right .description-stnd {

    margin-bottom: 20px;
}

.standards .main-content .box-right .description-stnd .title-st h4 {

    text-align: right;
    color: #00114d;
    font-weight: bold;
    font-size: 22px;
    word-spacing: -1px;
}

.standards .main-content .box-right .description-stnd .title-st h4::selection {

    color: #00114d;
    background-color: #ddd;
}

.standards .main-content .box-right .description-stnd .company-name {

    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.standards .main-content .box-right .description-stnd .company-name span {

    display: inline-block;
    text-align: right;
    font-size: 9px;
    word-spacing: 0px;
    background-color: #00114d;
    color: #bbb;
    padding: 5px 15px;
    border-radius: 100px;
}

.standards .main-content .box-right .description-stnd .company-name span strong {

    color: #fff;
    font-weight: 500;
}

.standards .main-content .box-right .description-stnd .desc p {

    margin: 0;
    text-align: right;
    font-size: 11px;
    line-height: 22px;
    color: #333;
}

.standards .main-content .box-right .description-stnd .desc p::selection {

    color: #808081;
    background-color: #ddd;
}

/*------------- box-stand -------------*/

.stndrs .box-stnd {

    padding: 0;
    margin-bottom: 20px;
}

.stndrs .box-stnd .inner-box {

    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 8px;
    box-shadow: 0px 10px 3px -4px #bbbbbb5e;
    cursor: pointer;
}

.stndrs .box-stnd .inner-box .numbers {

    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stndrs .box-stnd .inner-box .numbers span {

    font-family: Open_Sans, IRANSans;
    font-size: 45px;
    color: #000;
    font-weight: 900;
    opacity: .1;
}

.stndrs .box-stnd .inner-box .title-desc {

    width: 80%;
}

.stndrs .box-stnd .inner-box .title-desc .title h6 {

    color: #00114d;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}

.stndrs .box-stnd .inner-box .title-desc .title h6::before {

    content: "";
    width: 30px;
    height: 2px;
    background-color: #00114d;
    display: block;
    position: absolute;
    bottom: -3px;
    right: 0;
}

.stndrs .box-stnd .inner-box .title-desc .desc p {

    color: #aaa;
    text-align: right;
    font-size: 11px;
    margin: 0;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.stndrs .box-stnd .inner-box .title-desc .desc p::selection {

    color: #808081;
    background-color: #ddd;
}

/*------------- //box-stand// -------------*/

.standards .main-content .box-left {

    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.standards .main-content .box-left .btn-m-stnd {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 18px;
}

.standards .main-content .box-left .btn-m-stnd a {

    display: inline-block;
    background-color: #00114d;
    color: #fff;
    padding: 5px 22px;
    border-radius: 100px;
    font-size: 11px;
    padding-bottom: 6px;
    transition: all .3s;
}


.points-stnd {

    display: flex;
    flex-direction: row-reverse;
    margin-left: 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    bottom: 24%;
    right: 47%;
}

.points-stnd .pt {

    display: inline-block;
    background-color: #808081;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin: 0 8px;
    opacity: 0.2;
    transition: all 0.5s;
}

.points-stnd .pt:nth-child(1) {

    -webkit-animation: ptstnd-1 0.8s linear 1s infinite alternate;
    /* Safari 4+ */
    -moz-animation: ptstnd-1 0.8s linear 1s infinite alternate;
    /* Fx 5+ */
    -o-animation: ptstnd-1 0.8s linear 1s infinite alternate;
    /* Opera 12+ */
    animation: ptstnd-1 0.8s linear 1s infinite alternate;
    /* IE 10+, Fx 29+ */
    position: absolute;
    top: -30px;
    right: 50%;
}

.points-stnd .pt:nth-child(2) {

    -webkit-animation: ptstnd-2 0.8s linear 1.2s infinite alternate;
    /* Safari 4+ */
    -moz-animation: ptstnd-2 0.8s linear 1.2s infinite alternate;
    /* Fx 5+ */
    -o-animation: ptstnd-2 0.8s linear 1.2s infinite alternate;
    /* Opera 12+ */
    animation: ptstnd-2 0.8s linear 1.2s infinite alternate;
    /* IE 10+, Fx 29+ */
    top: -5px;
    right: 50%;
    position: absolute;
}

.points-stnd .pt:nth-child(3) {

    -webkit-animation: ptstnd-3 0.8s linear 1.5s infinite alternate;
    /* Safari 4+ */
    -moz-animation: ptstnd-3 0.8s linear 1.5s infinite alternate;
    /* Fx 5+ */
    -o-animation: ptstnd-3 0.8s linear 1.5s infinite alternate;
    /* Opera 12+ */
    animation: ptstnd-3 0.8s linear 1.5s infinite alternate;
    /* IE 10+, Fx 29+ */
    top: 20px;
    right: 50%;
    position: absolute;
}


/*---------------------- Animate More Loading ----------------------*/

@-webkit-keyframes ptstnd-1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

@-moz-keyframes ptstnd-1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

@-o-keyframes ptstnd-1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

@keyframes ptstnd-1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}

@-webkit-keyframes ptstnd-2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.6;
        transform: scale(1);
    }
}

@-moz-keyframes ptstnd-2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.6;
        transform: scale(1);
    }
}

@-o-keyframes ptstnd-2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.6;
        transform: scale(1);
    }
}

@keyframes ptstnd-2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.6;
        transform: scale(1);
    }
}

@-webkit-keyframes ptstnd-3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.4;
        transform: scale(1);
    }
}

@-moz-keyframes ptstnd-3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.4;
        transform: scale(1);
    }
}

@-o-keyframes ptstnd-3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.4;
        transform: scale(1);
    }
}

@keyframes ptstnd-3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 0.4;
        transform: scale(1);
    }
}

/*---------------------- /Animate More Loading/ ----------------------*/
/*---------------------- Animate element ----------------------*/


.stndrs .box-stnd {

    opacity: 0;
    position: relative;
    bottom: -120px;
    transition: all 1s;
}

.slick-active .stndrs .box-stnd {

    bottom: 0;
    transition: all 1s;
    transition-delay: 1.6s;
}

.slick-active .box-right .stndrs .box-stnd:nth-child(1) {

    opacity: 1;
    transition: all 1s;
    transition-delay: 2s;
}

.slick-active .box-right .stndrs .box-stnd:nth-child(2) {

    opacity: 1;
    transition: all 1s;
    transition-delay: 2.4s;
}

.slick-active .box-right .stndrs .box-stnd:nth-child(3) {

    opacity: 1;
    transition: all 1s;
    transition-delay: 2.8s;
}

/*

.box-left .stndrs .box-stnd {

    opacity: 0;
    position: relative;
    bottom: unset;
    top: -100px;
    transition: all 1s;
}

.slick-active .box-left .stndrs .box-stnd {

    top: 0;
    transition: all 1s;
    transition-delay: 1s;
}
*/

.slick-active .box-left .stndrs .box-stnd:nth-child(1) {

    opacity: 1;
    transition: all 1s;
    transition-delay: 3.2s;
}

.slick-active .box-left .stndrs .box-stnd:nth-child(2) {

    opacity: 1;
    transition: all 1s;
    transition-delay: 3.6s;
}

.slick-active .box-left .stndrs .box-stnd:nth-child(3) {

    opacity: 1;
    transition: all 1s;
    transition-delay: 4s;
}

.standards .main-content .box-right .description-stnd .title-st,
.standards .main-content .box-right .description-stnd .company-name,
.standards .main-content .box-right .description-stnd .desc {

    opacity: 0;
    position: relative;
    right: -80px;
    transition: all 1s;
}

.standards.slick-active .main-content .box-right .description-stnd .title-st {

    opacity: 1;
    right: 0;
    transition: all 1s;
    transition-delay: 1s;
}

.standards.slick-active .main-content .box-right .description-stnd .company-name {

    opacity: 1;
    right: 0;
    transition: all 1s;
    transition-delay: 1.3s;
}

.standards.slick-active .main-content .box-right .description-stnd .desc {

    opacity: 1;
    right: 0;
    transition: all 1s;
    transition-delay: 1.6s;
}

.standards .main-content .box-left .btn-m-stnd {

    opacity: 0;
    transform: scale(.3);
    transition: all 1s;
}

.standards.slick-active .main-content .box-left .btn-m-stnd {

    opacity: 1;
    transform: scale(1);
    transition: all 1s;
    transition-delay: 4.5s;
}


.standards .points-stnd {

    opacity: 0;
    transition: all 1s;
}

.standards.slick-active .points-stnd {

    opacity: 1;
    transform: scale(1);
    transition: all 1s;
    transition-delay: 4.5s;
}

/*---------------------- //Animate element// ----------------------*/

.stndrs .box-stnd .inner-box,
.stndrs .box-stnd .inner-box .numbers span,
.stndrs .box-stnd .inner-box .title-desc .title h6,
.stndrs .box-stnd .inner-box .title-desc .desc p,
.stndrs .box-stnd .inner-box .title-desc .title h6,
.stndrs .box-stnd .inner-box .title-desc .title h6::before {

    transition: all .3s;
}

.stndrs .box-stnd .inner-box:hover {

    background-color: #00114d;
    box-shadow: 0px 0px 15px -1px #00114d;
    transition: all .3s;
}

.stndrs .box-stnd .inner-box:hover .numbers span {

    color: #fff;
    opacity: .1;
    transition: all .3s;
}

.stndrs .box-stnd .inner-box:hover .title-desc .title h6 {

    color: #fff;
    transition: all .3s;
}

.stndrs .box-stnd .inner-box:hover .title-desc .desc p {

    color: #fff;
    opacity: .6;
    transition: all .3s;
}

.stndrs .box-stnd .inner-box:hover .title-desc .title h6::before {

    background-color: #fff;
    transition: all .3s;
}

.standards .main-content .box-left .btn-m-stnd a:hover {

    background-color: #fff;
    color: #00114d;
    box-shadow: 0px 0px 10px -2px #666;
    transition: all .3s;
}


/*------------------------------------- //section-4// ------------------------------------*/
/*------------------------------------- section-5 ------------------------------------*/


/*
.main-slider .customers {

    background: url("../images/Images-Section/customers.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 95;
}
*/


.main-slider .customers::before {

    content: "";
    width: 101%;
    height: 102%;
    position: absolute;
    left: 0;
    right: -10px;
    top: -10px;
    background-color: #000824;
    opacity: .8;
    margin: 0 auto;
}

.main-slider .customers::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-size: auto;
    background-repeat: repeat;
    background-size: 6px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .3;
}

.main-slider .customers div {

    z-index: 9999;
}

.box-blog .inner-box {

    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 10px 5px 0px #bbbbbb82;
    position: relative;
    top: 0;
    cursor: pointer;
    z-index: 99999 !important;
    transition: all .4s;
}

.box-blog .inner-box .pic {

    width: 100%;
    height: 210px;
    position: relative;
    overflow: hidden;
}

.box-blog .inner-box .pic img {

    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-blog .inner-box .content-blog {

    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.box-blog .inner-box .content-blog .view-msg {

    display: flex;
    width: 50%;
    justify-content: space-between;
    position: absolute;
    top: -25px;
    background-color: #fff;
    padding: 5px;
    border-radius: 6px;
}

.box-blog .inner-box .content-blog .view-msg::before {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 25px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: -23px;
    top: 2px;
    z-index: 9999;
}

.box-blog .inner-box .content-blog .view-msg::after {

    content: "";
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 25px 25px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: -23px;
    top: 2px;
    z-index: 9999;
}

.box-blog .inner-box .content-blog .view-msg .view {

    color: #bbb;
    display: flex;
    position: relative;
}

.box-blog .inner-box .content-blog .view-msg .view::before {

    content: "";
    width: 1px;
    height: 15px;
    display: block;
    background-color: #aaaaaa80;
    position: absolute;
    left: -20px;
    top: 3px;
}

.box-blog .inner-box .content-blog .view-msg .view span:first-child {

    font-size: 19px;
    margin-left: 5px;
}

.box-blog .inner-box .content-blog .view-msg .view span:last-child {

    font-size: 12px;
    font-family: Open_Sans, IRANSans;
    padding-top: 1px;
}

.box-blog .inner-box .content-blog .view-msg .msg {

    color: #bbb;
    display: flex;
}

.box-blog .inner-box .content-blog .view-msg .msg span:first-child {

    font-size: 12px;
    font-family: Open_Sans, IRANSans;
    padding-top: 1px;
}

.box-blog .inner-box .content-blog .view-msg .msg span:last-child {

    font-size: 18px;
    margin-right: 5px;
}

.box-blog .inner-box .content-blog .title h5 {

    text-align: right;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 12px;
    color: #333;
    padding-left: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    height: 60px;
}

.box-blog .inner-box .content-blog .desc p {

    text-align: right;
    font-size: 12px;
    padding: 0 12px;
    color: #999;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.box-blog .calender {

    display: flex;
    justify-content: space-between;
    color: #333;
    font-size: 10px;
    font-weight: bold;
    align-items: center;
    position: absolute;
    width: 85%;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 25px;
    transition: all 1s;
}

.box-blog .calender span:nth-child(2) {

    position: absolute;
    right: 47%;
    font-size: 17px;
    color: #999;
}

.box-blog .calender span strong {

    font-weight: 300;
    padding-left: 3px;
}

.box-blog .calender span:nth-child(3) {

    display: flex;
}

.box-blog .inner-box,
.box-blog .calender {

    transition: all .3s;
}

.box-blog .inner-box:hover {

    top: -25px;
    transition: all .3s;
}

.box-blog .inner-box:hover ~ .calender {

    bottom: 0;
    transition: all .3s;
}

.box-blog .inner-box .pic::before {

    content: "";
    background: url("../images/Other/triangles.png");
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 200% 70%;
    opacity: 0;
    filter: brightness(0) invert(1);
    transition: all .4s;
}

.box-blog .inner-box .pic::after {

    content: "";
    width: 100%;
    height: 150%;
    display: block;
    background: -moz-linear-gradient(90deg, rgba(0, 17, 77, 0) 0%, rgba(0, 17, 77, 1) 35%, rgba(0, 17, 77, 1) 79%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, rgba(0, 17, 77, 1)), color-stop(65%, rgba(0, 17, 77, 1)), color-stop(100%, rgba(0, 17, 77, 0)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0, 17, 77, 0) 0%, rgba(0, 17, 77, 1) 35%, rgba(0, 17, 77, 1) 79%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0, 17, 77, 0) 0%, rgba(0, 17, 77, 1) 35%, rgba(0, 17, 77, 1) 79%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0, 17, 77, 0) 0%, rgba(0, 17, 77, 1) 35%, rgba(0, 17, 77, 1) 79%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 17, 77, 0) 0%, rgba(0, 17, 77, 1) 35%, rgba(0, 17, 77, 1) 79%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00114d', endColorstr='#00114d', GradientType=0);
    /* ie6-9 */
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all .4s;
}

.box-blog .inner-box:hover .pic::before {

    opacity: .08;
    transition: all .4s;
}

.box-blog .inner-box:hover .pic::after {

    opacity: 1;
    transition: all .4s;
}

.box-blog .inner-box .pic span {

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.box-blog .inner-box .pic span::before {

    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/Logo/gray-logo.png");
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: center;
    background-size: 45px;
    opacity: 0;
    bottom: -20%;
    z-index: 999999;
    transition: opacity .2s, bottom .3s;
}

.box-blog .inner-box:hover .pic span::before {

    bottom: 0;
    opacity: 1;
    transition: opacity 1s, bottom .3s;
}

.blog .inner-section,
.blog .content-heading {

    padding: 0;
}

.blog .content-heading {

    padding-right: 12px;
}


.main-slider .blog .prjct-title {

    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 11%;
    opacity: 0;
    transition: all 1s;
}

.main-slider .blog.slick-active .prjct-title {

    opacity: 1;
    transition: all 1s;
    transition-delay: 1.5s;
}

.main-slider .blog .prjct-title .inner-prj h2 {

    display: inline-block;
    font-size: 13px;
    color: #333;
    border: 1px solid #bbb;
    background-color: #9999992e;
    padding: 8px 35px;
    border-radius: 100px;
    margin: 0;
    opacity: 0;
    transition: all .3s;
}

.main-slider .blog.slick-active .prjct-title::before {

    content: "";
    width: 44.4%;
    height: 1px;
    background-color: #aaa;
    position: absolute;
    top: 18px;
    right: 0;
    opacity: .2;
    transition: all .5s;
    transition-delay: 2s;
}

.main-slider .blog.slick-active .prjct-title::after {

    content: "";
    width: 44.4%;
    height: 1px;
    background-color: #aaa;
    position: absolute;
    top: 18px;
    left: 0;
    opacity: .2;
    transition: all .8s;
    transition-delay: 2s;
}

.main-slider .blog.slick-active .prjct-title .inner-prj h2 {

    opacity: 1;
    transition: all .3s;
    transition-delay: 1s;
}

.main-slider .blog .points-stnd {

    bottom: 14%;
    right: 48.6%;
}

.points-stnd .pt:nth-child(2) {

    top: -12px;
}

.points-stnd .pt:nth-child(3) {

    top: 4px;
}

.main-slider .blog .btn-archive {

    top: -55px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-slider .blog .btn-archive a {

    display: inline-block;
    background-color: #99999973;
    padding: 2px 30px;
    border-radius: 100px;
    font-size: 13px;
    color: #333;
    border: 1px solid #99999996;
    transition: all .3s;
}

.main-slider .blog .btn-archive a:hover {

    background-color: #f6ce4e2e;
    border: 1px solid #f6ce4e;
    color: #666;
    transition: all .3s;
}


.blog .main-content .box-blog {

    position: relative;
    bottom: -100px;
    opacity: 0;
    transition: all .7s;
}

.blog.slick-active .main-content .box-blog:nth-child(1) {

    position: relative;
    bottom: 0;
    opacity: 1;
    transition: all .7s;
    transition-delay: 2s;
}

.blog.slick-active .main-content .box-blog:nth-child(2) {

    position: relative;
    bottom: 0;
    opacity: 1;
    transition: all .7s;
    transition-delay: 2.4s;
}

.blog.slick-active .main-content .box-blog:nth-child(3) {

    position: relative;
    bottom: 0;
    opacity: 1;
    transition: all .7s;
    transition-delay: 2.8s;
}

.blog.slick-active .main-content .box-blog:nth-child(4) {

    position: relative;
    bottom: 0;
    opacity: 1;
    transition: all .7s;
    transition-delay: 3.2s;
}

.main-slider .blog .points-stnd {

    bottom: 4%;
    opacity: 0;
    transition: all .7s;
}

.main-slider .blog.slick-active .points-stnd {

    bottom: 14%;
    opacity: 1;
    transition: all .7s;
    transition-delay: 3.6s;
}

.main-slider .blog .btn-archive {

    top: 20px;
    opacity: 0;
    transition: opacity 1.5s, top .8s;
}


.main-slider .blog.slick-active .btn-archive {

    top: -55px;
    opacity: 1;
    transition: opacity 1.5s, top .8s;
    transition-delay: 3.6s;
}

/*------------------------------------- //section-5// ------------------------------------*/
/*------------------------------------- section-6 ------------------------------------*/

/*
.main-slider .blog {

    background: url("../images/Images-Section/Blogs.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 94;
}
*/


.main-slider .blog::before {

    content: "";
    width: 101%;
    height: 102%;
    position: absolute;
    left: 0;
    right: -10px;
    top: -10px;
    background-color: #fff;
    opacity: .9;
    margin: 0 auto;
}

.main-slider .blog::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-size: auto;
    background-repeat: repeat;
    background-size: 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .1;
}

.main-slider .blog div {

    z-index: 9999;
}

/*-------------------- start -------------------*/

.main-slider .customers .first-row,
.main-slider .customers .second-row {

    display: flex;
}

.main-slider .customers .second-row {

    margin-top: 10px;
}

.main-slider .customers .pic img {
    width: 120%;
    filter: grayscale(1);
    position: relative;
    right: -12%;
    top: 0;
    transform: scale(1);
    cursor: pointer;
    transition: all .3s;
}

.main-slider .customers .second-row .pic:hover img {

    filter: grayscale(0);
    transform: scale(1.1);
    top: 10px;
    transition: all .3s;
}

.main-slider .customers .first-row .pic:hover img {

    filter: grayscale(0);
    transform: scale(1.1);
    top: -10px;
    transition: all .3s;
}

.main-slider .customers .pic {

    position: relative;
    width: 11.11111%;
}

.main-slider .customers .logo-title-cust {

    width: 33.33333%;
    padding-left: 30px;
}

.main-slider .customers .logo-title-cust > span {

    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    height: 38px;
}

.main-slider .customers .logo-title-cust > span i {

    font-size: 54px;
    color: #f6ce4e;
    position: absolute;
}

.main-slider .customers .logo-title-cust h1 {

    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #f6ce4e;
    margin: 0;
    padding-top: 22px;
}

.main-slider .customers .logo-title-cust p {

    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: lighter;
    font-size: 18px;
}

.main-slider .customers .honor-company .title-hnr {

    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    top: 80px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .customers.slick-active .honor-company .title-hnr {

    top: 0;
    opacity: 1;
    transition: opacity .8s, top .4s;
    transition-delay: 4.4s;
}

.main-slider .customers .slider-content {

    opacity: 0;
    transition: all .3s;
}

.main-slider .customers.slick-active .slider-content {

    opacity: 1;
    transition: opacity .8s;
    transition-delay: 4.8s;
}

.main-slider .customers .honor-company .title-hnr > span i {

    font-size: 60px;
    color: #fff;
}

.main-slider .customers .honor-company {

    padding-top: 50px;
    display: flex;
    flex-direction: row-reverse;
}

.main-slider .customers .honor-company .title-hnr h4 {

    font-size: 20px;
    color: #fff;
    margin: 0;
}

.main-slider .customers .honor-company .slider-content .item .pic,
.main-slider .customers .honor-company .slider-content .item .pic img {

    width: 90%;
    right: 0;
    filter: unset;
}

.main-slider .customers .honor-company .slider-content .item .pic {
    height: 140px;
    display: flex;
    align-items: center;
}

.main-slider .customers .honor-company .slider-content .item .pic img {

    transform: scale(1);
    opacity: .3;
    filter: grayscale(1);
    transition: all .3s;
}

.main-slider .customers .honor-company .slider-content .item .pic:hover img {

    transform: scale(.92);
    opacity: 1;
    filter: grayscale(0);
    transition: all .3s;
}

/*------------------------- animated -------------------------*/

.main-slider .customers .logo-title-cust > span {

    top: 50px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .customers.slick-active .logo-title-cust > span {

    top: 0;
    opacity: 1;
    transition: opacity .8s, top .4s;
    transition-delay: 1.5s;
}

.main-slider .customers .logo-title-cust h1 {

    position: relative;
    top: 50px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .customers.slick-active .logo-title-cust h1 {

    top: 0;
    opacity: 1;
    transition: opacity .8s, top .4s;
    transition-delay: 1.7s;
}

.main-slider .customers .logo-title-cust p {

    position: relative;
    top: 50px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .customers.slick-active .logo-title-cust p {

    top: 0;
    opacity: 1;
    transition: opacity .8s, top .4s;
    transition-delay: 1.9s;
}

.main-slider .customers .first-row .pic {

    top: -50px;
    opacity: 0;
    transition: opacity .8s, top .4s;
}

.main-slider .customers.slick-active .first-row .pic {

    top: 0;
    opacity: 1;
    transition: opacity .8s, top .4s;
}

.main-slider .customers .first-row .pic:nth-child(2),
.main-slider .customers .first-row .pic:nth-child(4),
.main-slider .customers .first-row .pic:nth-child(7) {

    top: unset;
    bottom: -70px;
    opacity: 0;
    transition: opacity .8s, bottom .4s;
}


.main-slider .customers.slick-active .first-row .pic:nth-child(2),
.main-slider .customers.slick-active .first-row .pic:nth-child(4),
.main-slider .customers.slick-active .first-row .pic:nth-child(7) {

    top: unset;
    bottom: 0;
    opacity: 1;
    transition: opacity .8s, bottom .4s;
}

.main-slider .customers.slick-active .first-row .pic:nth-child(1) {

    transition-delay: 2.2s;
}

.main-slider .customers.slick-active .first-row .pic:nth-child(2) {

    transition-delay: 2.4s;
}

.main-slider .customers.slick-active .first-row .pic:nth-child(3) {

    transition-delay: 2.6s;
}

.main-slider .customers.slick-active .first-row .pic:nth-child(4) {

    transition-delay: 2.8s;
}

.main-slider .customers.slick-active .first-row .pic:nth-child(5) {

    transition-delay: 3s;
}

.main-slider .customers.slick-active .first-row .pic:nth-child(7) {

    transition-delay: 3.2s;
}

/*------------- second-row ---------------*/

.main-slider .customers .second-row .pic:nth-child(5) {

    position: relative;
    bottom: -70px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(5) {

    bottom: 0;
    opacity: 1;
    transition: opacity .8s, bottom .4s;
    transition-delay: 3.4s;
}

.main-slider .customers .second-row .pic:nth-child(1),
.main-slider .customers .second-row .pic:nth-child(2),
.main-slider .customers .second-row .pic:nth-child(3),
.main-slider .customers .second-row .pic:nth-child(4) {

    position: relative;
    right: -90px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(1),
.main-slider .customers.slick-active .second-row .pic:nth-child(2),
.main-slider .customers.slick-active .second-row .pic:nth-child(3),
.main-slider .customers.slick-active .second-row .pic:nth-child(4) {

    right: 0;
    opacity: 1;
    transition: opacity .8s, right .4s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(1) {

    transition-delay: 4.2s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(2) {

    transition-delay: 4s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(3) {

    transition-delay: 3.8s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(4) {

    transition-delay: 3.6s;
}

.main-slider .customers .second-row .pic:nth-child(6),
.main-slider .customers .second-row .pic:nth-child(7),
.main-slider .customers .second-row .pic:nth-child(8),
.main-slider .customers .second-row .pic:nth-child(9) {

    position: relative;
    left: -90px;
    opacity: 0;
    transition: all .3s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(6),
.main-slider .customers.slick-active .second-row .pic:nth-child(7),
.main-slider .customers.slick-active .second-row .pic:nth-child(8),
.main-slider .customers.slick-active .second-row .pic:nth-child(9) {

    left: 0;
    opacity: 1;
    transition: opacity .8s, left .4s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(6) {

    transition-delay: 3.6s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(7) {

    transition-delay: 3.8s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(8) {

    transition-delay: 4s;
}

.main-slider .customers.slick-active .second-row .pic:nth-child(9) {

    transition-delay: 4.2s;
}

/*------------- //second-row// ---------------*/
/*------------------------- //animated// -------------------------*/
/*------------------------------------- //section-6// ------------------------------------*/
/*------------------------------------- section-7 ------------------------------------*/

/*
.main-slider .consultation {

    background: url("../images/Images-Section/consultation.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 93;
}
*/


.main-slider .consultation::before {

    content: "";
    width: 101%;
    height: 102%;
    position: absolute;
    left: 0;
    right: -10px;
    top: -10px;
    background-color: #000824;
    opacity: .8;
    margin: 0 auto;
}

.main-slider .consultation::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-size: auto;
    background-repeat: repeat;
    background-size: 6px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .3;
}

.main-slider .consultation div {

    z-index: 9999;
}

.main-slider .consultation .inner-section .content-heading .main-content .req-information {

    position: relative;
    z-index: 1;
}

.consultation .req-information::before {

    content: "";
    width: 1px;
    height: 128%;
    background-color: #fff;
    opacity: .2;
    position: absolute;
    right: 7%;
    top: -12%;
}

.consultation .req-information .inner-req {

    padding: 0 85px;
}

.consultation .req-information .inner-req .icon-req-info {

    text-align: center;
    margin-bottom: 5px;
    position: relative;
    top: 50px;
    opacity: 0;
    transition: all .5s;
}

.consultation .req-information .inner-req .icon-req-info i {

    font-size: 130px;
    color: #fff;
}

.consultation .req-information .inner-req .title h5 {

    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}

.consultation .req-information .inner-req .desc {

    text-align: center;
}

.consultation .req-information .inner-req .desc span {

    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 0;
    display: inline-block;
    line-height: 22px;
    opacity: .35;
    margin-bottom: 20px;
}

.consultation .req-information .inner-req .recp {

    margin-bottom: 10px;
}

.consultation .req-information .inner-req .recp .recaptcha {

    position: relative;
    right: 11px;
}

.consultation .req-information .inner-req .recp .recaptcha,
.consultation .req-information .inner-req .recp .recaptcha iframe,
.consultation .req-information .inner-req .recp .recaptcha html,
.consultation .req-information .inner-req .recp .recaptcha body,
.consultation .req-information .inner-req .recp .recaptcha div,
.consultation .req-information .inner-req .recp .recaptcha body div,
.consultation .req-information .inner-req .recp .recaptcha .rc-anchor-normal {

    width: 100% !important;
    display: flex;
}

.consultation .req-information .inner-req .btn-send {

    text-align: center;
    border-radius: 5px;
    color: #333;
    background-color: #f6ce4e;
    overflow: hidden;
    transition: all .3s;
}

.consultation .req-information .inner-req .btn-send a {

    display: flex;
    padding: 7px 30px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    position: relative;
    transition: all .3s;
}

.consultation .req-information .inner-req .btn-send::before {

    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background-color: #aaa;
    transition: all .3s;
}

.consultation .req-information .inner-req .btn-send:hover::before {

    width: 110%;
    transition: all .3s;
}

.consultation .req-information .inner-req .btn-send a:hover {

    color: #fff;
    transition: all .3s;
}

.consultation .req-information .inner-req .btn-send a i {

    transform: scale(-1);
    padding-left: 10px;
    font-size: 16px;
    position: relative;
    right: 0;
    transition: all .3s;
}

.consultation .req-information .inner-req .btn-send a:hover i {

    color: #fff;
    right: 15px;
    transition: all .3s;
}

.consultation .fild-information {

    cursor: pointer;
    height: 370px;
}

.consultation .form-slider .item {

    padding-bottom: 26px;
}

.consultation .form-slider .form-group {

    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    align-items: center;
    height: auto !important;
    flex-direction: row-reverse;
    transition: all .3s;
}

.consultation .form-slider .form-group label {

    text-align: center;
    padding: 0;
    max-width: 50px;
    min-width: 50px;
}

.consultation .form-slider .form-group label i {

    font-size: 34px;
    color: #fff;
    transition: all .3s;
}

.consultation .form-slider .form-group input {

    height: 50px;
    background-color: #ffffff1a;
    border-radius: 6px;
}

.consultation .form-slider .form-group textarea {

    background-color: #ffffff1a;
    border-radius: 6px;
}

.consultation .fild-information .inner-fild,
.consultation .fild-information .inner-fild form,
.consultation .fild-information .inner-fild .form-slider,
.consultation .fild-information .inner-fild .form-slider .slick-list {

    height: 100% !important;
}

.consultation .fild-information .form-control {

    transition: all .3s;
}

.consultation .fild-information .form-control:focus {

    border-color: #f6ce4e;
    color: #fff;
    box-shadow: unset;
    background-color: #f6ce4e12;
    transition: all .3s;
}

.consultation .fild-information .form-control:focus ~ label i {

    color: #f6ce4e;
    transition: all .3s;
}

.consultation .fild-information .inner-fild .form-slider .slick-prev,
.consultation .fild-information .inner-fild .form-slider .slick-next {

    display: block !important;
}

.consultation .fild-information .inner-fild .form-slider .slick-prev {

    position: absolute;
    z-index: 999999;
    top: 10px;
    left: -45px;
    right: unset;
}

.consultation .fild-information .inner-fild .form-slider .slick-next {

    position: absolute;
    z-index: 999999;
    bottom: -5px;
    left: -45px;
    right: unset;
    top: unset;
}

.consultation .fild-information .inner-fild .form-slider .slick-prev::before,
.consultation .fild-information .inner-fild .form-slider .slick-next::before {

    content: unset;
}

.main-view .elm-fix .menu-logo.fd,
.main-view .elm-fix .footer.fd {

    display: flex !important;
    opacity: 1 !important;
}

/*----------------- animate ------------------*/

.consultation.slick-active .req-information .inner-req .icon-req-info {

    top: 0;
    opacity: 1;
    transition: top .5s, opacity .8s;
    transition-delay: 1s;
}

.consultation .req-information .inner-req .title h5,
.consultation .req-information .inner-req .desc {

    position: relative;
    top: 50px;
    opacity: 0;
    transition: all .5s;
}

.consultation.slick-active .req-information .inner-req .title h5 {

    top: 0;
    opacity: 1;
    transition: top .5s, opacity .8s;
    transition-delay: 1.3s;
}

.consultation.slick-active .req-information .inner-req .desc {

    top: 0;
    opacity: 1;
    transition: top .5s, opacity .8s;
    transition-delay: 1.6s;
}

.consultation .req-information .inner-req .recp {

    opacity: 0;
    position: relative;
    top: 50px;
    transition: all .5s;
}

.consultation.slick-active .req-information .inner-req .recp {

    top: 0;
    opacity: 1;
    transition: top .5s, opacity .8s;
    transition-delay: 1.9s;

}

.consultation .req-information .inner-req .btn-send {

    opacity: 0;
    position: relative;
    top: 50px;
    transition: all .5s;
}

.consultation.slick-active .req-information .inner-req .btn-send {

    top: 0;
    opacity: 1;
    transition: top .5s, opacity .8s;
    transition-delay: 2.2s;
}

.consultation .req-information::before {

    content: "";
    width: 1px;
    height: 0;
    background-color: #fff;
    opacity: .2;
    position: absolute;
    right: 7%;
    top: 40%;
    bottom: 0;
    transition: all .5s;
}

.consultation.slick-active .req-information::before {

    height: 125%;
    top: -13%;
    transition: all .5s;
    transition-delay: 2.8s;
}

.consultation .fild-information {

    position: relative;
    top: -80px;
    opacity: 0;
    transition: all .5s;
}

.consultation.slick-active .fild-information {

    top: 0;
    opacity: 1;
    transition: opacity 1s, top .5s;
    transition-delay: 2s;
}

/*----------------- //animate// ------------------*/
/*------------------------------------- //section-7// ------------------------------------*/
/*------------------------------------- section-8 ------------------------------------*/

/*
.main-slider .call {

    background: url("../images/Images-Section/callus.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 92;
}
*/


.main-slider .call::before {

    content: "";
    width: 101%;
    height: 102%;
    position: absolute;
    left: 0;
    right: -10px;
    top: -10px;
    background-color: #fff;
    opacity: .9;
    margin: 0 auto;
}

.main-slider .call::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-size: auto;
    background-repeat: repeat;
    background-size: 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .1;
}

.main-slider .call div {

    z-index: 9999;
}

.call .logo-footer {

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -50px;
}

.call .logo-footer .pic {

    display: inline-block;
    width: 75px;
    position: relative;
}

.call .logo-footer .pic img {

    width: 100%;
    height: 100%;
}

/*
.logo-footer {

    position: relative;
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
*/

.logo-footer .pic::before {

    content: "";
    border-radius: 100%;
    display: block;
    border: 1px dashed #aaa;
    border-width: 2px;
    position: absolute;
    width: 165px;
    height: 165px;
    right: -46px;
    top: -15px;
    opacity: .9;
    -webkit-animation: rotating 25s linear infinite;
    -moz-animation: rotating 25s linear infinite;
    -ms-animation: rotating 25s linear infinite;
    -o-animation: rotating 25s linear infinite;
    animation: rotating 25s linear infinite;
    transition-delay: 2s;
}

.logo-footer .pic::after {

    content: "";
    border-radius: 100%;
    display: block;
    border: 1px dashed #aaa;
    border-width: 2px;
    -webkit-animation: rotating1 30s linear infinite;
    -moz-animation: rotating1 30s linear infinite;
    -ms-animation: rotating1 30s linear infinite;
    -o-animation: rotating1 30s linear infinite;
    animation: rotating1 30s linear infinite;
    position: absolute;
    width: 205px;
    height: 205px;
    right: -66px;
    top: -35px;
    opacity: .7;
    transition-delay: 1s;
}


@-webkit-keyframes rotating1 {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating1 {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(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;
}


@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

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

    to {
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-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;
}
*/

.main-slider .call .inner-section .content-heading .main-content {

    align-content: flex-end;
    padding-bottom: 40px;
}

.call .map {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
}

.call .map iframe {

    width: 100%;
    height: 100%;
    border: 1px solid #aaa;
    border-radius: 8px;
}

.detailes-footer .address {

    text-align: center;
    font-size: 14px;
}

.detailes-footer .address strong {

    color: #00114d;
    font-weight: bold;
    font-size: 15px;
}

.detailes-footer .address span {

    color: #999;
}

.call .social .inner-soc {

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.call .social .icons-soc {

    padding: 0 3px;
    display: flex;
}

.call .social .icons-soc > span {

    display: flex;
    flex-wrap: wrap;
    color: #333;
    opacity: .35;
    cursor: pointer;
    transition: all .3s;
}

.call .social .icons-soc > span i {

    width: 100%;
    text-align: center;
    font-size: 15px;
    transition: all .3s;
}

.call .social .icons-soc > span strong {

    width: 100%;
    text-align: center;
    font-size: 11px;
    transition: all .3s;
}

.call .social .icons-soc > span:hover {

    color: #00114d;
    opacity: .9;
    opacity: 1;
    transition: all .3s;
}

.call .social .inner-soc .title {

    width: 100%;
    display: flex;
    justify-content: center;
}

.call .social .inner-soc .title span {

    color: #333;
    opacity: .35;
    font-size: 12px;
    font-weight: 500;
}

.call .detailes-footer .tells {

    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
}

.call .detailes-footer .tells > strong {

    padding-left: 10px;
    font-size: 15px;
}

.call .detailes-footer .tells span {

    padding: 0 12px;
    font-size: 14px;
}

.call .detailes-footer .tells strong:first-child {

    color: #00114d;
    padding-left: 5px;
}

.call .detailes-footer .tells strong:last-child {

    font-weight: normal;
    color: #999;
}

.call .detailes-footer .btn-address {

    text-align: center;
    margin-bottom: 15px;
}

.call .detailes-footer .btn-address a {

    display: inline-block;
    padding: 5px 20px;
    background-color: #00114d;
    font-size: 11px;
    color: #fff;
    border-radius: 3px;
    margin: 8px 0;
}

/*-------------- animated --------------*/

.call .logo-footer .pic {

    position: relative;
    top: 80px;
    opacity: 0;
    transition: opacity 1.5s, top .8s;
}

.call.slick-active .logo-footer .pic {

    top: 0;
    opacity: 1;
    transition: opacity 1.5s, top .8s;
    transition-delay: 1s;
}

.call .logo-footer .pic::before,
.call .logo-footer .pic::after {

    opacity: 0;
    transition: all .5s;
}

.call.slick-active .logo-footer .pic::before {

    opacity: .9;
    transition: all .5s;
    transition-delay: 1.4s;
}

.call.slick-active .logo-footer .pic::after {

    opacity: .4;
    transition: all .5s;
    transition-delay: 1.6s;
}

.call .detailes-footer .address,
.call .detailes-footer .tells,
.call .detailes-footer .btn-address {

    position: relative;
    top: 80px;
    opacity: 0;
    transition: opacity 1s, top .6s;
}

.call.slick-active .detailes-footer .address {

    top: 0;
    opacity: 1;
    transition: opacity 1s, top .6s;
    transition-delay: 1.8s;
}

.call.slick-active .detailes-footer .tells {

    top: 0;
    opacity: 1;
    transition: opacity 1s, top .6s;
    transition-delay: 2s;
}

.call.slick-active .detailes-footer .btn-address {

    top: 0;
    opacity: 1;
    transition: opacity 1s, top .6s;
    transition-delay: 2.2s;
}

.call .map {

    position: relative;
    z-index: 999999;
    background-color: #fff;
    padding: 0;
    border-radius: 7px;
    top: 50px;
    opacity: 0;
    transition: opacity 1s, top .6s;
}

.call.slick-active .map {

    opacity: 1;
    top: 0;
    transition: opacity 1.3s, top .6s;
    transition-delay: 2.4s;
}

.call .social .icons-soc {

    position: relative;
    opacity: 0;
    transition: opacity 1.3s, top .6s, right .6s, left .6s;
}

.call .social .icons-soc:nth-child(1) {

    right: -100px;
    top: 50px;
}

.call .social .icons-soc:nth-child(2) {

    right: -75px;
    top: 50px;
}

.call .social .icons-soc:nth-child(3) {

    top: 50px;
}

.call .social .icons-soc:nth-child(4) {

    left: -75px;
    top: 50px;
}

.call .social .icons-soc:nth-child(5) {

    left: -100px;
    top: 50px;
}

.call.slick-active .social .icons-soc {

    position: relative;
    opacity: 1;
    transition: opacity 1.3s, top .6s, right .6s, left .6s;
    transition-delay: 2.6s;
}

.call.slick-active .social .icons-soc:nth-child(1) {

    right: 0;
    top: 0;
}

.call.slick-active .social .icons-soc:nth-child(2) {

    right: 0;
    top: 0;
}

.call.slick-active .social .icons-soc:nth-child(3) {

    top: 0;
}

.call.slick-active .social .icons-soc:nth-child(4) {

    left: 0;
    top: 0;
}

.call.slick-active .social .icons-soc:nth-child(5) {

    left: 0;
    top: 0;
}

.call .social .inner-soc .title {

    position: relative;
    opacity: 0;
    transition: 1.5s;
}

.call.slick-active .social .inner-soc .title {

    opacity: 1;
    transition: .5s;
    transition-delay: 3s;
}

/*-------------- animated --------------*/
/*------------------------------------- //section-8// ------------------------------------*/
/*------------------------------------- slider-dots ------------------------------------*/

.slick-dots li:nth-child(even).slick-active button::before {

    color: #00114d;
    transition: all .5s;
}

/*------------------------------------- //slider-dots// ------------------------------------*/
/*------------------------------------------ //end-main-page// --------------------------------------------------*/
/*------------------------------------------ inner-pages --------------------------------------------------*/
/*--------------------------------- header ------------------------------------*/

.header-main {

    width: 100%;
    position: relative;
    padding: 0;
}

.header-main .inner-hdr-main {

    position: relative;
    background: url("../images/Images-Section/about.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0;
}

.header-main .inner-hdr-main::before {

    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #000824;
    opacity: .93;
}

.header-main .inner-hdr-main::after {

    content: "";
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -3px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: -moz-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(224, 184, 69, 1)), color-stop(20%, rgba(170, 127, 47, 1)), color-stop(40%, rgba(224, 184, 69, 1)), color-stop(60%, rgba(170, 127, 47, 1)), color-stop(80%, rgba(224, 184, 69, 1)), color-stop(100%, rgba(170, 127, 47, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* ie10+ */
    background: linear-gradient(90deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0b845', endColorstr='#aa7f2f', GradientType=1);
    /* ie6-9 */
    z-index: 9;
}

.header-main .time-tell {

    display: flex;
    padding-top: 15px;
}

.header-main .time-tell .right-box {

    display: flex;
    color: #fff;
}

.header-main .time-tell .right-box .city {

    margin-left: 25px;
    font-size: 12px;
}

.header-main .time-tell .right-box .city .date {

    color: #aaa;
}

.header-main .time-tell .right-box .descript {

    font-size: 13px;
}

.header-main .time-tell .right-box .descript strong.opc {

    color: #aaa;
    font-weight: 400;
}

.header-main .time-tell .right-box .descript strong {

    font-weight: bold;
    opacity: 1;
}

.header-main .time-tell .right-box .descript strong.opc {

    color: #aaa;
    font-weight: 400;
}

.left-box .call-us > span:first-child {

    margin-left: 40px;
    font-size: 12px;
    color: #fff;
}

.left-box .call-us > span:first-child strong.opc {

    color: #aaa;
    font-weight: 400;
}

.left-box .call-us > span:first-child strong {

    font-weight: bold;
}

.left-box .call-us > span:first-child strong.opc {

    color: #aaa;
    font-weight: 400;
}

.left-box .call-us > span:last-child {

    font-size: 11px;
    color: #fff;
    position: relative;
    top: 2px;
}

.left-box .call-us > span:last-child i {

    font-size: 13px;
    padding-right: 3px;
}

.left-box .call-us > span:last-child .light {

    color: #aaa;
    position: relative;
    margin-right: 8px;
    font-weight: 400;
}

.left-box .call-us > span:last-child .light::before {

    content: "";
    width: 5px;
    height: 2px;
    background-color: #aaa;
    position: absolute;
    top: 8px;
    right: -8px;
}

.left-box .call-us > span:last-child strong {

    font-weight: bold;
}

.header-main .logo-main {

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

.header-main .logo-main .text h1 {

    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    color: #f6ce4e;
}

.header-main .logo-main .text h2 {

    font-size: 20px;
    font-weight: bold;
    padding-right: 10px;
    color: #f6ce4e;
}

.header-main .logo-main .pic {

    width: 64px;
}

.header-main .logo-main .pic img {

    width: 100%;
}

.header-main .menu-main,
.header-main .menu-main .navbar-nav {

    width: 100%;
    display: flex;
    justify-content: center;
}

.header-main .menu-main .navbar a.nav-item {

    color: #aaa;
    font-size: 16px;
    margin: 0 12px;
    padding: 5px;
    position: relative;
    transition: all .3s;
}

.header-main .menu-main .navbar a::before {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #f6ce4e transparent transparent transparent;
    position: absolute;
    top: -12px;
    opacity: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: all .3s;
}

.header-main .menu-main .navbar a.nav-item:hover {

    color: #f6ce4e;
    transition: all .3s;
}

.header-main .menu-main .navbar a:hover::before {

    top: -5px;
    opacity: 1;
    transition: all .3s;
}

.header-main .search-req {

    background-color: #fff;
}


.header-main .search-req {

    padding: 0;
}

.header-main .search-req .inner-srch-req {

    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 15px 0;
    padding-bottom: 8px;
    align-items: center;
}

.header-main .search-req .inner-srch-req .btn-req {

    width: 50%;
}

.header-main .search-req .inner-srch-req .btn-req a {

    display: inline-block;
    padding: 6px 15px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    background: -moz-linear-gradient(0deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(226, 185, 70, 1)), color-stop(15%, rgba(226, 185, 70, 1)), color-stop(49%, rgba(184, 141, 53, 1)), color-stop(71%, rgba(184, 141, 53, 1)), color-stop(91%, rgba(226, 185, 70, 1)), color-stop(100%, rgba(226, 185, 70, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    /* ie10+ */
    background: linear-gradient(90deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2b946', endColorstr='#e2b946', GradientType=1);
    /* ie6-9 */
    transition: all .3s;
}

.header-main .search-req .inner-srch-req .btn-req a:hover {

    transition: all .3s;
}

.header-main .search-req .inner-srch-req .search-box {

    width: 50%;
    display: flex;
    justify-content: flex-start;
}

.header-main .search-req .inner-srch-req .search-box span {

    color: #e2b946;
    font-size: 18px;
    position: relative;
    top: 3px;
}

.header-main .search-req .inner-srch-req .search-box input {

    width: 70%;
    margin-right: 8px;
    border: none;
    font-size: 14px;
    color: #666;
}

.header-main .search-req .inner-srch-req .search-box input:focus::placeholder {

    color: transparent;
}

.header-main .search-req .inner-srch-req .search-box input::placeholder {

    font-size: 14px;
    color: #999;
    color: #e2b946;
    font-weight: 400;
    opacity: 1;
}

.header-main .search-req .pic {

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.header-main .search-req .pic::before {

    content: "";
    width: 100%;
    height: 1px;
    background-color: #8080813d;
    position: absolute;
    right: 0;
    left: 0;
    top: 2px;
    z-index: 9;
}

.header-main .search-req .pic .inner-pic {

    width: 47px;
    padding: 10px;
    position: absolute;
    right: -10px;
    left: 0;
    margin: 0 auto;
    z-index: 9;
    border: 1px solid #8080813d;
    border-radius: 100px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.header-main .search-req .pic .inner-pic img {

    width: 70%;
}

.header-main .search-req.sticky {

    position: fixed;
    top: 0;
    z-index: 99999999;
    right: 0;
}

/*--------------------------------- //header// ------------------------------------*/
/*--------------------------------- main -------------------------------------------*/

.main-inner {

    background-color: #fff;
    padding: 0;
}

/*--------------------------------- main -------------------------------------------*/
/*--------------------------------- footer ------------------------------------*/

.footer-main {

    background-color: #fff;
    padding: 0;
    padding-top: 30px;
}

.footer-main .all-ftr {

    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px 30px;
    padding-top: 60px;
}

.footer-main .all-ftr .logo-footer {

    position: relative;
    top: 15px;
}

.footer-main .all-ftr .logo-footer .pic span::before {

    content: "";
    width: 300px;
    height: 98%;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    right: -126%;
    left: 0;
    margin: 0 auto;
    z-index: 9999;
}

.footer-main .all-ftr .logo-footer .pic span + img {

    z-index: 999999;
    position: relative;
}

.footer-main .all-ftr .logo-footer .pic {

    position: relative;
    width: 80px;
    right: 10px;
}

.footer-main .all-ftr .logo-footer .pic img {

    width: 100%;
}

.footer-main .all-ftr .logo-footer .pic::before {

    width: 190px;
    height: 190px;
    right: -52px;
    top: -20px;
}

.footer-main .all-ftr .logo-footer .pic::after {

    width: 230px;
    height: 230px;
    right: -73px;
    top: -42px;
    opacity: .4;
}

.footer-main .all-ftr .txt-silver {

    font-size: 16px;
    color: #bbb;
}

.footer-main .all-ftr .info-company {

    padding-top: 40px;
    position: relative;
    z-index: 9999;
    display: flex;
    justify-content: center;
}

.footer-main .all-ftr .info-company p {

    width: 85%;
    text-align: center;
    color: #333;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
}

.footer-main .btm-footer .address {

    text-align: center;
    top: 0;
    opacity: 1;
    padding-bottom: 10px;
    transition: opacity 1s, top .6s;
}

.footer-main .btm-footer .address strong {

    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.footer-main .btm-footer .address span {

    color: #999;
    font-size: 14px;
}

.footer-main .btm-footer .tells {

    text-align: center;
    top: 0;
    opacity: 1;
    padding-bottom: 30px;
    transition: opacity 1s, top .6s;
}

.footer-main .btm-footer .tells strong:first-child {

    color: #00114d;
    padding-left: 5px;
}

.footer-main .btm-footer .tells span {

    padding: 0 12px;
    font-size: 14px;
}

.footer-main .btm-footer .tells strong:first-child {

    color: #fff;
    font-size: 16px;
    padding-left: 5px;
}

.footer-main .btm-footer .tells strong:last-child {

    font-weight: normal;
    color: #999;
}

.footer-main .btm-footer .other-address {

    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
}

.footer-main .btm-footer .other-address .tells {

    text-align: right;
}

.footer-main .btm-footer .tells span > strong:first-child {

    font-size: 14px;
}

.footer-main .btm-footer .soc-copy {

    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-bottom: 15px;
}

.footer-main .btm-footer .soc-copy .copy-right {

    display: flex;
    flex-direction: row-reverse;
}

.footer-main .btm-footer .soc-copy .copy-right span {

    direction: ltr;
    font-size: 14px;
}

.footer-main .btm-footer .soc-copy .copy-right span:first-child {

    padding-right: 15px;
    color: #999;
}

.footer-main .btm-footer .soc-copy .copy-right span:last-child {

    color: #fff;
    position: relative;
}

.footer-main .btm-footer .soc-copy .copy-right span:last-child::before {

    content: "";
    width: 1px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: -8px;
    display: block;
    background-color: #fff;
}

.footer-main .btm-footer .soc-copy .soctial {

    display: flex;
}

.footer-main .btm-footer .soc-copy .soctial a {

    font-size: 14px;
    margin: 0 8px;
    color: #fff;
    opacity: .35;
    transition: all .3s;
}

.footer-main .btm-footer .soc-copy .soctial a:hover {

    opacity: 1;
    transition: all .3s;
}

.footer-main .bg-image {

    padding: 0;
    padding-top: 20px;
    background: url("../images/Images-Section/callus.jpg");
    position: relative;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.footer-main .bg-image::before {

    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    margin: 0 auto;
    background-color: #000824;
    opacity: .93;
}

.footer-main .bg-image::after {

    content: "";
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: -moz-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(224, 184, 69, 1)), color-stop(20%, rgba(170, 127, 47, 1)), color-stop(40%, rgba(224, 184, 69, 1)), color-stop(60%, rgba(170, 127, 47, 1)), color-stop(80%, rgba(224, 184, 69, 1)), color-stop(100%, rgba(170, 127, 47, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* ie10+ */
    background: linear-gradient(90deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0b845', endColorstr='#aa7f2f', GradientType=1);
    /* ie6-9 */
}



/*--------------------------------- //footer// ------------------------------------*/
/*--------------------------------- project ------------------------------------*/

.main-inner .elev-sec {

    padding-top: 60px;
}

.main-inner .elev-sec .inner-elev .title h1 {

    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.main-inner .elev-sec .inner-elev .box-all {

    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.elev-sec .inner-elev .box-all .main-pic .inner-pic {

    border-radius: 5px;
    overflow: hidden;
}

.inner-elev .box-all .details {

    padding-right: 20px;
    padding-top: 20px;
}

.inner-elev .box-all .details .det {

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inner-elev .box-all .details .det .inner-det {

    display: flex;
    flex-wrap: wrap;
}

.inner-elev .box-all .details .det .inner-det .cntnt {

    width: 100%;
    text-align: right;
}

.inner-elev .box-all .details .det .inner-det .cntnt:first-child span {

    font-size: 13px;
    padding: 0px 14px;
    padding-bottom: 1px;
    background-color: #f6ce4e;
    border-radius: 4px;
}

.inner-elev .box-all .details .det .inner-det .cntnt:last-child span {

    font-size: 12px;
    padding: 6px 16px;
    padding-bottom: 5px;
    background-color: #000824;
    border-radius: 4px;
    margin-top: 5px;
    display: inline-block;
    color: #fff;
}

.inner-elev .box-all .details .det .heart {

    color: #bbb;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.inner-elev .box-all .details .det .heart span:first-child {

    width: 100%;
    display: inline-block;
    font-size: 36px;
}

.inner-elev .box-all .details .det .heart span:last-child {

    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    position: relative;
    top: 10px;
}

.inner-elev .box-all .details .text-abt p {

    text-align: right;
    font-size: 16px;
    line-height: 36px;
    font-weight: lighter;
    color: #333;
    margin: 0;
}

.inner-elev .box-all .details .pic-gal .title {

    display: flex;
    justify-content: flex-start;
}

.inner-elev .box-all .details .pic-gal .title span {

    text-align: right;
    font-size: 18px;
    color: #000824;
    font-weight: bold;
    margin: 15px 0;
}

.inner-elev .box-all .details .pic-gal .gal .gallery .list-unstyled {

    padding: 0;
}

.inner-elev .box-all .details .pic-gal .gal .gallery .list-unstyled li {

    padding: 0 8px;
}

.inner-elev .box-all .details .pic-gal .gal .gallery .list-unstyled li img {

    width: 100%;
    max-height: 148px;
    border-radius: 5px;
    object-fit: cover;
}

.inner-elev .box-all .details .pic-gal .gal .gallery .list-unstyled li .pic {

    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.inner-elev .box-all .details .pic-gal .gal .gallery .list-unstyled li .pic::before {

    content: "";
    width: 0;
    height: 0;
    top: 45%;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #f6ce4e;
    opacity: 0;
    border-radius: 5px;
    transition: all .3s;
}

.inner-elev .box-all .details .pic-gal .gal .gallery .list-unstyled li .pic:hover::before {

    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    transition: all .3s;
}

.inner-elev .box-all .details .pic-gal .gal .gallery .list-unstyled li .pic .icon {

    position: absolute;
    top: 42%;
    z-index: 999;
    color: #fff;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    font-size: 40px;
    opacity: 0;
    transform: scale(.5);
    transition: all .3s;
}

.inner-elev .box-all .details .pic-gal .gal .gallery .list-unstyled li .pic:hover .icon {

    opacity: 1;
    transform: scale(1);
    transition: all .3s;
}

.lg-outer.lg-visible,
.lg-backdrop.in {

    z-index: 999999;
}

.elev-sec .inner-elev .prjc-soc .inner-soc {

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .icons-soc {

    position: relative;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .icons-soc > span {

    display: flex;
    flex-wrap: wrap;
    color: #333;
    opacity: .35;
    cursor: pointer;
    transition: all .3s;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .icons-soc > span:hover {

    opacity: 1;
    color: #00114d;
    transition: all .3s;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .icons-soc > span i {

    width: 100%;
    text-align: center;
    font-size: 15px;
    transition: all .3s;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .icons-soc > span strong {

    width: 100%;
    text-align: center;
    font-size: 11px;
    transition: all .3s;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .title {

    width: 100%;
    text-align: center;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .title span {

    color: #333;
    opacity: .35;
    font-size: 12px;
    font-weight: 500;
}

.main-inner .elev-sec .prjc-soc .share {

    text-align: center;
    font-size: 24px;
    color: #ccc;
    padding: 15px 0;
    padding-bottom: 3px;
}

.main-inner .elev-sec .cat-links {

    padding-top: 10px;
}

.main-inner .elev-sec .cat-links .inner-cat {

    display: flex;
    justify-content: space-between;
}

.main-inner .elev-sec .cat-links .inner-cat .box-right a {

    font-size: 14px;
    color: #333;
    padding-left: 20px;
    position: relative;
    transition: all .3s;
}

.main-inner .elev-sec .cat-links .inner-cat .box-right a:hover {

    color: #eac54d;
    transition: all .3s;
}

.main-inner .elev-sec .cat-links .inner-cat .box-right span i {

    font-size: 20px;
    color: #eac54d;
    position: relative;
    top: 2px;
}

.main-inner .elev-sec .cat-links .inner-cat .box-right a:first-child,
.main-inner .elev-sec .cat-links .inner-cat .box-right a:last-child {

    padding: 0;
}

.main-inner .elev-sec .cat-links .inner-cat .box-right a::before {

    content: "";
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    left: 4px;
    top: 9px;
    background-color: #e5e5e5;
    border-radius: 100px;
}

.main-inner .elev-sec .cat-links .inner-cat .box-right a:first-child::before,
.main-inner .elev-sec .cat-links .inner-cat .box-right a:last-child::before {

    content: unset;
}

.main-inner .elev-sec .cat-links .inner-cat .box-left span:last-child {

    font-size: 14px;
    font-weight: lighter;
    color: #333;
}

.main-inner .elev-sec .cat-links .inner-cat .box-left span i {

    font-size: 18px;
    color: #eac54d;
}

.sim-prjct .inner-sim {

    display: flex;
}

.box-prjct {

    width: 20%;
    height: 400px;
    padding: 0 6px;
    cursor: pointer;
    position: relative;
    transition: all .3s;
}

.box-prjct .inner-box {

    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    transition: all .3s;
}

.box-prjct .inner-box .pic {

    width: 100%;
    height: 100%;
    position: absolute;
}

.box-prjct .inner-box .pic img {

    width: 140%;
    height: 100%;
    transition: all .3s;
}

.box-prjct .inner-box .pic::before {

    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
}

.box-prjct .inner-box .content-prjct .body-cntnt {

    position: absolute;
    right: 0;
    top: 10px;
    padding: 0 10px;
    padding-top: 15px;
    opacity: 0;
    transition: all .2s;
}

.box-prjct .inner-box .content-prjct .body-cntnt .cat {

    display: flex;
    justify-content: flex-start;
}

.box-prjct .inner-box .content-prjct .body-cntnt .cat a {

    display: block;
    padding: 0px 12px;
    font-size: 12px;
    color: #333;
    background-color: #f6ce4e;
    border-radius: 3px;
    padding-bottom: 2px;
}

.box-prjct .inner-box .content-prjct .body-cntnt .title h4 {

    text-align: right;
    margin-bottom: 15px;
    margin-top: 5px;
    color: #fff;
    font-size: 16px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .body-cntnt .desc p {

    color: #fff;
    opacity: .6;
    text-align: right;
    font-size: 12px;
    line-height: 22px;
}

.box-prjct .inner-box .content-prjct .footer-prjct {

    position: absolute;
    z-index: 999999;
    bottom: 0px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    height: 35px;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 29px;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    border: 1px solid #ffffff38;
    border-radius: 5px;
    background-color: #0000009c;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn span {

    font-size: 11px;
    color: #fff;
    padding-top: 1px;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn span:last-child {

    color: #999;
    padding-right: 3px;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {

    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #333;
    padding: 0 15px;
    padding-left: 15px;
    border-radius: 5px;
    background-color: #fff;
    padding-left: 0;
    position: absolute;
    left: -150px;
    transition: all .3s;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a i {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transform: scale(-1);
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    background-color: #f6ce4e;
    margin: 0 5px;
    margin-right: 8px;
}

.box-prjct .inner-box .content-prjct .body-cntnt .desc p {

    color: #fff;
    opacity: .6;
    text-align: right;
    font-size: 12px;
    line-height: 22px;
}

/*----------------- hover ---------------*/

.box-prjct:hover {

    width: 40%;
    transition: all .3s;
}

.box-prjct:hover .inner-box .pic img {

    width: 110%;
    transition: all .3s;
}

.box-prjct:hover .inner-box .pic::before {

    opacity: .8;
    transition: all .3s;
}

.box-prjct:hover .inner-box .content-prjct .body-cntnt {

    opacity: 1;
    transition: all .3s;
    transition-delay: .28s;
}

.box-prjct:hover .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {

    left: 5px;
    transition: all .3s;
}

/*----------------- //hover// ---------------*/

.sim-prjct {

    padding: 50px 0;
    background: url("../images/Images-Section/products.jpg");
    background-attachment: fixed;
    background-size: 100%;
    background-position: center;
    width: 100%;
    position: relative;
    margin: 40px 0;
    margin-bottom: 0;
}

.sim-prjct::before {

    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    background-color: #000824;
    opacity: .8;
}

.sim-prjct::after {

    content: "";
    background: url("../images/Other/ptn-points.png");
    background-repeat: repeat;
    background-size: 6px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .3;
}

.sim-prjct > div {

    z-index: 999;
    position: relative;
}

.sim-prjct .title-main {

    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    position: relative;
}

.sim-prjct .title-main h4 {

    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 6px 25px;
    border: 1px solid #f6ce4ecc;
    border-radius: 100px;
    padding-bottom: 8px;
    position: relative;
    color: #f6ce4e;
    background-color: #f6ce4e1a;
}

.sim-prjct .title-main::before {

    content: "";
    width: 44%;
    right: 0;
    position: absolute;
    display: block;
    height: 1px;
    background-color: #f6ce4e;
    top: 18px;
    opacity: .5;
}

.sim-prjct .title-main::after {

    content: "";
    width: 44%;
    left: 0;
    position: absolute;
    display: block;
    height: 1px;
    background-color: #f6ce4e;
    top: 18px;
    opacity: .5;
}

.sim-prjct .inner-p-sim::before {

    content: "";
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    top: -53px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: -moz-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(224, 184, 69, 1)), color-stop(20%, rgba(170, 127, 47, 1)), color-stop(40%, rgba(224, 184, 69, 1)), color-stop(60%, rgba(170, 127, 47, 1)), color-stop(80%, rgba(224, 184, 69, 1)), color-stop(100%, rgba(170, 127, 47, 1)));
    background: -webkit-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    background: -o-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    background: linear-gradient(90deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0b845', endColorstr='#aa7f2f', GradientType=1);
    z-index: 9;
}

.sim-prjct .inner-p-sim::after {

    content: "";
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -53px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: -moz-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(224, 184, 69, 1)), color-stop(20%, rgba(170, 127, 47, 1)), color-stop(40%, rgba(224, 184, 69, 1)), color-stop(60%, rgba(170, 127, 47, 1)), color-stop(80%, rgba(224, 184, 69, 1)), color-stop(100%, rgba(170, 127, 47, 1)));
    background: -webkit-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    background: -o-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    background: linear-gradient(90deg, rgba(224, 184, 69, 1) 0%, rgba(170, 127, 47, 1) 20%, rgba(224, 184, 69, 1) 40%, rgba(170, 127, 47, 1) 60%, rgba(224, 184, 69, 1) 80%, rgba(170, 127, 47, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0b845', endColorstr='#aa7f2f', GradientType=1);
    z-index: 9;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {

    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}


/*---------------------- Animate More Loading ----------------------*/

.elev-sec .inner-elev .prjc-soc::before {

    content: "";
    width: 20px;
    height: 50px;
    background-color: #fff;
    transform: skewX(20deg);
    position: absolute;
    right: 30%;
    top: 80px;
    z-index: 9;
    height: 40px;
    top: 48px;
    transition-delay: 0.1s !important;
}

.elev-sec .inner-elev .prjc-soc:hover::before {

    animation: lightbx .5s linear 1.5s 2 alternate;
    -o-animation: lightbx .5s linear 1.5s 2 alternate;
    -moz-animation: lightbx .5s linear 1.5s 2 alternate;
    -webkit-animation: lightbx .5s linear 1.5s 2 alternate;
    transition-delay: 0.1s !important;
}

@keyframes lightbx {

    0% {
        right: 30%;
    }

    50% {
        right: 50%;
    }

    100% {
        right: 70%;
    }
}

@-webkit-keyframes lightbx {

    0% {
        right: 30%;
    }

    50% {
        right: 50%;
    }

    100% {
        right: 70%;
    }
}

@-moz-keyframes lightbx {

    0% {
        right: 30%;
    }

    50% {
        right: 50%;
    }

    100% {
        right: 70%;
    }
}

@-o-keyframes lightbx {

    0% {
        right: 30%;
    }

    50% {
        right: 50%;
    }

    100% {
        right: 70%;
    }
}

/*---------------------- /Animate More Loading ----------------------*/

.main-inner .elev-sec .cat-links .inner-cat .box-left a span {

    transition: all .3s;
}

.main-inner .elev-sec .cat-links .inner-cat .box-left a:hover span {

    color: #eac54d;
    transition: all .3s;
}

/*--------------------------------- //project// ------------------------------------*/
/*--------------------------------- list-news ------------------------------------*/

.main-inner .list-news {

    background: url("../images/Images-Section/Blogs.jpg");
    position: relative;
    position: relative;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    padding-top: 50px;
}

.main-inner .list-news::before {

    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .9;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 1;
}

.main-inner .list-news::after {

    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/Other/ptn-points.png");
    background-repeat: repeat;
    background-size: 8px;
    background-position: center;
    opacity: .2;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
}

.main-inner .list-news .inner-list {

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 35px;
    margin-top: 0;
    margin-bottom: 20px;
}

.main-inner .list-news .inner-list .box-blog {

    padding: 0 10px;
    margin-bottom: 30px;
}

.prjct-title {

    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    position: relative;
    opacity: 1;
    transition: all 1s;
}

.prjct-title::before {

    content: "";
    width: 44.8%;
    height: 1px;
    background-color: #aaa;
    position: absolute;
    top: 18px;
    right: 0;
    opacity: .2;
    transition: all .3s;
}

.prjct-title::after {

    content: "";
    width: 44.8%;
    height: 1px;
    background-color: #aaa;
    position: absolute;
    top: 18px;
    left: 0;
    opacity: .2;
    transition: all .3s;
}

.prjct-title .inner-prj h2 {

    display: inline-block;
    font-size: 13px;
    color: #333;
    border: 1px solid #bbb;
    background-color: #9999992e;
    padding: 8px 35px;
    border-radius: 100px;
    margin: 0;
    opacity: 0;
    transition: all .3s;
    opacity: 1;
    transition: all .3s;
}

.main-inner .list-news .inner-list .slider-cat {

    z-index: 9;
    position: relative;
    margin-bottom: 40px;
    padding: 0 8px;
}

.main-inner .list-news .inner-list .slider-cat .inner-slider {

    display: flex;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0px 8px 5px 0px #bbbbbb82;
    padding: 18px 15px;
    align-items: center;
    padding-bottom: 8px;
    border-radius: 7px;
}

.main-inner .list-news .inner-list .slider-cat .inner-slider .title {

    width: 12%;
}

.main-inner .list-news .inner-list .slider-cat .inner-slider .title h3 {

    font-size: 16px;
    font-weight: bold;
    text-align: right;
    color: #333;
    opacity: .9;
}

.main-inner .list-news .inner-list .slider-cat .inner-slider .cntnt-cat {

    width: 85%;
}

.main-inner .list-news .inner-list .slider-cat .inner-slider .cntnt-cat h4 {

    font-size: 14px;
    text-align: center;
    color: #333;
    opacity: .5;
    transition: all .3s;
}

.main-inner .list-news .inner-list .slider-cat .inner-slider .cntnt-cat h4:hover {

    opacity: .9;
    transition: all .3s;
}

#catagory.owl-carousel .owl-nav.disabled,
#catagory.owl-carousel .owl-nav {

    display: flex;
    justify-content: space-between;
}

#catagory.owl-carousel .owl-nav.disabled .arrow-prev,
#catagory.owl-carousel .owl-nav .arrow-prev {

    position: absolute;
    top: -4px;
    right: -18px;
    font-size: 13px;
    background-color: #000824e6;
    border-radius: 2px;
    padding: 4px 3px;
    padding-bottom: 1px;
    color: #fff;
    font-weight: 900;
    transition: all .3s;
}

#catagory.owl-carousel .owl-nav.disabled .arrow-next,
#catagory.owl-carousel .owl-nav .arrow-next {

    position: absolute;
    top: -5px;
    left: -18px;
    transform: scale(-1);
    font-size: 13px;
    border-radius: 2px;
    padding: 4px 3px;
    padding-bottom: 1px;
    background-color: #000824e6;
    color: #fff;
    font-weight: 900;
    transition: all .3s;
}

#catagory.owl-carousel .owl-nav.disabled .arrow-next:hover,
#catagory.owl-carousel .owl-nav.disabled .arrow-prev:hover {

    background-color: #000;
    transition: all .3s;
}

.box-blog .calender {

    z-index: 9;
}

/*--------------------------------- //list-news// ------------------------------------*/
/*--------------------------------- //list-news// ------------------------------------*/

.list-news.cat-inr .prjct-title .inner-prj h2 {

    color: #222;
    font-weight: bold;
}

.list-news.cat-inr .prjct-title .inner-prj h2 span {

    color: #333;
    font-weight: normal;
}

/*--------------------------------- //list-news// ------------------------------------*/
/*--------------------------------- inner-news ------------------------------------*/

.main-inner.inr-nws .elev-sec .inner-elev .box-all {

    padding-bottom: 40px;
}

.main-inner.inr-nws .elev-sec .inner-elev .box-all {

    display: unset;
    padding: 0;
}

.main-inner.inr-nws .elev-sec .inner-elev .box-all .main-pic {

    width: auto;
    float: right;
    padding-left: 22px;
}

.main-inner.inr-nws .inner-elev .box-all .details .text-abt p {

    line-height: 38px;
    text-align: justify;
}

.main-inner.inr-nws .elev-sec .inner-elev .title {

    padding-bottom: 30px;
}

.main-inner.inr-nws .elev-sec .inner-elev .box-all .details {

    padding: 0;
}

.main-inner.inr-nws .sim-prjct {

    background: url("../images/Images-Section/Blogs.jpg");
    padding-top: 30px;
}

.main-inner.inr-nws .sim-prjct::before {

    background-color: #fff;
    z-index: 2;
}

.main-inner.inr-nws .prjct-title {

    padding-bottom: 40px;
}

.main-inner.inr-nws .sim-prjct .inner-p-sim::before {

    top: -32px;
}

.main-inner.inr-nws .prjct-title::before,
.main-inner.inr-nws .prjct-title::after {

    width: 45.1%;
    top: 17px;
    opacity: .5;
}

/*--------------------------------- //inner-news// ------------------------------------*/
/*--------------------------------- pages ------------------------------------*/

.main-inner .pages-cntn {

    padding: 30px 0;
}

/*--------------------------------- //pages// ------------------------------------*/
/*------------------------------------------ //inner-pages// --------------------------------------------------*/
/*-------------------------------- pagination ------------------------------*/

.pagi {

    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
}

.pagi .pagination {

    margin: 0;
    padding: 0;
    box-shadow: 0px 10px 5px 0px #bbbbbb82;
}

.pagi .pagination .page-link {

    color: #000824;
    font-size: 14px;
    height: 100%;
    transition: all .3s;
}

.pagi .pagination .page-link:hover {

    background-color: #00114d;
    color: #fff;
    transition: all .3s;
}

.page-item:first-child .page-link {

    margin-left: 0;
    border-radius: unset;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    font-size: 13px;
}

.page-item:last-child .page-link {

    margin-left: 0;
    border-radius: unset;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    font-size: 13px;
}

/*-------------------------------- //pagination// ------------------------------*/
/*-------------------------------- inner-prjct ----------------------------------*/

.prjct-inir .inr-pjct .box-prjct {

    z-index: 9;
    margin-bottom: 30px;
    height: 360px;
}

.main-inner .list-news.cat-inr {

    background: url("../images/Images-Section/standards.jpg");
    position: relative;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    padding-top: 50px;
}

.main-inner .list-news.cat-inr .inner-list {

    justify-content: flex-start;
}

.main-inner .list-news.cat-inr .inner-list .f-row {

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-inner .list-news.cat-inr .inner-list .f-row .box-prjct {

    height: 440px;
}

/*-------------------------------- inner-prjct ----------------------------------*/
/*-------------------------------- inner-form ----------------------------------*/

.main-inner.prjct-inir .innr-form {

    z-index: 9;
}

.main-inner.prjct-inir .innr-form form {

    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

.main-inner.prjct-inir .innr-form form .form-group {

    width: 48%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 25px;
}

.main-inner.prjct-inir .innr-form form .form-group.wid {

    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.main-inner.prjct-inir .innr-form form .form-group textarea {

    font-size: 14px;
}

.main-inner.prjct-inir .innr-form form .form-group textarea::placeholder {

    color: #aaa;
}

.main-inner.prjct-inir .innr-form form .form-group textarea:focus::placeholder {

    color: transparent;
}

.main-inner.prjct-inir .innr-form form .form-group label {

    width: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding-bottom: 5px;
}

.main-inner.prjct-inir .innr-form form .form-group label i {

    font-size: 25px;
    color: #00114d;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group input {

    height: 50px;
    color: #333;
}

.main-inner.prjct-inir .innr-form form .form-group input::placeholder {

    font-size: 13px;
    color: #aaa;
}

.main-inner.prjct-inir .innr-form form .form-group input:focus::placeholder {

    color: transparent;
}

.main-inner.prjct-inir .innr-form form .form-group .form-control {

    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group .form-control:focus {

    border-color: #00114d;
    box-shadow: unset;
    background-color: #00114d0f;
    font-size: 14px;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form .description-form {}

.main-inner.prjct-inir .innr-form .description-form span {

    float: right;
    font-size: 16px;
    font-weight: bold;
    padding-left: 15px;
    color: #00114d;
}

.main-inner.prjct-inir .innr-form .description-form p {

    width: 100%;
    text-align: right;
    font-size: 13px;
    margin: 0;
    line-height: 24px;
    color: #333;
}

.main-inner.prjct-inir .innr-form form .form-group.buttons {

    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send {

    position: relative;
    text-align: center;
    border-radius: 5px;
    color: #333;
    background-color: #f6ce4e;
    overflow: hidden;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send::before {

    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background-color: #aaa;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send > a {

    display: flex;
    padding: 7px 45px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    position: relative;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send > a i {

    transform: scale(-1);
    padding-left: 10px;
    font-size: 14px;
    position: relative;
    right: 0;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send:hover::before {

    width: 110%;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send:hover > a {

    color: #fff;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send:hover > a i {

    color: #fff;
    right: 10px;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group textarea::selection,
.main-inner.prjct-inir .innr-form form .form-group input::selection {

    background-color: #000824;
    color: #fff;
}

.from .prjct-title .inner-prj h2 {

    padding: 8px 23px;
}

.main-inner.prjct-inir .innr-form form .form-group .select2 {

    width: 100% !important;
}

.main-inner.prjct-inir .innr-form form .form-group .select2-container--default .select2-selection--single {

    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    direction: rtl;
    background-color: #fff;
    border: 1px solid #ced4da;
}

.main-inner.prjct-inir .innr-form form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 26px;
    position: absolute;
    top: 13px;
    left: 10px;
    right: unset;
    width: 20px;
}

.select2-results__option[aria-selected],
.select2-container--default .select2-search--dropdown .select2-search__field {

    text-align: right;
}

.main-inner.prjct-inir .innr-form form .form-group.slc2 {

    flex-direction: row;
    height: 50px;
}

.main-inner.prjct-inir .innr-form form .form-group.slc2 .select2-container--default .select2-selection--single .select2-selection__rendered {

    font-size: 14px;
    user-select: none;
}

.main-inner.prjct-inir .innr-form form .form-group.slc2 .select2-container--default .select2-selection--single .select2-selection__arrow b {

    border-color: #aaa transparent transparent transparent;
}

.main-inner.prjct-inir .innr-form form .form-group.slc2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

    border-color: transparent transparent #aaa transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field {

    border-radius: 5px;
    height: 40px;
    margin: 3px 0;
    border: 1px solid #bbb;
    transition: all .3s;
}

.select2-container--default .select2-search--dropdown .select2-search__field::selection {

    color: #fff;
    background-color: #333;
}

.select2-container--default .select2-results > .select2-results__options {

    scrollbar-width: thin;
    font-size: 14px;
}

.select2-container--default .select2-results__option[aria-selected="true"] {

    background-color: #eee;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background-color: #00114d;
    color: #fff;
}

.select2-results__option[aria-selected] {

    padding: 12px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {

    user-select: none !important;
}

.select2-dropdown {

    border: 1px solid #dbdbdb;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt {

    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 5px;
    position: relative;
    height: 50px;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .top {

    position: absolute;
    top: -9px;
    font-size: 10px;
    right: 10px;
    background-color: #fff;
    padding: 0 5px;
    color: #999;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .inner-inpt {

    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-right: 15px;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .inner-inpt span {

    font-size: 16px;
    padding-left: 6px;
    color: #00114d;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .inner-inpt strong {

    font-weight: normal;
    color: #00114d;
    font-size: 14px;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .clck {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 40px;
    height: 100%;
    position: relative;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .clck .inner-clck {

    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #bbb;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .clck .inner-clck:hover {

    background-color: #00114d;
    transition: all .3s;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .clck .inner-clck:first-child {

    border-bottom: 1px solid #ddd;
    border-top-left-radius: 4px;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .clck .inner-clck:last-child {

    border-bottom-left-radius: 4px;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .clck .inner-clck:first-child span i {

    transform: rotate(-90deg);
    text-align: center;
    width: 100%;
    position: relative;
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.main-inner.prjct-inir .innr-form form .form-group.nmbr .number-inpt .clck .inner-clck:last-child span i {

    transform: rotate(90deg);
    text-align: center;
    width: 100%;
    position: relative;
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}


/*--------------------------- login ---------------------------------*/

.main-inner.prjct-inir .innr-form form .form-group.js-flx {

    justify-content: flex-end;
}

/*--------------------------- login ---------------------------------*/
/*-------------------------------- //inner-form// ----------------------------------*/
/*----------------------------------------------- ediete-sites -------------------------------------------------*/

.main-slider .intro.slick-active.anim .main-content .text-det p {

    width: 80%;
    font-weight: lighter;
    line-height: 1.5;
}

.main-slider .inner-section .content-heading .main-content .main-box span {

    line-height: 22px;
}

.main-slider .inner-section .content-heading .main-content .services .icons span i {

    color: #d9d9d9;
    opacity: 1;
}

.main-slider .inner-section .content-heading .main-content .services .icons span {

    border: 7px solid #80808138;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn {

    bottom: 10px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {

    bottom: 10px;
}

.main-slider .projects .box-prjct:hover .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {

    left: 14px;
}

.main-slider .projects .box-prjct:hover .inner-box .pic img {

    filter: grayscale(1);
}

.stndrs .box-stnd .inner-box .numbers span {

    font-size: 50px;
    opacity: .08;
}

.standards .main-content .box-left .btn-m-stnd a:hover {

    box-shadow: 0px 0px 10px -2px #aaa;
}

#custmr .owl-prev {

    display: none;
}

#custmr .arrow-next i {

    position: absolute;
    top: 45%;
    left: -35px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #666;
    height: 30px;
    font-size: 8px;
    transform: scale(-1);
    background-color: #6666664a;
    color: #fff;
    font-weight: 900;
    padding-bottom: 2px;
    transition: all .3s;
}

#custmr .arrow-next i:hover {

    font-size: 10px;
    transition: all .3s;
}

.main-slider .inner-section .content-heading .main-content {

    padding-bottom: 30px;
}

.box-blog .inner-box .pic {

    height: 240px;
}

.box-blog .inner-box .content-blog .desc p {

    color: #888;
    line-height: 1.5;
    font-weight: lighter;
}

.box-blog .inner-box {

    box-shadow: 0px 10px 5px 0px #bbbbbb40;
}

.box-blog .inner-box:hover {

    box-shadow: 0px 10px 5px 0px #bbbbbb82;
}

.box-blog .inner-box .content-blog .title h5 {

    transition: all .3s;
}

.box-blog .inner-box:hover .content-blog .title h5 {

    color: #00114d;
    transition: all .3s;
}

.box-blog .inner-box:hover .pic::before {

    opacity: .05;
}

.box-blog .inner-box .pic span::before {

    background-size: 56px;
}

.consultation .fild-information .inner-fild .form-slider .slick-prev.slick-disabled,
.consultation .fild-information .inner-fild .form-slider .slick-next.slick-disabled {

    opacity: 0;
    transition: all .5s;
}

.consultation .fild-information .inner-fild .form-slider .slick-prev,
.consultation .fild-information .inner-fild .form-slider .slick-next {

    opacity: 1;
    transition: all .5s;
}

.consultation .fild-information .inner-fild .form-slider .slick-next,
.consultation .fild-information .inner-fild .form-slider .slick-prev {

    font-size: 12px;
    color: #fff;
    bottom: -55px;
    left: 40%;
    width: auto;
}

.consultation .fild-information .inner-fild .form-slider .slick-prev {

    bottom: unset;
    top: -15px;
}

.consultation .fild-information .inner-fild .form-slider .slick-next i:first-child {

    top: 13px;
    position: relative;
}

.consultation .fild-information .inner-fild .form-slider .slick-next i:last-child {

    position: relative;
    top: 8px;
}

.consultation .fild-information .inner-fild .form-slider .slick-prev i:first-child {

    top: -26px;
    position: relative;
}

.consultation .fild-information .inner-fild .form-slider .slick-prev i:last-child {

    position: relative;
    top: -32px;
}

.consultation .req-information .inner-req .btn-send::before {

    background-color: #fff;
}

.consultation .req-information .inner-req .btn-send:hover a,
.consultation .req-information .inner-req .btn-send:hover a i {

    color: #00114d;
}

.consultation .req-information .inner-req .icon-req-info i {

    font-size: 125px;
}

.consultation .form-slider .form-group textarea {

    max-height: 120px;
}

.call .social .inner-soc .title span {

    font-weight: lighter;
}

.call .social .icons-soc > span i {

    position: relative;
    top: 0;
    transition: all .3s;
}

.call .social .icons-soc > span:hover i {

    top: -5px;
    position: relative;
    transition: all .3s;
}

.logo-footer .pic::before {

    width: 175px;
    height: 175px;
    right: -51px;
    top: -20px;
    color: #000;
    opacity: .25;
}

.logo-footer .pic::after {

    color: #000;
    opacity: .15;
}

.call .detailes-footer .btn-address a {

    transition: all .3s;
}

.call .detailes-footer .btn-address a:hover {

    background-color: #fff;
    color: #00114d;
    box-shadow: 0px 0px 10px -2px #aaa;
    transition: all .3s;
}

.main-view .elm-fix .menu-logo .menu .navbar a.nav-item {

    position: relative;
}

.main-view .elm-fix .menu-logo.odd .menu .navbar a.nav-item::before {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 6px;
    border-color: #f6ce4e transparent transparent transparent;
    position: absolute;
    top: -12px;
    opacity: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: all .3s;
}

.main-view .elm-fix .menu-logo.even .menu .navbar a.nav-item::before {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #00114d transparent transparent transparent;
    position: absolute;
    top: -12px;
    opacity: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: all .3s;
}

.main-view .elm-fix .menu-logo .menu .navbar a.nav-item:hover::before {

    opacity: 1;
    top: 0;
    transition: all .3s;
}

.slick-dots li:last-child {

    height: 22px;
}

.slick-next {

    top: 68.5%;
}

.elm-fix .footer .right-box .city .date,
.elm-fix .footer .left-box .call-us > span:last-child strong {

    font-family: Open_Sans, IRANSans;
}

.text-left {

    height: 100%;
    width: auto;
    writing-mode: sideways-lr;
    text-orientation: mixed;
    position: absolute;
    top: 0;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0;
    transition: all 1s;
}

.text-left h4 {

    font-size: 50px;
    margin: 0;
    font-weight: lighter;
    letter-spacing: 4px;
}

.text-left h4 strong {

    font-weight: bold;
}


.slick-active .text-left,
.slick-active.anim .text-left {

    opacity: .05;
    transition: all 1s;
    transition-delay: 2s;
}

.service .text-left,
.standards .text-left,
.blog .text-left,
.call .text-left {

    color: #000;
}

.service.slick-active .text-left,
.standards.slick-active .text-left,
.blog.slick-active .text-left,
.call.slick-active .text-left {

    opacity: .08;
}

.consultation.slick-active .req-information::before {

    content: none;
}

.consultation .req-information .inner-req .icon-req-info i {

    font-size: 155px;
}

.main-slider .inner-section .content-heading .main-content .main-box {

    background-color: #00114db3;
}

.main-slider .inner-section .content-heading .main-content .main-box h2 {

    color: #fff;
}

.main-slider .inner-section .content-heading .main-content .main-box span {

    color: #fff;
}

.header-main .search-req .inner-srch-req .search-box input::placeholder {

    color: #999;
}

.header-main .search-req .inner-srch-req .btn-req {

    width: auto;
    float: left;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: -moz-linear-gradient(0deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(226, 185, 70, 1)), color-stop(15%, rgba(226, 185, 70, 1)), color-stop(49%, rgba(184, 141, 53, 1)), color-stop(71%, rgba(184, 141, 53, 1)), color-stop(91%, rgba(226, 185, 70, 1)), color-stop(100%, rgba(226, 185, 70, 1)));
    background: -webkit-linear-gradient(0deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    background: -o-linear-gradient(0deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%, rgba(226, 185, 70, 1) 100%);
    background: linear-gradient(90deg, rgba(226, 185, 70, 1) 0%, rgba(226, 185, 70, 1) 15%, rgba(184, 141, 53, 1) 49%, rgba(184, 141, 53, 1) 71%, rgba(226, 185, 70, 1) 91%,
            rgba(226, 185, 70, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2b946', endColorstr='#e2b946', GradientType=1);
}

.header-main .search-req .inner-srch-req .btn-req a {

    background: unset;
    z-index: 999;
    position: relative;
}

.header-main .search-req .inner-srch-req .btn-req::before {

    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background-color: #00114d;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
    transition: all .3s;
}

.header-main .search-req .inner-srch-req .btn-req:hover::before {

    opacity: 1;
    transition: all .3s;
}

.footer-main .all-ftr .info-company p {

    padding: 20px 15px;
    border-radius: 5px;
}

.lg-outer.lg-visible,
.lg-backdrop.in {

    z-index: 9999999999;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .icons-soc > span i {

    position: relative;
    top: 0;
    transition: all .3s;
}

.elev-sec .inner-elev .prjc-soc .inner-soc .icons-soc > span:hover i {

    top: -5px;
    transition: all .3s;
}

.main-inner .box-prjct {

    height: 450px;
}

#inr-nwes {

    width: 100%;
    overflow: hidden;
    height: 450px;
    display: flex;
    align-items: center;
}

#inr-nwes .owl-stage {

    display: flex;
}

#inr-nwes .box-blog {

    position: relative;
    display: flex;
    flex-wrap: wrap;
}

#inr-nwes .box-blog .inner-box .pic {

    height: 260px;
}

#inr-nwes .owl-nav {

    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#inr-nwes .owl-prev {

    position: absolute;
    left: -35px;
    top: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #aaa;
    background-color: #aaaaaa1c;
    cursor: pointer;
}

#inr-nwes .owl-prev i {

    transform: scale(-1);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1px;
    font-size: 12px;
}

#inr-nwes .owl-next {

    position: absolute;
    right: -35px;
    top: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #aaa;
    background-color: #aaaaaa1c;
    cursor: pointer;
    transition: all .3s;
}

#inr-nwes .owl-next i {

    font-size: 12px;
    font-size: 12px;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1px;
}

#inr-nwes .owl-next:hover,
#inr-nwes .owl-prev:hover {

    background-color: #aaaaaa3d;
    transition: all .3s;
}

.main-inner.inr-nws .sim-prjct {

    background-attachment: fixed;
    background-position: center;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send::before {

    background-color: #fff;
}

.main-inner.prjct-inir .innr-form form .form-group .btn-send:hover > a,
.main-inner.prjct-inir .innr-form form .form-group .btn-send:hover > a i {

    color: #00114d;
}

.main-inner.prjct-inir .innr-form form .form-group label img {

    width: 28px;
}

/*--------------------------- resp-m -----------------------------*/

@media screen and (max-width: 1299px) and (min-width: 1200px) {

    .slick-next {

        top: 63.5%;
    }

    .slick-prev {

        top: 35.5%;
    }

    .main-slider .call .inner-section .content-heading .main-content {

        align-content: center;
        padding-bottom: 0;
        padding-top: 100px;
    }

}

@media screen and (max-width: 1370px) and (min-width: 1300px) {}

@media screen and (max-width: 1450px) and (min-width: 1400px) {

    .slick-next {

        top: 60.5%;
    }

    .slick-prev {

        left: unset;
        right: 3%;
        top: 36%;
        z-index: 9999;
    }

    .text-left {

        left: 55px;
    }

    .text-left h4 {

        font-size: 60px;
    }

    .main-slider .projects .box-prjct {

        height: 480px;
    }

    .main-slider .projects.slick-active .points {

        top: -150px;
    }

    .main-slider .projects.slick-active .inner-section .content-heading .btn-archive {

        top: -80px;
    }

    .main-slider .customers .honor-company {

        padding-top: 100px;
    }

    .main-slider .blog.slick-active .points-stnd {

        bottom: 20%;
    }

    .main-slider .blog.slick-active .btn-archive {

        top: -135px;
    }

    .main-slider .blog .prjct-title {

        top: 13%;
    }

    .main-slider .call .inner-section .content-heading .main-content {

        align-content: center;
        padding-bottom: 0;
        padding-top: 100px;
    }

    .call .map {

        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 230px;
        margin-bottom: 20px;
    }

}

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

    .slick-next {

        top: 58.5%;
    }

    .slick-next::before {

        right: 12px;
    }

    .slick-prev {

        top: 36%;
    }

    .text-left h4 {

        font-size: 70px;
    }

    .text-left {

        left: 80px;
    }

    .main-slider .projects .box-prjct {

        height: 490px;
    }

    .main-slider .projects.slick-active .points {

        top: -210px;
    }

    .main-slider .projects.slick-active .inner-section .content-heading .btn-archive {

        top: -135px;
    }

    .main-slider .customers .honor-company {

        padding-top: 100px;
    }

    .main-slider .blog.slick-active .points-stnd {

        bottom: 22%;
    }

    .main-slider .blog.slick-active .btn-archive {

        top: -175px;
    }

    .main-slider .call .inner-section .content-heading .main-content {

        align-content: center;
        padding-bottom: 0;
        padding-top: 100px;
    }

    .call .map {

        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 230px;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 1690px) and (min-width: 1641px) {

    .slick-next {

        top: 58.5%;
    }

    .slick-prev {

        top: 36%;
    }

    .slick-next::before {

        right: 12px;
    }

    .text-left h4 {

        font-size: 70px;
    }

    .text-left {

        left: 100px;
    }

    .main-slider .projects .box-prjct {

        height: 500px;
    }

    .main-slider .projects.slick-active .points {

        top: -210px;
    }

    .main-slider .projects.slick-active .inner-section .content-heading .btn-archive {

        top: -140px;
    }

    .main-slider .customers .honor-company {

        padding-top: 120px;
    }

    .main-slider .blog.slick-active .points-stnd {

        bottom: 22%;
    }

    .main-slider .blog.slick-active .btn-archive {

        top: -185px;
    }

    .main-slider .call .inner-section .content-heading .main-content {
        
        align-content: center;
        padding-bottom: 0;
        padding-top: 100px;
    }
    
    .call .map{
        
        height: 230px;
    }

}

.footer-main{
    
    position: relative;
}

.footer-main::before {
	content: "";
	width: 100%;
	height: 71.5%;
	display: block;
	background-color: #fbfbfb;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
}

.footer-main .all-ftr .logo-footer .pic span::before{
    
	background-color: #fbfbfb;
}

.footer-main .btm-footer .soc-copy .copy-right span:last-child a{
    
        color: #f6ce4e;
}

.header-main .menu-main .navbar a.nav-item font{
    
    font-size: 13px;
}

/*--------------------------- //resp-m// -----------------------------*/
/*----------------------------------------------- //ediete-sites// -------------------------------------------------*/