/* ================================================================= */
/* ======================= PRIMARY RESET START ===================== */
* {
    margin: 0px;
    padding: 0px;
    border: 0;
    outline: 0;

    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
         -o-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
	color: inherit;
	text-decoration: none;
    outline: 0 !important;
}

a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

ol,
ul,
li {
	list-style-type: none;
}

.clr {
	clear: both;
}

body {
    font-family: 'Poppins', sans-serif;
	background: #fff;
}

.page-wrapper {
    overflow-x: hidden;
}

body::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
	background-color: #fff;
}

body::-webkit-scrollbar,
textarea::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
	background-color: #172460;
}

ol,
ul,
li {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

h1, h2, h3, h4, h5, h6, figure {
    margin: 0;
}

p {
    margin-bottom: 0;
}

input,
textarea {
    border: 0;
    outline: 0;
    box-shadow: none;
    resize: none;
    background-color: transparent;
}

input:focus,
textarea:focus {
    box-shadow: none;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

textarea::placeholder,
input::placeholder {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

button {
    background-color: transparent;
    border: 0;
    outline: 0 !important
}

img {
    max-width: 100%;
}

nav {
    margin-bottom: 0;
}

::-moz-selection {
    color: #fff;
    background: #172460;
    text-shadow: none;
}

::selection {
    background: #172460;
    color: #fff;
    text-shadow: none;
}

.list-inline {
    margin-left: 0;
}

.list-inline > li {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.panel-heading {
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0;
}

.panel {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.panel-default {
    border: 0 !important;
}

/* essentials start */
.bdrs-0 {border-radius: 0px;}
.bdrs-3 {border-radius: 3px;}
.bdrs-5 {border-radius: 5px;}
.bdrs-10 {border-radius: 10px;}
.no-border {border: none !important;}
.crop {overflow: hidden;}
.tdu:hover {text-decoration: underline;}
/* essentials end */
/* ======================== PRIMARY RESET END ====================== */
/* ================================================================= */

/*===============================================*/
         /* BACK TO TOP CLASSES START */
/*===============================================*/
.back2Top {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   -webkit-box-shadow: 0 8px 12px -4px rgba(0,0,0,.5);
   box-shadow: 0 8px 12px -4px rgba(0,0,0,.5);
   text-align: center;
   cursor: pointer;
   z-index: 999;
   position: fixed;
   bottom: -60px;
   right: 20px;
   overflow: 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;
}

.back2Top .fa {
    font-size: 35px;
    line-height: 50px;
}

.totop {
   bottom: 20px;
   -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;
}
/*===============================================*/
         /* BACK TO TOP CLASSES END */
/*===============================================*/

/* all spacing (padding and margin) start */

/*padding-10*/
.pt-10,
.py-10,
.p-10 {padding-top: 10px;}
.pb-10,
.py-10,
.p-10 {padding-bottom: 10px;}
.pl-10,
.px-10,
.p-10 {padding-left: 10px;}
.pr-10,
.px-10,
.p-10 {padding-right: 10px;}
/*padding-10 end*/

/*padding-15*/
.pt-15,
.py-15,
.p-15 {padding-top: 15px;}
.pb-15,
.py-15,
.p-15 {padding-bottom: 15px;}
.pl-15,
.px-15,
.p-15 {padding-left: 15px;}
.pr-15,
.px-15,
.p-15 {padding-right: 15px;}
/*padding-15 end*/

/*padding-20*/
.pt-20,
.py-20,
.p-20 {padding-top: 20px;}
.pb-20,
.py-20,
.p-20 {padding-bottom: 20px;}
.pl-20,
.px-20,
.p-20 {padding-left: 20px;}
.pr-20,
.px-20,
.p-20 {padding-right: 20px;}
/*padding-20 end*/

/*padding-25*/
.pt-25,
.py-25,
.p-25 {padding-top: 25px;}
.pb-25,
.py-25,
.p-25 {padding-bottom: 25px;}
.pl-25,
.px-25,
.p-25 {padding-left: 25px;}
.pr-25,
.px-25,
.p-25 {padding-right: 25px;}
/*padding-25 end*/

/*padding-30*/
.pt-30,
.py-30,
.p-30 {padding-top: 30px;}
.pb-30,
.py-30,
.p-30 {padding-bottom: 30px;}
.pl-30,
.px-30,
.p-30 {padding-left: 30px;}
.pr-30,
.px-30,
.p-30 {padding-right: 30px;}
/*padding-30 end*/

/*padding-35*/
.pt-35,
.py-35,
.p-35 {padding-top: 35px;}
.pb-35,
.py-35,
.p-35 {padding-bottom: 35px;}
.pl-35,
.px-35,
.p-35 {padding-left: 35px;}
.pr-35,
.px-35,
.p-35 {padding-right: 35px;}
/*padding-35 end*/

/*padding-40*/
.pt-40,
.py-40,
.p-40 {padding-top: 40px;}
.pb-40,
.py-40,
.p-40 {padding-bottom: 40px;}
.pl-40,
.px-40,
.p-40 {padding-left: 40px;}
.pr-40,
.px-40,
.p-40 {padding-right: 40px;}
/*padding-40 end*/

/*padding-45*/
.pt-45,
.py-45,
.p-45 {padding-top: 45px;}
.pb-45,
.py-45,
.p-45 {padding-bottom: 45px;}
.pl-45,
.px-45,
.p-45 {padding-left: 45px;}
.pr-45,
.px-45,
.p-45 {padding-right: 45px;}
/*padding-45 end*/

/*padding-50*/
.pt-50,
.py-50,
.p-50 {padding-top: 50px;}
.pb-50,
.py-50,
.p-50 {padding-bottom: 50px;}
.pl-50,
.px-50,
.p-50 {padding-left: 50px;}
.pr-50,
.px-50,
.p-50 {padding-right: 50px;}
/*padding-50 end*/

/*margin-10*/
.mt-10,
.my-10,
.m-10 {margin-top: 10px;}
.mb-10,
.my-10,
.m-10 {margin-bottom: 10px;}
.ml-10,
.mx-10,
.m-10 {margin-left: 10px;}
.mr-10,
.mx-10,
.m-10 {margin-right: 10px;}
/*margin-10 end*/

/*margin-15*/
.mt-15,
.my-15,
.m-15 {margin-top: 15px;}
.mb-15,
.my-15,
.m-15 {margin-bottom: 15px;}
.ml-15,
.mx-15,
.m-15 {margin-left: 15px;}
.mr-15,
.mx-15,
.m-15 {margin-right: 15px;}
/*margin-15 end*/

/*margin-20*/
.mt-20,
.my-20,
.m-20 {margin-top: 20px;}
.mb-20,
.my-20,
.m-20 {margin-bottom: 20px;}
.ml-20,
.mx-20,
.m-20 {margin-left: 20px;}
.mr-20,
.mx-20,
.m-20 {margin-right: 20px;}
/*margin-20 end*/

/*margin-25*/
.mt-25,
.my-25,
.m-25 {margin-top: 25px;}
.mb-25,
.my-25,
.m-25 {margin-bottom: 25px;}
.ml-25,
.mx-25,
.m-25 {margin-left: 25px;}
.mr-25,
.mx-25,
.m-25 {margin-right: 25px;}
/*margin-25 end*/

/*margin-30*/
.mt-30,
.my-30,
.m-30 {margin-top: 30px;}
.mb-30,
.my-30,
.m-30 {margin-bottom: 30px;}
.ml-30,
.mx-30,
.m-30 {margin-left: 30px;}
.mr-30,
.mx-30,
.m-30 {margin-right: 30px;}
/*margin-30 end*/
/* all spacing (padding and margin) end */

/* ==================================================== */
			/* ALL TEXT FORMAT START */
/* ==================================================== */
/* font-family start */
.f1{font-family: 'Poppins', sans-serif;}
.f2{font-family: 'Playfair Display', serif;}
.f3{font-family: 'Open Sans', sans-serif;}
.f4{font-family: 'Lato', sans-serif;}
.f5{font-family: 'Montserrat', sans-serif;}
.f6{font-family: 'Lora', serif;}
/* font-family end */


/*font-weight start*/
.fw-1 {font-weight:100;}
.fw-3 {font-weight:300;}
.fw-4 {font-weight:400;}
.fw-5 {font-weight:500;}
.fw-6 {font-weight:600;}
.fw-7 {font-weight:700;}
.fw-8 {font-weight:800;}
.fw-9 {font-weight:900;}
/*font-weight end*/

/* animation-delay start */
.animDe-1 {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}

.animDe-2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.animDe-3 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animDe-4 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

.animDe-5 {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
/* animation-delay end */

/* txt-normal start */
.txt-normal {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
/* txt-normal end */

/* colors start */
.c1 {color: #172460 !important}
.c2 {color: #f34b4b !important}
.c3 {color: #1f49c3 !important}

.bg1 {background: #172460 !important}
.bg2 {background: #f34b4b !important}

[data-bg="1"] {background: url('../img/bg/01.jpg') no-repeat center center;}
[data-bg="2"] {background: url('../img/bg/05.jpg') no-repeat center center;}
[data-bg="3"] {background: url('../img/bg/06.jpg') no-repeat center center;}
[data-bg="4"] {background: url('../img/bg/07.jpg') no-repeat center center;}
[data-bg="5"] {background: url('../img/bg/08.jpg') no-repeat center center;}
[data-bg="6"] {background: url('../img/bg/09.jpg') no-repeat center center;}
[data-bg="7"] {background: url('../img/bg/10.jpg') no-repeat center center;}
[data-bg="8"] {background: url('../img/bg/11.jpg') no-repeat center center;}

#mainSlider .carousel-item {
    height: 847px;
    -webkit-background-size: cover;
    background-size: cover;
}

#mainSlider .carousel-item[data-bg="8"] {
    height: 630px !important;
}

.bannerContent > h2 {
    font-size: 16px;
    letter-spacing: 2px;
    padding-bottom: 13px;
}

[data-bg="3"] .bannerContent > h2 {
    letter-spacing: 0;
    font-size: 22px;
}

[data-bg="3"] .bannerContent > h2 i {
    display: inline-block;
    position: relative;
}

[data-bg="3"] .bannerContent > h2 i::after {
    position: absolute;
    content: '';
    width: 79px;
    height: 1px;
    background: #fff;
    bottom: 5px;
    left: calc(100% + 48px);
}

.bannerContent > h1 {
    font-size: 55px;
    line-height: 63px;
    font-weight: 600;
}

.bannerContent > h1 > span,
.form-summary > h1 > span {
    font-style: italic;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid currentColor;
}

.bannerContent > p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    padding-right: 80px;
    color: #1c1c1c;

    margin-top: 20px;
    margin-bottom: 28px;
}

[data-bg="7"] .bannerContent > p,
[data-bg="8"] .bannerContent > p {
    padding-right: 0;
}

[data-bg="3"] .bannerContent > p {
    margin-bottom: 36px;
}

.thm-btn {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: .5px;

    display: inline-block;
    padding: 18px 33px;
}

.slider-btn-o {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .5px;

    display: inline-block;
    padding: 14px 54px 12px;
    border-radius: 28px;
}

[class^="carousel-control"] {
    width: 80px;
    height: 80px;
    font-size: 30px;
    background: #172460;
    color: #fff !important;

    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sider-vdo {
    width: 370px;
    height: 337px;
    line-height: 337px;
    background: url('../img/bg/video.jpg') no-repeat center center, #be2c2c;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-blend-mode: multiply;
    -moz-background-blend-mode: multiply;
    -ms-background-blend-mode: multiply;
    -o-background-blend-mode: multiply;
    background-blend-mode: multiply;
}
/*
.sider-vdo::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(190, 44, 44, 0.5);
    top: 0;
    left: 0;
    z-index: -1;
}*/

.vdo-summary {
    padding-left: 28px;
    padding-right: 30px;
    margin-bottom: 80px;
}

.vdo-summary > h1 {
    font-size: 54px;
    line-height: 64px;
    padding-right: 60px;
}
.vdo-summary > p {
    font-size: 18px;
    line-height: 26px;
    padding-top: 18px;
}

.form-summary {
    padding-top: 242px;
}

.form-summary > h1 {
    font-size: 54px;
    line-height: 59px;
    color: #262626;
}

.form-summary > p {
    color: #1c1c1c;
    font-size: 18px;
    line-height: 26px;
    padding-top: 25px;
    padding-right: 80px;
}

.slider-from {
    background: #283178;
    border-radius: 10px;
    padding: 36px 40px 50px;
}

.slider-from > h2 {
    font-size: 22px;
    line-height: 33px;
}
.slider-from > p {
    opacity: .65;
    padding-top: 10px;
}

.slider-from form {
    margin-top: 28px;
}

.slider-from form input {
    font-size: 15px;
    color: #fff;
    width: 100%;
    height: 48px;
    background: #242d6f;
    padding: 0 20px;
    margin-bottom: 15px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px #3a4491;
    box-shadow: inset 0 0 0 1px #3a4491;
}

.slider-from form input::-webkit-input-placeholder {color: rgba(255,255,255,.7);}
.slider-from form input::-moz-placeholder {color: rgba(255,255,255,.7);}
.slider-from form input:-ms-input-placeholder {color: rgba(255,255,255,.7);}
.slider-from form input::placeholder {color: rgba(255,255,255,.7);}

.slider-from form button {
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    background: #f34b4b;
    letter-spacing: .5px;
    cursor: pointer;
    display: inline-block;
    padding: 13px 37px;
    margin-top: 9px;
}
/* INTRO start */
.intro {
    padding-top: 94px;
    background: #302c38;
}

.intro.intro-3 {
    padding-top: 0;
    margin-top: 4px;
    margin-bottom: 25px;
}

.intro-3 > .intro-txt > .container {
    position: relative;
    padding-top: 75px;
}

.intro-3 > .intro-txt > .container::before {
    position: absolute;
    content: '';
    width: calc(100% - 30px);
    height: 1px;
    background: #e4e4e4;
    left: 15px;
    top: 0;
}

.intro-2 {background: #efefef;}
.intro-3 {background: #fff;}

.intro-txt {
    margin-bottom: 57px;
}

.intro-2 .intro-txt {
    margin-bottom: 38px;
}

.intro-txt header > h2 {
    font-style: italic;
    font-size: 22px;
    margin-bottom: 17px;
}

.intro-2 .intro-txt header > h2 {
    color: #283178;
    margin-bottom: 0;
}

.intro-txt header > p {
    font-size: 26px;
}

.intro-2 .intro-txt header > p {
    font-size: 34px;
    color: #172460;
}

.intro-3 .intro-txt {
    margin-bottom: 17px;
}

.intro-3 .intro-txt header h2 {
    font-size: 38px;
    line-height: 36px;
    color: #283178;
    font-style: normal;
}
.intro-3 .intro-txt header p {
    font-size: 16px;
    line-height: 26px;
    color: #797979;
}

.intro-carousel-btn {
    width: 46px;
    height: 46px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 2px rgba(133, 133, 133, 0.5);
    box-shadow: inset 0 0 0 2px rgba(133, 133, 133, 0.5);
    cursor: pointer;
}

.intro-carousel-btn + .intro-carousel-btn {
    margin-left: 6px;
}

.intro-carousel-btn i {
    font-size: 22px;
    line-height: 46px;
    color: #c2c2c2;
    font-weight: 400;
}

.intro-txt article > p {
    font-size: 16px;
    line-height: 28px;
}

.featured {
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
}

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

.intro-2 .featured::before,.intro-3 .featured::before {display: none;}

.feature-card {
    max-width: 100%;
    width: 270px;
    margin: 0 auto 45px;
    text-align: center;
    background: #fff;
    padding-bottom: 32px;
}

.intro-3 .owl-stage-outer {
    padding: 30px 0;
}

.intro-3 .feature-card {
    -webkit-box-shadow: inset 0 0 0 1px #dedede;
    box-shadow: inset 0 0 0 1px #dedede;
}

.feature-card img {
    position: relative;
    display: block;
    z-index: 1;
}

.intro-2 .feature-card img,
.intro-3 .feature-card img {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.feature-card .fc-body p {
    font-size: 15px;
    color: #797979;
    padding-bottom: 17px;
}

.feature-card .fc-body h2 {
    font-size: 20px;
    padding-top: 32px;
    margin-bottom: 15px;
}

.feature-card .fc-body a {
    font-size: 13px;
    font-weight: 600;
}

.feature-card .fc-body {
    position: relative;
    z-index: 1;
}

.feature-card .fc-body::before {
    position: absolute;
    content: '';
    width: 250px;
    height: 50px;
    border-radius: 25%;
    top: -45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(0,0,0,.15);
    z-index: -1;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
}

.featured > p {
    color: #766e86;
}
.featured > p > a {
    color: #4f4fa2;
    border-bottom: 1px solid currentcolor;
}

/* INTRO end */

/* MISSION star */
.mission {
    padding-top: 80px;
    padding-bottom: 120px;
}

.mission header > img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.mission header section {
    width: 321px;
    background: #172460;
    color: #fff !important;
    padding: 35px;
    position: relative;
    margin-right: -15px;
    margin-bottom: -20px;
    z-index: 2;
}

.mission header h2 {
    font-size: 22px;
    text-transform: capitalize;
}
.mission header p {
    padding-top: 7px;
    color:  rgba(255,255,255,.45);
}

.mission article {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.mission article p {
    color: #797979;
    margin-top: 5px;
}

.mission article > a {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid currentcolor;
}
/* MISSION end */

/* CASE start */
.case {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #eceff3;
}

.caseThumb {
    margin-bottom: 10px;
}

.singleCase:hover .caseThumb {

}

.caseThumb a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.caseThumb a::before {
    position: absolute;
    content: '';
    width: calc(100% + 3px);
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    background-image: -webkit-linear-gradient(left, #273272 , #c6d3e3);
    background-image: -o-linear-gradient(right, #273272, #c6d3e3);
    background-image: -moz-linear-gradient(right, #273272, #c6d3e3);
    background-image: linear-gradient(to right, #273272 , #c6d3e3);
    opacity: .7;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
}

.singleCase:hover .caseThumb a::before {
    visibility: hidden;
    opacity: 0;
}

.caseThumb img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.singleCase:hover .caseThumb img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.case header > p {
    color: #898989;
}

.case header h2 {
    margin-bottom: 15px;
}

.singleCase h2 a {
    font-size: 16px;
}

.case-carousel-btn {
    cursor: pointer;
    width: 43px;
    height: 43px;
    line-height: 43px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    color: #aaa;
    -webkit-box-shadow: inset 0 0 0 2px #aaa;
    box-shadow: inset 0 0 0 2px #aaa;
}

.case-carousel-btn.btn-prev {
    margin-right: 9px;
}
.case-carousel-btn.btn-next {
    margin-left: 9px;
}

.caseButtons {
    margin-top: 30px;
}
/* CASE end */

/* BRANDS start */
.clients .brands {
    padding-bottom: 30px;
}
/* BRANDS end */

/* RATINGS start */
.rating-single {
    position: relative;
    padding: 13px 30px 0 70px;
    margin-top: 50px;
}

.clients {
    padding-top: 40px;
    padding-bottom: 83px;
    background-image: -moz-linear-gradient( 90deg, rgb(236,239,243) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(236,239,243) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(236,239,243) 0%, rgb(255,255,255) 100%);
}

.ratings > .container {
    padding-top: 75px;
    border-top: 1px solid #e4e4e4;
}

.ratings > .container > .row h2 > span {
    display: inline-block;
    font-size: 32px;
    position: relative;
}

.ratings > .container > .row h2 > span::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 2px;
    background: #252b48;
    bottom: 8px;
    left: calc(100% + 14px);
}

.rating-single > p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.rating-single > span {
    position: absolute;
    top: -13px;
    left: 0;
    font-size: 120px;
    color: #1f49c3;
}

.author-info {
    margin-top: 37px;
}

.author-info h3 {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-style: italic;
    color: #172460;
    margin-bottom: 5px;
}

.author-info p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #4772ef;
}

.author-info > div {
    margin-left: 25px;
}

.rating-carousel .owl-dots {
    text-align: center;
    margin-top: 49px;
}

.rating-carousel .owl-dot {
    width: 12px;
    height: 6px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 7px;
    background: #bbbdc5;

    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.rating-carousel .owl-dot.active {
    background: #1f49c3;
    width: 24px;
}
/* RATINGS end */

/* WHYUS start */
.whyus {
    padding-top: 100px;
    padding-bottom: 100px;
    background: url(../img/bg/02.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: rgba(37, 43, 72, 1);
    background-blend-mode: multiply;
    position: relative;
}


.whyus section > h2 {
    font-size: 40px;
}
.whyus section > p {
    font-size: 24px;
    line-height: 38px;
    padding-right: 60px;
    padding-bottom: 27px;
    color: rgba(255,255,255,.6);
    position: relative;
}

.whyus section > p::before {
    position: absolute;
    content: '';
    width: 115px;
    height: 1px;
    background: rgba(255,255,255,.6);
    bottom: 0;
    left: 0;
}

.feature-container {
    margin-top: 57px;
}

.feature-block > img {
    width: 59px;
    height: 59px;
}

.feature-body {
    margin-left: 22px;
}

.feature-block h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 23px;
    font-weight: 700;
}

.feature-block p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #c1c3d0;
}

.feature-block:nth-of-type(1) h3 {color: #de3939;}
.feature-block:nth-of-type(2) h3 {color: #23d81e;}
.feature-block:nth-of-type(3) h3 {color: #03b2d7;}

.feature-block:not(:last-of-type) {
    margin-bottom: 35px;
}

.consultant {
    height: 497px;
    background: #9bb1d1;
    padding: 35px 20px 0 25px;
}

.consultant h2 {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2.5px;
}

.consultant h3 {
    font-size: 18px;
    line-height: 24px;
}

.consultant p {
    margin-top: 2px;
    font-size: 20px;
    line-height: 24px;
}

.consultant a {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.consultant a i {
    color: #810021
}
/* WHYUS end */

/* service-area start */
.service-area {
    padding-top: 96px;
    padding-bottom: 93px;
    background: #e9eaee;
}
.service-area header > h2 {
    font-size: 34px;
    margin-bottom: 16px;
}
.service-area header > p {
    color: #797979;
    margin-bottom: 30px;
}

.singleArea {
    text-align: center;
    padding: 40px 10px;
    background: #fff;
    border-right: 1px solid #e9eaee;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    z-index: 1;
}

.singleArea:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    border-color: transparent;

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    z-index: 2;
}

.areaInner > a {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #172460;
    font-size: 18px;
    line-height: 26px;
}
.areaInner > a img {
    display: block;
    max-width: 100%;
    width: 64px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.service-area .c-more {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #f34b4b;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.service-area .c-more::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #f34b4b;
    bottom: 0;
    left: 0;
}
/* service-area end */

/* areaBanner start */
.areaBanner-wrapper {
    position: relative;
    z-index: 1;
}

.areaBanner-wrapper::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background: #e9eaee;
    z-index: -1;
}

.areaBanner-wrapper.clr::before {
    display: none;
}

.areaBanner-wrapper.clr {
    margin-bottom: -64px;
    margin-top: 86px;
}

.areaBanner section {
    padding: 56px 70px 70px;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.banner1 {background: url(../img/area/banner-1.jpg) no-repeat center center;}
.banner2 {background: url(../img/area/banner-2.jpg) no-repeat center center;}

.aw-2 .banner1 {background: url(../img/area/banner-3.jpg) no-repeat center center;}
.aw-2 .banner2 {background: url(../img/area/banner-4.jpg) no-repeat center center;}

.areaBanner section h2 {
    font-size: 40px;
    line-height: 58px;
}

.banner1 h2 {
    color: #293c7a;
}

.areaBanner section p {
    margin: 19px 0 25px;
}

.banner1 p {
    color: #6c6c6c;
}

.aw-2 .banner1 > a,
.aw-2 .banner2 > a {
    color: #34457e
}
/* areaBanner end */

/* blogSection start */
.blogSection {
    padding-top: 90px;
    padding-bottom: 90px;
}

.blogSection header {
    padding-bottom: 22px;
    border-bottom: 1px solid #d8d8d8;
}

.blogSection header a {
    font-size: 13px;
    color: #f34b4b;
    text-transform: uppercase;
    border-bottom: 1px solid currentcolor;
}


.blogSection .thePost {
    margin-top: 50px;
}

.blogSection .thePost .category {
    font-size: 14px;
    color: #898989;
}

.blogSection .thePost > .thePostBody h2 {
    line-height: 1px;
    margin-top: 5px;
    margin-bottom: 3px;
}

.blogSection .thePost > .thePostBody h2 > a {
    font-size: 18px;
    line-height: 28px;
    color: #172460;
}

.blogSection .thePost .date {
    font-size: 18px;
    line-height: 38px;
    color: #797979;
    font-style: italic;
}

.blogSection .thePost .thumb {
    margin-bottom: 24px;
    position: relative;
}

.blogSection .thePost .thumb a {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.blogSection .thePost .thumb a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    
    background: rgba(170,177,191,1);
    background: -moz-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170,177,191,1)), color-stop(100%, rgba(40,49,120,1)));
    background: -webkit-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -o-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -ms-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: linear-gradient(to bottom, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aab1bf', endColorstr='#283178', GradientType=0 );

    top: 0;
    left: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
}

.blogSection .thePost:hover .thumb a::before {
    visibility: visible;
    opacity: .55;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.blogSection .thePost .thumb > img {
    position: absolute;
    top: calc(50% + 10px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all .3s ease 0;
    transition: all .3s ease 0;
}

.blogSection .thePost:hover .thumb > img {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}
/* blogSection end */

/* map start */
.contact-map-area {
    box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.18);
}

#map {
  width: 100%;
  height: 340px;
}
/* map end */

/* vdo start */
.vdo {
    padding-top: 112px;
    padding-bottom: 120px;
    background: url(../img/bg/03.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.vdo::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(37, 43, 72, .8);
    top: 0;
    left: 0;
    z-index: -1;
}

.vdoBtn {
    width: 129px;
    height: 129px;
    display: block;
    text-align: center;
    line-height: 130px;
    border-radius: 100%;
    background: #fff;
    font-size: 50px;
    position: relative;
    z-index: 1;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

.vdoBtn::before {
    position: absolute;
    content: '';
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    top: -30px;
    left: -30px;
    border-radius: 100%;
    border: 1px solid #e8e6ee;
    display: block;
}

.vdoBtn::after {
    position: absolute;
    content: '';
    width: calc(100% + 120px);
    height: calc(100% + 120px);
    top: -60px;
    left: -60px;
    border-radius: 100%;
    border: 1px solid #e8e6ee;
    display: block;
}

.vdoBtn::before {
    -webkit-animation: pulse 3s ease-out infinite;
    animation: pulse 3s ease-out infinite;
}

.vdoBtn::after {
    -webkit-animation: pulse-border 4s ease-out infinite;
    animation: pulse-border 4s ease-out infinite;
}

.vdo section h3 {
    font-size: 30px;
    font-style: italic;
}
.vdo section h2 {
    font-size: 80px;
}

.vdo section p {
    font-size: 20px;
    line-height: 28px;
}
/* vdo end */

/* chatbox start */
.chatbox-wrapper {
    padding-top: 77px;
    position: relative;
    z-index: 2;
}

.chatbox-wrapper::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 80px;
    background: #eff0f3;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.chatBox {
    padding: 53px 50px 67px 60px;
    background: #fff;
    border-top: 5px solid #283178;
    -webkit-box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.18);
}

.chatbox-wrapper section p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.chatbox-wrapper section h2 {
    font-size: 30px;
    margin-bottom: 17px;
}

.chatbox-wrapper section h3 {
    font-size: 30px;
    color: #797979;
    font-style: italic;
}

.chatCate {
    margin-top: 29px;
}

.chatCate .g-select {
    font-size: 18px;
    line-height: 42px;
    color: #797979;
    border-radius: 0;
    padding-left: 5px;
    padding-right: 18px;
    border-bottom: 1px solid #797979;

    position: relative;
}

.chatCate .dropdown-toggle::after {
    position: absolute;
    top: calc(50% + 4px);
    right: 20px;
    border-top-color: #000 !important;
    border-bottom-color: #000 !important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.chatCate .bootstrap-select .dropdown-menu li a {
    font-size: 18px;
    line-height: 42px;
    color: #797979;
    border-radius: 0;
}

.chatCate .bootstrap-select .dropdown-menu li a.selected.active,
.chatCate .bootstrap-select .dropdown-menu li a:hover {
    background: #2a3274;
    color: #fff;
}

.contactUs {
    margin-top: 40px;
}

.contactUs input {
    width: calc(100% - 142px);
    height: 50px;
    float: left;
    padding: 20px;
    background: #f7f7f7;
    border: 1px solid #e8e6ee;
}

input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}
input::-moz-placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}
input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}
input::placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.contactUs button {
    width: 142px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #f34b4b;
    border: 1px solid #e8e6ee;
    border-left: none;
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.contactUs button:hover {
    background: #172460;
}
/* chatbox end */

/* footer start */
footer {
    padding-top: 85px;
    background: #eff0f3;
}

.footer-2 {
    padding-top: 164px;
    background: url(../img/bg/14.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.footer-col {
    margin-bottom: 19px;
}

.footer-col > span {
    font-size: 14px;
    color: #bababa;
    font-style: italic;
}
.footer-col > span > span {
    font-size: 18px;
    line-height: 32px;
    color: #172460;
    font-style: normal;
    font-weight: 400;
}
.footer-col > .txt-normal {
    color: #8b8b8b;
    margin-top: 23px;
    margin-bottom: 11px;
}

.footer-col > h2 {
    margin-bottom: 19px;
    line-height: 8px;
    position: relative;
    z-index: 1;
}

.footer-col > h2::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #d6d8de;
    bottom: -5px;
    right: 0;
    z-index: -1;
}

.footer-2 .footer-col > h2::before {
    display: none;
}

.footer-col > h2 > span {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #172460;
    text-transform: capitalize;
    display: inline-block;

    position: relative;
    z-index: 1;
}

.footer-col > h2 > span::before {
    position: absolute;
    content: '';
    width: calc(100% + 16px);
    height: calc(100% + 30px);
    background: #eff0f3;
    left: 0;
    bottom: -10px;
    z-index: -1;
}

.footer-2 .footer-col > h2 > span::before {
    display: none;
}

.footer-2 .footer-col {
    overflow: hidden;
}

.footer-2 .footer-col > h2 > span::after {
    position: absolute;
    content: '';
    width: 300%;
    height: 1px;
    background: #d6d8de;
    bottom: -5px;
    opacity: .15;
    left: calc(100% + 20px);
    z-index: -1;
}

.useful-links {
    padding-top: 13px;
}

.useful-links li:not(:last-of-type) {
    margin-bottom: 11px;
}

.useful-links li a {
    font-weight: 400;
    color: #8b8b8b;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .2px;
    position: relative;
}

.footer-2 .useful-links li a {
    color: rgba(255,255,255,.6)
}

.useful-links li a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: currentcolor;
    bottom: -3px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.useful-links li a:hover::before {
    visibility: visible;
    opacity: 1;
    bottom: 0;
}

.footer-col > p:not(.txt-normal) {
    font-size: 14px;
    color: #8b8b8b;
    padding-top: 17px;
}

.footer-social li {
    display: inline-block;
    margin: 7px;
    margin-left: 0;
}

.footer-social a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
    border-radius: 100%;
    border: 1px solid #858585;
    color: #858585;
}

.footer-social a i {
    font-size: 16px;
}

.footer-social a:hover {
    background: #2a3274;
    border: 1px solid #2a3274;
    color: #fff;
}

.footer-2 .footer-social a:hover {
    background: #f34b4b;
    border: 1px solid #f34b4b;
}

.footer-col form {
    margin-bottom: 23px;
    margin-top: 20px;
}
.footer-col form input {
    width: calc(100% - 54px);
    height: 45px;
    float: left;
    border: 1px solid #e9e9ea;
    border-right: none;
    background: #fff;
    padding: 20px;
    border-radius: 4px 0 0 4px;
}

.footer-col form button {
    width: 54px;
    height: 45px;
    border: 1px solid rgba(255,255,255,.6);
    border-left: none;
    border-radius: 0 4px 4px 0;
    background: #2a3274;
}

.footer-2 .footer-col form input,
.footer-2 .footer-col form button {
    border: none;
}

.footer-2 .footer-middle .container hr {
    background: #434968;
}

.footer-bottom {
    padding-top: 10px;
    padding-bottom: 33px;
}

.footer-bottom > p {
    font-size: 14px;
    color: #8b8b8b;
}
/* footer end */

.op-header {
    background: url('../img/bg/04.jpg') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.op-header header {
    height: 314px;
    margin-bottom: 58px;
}

.op-header header h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: #283178;
    text-transform: capitalize;
    padding-left: 73px;
    position: relative;
}

.op-header header h1::before {
    position: absolute;
    content: '';
    width: 52px;
    height: 1px;
    background: #283178;
    bottom: 12px;
    left: 0;
}

.pagepath li {
    display: inline-block;
}

.pagepath li a {
    display: block;
    padding-top: 14px;
    padding-bottom: 16px;
    padding-right: 3px;
    color: #797979;
    font-size: 14px;
    font-weight: 600;
    display: block;
    position: relative;
}

.pagepath li:last-of-type a {
    padding-left: 8px;
    color: #eb3b3b;
    pointer-events: none;
    position: relative;
}

.pagepath li:not(:last-of-type) {
    margin-right: 20px;
}

.pagepath li:last-of-type a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #eb3b3b;
    bottom: -1px;
    left: 0;
}

.pagepath {
    border-bottom: 1px solid #d8d8d8;
}

/* aboutIntro start */
.aboutIntro {
    padding-top: 100px;
    padding-bottom: 108px;
}

.aboutIntro header {
    margin-bottom: 37px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 43px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 43px rgba(0, 0, 0, 0.17);
}


.aboutIntro header figure img {
    display: block;
    max-width: 100% !important;
}

.aboutIntro header figure figcaption {
    flex-basis: calc(100% - 310px);
    margin-left: 40px;
    margin-top: 26px;
    padding-right: 20px;
}

.aboutIntro header figure figcaption h2 {
    font-size: 20px;
    line-height: 42px;
    color: #283178;

}

.aboutIntro header figure figcaption p {
    font-size: 15px;
    line-height: 26px;
    color: #797979;
}

.aboutIntro section h2 {
    color: #283178;
    font-size: 28px;
    line-height: 42px;
    padding-bottom: 20px;
}

.aboutIntro section p:not(.txt-normal) {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 11px;
}

.aboutIntro section .txt-normal:not(:last-of-type) {
    padding-bottom: 30px;
}
/* aboutIntro end */

/* managment start */
.management {
    padding-top: 92px;
    padding-bottom: 88px;
    background: #283178;
}

.management.management-2 {
    padding: 0;
}

.management main {
    padding-right: 30px;
}

.management main > .txt-normal {
    padding-top: 24px;
    color: rgba(255,255,255,.5);
}

.management main > h2 {
    font-size: 32px;
    line-height: 42px;
}

.management figure > img {
    max-width: none
}

.management section > img {
    position: absolute;
    top: -137px;
    max-width: none;
    display: block;
    -webkit-box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.44);
}

.management main section h2 {
    font-size: 18px;
    line-height: 42px;
    margin-top: 12px;
}
.management main section p {
    color: #abadc3;
    font-size: 15px;
    line-height: 26px;
}

.management main section img {}

.management main section {
    margin-top: 48px;
    position: relative;
}

.management main section::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,.15);
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.management main section article:first-of-type {
    padding-right: 45px;
}
.management main section article:last-of-type {
    padding-left: 45px;
}
/* managment end */

/* team-area start */
.team-area {
    padding-top: 85px;
    position: relative;
    z-index: 1;
}

.team-area::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 115px;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #f0f2f5;
}

.team-area header h2 {
    font-size: 34px;
    line-height: 42px;
    color: #283178;
}

.team-area header p {
    color: #797979;
    position: relative;
    margin-left: -15px;
}

.team-area header p::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 45px;
    top: 5px;
    left: -20px;
    background: rgba(40, 49, 120, .5);
}

.members {
    padding-top: 68px;
}

.member {
    overflow: hidden;
    position: relative;
}

.member .info {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: url(../img/team/hover.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*.member:hover .info {
    height: 200%;
}*/

.member .info h2 {
    font-size: 18px;
}
.member .info p {
    font-size: 15px;
    margin-bottom: 29px;
}
/* team-area end */

/* xpertises start */
.xpertises {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f0f2f5;
}

.xpertises.values {
    background: #fff;
    padding-bottom: 75px;
}

.xpertises.values > .container {
    position: relative;
    padding-bottom: 80px;
}

.xpertises.values > .container::before {
    position: absolute;
    content: '';
    width: calc(100% - 30px);
    height: 1px;
    background: #d3d3d3;
    left: 15px;
    bottom: 0;
}

.xpertises.values .service-info > .container {
    border-bottom: none;
    padding-top: 48px;
    padding-bottom: 0;
}

.xpertises header h2 {
    font-size: 38px;
    line-height: 42px;
    color: #283178;
}

.values.xpertises header {
    margin-top: -16px;
}

.values.xpertises header h2 {
    line-height: 56px;
}

.xpertises section > p {
    font-size: 24px;
    line-height: 37px;
    color: #333;
    font-weight: 300;
}

.xpertises section > p i {
    color: #283178;
    font-style: italic;
    border-bottom: 1px solid currentcolor;
}

.facts {
    margin-top: 46px;
}

.factSingle h1,
.factSingle p {
    color: #283178;
}

.factSingle h1 {
    font-size: 55px;
    position: relative;
}

.factSingle h1::after {
    content: attr(data-plus);
}

.factSingle p {
    text-transform: capitalize;
    font-size: 16px;
    margin-top: 10px;
}

.factSingle:not(:last-of-type) {
    margin-right: 90px;
}
/* xpertises end */

/* service-info start */
.service-info > .container {
    padding-top: 65px;
    padding-bottom: 55px;
    border-bottom: 1px solid #e4e4e4;
}

.service-info article {
    padding-right: 20px;
    margin-top: 30px;
    margin-bottom: 25px;
}

.service-info article h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #283178;
}

.service-info article p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 26px;
    color: #797979;
    margin-top: 10px;
    margin-bottom: 10px;
}

.service-info article a {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f34b4b;
    border-bottom: 1px solid currentcolor;
}

.brands header {
    margin-top: 75px;
    margin-bottom: 25px;
}

.brands header p {
    color: #797979;
}
.brands header h2 {
    font-size: 34px;
    color: #283178
}
/* service-info end */

/* career start */
.career {
    padding-top: 100px;
}

.career-inner figure {
    position: relative;
    z-index: 1;
}

.career-inner figcaption {
    background: #eceff3;
    text-align: center;
    padding: 72px 40px 73px;
    width: calc(100% - 80px);
    margin: -40px auto 0;
    position: relative;
    z-index: 2;
}

.career-inner figcaption h2 {
    font-size: 40px;
    line-height: 48px;
    color: #172460;
}
.career-inner figcaption p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
    margin: 21px 0 25px;
}
.career-inner figcaption a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #f34b4b;
    border-bottom: 1px solid #f34b4b;
}

.career-content {
    width: calc(100% - 80px);
    margin: 72px auto 0;
}

.career-content header {
    padding-bottom: 80px;
    margin-bottom: 77px;
    border-bottom: 1px solid #c8c8c8;
}
.career-content header h2 {
    font-size: 32px;
    line-height: 48px;
}
.career-content header p {
    color: #242424;
    font-size: 20px;
    line-height: 27px;
    padding-bottom: 26px;
}

.career-content section > h2 {
    font-size: 28px;
    line-height: 24px;
}
.career-content section > p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
    padding-top: 23px;
}

#Positions {
    margin-top: 38px;
    margin-bottom: 46px;
}

#Positions .card {
    border-radius: 0;
    border: 1px solid #e5e5e5;
}
#Positions .card:not(:last-of-type) {
    margin-bottom: 20px;
}

#Positions .card .card-header {
    padding: 0;
    background: transparent;
}

#Positions .card .card-header button {
    display: block;
    width: 100%;
    padding: 7px 20px 6px;
    cursor: pointer;

    font-size: 18px;
    line-height: 33px;
    background: #fafafa;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
}

#Positions .card .card-header button i {
    font-size: 24px;
    color: #909090;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}

#Positions .card .card-header button[aria-expanded="true"] {
    background: #172460;
    color: #fff !important;
}

#Positions .card .card-header button[aria-expanded="true"] i {
    color: #fff;
}

#Positions .card .card-body {
    padding: 18px 30px 76px 40px;
}

