@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.red-heading {
    color: red;
    font-weight: bolder;
    text-decoration: underline
}

.slider-mycap1 {
    font-size: 62px;
    font-family: calibri;
    font-weight: bolder;
    text-shadow: 1px 2px 4px #de3c15
}

.slider-mycap2 {
    font-size: 40px;
    font-family: calibri
}

.mobiles {
    display: none
}

.badge{border: 1px #1d529a solid;
    padding: .45em 0.8em !important;
    font-size: 94% !important;
    font-weight: 300 !important;
    line-height: 1.8em !important}
    .mtb-7{margin:7px 0px;}
    .p-10{    padding: 10px;}

    .max-height-250{    
        max-height: 343px;
        min-height: 400px;
        margin: 10px 0px;
    }
    .max-height-250 p{margin: 0px 0px;
    line-height: 20px;
    font-size: 11px;text-align:justify;}
    .max-height-250 .card-body{min-height:200px;}
    .max-height-250 h3{    margin: 5px 0px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px #000 solid;
    padding: 0px 0px 2px 2px;
    color: #22106b;}
    .movableicon{
        /* position:absolute; */
        transition:linear all 1s;
        animation:globerule 2s infinite;
            left: 84px;
    color: #1a2280;
    text-shadow: 2px 2px 3px #fd0d0d;
    }
    @keyframes  globerule
    {
        from{
            transform:rotate(0deg);
        }

        to{
            transform:rotate(360deg);
        }

    }
@media screen and (max-width: 500px) {
    .mobiles {
        display:block
    }
}

/* html {
    height: 100%;
    font-size: 62.5%
}

@media only screen and (max-width: 1199px) {
    html {
        font-size:60%
    }
}

@media only screen and (max-width: 991px) {
    html {
        font-size:55%
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size:50%
    }
} */

@media only screen and (max-width: 479px) {
    html {
        font-size:45%
    }
}

@media only screen and (max-width: 320px) {
    html {
        font-size:40%
    }
}

body {
    font-size: 16px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    height: 100%;
    line-height: 30px;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #646464;
    background-color: #fff
}

p {
    /*margin: 0 0 20px 0;*/
    color: #646464
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    font-family: Poppins,sans-serif;
    margin: 0 0 20px 0;
    color: #111
}

h1,h2 {
    line-height: 48px
}

h3,h4,h5 {
    line-height: 30px
}

h1 {
    font-size: 42px
}

@media only screen and (max-width: 991px) {
    h1 {
        font-size:38px
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size:34px
    }
}

@media only screen and (max-width: 575px) {
    h1 {
        font-size:32px
    }
}

h2 {
    /*font-size: 36px*/
    font-size: 26px
}

@media only screen and (max-width: 1199px) {
    h2 {
        font-size:32px
    }
}

@media only screen and (max-width: 991px) {
    h2 {
        font-size:30px
    }
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size:28px
    }
}

@media only screen and (max-width: 575px) {
    h2 {
        font-size:26px
    }
}

h3 {
    font-size: 22px
}