#Positions .card .card-body p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

#Positions .card .card-body h2 {
    color: #242424;
    font-size: 20px;
    line-height: 35px;
    padding-bottom: 3px;
}

.getApp {
    margin-bottom: 23px;
    padding: 28px 0 22px;
}

.getApp h2 {
    font-size: 24px;
}

.getApp .thm-btn {
    padding: 11px 33px;
}

section > ul {
    margin-top: 18px;
    margin-bottom: 42px;
}

section > ul > li {
    font-size: 17px;
    color: #172460;
    line-height: 28px;
    font-weight: 400;
    padding-left: 25px;
    position: relative;
}

section > ul > li:not(:last-of-type) {
    margin-bottom: 8px;
}

section > ul > li:before {
    position: absolute;
    content:"\f046";
    font-family:'FontAwesome';
    color: #f34b4b;
    font-size: 15px;
    left: 0;
    top: 1px;
}
/* career end */

/* contact-area start */
.contact-area {
    padding-top: 103px;
}

.contact-area header > h2 {
    font-size: 32px;
    line-height: 26px;
    color: #283178;
    margin-bottom: 48px;
}
.subj-select {
    height: 50px;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    line-height: 35px;
    position: relative;
    padding-left: 20px;
}

.contact-area .dropdown-toggle::after {
    position: absolute;
    top: calc(50% - 2px);
    right: 20px;
    font-size: 25px;
    border-top-color: #ababab !important;
    border-bottom-color: #ababab !important;
}

.contact-area .bootstrap-select .dropdown-menu {
    border-radius: 0;
}

.contact-area .bootstrap-select .dropdown-menu li a {
    font-size: 15px;
    line-height: 30px;
    color: #797979;
    border-radius: 0;
}

.contact-area .bootstrap-select .dropdown-menu li a.selected.active,
.contact-area .bootstrap-select .dropdown-menu li a:hover {
    background: #2a3274;
    color: #fff;
}

.contact-area form input {
    width: calc(50% - 15px);
    float: left;
    height: 50px;
    padding: 20px;
    border: 1px solid #d8d8d8;
    margin-bottom: 30px;

    font-size: 15px;
    font-weight: 400;
}

.contact-area form input:nth-child(odd) {
    margin-right: 15px;
}
.contact-area form input:nth-child(even) {
    margin-left: 15px;
}

.contact-area form textarea {
    width: 100%;
    height: 250px;
    padding: 20px;
    margin-bottom: 34px;
    margin-top: 30px;
    border: 1px solid #d8d8d8;
}

.contact-area form textarea::-webkit-input-placeholder,
.contact-area form input::-webkit-input-placeholder {
    color: rgba(0,0,0,.7)
}

.contact-area form textarea::-moz-placeholder,
.contact-area form input::-moz-placeholder {
    color: rgba(0,0,0,.7)
}