@media only screen and (max-width: 767px) {
    h3 {
        font-size:20px
    }
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

@media only screen and (min-width: 1260px) {
    .container {
        max-width:1230px
    }
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutters>[class*=" col-"],.row.no-gutters>[class^=col-] {
    padding-right: 0;
    padding-left: 0
}

.row.gutters-1 {
    padding-left: 14.5px;
    padding-right: 14.5px
}

.row.gutters-1>[class^=col-] {
    padding-left: .5px;
    padding-right: .5px
}

.row.gutters-2 {
    padding-left: 14px;
    padding-right: 14px
}

.row.gutters-2>[class^=col-] {
    padding-left: 1px;
    padding-right: 1px
}

.row.gutters-3 {
    padding-left: 13.5px;
    padding-right: 13.5px
}

.row.gutters-3>[class^=col-] {
    padding-left: 1.5px;
    padding-right: 1.5px
}

.row.gutters-4 {
    padding-left: 13px;
    padding-right: 13px
}

.row.gutters-4>[class^=col-] {
    padding-left: 2px;
    padding-right: 2px
}

.row.gutters-5 {
    padding-left: 12.5px;
    padding-right: 12.5px
}

.row.gutters-5>[class^=col-] {
    padding-left: 2.5px;
    padding-right: 2.5px
}

.row.gutters-6 {
    padding-left: 12px;
    padding-right: 12px
}

.row.gutters-6>[class^=col-] {
    padding-left: 3px;
    padding-right: 3px
}

.row.gutters-7 {
    padding-left: 11.5px;
    padding-right: 11.5px
}

.row.gutters-7>[class^=col-] {
    padding-left: 3.5px;
    padding-right: 3.5px
}

.row.gutters-8 {
    padding-left: 11px;
    padding-right: 11px
}

.row.gutters-8>[class^=col-] {
    padding-left: 4px;
    padding-right: 4px
}

.row.gutters-9 {
    padding-left: 10.5px;
    padding-right: 10.5px
}

.row.gutters-9>[class^=col-] {
    padding-left: 4.5px;
    padding-right: 4.5px
}

.row.gutters-10 {
    padding-left: 10px;
    padding-right: 10px
}

.row.gutters-10>[class^=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.row.gutters-11 {
    padding-left: 9.5px;
    padding-right: 9.5px
}

.row.gutters-11>[class^=col-] {
    padding-left: 5.5px;
    padding-right: 5.5px
}

.row.gutters-12 {
    padding-left: 9px;
    padding-right: 9px
}

.row.gutters-12>[class^=col-] {
    padding-left: 6px;
    padding-right: 6px
}

.row.gutters-13 {
    padding-left: 8.5px;
    padding-right: 8.5px
}

.row.gutters-13>[class^=col-] {
    padding-left: 6.5px;
    padding-right: 6.5px
}

.row.gutters-14 {
    padding-left: 8px;
    padding-right: 8px
}

.row.gutters-14>[class^=col-] {
    padding-left: 7px;
    padding-right: 7px
}

.row.gutters-15 {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.row.gutters-15>[class^=col-] {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.row.gutters-20 {
    padding-left: 5px;
    padding-right: 5px
}

.row.gutters-20>[class^=col-] {
    padding-left: 10px;
    padding-right: 10px
}

.row.gutters-40 {
    margin-left: -20px;
    margin-right: -20px
}

.row.gutters-40>[class^=col-] {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width: 575px) {
    .row.gutters-40 {
        margin-left:0;
        margin-right: 0
    }

    .row.gutters-40>[class^=col-] {
        padding-left: 15px;
        padding-right: 15px
    }
}

.row.gutters-50 {
    margin-left: -25px;
    margin-right: -25px
}

.row.gutters-50>[class^=col-] {
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (max-width: 575px) {
    .row.gutters-50 {
        margin-left:0;
        margin-right: 0
    }

    .row.gutters-50>[class^=col-] {
        padding-left: 15px;
        padding-right: 15px
    }
}

.media-body {
    margin-left: 3rem
}

.media-body.mg-right {
    margin-left: 0;
    margin-right: 3rem
}

.media-body.space-xl {
    margin-left: 50px
}

.media-body.space-lg {
    margin-left: 40px
}

.media-body.space-md {
    margin-left: 20px
}

.media-body.space-sm {
    margin-left: 15px
}

.media-body.space-xs {
    margin-left: 10px
}

.media-body.media-body-box {
    padding: 20px 20px 20px 3rem;
    margin-left: 0
}

.media-body.media-body-box p {
    margin-bottom: 0
}

@media only screen and (max-width: 1199px) {
    .media-none--lg {
        display:block
    }

    .media-none--lg>div {
        width: 100%
    }

    .media-none--lg img {
        width: 100%
    }

    .media-none--lg img.media-img-auto {
        width: auto
    }

    .media-none--lg .media-body,.media-none--lg .media-body.space-lg,.media-none--lg .media-body.space-md,.media-none--lg .media-body.space-sm,.media-none--lg .media-body.space-xl,.media-none--lg .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--lg .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width: 991px) {
    .media-none--md {
        display:block
    }

    .media-none--md>div {
        width: 100%
    }

    .media-none--md img {
        width: 100%
    }

    .media-none--md img.media-img-auto {
        width: auto
    }

    .media-none--md .media-body,.media-none--md .media-body.space-lg,.media-none--md .media-body.space-md,.media-none--md .media-body.space-sm,.media-none--md .media-body.space-xl,.media-none--md .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--md .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width: 767px) {
    .media-none--sm {
        display:block
    }

    .media-none--sm>div {
        width: 100%
    }

    .media-none--sm img {
        width: 100%
    }

    .media-none--sm img.media-img-auto {
        width: auto
    }

    .media-none--sm .media-body,.media-none--sm .media-body.space-lg,.media-none--sm .media-body.space-md,.media-none--sm .media-body.space-sm,.media-none--sm .media-body.space-xl,.media-none--sm .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--sm .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width: 575px) {
    .media-none--xs {
        display:block
    }

    .media-none--xs>div {
        width: 100%
    }

    .media-none--xs img {
        width: 100%
    }

    .media-none--xs img.media-img-auto {
        width: auto
    }

    .media-none--xs .media-body,.media-none--xs .media-body.space-lg,.media-none--xs .media-body.space-md,.media-none--xs .media-body.space-sm,.media-none--xs .media-body.space-xl,.media-none--xs .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--xs .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width: 479px) {
    .media-none-mb {
        display:block
    }

    .media-none-mb>div {
        width: 100%
    }

    .media-none-mb img {
        width: 100%
    }

    .media-none-mb img.media-img-auto {
        width: auto
    }

    .media-none-mb .media-body,.media-none-mb .media-body.space-lg,.media-none-mb .media-body.space-md,.media-none-mb .media-body.space-sm,.media-none-mb .media-body.space-xl,.media-none-mb .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-mb .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .media-none-lg {
        display:block
    }

    .media-none-lg>div {
        width: 100%
    }

    .media-none-lg img {
        width: 100%
    }

    .media-none-lg img.media-img-auto {
        width: auto
    }

    .media-none-lg .media-body,.media-none-lg .media-body.space-lg,.media-none-lg .media-body.space-md,.media-none-lg .media-body.space-sm,.media-none-lg .media-body.space-xl,.media-none-lg .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-lg .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .media-none-md {
        display:block
    }

    .media-none-md>div {
        width: 100%
    }

    .media-none-md img {
        width: 100%
    }

    .media-none-md img.media-img-auto {
        width: auto
    }

    .media-none-md .media-body,.media-none-md .media-body.space-lg,.media-none-md .media-body.space-md,.media-none-md .media-body.space-sm,.media-none-md .media-body.space-xl,.media-none-md .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-md .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .media-none-sm {
        display:block
    }

    .media-none-sm>div {
        width: 100%
    }

    .media-none-sm img {
        width: 100%
    }

    .media-none-sm img.media-img-auto {
        width: auto
    }

    .media-none-sm .media-body,.media-none-sm .media-body.space-lg,.media-none-sm .media-body.space-md,.media-none-sm .media-body.space-sm,.media-none-sm .media-body.space-xl,.media-none-sm .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-sm .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width: 480px) and (max-width:575px) {
    .media-none-xs {
        display:block
    }

    .media-none-xs>div {
        width: 100%
    }

    .media-none-xs img {
        width: 100%
    }

    .media-none-xs img.media-img-auto {
        width: auto
    }

    .media-none-xs .media-body,.media-none-xs .media-body.space-lg,.media-none-xs .media-body.space-md,.media-none-xs .media-body.space-sm,.media-none-xs .media-body.space-xl,.media-none-xs .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-xs .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

.slider-area {
    position: relative
}

.slider-area .nivo-controlNav {
    display: none
}

.slider-area .nivo-directionNav a {
    z-index: 6;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .slider-area .nivo-directionNav a {
        visibility:hidden;
        opacity: 0
    }
}

.slider-area .nivo-directionNav a.nivo-prevNav {
    left: 5%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background-color: #001ea2;
    border: 1px solid #001ea2;
    color: #fff;
    font-size: 0;
    transition: all .5s ease-out
}

.slider-area .nivo-directionNav a.nivo-prevNav:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    left: 0;
    right: 0;
    transition: all .3s ease-out
}

@media only screen and (max-width: 991px) {
    .slider-area .nivo-directionNav a.nivo-prevNav {
        width:50px;
        height: 50px;
        line-height: 50px
    }

    .slider-area .nivo-directionNav a.nivo-prevNav:before {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .slider-area .nivo-directionNav a.nivo-prevNav {
        width:45px;
        height: 45px;
        line-height: 45px
    }
}

.slider-area .nivo-directionNav a.nivo-prevNav:hover {
    background-color: #fff
}

.slider-area .nivo-directionNav a.nivo-prevNav:hover:before {
    color: #07249e!important
}

.slider-area .nivo-directionNav a.nivo-nextNav {
    right: 10%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background-color: #001ea2;
    border: 1px solid #001ea2;
    color: #fff;
    font-size: 0;
    transition: all .3s ease-out
}

.slider-area .nivo-directionNav a.nivo-nextNav:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    left: 0;
    right: 0;
    transition: all .3s ease-out
}

@media only screen and (max-width: 991px) {
    .slider-area .nivo-directionNav a.nivo-nextNav {
        width:50px;
        height: 50px;
        line-height: 50px
    }

    .slider-area .nivo-directionNav a.nivo-nextNav:before {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .slider-area .nivo-directionNav a.nivo-nextNav {
        width:45px;
        height: 45px;
        line-height: 45px
    }
}

.slider-area .nivo-directionNav a.nivo-nextNav:hover {
    background-color: #fff
}

.slider-area .nivo-directionNav a.nivo-nextNav:hover:before {
    color: #07249e!important
}

.slider-area:hover a {
    opacity: 1;
    visibility: visible
}

.slider-area .nivo-caption {
    opacity: 1
}

.slider-area .nivo-caption p {
    padding: 0
}

.slider-area .slide-1 div.slider-big-text,.slider-area .slide-2 div.slider-big-text,.slider-area .slide-3 div.slider-big-text {
    font-size: 35px;
    font-weight: 700;
    color: #111;
    margin-bottom: 26px;
    line-height: 48px;
    width: 45%;
    font-family: Poppins,sans-serif
}

@media only screen and (max-width: 1199px) {
    .slider-area .slide-1 div.slider-big-text,.slider-area .slide-2 div.slider-big-text,.slider-area .slide-3 div.slider-big-text {
        font-size:36px
    }
}

@media only screen and (max-width: 991px) {
    .slider-area .slide-1 div.slider-big-text,.slider-area .slide-2 div.slider-big-text,.slider-area .slide-3 div.slider-big-text {
        font-size:30px
    }
}

@media only screen and (max-width: 767px) {
    .slider-area .slide-1 div.slider-big-text,.slider-area .slide-2 div.slider-big-text,.slider-area .slide-3 div.slider-big-text {
        font-size:28px;
        width: 100%;
        margin-bottom: 0;
        line-height: 36px
    }
}

@media only screen and (max-width: 575px) {
    .slider-area .slide-1 div.slider-big-text,.slider-area .slide-2 div.slider-big-text,.slider-area .slide-3 div.slider-big-text {
        font-size:26px
    }
}

@media only screen and (max-width: 479px) {
    .slider-area .slide-1 div.slider-big-text,.slider-area .slide-2 div.slider-big-text,.slider-area .slide-3 div.slider-big-text {
        font-size:22px
    }
}

.slider-area .slide-1 div.slider-big-text.text-light,.slider-area .slide-2 div.slider-big-text.text-light,.slider-area .slide-3 div.slider-big-text.text-light {
    color: #fff
}

.slider-area .slide-1 div.slider-sub-text,.slider-area .slide-2 div.slider-sub-text,.slider-area .slide-3 div.slider-sub-text {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #343434;
    margin-bottom: 18px
}

@media only screen and (max-width: 575px) {
    .slider-area .slide-1 div.slider-sub-text,.slider-area .slide-2 div.slider-sub-text,.slider-area .slide-3 div.slider-sub-text {
        display:none
    }
}

.slider-area .slide-1 div.slider-sub-text.text-light,.slider-area .slide-2 div.slider-sub-text.text-light,.slider-area .slide-3 div.slider-sub-text.text-light {
    color: #fff
}

.slider-area .slide-1 div.slider-paragraph,.slider-area .slide-2 div.slider-paragraph,.slider-area .slide-3 div.slider-paragraph {
    color: #4d4d4f;
    margin-bottom: 20px;
    width: 55%
}

@media only screen and (max-width: 991px) {
    .slider-area .slide-1 div.slider-paragraph,.slider-area .slide-2 div.slider-paragraph,.slider-area .slide-3 div.slider-paragraph {
        width:50%
    }
}

@media only screen and (max-width: 575px) {
    .slider-area .slide-1 div.slider-paragraph,.slider-area .slide-2 div.slider-paragraph,.slider-area .slide-3 div.slider-paragraph {
        display:none
    }
}

.slider-area .slide-1 div.slider-paragraph.text-light,.slider-area .slide-2 div.slider-paragraph.text-light,.slider-area .slide-3 div.slider-paragraph.text-light {
    color: #fff
}

.slider-area .slide-1 .slider-big-text.padding-right,.slider-area .slide-1 .slider-paragraph.padding-right,.slider-area .slide-1 .slider-sub-text.padding-right,.slider-area .slide-2 .slider-big-text.padding-right,.slider-area .slide-2 .slider-paragraph.padding-right,.slider-area .slide-2 .slider-sub-text.padding-right,.slider-area .slide-3 .slider-big-text.padding-right,.slider-area .slide-3 .slider-paragraph.padding-right,.slider-area .slide-3 .slider-sub-text.padding-right {
    padding-right: 60%
}

.slider-area .slide-1 .slider-big-text.padding-left,.slider-area .slide-1 .slider-paragraph.padding-left,.slider-area .slide-1 .slider-sub-text.padding-left,.slider-area .slide-2 .slider-big-text.padding-left,.slider-area .slide-2 .slider-paragraph.padding-left,.slider-area .slide-2 .slider-sub-text.padding-left,.slider-area .slide-3 .slider-big-text.padding-left,.slider-area .slide-3 .slider-paragraph.padding-left,.slider-area .slide-3 .slider-sub-text.padding-left {
    padding-left: 60%
}

.slider-area .slider-btn-area {
    margin-top: 20px;
    margin-bottom: 45px
}

@media only screen and (max-width: 767px) {
    .slider-area .slider-btn-area {
        display:none
    }
}

.slider-area .slider-btn-area a.item-btn-accent {
    padding: 10px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: -webkit-gradient(linear,left top,right top,from(#ff5917),to(#ff9317));
    background: -webkit-linear-gradient(left,#54b046,#083101);
    background: -o-linear-gradient(left,#54b046,#083101);
    background: linear-gradient(to right,#54b046,#083101);
    color: #fff;
    border: 1px solid;
    border-color: #ff9317;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    transition: all .3s ease-out
}

.slider-area .slider-btn-area a.item-btn-accent i {
    font-size: 16px;
    margin-left: 10px
}

.slider-area .slider-btn-area a.item-btn-accent:after {
    content: "";
    height: 100%;
    width: 0;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.slider-area .slider-btn-area a.item-btn-accent:hover {
    color: #fff
}

.slider-area .slider-btn-area a.item-btn-accent:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.slider-layout1 .nivo-caption {
    top: 75px
}

@media only screen and (max-width: 991px) {
    .slider-layout1 .nivo-caption {
        top:0
    }
}

.slider-layout1 .nivo-directionNav a {
    top: 55%
}

@media only screen and (max-width: 991px) {
    .slider-layout1 .nivo-directionNav a {
        top:50%
    }
}

@media only screen and (max-width: 1499px) {
    .slider-layout1 .nivo-directionNav a.nivo-prevNav {
        left:1%
    }
}

@media only screen and (max-width: 1499px) {
    .slider-layout1 .nivo-directionNav a.nivo-nextNav {
        right:1%
    }
}

.slider-layout1 .slide-1 div.slider-big-text,.slider-layout1 .slide-2 div.slider-big-text,.slider-layout1 .slide-3 div.slider-big-text {
    animation: fadeInLeft 2s ease-in-out
}

.slider-layout1 .slide-1 div.slider-sub-text,.slider-layout1 .slide-2 div.slider-sub-text,.slider-layout1 .slide-3 div.slider-sub-text {
    animation: fadeInUp 1.5s ease-in-out
}

.slider-layout1 .slide-1 div.slider-paragraph,.slider-layout1 .slide-2 div.slider-paragraph,.slider-layout1 .slide-3 div.slider-paragraph {
    animation: fadeInUp 1.5s ease-in-out
}

@media only screen and (max-width: 1199px) {
    .slider-layout1 .slide-1 div.slider-paragraph,.slider-layout1 .slide-2 div.slider-paragraph,.slider-layout1 .slide-3 div.slider-paragraph {
        display:none
    }
}

.slider-layout1 .slider-btn-area {
    animation: fadeInUp 2s ease-in-out
}

.slider-layout1 .slider-btn-area a.item-btn-accent {
    font-size: 14px
}

.slider-layout3 .nivo-caption {
    top: 45px
}

@media only screen and (max-width: 991px) {
    .slider-layout3 .nivo-caption {
        top:0
    }
}

.slider-layout3 .nivo-directionNav a {
    top: 55%
}

@media only screen and (max-width: 991px) {
    .slider-layout3 .nivo-directionNav a {
        top:50%
    }
}

@media only screen and (max-width: 1499px) {
    .slider-layout3 .nivo-directionNav a.nivo-prevNav {
        left:1%
    }
}

@media only screen and (max-width: 1499px) {
    .slider-layout3 .nivo-directionNav a.nivo-nextNav {
        right:1%
    }
}

.slider-layout3 .slide-1 div.slider-big-text,.slider-layout3 .slide-2 div.slider-big-text,.slider-layout3 .slide-3 div.slider-big-text {
    animation: fadeInLeft 2s ease-in-out
}

.slider-layout3 .slide-1 div.slider-sub-text,.slider-layout3 .slide-2 div.slider-sub-text,.slider-layout3 .slide-3 div.slider-sub-text {
    animation: fadeInUp 1.5s ease-in-out
}

.slider-layout3 .slide-1 div.slider-paragraph,.slider-layout3 .slide-2 div.slider-paragraph,.slider-layout3 .slide-3 div.slider-paragraph {
    animation: fadeInUp 1.5s ease-in-out
}

@media only screen and (max-width: 1199px) {
    .slider-layout3 .slide-1 div.slider-paragraph,.slider-layout3 .slide-2 div.slider-paragraph,.slider-layout3 .slide-3 div.slider-paragraph {
        display:none
    }
}

.slider-layout3 .slider-btn-area {
    animation: fadeInUp 2s ease-in-out
}

.slide-banner-wrap {
    overflow: hidden;
    position: relative;
    padding: 30rem 0 36rem
}

@media only screen and (max-width: 1500px) {
    .slide-banner-wrap {
        padding:30rem 0
    }
}

@media only screen and (max-width: 1199px) {
    .slide-banner-wrap {
        padding:26rem 0 30rem
    }
}

@media only screen and (max-width: 991px) {
    .slide-banner-wrap {
        padding:10rem 0 17rem
    }
}

@media only screen and (max-width: 767px) {
    .slide-banner-wrap {
        padding:7rem 0 11rem
    }
}

.slide-banner-wrap .banner-content .banner-title {
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px
}

.slide-banner-wrap .banner-content .banner-subtitle {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px
}

.slide-banner-wrap .banner-content .banner-form-box .contact-form-box .form-group .form-control {
    border: none;
    border-radius: 0;
    background-color: #fff;
    font-size: 16px;
    color: #646464;
    padding: 5px 20px
}

.slide-banner-wrap .banner-content .banner-form-box .contact-form-box .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.slide-banner-wrap .banner-content .banner-form-box .contact-form-box .form-group input {
    height: 60px
}

.slide-banner-wrap .banner-content .banner-form-box .contact-form-box .form-group .item-btn {
    background: -webkit-gradient(linear,left top,right top,from(#ff5917),to(#ff9317));
    background: -webkit-linear-gradient(left,#54b046,#083101);
    background: -o-linear-gradient(left,#54b046,#083101);
    background: linear-gradient(to right,#54b046,#083101);
    border: none;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.slide-banner-wrap .banner-content .banner-form-box .contact-form-box .form-group .item-btn:after {
    content: "";
    height: 100%;
    width: 0;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.slide-banner-wrap .banner-content .banner-form-box .contact-form-box .form-group .item-btn:hover {
    color: #fff
}

.slide-banner-wrap .banner-content .banner-form-box .contact-form-box .form-group .item-btn:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.slide-banner-wrap .banner-content .banner-form-box .contact-form-box .form-group:first-child .form-control {
    border-radius: 4px 0 0 4px
}

.slide-banner-wrap .banner-rocket {
    position: absolute;
    z-index: 9;
    top: -14rem;
    left: 30px;
    animation: rocketbounce infinite 5s
}

.slide-banner-wrap .cloud-bottom .cloud-dark {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.slide-banner-wrap .cloud-bottom .cloud-light {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    animation: cloudbounce infinite 4s
}

.nav-control-layout1 .owl-nav {
    margin-top: 0
}

.nav-control-layout1 .owl-nav>button {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff!important;
    background: #ff9317!important;
    height: 6rem;
    width: 6rem;
    border-radius: 45px;
    border: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout1 .owl-nav>button i {
    margin-top: 3px;
    font-size: 20px
}

.nav-control-layout1 .owl-nav>button i:before {
    font-size: 20px;
    font-weight: 600
}

.nav-control-layout1 .owl-nav>button:hover {
    background: #07249e!important;
    color: #fff
}

.nav-control-layout1 .owl-nav>button:focus {
    outline: 0
}

.nav-control-layout1 .owl-nav .owl-prev {
    left: -6rem
}

@media only screen and (max-width: 1399px) {
    .nav-control-layout1 .owl-nav .owl-prev {
        left:0
    }
}

.nav-control-layout1 .owl-nav .owl-next {
    right: -6rem
}

@media only screen and (max-width: 1399px) {
    .nav-control-layout1 .owl-nav .owl-next {
        right:0
    }
}

.nav-control-layout3 .owl-nav {
    margin-top: 0
}

.nav-control-layout3 .owl-nav>button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111!important;
    background: #fff!important;
    height: 6rem;
    width: 6rem;
    border-radius: 45px;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout3 .owl-nav>button i {
    margin-top: 3px;
    font-size: 24px
}

.nav-control-layout3 .owl-nav>button i:before {
    font-size: 24px;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .nav-control-layout3 .owl-nav>button i {
        font-size:20px
    }

    .nav-control-layout3 .owl-nav>button i:before {
        font-size: 20px
    }
}

.nav-control-layout3 .owl-nav>button:hover {
    background: #07249e!important;
    color: #fff!important
}

.nav-control-layout3 .owl-nav>button:focus {
    outline: 0
}

.nav-control-layout3 .owl-nav .owl-prev {
    left: 20%
}

@media only screen and (max-width: 767px) {
    .nav-control-layout3 .owl-nav .owl-prev {
        left:0
    }
}

.nav-control-layout3 .owl-nav .owl-next {
    right: 20%
}

@media only screen and (max-width: 767px) {
    .nav-control-layout3 .owl-nav .owl-next {
        right:0
    }
}

.nav-control-layout4 .owl-nav {
    margin-top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout4 .owl-nav>button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff!important;
    background: #ff9317!important;
    height: 4rem;
    width: 5rem;
    border-radius: 0;
    border: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout4 .owl-nav>button i {
    font-size: 18px
}

.nav-control-layout4 .owl-nav>button i:before {
    font-size: 18px;
    font-weight: 600
}

.nav-control-layout4 .owl-nav>button:hover {
    background: #07249e!important;
    color: #fff
}

.nav-control-layout4 .owl-nav>button:focus {
    outline: 0
}

.nav-control-layout4 .owl-nav .owl-prev {
    left: 0
}

.nav-control-layout4 .owl-nav .owl-next {
    right: 0
}

.dot-control-layout1 {
    position: relative
}

.dot-control-layout1 .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 991px) {
    .dot-control-layout1 .owl-dots {
        justify-content:center
    }
}

.dot-control-layout1 .owl-dots button {
    height: 14px;
    width: 14px;
    padding: 0;
    margin: 0 3px;
    background-color: #d9e6ee;
    border: none;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dot-control-layout1 .owl-dots button:focus {
    outline: 0
}

.dot-control-layout1 .owl-dots button.active {
    background-color: #ff9317;
    height: 20px;
    width: 20px
}

.dot-control-layout2 {
    position: relative
}

.dot-control-layout2 .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.dot-control-layout2 .owl-dots button {
    height: 14px;
    width: 14px;
    padding: 0;
    margin: 0 3px;
    background-color: #d9e6ee;
    border: none;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dot-control-layout2 .owl-dots button:focus {
    outline: 0
}

.dot-control-layout2 .owl-dots button.active {
    background-color: #ff9317;
    height: 20px;
    width: 20px
}

.inner-page-banner {
    display: block;
    padding: 55px 0px
}

.inner-page-banner .breadcrumbs-area {
    position: relative;
    z-index: 1;
    text-align: center
}

.inner-page-banner .breadcrumbs-area h1 {
    font-size: 36px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .inner-page-banner .breadcrumbs-area h1 {
        font-size:30px
    }
}

@media only screen and (max-width: 767px) {
    .inner-page-banner .breadcrumbs-area h1 {
        font-size:28px
    }
}

.inner-page-banner .breadcrumbs-area ul {
    margin-bottom: 16px
}

.inner-page-banner .breadcrumbs-area ul li {
    display: inline-block;
    color: #ff9317;
    font-size: 16px;
    position: relative;
    margin-right: 12px;
    padding-right: 10px;
    margin-bottom: 10px;
    /* top: 30px; */
}

.inner-page-banner .breadcrumbs-area ul li:before {
    content: "/";
    font-size: 16px;
    position: absolute;
    right: -5px;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    color: #ccc
}

.inner-page-banner .breadcrumbs-area ul li a {
    color: #ccc;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.inner-page-banner .breadcrumbs-area ul li a:hover {
    color: #ff9317
}

.inner-page-banner .breadcrumbs-area ul li:last-child {
    margin-right: 0;
    padding-right: 0
}

.inner-page-banner .breadcrumbs-area ul li:last-child:before {
    display: none
}

.fw-btn-fill {
    position: relative;
    display: block;
    border: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 12px 10px;
    text-align: center;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fw-btn-fill i {
    margin-left: 8px
}

.fw-btn-fill:after {
    content: "";
    height: 100%;
    width: 0;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fw-btn-fill:hover {
    color: #fff
}

.fw-btn-fill:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.btn-fill {
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    padding: 12px 30px;
    border-radius: 4px;
    margin-top: 16px;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-fill i {
    margin-left: 10px
}

.btn-fill:after {
    content: "";
    height: 100%;
    width: 0;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-fill:hover {
    color: #fff
}

.btn-fill:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .btn-fill {
        padding:12px 20px
    }
}

.btn-fill-2 {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    padding: 12px 25px;
    border-radius: 4px;
    margin-top: 16px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-fill-2 i {
    margin-left: 10px
}

.btn-fill-2:after {
    content: "";
    height: 100%;
    width: 0;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-fill-2:hover {
    color: #fff
}

.btn-fill-2:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.btn-fill-3 {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-fill-3 i {
    font-size: 14px;
    margin-left: 10px
}

.btn-fill-3:after {
    content: "";
    height: 100%;
    width: 0;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-fill-3:hover {
    color: #fff
}

.btn-fill-3:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.btn-fill-4 {
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1.5px;
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1
}

.btn-fill-4 i {
    font-size: 14px;
    margin-left: 10px
}

.btn-fill-4:after {
    content: "";
    height: 100%;
    width: 0;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-fill-4:hover {
    color: #fff
}

.btn-fill-4:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

@media only screen and (max-width: 1399px) {
    .btn-fill-4 {
        padding:8px 16px
    }
}

.btn-fill-5 {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    padding: 12px 30px;
    border-radius: 4px;
    margin-top: 16px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-fill-5 i {
    margin-left: 10px
}

.btn-fill-5:hover {
    color: #fff;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917)
}

@media only screen and (max-width: 767px) {
    .btn-fill-5 {
        padding:12px 20px
    }
}

.ghost-btn-1 {
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid;
    padding: 8px 34px;
    border-radius: 6px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.ghost-btn-1 i {
    margin-left: 10px
}

.ghost-btn-1:hover {
    border-color: #ff9317;
    color: #fff;
    background: linear-gradient(to right,#54b046,#083101)
}

@media only screen and (max-width: 1199px) {
    .ghost-btn-1 {
        padding:10px 20px
    }
}

.ghost-btn-2 {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid;
    padding: 10px 25px;
    border-radius: 6px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.ghost-btn-2 i {
    margin-left: 10px
}

.ghost-btn-2:hover {
    border-color: #ff9317;
    color: #fff;
    background: linear-gradient(to right,#54b046,#083101)
}

@media only screen and (max-width: 991px) {
    .ghost-btn-2 {
        font-size:14px;
        padding: 8px 20px
    }
}

.isotop-btn {
    margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
    .isotop-btn {
        text-align:center
    }
}

.isotop-btn .nav-item {
    cursor: pointer;
    font-weight: 500;
    color: #646464;
    display: inline-block;
    margin-right: 30px;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 15px
}

.isotop-btn .nav-item:last-child {
    margin-right: 0
}

.isotop-btn .nav-item:before {
    content: "/";
    font-size: 18px;
    color: #646464;
    font-weight: 500;
    position: absolute;
    top: -2px;
    right: -21px
}

.isotop-btn .nav-item:after {
    content: "";
    height: 3px;
    width: 0%;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.isotop-btn .nav-item:hover {
    color: #111!important
}

.isotop-btn .nav-item:hover:after {
    width: 100%
}

.isotop-btn .nav-item.current {
    color: #111
}

.isotop-btn .nav-item.current:after {
    width: 100%
}

.isotop-btn-2 {
    margin-bottom: 15px
}

.isotop-btn-2 .nav-item {
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #979797;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    padding: 0 10px 10px;
    position: relative
}

.isotop-btn-2 .nav-item:last-child {
    margin-right: 0
}

.isotop-btn-2 .nav-item:after {
    content: "";
    height: 4px;
    width: 0%;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.isotop-btn-2 .nav-item:hover {
    color: #111!important
}

.isotop-btn-2 .nav-item:hover:after {
    width: 100%
}

.isotop-btn-2 .nav-item.current {
    color: #111
}

.isotop-btn-2 .nav-item.current:after {
    width: 100%
}

#preloader {
    background: #fff url(img/preloader.gif) no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.scrollup {
    overflow: hidden;
    position: fixed;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 45px;
    bottom: -50px;
    right: 20px;
    text-align: center;
    z-index: 9999;
    background-color: rgba(17,17,17,.8);
    display: block;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all .5s cubic-bezier(0,0,.15,1.88);
    -moz-transition: all .5s cubic-bezier(0,0,.15,1.88);
    -ms-transition: all .5s cubic-bezier(0,0,.15,1.88);
    -o-transition: all .5s cubic-bezier(0,0,.15,1.88);
    transition: all .5s cubic-bezier(0,0,.15,1.88)
}

.scrollup i {
    display: inline-block;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.scrollup:focus,.scrollup:hover {
    color: #fff
}

.scrollup:focus i,.scrollup:hover i {
    -webkit-animation: toBottomFromTop20 .5s forwards;
    animation: toBottomFromTop20 .5s forwards
}

.scrollup.back-top {
    bottom: 20px
}

@-webkit-keyframes toBottomFromTop20 {
    49% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    51% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@keyframes toBottomFromTop20 {
    49% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    51% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@-webkit-keyframes bouncebubble {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bouncebubble {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ff9118;
        box-shadow: 0 0 0 0 #ff9118
    }

    40% {
        -webkit-box-shadow: 0 0 0 50px rgba(255,194,17,0);
        box-shadow: 0 0 0 50px rgba(255,194,17,0)
    }

    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(255,194,17,0);
        box-shadow: 0 0 0 50px rgba(255,194,17,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,194,17,0);
        box-shadow: 0 0 0 0 rgba(255,194,17,0)
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ff9118;
        box-shadow: 0 0 0 0 #ff9118
    }

    40% {
        -webkit-box-shadow: 0 0 0 50px rgba(255,194,17,0);
        box-shadow: 0 0 0 50px rgba(255,194,17,0)
    }

    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(255,194,17,0);
        box-shadow: 0 0 0 50px rgba(255,194,17,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,194,17,0);
        box-shadow: 0 0 0 0 rgba(255,194,17,0)
    }
}

@-webkit-keyframes sonarWave {
    from {
        opacity: .4
    }

    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@keyframes sonarWave {
    from {
        opacity: .4
    }

    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@-webkit-keyframes toBottomFromTop30 {
    49% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }

    51% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@keyframes toBottomFromTop30 {
    49% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }

    51% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@-webkit-keyframes cloudbounce {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes cloudbounce {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes rocketbounce {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    30% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    55% {
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
    }

    95% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes rocketbounce {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    30% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    55% {
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
    }

    95% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.footer-wrap-layout1 {
    background-color: #fff
}

.footer-top-wrap-layout1 {
    padding: 3px 0 3px
}

.footer-bottom-wrap-layout1 {
    margin-top: 10px;
    padding: 3.5rem 1rem;
    border-top: 1px solid #454e5f;
    text-align: center
}

.footer-bottom-wrap-layout1 .copyright {
    color: #ccc
}

.footer-bottom-wrap-layout1 .copyright a {
    color: #fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-bottom-wrap-layout1 .copyright a:hover {
    color: #ff9317
}

.footer-box-layout1 {
    margin-bottom: 30px
}

.footer-box-layout1 .footer-logo {
    margin-bottom: 25px
}

.footer-box-layout1 .footer-logo a {
    display: inline-block
}

.footer-box-layout1 p {
    color: #000000;
    font-size: 13px;
    margin-bottom: 7px;
}

@media only screen and (min-width: 1199px) {
    .footer-box-layout1 p {
        width:90%
    }
}

.footer-box-layout1 .footer-social li {
    display: inline-block;
    margin-right: 8px
}

.footer-box-layout1 .footer-social li:last-child {
    margin-right: 0
}

.footer-box-layout1 .footer-social li a {
    display: block;
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    color: #0a0c35;
    font-size: 20px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-box-layout1 .footer-social li a:hover {
    background-color: #ff9317;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .footer-box-layout1 .footer-social li a {
        height:40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px
    }
}

.footer-box-layout1 .footer-title {
    margin-bottom: 28px;
    padding-bottom: 22px;
    position: relative
}

.footer-box-layout1 .footer-title:after {
    content: "";
    height: 3px;
    width: 47px;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0
}

.footer-box-layout1 .footer-title h3 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    margin-bottom: 0
}

.footer-box-layout1 .footer-menu-box {
    display: flex;
    justify-content: space-between;
    padding-right: 10rem
}

@media only screen and (max-width: 1199px) {
    .footer-box-layout1 .footer-menu-box {
        padding-right:5rem
    }
}

@media only screen and (max-width: 479px) {
    .footer-box-layout1 .footer-menu-box {
        padding-right:0
    }
}

.footer-box-layout1 .footer-menu-box .footer-menu-list li {
    margin-bottom: 3px
}

.footer-box-layout1 .footer-menu-box .footer-menu-list li:last-child {
    margin-bottom: 0
}

.footer-box-layout1 .footer-menu-box .footer-menu-list li a {
    font-size: 15px;
    color: #050507;
    padding: 5px 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-box-layout1 .footer-menu-box .footer-menu-list li a:hover {
    color: #fff
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group {
    margin-bottom: 10px
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group input.form-control::-webkit-input-placeholder,.footer-box-layout1 .footer-form-box .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
    color: #ccc
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control {
    font-size: 13px;
    padding: 0px 30px;
    border: none;
    color: #fff;
    border-radius: 6px;
    background-color: #222669
}

@media only screen and (max-width: 991px) {
    .footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control {
        font-size:14px
    }
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.footer-box-layout1 .footer-form-box .contact-form-box .form-group input {
    height: 34px
}

a {
    text-decoration: none;
    cursor: pointer
}

a:active,a:focus,a:hover {
    text-decoration: none
}

a:active,a:focus,a:hover {
    outline: 0 none
}

img {
    max-width: 100%;
    height: auto
}

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

[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before {
    margin-left: 0
}

.form-response .alert-danger,.form-response .alert.alert-info,.form-response .alert.alert-success {
    margin-top: 10px;
    margin-bottom: 0
}

.form-response .alert-danger p,.form-response .alert.alert-info p,.form-response .alert.alert-success p {
    margin-bottom: 0
}

header.header {
    position: relative;
    z-index: 10
}

@media only screen and (max-width: 991px) {
    header.header {
        display:none
    }
}

.logo-area a {
    display: block
}

.logo-area .sticky-logo {
    display: none
}

.header-menu {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: #e4e4e7
}

.header-menu:after {
    clear: both;
    content: "";
    display: block
}

.header-menu nav.template-main-menu>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-menu nav.template-main-menu>ul>li>a {
    transition: all .3s ease-out
}

.header-menu nav.template-main-menu>ul>li>a:hover {
    color: #ff9317
}

nav.template-main-menu>ul>li {
    position: relative
}

nav.template-main-menu>ul>li>a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    display: block;
    color: #111
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 {
    border-top: 1px solid #07249e;
    background-color: #fff;
    width: 250px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    box-shadow: 0 3px 20px rgba(0,0,0,.05);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    color: #111;
    padding: 10px 20px;
    display: block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a:hover {
    color: #fff;
    background-color: #07249e
}

@media only screen and (max-width: 1199px) {
    nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a {
        padding:10px 15px
    }
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li:last-child a {
    padding-bottom: 15px
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 {
    display: flex;
    align-items: center;
    border-top: 1px solid #07249e;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    box-shadow: 0 3px 20px rgba(0,0,0,.05);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 li {
    min-width: 200px
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 li a {
    font-size: 15px;
    text-transform: capitalize;
    color: #111;
    padding: 8px 15px;
    display: block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 li a:hover {
    color: #fff;
    background-color: #07249e
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 li a:last-child {
    padding-bottom: 15px
}

nav.template-main-menu>ul>li .template-mega-menu {
    background-color: #fff;
    border: 5px solid #07249e;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    padding: 20px 0 0;
    transform: translateY(15px);
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    box-shadow: 0 3px 20px rgba(0,0,0,.05);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu>ul>li .template-mega-menu .menu-ctg-title {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    margin-bottom: 15px
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu {
    margin-bottom: 20px
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li {
    margin-bottom: 5px;
    padding-bottom: 7px;
    border-bottom: 1px solid #1454af
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li a {
    font-size: 14px;
    text-transform: capitalize;
    color: #111;
    padding: 2px 15px 1px 20px;
    display: block;
    -webkit-transition: all .5s cubic-bezier(0,0,.15,1.88);
    -moz-transition: all .5s cubic-bezier(0,0,.15,1.88);
    -ms-transition: all .5s cubic-bezier(0,0,.15,1.88);
    -o-transition: all .5s cubic-bezier(0,0,.15,1.88);
    transition: all .5s cubic-bezier(0,0,.15,1.88);
    position: relative
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li a i {
    color: #444;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li a:hover {
    color: #07249e;
    padding: 5px 15px 5px 35px
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li a:hover i {
    color: #07249e;
    animation: toRightFromLeft10 .5s
}

nav.template-main-menu>ul>li:hover ul.dropdown-menu-col-1 {
    opacity: 1;
    visibility: visible;
    transform: translatey(0)
}

nav.template-main-menu>ul>li:hover ul.dropdown-menu-col-2 {
    opacity: 1;
    visibility: visible;
    transform: translatey(0)
}

nav.template-main-menu>ul>li:hover .template-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translatey(0)
}

.header-menu.menu-layout1 nav.template-main-menu>ul>li>a {
    padding: 40px 18px
}

@media only screen and (max-width: 1199px) {
    .header-menu.menu-layout1 nav.template-main-menu>ul>li>a {
        padding:40px 15px
    }
}

.header-menu.menu-layout2 nav.template-main-menu>ul>li>a {
    padding: 19px 8px
}

@media only screen and (max-width: 1199px) {
    .header-menu.menu-layout2 nav.template-main-menu>ul>li>a {
        padding:40px 15px
    }
}

.header-menu.menu-layout2 nav.template-main-menu>ul>li>a:hover {
    color: #ff9317
}

.rt-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    left: 0;
    right: 0;
    background-color: #fff
}

.rt-sticky nav.template-main-menu>ul>li>a {
    padding: 28px 18px
}

@media only screen and (max-width: 1199px) {
    .rt-sticky nav.template-main-menu>ul>li>a {
        padding:28px 15px
    }
}

.header-menu.menu-layout1.rt-sticky {
    background-color: #0529a4;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
}

.header-menu.menu-layout1.rt-sticky nav.template-main-menu>ul>li>a {
    padding: 28px 18px;
    color: #fff
}

@media only screen and (max-width: 1199px) {
    .header-menu.menu-layout1.rt-sticky nav.template-main-menu>ul>li>a {
        padding:28px 15px
    }
}

.header-menu.menu-layout1.rt-sticky .header-action-layout1 ul .header-search-box a i:before {
    color: #fff
}

.header-menu.menu-layout1.rt-sticky .header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
    box-shadow: none
}

.header-menu.menu-layout1.rt-sticky .logo-area .temp-logo {
    display: none
}

.header-menu.menu-layout1.rt-sticky .logo-area .sticky-logo {
    display: block
}

.header-menu.menu-layout2.rt-sticky {
    background-color: #f9f9ff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
}

.header-menu.menu-layout2.rt-sticky nav.template-main-menu>ul>li>a {
    padding: 21px 8px
}

@media only screen and (max-width: 1199px) {
    .header-menu.menu-layout2.rt-sticky nav.template-main-menu>ul>li>a {
        padding:28px 15px
    }
}

@media only screen and (min-width: 992px) {
    .hide-on-desktop-menu {
        display:none!important
    }
}

@media only screen and (max-width: 991px) {
    .hide-on-mobile-menu {
        display:none
    }
}

.header-action-layout1 ul {
    display: flex;
    align-items: center
}

.header-action-layout1 ul li {
    display: inline-block;
    margin-right: 20px
}

.header-action-layout1 ul li:last-child {
    margin-right: 0
}

.header-action-layout1 ul .header-search-box a i:before {
    color: #111;
    font-weight: 700;
    font-size: 22px
}

.header-action-layout1 ul .search-box-light a i:before {
    color: #fff
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #fff;
    padding: 15px 10px;
    -webkit-box-shadow: 0 8px 10px 0 rgba(195,195,195,.75);
    box-shadow: 0 8px 10px 0 rgba(195,195,195,.75)
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn:focus {
    outline: 0
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap {
    width: 28px;
    height: 18px;
    display: block;
    position: relative
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #262626;
    display: block;
    opacity: 1;
    transform: rotate(0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(1n) {
    top: 0
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(2n) {
    width: 80%;
    top: 8px
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(3n) {
    top: 16px
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-btn-light {
    background-color: transparent;
    box-shadow: none;
    padding: 15px 0
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-btn-light .btn-icon-wrap span {
    background-color: #fff
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(1n) {
    top: 7px;
    transform: rotate(135deg)
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(2n) {
    left: 40px;
    opacity: 0;
    visibility: hidden
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(3n) {
    top: 7px;
    transform: rotate(-135deg)
}

@media only screen and (max-width: 1199px) {
    .header-action-layout1 ul .header-action-btn {
        display:none
    }
}

.header-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.85);
    transition: all .5s ease-in-out;
    transform: translate(0,-100%) scale(0,0);
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

.header-search .header-search-form {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.header-search .header-search-form input[type=search] {
    width: 60%;
    color: #fff;
    font-size: 24px;
    text-align: left;
    border: none;
    margin: 0 auto;
    padding: 25px 10px 25px 30px;
    outline: 0;
    background: linear-gradient(to right,transparent,rgba(200,200,200,.5),transparent)
}

@media only screen and (max-width: 575px) {
    .header-search .header-search-form input[type=search] {
        width:75%
    }
}

.header-search .header-search-form .search-btn {
    padding: 24px 10px;
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

.header-search .header-search-form .search-btn i:before {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-left: 0
}

.header-search .header-search-form .search-btn:focus {
    box-shadow: none;
    outline: 0
}

.header-search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #07249e;
    background-color: rgba(255,255,255,.8);
    border: none;
    opacity: 1;
    visibility: visible;
    padding: 3px 15px 5px;
    font-size: 36px;
    font-weight: 300;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(255,255,255,.75);
    transition: all .3s ease-in-out
}

.header-search .close:focus {
    box-shadow: none;
    border: none;
    outline: 0
}

.header-search .close:hover {
    background-color: #fff
}

.header-search.open {
    transform: translate(0,0) scale(1,1);
    opacity: 1;
    visibility: visible
}

.header-topbar-box ul li {
    padding: 5px 0;
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,.1);
    color: #fff;
    margin-right: 20px;
    padding-right: 22px;
    font-size: 14px
}

.header-topbar-box ul li:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
}

.header-topbar-box ul li i {
    font-size: 14px;
    color: #ff9317;
    margin-right: 10px
}

.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-btn {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    padding-right: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative
}

.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-btn:after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    position: absolute;
    top: 1px;
    right: 10px
}

.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-btn:focus {
    outline: 0
}

.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-menu {
    top: 3px!important;
    width: 150px
}

.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    color: #444;
    padding: 6px 15px
}

.header-topbar-box .header-social-item .social-icon a {
    padding-right: 5px;
    margin-right: 10px
}

.header-topbar-box .header-social-item .social-icon a i {
    margin-right: 0;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.header-topbar-box .header-social-item .social-icon a:last-child {
    padding-right: 0;
    margin-right: 0
}

.header-topbar-box .header-social-item .social-icon a:hover i {
    color: #f2f2f2
}

.offcanvas-menu-wrap.open {
    transform: translateX(0)
}

@media only screen and (max-width: 767px) {
    .offcanvas-menu-wrap.open {
        transform:translateX(-100%)
    }
}

.offcanvas-menu-wrap {
    width: 300px;
    position: fixed;
    transform: translateX(-100%);
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 16px 0 rgba(202,202,202,.75);
    box-shadow: 0 5px 16px 0 rgba(202,202,202,.75);
    z-index: 200;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.offcanvas-menu-wrap[data-position=right] {
    left: auto;
    right: 0;
    transform: translateX(100%)
}

.offcanvas-menu-wrap .close-btn {
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #111;
    padding: 10px
}

.offcanvas-menu-wrap .offcanvas-content {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6rem 0 5.5rem;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-logo a {
    display: block
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu {
    text-align: center
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item {
    margin-bottom: 20px
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a {
    font-size: 15px;
    font-weight: 500;
    color: #111;
    padding: 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a:hover {
    color: #001ea2
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer {
    text-align: center
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title {
    font-size: 15px;
    color: #acacac;
    margin-bottom: 14px
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li {
    display: inline-block;
    margin-right: 6px
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li:last-child {
    margin-right: 0
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a {
    color: #444;
    padding: 5px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a:hover {
    color: #001ea2
}

div#wrapper.open>.offcanvas-mask {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 150;
    animation: slideInRight .5s ease-in-out;
    transition: all .5s ease-in-out
}

.mean-container .mean-bar {
    background: 0 0!important;
    float: none;
    padding: 0!important;
    position: fixed!important;
    top: 0;
    z-index: 7
}

.mean-container .mean-bar:after {
    content: "";
    clear: both;
    display: block
}

.mean-container .mean-bar a.logo-mobile-menu {
    width: 100%;
    background-color: rgba(222,222,222,.95);
    box-sizing: border-box
}

.mean-container .mean-bar .mobile-menu-nav-back {
    padding-left: 15px;
    border-bottom: 1px solid #b2b2b2;
    position: relative;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center
}

.mean-container .mean-bar .mobile-menu-nav-back:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(248,248,248,.95);
    z-index: -1;
    top: 0;
    left: 0;
    right: 0
}

.mean-container .mean-nav {
    float: none!important;
    background: 0 0!important
}

.mean-container .mean-nav>ul {
    overflow-y: scroll;
    height: 100vh
}

.mean-container .mean-nav>ul:after {
    content: '';
    display: block;
    clear: both
}

.mean-container .mean-nav>ul>li>a {
    font-size: 14px;
    color: #111;
    font-weight: 700;
    background-color: #ebebeb;
    transition: all .5s ease-out
}

.mean-container .mean-nav>ul>li>a:hover {
    color: #07249e
}

.mean-container .mean-nav>ul>li:hover>a {
    color: #07249e;
    background-color: #fff
}

.mean-container .mean-nav>ul>li li a {
    color: #111;
    opacity: 1;
    font-weight: 500;
    padding: .5em 10%;
    font-size: 14px
}

.mean-container .mean-nav>ul>li li a:hover {
    background-color: #fff
}

.mean-container .mean-nav>ul>li a.mean-expand {
    background-color: transparent;
    margin-top: 0;
    height: 20px;
    line-height: 27px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    padding: 12px 20px 12px 12px!important
}

.mean-container .mean-nav>ul>li a.mean-expand:hover {
    background-color: transparent
}

.mean-container a.meanmenu-reveal {
    float: none!important;
    position: absolute;
    top: 0;
    transition: unset;
    padding: 16px 14px 12px
}

.mean-container #wrapper {
    padding-top: 50px
}

.heading-layout1 {
    text-align: center;
    margin-bottom: 3px
}

.heading-layout1 h2,.heading-layout1 h3 {
    font-weight: 700;
    margin-bottom: 12px
}

.heading-layout1 p {
    width: 70%;
    margin: 0 auto
}

@media only screen and (max-width: 991px) {
    .heading-layout1 p {
        width:100%
    }
}

.heading-layout2 {
    text-align: center;
    margin-bottom: 44px
}

.heading-layout2 h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px
}

.heading-layout2 p {
    color: #fff;
    width: 50%;
    margin: 0 auto
}

@media only screen and (max-width: 991px) {
    .heading-layout2 p {
        width:100%
    }
}

.heading-layout3 {
    text-align: center;
    margin-bottom: 44px
}

.heading-layout3 h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px
}

.heading-layout3 p {
    color: #fff;
    width: 70%;
    margin: 0 auto
}

.heading-layout4 {
    text-align: center;
    margin-bottom: 60px
}

.heading-layout4 h2 {
    font-size: 48px;
    color: #646464;
    margin-bottom: 25px
}

.heading-layout4 h2 span {
    color: #000;
    font-weight: 600
}

@media only screen and (max-width: 991px) {
    .heading-layout4 h2 {
        font-size:42px
    }
}

@media only screen and (max-width: 767px) {
    .heading-layout4 h2 {
        font-size:36px
    }
}

.heading-layout4 .item-subtitle {
    font-size: 36px
}

@media only screen and (max-width: 767px) {
    .heading-layout4 .item-subtitle {
        font-size:28px
    }
}

.heading-layout5 {
    position: relative;
    margin-bottom: 20px
}

.heading-layout5 h2,.heading-layout5 h3 {
    font-weight: 600;
    padding-bottom: 26px
}

.heading-layout5:after {
    content: "";
    height: 4px;
    width: 43px;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0
}

.heading-layout6 {
    position: relative;
    margin-bottom: 30px
}

.heading-layout6 h3 {
    font-weight: 600;
    padding-bottom: 28px;
    font-size: 30px
}

@media only screen and (max-width: 1199px) {
    .heading-layout6 h3 {
        font-size:28px
    }
}

@media only screen and (max-width: 991px) {
    .heading-layout6 h3 {
        font-size:26px
    }
}

@media only screen and (max-width: 767px) {
    .heading-layout6 h3 {
        font-size:24px
    }
}

.heading-layout6 h2 {
    font-weight: 600;
    padding-bottom: 28px
}

.heading-layout6:after {
    content: "";
    height: 4px;
    width: 43px;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0
}

.heading-layout7 {
    position: relative;
    margin-bottom: 10px
}

.heading-layout7 h3 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 28px
}

.heading-layout7 h3 span {
    font-weight: 400
}

@media only screen and (max-width: 991px) {
    .heading-layout7 h3 {
        font-size:22px
    }
}

@media only screen and (max-width: 767px) {
    .heading-layout7 h3 {
        font-size:20px
    }
}

.heading-layout7:after {
    content: "";
    height: 4px;
    width: 43px;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0
}

.pagination-layout1 {
    margin-top: 5rem;
    text-align: center
}

.pagination-layout1 ul li {
    display: inline-block;
    margin-right: 4px
}

.pagination-layout1 ul li:last-child {
    margin-right: 0
}

.pagination-layout1 ul li a, .page-link {
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 7px 18px;
    font-size: 20px;
    color: #273171;
    display: block;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.pagination-layout1 ul li a:hover {
    border-color: #273171;
    background-color: #273171;
    color: #fff
}

.pagination-layout1 ul li a.active {
    border-color: #273171;
    background-color: #273171;
    color: #fff
}

.pagination-layout2 {
    border-bottom: 1px solid #efebe9;
    border-top: 1px solid #efebe9;
    padding: 30px 0 35px
}

.pagination-layout2 .prev-btn .media .item-img {
    margin-top: 6px
}

.pagination-layout2 .prev-btn .media .item-img a {
    display: block
}

.pagination-layout2 .prev-btn .media .item-img a img {
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .pagination-layout2 .prev-btn .media .media-body {
        display:none
    }
}

.pagination-layout2 .prev-btn .media .media-body .item-title {
    font-weight: 600;
    color: #111;
    margin-bottom: 5px
}

.pagination-layout2 .prev-btn .media .media-body a {
    font-size: 14px;
    color: #646464;
    font-weight: 600
}

.pagination-layout2 .prev-btn .media .media-body a i {
    font-size: 14px;
    color: #0223a3;
    margin-right: 8px
}

.pagination-layout2 .home-btn .menu-icon {
    width: 40px;
    display: inline-block;
    line-height: 1.2
}

.pagination-layout2 .home-btn .menu-icon span {
    display: inline-block;
    height: 16px;
    width: 17px;
    background-color: #ccc
}

.pagination-layout2 .next-btn .media .item-img {
    margin-top: 6px
}

.pagination-layout2 .next-btn .media .item-img a {
    display: block
}

.pagination-layout2 .next-btn .media .item-img a img {
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .pagination-layout2 .next-btn .media .media-body {
        display:none
    }
}

.pagination-layout2 .next-btn .media .media-body .item-title {
    font-weight: 600;
    color: #111;
    margin-bottom: 5px
}

.pagination-layout2 .next-btn .media .media-body a {
    font-size: 14px;
    color: #646464;
    font-weight: 600
}

.pagination-layout2 .next-btn .media .media-body a i {
    font-size: 14px;
    color: #0223a3;
    margin-left: 8px
}

.pagination-layout3 {
    border-bottom: 1px solid #efebe9;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.pagination-layout3 .prev-btn .media .item-img {
    margin-top: 6px
}

.pagination-layout3 .prev-btn .media .item-img img {
    border-radius: 4px
}

.pagination-layout3 .prev-btn .media .media-body .item-title {
    font-weight: 500;
    color: #111;
    margin-bottom: 6px;
    line-height: 25px
}

@media only screen and (max-width: 1199px) {
    .pagination-layout3 .prev-btn .media .media-body .item-title {
        display:none
    }
}

.pagination-layout3 .prev-btn .media .media-body .item-date {
    margin-bottom: 15px
}

.pagination-layout3 .prev-btn .media .media-body .item-date i {
    font-size: 16px;
    color: #001ea2;
    font-weight: 500;
    margin-right: 10px
}

@media only screen and (max-width: 1199px) {
    .pagination-layout3 .prev-btn .media .media-body .item-date {
        display:none
    }
}

.pagination-layout3 .prev-btn .media .media-body a {
    font-size: 16px;
    color: #646464
}

.pagination-layout3 .prev-btn .media .media-body a i {
    font-size: 14px;
    color: #ff9317;
    margin-right: 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.pagination-layout3 .prev-btn .media .media-body a:hover {
    color: #111
}

.pagination-layout3 .next-btn .media {
    flex-direction: row-reverse
}

.pagination-layout3 .next-btn .media .item-img {
    margin-top: 6px
}

.pagination-layout3 .next-btn .media .item-img img {
    border-radius: 4px
}

@media only screen and (max-width: 1199px) {
    .pagination-layout3 .next-btn .media .item-img {
        text-align:right
    }
}

.pagination-layout3 .next-btn .media .media-body .item-title {
    font-weight: 500;
    color: #111;
    margin-bottom: 6px;
    line-height: 25px
}

@media only screen and (max-width: 1199px) {
    .pagination-layout3 .next-btn .media .media-body .item-title {
        display:none
    }
}

.pagination-layout3 .next-btn .media .media-body .item-date {
    margin-bottom: 15px
}

.pagination-layout3 .next-btn .media .media-body .item-date i {
    font-size: 16px;
    color: #001ea2;
    font-weight: 500;
    margin-right: 10px
}

@media only screen and (max-width: 1199px) {
    .pagination-layout3 .next-btn .media .media-body .item-date {
        display:none
    }
}

.pagination-layout3 .next-btn .media .media-body a {
    font-size: 16px;
    color: #646464
}

.pagination-layout3 .next-btn .media .media-body a i {
    font-size: 14px;
    color: #ff9317;
    margin-left: 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.pagination-layout3 .next-btn .media .media-body a:hover {
    color: #111
}

@media only screen and (max-width: 991px) {
    .sidebar-break-md {
        margin-top:5rem
    }
}

.sidebar-widget-area .widget {
    margin-bottom: 4rem
}

.sidebar-widget-area .widget:last-child {
    margin-bottom: 0!important
}

.widget-category {
    background-color: #f6f6f6;
    border-radius: 4px;
    padding: 35px 40px 25px
}

.widget-category .category-list li a {
    color: #646464;
    padding: 10px 18px;
    position: relative;
    display: block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-category .category-list li a i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #646464;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-category .category-list li a span {
    margin-left: 15px
}

.widget-category .category-list li a:hover {
    color: #001ea2
}

.widget-category .category-list li a:hover i {
    color: #ff9317
}

.widget-service {
    background-color: #f6f6f6;
    border-radius: 4px;
    padding: 35px 40px 25px
}

.widget-service .service-list li {
    border-bottom: 1px solid #e3e3e3
}

.widget-service .service-list li:last-child {
    border-bottom: none
}

.widget-service .service-list li a {
    color: #444;
    padding: 12px 18px;
    position: relative;
    display: block;
    font-weight: 500;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-service .service-list li a i {
    position: absolute;
    top: 18px;
    left: 0;
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-service .service-list li a:hover {
    color: #001ea2;
    padding-left: 25px
}

.widget-service .service-list li a:hover i {
    color: #ff9317
}

.widget-form {
    background-color: #0223a3;
    border-radius: 4px;
    padding: 36px 40px 40px
}

.widget-form .contact-form-box .form-group {
    margin-bottom: 5px
}

.widget-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.widget-form .contact-form-box .form-group input.form-control::-webkit-input-placeholder,.widget-form .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
    color: #fff
}

.widget-form .contact-form-box .form-group .form-control {
    font-size: 16px;
    padding: 20px;
    border: none;
    color: #fff;
    border-radius: 4px;
    background-color: #103caf
}

@media only screen and (max-width: 991px) {
    .widget-form .contact-form-box .form-group .form-control {
        font-size:14px
    }
}

.widget-form .contact-form-box .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.widget-form .contact-form-box .form-group input {
    height: 50px
}

.widget-contact {
    background-color: #f6f6f6;
    padding: 35px 40px 25px
}

.widget-contact .contact-list li {
    border-bottom: 1px solid #e3e3e3;
    padding: 12px 28px;
    position: relative;
    display: block
}

.widget-contact .contact-list li:last-child {
    border-bottom: none
}

.widget-contact .contact-list li i {
    position: absolute;
    top: 13px;
    left: 0
}

.widget-contact .contact-list li i:before {
    font-size: 16px;
    color: #001ea2;
    font-weight: 700
}

.widget-project-info {
    background-color: #f6f6f6;
    border-radius: 4px;
    padding: 35px 40px
}

.widget-project-info .item-info>ul>li {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    margin-bottom: 4px
}

.widget-project-info .item-info>ul>li:last-child {
    margin-bottom: 0
}

.widget-project-info .item-info>ul>li span {
    font-weight: 400;
    color: #646464;
    font-size: 16px;
    display: block
}

.widget-project-info .item-info>ul>li .item-social li {
    display: inline-block;
    margin-right: 10px
}

.widget-project-info .item-info>ul>li .item-social li:last-child {
    margin-right: 0
}

.widget-project-info .item-info>ul>li .item-social li a {
    padding: 5px 5px 5px 0;
    font-size: 16px;
    color: #001ea2;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.widget-project-info .item-info>ul>li .item-social li a:hover {
    color: #111
}

.widget-related-case {
    background-color: #f6f6f6;
    border-radius: 4px;
    padding: 35px 35px 40px
}

@media only screen and (max-width: 1199px) {
    .widget-related-case {
        padding:35px 15px 40px
    }
}

.widget-related-case .media {
    margin-bottom: 18px
}

@media only screen and (max-width: 575px) {
    .widget-related-case .media {
        text-align:center
    }
}

.widget-related-case .media:last-child {
    margin-bottom: 0
}

.widget-related-case .media .item-img {
    margin-top: 7px;
    overflow: hidden
}

.widget-related-case .media .item-img img {
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-related-case .media .media-body .case-date {
    font-size: 14px;
    margin-bottom: 6px
}

.widget-related-case .media .media-body .item-title {
    font-weight: 600;
    margin-bottom: 0
}

.widget-related-case .media .media-body .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-related-case .media .media-body .item-title a:hover {
    color: #07249e
}

@media only screen and (max-width: 575px) {
    .widget-related-case .media .media-body .item-title {
        font-size:16px
    }
}

.widget-related-case .media:hover .item-img img {
    transform: scale(1.1)
}

.widget-search-box .stylish-input-group {
    border: 1px solid #ccc;
    height: 50px;
    border-radius: 4px;
    padding: 0 1rem
}

.widget-search-box .stylish-input-group .form-control {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: 0 0;
    color: #111;
    font-size: 16px;
    height: 50px
}

.widget-search-box .stylish-input-group .input-group-addon {
    display: flex;
    padding: 0;
    border: none;
    border-radius: 0;
    background: 0 0!important
}

.widget-search-box .stylish-input-group .input-group-addon button {
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.widget-search-box .stylish-input-group .input-group-addon button span:before {
    color: #001ea2;
    font-size: 24px;
    font-weight: 700;
    margin-left: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.widget-search-box .stylish-input-group .input-group-addon button:hover span {
    color: #07249e
}

.widget-search-box .stylish-input-group .input-group-addon button:hover span:before {
    color: #07249e
}

.widget-search-box .stylish-input-group .input-group-addon button:focus {
    outline: 0
}

.widget-search-box .stylish-input-group input.form-control::-webkit-input-placeholder,.widget-search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder {
    color: #646464;
    font-size: 16px
}

.widget-search-box .stylish-input-group input.form-control:-moz-placeholder,.widget-search-box .stylish-input-group textarea.form-control:-moz-placeholder {
    color: #646464;
    font-size: 16px
}

.widget-search-box .stylish-input-group input.form-control:-ms-input-placeholder,.widget-search-box .stylish-input-group textarea.form-control:-ms-input-placeholder {
    color: #646464;
    font-size: 16px
}

.widget-tag {
    background-color: #f6f6f6;
    padding: 35px 40px 40px
}

.widget-tag .item-tag li {
    display: inline-block;
    margin-bottom: 4px
}

.widget-tag .item-tag li a {
    display: block;
    background-color: #fff;
    color: #646464;
    border-radius: 4px;
    padding: 10px 20px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-tag .item-tag li a:hover {
    background-color: #07249e;
    color: #fff
}

.about-wrap-layout1 {
    position: relative
}

.about-wrap-layout2 {
    padding: 12rem 0
}

.about-wrap-layout3 {
    padding: 8.8rem 0 11.5rem
}

.about-wrap-layout4 {
    padding: 12rem 0;
    background-color: #f8f8f8
}

.about-box-layout1 {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 7rem 0
}

@media only screen and (max-width: 1199px) {
    .about-box-layout1 {
        display:block;
        padding: 7rem 5rem
    }
}

@media only screen and (max-width: 575px) {
    .about-box-layout1 {
        padding:7rem 2rem
    }
}

.about-box-layout1 .single-item {
    width: 50%
}

@media only screen and (max-width: 1199px) {
    .about-box-layout1 .single-item {
        width:100%;
        text-align: center
    }
}

.about-box-layout1 .single-item .item-content .item-title {
    font-weight: 600;
    margin-bottom: 25px
}

.about-box-layout1 .single-item .item-content .list-item {
    margin-bottom: 25px
}

.about-box-layout1 .single-item .item-content .list-item li {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative
}

.about-box-layout1 .single-item .item-content .list-item li i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #001ea2
}

.about-box-layout1 .about-left-item {
    padding-left: calc((100% - 1510px)/ 2)
}

@media only screen and (max-width: 1199px) {
    .about-box-layout1 .about-left-item {
        margin-bottom:4rem
    }
}

.about-box-layout1 .about-right-item {
    padding-right: calc((100% - 1200px)/ 2)
}

.about-box-layout2 {
    padding-right: 5rem;
    position: relative
}

@media only screen and (max-width: 991px) {
    .about-box-layout2 {
        margin-bottom:5rem
    }
}

@media only screen and (max-width: 767px) {
    .about-box-layout2 {
        padding-right:0
    }
}

.about-box-layout2 .item-icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.about-box-layout2 .item-icon .play-btn {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    background-color: #001ea2;
    border-radius: 50%;
    animation: pulse 1.5s infinite
}

.about-box-layout2 .item-icon .play-btn:before {
    content: "";
    height: 90px;
    width: 90px;
    border: 10px solid rgba(0,30,162,.3);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    animation: pulse 1.5s infinite
}

.about-box-layout2 .item-icon .play-btn:after {
    content: "";
    height: 110px;
    width: 110px;
    border: 10px solid rgba(0,30,162,.15);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    animation: pulse 1.5s infinite
}

.about-box-layout2 .item-icon .play-btn i:before {
    font-size: 30px;
    color: #fff;
    margin-left: 10px
}

@media only screen and (max-width: 767px) {
    .about-box-layout2 .item-icon {
        display:none
    }
}

.about-box-layout3 {
    margin-top: 7rem
}

@media only screen and (max-width: 1199px) {
    .about-box-layout3 {
        margin-top:0
    }
}

@media only screen and (max-width: 991px) {
    .about-box-layout3 {
        text-align:center
    }
}

.about-box-layout3 .item-subtitle {
    margin-bottom: 5px
}

.about-box-layout3 .item-title {
    color: #111;
    font-weight: 600
}

.about-box-layout4 {
    padding-left: 5rem;
    position: relative
}

@media only screen and (max-width: 991px) {
    .about-box-layout4 {
        margin-bottom:4rem
    }
}

.about-box-layout4 .item-icon {
    position: absolute;
    top: 45%;
    left: 20px;
    transform: translateY(-50%)
}

.about-box-layout4 .item-icon .play-btn {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    background-color: #001ea2;
    border-radius: 50%;
    animation: pulse 1.5s infinite
}

.about-box-layout4 .item-icon .play-btn i:before {
    font-size: 30px;
    color: #fff;
    margin-left: 10px
}

@media only screen and (max-width: 767px) {
    .about-box-layout4 .item-icon {
        display:none
    }
}

@media only screen and (max-width: 1199px) {
    .about-box-layout5 {
        text-align:center;
        margin-bottom: 3rem
    }
}

.about-box-layout6 {
    padding-top: 25px
}

.about-box-layout6 .item-content .item-title {
    font-weight: 600;
    color: #111;
    margin-bottom: 25px
}

.about-box-layout6 .item-content .service-list {
    margin: 28px 0 45px
}

.about-box-layout6 .item-content .service-list li {
    padding-left: 32px;
    font-weight: 500;
    color: #111;
    margin-bottom: 14px;
    position: relative
}

.about-box-layout6 .item-content .service-list li:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    color: #001ea2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.about-box-layout7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 991px) {
    .about-box-layout7 {
        display:block
    }
}

.about-box-layout7 .single-item {
    width: 50%;
    padding: 10rem 0
}

@media only screen and (max-width: 991px) {
    .about-box-layout7 .single-item {
        width:100%
    }
}

.about-box-layout7 .left-side-content {
    padding-left: calc((100% - 1200px)/ 2);
    padding-right: 5rem
}

@media only screen and (max-width: 1259px) {
    .about-box-layout7 .left-side-content {
        padding-left:calc((100% - 1110px)/ 2)
    }
}

@media only screen and (max-width: 1199px) {
    .about-box-layout7 .left-side-content {
        padding-left:calc((100% - 930px)/ 2)
    }
}

@media only screen and (max-width: 991px) {
    .about-box-layout7 .left-side-content {
        padding-left:calc((100% - 690px)/ 2);
        padding-right: calc((100% - 690px)/ 2)
    }
}

@media only screen and (max-width: 767px) {
    .about-box-layout7 .left-side-content {
        padding-left:calc((100% - 510px)/ 2);
        padding-right: calc((100% - 510px)/ 2)
    }
}

@media only screen and (max-width: 575px) {
    .about-box-layout7 .left-side-content {
        padding-right:15px;
        padding-left: 15px
    }
}

.about-box-layout7 .left-side-content .item-content .item-title {
    font-weight: 500;
    color: #111;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px
}

.about-box-layout7 .left-side-content .item-content .item-title:after {
    content: "";
    height: 5px;
    width: 46px;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0
}

.about-box-layout7 .left-side-content .item-content .service-list {
    margin-top: 26px
}

.about-box-layout7 .left-side-content .item-content .service-list li {
    padding-left: 32px;
    font-size: 18px;
    font-weight: 500;
    color: #111;
    margin-bottom: 14px;
    position: relative
}

.about-box-layout7 .left-side-content .item-content .service-list li:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    color: #001ea2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.about-box-layout7 .right-side-content {
    padding-right: calc((100% - 1200px)/ 2);
    padding-left: 11.7rem;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 1259px) {
    .about-box-layout7 .right-side-content {
        padding-right:calc((100% - 1110px)/ 2)
    }
}

@media only screen and (max-width: 1199px) {
    .about-box-layout7 .right-side-content {
        padding-right:calc((100% - 930px)/ 2)
    }
}

@media only screen and (max-width: 991px) {
    .about-box-layout7 .right-side-content {
        padding-right:calc((100% - 690px)/ 2);
        padding-left: calc((100% - 690px)/ 2)
    }
}

@media only screen and (max-width: 767px) {
    .about-box-layout7 .right-side-content {
        padding-left:calc((100% - 510px)/ 2);
        padding-right: calc((100% - 510px)/ 2)
    }
}

@media only screen and (max-width: 575px) {
    .about-box-layout7 .right-side-content {
        padding-right:15px;
        padding-left: 15px
    }
}

.about-box-layout7 .right-side-content:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(10,28,37,.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.about-box-layout7 .right-side-content .item-content .item-title {
    font-weight: 500;
    color: #fff;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 32px
}

.about-box-layout7 .right-side-content .item-content .item-title:after {
    content: "";
    height: 5px;
    width: 46px;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0
}

.about-box-layout7 .right-side-content .item-content .progress-box {
    padding-top: 4.5rem;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .about-box-layout7 .right-side-content .item-content .progress-box {
        margin-left:0;
        margin-top: 3rem
    }
}

.about-box-layout7 .right-side-content .item-content .progress-box .progress {
    overflow: visible;
    margin-bottom: 7rem;
    height: 10px;
    background-color: #5e6b71;
    border-radius: 6px;
    position: relative
}

.about-box-layout7 .right-side-content .item-content .progress-box .progress:last-child {
    margin-bottom: 0
}

.about-box-layout7 .right-side-content .item-content .progress-box .progress .lead {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: -42px;
    left: 0;
    z-index: 10
}

@media only screen and (max-width: 575px) {
    .about-box-layout7 .right-side-content .item-content .progress-box .progress .lead {
        font-size:18px;
        top: -35px
    }
}

.about-box-layout7 .right-side-content .item-content .progress-box .progress .progress-bar {
    padding: 5px 0;
    position: relative;
    background-color: #07249e;
    border-radius: 4px
}

.about-box-layout7 .right-side-content .item-content .progress-box .progress .progress-bar span {
    color: #fff;
    font-size: 16px;
    display: block;
    position: absolute;
    right: 0;
    top: -40px
}

@media only screen and (max-width: 575px) {
    .about-box-layout7 .right-side-content .item-content .progress-box .progress .progress-bar span {
        top:-37px
    }
}

.banner-wrap-layout1 {
    padding: 10rem 0 4rem;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 991px) {
    .banner-wrap-layout1 {
        padding:10rem 0
    }
}

.banner-box-layout1 {
    animation: bouncebubble infinite 10s
}

.banner-box-layout2 {
    padding-top: 7rem
}

@media only screen and (max-width: 991px) {
    .banner-box-layout2 {
        padding-top:5rem;
        text-align: center
    }
}

.banner-box-layout2 .item-title {
    color: #fff;
    font-weight: 700;
    font-size: 40px
}

.banner-box-layout2 .item-title span {
    font-weight: 300
}

@media only screen and (max-width: 1199px) {
    .banner-box-layout2 .item-title {
        font-size:34px
    }
}

@media only screen and (max-width: 991px) {
    .banner-box-layout2 .item-title {
        font-size:32px
    }
}

@media only screen and (max-width: 767px) {
    .banner-box-layout2 .item-title {
        font-size:28px
    }
}

.banner-bottom-shape {
    position: relative
}

.banner-bottom-shape .svg-shape {
    position: absolute;
    bottom: -4rem;
    left: 0;
    right: 0;
    z-index: -1
}

@media only screen and (max-width: 991px) {
    .banner-bottom-shape .svg-shape {
        bottom:-10rem
    }
}

.blog-wrap-layout1 {
    padding: 11rem 0 9rem;
    background-color: #f8f8f8
}

.blog-wrap-layout2 {
    padding: 11.2rem 0 9rem
}

.blog-wrap-layout3 {
    padding: 11rem 0 9rem
}

.blog-wrap-layout4 {
    padding: 11rem 0 8.4rem
}

.blog-wrap-layout5 {
    padding: 12rem 0
}

.blog-wrap-layout6 {
    padding: 12rem 0
}

.single-blog-wrap-layout1 {
    padding: 12rem 0
}

.blog-box-layout1 {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    margin-bottom: 30px;
    border-radius: 6px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout1 .item-img {
    padding: 15px
}

.blog-box-layout1 .item-content {
    padding: 25px 30px 5px;
    position: relative
}

.blog-box-layout1 .item-content .item-author {
    display: inline-flex;
    align-items: center;
    background-color: #07249e;
    padding: 6px 30px 6px 10px;
    border-radius: 6px;
    -webkit-box-shadow: 0 15px 15px 0 rgba(33,30,30,.15);
    box-shadow: 0 15px 15px 0 rgba(33,30,30,.15);
    position: absolute;
    top: -36px;
    left: 30px
}

.blog-box-layout1 .item-content .item-author .author-img {
    margin-right: 10px;
    position: relative
}

.blog-box-layout1 .item-content .item-author .author-img:after {
    content: "";
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: -1px;
    left: 0
}

.blog-box-layout1 .item-content .item-author .author-img img {
    border-radius: 50%
}

.blog-box-layout1 .item-content .item-author span {
    display: block;
    font-weight: 500;
    color: #fff
}

.blog-box-layout1 .item-content .entry-meta {
    margin-bottom: 8px
}

.blog-box-layout1 .item-content .entry-meta li {
    display: inline-block;
    margin-right: 15px;
    color: #77787c;
    margin-bottom: 5px;
    font-size: 15px
}

.blog-box-layout1 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout1 .item-content .entry-meta li i {
    color: #3772fb;
    margin-right: 12px;
    font-weight: 500
}

.blog-box-layout1 .item-content .post-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 13px
}

.blog-box-layout1 .item-content .post-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout1 .item-content .post-title a:hover {
    color: #001ea2
}

.blog-box-layout1:after {
    content: "";
    height: 5px;
    width: 0%;
    background-color: #001ea2;
    border-radius: 4px 0 0 4px;
    position: absolute;
    top: 5px;
    left: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout1:before {
    content: "";
    height: 0%;
    width: 5px;
    background-color: #001ea2;
    border-radius: 4px 4px 0 0;
    position: absolute;
    top: 5px;
    left: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout1 .hover-border:after {
    content: "";
    height: 5px;
    width: 0%;
    background-color: #001ea2;
    border-radius: 0 4px 4px 0;
    position: absolute;
    bottom: 5px;
    right: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout1 .hover-border:before {
    content: "";
    height: 0%;
    width: 5px;
    background-color: #001ea2;
    border-radius: 0 0 4px 4px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout1:hover {
    -webkit-box-shadow: 0 25px 50px 0 rgba(33,30,30,.2);
    box-shadow: 0 25px 50px 0 rgba(33,30,30,.2)
}

.blog-box-layout1:hover:after {
    visibility: visible;
    opacity: 1;
    width: 50%
}

.blog-box-layout1:hover:before {
    visibility: visible;
    opacity: 1;
    height: 30%
}

.blog-box-layout1:hover .hover-border:after {
    visibility: visible;
    opacity: 1;
    width: 50%
}

.blog-box-layout1:hover .hover-border:before {
    visibility: visible;
    opacity: 1;
    height: 30%
}

.blog-box-layout2 {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout2 .item-img a img {
    border-radius: 6px 6px 0 0
}

.blog-box-layout2 .item-content {
    padding: 4.5rem 4rem 4rem;
    position: relative
}

.blog-box-layout2 .item-content .item-category {
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    padding: 5px 30px;
    position: absolute;
    top: -21px;
    left: 4rem
}

.blog-box-layout2 .item-content .item-title {
    font-weight: 600
}

.blog-box-layout2 .item-content .item-title a {
    color: #343434;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout2 .item-content .item-title a:hover {
    color: #001ea2
}

.blog-box-layout2 .item-content .entry-meta {
    margin-bottom: 2.2rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9
}

.blog-box-layout2 .item-content .entry-meta li {
    display: inline-block;
    margin-right: 22px;
    margin-bottom: 8px;
    font-size: 15px
}

.blog-box-layout2 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout2 .item-content .entry-meta li i {
    color: #0f3baa;
    font-size: 18px;
    margin-right: 10px
}

.blog-box-layout2 .item-content .action-area {
    display: flex;
    justify-content: space-between
}

.blog-box-layout2 .item-content .action-area .item-btn {
    color: #07249e;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout2 .item-content .action-area .item-btn i {
    color: #ff5c17;
    margin-left: 8px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout2 .item-content .action-area .item-btn:hover {
    color: #ff5c17
}

.blog-box-layout2 .item-content .action-area .item-btn:hover i {
    color: #07249e
}

.blog-box-layout2 .item-content .action-area .item-comment {
    color: #07249e;
    font-size: 15px
}

.blog-box-layout2 .item-content .action-area .item-comment i {
    color: #3772fb;
    margin-right: 8px
}

.blog-box-layout2:hover {
    box-shadow: 0 25px 50px 0 rgba(33,30,30,.2)
}

.blog-box-layout3 {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout3 .item-content {
    padding: 4rem 4rem 3.2rem;
    position: relative
}

.blog-box-layout3 .item-content .item-category {
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    padding: 5px 30px;
    margin-bottom: 20px
}

.blog-box-layout3 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 14px
}

.blog-box-layout3 .item-content .item-title a {
    color: #343434;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout3 .item-content .item-title a:hover {
    color: #001ea2
}

.blog-box-layout3 .item-content .entry-meta {
    margin-bottom: 2.2rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9
}

.blog-box-layout3 .item-content .entry-meta li {
    display: inline-block;
    margin-right: 22px;
    margin-bottom: 8px;
    font-size: 15px
}

.blog-box-layout3 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout3 .item-content .entry-meta li i {
    color: #0f3baa;
    font-size: 18px;
    margin-right: 10px
}

.blog-box-layout3 .item-content .action-area {
    display: flex;
    justify-content: space-between
}

.blog-box-layout3 .item-content .action-area .item-btn {
    color: #07249e;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout3 .item-content .action-area .item-btn i {
    color: #ff5c17;
    margin-left: 8px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout3 .item-content .action-area .item-btn:hover {
    color: #ff9317
}

.blog-box-layout3 .item-content .action-area .item-btn:hover i {
    color: #07249e
}

.blog-box-layout3 .item-content .action-area .item-comment {
    color: #07249e;
    font-size: 15px
}

.blog-box-layout3 .item-content .action-area .item-comment i {
    color: #3772fb;
    margin-right: 8px
}

.blog-box-layout3:hover {
    box-shadow: 0 25px 50px 0 rgba(33,30,30,.2)
}

.blog-box-layout4 .item-img {
    overflow: hidden
}

.blog-box-layout4 .item-img a {
    display: inline-block
}

.blog-box-layout4 .item-img a img {
    border-radius: 4px;
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout4 .item-content .entry-meta {
    margin-bottom: 10px
}

.blog-box-layout4 .item-content .entry-meta li {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 5px;
    font-size: 15px
}

.blog-box-layout4 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout4 .item-content .entry-meta li i {
    color: #001ea2;
    margin-right: 10px
}

.blog-box-layout4 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 15px
}

.blog-box-layout4 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout4 .item-content .item-title a:hover {
    color: #001ea2
}

.blog-box-layout4:hover .item-img img {
    transform: scale(1.1)
}

.blog-box-layout5 {
    margin-bottom: 30px
}

.blog-box-layout5 .item-img {
    margin-bottom: 16px;
    overflow: hidden
}

.blog-box-layout5 .item-img a {
    display: block
}

.blog-box-layout5 .item-img a img {
    border-radius: 4px;
    transform: scale(1) rotate(0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout5 .item-content .entry-meta {
    margin-bottom: 5px
}

.blog-box-layout5 .item-content .entry-meta li {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 15px
}

.blog-box-layout5 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout5 .item-content .entry-meta li i {
    color: #07249e;
    margin-right: 10px
}

.blog-box-layout5 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 12px
}

.blog-box-layout5 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout5 .item-content .item-title a:hover {
    color: #001ea2
}

.blog-box-layout5:hover .item-img a img {
    transform: scale(1.1) rotate(3deg)
}

.blog-box-layout6 .media {
    margin-bottom: 18px
}

.blog-box-layout6 .media .item-img {
    overflow: hidden;
    margin-top: 6px
}

@media only screen and (max-width: 767px) {
    .blog-box-layout6 .media .item-img {
        text-align:center
    }
}

.blog-box-layout6 .media .item-img a {
    display: block
}

.blog-box-layout6 .media .item-img a img {
    border-radius: 4px;
    width: auto
}

@media only screen and (max-width: 767px) {
    .blog-box-layout6 .media .media-body {
        text-align:center
    }
}

.blog-box-layout6 .media .media-body .entry-meta li {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 12px;
    font-size: 15px
}

.blog-box-layout6 .media .media-body .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout6 .media .media-body .entry-meta li i {
    color: #07249e;
    margin-right: 10px
}

.blog-box-layout6 .media .media-body .item-title {
    font-weight: 600;
    margin-bottom: 10px
}

.blog-box-layout6 .media .media-body .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout6 .media .media-body .item-title a:hover {
    color: #001ea2
}

.blog-box-layout6 .media .media-body p {
    margin-bottom: 0
}

.blog-box-layout7 {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout7 .item-img {
    overflow: hidden
}

.blog-box-layout7 .item-img a img {
    border-radius: 6px 6px 0 0;
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout7 .item-content {
    padding: 4.5rem 3.5rem 2.2rem;
    border: 1px solid #e1e1e1;
    border-radius: 0 0 4px 4px;
    border-top: none;
    position: relative
}

.blog-box-layout7 .item-content .item-category {
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    padding: 5px 30px;
    position: absolute;
    top: -21px;
    left: 4rem
}

@media only screen and (max-width: 991px) {
    .blog-box-layout7 .item-content .item-category {
        padding:5px 20px;
        font-size: 14px
    }
}

.blog-box-layout7 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 10px
}

.blog-box-layout7 .item-content .item-title a {
    color: #343434;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout7 .item-content .item-title a:hover {
    color: #000
}

.blog-box-layout7 .item-content .entry-meta {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d9d9
}

.blog-box-layout7 .item-content .entry-meta li {
    display: inline-block;
    margin-right: 22px;
    margin-bottom: 10px;
    font-size: 15px
}

.blog-box-layout7 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.blog-box-layout7 .item-content .entry-meta li i {
    color: #0f3baa;
    margin-right: 10px
}

.blog-box-layout7 .item-content .action-area {
    display: flex;
    justify-content: space-between
}

.blog-box-layout7 .item-content .action-area .item-btn {
    color: #07249e;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout7 .item-content .action-area .item-btn i {
    color: #ff5c17;
    margin-left: 8px
}

.blog-box-layout7 .item-content .action-area .item-btn:hover i {
    animation: headShake .5s
}

@media only screen and (max-width: 767px) {
    .blog-box-layout7 .item-content .action-area .item-btn {
        font-size:15px
    }
}

.blog-box-layout7 .item-content .action-area .item-comment {
    color: #07249e;
    font-size: 15px
}

.blog-box-layout7 .item-content .action-area .item-comment i {
    color: #3772fb;
    margin-right: 8px
}

.blog-box-layout7:hover .item-img a img {
    transform: scale(1.1)
}

.single-blog-box-layout1 .post-img img {
    border-radius: 4px
}

.single-blog-box-layout1 .item-content {
    padding: 40px 0 0;
    position: relative
}

.single-blog-box-layout1 .item-content .post-tag {
    display: inline-block;
    border-radius: 4px;
    padding: 5px 30px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: -21px;
    left: 30px
}

@media only screen and (max-width: 991px) {
    .single-blog-box-layout1 .item-content .post-tag {
        padding:5px 20px
    }
}

.single-blog-box-layout1 .item-content .item-title {
    font-weight: 600;
    color: #111;
    margin-bottom: 30px;
    line-height: 36px
}

@media only screen and (max-width: 991px) {
    .single-blog-box-layout1 .item-content .item-title {
        margin-bottom:28px
    }
}

.single-blog-box-layout1 .item-content .entry-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 12px;
    margin-bottom: 24px
}

@media only screen and (max-width: 1199px) {
    .single-blog-box-layout1 .item-content .entry-content {
        display:block
    }
}

@media only screen and (max-width: 1199px) {
    .single-blog-box-layout1 .item-content .entry-content .entry-meta {
        margin-bottom:10px
    }
}

.single-blog-box-layout1 .item-content .entry-content .entry-meta li {
    display: inline-block;
    margin-right: 22px;
    margin-bottom: 10px;
    font-size: 15px
}

.single-blog-box-layout1 .item-content .entry-content .entry-meta li:last-child {
    margin-right: 0
}

.single-blog-box-layout1 .item-content .entry-content .entry-meta li i {
    font-size: 16px;
    color: #001ea2;
    margin-right: 10px
}

.single-blog-box-layout1 .item-content .entry-content .item-social li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 10px
}

.single-blog-box-layout1 .item-content .entry-content .item-social li:last-child {
    margin-right: 0
}

.single-blog-box-layout1 .item-content .entry-content .item-social li a {
    text-align: center;
    width: 40px;
    display: block;
    font-size: 14px;
    color: #fff;
    background-color: #e7e7e7;
    border-radius: 4px;
    padding: 5px 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-blog-box-layout1 .item-content blockquote {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #111;
    font-style: italic;
    padding: 30px 50px 10px;
    line-height: 38px;
    position: relative
}

.single-blog-box-layout1 .item-content blockquote:after {
    content: "“";
    font-size: 25rem;
    font-family: Poppins,sans-serif;
    color: #ededed;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 1;
    z-index: -1
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout1 .item-content blockquote {
        padding:30px 10px 10px;
        font-size: 18px
    }

    .single-blog-box-layout1 .item-content blockquote:after {
        top: 10px
    }
}

.single-blog-box-layout1 .item-content .quote-author {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px
}

.single-blog-box-layout1 .item-content .others-info {
    margin-top: 6rem
}

.single-blog-box-layout1 .item-content .others-info .info-content {
    margin-bottom: 55px
}

@media only screen and (max-width: 1199px) {
    .single-blog-box-layout1 .item-content .others-info .info-content {
        margin-bottom:40px
    }
}

.single-blog-box-layout1 .item-content .others-info .info-content .item-title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .single-blog-box-layout1 .item-content .others-info .info-content .item-title {
        font-size:22px
    }
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout1 .item-content .others-info .info-content .item-title {
        font-size:20px
    }
}

.single-blog-box-layout1 .item-content .others-info .info-content .list-item {
    padding: 5px 35px 15px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout1 .item-content .others-info .info-content .list-item {
        padding:5px 0 15px
    }
}

.single-blog-box-layout1 .item-content .others-info .info-content .list-item li {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 12px;
    padding-left: 35px;
    position: relative
}

.single-blog-box-layout1 .item-content .others-info .info-content .list-item li i {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 20px;
    color: #ff9317
}

.single-blog-box-layout1 .item-content .others-info .item-img {
    margin-bottom: 5.5rem
}

@media only screen and (max-width: 1199px) {
    .single-blog-box-layout1 .item-content .others-info .item-img {
        text-align:center
    }
}

.single-blog-box-layout1 .item-content .others-info .item-img img {
    border-radius: 4px
}

.single-blog-box-layout1 .item-tag {
    border-top: 1px solid #dcdcdc;
    padding: 35px 0 25px
}

.single-blog-box-layout1 .item-tag ul li {
    display: inline-block;
    margin-bottom: 10px
}

.single-blog-box-layout1 .item-tag ul li i {
    font-size: 18px;
    color: #001ea2;
    margin-right: 8px
}

.single-blog-box-layout1 .item-tag ul li a {
    padding: 5px;
    color: #444;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-blog-box-layout1 .item-tag ul li a:hover {
    color: #111
}

.single-blog-box-layout1 .blog-author {
    background-color: #f8f8f8;
    padding: 50px 40px 22px 65px;
    border-radius: 4px;
    margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout1 .blog-author {
        padding:50px 20px
    }
}

.single-blog-box-layout1 .blog-author .media {
    position: relative
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout1 .blog-author .media {
        text-align:center
    }
}

.single-blog-box-layout1 .blog-author .media .item-img img {
    border-radius: 50%
}

.single-blog-box-layout1 .blog-author .media .media-body .item-title {
    font-weight: 600;
    margin-bottom: 0
}

.single-blog-box-layout1 .blog-author .media .media-body .item-subtitle {
    color: #444;
    margin-bottom: 15px
}

.single-blog-box-layout1 .blog-author .media .media-body .item-social {
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout1 .blog-author .media .media-body .item-social {
        position:relative
    }
}

.single-blog-box-layout1 .blog-author .media .media-body .item-social li {
    display: inline-block
}

.single-blog-box-layout1 .blog-author .media .media-body .item-social li a {
    text-align: center;
    display: block;
    height: 38px;
    width: 38px;
    line-height: 38px;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-blog-box-layout1 .blog-author .media .media-body .item-social li a:hover {
    background-color: #ff9317!important
}

.single-blog-box-layout1 .blog-comment {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 45px
}

.single-blog-box-layout1 .blog-comment .media {
    position: relative;
    margin-bottom: 10px
}

.single-blog-box-layout1 .blog-comment .media:last-child {
    margin-bottom: 0
}

.single-blog-box-layout1 .blog-comment .media:nth-child(odd) {
    padding-left: 30px
}

.single-blog-box-layout1 .blog-comment .media .item-img {
    margin-top: 6px
}

.single-blog-box-layout1 .blog-comment .media .item-img img {
    border-radius: 50%
}

.single-blog-box-layout1 .blog-comment .media .media-body .item-title {
    margin-bottom: 0;
    font-weight: 600
}

.single-blog-box-layout1 .blog-comment .media .media-body .item-date {
    font-size: 15px;
    color: #444;
    margin-bottom: 8px
}

.single-blog-box-layout1 .blog-comment .media .media-body .item-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    color: #07249e;
    padding: 5px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-blog-box-layout1 .blog-comment .media .media-body .item-btn:hover {
    color: #111
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout1 .blog-comment .media {
        text-align:center;
        margin-bottom: 30px
    }

    .single-blog-box-layout1 .blog-comment .media:nth-child(odd) {
        padding-left: 0
    }

    .single-blog-box-layout1 .blog-comment .media .media-body .item-btn {
        position: relative
    }
}

.brand-wrap-layout1 {
    padding: 2rem 0
}

.brand-wrap-layout2 {
    padding: 5rem 0;
    background-color: #f2f2f2
}

.brand-wrap-layout3 {
    padding: 2rem 0
}

.brand-box-layout1 {
    margin: 10px;
    padding: 30px 20px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.brand-box-layout1 .item-img {
    cursor: move;
    filter: grayscale(100%);
    text-align: center
}

.brand-box-layout1 .item-img img {
    width: auto;
    display: inline-block
}

.brand-box-layout1:hover {
    background-color: #fff;
    box-shadow: 0 0 20px 0 #dfdfdf
}

.brand-box-layout1:hover .item-img {
    filter: grayscale(0)
}

.action-wrap-layout1 {
    padding: 11.5rem 0 10.5rem
}

.action-wrap-layout2 {
    padding: 11.5rem 0 12rem;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.action-wrap-layout3 {
    padding: 7.5rem 0 6rem;
    position: relative;
    overflow: hidden;
    background-color: #001ea2
}

.action-box-layout1 .contact-form-box .form-group {
    margin-bottom: 15px
}

.action-box-layout1 .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.action-box-layout1 .contact-form-box .form-group input.form-control::-webkit-input-placeholder,.action-box-layout1 .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
    color: #8c8c8c
}

.action-box-layout1 .contact-form-box .form-group .form-control {
    font-size: 16px;
    padding: 10px 30px;
    border-color: #dfdfdf;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    color: #111;
    border-radius: 6px
}

@media only screen and (max-width: 991px) {
    .action-box-layout1 .contact-form-box .form-group .form-control {
        font-size:14px
    }
}

.action-box-layout1 .contact-form-box .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.action-box-layout1 .contact-form-box .form-group input {
    height: 54px
}

.action-box-layout2 {
    text-align: center
}

.action-box-layout2 .item-subtitle {
    color: #fff;
    margin-bottom: 20px
}

.action-box-layout2 .item-title {
    color: #fff;
    font-weight: 600
}

.action-box-layout3 {
    display: flex;
    justify-content: space-between
}

.action-box-layout3 .item-title {
    width: 60%;
    font-weight: 600;
    color: #fff
}

@media only screen and (max-width: 991px) {
    .action-box-layout3 {
        display:block;
        text-align: center
    }

    .action-box-layout3 .item-title {
        width: 100%
    }
}

.contact-info-wrap-layout1 {
    padding: 5rem 0;
    background-color: #07249e
}

@media only screen and (max-width: 767px) {
    .contact-info-wrap-layout1 {
        padding:5rem 0 2rem
    }
}

.contact-info-box-layout1 .media {
    align-items: center
}

.contact-info-box-layout1 .media .item-icon {
    background-color: #fff;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    line-height: 55px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.contact-info-box-layout1 .media .item-icon i:before {
    font-size: 24px;
    font-weight: 600;
    color: #ff9317
}

.contact-info-box-layout1 .media .media-body .item-title {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 2px
}

@media only screen and (max-width: 1199px) {
    .contact-info-box-layout1 .media .media-body .item-title {
        font-size:22px
    }
}

.contact-info-box-layout1 .media .media-body .item-subtitle {
    color: #fff
}

.contact-info-box-layout1:hover .media .item-icon {
    background-color: #ff9317
}

.contact-info-box-layout1:hover .media .item-icon i:before {
    color: #fff
}

@media only screen and (max-width: 991px) {
    .contact-info-box-layout1 {
        text-align:center
    }

    .contact-info-box-layout1 .media .item-icon {
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .contact-info-box-layout1 .media {
        margin-bottom:3rem
    }
}

.contact-form-wrap-layout1 {
    padding: 11rem 0 12rem
}

.contact-form-box-layout1 .contact-form-box .form-group {
    margin-bottom: 16px
}

.contact-form-box-layout1 .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.contact-form-box-layout1 .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 16px;
    color: #646464;
    padding: 20px
}

.contact-form-box-layout1 .contact-form-box .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.contact-form-box-layout1 .contact-form-box .form-group input {
    height: 54px
}

.contact-form-box-layout1 .contact-form-box .form-group .form-btn {
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    padding: 10px 35px;
    border: 1px solid #ff9317;
    cursor: pointer;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contact-form-box-layout1 .contact-form-box .form-group .form-btn:focus {
    outline: 0
}

.contact-form-box-layout1 .contact-form-box .form-group .form-btn:after {
    content: "";
    height: 100%;
    width: 0;
    background: -webkit-gradient(linear,left top,right top,from(#ff9317),to(#ff5917));
    background: -webkit-linear-gradient(left,#ff9317,#ff5917);
    background: -o-linear-gradient(left,#ff9317,#ff5917);
    background: linear-gradient(to right,#ff9317,#ff5917);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.contact-form-box-layout1 .contact-form-box .form-group .form-btn:hover {
    color: #fff
}

.contact-form-box-layout1 .contact-form-box .form-group .form-btn:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .contact-form-box-layout1 .contact-form-box .form-group .form-btn {
        padding:10px 25px;
        font-weight: 500
    }
}

.contact-page-wrap-layout1 {
    padding: 12rem 0
}

.contact-page-box-layout1 .google-map-area {
    margin-bottom: 7.6rem
}

.contact-page-box-layout1 .contact-list .media {
    align-items: center;
    margin-bottom: 35px
}

.contact-page-box-layout1 .contact-list .media .item-icon {
    text-align: center;
    height: 75px;
    width: 75px;
    line-height: 75px;
    border-radius: 50%;
    background-color: #f2f2f2
}

.contact-page-box-layout1 .contact-list .media .item-icon i:before {
    font-size: 24px;
    color: #444;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .contact-page-box-layout1 .contact-list .media .item-icon {
        height:70px;
        width: 70px;
        line-height: 70px
    }

    .contact-page-box-layout1 .contact-list .media .item-icon i:before {
        font-size: 20px
    }
}

.contact-page-box-layout1 .contact-list .media .media-body .item-title {
    font-weight: 600;
    color: #07249e;
    margin-bottom: 7px
}

@media only screen and (max-width: 991px) {
    .contact-page-box-layout1 .contact-list {
        margin-bottom:50px
    }
}

.case-study-wrap-layout1 {
    padding: 11.2rem 0 9rem
}

.case-study-wrap-layout2 {
    padding: 11.4rem 0 9rem
}

.case-study-wrap-layout3 {
    padding: 11.4rem 0 12rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.case-study-wrap-layout4 {
    padding: 0 0 8.2rem
}

.case-study-wrap-layout5 {
    padding: 11.2rem 0 12rem
}

.case-study-wrap-layout6 {
    padding: 11.2rem 0 12rem
}

.case-study-wrap-layout7 {
    padding: 11.4rem 0 7.6rem
}

.case-study-wrap-layout8 {
    padding: 12rem 0
}

.single-case-wrap-layout1 {
    padding: 11.5rem 0 12rem
}

.single-case-wrap-layout2 {
    padding: 11.5rem 0 6rem
}

.single-case-wrap-layout3 {
    padding-bottom: 12rem
}

.single-case-wrap-layout4 {
    padding: 3rem 0 12rem
}

.single-case-wrap-layout5 {
    padding: 12rem 0
}

.case-study-box-layout1 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    border-radius: 6px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout1 .item-img {
    overflow: hidden
}

.case-study-box-layout1 .item-img img {
    border-radius: 6px 6px 0 0;
    transform: scale(1) translateZ(0);
    transition: transform 3s cubic-bezier(.2,.96,.34,1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout1 .item-content {
    padding: 24px 30px 22px;
    position: relative;
    z-index: 2
}

.case-study-box-layout1 .item-content:after {
    content: "";
    height: 3%;
    width: 100%;
    background-color: #07249e;
    border-radius: 0 0 6px 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout1 .item-content .item-title {
    margin-bottom: 10px
}

.case-study-box-layout1 .item-content .item-title a {
    color: #111;
    font-weight: 600;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout1 .item-content p {
    margin-bottom: 14px
}

.case-study-box-layout1 .item-content .item-btn {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    color: #07249e;
    margin-bottom: 5px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout1 .item-content .item-btn i {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-left: 10px
}

.case-study-box-layout1:hover {
    -webkit-box-shadow: 0 25px 50px 0 rgba(33,30,30,.2);
    box-shadow: 0 25px 50px 0 rgba(33,30,30,.2)
}

.case-study-box-layout1:hover .item-img img {
    transform: scale(1.05) translateZ(0)
}

.case-study-box-layout1:hover .item-content:after {
    height: 100%
}

.case-study-box-layout1:hover .item-content .item-title {
    animation: toBottomFromTop30 .5s forwards
}

.case-study-box-layout1:hover .item-content .item-title a {
    color: #fff
}

.case-study-box-layout1:hover .item-content .item-title a:hover {
    color: #ccc
}

.case-study-box-layout1:hover .item-content p {
    animation: toBottomFromTop30 .5s forwards;
    color: #fff
}

.case-study-box-layout1:hover .item-content .item-btn {
    color: #fff
}

.case-study-box-layout1:hover .item-content .item-btn i {
    color: #ff9317
}

.case-study-box-layout1:hover .item-content .item-btn:hover {
    color: #ccc
}

.case-study-box-layout2 {
    margin-bottom: 30px
}

.case-study-box-layout2 .item-content {
    position: relative;
    margin-bottom: 55px;
    padding: 38px 40px 14px;
    text-align: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 15px 50px 0 rgba(33,30,30,.2);
    z-index: 2
}

.case-study-box-layout2 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 10px
}

.case-study-box-layout2 .item-content .item-title a {
    color: #343434;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout2 .item-content:before {
    content: "";
    width: 100%;
    height: 5%;
    border-radius: 6px 6px 0 0;
    background: linear-gradient(to right,#54b046,#083101);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout2 .item-content:after {
    content: "";
    height: 0;
    width: 0;
    border-top: 25px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    bottom: -25px;
    right: 0;
    left: 0;
    margin: auto
}

.case-study-box-layout2 .item-img {
    text-align: center
}

.case-study-box-layout2 .item-img img {
    border-radius: 50%;
    border: 10px solid #2142c1;
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout2:hover .item-content .item-title a {
    color: #fff
}

.case-study-box-layout2:hover .item-content .item-title a:hover {
    color: #000
}

.case-study-box-layout2:hover .item-content p {
    color: #fff
}

.case-study-box-layout2:hover .item-content:before {
    height: 100%
}

.case-study-box-layout2:hover .item-content:after {
    border-top-color: #ff7617;
    transition-delay: .3s
}

.case-study-box-layout2:hover .item-img img {
    border-color: #ff9317;
    transform: scale(1.05)
}

.case-study-box-layout3 {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(214,214,214,.75);
    padding: 30px 30px;
    margin-bottom: 30px
}

.case-study-box-layout3 .item-img {
    margin-bottom: 22px;
    overflow: hidden
}

.case-study-box-layout3 .item-img img {
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout3 .item-content .item-subtitle {
    margin-bottom: 4px
}

.case-study-box-layout3 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 18px;
    position: relative
}

.case-study-box-layout3 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout3 .item-content .item-title a:hover {
    color: #07249e
}

.case-study-box-layout3 .item-content .item-title:after {
    content: "";
    height: 4px;
    width: 65px;
    background-color: #e4eff6;
    position: absolute;
    bottom: 0;
    left: 0
}

.case-study-box-layout3 .item-content .item-title:before {
    content: "";
    height: 4px;
    width: 0;
    background-color: #001ea2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout3:hover .item-img img {
    transform: scale(1.1)
}

.case-study-box-layout3:hover .item-content .item-title:before {
    width: 65px
}

.case-study-box-layout4 {
    background-color: #fff;
    box-shadow: 0 2px 10px 0 #cfe0ea;
    border-radius: 4px;
    margin-bottom: 30px
}

.case-study-box-layout4 .item-img {
    overflow: hidden
}

.case-study-box-layout4 .item-img img {
    border-radius: 4px 4px 0 0;
    transform: scale(1) rotate(0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout4 .item-content {
    text-align: center;
    padding: 25px 20px 20px
}

.case-study-box-layout4 .item-content .item-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px
}

.case-study-box-layout4 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout4 .item-content .item-title a:hover {
    color: #001ea2
}

.case-study-box-layout4:hover .item-img img {
    transform: scale(1.1) rotate(-3deg)
}

.case-study-box-layout5 {
    margin-bottom: 40px
}

.case-study-box-layout5 .item-img {
    margin-bottom: 25px;
    border-radius: 4px;
    overflow: hidden
}

.case-study-box-layout5 .item-img img {
    border-radius: 4px;
    transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout5 .item-content .item-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px
}

.case-study-box-layout5 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout5 .item-content .item-title a:hover {
    color: #001ea2
}

@media only screen and (max-width: 991px) {
    .case-study-box-layout5 .item-content .item-title {
        font-size:22px
    }
}

@media only screen and (max-width: 575px) {
    .case-study-box-layout5 .item-content .item-title {
        font-size:20px
    }
}

.case-study-box-layout5 .item-content .item-tag a {
    display: inline-block;
    border: 1px solid #001ea2;
    border-radius: 4px;
    padding: 0 10px;
    color: #0223a3;
    font-size: 14px;
    margin: 0 5px 5px 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.case-study-box-layout5 .item-content .item-tag a:hover {
    color: #fff;
    background-color: #001ea2
}

.case-study-box-layout5:hover .item-img img {
    transform: scale(1.1)
}

.case-study-box-layout6 {
    margin-bottom: 35px
}

.case-study-box-layout6 .item-img {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout6 .item-img img {
    border-radius: 4px;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout6 .item-img .hover-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout6 .item-img .hover-icon a {
    font-size: 24px;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout6 .item-img .hover-icon a:hover {
    color: #001ea2
}

.case-study-box-layout6 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear,left top,right top,from(#ff5917),to(#ff9317));
    background: -webkit-linear-gradient(left,#54b046,#083101);
    background: -o-linear-gradient(left,#54b046,#083101);
    background: linear-gradient(to right,#54b046,#083101);
    border-radius: 4px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transform: scale(.5);
    color: #fff;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout6 .item-content .item-title {
    font-weight: 700;
    margin-bottom: 6px
}

.case-study-box-layout6 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout6 .item-content .item-title a:hover {
    color: #001ea2
}

.case-study-box-layout6 .item-content .item-subtitle {
    color: #0223a3
}

.case-study-box-layout6:hover .item-img {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.4)
}

.case-study-box-layout6:hover .item-img img {
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1)
}

.case-study-box-layout6:hover .item-img .hover-icon {
    -webkit-transform: scale3d(1.6,1.6,1);
    transform: scale3d(1.6,1.6,1);
    visibility: visible;
    opacity: 1
}

.case-study-box-layout6:hover .item-img:after {
    transform: scale(1);
    visibility: visible;
    opacity: .9
}

.case-study-box-layout7 {
    margin-bottom: 3px
}

.case-study-box-layout7 .item-img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout7 .item-img img {
    border-radius: 4px;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout7 .item-img .hover-icon {
    position: absolute;
    bottom: 0;
    right: 20px;
    z-index: 3;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout7 .item-img .hover-icon a {
    font-size: 20px;
    color: #001ea2;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 16px;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout7 .item-img .hover-icon a:hover {
    background-color: #001ea2;
    color: #fff
}

@media only screen and (max-width: 479px) {
    .case-study-box-layout7 .item-img .hover-icon {
        display:none
    }
}

.case-study-box-layout7 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(to right,#54b046,#083101);
    border-radius: 4px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transform: scale(.5);
    color: #fff;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-study-box-layout7 .item-img .item-content {
    position: absolute;
    bottom: 10px;
    left: -20px;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    width: 68%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 1199px) {
    .case-study-box-layout7 .item-img .item-content {
        width:60%
    }
}

.case-study-box-layout7 .item-img .item-content .item-title a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 600;
    color: #fff
}

.case-study-box-layout7 .item-img .item-content .item-title a:hover {
    color: #001ea2
}

.case-study-box-layout7:hover .item-img img {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.case-study-box-layout7:hover .item-img .hover-icon {
    visibility: visible;
    opacity: 1;
    bottom: 20px;
    transition-delay: .3s
}

.case-study-box-layout7:hover .item-img:after {
    transform: scale(1);
    visibility: visible;
    opacity: .9
}

.case-study-box-layout7:hover .item-img .item-content {
    left: 20px;
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width: 991px) {
    .single-case-box-layout1 .item-img {
        margin-bottom:30px
    }
}

.single-case-box-layout1 .item-content .item-title {
    font-weight: 600;
    color: #111
}

.single-case-box-layout1 .item-content .item-table {
    width: 70%
}

@media only screen and (max-width: 1199px) {
    .single-case-box-layout1 .item-content .item-table {
        width:100%
    }
}

.single-case-box-layout1 .item-content .item-table tbody tr td {
    border: none;
    font-size: 18px;
    color: #111;
    padding: 6px
}

.single-case-box-layout1 .item-content .item-table tbody tr td .item-social li {
    display: inline-block;
    margin-right: 15px
}

.single-case-box-layout1 .item-content .item-table tbody tr td .item-social li:last-child {
    margin-right: 0
}

.single-case-box-layout1 .item-content .item-table tbody tr td .item-social li a {
    font-size: 16px;
    color: #001ea2;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-case-box-layout1 .item-content .item-table tbody tr td .item-social li a:hover {
    color: #111
}

.single-case-box-layout2 .single-item-details {
    margin-bottom: 5rem
}

.single-case-box-layout2 .single-item-details>.item-title {
    font-weight: 600;
    color: #111;
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 22px
}

.single-case-box-layout2 .single-item-details>.item-title:after {
    content: "";
    height: 4px;
    width: 43px;
    background-color: #ff9317;
    position: absolute;
    bottom: 0;
    left: 0
}

.single-case-box-layout2 .single-item-details p {
    margin-bottom: 25px
}

.single-case-box-layout2 .single-item-details .single-item-service {
    margin-bottom: 40px
}

.single-case-box-layout2 .single-item-details .single-item-service .item-img {
    margin-top: 6px
}

@media only screen and (max-width: 1199px) {
    .single-case-box-layout2 .single-item-details .single-item-service .item-img {
        text-align:center
    }
}

.single-case-box-layout2 .single-item-details .single-item-service .item-img img {
    border-radius: 4px
}

.single-case-box-layout2 .single-item-details .single-item-service .process-content .item-title {
    font-size: 24px;
    color: #111;
    font-weight: 600;
    margin-bottom: 16px
}

.single-case-box-layout2 .single-item-details .single-item-service .process-content .item-list li {
    font-weight: 500;
    color: #111;
    padding-left: 30px;
    margin-bottom: 5px;
    position: relative
}

.single-case-box-layout2 .single-item-details .single-item-service .process-content .item-list li:last-child {
    margin-bottom: 0
}

.single-case-box-layout2 .single-item-details .single-item-service .process-content .item-list li i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #0e3aaa
}

.single-case-box-layout2 .single-item-details .single-item-service .service-content {
    margin-top: 10px
}

.single-case-box-layout2 .single-item-details .single-item-service .service-content .media {
    margin-bottom: 20px;
    flex-direction: row-reverse
}

@media only screen and (max-width: 1199px) {
    .single-case-box-layout2 .single-item-details .single-item-service .service-content .media {
        flex-direction:inherit
    }
}

.single-case-box-layout2 .single-item-details .single-item-service .service-content .media .media-body {
    text-align: right
}

@media only screen and (max-width: 1199px) {
    .single-case-box-layout2 .single-item-details .single-item-service .service-content .media .media-body {
        text-align:left
    }
}

@media only screen and (max-width: 575px) {
    .single-case-box-layout2 .single-item-details .single-item-service .service-content .media .media-body {
        text-align:center
    }
}

.single-case-box-layout2 .single-item-details .single-item-service .service-content .media .media-body .item-title {
    font-size: 20px;
    color: #111;
    font-weight: 600;
    margin-bottom: 6px
}

@media only screen and (max-width: 1199px) {
    .single-case-box-layout2 .single-item-details .single-item-service .service-content .media .media-body.mg-right {
        margin-left:3rem;
        margin-right: 0
    }
}

@media only screen and (max-width: 575px) {
    .single-case-box-layout2 .single-item-details .single-item-service .service-content .media .media-body.mg-right {
        margin-left:0
    }
}

.single-case-box-layout2 .single-item-details .single-item-service .service-content .media .item-icon {
    text-align: center;
    height: 90px;
    width: 90px;
    line-height: 90px;
    border-radius: 50%;
    margin: 0 auto
}

.single-case-box-layout2 .single-item-details .single-item-service .service-content .media .item-icon i:before {
    font-size: 46px;
    color: #fff
}

.single-case-box-layout3 .related-post-wrap {
    margin-bottom: 2.5rem
}

.single-case-box-layout3 .comment-wrap {
    padding-right: 10rem;
    margin-bottom: 5rem
}

@media only screen and (max-width: 767px) {
    .single-case-box-layout3 .comment-wrap {
        padding-right:0
    }
}

.single-case-box-layout3 .comment-wrap .media {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 32px
}

.single-case-box-layout3 .comment-wrap .media:nth-child(odd) {
    padding-left: 30px
}

.single-case-box-layout3 .comment-wrap .media:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.single-case-box-layout3 .comment-wrap .media .item-img {
    margin-top: 10px
}

.single-case-box-layout3 .comment-wrap .media .item-img img {
    border-radius: 50%
}

.single-case-box-layout3 .comment-wrap .media .media-body .item-title {
    font-weight: 600;
    color: #111;
    margin-bottom: 0
}

.single-case-box-layout3 .comment-wrap .media .media-body .item-date {
    color: #444;
    margin-bottom: 13px
}

.single-case-box-layout3 .comment-wrap .media .media-body p {
    margin-bottom: 15px
}

.single-case-box-layout3 .comment-wrap .media .media-body .item-btn {
    color: #646464;
    font-weight: 500;
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-case-box-layout3 .comment-wrap .media .media-body .item-btn i {
    color: #001ea2;
    margin-left: 10px
}

.single-case-box-layout3 .comment-wrap .media .media-body .item-btn:hover {
    color: #001ea2
}

@media only screen and (max-width: 575px) {
    .single-case-box-layout3 .comment-wrap .media {
        text-align:center
    }

    .single-case-box-layout3 .comment-wrap .media:nth-child(odd) {
        padding-left: 0
    }
}

.single-case-box-layout4 .item-carousel {
    margin-bottom: 30px
}

.single-case-box-layout4 .item-carousel .single-item img {
    border-radius: 4px
}

.single-case-box-layout4 .single-item-content {
    padding: 0 13rem
}

@media only screen and (max-width: 991px) {
    .single-case-box-layout4 .single-item-content {
        padding:0
    }
}

.single-case-box-layout4 .single-item-content .item-info {
    margin-bottom: 35px
}

.single-case-box-layout4 .single-item-content .item-info .list-item {
    display: inline-flex;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .single-case-box-layout4 .single-item-content .item-info .list-item {
        display:block
    }
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul {
    margin-right: 10rem
}

@media only screen and (max-width: 767px) {
    .single-case-box-layout4 .single-item-content .item-info .list-item>ul {
        margin-right:0
    }
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul:last-child {
    margin-right: 0
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul>li {
    display: flex;
    font-size: 18px;
    color: #111;
    font-weight: 600;
    margin-bottom: 12px
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul>li span {
    margin-left: 20px;
    font-weight: 400
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul>li .item-social {
    margin-left: 16px
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul>li .item-social li {
    display: inline-block;
    margin-right: 6px
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul>li .item-social li:last-child {
    margin-right: 0
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul>li .item-social li a {
    font-size: 16px;
    color: #001ea2;
    padding: 5px
}

.single-case-box-layout4 .single-item-content .item-info .list-item>ul>li .item-social li a:hover {
    color: #111
}

.single-case-box-layout4 .single-item-content .item-service {
    margin-bottom: 7rem
}

.single-case-box-layout4 .single-item-content .item-service .item-title {
    font-size: 24px;
    color: #111;
    font-weight: 600
}

@media only screen and (max-width: 991px) {
    .single-case-box-layout4 .single-item-content .item-service .item-title {
        font-size:22px
    }
}

@media only screen and (max-width: 767px) {
    .single-case-box-layout4 .single-item-content .item-service .item-title {
        font-size:20px
    }
}

.single-case-box-layout4 .single-item-content .item-service .service-item {
    display: inline-flex;
    margin-bottom: 15px
}

@media only screen and (max-width: 575px) {
    .single-case-box-layout4 .single-item-content .item-service .service-item {
        display:block
    }
}

.single-case-box-layout4 .single-item-content .item-service .service-item ul {
    margin-right: 14rem
}

@media only screen and (max-width: 575px) {
    .single-case-box-layout4 .single-item-content .item-service .service-item ul {
        margin-right:0
    }
}

.single-case-box-layout4 .single-item-content .item-service .service-item ul:last-child {
    margin-right: 0
}

.single-case-box-layout4 .single-item-content .item-service .service-item ul li {
    font-weight: 500;
    color: #111;
    padding-left: 33px;
    margin-bottom: 10px;
    position: relative
}

.single-case-box-layout4 .single-item-content .item-service .service-item ul li i {
    color: #001ea2;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.single-case-box-layout5 .item-img {
    margin-bottom: 26px
}

.single-case-box-layout5 .item-img img {
    border-radius: 4px
}

.single-case-box-layout5 .item-result {
    margin-top: 40px
}

.single-case-box-layout5 .item-result .item-title {
    font-size: 24px;
    color: #111;
    font-weight: 600;
    margin-bottom: 18px
}

@media only screen and (max-width: 991px) {
    .single-case-box-layout5 .item-result .item-title {
        font-size:22px
    }
}

.single-case-box-layout5 .item-result .traffic-chart-area {
    margin: 3rem 0 4.2rem;
    display: inline-flex;
    align-items: center
}

@media only screen and (max-width: 575px) {
    .single-case-box-layout5 .item-result .traffic-chart-area {
        display:block
    }
}

.single-case-box-layout5 .item-result .traffic-chart-area .doughnut-chart {
    margin-right: 6rem
}

@media only screen and (max-width: 575px) {
    .single-case-box-layout5 .item-result .traffic-chart-area .doughnut-chart {
        margin-right:0;
        margin-bottom: 30px
    }
}

.single-case-box-layout5 .item-result .traffic-chart-area .chart-content ul li {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

@media only screen and (max-width: 575px) {
    .single-case-box-layout5 .item-result .traffic-chart-area .chart-content ul li {
        justify-content:center
    }
}

.single-case-box-layout5 .item-result .traffic-chart-area .chart-content ul li:last-child {
    margin-bottom: 0
}

.single-case-box-layout5 .item-result .traffic-chart-area .chart-content ul li span {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 15px
}

.error-page-wrap-layout1 {
    padding: 15rem 0
}

.error-page-box-layout1 {
    text-align: center
}

.error-page-box-layout1 .error-img {
    margin-bottom: 55px
}

@media only screen and (max-width: 767px) {
    .error-page-box-layout1 .error-img {
        margin-bottom:40px
    }
}

.error-page-box-layout1 .item-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 30px
}

@media only screen and (max-width: 991px) {
    .error-page-box-layout1 .item-title {
        font-size:40px
    }
}

@media only screen and (max-width: 767px) {
    .error-page-box-layout1 .item-title {
        font-size:36px
    }
}

@media only screen and (max-width: 575px) {
    .error-page-box-layout1 .item-title {
        font-size:28px
    }
}

.error-page-box-layout1 .item-subtitle {
    font-size: 24px;
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .error-page-box-layout1 .item-subtitle {
        font-size:22px
    }
}

@media only screen and (max-width: 767px) {
    .error-page-box-layout1 .item-subtitle {
        font-size:20px
    }
}

.error-page-box-layout1 .item-btn {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #001ea2;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 14px 30px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.error-page-box-layout1 .item-btn:hover {
    background-color: #ff9317;
    color: #fff;
    border-color: #ff9317
}

@media only screen and (max-width: 767px) {
    .error-page-box-layout1 .item-btn {
        margin-bottom:40px;
        padding: 10px 20px;
        font-size: 15px
    }
}

.pricing-wrap-layout1 {
    padding: 11.4rem 0 9rem;
    background-color: #f8f8f8
}

.pricing-wrap-layout2 {
    padding: 11.2rem 0 9rem
}

@media only screen and (max-width: 991px) {
    .pricing-wrap-layout2 {
        padding:11.2rem 0 12rem
    }
}

.pricing-wrap-layout3 {
    padding: 11rem 0 9rem;
    background-color: #ecf6fc
}

.pricing-wrap-layout4 {
    padding-bottom: 9rem
}

.pricing-box-layout1 {
    margin-bottom: 30px;
    background-color: #fff;
    text-align: center;
    padding: 35px 20px 50px;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.pricing-box-layout1:after {
    content: "";
    height: 130px;
    width: 130px;
    border: 20px solid rgba(255,255,255,.1);
    border-radius: 50%;
    position: absolute;
    top: -35px;
    right: -30px
}

.pricing-box-layout1 .item-heading {
    margin-bottom: 80px
}

.pricing-box-layout1 .item-heading .item-title {
    color: #fff;
    margin-bottom: 18px;
    font-size: 18px
}

.pricing-box-layout1 .item-heading .item-price {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin-bottom: 5px
}

.pricing-box-layout1 .item-heading .item-duration {
    font-size: 18px;
    color: #fff
}

.pricing-box-layout1 .item-features {
    margin-bottom: 4.5rem
}

.pricing-box-layout1 .item-features li {
    color: #444;
    margin-bottom: 28px
}

.pricing-box-layout1 .item-features li:last-child {
    margin-bottom: 0
}

.pricing-box-layout1 .item-curved {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.pricing-box-layout1 .item-curved .svg-shape {
    border-radius: 6px 6px 0 0
}

@media only screen and (max-width: 1199px) {
    .pricing-box-layout1 .item-curved .svg-shape {
        height:240px
    }
}

.pricing-box-layout1 .item-curved .svg-shape .svg-color {
    fill: #07249e;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.pricing-box-layout1:hover {
    -webkit-box-shadow: 0 25px 50px 0 rgba(33,30,30,.2);
    box-shadow: 0 25px 50px 0 rgba(33,30,30,.2)
}

.pricing-box-layout1:hover .item-curved .svg-shape .svg-color {
    fill: #ff7917
}

.pricing-box-layout2 {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    border-radius: 4px;
    padding: 6rem 3rem 3rem;
    text-align: center;
    margin-top: 3rem
}

.pricing-box-layout2 .item-title {
    color: #07249e;
    font-weight: 600;
    margin-bottom: 10px
}

.pricing-box-layout2 .item-subtitle {
    font-size: 18px;
    color: #111;
    font-weight: 500;
    margin-bottom: 30px
}

.pricing-box-layout2 .item-features {
    margin-bottom: 50px
}

.pricing-box-layout2 .item-features li {
    color: #343434;
    font-weight: 500;
    margin-bottom: 20px
}

.pricing-box-layout2 .item-features li:last-child {
    margin-bottom: 0
}

.pricing-box-layout2 .item-features li i {
    color: #43a047;
    margin-right: 10px
}

.pricing-box-layout2 .item-bottom-content {
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgba(33,30,30,.2);
    padding: 4rem 5rem 3rem;
    border-radius: 6px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 1199px) {
    .pricing-box-layout2 .item-bottom-content {
        padding:4rem 2rem 3rem
    }
}

.pricing-box-layout2 .item-bottom-content .item-price {
    font-size: 50px;
    color: #111;
    font-weight: 700;
    margin-bottom: 10px
}

.pricing-box-layout2 .item-bottom-content .item-price span {
    font-size: 18px;
    color: #646464;
    font-weight: 400
}

.pricing-box-layout2:hover .item-bottom-content {
    background: -webkit-gradient(linear,left top,right top,from(#ff5917),to(#ff9317));
    background: -webkit-linear-gradient(left,#54b046,#083101);
    background: -o-linear-gradient(left,#54b046,#083101);
    background: linear-gradient(to right,#54b046,#083101)
}

.pricing-box-layout2:hover .item-bottom-content .item-price {
    color: #fff
}

.pricing-box-layout2:hover .item-bottom-content .item-price span {
    color: #fff
}

.pricing-box-layout2:hover .item-bottom-content .btn-fill {
    background: #fff;
    color: #111
}

.pricing-box-layout2:hover .item-bottom-content .btn-fill:hover {
    color: #fff
}

.pricing-box-layout2.popular-pricing {
    padding: 5rem 3rem 3rem;
    transform: translateY(-32px)
}

@media only screen and (max-width: 991px) {
    .pricing-box-layout2.popular-pricing {
        transform:translateY(0)
    }
}

.pricing-box-layout2.popular-pricing .item-tag {
    color: #fff;
    font-weight: 700;
    padding: 2px 20px;
    display: inline-block;
    border-radius: 6px;
    margin-bottom: 40px
}

.pricing-box-layout2.popular-pricing .item-bottom-content {
    background: -webkit-gradient(linear,left top,right top,from(#ff5917),to(#ff9317));
    background: -webkit-linear-gradient(left,#54b046,#083101);
    background: -o-linear-gradient(left,#54b046,#083101);
    background: linear-gradient(to right,#54b046,#083101)
}

.pricing-box-layout2.popular-pricing .item-bottom-content .item-price {
    color: #fff
}

.pricing-box-layout2.popular-pricing .item-bottom-content .item-price span {
    color: #fff
}

.pricing-box-layout2.popular-pricing .item-bottom-content .btn-fill {
    background: #fff;
    color: #111
}

.pricing-box-layout3 {
    background-color: #fff;
    box-shadow: 0 2px 10px 0 #cfe0ea;
    border-radius: 4px;
    padding: 56px 50px 60px;
    text-align: center;
    margin-bottom: 30px
}

@media only screen and (max-width: 575px) {
    .pricing-box-layout3 {
        padding:56px 30px 60px
    }
}

.pricing-box-layout3 .item-title {
    font-size: 24px;
    color: #001ea2;
    font-weight: 600;
    margin-bottom: 5px
}

.pricing-box-layout3 .item-subtitle {
    margin-bottom: 40px
}

.pricing-box-layout3 .item-price {
    position: relative;
    margin-bottom: 30px
}

.pricing-box-layout3 .item-price .currency {
    font-size: 30px;
    color: #a5a5a5;
    margin-right: 4px;
    position: relative;
    bottom: 7px
}

.pricing-box-layout3 .item-price .price {
    font-size: 72px;
    color: #000;
    font-weight: 700
}

@media only screen and (max-width: 1199px) {
    .pricing-box-layout3 .item-price .price {
        font-size:50px
    }
}

.pricing-box-layout3 .item-price .duration {
    color: #a5a5a5
}

.pricing-box-layout3 .item-features {
    margin-bottom: 35px
}

.pricing-box-layout3 .item-features li {
    color: #444;
    font-size: 18px;
    margin-bottom: 16px
}

.pricing-box-layout3 .item-features li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 1199px) {
    .pricing-box-layout3 .ghost-btn-2 {
        font-size:14px
    }
}

.pricing-box-layout4 {
    background-color: #fff;
    box-shadow: 0 2px 10px 0 #cfe0ea;
    border-radius: 4px;
    padding: 45px 50px 60px;
    text-align: center;
    margin-bottom: 30px
}

@media only screen and (max-width: 1199px) {
    .pricing-box-layout4 {
        padding:45px 30px 60px
    }
}

.pricing-box-layout4 .item-title {
    font-weight: 600;
    color: #111;
    letter-spacing: 1px
}

.pricing-box-layout4 .item-price-box {
    background-image: url('{{url("img/figure/shape.svg")}}');
    padding: 30px 40px 16px;
    display: inline-block;
    position: relative;
    margin-bottom: 22px
}

.pricing-box-layout4 .item-price-box .currency {
    font-weight: 300;
    color: #fff;
    font-size: 36px;
    vertical-align: top;
    margin-right: 5px
}

@media only screen and (max-width: 1199px) {
    .pricing-box-layout4 .item-price-box .currency {
        font-size:30px
    }
}

.pricing-box-layout4 .item-price-box .price {
    font-size: 72px;
    font-weight: 600;
    color: #fff;
    line-height: .7;
    margin-right: 5px
}

@media only screen and (max-width: 1199px) {
    .pricing-box-layout4 .item-price-box .price {
        font-size:42px
    }
}

.pricing-box-layout4 .item-price-box .cent {
    vertical-align: top;
    font-size: 24px;
    color: #fff;
    position: relative;
    top: -10px
}

.pricing-box-layout4 .item-price-box .duration {
    color: #fff;
    position: absolute;
    bottom: 17px;
    right: 20px
}

.pricing-box-layout4 .item-features li {
    font-size: 18px;
    color: #444;
    margin-bottom: 16px
}

.progress-wrap-layout1 {
    padding: 3rem 0 12rem;
    position: relative
}

.progress-wrap-layout1:after {
    content: url(img/figure/progress-bg.png);
    position: absolute;
    top: -21rem;
    right: 0;
    z-index: -1
}

@media only screen and (max-width: 991px) {
    .progress-box-layout1 {
        margin-bottom:40px
    }
}

.progress-box-layout1 .item-title {
    color: #111;
    font-weight: 600
}

.progress-box-layout1 .item-subtitle {
    font-size: 18px;
    color: #111;
    font-weight: 500;
    margin-bottom: 30px;
    padding-right: 4rem
}

.progress-box-layout1 .single-item {
    padding-right: 4rem
}

.progress-box-layout1 .single-item li {
    margin-bottom: 15px;
    padding-left: 35px;
    position: relative
}

.progress-box-layout1 .single-item li:after {
    content: "\f058";
    font-size: 24px;
    font-family: "Font Awesome 5 Free";
    color: #001ea2;
    font-weight: 600;
    position: absolute;
    top: 2px;
    left: 0
}

.progress-box-layout2 {
    padding-left: 3rem
}

@media only screen and (max-width: 991px) {
    .progress-box-layout2 {
        padding-left:0
    }
}

.progress-box-layout2 .item-img {
    position: relative;
    background-color: #fff;
    box-shadow: 0 14px 27px 0 rgba(217,230,238,.75);
    border-radius: 4px;
    padding: 30px
}

.progress-box-layout2 .item-img .bottom-img {
    position: absolute;
    bottom: -8.5rem;
    left: -9rem;
    background-color: #fff;
    box-shadow: 0 14px 27px 0 rgba(217,230,238,.75);
    border-radius: 4px
}

.progress-box-layout2 .item-img .bottom-img img {
    border-radius: 4px
}

@media only screen and (max-width: 991px) {
    .progress-box-layout2 .item-img .bottom-img {
        display:none
    }
}

.service-wrap-layout1 {
    padding: 11.4rem 0 9rem
}

.service-wrap-layout2 {
    position: relative;
    padding: 12rem 0 10.5rem;
    overflow: hidden;
    z-index: 2
}

.service-wrap-layout3 {
    padding: 12rem 0 2.2rem;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.service-wrap-layout4 {
    padding: 0 0 2rem
}
.service-wrap-layout4 p{
    /*font-size: 23px !important;*/
    /*line-height: 40.25px;*/

}
.service-wrap-layout4 .card-body p{
    font-size: 15px !important;
    line-height: 1.25px;

}
.service-wrap-layout4 strong{
    color: #2E5077;
}

@media only screen and (max-width: 991px) {
    .service-wrap-layout4 {
        padding:8rem 0 2rem
    }
}

.service-wrap-layout5 {
    padding: 0 0 9rem
}

.service-wrap-layout6 {
    padding: 0 0 12rem;
    background-color: #f0f8ff
}

.service-wrap-layout7 {
    padding: 12rem 0 8.6rem
}

.service-wrap-layout8 {
    padding: 11.5rem 0 8.6rem
}

.service-wrap-layout9 {
    padding: 12rem 0 2.2rem
}

.single-service-wrap-layout1 {
    /* padding: 12rem 0 9.5rem */
}

@media only screen and (max-width: 991px) {
    .single-service-wrap-layout1 {
        /*padding:12rem 0*/
    }
}

.service-box-layout1 {
    background-color: #fff;
    padding: 60px 40px 55px;
    text-align: center;
    margin-bottom: 30px;
    background-color: #f8f8f8;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-box-layout1 .item-icon {
    margin-bottom: 34px;
    line-height: 1.6;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.service-box-layout1 .item-icon i:before {
    font-size: 40px;
    color: #fff
}

.service-box-layout1 .item-content .item-title {
    margin-bottom: 15px
}

.service-box-layout1 .item-content .item-title a {
    color: #111;
    font-weight: 600;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-box-layout1 .item-content .item-title a:hover {
    color: #001ea2
}

.service-box-layout1 .item-content .item-btn {
    display: inline-block;
    font-weight: 500;
    color: #07249e;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-box-layout1 .item-content .item-btn i {
    margin-left: 10px
}

.service-box-layout1 .item-content .item-btn:hover {
    color: #ff9317
}

.service-box-layout1:hover {
    -webkit-box-shadow: 0 25px 50px 0 rgba(33,30,30,.2);
    box-shadow: 0 25px 50px 0 rgba(33,30,30,.2)
}

@media only screen and (max-width: 1199px) {
    .service-box-layout2 {
        margin-bottom:40px;
        text-align: center
    }
}

.service-box-layout2 .item-subtitle {
    color: #fff;
    margin-bottom: 5px
}

.service-box-layout2 .item-title {
    font-weight: 600;
    color: #fff;
    margin-bottom: 24px
}

.service-box-layout2 p {
    color: #fff
}

.service-box-layout3 {
    background-color: #fff;
    border-radius: 4px;
    padding: 5rem 2rem 2.8rem;
    margin-bottom: 15px;
    text-align: center
}

.service-box-layout3 .item-icon {
    margin-bottom: 24px
}

.service-box-layout3 .item-icon i {
    display: block
}

.service-box-layout3 .item-icon i:before {
    font-size: 80px;
    display: block;
    line-height: 1
}

.service-box-layout3 .item-title {
    font-size: 20px;
    font-weight: 600
}

.service-box-layout3 .item-title a {
    color: #111
}

.service-box-layout3 .item-title a:hover {
    color: #001ea2
}

.service-box-layout3:hover .item-icon i {
    animation: toBottomFromTop20 .4s
}

.service-box-layout4 {
    margin-bottom: 9.5rem
}

.service-box-layout4 .item-img {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 26px 30px 0 rgba(224,224,224,.75);
    padding: 10px 0;
    animation: bouncebubble infinite 5s
}

.service-box-layout5 {
    margin-bottom: 9.5rem
}

.service-box-layout5 .item-heading {
    margin-bottom: 35px
}

@media only screen and (max-width: 575px) {
    .service-box-layout5 .item-heading {
        text-align:center
    }
}

.service-box-layout5 .item-heading .item-title {
    font-size: 30px;
    color: #111;
    font-weight: 600;
    line-height: 38px
}

@media only screen and (max-width: 1199px) {
    .service-box-layout5 .item-heading .item-title {
        font-size:28px
    }
}

@media only screen and (max-width: 991px) {
    .service-box-layout5 .item-heading .item-title {
        font-size:26px
    }
}

@media only screen and (max-width: 767px) {
    .service-box-layout5 .item-heading .item-title {
        font-size:24px
    }
}

.service-box-layout5 .media {
    margin-bottom: 28px
}

@media only screen and (max-width: 575px) {
    .service-box-layout5 .media {
        text-align:center
    }
}

.service-box-layout5 .media:last-child {
    margin-bottom: 0
}

.service-box-layout5 .media .item-icon {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-box-layout5 .media .item-icon i:before {
    font-size: 46px;
    color: #fff;
    display: block
}

.service-box-layout5 .media .media-body .item-title {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 2px
}

@media only screen and (max-width: 767px) {
    .service-box-layout5 .media .media-body .item-title {
        font-size:18px
    }
}

.service-box-layout5 .media:hover .item-icon {
    background: #001ea2
}

.service-box-layout6 {
    position: relative;
    background-color: rgba(213,213,213,.4);
    padding: 50px 40px 50px;
    border-radius: 4px;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    margin-bottom: 30px;
    -webkit-clip-path: polygon(0 0,100% 4%,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 4%,100% 100%,0 100%);
    z-index: 6;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media only screen and (max-width: 991px) {
    .service-box-layout6 {
        -webkit-transform:translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        clip-path: inherit;
        text-align: center
    }
}

.service-box-layout6 .item-icon {
    position: relative;
    margin-bottom: 44px;
    z-index: 2
}

.service-box-layout6 .item-icon i {
    display: inline-block;
    line-height: 1;
    margin: 26px 0 0 25px
}

.service-box-layout6 .item-icon i:before {
    font-size: 44px;
    font-weight: 500;
    color: #fff
}

@media only screen and (max-width: 991px) {
    .service-box-layout6 .item-icon i {
        margin:26px 0 0 0
    }
}

.service-box-layout6 .item-icon .icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 90px;
    z-index: -1
}

@media only screen and (max-width: 991px) {
    .service-box-layout6 .item-icon .icon-bg {
        left:50%;
        transform: translateX(-50%)
    }
}

.service-box-layout6 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 14px
}

.service-box-layout6 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-box-layout6 .item-content .item-title a:hover {
    color: #001ea2
}

.service-box-layout6 .item-content p {
    margin-bottom: 30px
}

.service-box-layout6:before {
    content: "";
    height: 99%;
    width: 99%;
    background-color: #fff;
    -webkit-clip-path: polygon(0 0,100% 4%,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 4%,100% 100%,0 100%);
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1
}

@media only screen and (max-width: 991px) {
    .service-box-layout6:before {
        clip-path:inherit
    }
}

.service-box-layout6:hover {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

@media only screen and (max-width: 991px) {
    .service-box-layout6:hover {
        -webkit-transform:translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.service-box-layout7 {
    background-color: #fff;
    box-shadow: 0 2px 10px 0 #cfe0ea;
    padding: 50px 40px;
    border-radius: 4px;
    margin-bottom: 30px;
    position: relative
}

@media only screen and (max-width: 991px) {
    .service-box-layout7 {
        text-align:center
    }
}

.service-box-layout7 .item-icon {
    position: relative;
    margin-bottom: 60px;
    z-index: 2
}

.service-box-layout7 .item-icon i {
    display: inline-block;
    line-height: 1;
    margin: 22px 0 0 22px
}

.service-box-layout7 .item-icon i:before {
    font-size: 65px;
    color: #001ea2
}

.service-box-layout7 .item-icon .icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 90px;
    z-index: -1
}

@media only screen and (max-width: 991px) {
    .service-box-layout7 .item-icon .icon-bg {
        left:50%;
        transform: translateX(-50%)
    }
}

.service-box-layout7 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 14px
}

.service-box-layout7 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-box-layout7 .item-content .item-title a:hover {
    color: #001ea2
}

.service-box-layout7 .item-content p {
    margin-bottom: 35px
}

.service-box-layout7:hover .item-icon i {
    animation: flipOutY .4s
}

.service-box-layout8 {
    width: 100%;
    display: flex;
    flex-direction: row-reverse
}

@media only screen and (max-width: 1199px) {
    .service-box-layout8 {
        display:block
    }
}

@media only screen and (max-width: 575px) {
    .service-box-layout8 {
        padding:0
    }
}

.service-box-layout8 .single-item {
    width: 50%
}

@media only screen and (max-width: 1199px) {
    .service-box-layout8 .single-item {
        width:100%
    }
}

.service-box-layout8 .single-item .item-content .item-subtitle {
    margin-bottom: 12px
}

.service-box-layout8 .single-item .item-content .item-title {
    font-weight: 500;
    color: #111;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 23px
}

.service-box-layout8 .single-item .item-content .item-title:after {
    content: "";
    height: 4px;
    width: 50px;
    background-color: #ff9317;
    position: absolute;
    left: 0;
    bottom: 0
}

.service-box-layout8 .single-item .item-content .service-list {
    margin: 28px 0 45px
}

.service-box-layout8 .single-item .item-content .service-list li {
    padding-left: 32px;
    font-weight: 500;
    color: #111;
    margin-bottom: 8px;
    position: relative
}

.service-box-layout8 .single-item .item-content .service-list li:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    color: #001ea2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.service-box-layout8 .service-item-left {
    margin-top: 11.5rem;
    padding-left: calc((100% - 1200px)/ 2)
}

@media only screen and (max-width: 1259px) {
    .service-box-layout8 .service-item-left {
        padding-left:calc((100% - 1110px)/ 2)
    }
}

@media only screen and (max-width: 1199px) {
    .service-box-layout8 .service-item-left {
        margin-top:5rem;
        padding-left: 0
    }
}

.service-box-layout8 .service-item-right {
    padding-right: calc((100% - 1550px)/ 2)
}

@media only screen and (max-width: 1199px) {
    .service-box-layout8 .service-item-right {
        text-align:center;
        padding-right: 0
    }
}

.service-box-layout9 {
    margin-bottom: 25px
}

.service-box-layout9 .item-img {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-box-layout9 .item-img img {
    border-radius: 4px
}

.service-box-layout9 .item-img .hover-icon {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.05,.73,.94,.62);
    -moz-transition: all .5s cubic-bezier(.05,.73,.94,.62);
    -ms-transition: all .5s cubic-bezier(.05,.73,.94,.62);
    -o-transition: all .5s cubic-bezier(.05,.73,.94,.62);
    transition: all .5s cubic-bezier(.05,.73,.94,.62)
}

.service-box-layout9 .item-img .hover-icon a {
    font-size: 40px;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-box-layout9 .item-img .hover-icon a:hover {
    color: #001ea2
}

.service-box-layout9 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(to right,#54b046,#083101);
    border-radius: 4px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transform: scale(.5);
    color: #fff;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-box-layout9 .item-content .item-title {
    font-weight: 700;
    margin-bottom: 6px
}

.service-box-layout9 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-box-layout9 .item-content .item-title a:hover {
    color: #001ea2
}

.service-box-layout9:hover .item-img {
    box-shadow: 0 5px 18px 0 rgba(0,0,0,.4)
}

.service-box-layout9:hover .item-img .hover-icon {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition-delay: .3s
}

.service-box-layout9:hover .item-img:after {
    transform: scale(1);
    visibility: visible;
    opacity: .9
}

.service-box-layout10 {
    background-color: #f2f2f2;
    text-align: center;
    padding: 22px;
    border-radius: 4px;
    margin-bottom: 6rem
}

.service-box-layout11 {
    margin-bottom: 6rem;
    padding-left: 10px
}

.service-box-layout11 .item-heading {
    margin-bottom: 35px
}

.service-box-layout11 .item-heading .item-title {
    font-size: 30px;
    color: #111;
    font-weight: 600;
    line-height: 38px
}

@media only screen and (max-width: 991px) {
    .service-box-layout11 .item-heading .item-title {
        font-size:28px
    }
}

@media only screen and (max-width: 767px) {
    .service-box-layout11 .item-heading .item-title {
        font-size:26px
    }
}

@media only screen and (max-width: 575px) {
    .service-box-layout11 .item-heading .item-title {
        font-size:24px
    }
}

.service-box-layout11 .media {
    margin-bottom: 28px
}

.service-box-layout11 .media:last-child {
    margin-bottom: 0
}

.service-box-layout11 .media .item-icon {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.service-box-layout11 .media .item-icon i:before {
    font-size: 46px;
    color: #fff;
    display: block
}

.service-box-layout11 .media .media-body .item-title {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 2px
}

.service-box-layout11 .circle-progress-box .progress-circle {
    position: relative;
    text-align: center
}

.service-box-layout11 .circle-progress-box .progress-circle input {
    margin-top: 70px!important
}

.service-box-layout11 .circle-progress-box .progress-circle .item-title {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    font-size: 18px;
    color: #646464;
    margin-bottom: 0
}

.single-service-box-layout1 .item-title {
    font-weight: 600;
    color: #111;
    margin-bottom: 22px
}

.single-service-box-layout1 .item-img {
    margin-bottom: 32px
}

@media only screen and (max-width: 991px) {
    .single-service-box-layout1 .item-img {
        text-align:center
    }
}

.single-service-box-layout1 .service-list {
    margin: 30px 0 50px
}

.single-service-box-layout1 .service-list .media {
    margin-bottom: 10px
}

.single-service-box-layout1 .service-list .media .item-icon {
    height: 90px;
    width: 90px;
    line-height: 90px;
    border-radius: 50%;
    text-align: center;
    margin-top: 5px
}

.single-service-box-layout1 .service-list .media .item-icon i:before {
    font-size: 45px;
    color: #fff
}

.single-service-box-layout1 .service-list .media .media-body .item-title {
    margin-bottom: 5px
}

.single-service-box-layout1 .others-services .item-content {
    margin-bottom: 30px
}

.single-service-box-layout1 .others-services .item-content .item-list li {
    font-weight: 500;
    color: #111;
    margin-bottom: 8px
}

.single-service-box-layout1 .others-services .item-content .item-list li i {
    color: #ff7116;
    font-size: 18px;
    margin-right: 15px
}

.service-bottom-shape {
    position: relative
}

.service-bottom-shape .svg-shape {
    position: absolute;
    bottom: -12rem;
    left: 0;
    right: 0;
    z-index: -1
}

.team-wrap-layout1 {
    padding: 0 0 9.2rem
}

.team-wrap-layout2 {
    padding: 11rem 0 12rem;
    background-color: #f8f8f8
}

.team-wrap-layout3 {
    padding: 11.2rem 0 12rem
}

.team-box-layout1 {
    margin-bottom: 30px;
    background-color: #fff;
    text-align: center;
    padding: 40px 30px 30px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px 0 rgba(33,30,30,.2);
    box-shadow: 0 0 20px 0 rgba(33,30,30,.2);
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-box-layout1:after {
    content: url(img/team/shape.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .team-box-layout1:after {
        transform:scale(1.4)
    }
}

.team-box-layout1 .item-img {
    margin-bottom: 24px;
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-box-layout1 .item-img img {
    border-radius: 50%;
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-box-layout1 .item-content {
    position: relative
}

.team-box-layout1 .item-content .item-title {
    margin-bottom: 8px;
    font-weight: 500
}

.team-box-layout1 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-box-layout1 .item-content .item-title a:hover {
    color: #001ea2
}

.team-box-layout1 .item-content .item-subtitle {
    color: #949599;
    font-size: 17px;
    font-weight: 500
}

.team-box-layout1 .item-content .item-social li {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s cubic-bezier(.42,.97,.52,1.49);
    -o-transition: .5s cubic-bezier(.42,.97,.52,1.49);
    transition: .5s cubic-bezier(.42,.97,.52,1.49)
}

.team-box-layout1 .item-content .item-social li a {
    display: block;
    height: 36px;
    width: 36px;
    line-height: 36px;
    background-color: #060678;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.team-box-layout1 .item-content .item-social li a:hover {
    background-color: #07249e
}

.team-box-layout1 .item-content .item-social li:nth-child(1n) {
    top: -50px;
    left: 24%
}

.team-box-layout1 .item-content .item-social li:nth-child(2n) {
    top: -35px;
    left: 44%
}

.team-box-layout1 .item-content .item-social li:nth-child(3n) {
    top: -50px;
    left: 65%
}

.team-box-layout1:hover {
    -webkit-box-shadow: 0 20px 30px 0 rgba(33,30,30,.2);
    box-shadow: 0 20px 30px 0 rgba(33,30,30,.2)
}

.team-box-layout1:hover .item-img {
    transform: translateY(-30px)
}

.team-box-layout1:hover .item-img img {
    transform: scale(.8)
}

.team-box-layout1:hover .item-content .item-social li {
    visibility: visible;
    opacity: 1
}

.team-box-layout1:hover .item-content .item-social li:nth-child(1n) {
    top: -84px;
    left: 24%;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.team-box-layout1:hover .item-content .item-social li:nth-child(2n) {
    top: -65px;
    left: 44%;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.team-box-layout1:hover .item-content .item-social li:nth-child(3n) {
    top: -83px;
    left: 65%;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.team-box-layout2 {
    text-align: center;
    background-color: #fff;
    border-radius: 6px;
    padding: 40px 40px
}

.team-box-layout2 .item-img {
    margin-bottom: 36px;
    border-radius: 50%;
    border: 0 solid #ff9118;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-box-layout2 .item-img img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    float: left
}

.team-box-layout2 .item-content .item-title {
    font-weight: 500;
    margin-bottom: 4px
}

.team-box-layout2 .item-content .item-title a {
    color: #000;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.team-box-layout2 .item-content .item-title a:hover {
    color: #001ea2
}

.team-box-layout2 .item-content .item-subtitle {
    color: #ff9317;
    margin-bottom: 14px
}

.team-box-layout2 .item-content .item-social li {
    display: inline-block;
    margin-right: 8px
}

@media only screen and (max-width: 767px) {
    .team-box-layout2 .item-content .item-social li {
        margin-right:5px
    }
}

.team-box-layout2 .item-content .item-social li:last-child {
    margin-right: 0
}

.team-box-layout2 .item-content .item-social li a {
    color: #b0b0b0;
    font-size: 16px;
    padding: 5px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.team-box-layout2 .item-content .item-social li a:hover {
    color: #111
}

.team-box-layout2:hover .item-img {
    border: 5px solid #ff9118;
    animation: pulse 2s
}

.team-box-layout2:hover .item-img img {
    animation: pulse 1s
}

.team-box-layout3 {
    text-align: center
}

.team-box-layout3 .item-img {
    margin-bottom: 40px
}

.team-box-layout3 .item-img img {
    width: auto;
    display: inline-block
}

.team-box-layout3 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 8px
}

.team-box-layout3 .item-content .item-title a {
    color: #111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.team-box-layout3 .item-content .item-title a:hover {
    color: #07249e
}

.team-box-layout3 .item-content .item-subtitle {
    margin-bottom: 20px
}

.team-box-layout3 .item-content .item-social li {
    display: inline-block;
    margin-right: 10px
}

.team-box-layout3 .item-content .item-social li:last-child {
    margin-right: 0
}

.team-box-layout3 .item-content .item-social li a {
    text-align: center;
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: block;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.team-box-layout3 .item-content .item-social li a:hover {
    background-color: #001ea2!important
}

.testimonial-wrap-layout1 {
    padding: 12rem 0
}

.testimonial-wrap-layout2 {
    padding: 11.3rem 0 10.6rem;
    background-color: #f8f8f8
}

.testimonial-wrap-layout3 {
    position: relative;
    overflow: hidden;
    padding: 11.5rem 0 17rem;
    z-index: 2
}

.testimonial-wrap-layout3:after {
    content: url(img/testimonial/shape1.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: -1
}

.testimonial-wrap-layout4 {
    padding: 0 0 11.5rem
}

.testimonial-box-layout1 {
    position: relative
}

@media only screen and (max-width: 991px) {
    .testimonial-box-layout1 {
        text-align:center
    }
}

.testimonial-box-layout1:after {
    content: "“";
    font-family: Poppins,sans-serif;
    font-size: 12rem;
    font-weight: 600;
    color: #ff9317;
    height: 110px;
    width: 110px;
    line-height: 1.45;
    background-color: #fff;
    border: 10px solid rgba(255,255,255,.5);
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    right: 5px;
    animation: pulse infinite 2s
}

@media only screen and (max-width: 991px) {
    .testimonial-box-layout1:after {
        display:none
    }
}

.testimonial-box-layout2 {
    padding: 4rem
}

@media only screen and (max-width: 991px) {
    .testimonial-box-layout2 {
        text-align:center
    }
}

.testimonial-box-layout2 .single-testimonial .item-paragraph {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 30px
}

.testimonial-box-layout2 .single-testimonial .item-title {
    font-size: 24px;
    color: #001ea2;
    font-weight: 600;
    margin-bottom: 8px
}

.testimonial-box-layout3 .slick-carousel-content .testimonial-content {
    position: relative;
    text-align: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(33,30,30,.15);
    padding: 6rem 6.5rem;
    margin: 0 10px 20px;
    width: auto!important;
    z-index: 2
}

.testimonial-box-layout3 .slick-carousel-content .testimonial-content p {
    font-style: italic
}

.testimonial-box-layout3 .slick-carousel-content .testimonial-content .item-title {
    font-size: 24px;
    color: #111;
    font-weight: 700;
    margin-bottom: 2px
}

@media only screen and (max-width: 991px) {
    .testimonial-box-layout3 .slick-carousel-content .testimonial-content .item-title {
        font-size:22px
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-box-layout3 .slick-carousel-content .testimonial-content .item-title {
        font-size:20px
    }
}

.testimonial-box-layout3 .slick-carousel-content .testimonial-content .item-subtitle {
    color: #07249e
}

.testimonial-box-layout3 .slick-carousel-content .testimonial-content:after {
    content: url(img/figure/quote.png);
    position: absolute;
    top: 4rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1
}

.testimonial-box-layout3 .slick-carousel-nav {
    padding: 0 10px;
    width: 50%;
    margin: auto
}

.testimonial-box-layout3 .slick-carousel-nav .nav-item {
    margin: 15px 0;
    cursor: pointer
}

.testimonial-box-layout3 .slick-carousel-nav .nav-item img {
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 7px 9px 0 rgba(200,200,200,.75);
    transform: scale(1.1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.testimonial-box-layout3 .slick-carousel-nav .slick-center .nav-item img {
    transform: scale(1.3);
    position: relative;
    z-index: 2;
    border-color: #ff9317
}

.testimonial-box-layout4 {
    background-color: #fff;
    padding: 6rem 7rem 4rem;
    -webkit-box-shadow: 0 1px 21px 0 rgba(233,233,233,.75);
    box-shadow: 0 1px 21px 0 rgba(233,233,233,.75);
    border-radius: 4px;
    position: relative;
    margin: 10px;
    text-align: center
}

@media only screen and (max-width: 575px) {
    .testimonial-box-layout4 {
        padding:6rem 4rem 4rem
    }
}

.testimonial-box-layout4 .item-paragraph {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 30px
}

.testimonial-box-layout4 .media {
    justify-content: center
}

.testimonial-box-layout4 .media .item-img img {
    border-radius: 50%;
    display: inline-block
}

.testimonial-box-layout4 .media .media-body {
    flex: inherit;
    text-align: left
}

.testimonial-box-layout4 .media .media-body .item-title {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 0
}

@media only screen and (max-width: 575px) {
    .testimonial-box-layout4 .media .media-body {
        text-align:center
    }
}

.testimonial-box-layout4:before {
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    font-weight: 600;
    color: #e6e6e6;
    position: absolute;
    bottom: 26px;
    right: 60px
}

@media only screen and (max-width: 575px) {
    .testimonial-box-layout4:before {
        display:none
    }
}

.testimonial-box-layout4:after {
    content: "";
    height: 100%;
    width: 95%;
    background-color: #f3f3f3;
    border-radius: 4px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1
}

.why-chose-wrap-layout1 {
    padding: 0 0 12rem
}

.why-chose-wrap-layout2 {
    padding: 0 0 11.5rem
}

.why-chose-wrap-layout3 {
    padding: 12rem 0
}

.why-chose-wrap-layout4 {
    padding: 12rem 0 5.5rem
}

.why-chose-box-layout1 {
    padding-right: 4rem
}

@media only screen and (max-width: 991px) {
    .why-chose-box-layout1 {
        padding-right:0
    }
}

.why-chose-box-layout1 .item-title {
    color: #111;
    font-weight: 600
}

.why-chose-box-layout1 .item-subtitle {
    font-size: 18px;
    color: #111;
    font-weight: 500;
    margin-bottom: 30px
}

.why-chose-box-layout1 .single-item li {
    margin-bottom: 15px;
    padding-left: 35px;
    position: relative
}

.why-chose-box-layout1 .single-item li:after {
    content: "\f058";
    font-size: 24px;
    font-family: "Font Awesome 5 Free";
    color: #001ea2;
    font-weight: 600;
    position: absolute;
    top: 2px;
    left: 0
}

.why-chose-box-layout2 .item-img {
    animation: bouncebubble infinite 5s
}

@media only screen and (max-width: 991px) {
    .why-chose-box-layout2 {
        margin-bottom:30px
    }
}

@media only screen and (max-width: 991px) {
    .why-chose-box-layout3 {
        margin-bottom:30px
    }
}

.why-chose-box-layout4 .item-title {
    font-weight: 600;
    color: #111;
    margin-bottom: 25px
}

.why-chose-box-layout5 {
    width: 100%;
    display: flex
}

@media only screen and (max-width: 1199px) {
    .why-chose-box-layout5 {
        display:block;
        text-align: center
    }
}

.why-chose-box-layout5 .single-item {
    width: 50%
}

@media only screen and (max-width: 1199px) {
    .why-chose-box-layout5 .single-item {
        width:100%
    }

    .why-chose-box-layout5 .single-item .item-img {
        margin-bottom: 30px
    }
}

.why-chose-box-layout5 .single-item .item-content .item-subtitle {
    margin-bottom: 5px
}

.why-chose-box-layout5 .single-item .item-content .item-title {
    font-weight: 500;
    color: #111
}

.why-chose-box-layout5 .single-item .item-content .counter-box {
    display: flex;
    margin-top: 40px
}

@media only screen and (max-width: 1199px) {
    .why-chose-box-layout5 .single-item .item-content .counter-box {
        justify-content:center
    }
}

.why-chose-box-layout5 .single-item .item-content .counter-box .single-count {
    margin-right: 12rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .why-chose-box-layout5 .single-item .item-content .counter-box .single-count {
        margin-right:8rem
    }
}

.why-chose-box-layout5 .single-item .item-content .counter-box .single-count:after {
    content: "";
    height: 85px;
    width: 1px;
    background-color: #dadada;
    position: absolute;
    top: 50%;
    right: -6rem;
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .why-chose-box-layout5 .single-item .item-content .counter-box .single-count:after {
        right:-5rem
    }
}

.why-chose-box-layout5 .single-item .item-content .counter-box .single-count:last-child {
    margin-right: 0
}

.why-chose-box-layout5 .single-item .item-content .counter-box .single-count:last-child:after {
    display: none
}

.why-chose-box-layout5 .single-item .item-content .counter-box .single-count .count-number {
    font-size: 48px;
    color: #ff5b17;
    font-weight: 700;
    margin-bottom: 18px
}

@media only screen and (max-width: 767px) {
    .why-chose-box-layout5 .single-item .item-content .counter-box .single-count .count-number {
        font-size:36px
    }
}

.why-chose-box-layout5 .single-item-left {
    padding-left: calc((100% - 1550px)/ 2)
}

@media only screen and (max-width: 1199px) {
    .why-chose-box-layout5 .single-item-left {
        padding-left:0
    }
}

.why-chose-box-layout5 .single-item-right {
    padding-right: calc((100% - 1200px)/ 2);
    padding-left: 5rem;
    padding-top: 2rem
}

@media only screen and (max-width: 1259px) {
    .why-chose-box-layout5 .single-item-right {
        padding-right:calc((100% - 1110px)/ 2)
    }
}

@media only screen and (max-width: 1199px) {
    .why-chose-box-layout5 .single-item-right {
        padding-left:0;
        padding-right: 0
    }
}

.why-chose-box-layout6 {
    margin-bottom: 6.5rem
}

.why-chose-box-layout6 .item-img {
    text-align: center
}

.why-chose-box-layout6 .item-content .item-title {
    font-weight: 500;
    color: #111
}

.why-chose-box-layout6 .item-content .item-list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 35px;
    color: #111;
    font-weight: 500
}

.why-chose-box-layout6 .item-content .item-list li:last-child {
    margin-bottom: 0
}

.why-chose-box-layout6 .item-content .item-list li:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    color: #ff7116;
    position: absolute;
    top: 0;
    left: 0
}

.gradient-accent {
    background: -webkit-gradient(linear,left top,right top,from(#ff5917),to(#ff9317));
    background: -webkit-linear-gradient(left,#54b046,#083101);
    background: -o-linear-gradient(left,#54b046,#083101);
    background: linear-gradient(to right,#54b046,#083101)
}

.gradient-primary {
    background: -webkit-gradient(linear,left top,left bottom,from(#001ea2),to(#174daf));
    background: -webkit-linear-gradient(top,#001ea2,#174daf);
    background: -o-linear-gradient(top,#001ea2,#174daf);
    background: linear-gradient(to bottom,#001ea2,#174daf)
}

.bg-aash {
    background-color: #f6f6f6
}

.bg-Primary {
    background-color: #07249e
}

.bg-Primary-light {
    background-color: #525255
}

.bg-primarytext {
    background-color: #111
}

.bg-text-primary {
    background-color: #fff
}

.bg-ghostwhite {
    background-color: #f8f8f8
}

.bg-accent {
    background-color: #ff9317
}

.bg-c-primary {
    background-color: #07249e
}

.bg-dark-primary {
    background-color: #001ea2
}

.bg-pink {
    background-color: #d44ca0
}

.bg-purple {
    background-color: #9b3bcd
}

.bg-skyblue {
    background-color: #1eb0f5
}

.bg-green {
    background-color: #1ee2a3
}

.bg-fb {
    background-color: #3a59a6!important
}

.bg-twitter {
    background-color: #4fc3f7!important
}

.bg-gplus {
    background-color: #d74d38!important
}

.bg-pin {
    background-color: #e52626!important
}

.bg-linked {
    background-color: #0d47a1!important
}

.bg-minsk {
    background-color: #413684
}

.bg-eastern-blue {
    background-color: #179fb3
}

.bg-sea-buckthorn {
    background-color: #f6912c
}

.bg-alizarin-crimson {
    background-color: #de2c39
}

.btn-shadow {
    box-shadow: 0 1px 10px 0 rgba(255,144,23,.4)
}

.bottom-border {
    border-bottom: 1px solid #e9e9e9
}

.bottom-border-2 {
    border-bottom: 1px solid rgba(225,225,225,.15)
}

.border-c-primary {
    border-color: #07249e
}

.border-accent {
    border-color: #ff9317
}

.border-right {
    border-right: 1px solid #dcdcdc
}

.border-none {
    border: none
}

.mg-t--100 {
    margin-top: -64px
}

@media only screen and (max-width: 991px) {
    .mg-t--100 {
        margin-top:0
    }
}

.mg-t--95 {
    margin-top: -95px
}

@media only screen and (max-width: 991px) {
    .mg-t--95 {
        margin-top:0
    }
}

.mg-t-0 {
    margin-top: 0
}

.mg-t-10 {
    margin-top: 10px
}

.mg-t-20 {
    margin-top: 20px
}

.mg-t-30 {
    margin-top: 30px
}

.mg-t-50 {
    margin-top: 5rem
}

@media only screen and (min-width: 1199px) {
    .mgt-xl-50 {
        margin-top:5rem
    }
}

.mg-b-60 {
    margin-bottom: 6rem!important
}

.mg-b-30 {
    margin-bottom: 30px
}

@media only screen and (max-width: 1199px) {
    .mg-r-0-lg {
        margin-right:0!important
    }
}

.round-shape {
    position: relative;
    overflow: hidden
}

.round-shape:before {
    content: "";
    height: 350px;
    width: 350px;
    border: 80px solid rgba(255,255,255,.1);
    border-radius: 50%;
    position: absolute;
    top: -9rem;
    left: -16rem
}

.round-shape:after {
    content: "";
    height: 350px;
    width: 350px;
    border: 80px solid rgba(255,255,255,.1);
    border-radius: 50%;
    position: absolute;
    top: -9rem;
    right: -16rem
}

.round-shape-2 {
    position: relative;
    overflow: hidden
}

.round-shape-2:before {
    content: "";
    height: 300px;
    width: 300px;
    border: 45px solid rgba(255,255,255,.05);
    border-radius: 50%;
    position: absolute;
    top: -12rem;
    left: -10rem
}

.round-shape-2:after {
    content: "";
    height: 300px;
    width: 300px;
    border: 45px solid rgba(255,255,255,.05);
    border-radius: 50%;
    position: absolute;
    top: -12rem;
    right: -10rem
}

.dash-shape-1 {
    position: relative
}

.dash-shape-1:before {
    content: "";
    height: 19rem;
    width: 19rem;
    border-radius: 50%;
    border: 1px dashed #636363;
    position: absolute;
    bottom: -10rem;
    right: -10rem;
    z-index: -1
}

.dash-shape-1:after {
    content: "";
    height: 29rem;
    width: 29rem;
    border-radius: 50%;
    border: 1px dashed #636363;
    position: absolute;
    bottom: -18.5rem;
    right: -15rem;
    z-index: -1
}

.dash-shape-2 {
    position: relative
}

.dash-shape-2:before {
    content: "";
    height: 22rem;
    width: 22rem;
    border-radius: 50%;
    border: 1px dashed #636363;
    position: absolute;
    top: -14rem;
    left: -12rem;
    z-index: -1
}

.dash-shape-2:after {
    content: "";
    height: 29rem;
    width: 29rem;
    border-radius: 50%;
    border: 1px dashed #636363;
    position: absolute;
    top: -15.5rem;
    left: -15rem;
    z-index: -1
}

.dash-shape-3 {
    position: relative;
    z-index: 2
}

.dash-shape-3:after {
    content: "";
    height: 15rem;
    width: 15rem;
    border-radius: 50%;
    border: 1px dashed #c2c2c2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    z-index: -1;
    animation: sonarWave 6s linear infinite
}

.dash-shape-3:before {
    content: "";
    height: 20rem;
    width: 20rem;
    border-radius: 50%;
    border: 2px dashed #c2c2c2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    z-index: -1;
    animation: sonarWave 10s linear infinite
}

.line-shape {
    z-index: 2;
    position: relative
}

.line-shape:after {
    content: url(img/figure/line-shape.png);
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: -1
}

.bg-common {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background: #000;
}

@media only screen and (min-width: 1400px) {
    .pd-x-45 {
        padding-left:45px;
        padding-right: 45px
    }
}

.possition-static {
    position: static!important
}

.text-accent {
    color: #ff9317
}

.text-c-primary {
    color: #07249e
}

.text-dark-primary {
    color: #001ea2
}

.text-pink {
    color: #d44ca0
}

.text-purple {
    color: #9b3bcd
}

.text-skyblue {
    color: #1eb0f5
}

.text-black {
    color: #111!important
}

.font-semibold {
    font-weight: 600
}

.letter-specing-0 {
    letter-spacing: 0
}

.service-box-layout1 .item-icon i:before {
    font-size: 40px;
    color: #de3c15
}

.service-box-layout1 .item-icon {
    margin: 0 auto;
    height: 50px;
    width: 50px
}

.service-box-layout1 {
    padding: 6px 0 5px 0;
    margin-bottom: 0
}

h4,h5 {
    margin: 0
}

.service-box-layout1 h5 {
    font-size: 13px;
    font-weight: bolder
}

.service-box-layout1 .item-btn {
    font-size: 15px
}

.team-wrap-layout2 {
    padding: 1rem 0 7rem
}

.team-wrap-layout2 h2 {
    font-size: 21px
}

.team-wrap-layout2 .heading-layout1 {
    margin-bottom: 4px
}

.team-box-layout2 {
    padding: 4px 38px;
    min-height: 235px
}

.team-box-layout2 .item-img {
    margin-bottom: 0;
    float: left
}

.team-box-layout2 .item-subtitle {
    margin-bottom: 0;
    float: left;
    padding-top: 12px;
    padding-left: 5px
}

.team-box-layout2 p {
    line-height: 18px;
    text-align: justify;
    float: left
}

.progress-wrap-layout1 {
    padding: .5rem 0 1.3rem
}

.progress-wrap-layout1 .item-title {
    font-size: 30px;
    margin: 0 0 2px 0
}

.progress-wrap-layout1 p {
    margin-bottom: 0;
    font-size: 15px;
    text-align: justify
}

.progress-box-layout1 .single-item li {
    margin-bottom: 0;
    padding-left: 29px;
    font-size: 13px
}

.progress-box-layout1 .item-subtitle {
    margin-bottom: 1px
}

.progress-box-layout2 {
    padding-left: 0
}

.progress-box-layout2 .item-img {
    padding: 0
}

.blog-box-layout4 .item-content {
    background-color: #f8f8f8;
    margin: 0;
    border-radius: 4px;
    padding: 8px 21px 17px
}

.blog-box-layout4 .item-content .entry-meta {
    margin-bottom: 0
}

.blog-box-layout4 .item-content h3 {
    font-size: 16px
}

.service-box-layout1 a {
    font-size: 13px;
    font-weight: bolder;
    color: #132440
}

.h2-content {
    font-size: 15px;
    line-height: 25px;
    text-align: justify
}

@media screen and (max-width: 700px) {
    .carousel {
        display:none
    }
}

@media screen and (max-width: 749px) {
    .h2-content {
        font-size:49px;
        line-height: 61px;
        text-align: left;
        font-weight: 300;
        font-family: calibri;
        color: #000
    }
}

@media screen and (max-width: 749px) {
    h3.item-subtitle {
        font-size:39px!important;
        line-height: 52px;
        text-align: left;
        font-weight: 600!important;
        font-family: calibri;
        color: #000!important
    }

    .progress-box-layout1 .single-item li {
        font-size: 26px!important;
        line-height: 34px;
        text-align: left;
        font-family: calibri;
        color: #000!important
    }
}

.top-services-style {
    padding: 10px 0px;
    background: #737378;
}

.font-size-21 {
    font-size: 21px;
}

.display-block {
    display: block
}

.display-none {
    display: none
}

.mean-container .mean-bar .mobile-menu-nav-back {
    height: 32px;
    padding: 10px 12px;
}

.mlogo {
    height: 36px;
}

.mean-container a.meanmenu-reveal {
    padding: 3px 11px 4px;
}

@media screen and (max-width: 600px) {
    .service-box-layout1 a {
        font-size: 12px;
    }
}

.web-banner {
    font-weight: bolder;
    text-shadow: 1px 2px 3px #000;
    color: #de3c15;
    text-align: center;
    background: #fbeeee;
    box-shadow: 0px 1px 3px #000;
}

.website-designing-banner {
    background: #f3f3f3;
    padding: 45px 0px;
    font-size: 50px;
    line-height: 60px;
}

.software-development-banner {
    background: #f0f0f0;
    font-size: 37px;
    line-height: 60px;
    padding: 45px 0px;
}

.website-designing-services {
    background-color: #edf2f9;
}

.website-development-services {
    background-color: #fff;
}

.software-development-services {
    background-color: #769acc;
}

.digital-marketing-services {
    background-color: #fff;
}

/*    body{*/
/*	background: #ee0979;*/
/*	background: -webkit-linear-gradient(to right, #11998e, #38ef7d);*/
/*	background: linear-gradient(to right, #11998e, #38ef7d)*/
/*}*/
.testimonial-bg {
    background-color: #fff;
    border: 5px solid #3c763d;
    font-family: 'Raleway', sans-serif;
    padding: 35px 70px;
    text-align: center;
    position: relative;
}

.testimonial-bg:before {
    content: "“";
    font-family: "fontawesome";
    width: 75px;
    height: 75px;
    border: 5px solid #3c763d;
    line-height: 75px;
    background: #fff;
    text-align: center;
    font-size: 50px;
    color: #3c414c;
    position: absolute;
    top: -40px;
    left: 2%;
}

.testimonial {
    padding: 0 15px;
}

.testimonial .description {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    color: #848484;
    line-height: 24px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    position: relative;
}

.testimonial .description:before {
    content: "";
    width: 75%;
    border-top: 1px solid #ee0979;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.testimonial .description:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-bottom: 1px solid #ee0979;
    border-right: 1px solid #ee0979;
    transform: translateX(-50%) rotate(45deg);
}

.testimonial .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 25px auto;
    overflow: hidden;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .title {
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #ee0979;
    text-transform: capitalize;
    margin: 0;
}

.testimonial .post {
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    font-size: 20px;
    color: #848484;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    position: absolute;
    bottom: -20%;
    right: 0;
}

.owl-theme .owl-controls .owl-buttons div {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #34363b;
    opacity: 1;
    padding: 0;
    display: inline-block;
    margin: 0 10px;
}

.owl-prev:before, .owl-next:before {
    content: "\f104";
    font-family: "fontawesome";
    font-size: 23px;
    font-weight: 700;
    color: #fff;
}

.owl-next:before {
    content: "\f105";
}

@media only screen and (max-width: 767px) {
    .testimonial-bg {
        padding: 50px 40px;
    }

    .owl-theme .owl-controls {
        bottom: -22%;
    }
}

@media only screen and (max-width: 480px) {
    .testimonial-bg:before {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 40px;
    }

    .testimonial-bg {
        padding: 30px 10px;
    }

    .owl-theme .owl-controls {
        bottom: -15%;
    }
}

@media only screen and (max-width: 360px) {
    .testimonial .title, .testimonial .post {
        font-size: 16px;
    }

    .owl-theme .owl-controls {
        bottom: -12%;
    }
}

.client-testimonial {
    background: #1f3f7a;
}

nav.template-main-menu>ul>li {
    display: inline-block;
    position: relative;
    background: none;
    border: none;
}

nav.template-main-menu>ul>li>a {
    display: block;
}

nav.template-main-menu>ul>li::before, nav.template-main-menu>ul>li::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: red;
}

nav.template-main-menu>ul>li>a::before, nav.template-main-menu>ul>li>a::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #fff;
}

nav.template-main-menu>ul>li:hover::before, nav.template-main-menu>ul>li:hover::after {
    width: 100%;
}

nav.template-main-menu>ul>li:hover span::before, nav.template-main-menu>ul>li:hover span::after {
    height: 100%;
}

nav.template-main-menu>ul>li::after {
    left: 0;
    bottom: 0;
    transition-delay: 0.6s;
}

nav.template-main-menu>ul>li>a::after {
    transition-delay: 0.4s;
    right: 0;
    bottom: 0
}

nav.template-main-menu>ul>li::before {
    right: 0;
    top: 0;
    transition-delay: 0.2s;
}

nav.template-main-menu>ul>li>a::before {
    transition-delay: 0s;
    left: 0;
    top: 0;
}

nav.template-main-menu>ul>li:hover::after {
    transition-delay: 0s;
}

nav.template-main-menu>ul>li:hover a::after {
    transition-delay: 0.2s;
}

nav.template-main-menu>ul>li:hover::before {
    transition-delay: 0.4s;
}

nav.template-main-menu>ul>li:hover a::before {
    transition-delay: 0.6s;
}

.mark, mark {
    padding: .2em;
    background-color: #ffda15;
}

.single-service-wrap-layout1 ul {
    /*list-style:disk !important;*/
    padding: initial;
}

.whatsappicon {
    position: fixed;
    bottom: 118px;
    z-index: 18;
    display: block;
    margin: 0;
    width: 50px;
    height: 50px;
    font-size: 50px;
    background-color: #1c8d2c;
    border-radius: 0.5em;
    box-shadow: 0 0 0 0em rgba(#1c8d2c, 0), 0em 0.05em 0.1em rgba(#000000, 0.2);
    transform: translate3d(0, 0, 0) scale(1);
}

.Phone {
    position: fixed;
    bottom: 61px;
    z-index: 18;
    display: block;
    margin: 0;
    width: 50px;
    height: 50px;
    font-size: 50px;
    background-color: #3498db;
    border-radius: 0.5em;
    box-shadow: 0 0 0 0em rgba(#3498db, 0), 0em 0.05em 0.1em rgba(#000000, 0.2);
    transform: translate3d(0, 0, 0) scale(1);
}

.whatsappicon::before, .whatsappicon::after {
    position: absolute;
    content: "";
}

.Phone::before, .Phone::after {
    position: absolute;
    content: "";
}

.whatsappicon::before {
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    background-color: rgba(#fff, 0.1);
    border-radius: 100%;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
}

.Phone::before {
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    background-color: rgba(#fff, 0.1);
    border-radius: 100%;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
}

.whatsappicon::after {
    top: 0.25em;
    left: 0.25em;
    width: 0.5em;
    height: 0.5em;
    background: url('https://www.trimwebsolutions.com/public/img/whatsapp.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate3d(0, 0, 0);
}

.Phone::after {
    top: 0.25em;
    left: 0.25em;
    width: 0.5em;
    height: 0.5em;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate3d(0, 0, 0);
}

.Phone.is-animating {
    animation: phone-outer 3000ms infinite;
    &::before {
        animation: phone-inner 3000ms infinite;
    }

    &::after {
        animation: phone-icon 3000ms infinite;
    }
}

.whatsappicon.is-animating {
    animation: phone-outer 3000ms infinite;
    &::before {
        animation: phone-inner 3000ms infinite;
    }

    &::after {
        animation: phone-icon 3000ms infinite;
    }
}

@keyframes phone-outer {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(#3498db, 0), 0em 0.05em 0.1em rgba(#000000, 0.2);
    }

    33.3333% {
        transform: translate3d(0, 0, 0) scale(1.1);
        box-shadow: 0 0 0 0em rgba(#3498db, 0.1), 0em 0.05em 0.1em rgba(#000000, 0.5);
    }

    66.6666% {
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0.5em rgba(#3498db, 0), 0em 0.05em 0.1em rgba(#000000, 0.2);
    }

    100% {
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(#3498db, 0), 0em 0.05em 0.1em rgba(#000000, 0.2);
    }
}

@keyframes phone-inner {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(0);
    }

    33.3333% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(0.9);
    }

    66.6666% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(0);
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(0);
    }
}

@keyframes phone-icon {
    0% {
        transform: translate3d(0em, 0, 0);
    }

    2% {
        transform: translate3d(0.01em, 0, 0);
    }

    4% {
        transform: translate3d(-0.01em, 0, 0);
    }

    6% {
        transform: translate3d(0.01em, 0, 0);
    }

    8% {
        transform: translate3d(-0.01em, 0, 0);
    }

    10% {
        transform: translate3d(0.01em, 0, 0);
    }

    12% {
        transform: translate3d(-0.01em, 0, 0);
    }

    14% {
        transform: translate3d(0.01em, 0, 0);
    }

    16% {
        transform: translate3d(-0.01em, 0, 0);
    }

    18% {
        transform: translate3d(0.01em, 0, 0);
    }

    20% {
        transform: translate3d(-0.01em, 0, 0);
    }

    22% {
        transform: translate3d(0.01em, 0, 0);
    }

    24% {
        transform: translate3d(-0.01em, 0, 0);
    }

    26% {
        transform: translate3d(0.01em, 0, 0);
    }

    28% {
        transform: translate3d(-0.01em, 0, 0);
    }

    30% {
        transform: translate3d(0.01em, 0, 0);
    }

    32% {
        transform: translate3d(-0.01em, 0, 0);
    }

    34% {
        transform: translate3d(0.01em, 0, 0);
    }

    36% {
        transform: translate3d(-0.01em, 0, 0);
    }

    38% {
        transform: translate3d(0.01em, 0, 0);
    }

    40% {
        transform: translate3d(-0.01em, 0, 0);
    }

    42% {
        transform: translate3d(0.01em, 0, 0);
    }

    44% {
        transform: translate3d(-0.01em, 0, 0);
    }

    46% {
        transform: translate3d(0em, 0, 0);
    }
}

.trimwebsolutions-curv-div {
    /*background: #2143a5;*/
    /*color: #fff;*/
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 8px 25px;
}

.trimwebsolutions-curv-div p {
    /*color: #fff !important;*/
}

.trimwebsolutions-curv-div a strong {
    font-size: 29px;
    color: #e7e000;
}

.trimwebsolutions-curv-div-2 {
    /*background: #2143a5;*/
    color: #fff;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 100px;
    padding: 21px 29px;
}

.trimwebsolutions-curv-div-2 p {
    /*color: #fff !important;*/
}

.trimwebsolutions-curv-div-2 a strong {
    font-size: 29px;
    color: #e7e000;
}

.trimwebsolutions-curv-div-3 {
    /*background: #2143a5;*/
    /*color: #fff;*/
    border-top-right-radius: 100px;
    border-bottom-left-radius: 125px;
    padding: 21px 29px;
}

.trimwebsolutions-curv-div-3 p {
    /*color: #fff !important;*/
}

/* p {
    color: #161616 !important;
    font-family: 'Arsenal', sans-serif !important;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 0.25px;
} */

.service-wrap-layout4 .panel-heading p{
    /*color: #161616 !important;*/
    /*font-family: 'Arsenal', sans-serif !important;*/
    /*font-size: 19px;*/
    /*line-height: 40.25px;*/
    /*letter-spacing: 0.25px;*/
}
.service-wrap-layout4 .faq-question{
    /*color: #161616 !important;*/
    /*font-family: 'Arsenal', sans-serif !important;*/
    /*font-size: 23px;*/
    /*line-height: 40.25px;*/
    /*letter-spacing: 0.25px;*/
    /* font-weight: bold; */
}
.mdr p{
    /*color: #161616 !important;*/
    /*font-family: 'Arsenal', sans-serif !important;*/
    /*font-size: 23px;*/
    /*line-height: 40.25px;*/
    /*letter-spacing: 0.25px;*/
    /* font-weight: bold; */
}
.service-wrap-layout4 .faq-answer{
    color: #161616 !important;
    font-family: 'Arsenal', sans-serif !important;
    font-size: 19px;
    line-height: 40.25px;
    letter-spacing: 0.25px;
}
.trimwebsolutions-curv-div-3 a strong {
    font-size: 29px;
    color: #e7e000;
}

.nav-myicon {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 1px #d9daef solid;
}

.header-action-layout1 span {
    font-size: 11px;
    display: table;
}

.naviconli {
    margin-right: 14px;
    background: #194582;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}

.naviconli a span {
    color: #fff;
}

.trimwebsolutions-contactnumber {
    font-size: 41px!important;
    color: #203a97;
    font-weight: bolder;
}

.trimwebsolutions-contactnumber .number {
    font-family: 'Poppins';
}

.navbarupperstyle {
    margin-top: 4px;
    border-top: 2px blue solid;
}

.bg-contact-footer {
    background: url('bg-contact.png');
}

.bg-contact-footer h3 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 37px;
    margin-bottom: 3px;
}

.force-overflow {
    min-height: 450px;
}

/* body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
    background-color: #3366FF;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
} */

.topServiceSection {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #111845;
}

.background-img {
    background: linear-gradient(rgb(160 80 80 / 70%),rgb(215 216 183 / 70%)), url(https://www.trimwebsolutions.com/public/img/trimwebsolutions-breadcome1.webp);
    height: 200px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 25px 0px;
    border: 1px solid #2a3cad;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #2a3cad;
    position: relative;
    background-position: left;
}

.content h2 {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0;
}

.box {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #111845a6;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0px -1px 51px 3px rgb(255 255 255);
    border: 2px solid #2a3cad;
    color: white;
    padding: 7px;
}

.box:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.1);
    transition: 0.5s;
    pointer-events: none;
}

.box:hover:before {
    left: -50%;
    transform: skewX(-5deg);
}

.box .content {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 1px solid #f0a591;
    padding: 20px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(9,0,0,0.5);
}

.box span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}

.box span:nth-child(1) {
    transform: rotate(0deg);
}

.box span:nth-child(2) {
    transform: rotate(90deg);
}

.box span:nth-child(3) {
    transform: rotate(180deg);
}

.box span:nth-child(4) {
    transform: rotate(270deg);
}

.box span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #50dfdb;
    animation: animate 4s linear infinite;
}

@keyframes animate {
    0% {
        transform: scaleX(0);
        transform-origin: left;
    }

    50% {
        transform: scaleX(1);
        transform-origin: left;
    }

    50.1% {
        transform: scaleX(1);
        transform-origin: right;
    }

    100% {
        transform: scaleX(0);
        transform-origin: right;
    }
}

.left-150 {
    left: 171px;
}

.left-300 {
    left: 342px;
}

.left-450 {
    left: 513px;
}

.left-600 {
    left: 684px;
}

.left-750 {
    left: 855px;
}

.left-900 {
    left: 1026px;
}

.left-1050 {
    left: 1050px;
}

.dm-0 {
    display: block;
}

@media screen and (max-width: 968px) {
    .dm-0 {
        display: none;
    }
}