.contact-area form textarea:-ms-input-placeholder,
.contact-area form input:-ms-input-placeholder {
    color: rgba(0,0,0,.7)
}

.contact-area form textarea::placeholder,
.contact-area form input::placeholder {
    color: rgba(0,0,0,.7)
}

.contact-area form > button {
    padding: 18px 50px 19px;
    display: inline-block;
    cursor: pointer;

    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    background: #f34b4b;
    color: #fff;
    text-transform: uppercase;
}

.info-blocks {
    background: #eceff3;
    padding-bottom: 3px;
}

.contact-block {
    padding: 43px 50px 41px;
}
.contact-block:not(:last-of-type) {
    border-bottom: 1px solid #d1d8e1;
}

.contact-block > h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #283178;

    margin-bottom: 2px;
}
.contact-block > p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 28px;
    color: #797979;
}

.contact-block > p:not(:last-of-type) {
    margin-bottom: 19px;
}

.contact-map {
    margin-top: 102px;
    margin-bottom: 23px;
}

#map2 {
    width: 100%;
    height: 470px;
}

.contact-map .gm-style-cc,
.contact-map .gmnoprint,
.contact-map .map-parent div > a >div > img {
  display: none;
}
/* contact-area end */

/* location-area start */
.location-area .location-content {
    width: calc(100% - 100px);
    margin: 100px auto 0;
    padding-bottom: 25px;
}

.location-content > section {
    background: #fff;
    padding: 30px 60px 34px 63px;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);

}

.location-content > section:not(:last-of-type) {
    margin-bottom: 60px;
}

.location-txt > h2 {
    color: #283178;
    font-size: 32px;
    line-height: 48px;
}

.location-txt > p,
.location-txt > ul li {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.location-txt > p {
    margin-top: 9px;
    margin-bottom: 27px;
}

.location-content > section > .singleMap [id^="map"] {
    width: 370px;
    height: 277px;
}

.location-txt > ul li:not(:last-of-type) {
    margin-bottom: 4px;
}

.location-content > section > .singleMap .gm-style-cc,
.location-content > section > .singleMap .gmnoprint,
.location-content > section > .singleMap .map-parent div > a >div > img {
  display: none;
}

.location-content .gm-control-active.gm-fullscreen-control {
 display:none;
}
/* location-area end */

/* faq start */
.faq {
    padding-top: 97px;
}
.faq header > h2 {
    color: #283178;
}
.faq header > p {
    font-size: 16px;
    color: #797979;
    padding-top: 16px;
}

.faq header > form {
    width: 100%;
    height: 60px;
    background: #fafafa;
    border: 1px solid #cecece;
    border-radius: 3px;
    margin: 52px 0 56px;

    position: relative;
}

.faq header > form input {
    width: calc(100% - 60px);
    height: 60px;
    padding-left: 29px;
    font-size: 16px;
    color: #000;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.faq header > form input::-webkit-input-placeholder {color: rgba(0,0,0,.6);}
.faq header > form input::-moz-placeholder {color: rgba(0,0,0,.6);}
.faq header > form input:-ms-input-placeholder {color: rgba(0,0,0,.6);}
.faq header > form input::placeholder {color: rgba(0,0,0,.6);}

.faq header > form button {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.faq-blocks {
    margin-bottom: 112px;
}

.faq-blocks .card:not(:last-of-type) {
    margin-bottom: 36px;
}

.faq-blocks .card .card-header {
    padding: 0;
    background: transparent;
}

.faq-blocks .card .card-header button {
    color: #283178;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 30px;
}

.faq-blocks .card .card-body p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.faq-blocks .card .card-header button::before {
    position: absolute;
    content: '+';
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;

    top: 0;
    left: 0;
}

.faq-blocks .card .card-header button[aria-expanded="true"]::before {
    content: '-';
    color: #00091f;
    font-size: 24px;
}

.faquery {
    padding-top: 92px;
    padding-bottom: 100px;
    margin-bottom: 23px;
    background: #283178;
}

.faquery section h2 {
    margin-bottom: 35px;
}

.faq-form input,
.faq-form textarea {
    width: 100%;
    border-bottom: 2px solid rgba(227, 227, 227, .2);
    font-size: 16px;
    color: #fff;
}

.faq-form input {
    height: 88px;
    padding-top: 7px;
}
.faq-form textarea {
    height: 188px;
    padding-top: 45px;
}

.faq-form textarea::-webkit-input-placeholder,
.faq-form input::-webkit-input-placeholder {
    color: rgba(255,255,255,.7)
}

.faq-form textarea::-moz-placeholder,
.faq-form input::-moz-placeholder {
    color: rgba(255,255,255,.7)
}

.faq-form textarea:-ms-input-placeholder,
.faq-form input:-ms-input-placeholder {
    color: rgba(255,255,255,.7)
}

.faq-form textarea::placeholder,
.faq-form input::placeholder {
    color: rgba(255,255,255,.7)
}

.faq-form button {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: .5px;

    display: inline-block;
    padding: 16px 48px;
    background: #f34b4b;
    margin-top: 44px;
}
/* faq end */

/* error start */
.error {
    width: 100%;
    height: 922px;
    margin-bottom: 23px;
    background: url(../img/error.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.error::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(23, 36, 96, .9);
    top: 0;
    left: 0;
    z-index: -1;
}

.error section > h1 {
    font-size: 200px;
    line-height: 185px;
    font-weight: 700;
}
.error section > h2 {
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 12px;
}
.error section > p {
    font-size: 25px;
    font-weight: 400;
}
.error section > a {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    background: #f34b4b;
    color: #fff;

    display: inline-block;
    padding: 18px 70px;
    margin-top: 56px;
}
/* error end */

/* awards start */
.awards {
    padding-top: 100px;
    padding-bottom: 85px;
}
.awards figure {
    position: relative;
}

.awards figure img {
    display: block;
    position: relative;
    z-index: 1;
}

.awards figcaption {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 371px;
    background: #f34b4b;
    -webkit-box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);

    padding: 90px 50px 100px;
}

.awards header {
    padding-top: 45px;
}

.awards header > p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
    padding: 24px 0 32px;
}

.singleAward > p {
    color: #797979;
}

.singleAward {
    padding: 30px 40px 39px;
    text-align: center;
    height: 292px;
    margin: 15px 0;
    background: #fff;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.15);
}

.aboutTbas {
    padding: 9px 34px 18px;
    background: #283178;
    position: relative;
    z-index: 1;
}

.aboutTbas::before {
    position: absolute;
    content: '';
    width: calc(100% + 10px);
    height: 100%;
    background: #283178;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.26);
}

.aboutTbas > a {
    font-size: 15px;
    color: #b4b6c9;
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 12px;
}

.aboutTbas > a:not(:last-of-type) {
    border-bottom: 1px solid #42497f;
}

.aboutTbas > a::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 34px;
    background: #f34b4b;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    left: -30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.aboutTbas > a:hover,
.aboutTbas > a.active {
    color: #fff;
}

.aboutTbas > a:hover::before,
.aboutTbas > a.active::before {
    left: -34px;
    visibility: visible;
    opacity: 1;
}

.widget-about {
    padding: 22px 25px 35px;
    background: #f2f2f3;
}

.widget-blog {
    padding: 10px 25px 55px;
    background: #f2f2f3;
}

.widgetAboutSingle {
    padding: 15px 0 50px 10px;
    background: url(../img/awards/shadow.png) no-repeat bottom center;
}

.widgetAboutSingle > h2 {
    position: relative;
    z-index: 1;
}

.widgetAboutSingle > h2::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #cbcbcb;
    bottom: 8px;
    right: 0;
    z-index: -1;
}

.widgetAboutSingle > h2 > span {
    font-size: 22px;
    color: #283178;
    background: #f2f2f3;
    padding-right: 13px;
    text-transform: capitalize;
}

.widgetAboutSingle > p:not(.txt-normal) {
    font-size: 15px;
    line-height: 26px;
    color: #2e3676;
    padding: 17px 0 12px;
}
.widgetAboutSingle > .txt-normal {
    color: #797979;
    margin-left: -6px;
    padding: 21px 0 13px;
}

.widgetAboutSingle > span {
    font-size: 13px;
    color: #797979;
}

.widgetAboutSingle > span:last-of-type {
    display: inline-block;
    padding-bottom: 17px;
}

.widgetAboutSingle .media {
    padding-bottom: 22px;
    margin-top: 13px;
}

.widgetAboutSingle .media > img {
    margin-right: 18px;
    padding-left: 3px;
}

.widgetAboutSingle .media .media-body > h5 {
    color: #242424;
    font-size: 15px;
}
.widgetAboutSingle .media .media-body > p {
    font-size: 14px;
    color: #a8a8a8;
}

.widgetAboutSingle:last-of-type {
    margin-bottom: 29px;
}

.widgetAboutSingle > ul {
    padding-top: 11px;
}

.widgetAboutSingle > ul > li > a {
    color: #2e3676;
    font-size: 16px;
    display: block;
    position: relative;
    padding: 10px 0 10px;
    border-bottom: 1px solid #e6e6e6;
}

.widgetAboutSingle > ul > li:last-of-type > a {
    border-bottom: none;
}

.widgetAboutSingle > ul > li > a::after {
    position: absolute;
    content:"\f105";
    font-family:'FontAwesome';
    font-size: 14px;
    color: #c8c8c8;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tags {
    margin-top: 26px;
    padding-bottom: 13px;
}

.tags > a {
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    display: inline-block;
    padding: 8px 17px;
    background: #fff;
    margin-right: 5px;
    margin-bottom: 10px;

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

.tags > a:hover,
.tags > a.active {
    background: #2e3676;
    color: #fff;
}

.sidebar-btn {
    max-width: 100%;
    width: 220px;
    height: 57px;
    line-height: 57px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding-left: 20px;
    background: #fff;
    color: #283178;
    -webkit-box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.1);

    font-size: 13px;
    text-transform: uppercase;
}

.blog-sidebar .sidebar-btn {
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

.sidebar-btn > span {
    display: inline-block;
    padding-left: 14px;
}

.blogSearch {
    background: #172460;
    position: relative;
    margin-bottom: 14px;
}
.blogSearch form input {
    width: calc(100% - 30px);
    background: #172460;
    height: 58px;
    padding-left: 20px;
    padding-right: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
}

.blogSearch form input::-webkit-input-placeholder {color: rgba(255,255,255,.5);}
.blogSearch form input::-moz-placeholder {color: rgba(255,255,255,.5);}
.blogSearch form input:-ms-input-placeholder {color: rgba(255,255,255,.5);}
.blogSearch form input::placeholder {color: rgba(255,255,255,.5);}

.blogSearch form button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 17px;
    cursor: pointer;
}
/* awards end */

/* mission start */
.mission-page {
    padding-top: 100px;
    padding-bottom: 95px;
}

.mission-page header {
    padding-bottom: 7px;
}

.mission-page header > h2 {
    font-size: 26px;
    margin: 46px 0 25px;
}
.mission-page header > p {
    color: #797979;
    padding-bottom: 47px;
    border-bottom: 1px solid #cbcbcb;
}

.mission-page section {
    margin-top: 39px;
}

.mission-page section > h2 {
    font-size: 28px;
    width: 170px;
}

.mission-page section > .secContent {
    width: calc(100% - 170px);
    padding-left: 15px;
}

.mission-page section > .secContent article {
    border: 1px solid #d4d4d4;
    padding: 40px 35px 45px;
    margin-top: 38px;
}

.mission-page section > .secContent > h3 {
    font-size: 18px;
    line-height: 28px;
    padding-top: 13px;
    padding-bottom: 12px;
}

.mission-page section > .secContent article > h3 {
    font-size: 20px;
    padding-bottom: 10px;
}

.mission-page section > .secContent > p,
.mission-page section > .secContent ul li,
.mission-page section > .secContent article > p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #797979;
}

.mission-page section > .secContent > p {
    padding-bottom: 16px;
}

.mission-page section > .secContent ul li {
    position: relative;
    padding-left: 20px;
    line-height: 38px;
}

.mission-page section > .secContent ul li::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #7e83ae;
    top: 16px;
    left: 0;
}
/* mission end */

/* office start */
.office {
    padding-top: 100px;
    padding-bottom: 70px;
}
.office figure {
    position: relative;
}

.office figcaption {
    width: 429px;
    height: 145px;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 30px;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
}

.office figcaption h2 {
    font-size: 40px;
}

.office header {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 21px;
    margin-top: 50px;
    padding-bottom: 38px;
}

.office header h2 {
    padding-bottom: 20px;
}

.office header > p {
    font-size: 16px;
    line-height: 36px;
    color: #797979;
}

.officeMap [id^="map"] {
    width: 300px;
    height: 209px;
}

.officeMap .gm-style-cc,
.officeMap .gm-style-cc.gmnoprint,
.officeMap .gmnoprint,
.officeMap .gm-bundled-control,
.officeMap .gm-bundled-control.gmnoprint,
.officeMap .gmnoscreen,
.officeMap .gm-svpc,
.officeMap .gm-control-active.gm-fullscreen-control {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.office section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.office section main {
    width: 300px;
}

.office section > h2 {
    font-size: 24px;
    width: 170px;
}
.office section > main > p,
.office section > main > ul li {
    color: #797979;
}

.office section > main > ul {
    margin-top: 27px;
}
/* office end */

/* ourPeople start */
.ourPeople {
    padding-top: 100px;
    padding-bottom: 23px;
}

.ourPeople header > h2 {
    font-size: 26px;
    padding-bottom: 25px;
}

.ourPeople header > p,
.ourPeople section .media .media-body > p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.ourPeople header.clearfix {
    padding-bottom: 42px;
    padding-top: 48px;
    margin-top: 50px;
    border-top: 1px solid #cbcbcb;
}

.ourPeople header.clearfix > h3 {
    font-size: 26px;
    width: 197px;
    float: left;
}

.ourPeople header.clearfix > p {
    width: calc(100% - 197px);
    float: left;
}

.ourPeople .members {
    padding-top: 38px;
    margin-left: -10px !important;
    margin-right: -10px !important;
}
.ourPeople .members .col-lg-4 {
    padding: 10px;
}

.ourPeople section:not(:last-of-type) {
    margin-bottom: 40px;
}

.ourPeople section .media > img {
    margin-right: 45px;
}

.ourPeople section .media .media-body > h5 {
    font-size: 22px;
    color: #283178;
    padding-bottom: 10px;
}
.ourPeople section .media .media-body > h5 > span {
    color: #797979;
    font-size: 16px;
}

.ourPeople section .media .media-body > ul {
    padding-top: 23px;
}

.ourPeople section .media .media-body > ul li {
    display: inline-block;
    margin-right: 10px;
}

.ourPeople section .media .media-body > ul li a {
    width: 34px;
    height: 34px;
    display: block;
    text-align: center;
    line-height: 33px;
    font-size: 16px;
    border-radius: 100%;
    border: 1px solid #858585;
    color: #858585;
}

.ourPeople section .media .media-body > ul li a:hover {
    border: 1px solid transparent;
    background: #2a3274;
    color: #fff;
}
/* ourPeople end */

/* story start */
.story {
    padding-top: 100px;
    padding-bottom: 100px;
}
.story figure img {
    width: 389px;
    float: left;
}

.story figcaption {
    width: calc(100% - 442px);
    float: left;
    margin-left: 52px;
}

.story figcaption > h2 {
    padding-bottom: 15px;
    font-size: 28px;
}

.story figcaption > p,
.story header > p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.story figcaption > p:not(:last-of-type) {
    padding-bottom: 28px;
}

.story header {
    padding-top: 55px;
}

.story header > h2 {
    font-size: 26px;
    padding-bottom: 23px;
}

.timelines {
    padding: 36px 70px 55px 40px;
    margin-bottom: 55px;
    margin-top: 26px;
    background: #f5f5f5;
    position: relative;
}

.timelines::after {
    position: absolute;
    content: '';
    width: 2px;
    height: calc(100% - 89px);
    background: rgba(23, 36, 96, .6);
    left: 140px;
    top: 35px;
}

.time-line {
    padding-top: 20px;
    padding-bottom: 17px;
}

.theDate {
    font-family: 'Open Sans', sans-serif;
    width: 130px;
    float: left;
    position: relative;
    z-index: 1;
}

.theDate::after {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #172460;
    -webkit-box-shadow: 0 0 0 3px #f5f5f5;
    box-shadow: 0 0 0 3px #f5f5f5;
    top: 0;
    right: 24px;
}

.theDate > span,
.theStory > p {
    font-size: 16px;
    color: #797979;
    font-weight: 400;
}
.theDate > p {
    font-size: 20px;
    color: #172460;
    font-weight: 600;
}

.theStory {
    width: calc(100% - 130px);
    float: left;
    padding-left: 27px;
}
.theStory > h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #172460;
    padding-bottom: 11px;
}

.story section > h1 {
    width: 170px;
    float: left;
    font-size: 26px;
}

.time-line-footer > p {
    color: #797979;
    font-size: 16px;
    line-height: 28px;
}

.story .time-line-footer {
    width: calc(100% - 170px);
    float: left;
    padding-left: 60px;
}

.time-line-footer article {
    padding: 30px 0 32px 25px;
    margin-top: 26px;
    border: 1px solid #d4d4d4;
}

.time-line-footer article:first-of-type {
    margin-right: 5px;
}

.time-line-footer article:last-of-type {
    margin-left: 5px;
}

.time-line-footer article > h1 {
    font-size: 17px;
    padding-bottom: 9px;
}
.time-line-footer article > p {
    font-size: 15px;
    line-height: 26px;
    color: #797979;
}
/* story end */

/* partners start */
.partners {
    padding-top: 100px;
    padding-bottom: 60px; 
}

.partners figure {
    position: relative;
}

.partners figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 30px 0 50px;
    height: 314px;
    width: 371px;
    background: #f2f2f3;
    -webkit-box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
}

.partners figcaption > h2 {
    font-size: 32px;
    line-height: 44px;
}

.partners header {
    padding-bottom: 46px;
    padding-top: 47px;
}

.partners header > h2 {
    font-size: 26px;
    padding-bottom: 23px;
}

.partners header > p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.partners-list .media {
    border: 1px solid #e1e1e1;
    padding: 26px 40px 27px 0;
    margin-bottom: 40px;
}

.partners-list .media > .imgHolder {
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    padding-left: 10px;
}

.partners-list .media > .media-body {
    -ms-flex: 0 0 calc(100% - 270px);
    flex: 0 0 calc(100% - 270px);
    padding-left: 8px;
}

.partners-list .media > .media-body h5 {
    font-size: 18px;
    padding-bottom: 3px;
}

.partners-list .media > .media-body p {
    columns: #797979;
}
/* partners end */

/* testimonial start */
.testimonial {
    padding-top: 100px;
}
.testimonial figure {
    position: relative;
}
.testimonial figcaption {
    width: 371px;
    height: 314px;
    padding-left: 37px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #b2b7c7;

    -webkit-box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
}

.testimonial figcaption > p {
    font-size: 200px;
    position: absolute;
    top: -19px;
    left: 28px;
    color: rgba(255,255,255,.3);
}

.testimonial figcaption > h2 {
    font-size: 40px;
    line-height: 60px;
    margin-top: 92px;
    padding-left: 9px;
}

.testimonial header {
    padding-top: 47px;
    margin-bottom: 46px;
}

.testimonial header > h2 {
    font-size: 26px;
    padding-bottom: 14px;
}

.testimonial header > p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.testimony > span {
    position: absolute;
    color: #1f49c3;
    font-size: 120px;
    left: 34px;
    top: 60px;
    line-height: 115px;
}

.testimony > p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.testimony .media {
    margin-top: 20px;
}

.testimony > .media-body {
    margin-top: 19px;
    padding-bottom: 15px;
}

.testimony .media > img {
    margin-right: 22px;
}

.testimony .media-body h5 {
    font-size: 20px;
    font-style: italic;
    padding-bottom: 6px;
}

.testimony .media-body p {
    color: #4772ef;
    font-size: 15px;
}

.testimony {
    padding: 53px 32px 33px 100px;
    background: #f8f8fb;
    border: 1px solid #e1e1e1;
    position: relative;
    margin-bottom: 40px;
}

.testimony:last-of-type {
    margin-bottom: 23px;
}
/* testimonial end */

/* why-us start */
.why-us {
    padding-top: 100px;
}

.why-us figure {
    position: relative;
}

.why-us figcaption {
    width: 468px;
    height: 209px;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 3px 54px rgba(0, 0, 0, 0.23);
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 40px;
    padding-right: 30px;
}

.why-us figcaption > h2 {
    font-size: 40px;
    line-height: 50px;
}

.why-us header {
    margin-top: 54px;
    margin-bottom: 48px;
}

.why-us header > h2 {
    font-size: 26px;
    padding-bottom: 23px;
}

.why-us header > p,
.feature-li > p {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
}

.feature-li {
    margin-bottom: 42px;
}

.feature-li > h1 {
    font-size: 28px;
    line-height: 36px;

    width: 170px;
    float: left;
}

.feature-li > p {
    width: calc(100% - 170px);
    float: left;
    padding-left: 23px;
}

.why-us article {
    width: calc(100% - 195px);
    float: right;
    background: #f2f2f3;
    padding: 52px 40px 47px 54px;
    margin-bottom: 100px;
}

.why-us article h1 {
    font-size: 22px;
    padding-bottom: 8px;
}

.why-us article p {
    font-size: 20px;
    line-height: 34px;
}
/* why-us end */

/* blog-grid start */
.blog {
    padding-top: 100px;
}

.blog.blog-grid .blog-post,
.blog.blog-fluid .blog-post {
    margin-bottom: 76px;
}

.blog.blog-list .blog-post {
    margin-bottom: 72px;
}

.blog.blog-grid .blog-post figure {
    position: relative;
    margin-bottom: 35px;
}

.blog.blog-list .blog-post figure {
    width: 330px;
    float: left;
}

.blog.blog-fluid .blog-post figure {
    margin-bottom: 28px;
}

.blog.blog-list .blog-post .post-body {
    width: calc(100% - 370px);
    float: left;
    margin-left: 40px;
}

.blog .blog-post figure > a {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.blog .blog-post figure > a::before {
    position: absolute;
    content: '';
    width: calc(100% + 10px);
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: rgba(40,49,120,1);
    background: -moz-linear-gradient(left, rgba(40,49,120,1) 0%, rgba(170,177,191,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(40,49,120,1)), color-stop(100%, rgba(170,177,191,1)));
    background: -webkit-linear-gradient(left, rgba(40,49,120,1) 0%, rgba(170,177,191,1) 100%);
    background: -o-linear-gradient(left, rgba(40,49,120,1) 0%, rgba(170,177,191,1) 100%);
    background: -ms-linear-gradient(left, rgba(40,49,120,1) 0%, rgba(170,177,191,1) 100%);
    background: linear-gradient(to right, rgba(40,49,120,1) 0%, rgba(170,177,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283178', endColorstr='#aab1bf', GradientType=1 );


    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.blog .blog-post figure span {
    position: absolute;
    bottom: 38px;
    right: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;

    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
}

.blog .blog-post:hover figure span {
    visibility: visible;
    opacity: 1;
    right: 40px;
    transition: all .4s ease .2s;
    -webkit-transition: all .4s ease .2s;
}

.blog .blog-post:hover figure > a::before {
    visibility: visible;
    opacity: .55;
}

.blog .blog-post .date {
    font-size: 16px;
    color: #b8b8b8;
    font-style: italic;
    display: inline-block;
    margin-bottom: 16px;
}

.blog .blog-post > h2,
.blog .blog-post > .post-body > h2 {
    line-height: 2px;
}

.blog .blog-post .theTitle {
    font-size: 24px;
    line-height: 32px;
    color: #283178;
}

.blog .blog-post .txt-normal {
    color: #797979;
    padding-top: 13px;
    padding-bottom: 15px;
}

.blog .blog-post .rdm {
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 1px solid currentcolor;
    font-size: 13px;
    line-height: 15px;
}

.blog .pagination {
    margin-bottom: 23px;
}

.blog.blog-fluid .pagination {
    margin-bottom: 100px;
}

.blog .pagination a {
    width: 43px;
    height: 43px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 2px rgba(23, 36, 96, .5);
    box-shadow: inset 0 0 0 2px rgba(23, 36, 96, .5);
    
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 43px;
    color: rgba(23, 36, 96, .7)
}

.blog .pagination a i {
    font-weight: 600;
}

.blog .pagination a:hover,
.blog .pagination a.active {
    background: #f34b4b;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #f34b4b;
    box-shadow: inset 0 0 0 2px #f34b4b;
}

.blog-details figure {
    margin-bottom: 37px;
}

.blog-details .blog-post > h3 {
    color: #283178;
    font-size: 22px;
    line-height: 26px;
    padding-top: 24px;
    padding-bottom: 8px;
}
.blog-details .blog-post .txt-normal > a {
    color: #45ae7d;
    text-decoration: underline;
}

.media-footer a,
.media-footer span {
    font-weight: 400;
}

.media-footer a {
    font-size: 14px;
}

.media-footer a:first-of-type {
    color: #aeaeae;
}

.media-footer a:last-of-type {
    color: #283178;
}
.media-footer span {
    display: inline-block;
    font-size: 15px;
    padding: 0 5px;
    color: #aeaeae;
}

.comment-area > h3 {
    color: #283178;
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 27px;
    padding-top: 24px;
}

.comment-area .media {
    padding: 25px 25px 18px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.comment-area > .media {
    background: #fff;
    border: 1px solid #eee;
}

.comment-area > .media:hover {
    background: #eceff3;
}

.comment-area > .media .media {
    margin-top: 37px;
    padding: 0;
}

.comment-area .media-body h5 {
    font-size: 16px;
    line-height: 26px;
    color: #283178;
}

.comment-area .media-body p {
    font-size: 16px;
    line-height: 30px;
    color: #898989;
}

.comment-form {
    padding-bottom: 23px;
}

.comment-form h3 {
    color: #283178;
    font-size: 22px;
    line-height: 26px;
    padding-top: 56px;
    padding-bottom: 24px;
}

.comment-form form {
    padding: 52px 42px 52px 37px;
    background: #eceff3;
}

.comment-form form input {
    width: calc(50% - 12px);
    height: 45px;
    background: #fff;
    border: 1px solid #eee;
    padding: 0 20px;
    margin-bottom: 22px;
    color: #333;
    font-size: 15px;
    font-weight: 400;
}

.comment-form form textarea {
    width: 100%;
    height: 173px;
    background: #fff;
    border: 1px solid #eee;
    padding: 20px;
    color: #333;
}

.comment-form form textarea::-webkit-input-placeholder,
.comment-form form input::-webkit-input-placeholder {
    color: #737373;
}
.comment-form form textarea::-moz-placeholder,
.comment-form form input::-moz-placeholder {
    color: #737373;
}
.comment-form form textarea:-ms-input-placeholder,
.comment-form form input:-ms-input-placeholder {
    color: #737373;
}
.comment-form form textarea::placeholder,
.comment-form form input::placeholder {
    color: #737373;
}

.comment-form form button {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;

    display: inline-block;
    padding: 15px 35px;
    background: #f34b4b;
    color: #fff;
    margin-top: 35px;
}
/* blog-grid end */


/* case-study-1 start */
.caseStudy {
    padding-top: 100px;
}
.case-2.caseStudy {
    padding-bottom: 76px;
}
.caseStudy-content header {
    padding-bottom: 33px;
}

.case-2.caseStudy .caseStudy-content header,
.case-3.caseStudy .caseStudy-content header {
    padding-bottom: 21px;
}

.caseStudy header h2 {
    font-size: 40px;
    line-height: 34px;
    color: #172460;
    padding-bottom: 20px;
}

.caseStudy header > p {
    font-size: 24px;
    line-height: 36px;
    color: #283178
}

.case-2.caseStudy header p,
.case-3.caseStudy header p {
    font-size: 18px;
    line-height: 29px;
    color: #797979;
}

.caseStudy header p > i {
    border-bottom: 2px solid currentcolor;
}

.cs-1-card,
.cs-2-card {
    margin: 27px 0 23px;
}

.cs-1-card figure > a > img,
.cs-2-card figure > a > img,
.cs-3-card figure > a > img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.cs-1-card:hover figure > a > img,
.cs-2-card:hover figure > a > img,
.cs-3-card:hover figure > a > img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.cs-1-card figure > a,
.cs-2-card figure > a {
    display: block;
    position: relative;
    z-index: 1;
}

.cs-1-card figure > a::before,
.cs-2-card figure > a::before,
.cs-3-card figure > a::before {
    position: absolute;
    content: '';

    width: 100%;
    height: 100%;
    opacity: .55;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    
    background: rgba(170,177,191,1);
    background: -moz-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170,177,191,1)), color-stop(100%, rgba(40,49,120,1)));
    background: -webkit-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -o-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -ms-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: linear-gradient(to bottom, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aab1bf', endColorstr='#283178', GradientType=0 );
}

.cs-1-card:hover figure > a::before,
.cs-2-card:hover figure > a::before {
    opacity: 0;
    visibility: hidden;
}

.cs-1-card figure {
    position: relative;
    -webkit-box-shadow: 0px 3px 27px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 27px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.cs-1-card figure > a i,
.cs-2-card figure > a i {
    position: absolute;
    top: 19px;
    right: 19px;
    z-index: 2;
}

.cs-1-card figcaption,
.cs-2-card figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 23px;
    padding-left: 24px;
    padding-right: 19px;
    z-index: 2;
}

.cs-2-card figcaption {
    padding-left: 11px;
    padding-right: 8px;
}

.cs-1-card figcaption > h2,
.cs-2-card figcaption > h2,
.cs-3-card figcaption > h2 {
    line-height: 1px;
}

.cs-1-card figcaption a,
.cs-2-card figcaption a,
.cs-3-card figcaption a {
    font-size: 25px;
    line-height: 34px;
    color: #f2f2f3
}

.cs-2-card figcaption a {
    font-size: 22px;
}

.cs-1-card .cs-card-body {
    padding: 27px 20px 37px 30px;
    background: #f2f2f3;
}

.case-2 .cs-1-card .cs-card-body {
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #e9e9ea;
    box-shadow: inset 0 0 0 1px #e9e9ea;
}

.cs-card-body h3 {
    font-size: 13px;
    line-height: 34px;
    color: #283178;
    text-transform: uppercase;
    padding-bottom: 2px;
}

.cs-card-body p {
    font-size: 15px;
    line-height: 24px;
    color: #797979;
}

.cs-3-card .cs-card-body h3,
.cs-3-card .cs-card-body p {
    color: #b9bfd3;
}

.cs-2-card {
    padding: 30px 0;
    background: #f2f2f3;
    position: relative;
    z-index: 1;
}

.cs-2-card::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: -1;
}

.cs-2-card figure {
    position: relative;
    z-index: 1;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    width: 270px;
    -webkit-box-shadow: 0px 3px 27px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 27px rgba(0, 0, 0, 0.15);
}

.cs-2-card .cs-card-body {
    -ms-flex: 0 0 calc(100% - 310px);
    flex: 0 0 calc(100% - 310px);
    width: calc(100% - 310px);
    margin-left: 40px;
}

.cs-3-card {
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.cs-3-card::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(40, 49, 120, 0.75);
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 2;
}

.cs-3-card:hover::before {
    visibility: visible;
    opacity: 1;
}

.cs-3-card .cs-card-body {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    left: 0;
    padding: 108px 20px 10px 26px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 3;
}

.cs-3-card .cs-card-body > a {
    font-size: 13px;
    margin-top: 15px;
    display: inline-block;
}

.cs-3-card:hover .cs-card-body {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.cs-3-card figure {
    position: relative;
}

.cs-3-card figcaption {
    position: absolute;
    left: 26px;
    right: 30px;
    top: 100%;
    -webkit-transform: translateY(calc(-100% - 15px));
    -ms-transform: translateY(calc(-100% - 15px));
    -o-transform: translateY(calc(-100% - 15px));
    transform: translateY(calc(-100% - 15px));
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    z-index: 4;
}

.cs-3-card:hover figcaption {
    top: 29px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
}

.cs-3 {
    margin-bottom: 8px;
}
/* case-study-1 end */

/* shso-page start */
.shopPage-content header {
    background: #283178;
    padding: 48px 32px 40px;
    margin: 80px 0 95px;
}

.shopPage-content header .media > img {
    margin-right: 32px;
}

.shopPage-content header .media h5 {
    font-size: 20px;
    text-shadow: 1px 0 0 #fff;
    letter-spacing: 1px;
    padding-bottom: 5px;
}
.shopPage-content header .media p {
    font-size: 16px;
    line-height: 20px;
    color: rgba(255,255,255,.5);
    text-shadow: 1px 0 0 rgba(255,255,255,.65);
}

.shop-page .row > .col-12 > h2 {
    color: #283178;
    padding-bottom: 6px;
}

.shop-card {
    margin-bottom: 32px;
    margin-top: 36px;
}

.shop-card figure > a {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.shop-card figure > a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    
    -webkit-transition: all .4s ease;
    transition: all .4s ease;

    background: rgba(170,177,191,1);
    background: -moz-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170,177,191,1)), color-stop(100%, rgba(40,49,120,1)));
    background: -webkit-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -o-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: -ms-linear-gradient(top, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    background: linear-gradient(to bottom, rgba(170,177,191,1) 0%, rgba(40,49,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aab1bf', endColorstr='#283178', GradientType=0 );    
}

.shop-card:hover figure > a::before {
    visibility: visible;
    opacity: .55;
}

.shop-card figcaption {
    padding-top: 10px;
}

.shop-card figcaption > h2 > a {
    color: #283178;
    font-size: 18px;
}

.shop-card figcaption > p {
    font-size: 22px;
    padding-bottom: 20px;
    padding-top: 4px;
}

.shop-card figcaption > a {
    font-size: 15px;
    color: #283178;
    border: 1px solid #dadada;
    padding: 8px 28px 9px;
}

.shop-card figcaption > a:hover {
    background: #283178;
    color: #fff;
    border: 1px solid #283178;
}
/* shso-page end */

/* product-single start */
.product-content header {
    padding-top: 100px;
}

.product-content header figcaption > h2 {
    font-size: 34px;
    line-height: 28px;
    color: #283178;
    padding-bottom: 28px;
}

.product-content header figcaption > p {
    color: #797979;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding-top: 25px;
    padding-bottom: 32px;
}

.product-content header figcaption > h3 {
    margin-top: 19px;
}

.product-content header figcaption > h3 > p {
    color: #283178;
    font-size: 18px;
    display: inline-block;
}
.product-content header figcaption > h3 > span {
    font-size: 22px;
    color: #283178;
    display: inline-block;
    padding-left: 5px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

.product-content header figcaption form {
    padding-top: 24px;
    margin-bottom: 53px;
}

.product-content header figcaption form label {
    font-size: 18px;
    color: #283178;
    display: inline-block;
    margin-right: 21px;
}

.product-content header figcaption form input {
    width: 40px;
    height: 35px;
    border: 1px solid #eaeaea;
    color: #797979;
    font-size: 18px;
    text-align: right;
    line-height: 35px;
    padding-left: 5px;
    display: inline-block;
}

.product-content header figcaption > a {
    font-size: 15px;
    color: #283178;
    border: 1px solid #dadada;
    padding: 8px 28px 9px;
}

.product-content header figcaption > a:hover {
    background: #283178;
    color: #fff;
    border: 1px solid #283178;
}

.product-info-list {
    margin-top: 80px;
}

.product-info-list li {
    display: inline-block;
}

.product-info-list li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    padding: 6px 22px;

    color: #fff;
    background: #283178;
    border: 1px solid transparent;
    position: relative;
    z-index: 1;
}

.product-info-list li:not(:last-of-type) {
    margin-right: 10px;
}

.product-info-list li a::before,
.product-info-list li a::after {
    position: absolute;
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.product-info-list li a::before {
    width: calc(100% + 2px);
    height: calc(100% + 1px);
    border-top: 3px solid #f34b4b;
    top: -1px;
    left: -1px;
    
    z-index: -1;
}

.product-info-list li a::after {
    width: 100%;
    height: 2px;
    background: #fff;
    bottom: -2px;
    left: 0;
    z-index: 1;
}

.product-info-list {
    border: none;
}

.product-info-list li a.active {
    background: transparent;
    color: #242424;
    border: 1px solid #ebebeb;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.product-info-list li a.active::before,
.product-info-list li a.active::after {
    visibility: visible;
    opacity: 1;
}

.product-info {
    border: 1px solid #e2e2e2;
    padding: 30px 40px 60px;
}

.product-info .tab-pane p {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    color: #797979;
    padding: 20px 0;
}

.product-info .tab-pane p:last-of-type {
    padding-top: 7px;
}

.product-content > .row > .col-12 > h2 {
    margin-top: 95px;
    padding-bottom: 10px;
}

.product-content > .row > .col-12 > h2 > span {
    font-size: 34px;
    color: #242424;
    position: relative;
    display: inline-block;
}

.product-content > .row > .col-12 > h2 span::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 3px;
    background: #ec9a5d;
    left: calc(100% + 14px);
    bottom: 8px;
}
/* product-single end */

/* cart-page start */
.cart-table {
    margin-top: 100px;
    width: 100%;
    border: 1px solid #ebebeb;
}

.cart-table thead th {
    padding-left: 22px;
    background: #eff0f3;
    font-size: 18px;
    font-weight: 600;
    color: #283178;
    text-transform: capitalize;
}

.cart-table thead th:not(:last-of-type),
.cart-table tbody td:not(:last-of-type) {
    border-right: 1px solid #ebebeb;
}

.cart-table tbody tr td {
    padding: 25px;
}


.cart-table tfoot {
    background: #eff0f3;
}

.count-product {
    width: 96px;
    text-align: center;
    height: 42px;
    border: 1px solid #ebebeb;
}

.count-product .selected.active {
    background: #283178 !important;
    color: #fff !important;
    border-radius: 0 !important;
}

.countProduct {
    text-align: center;
    position: relative;
    padding: 0.55rem .75rem 0.55rem 1.2rem;
}

.countProduct .countProduct.dropdown-toggle::after {
    position: absolute;
    content: '';
    right: 14px;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.countProduct::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 40px;
    background: #ebebeb;
    top: -1px;
    right: 36px;
}
/* cart-page end */

/* checkout-page start */
.checkout-page {
    padding-bottom: 6px;
}

.checkout-page header {
    padding: 22px 0 25px 30px;
    margin: 100px 0 47px;
    border: 1px solid #ebebeb;
    background: #eff0f3;
}

.checkout-page header h2 {
    font-size: 17px;
    line-height: 26px;
    color: #283178;
}

.checkout-page header h2 a {
    border-bottom: 1px solid currentcolor;
}

.bill-title {
    color: #283178;
    line-height: 33px;
    padding-bottom: 40px;
}

.checkout-form label {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #283178;
    text-transform: capitalize;
}

.checkout-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
    width: 100%;
    display: block;
    height: 38px;
    border: 1px solid #e2e2e2;
    padding: 22px 20px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #283178;
    margin-bottom: 12px;
}

.checkout-form textarea {
    width: 100%;
    height: 103px;
    border: 1px solid #e2e2e2;
    padding: 20px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #283178;
}

.state {
    width: 100%;
    height: 38px;
    border: 1px solid #e2e2e2;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
    position: relative;
}

.cf-block .dropdown-menu,
.cf-block .dropdown-menu a {
    border-radius: 0;
}

.cf-block .dropdown-menu a.selected.active,
.cf-block .dropdown-menu a:active {
    background: #283178;
    color: #fff;
}

.cf-block .dropdown-toggle::after {
    display: none;
}

.cf-block .dropdown-toggle::before {
    position: absolute;
    content: "\f107";
    font-family: 'FontAwesome';
    color: #283178;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}

.filter-option-inner-inner {
    text-transform: capitalize;
    color: #c6c6c6;
}

.checkout-form input::-webkit-input-placeholder {
    text-transform: capitalize;
    color: #c6c6c6;
}
.checkout-form input::-moz-placeholder {
    text-transform: capitalize;
    color: #c6c6c6;
}
.checkout-form input:-ms-input-placeholder {
    text-transform: capitalize;
    color: #c6c6c6;
}
.checkout-form input::placeholder {
    text-transform: capitalize;
    color: #c6c6c6;
}

.checkout-form textarea::-webkit-input-placeholder {color: #c6c6c6}
.checkout-form textarea::-moz-placeholder {color: #c6c6c6}
.checkout-form textarea:-ms-input-placeholder {color: #c6c6c6}
.checkout-form textarea::placeholder {color: #c6c6c6}

.cf-block {
    padding-bottom: 13px;
}

.cf-check {
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.cf-check::before {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;

    top: 5px;
    left: 0;

    -webkit-box-shadow: 
       inset 0 0 0 1px #8e8f8f,
       inset 0 0 0 2px #f4f4f4,
       inset 0 0 0 3px rgba(174, 179, 185, .5);
    box-shadow: 
       inset 0 0 0 1px #8e8f8f,
       inset 0 0 0 2px #f4f4f4,
       inset 0 0 0 3px rgba(174, 179, 185, .5);

    background: rgba(203,207,213,1);
    background: -moz-linear-gradient(-45deg, rgba(203,207,213,1) 0%, rgba(246,246,246,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(203,207,213,1)), color-stop(100%, rgba(246,246,246,1)));
    background: -webkit-linear-gradient(-45deg, rgba(203,207,213,1) 0%, rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(203,207,213,1) 0%, rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(203,207,213,1) 0%, rgba(246,246,246,1) 100%);
    background: linear-gradient(135deg, rgba(203,207,213,1) 0%, rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcfd5', endColorstr='#f6f6f6', GradientType=1 );
}

.cf-check::after {
    position: absolute;
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #283178;
    font-size: 20px;
    left: -1px;
    top: -5px;
    display: none;
}

[id^="checkId"]:checked + .cf-check::after {
    display: block;
}

.order-info {
    padding: 30px;
    background: #fdfdfd;
    border: 1px solid #d9d9d9;
}

.order-info > ul {
    margin-bottom: 22px;
}

.order-info li > span {
    font-size: 15px;
    color: #283178
}

.order-info li > p {
    color: #797979;
    font-size: 17px;
}
.order-info li > p > span {
    color: #283178;
}

.order-info li:not(:last-of-type) {
    margin-bottom: 20px;
}

.order-info li:last-of-type {
    padding-top: 12px;
    padding-bottom: 7px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.order-opt label {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #283178;
    text-transform: capitalize;
}

.bank-tr-info {
    padding: 30px 22px 22px 25px;
    margin-top: 15px;
    margin-bottom: 17px;
    background: #eff0f3;
    position: relative;
    border-radius: 3px;
    border: 1px solid #ebebeb;
}

.bank-tr-info::before {
    position: absolute;
    content: '';
    border-bottom: 10px solid #eff0f3;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 100%;
    left: 25px;
}

.bank-tr-info p {
    font-size: 15px;
    line-height: 24px;
    color: #8e8d8d;
}

.thm-radio {
    position: relative;
    padding-left: 30px;
    padding-top: 5px;
}

.thm-radio::before {
    position: absolute;
    content: url('../img/radio.png');
    top: 6px;
    left: 0;
}

.cf-radio:checked + .thm-radio::before {
    content: url('../img/radio-checked.png');
}

.order-opt:last-of-type {
    margin-top: 5px;
}

.order-opt a:first-of-type {
    display: inline-block;
    margin-left: 22px;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.order-opt a:last-of-type {
    font-size: 14px;
    color: #c08c4d;
    display: inline-block;
    margin-left: 29px;
}

.order-info button {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #f34b4b;
    padding: 8px 30px 7px;
    border-radius: 20px;
    cursor: pointer;
    margin: 28px 0 27px;
}
/* checkout-page end */

/* welcome start */
.welcome {}

.wc-top {
    position: relative;
    z-index: 1;
}

.wc-top::before {
    position: absolute;
    content: '';
    width: calc(100% - 30px);
    height: 1px;
    background: rgba(0,0,0,.1);
    bottom: 0;
    left: 15px;
}

.wc-top header {
    background: #123495;
    padding: 63px 45px 70px;
}
.wc-top header > h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    font-style: italic;
    padding-bottom: 13px;
}
.wc-top header > p {
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 29px;
    margin-bottom: 36px;
    position: relative;
}

.wc-top header > p::before {
    position: absolute;
    content: '';
    width: 76px;
    height: 1px;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,.23);
}

.wc-top header > h3 {
    font-size: 30px;
    line-height: 32px;
}

.wc-top section {
    padding-left: 38px;
    padding-top: 91px;
}

.wc-top section > h2 {
    color: #242424;
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 24px;
}

.wc-top section > p {
    color: #797979;
}

.wc-top section .c-more {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #f34b4b;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin-top: 34px;
}

.wc-top section .c-more::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #f34b4b;
    bottom: 0;
    left: 0;
}

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

.wc-bottom section > h2 {
    font-size: 35px;
    color: #242424;
    padding-bottom: 28px;
    line-height: 28px;
}

.wc-bottom section > h3 {
    font-size: 20px;
    line-height: 28px;
    color: #242424;
    font-style: italic;
    padding-bottom: 32px;
}
.wc-bottom section > p {
    font-size: 17px;
    line-height: 28px;
    color: #898989;
}
.wc-bottom section > a {
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    padding: 10px 40px 9px;
    border-radius: 25px;
}

.wc-bottom section > a:hover {
    background: #172460 !important;
}

.approach-single + .approach-single {
    margin-left: 30px;
}

.approach-single {
    background: #fff;
    border-radius: 8px;
    padding: 40px 35px 24px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

.approach-single > h2 {
    font-size: 18px;
    line-height: 48px;
    color: #242424;
    margin-top: 12px;
}
.approach-single > p {
    font-size: 15px;
    line-height: 26px;
    color: #797979;
    padding-bottom: 13px;
}
/* welcome end */

/* manager start */
.manager {
    background: url('../img/bg/12.jpg') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.manager figure img {
    max-width: none;
    -webkit-transform: translateY(18px);
    -ms-transform: translateY(18px);
    -o-transform: translateY(18px);
    transform: translateY(18px);
}

.manager section {
    padding-left: 38px;
    padding-top: 40px;
}

.manager section > h2 {
    font-size: 35px;
    padding-bottom: 23px;
}

.manager section > p {
    color: #a7a7a6;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 5px;
}

.manager section > h3 {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 33px;
}
/* manager end */

/* rating-2 start */
.rating-2 {
    background: url('../img/bg/13.jpg') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 70px 0 110px;
}

.rating-2 header h2 {
    font-size: 34px;
    line-height: 36px;
    margin-top: 22px;
    margin-bottom: 50px;
}

.rating-btn {
    width: 53px;
    height: 53px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 2px rgba(222, 222, 222, 0.55);
    box-shadow: inset 0 0 0 2px rgba(222, 222, 222, 0.55);
}

.rating-btn + .rating-btn {
    margin-left: 17px;
}

.rating-btn i {
    line-height: 53px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
}

.rating-text > p {
    position: relative;
}

.rating-text > p::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,.34);
    left: -49px;
    top: 5px;
}

.rating-text > p,
.rating-text > h3 {
    font-size: 20px;
    line-height: 28px;
}

.rating-text > h3 {
    font-weight: 400;
    font-style: italic;
    letter-spacing: 1px;
    padding-top: 26px;
}

.ratingCard-2 .rating-thumb {
    float: left;
    width: 100px;
    text-align: center;
    position: relative;
}

.ratingCard-2 .rating-thumb h1 {
    font-size: 120px;
    line-height: 1px;
    margin-top: 90px;
}

.ratingCard-2 .rating-text {
    float: right;
    width: calc(100% - 148px);
    padding-left: 49px;
    padding-right: 49px;
    margin-left: 48px;
}
/* rating-2 end */

/* sec-blog-2 start */
.sec-blog-2 {
    padding-top: 95px;
    
    background: #f3f3f3;
    position: relative;
}

.sec-blog-2 > .container {
    position: relative;
    padding-bottom: 100px;
}

.sec-blog-2 > .container::after {
    position: absolute;
    content: '';
    width: calc(100% - 30px);
    height: 1px;
    background: #e4e4e4;
    top: 100%;
    left: 15px;
}

.sec-blog-2 header {
    padding-bottom: 33px;
}

.sec-blog-2 header > h2 {
    font-size: 32px;
    line-height: 36px;
    color: #292929;
}

.sec-blog-2 header > h2 > span {
    display: inline-block;
    position: relative;
}

.sec-blog-2 header > h2 > span::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    background: #283178;
    bottom: 8px;
    left: calc(100% + 22px);
}

.sec-blog-2 figure {
    position: relative;
}

.blogCard figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
}

.blogCard figcaption > p {
    font-size: 17px;
    background: #283178;
    padding: 4px 22px 9px 16px;
}

.blogCardBody > h2 {
    margin-top: 34px;
    line-height: 1px;
}

.blogCardBody > h2 > a {
    font-size: 20px;
    line-height: 28px;
    color: #242424;
}

.blogCardBody > p {
    font-size: 17px;
    line-height: 28px;
    color: #7d7d7d;
    padding-top: 8px;
    padding-bottom: 20px;
}

.blogCardBody .c-more {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #f34b4b;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.blogCardBody .c-more::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #f34b4b;
    bottom: 0;
    left: 0;
}

.blogList {
    padding: 42px 30px 23px;
    background: rgba(255,255,255,.8);
    -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
}

.blog-li + .blog-li {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e8e8e8;
}


.blog-li > h2 {
    line-height: 1px;
}
.blog-li > h2 > a,
.blog-li > p {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.blog-li > h2 > a {
    font-size: 20px;
    line-height: 28px;
    color: #242424;
}
.blog-li > p {
    font-size: 13px;
    line-height: 32px;
    letter-spacing: 1px;
    padding-top: 4px;
}
/* sec-blog-2 end */

/* sec-blog-3 start */
.sec-blog-3 > .container {
    position: relative;
    padding-bottom: 90px;
}

.sec-blog-3 > .container::after {
    position: absolute;
    content: '';
    width: calc(100% - 30px);
    height: 1px;
    background: #e4e4e4;
    bottom: 0;
    left: 15px;
}

.sec-blog-3 > .container.clr::after {display: none;}

.sec-blog-3 header {
    padding-top: 93px;
    padding-bottom: 24px;
    border-bottom: 1px solid #d8d8d8;
}
.sec-blog-3 header > h2 {
    font-size: 34px;
    line-height: 42px;
    color: #172460;
}

.sec-blog-3 header > a {
    color: #f34b4b;
    font-size: 13px;
    display: inline-block;
    position: relative;
    text-decoration: underline;
}

.blogCard-2,
.blogCard-3 {
    margin-top: 50px;
}

.blogCard-2 figure {
    position: relative;
}

.blogCard-2 figure > p {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 4px 15px 7px;
    background: #f34b4b;
    color: #fff;
    font-size: 14px;
}

.blogBody-2 > h2 {
    margin-top: 24px;
    padding-bottom: 4px;
    line-height: 1px;
}

.blogBody-2 > h2 > a {
    font-size: 18px;
    line-height: 28px;
    color: #242424;
}

.blogBody-2 > p {
    font-size: 18px;
    line-height: 38px;
    color: #797979;
    font-style: italic;
}

.blogBody-3 > span {
    font-size: 14px;
    line-height: 42px;
    color: #898989;
    display: inline-block;
    margin-top: 12px;
}

.blogBody-3 > h2 {
    line-height: 1px;
    margin-bottom: 5px;
}

.blogBody-3 > h2 > a {
    font-size: 18px;
    line-height: 28px;
    color: #172460;
}

.blogBody-3 > p {
    font-size: 18px;
    line-height: 38px;
    font-style: italic;
    color: #797979;
}
/* sec-blog-3 end */

/* promo-bar start */
.promo-bar {
    padding: 39px 0 31px;
    background: #283178;
}

.promo-bar h2 {
    font-size: 36px;
    line-height: 63px;
    color: #fff;
}

.promo-bar h2 > span {
    color: #f34b4b;
    font-style: italic;
    display: inline-block;
    position: relative;
}

.promo-bar h2 > span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: currentcolor;
    bottom: 12px;
    left: 0;
}

.promo-bar a {
    display: inline-block;
    background: #fff;
    color: #202020;
    font-size: 13px;
    letter-spacing: .5px;
    line-height: 26px;

    padding: 13px 47px 12px;
}
/* promo-bar end */

/* promo-bar-2 start */
.promo-bar-2 {
    padding-top: 60px;
    padding-bottom: 40px;
    margin-bottom: 13px;
    background: #1840b5;
}

.promo-bar-2 h2 {
    font-size: 25px;
    line-height: 36px;
}
.promo-bar-2 p {
    font-size: 16px;
    line-height: 28px;
    padding-left: 93px;
    position: relative;
}

.promo-bar-2 p::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 98px;
    background: rgba(255,255,255,.2);
    top: 0;
    left: 50px;
}
/* promo-bar-2 end */

/* some-facts start */
.some-facts {
    padding-top: 160px;
    padding-bottom: 113px;
    background: #1c2138;
}

.some-facts header h2 {
    font-size: 40px;
    line-height: 57px;
    position: relative;
    padding-bottom: 18px;
}

.some-facts header h2::after {
    position: absolute;
    content: '';
    width: 85px;
    height: 3px;
    background: #f34b4b;
    bottom: 0;
    left: 0;
}

.some-facts header p {
    padding-top: 23px;
}

.some-facts header p,
.fact-single p {
    font-size: 16px;
    line-height: 28px;
}

.fact-single {
    width: 266px;
    padding: 37px 30px 47px;
}

.fact-single h2 {
    font-size: 20px;
    padding-bottom: 10px;
}

.fact-single + .fact-single {
    margin-left: 20px;
}

.fact-blue {
    background:#22a9ff;
    border-top: 7px solid #2e3a73;
}
.fact-red {
    background:#f34b4b;
    border-top: 7px solid #842222;
}
.fact-green {
    background:#45ae7d;
    border-top: 7px solid #296a4c;
}
/* some-facts end */