@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}

body {

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

    font-size: 18px;

    line-height: 34px;

    letter-spacing: 0;

    color: #686868;

    text-transform: none;

    font-weight: 400;

    font-style: normal;

}

h1, h2, h3, h4, h5, h6 {

    margin: 0;

    color: #232323;

}

p {

    margin: 0;

}

ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

a,

a:hover {

    text-decoration: none;

}



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

    general-style

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

/*=== fromag-btn ===*/

.fromag-btn {

    display: inline-block;

    padding: 22px 40px 22px 40px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-size: 14px;

    font-weight: 700;

    line-height: 16px;

    text-transform: uppercase;

    letter-spacing: 1px;

    position: relative;

    background-color: #2594da;

    border: none;

    color: #fff;

    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

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

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.fromag-btn:hover {

    background-color: #1605ac;

    color: #fff;

}

/*=== fromag-heading ====*/

.fromag-heading .fromag__title {

    font-size: 40px;

    line-height: 50px;

    font-weight: 700;

    letter-spacing: 1px;

}

.fromag-heading .fromag__desc {

    font-size: 16px;

    font-weight: 400;

    line-height: 30px;

}

.fromag-heading .fromag__meta {

    color: #1762f0;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 500;

    margin-bottom: 5px;

    letter-spacing: 1px;

}

/*=== fromag__title-white ====*/

.fromag-heading .fromag__title-white,

.fromag-heading .fromag__desc-white {

    color: #fff;

}

/*=== section-divider ===*/

.section-divider {

    display: block;

    height: 2px;

    background-color: #f7f7f7;

}

/*=== loading-area ===*/

#loading-area {

    width: 100%;

    height: 100%;

    position: fixed;

    background-color: #fff;

    top: 0;

    left: 0;

    z-index: 99999;

}

#loading-area .col #loader-1 {

    -webkit-perspective: 120px;

    -ms-perspective: 120px;

    perspective: 120px;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 2;

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

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

}

#loading-area .col #loader-1:before {

    content: "";

    position: absolute;

    left: 20px;

    top: 20px;

    width: 40px;

    height: 40px;

    background-color: #1603ac;

    -webkit-animation: flip 1s infinite;

    animation: flip 1s infinite;

}

#loading-area .col .loader {

    width: 100px;

    height: 100px;

    position: relative;

}

@keyframes flip {

    0% {

        transform: rotate(0); }

    50% {

        transform: rotateY(180deg); }

    100% {

        transform: rotateY(180deg) rotateX(180deg); }

}

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

    HEADER AREA

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

.header-area .header-top {

    background-color: #fff;

}

.header-area .header-top .fromag-top-wrap {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

}

.header-area .header-top .fromag-top-wrap .fromag-logo {

    height: 120px;

    display: table;

    vertical-align: middle;

}

.header-area .header-top .fromag-top-wrap .fromag-logo a {

    height: 120px;

    display: table-cell;

    vertical-align: middle;

}

.header-area .header-top .fromag-top-wrap .fromag-menu {

    height: 120px;

    position: relative;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .mobile-menu-toggle {

    position: absolute;

    right: 15px;

    top: 0;

    color: #232323;

    font-size: 21px;

    cursor: pointer;

    width: 35px;

    height: 35px;

    background-color: rgba(35, 35, 35, 0.1);

    line-height: 37px;

    text-align: center;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    display: none;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .mobile-menu-toggle:hover {

    background-color: #1603ac;

    color: #fff;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: end;

    justify-content: flex-end;

    font-size: 14px;

    font-weight: 500;

    line-height: 51px;

    border-bottom: 1px solid #ededed;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box {

    flex: 1;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box:first-child {

    padding-right: 150px;

    border-right: 1px solid #ececec;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box:nth-child(2) {

   text-align: right;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box:nth-child(3) {

    border-left: 1px solid #ececec;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .info-small-text {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .info-small-text a {

    color: #1762f0;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .info-small-text a:hover {

    color: #1603ac;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .fromag-lang-links ul li {

    display: inline-block;

    margin: 0 10px;

    text-transform: uppercase;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .fromag-lang-links ul li a {

    color: #686868;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .fromag-lang-links ul li a:hover {

    color: #1762f0;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .search-form-wrapper {

    position: relative;

    padding-left: 35px;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .search-form-wrapper .form-control{

    border: none;

    background-color: transparent;

    -webkit-box-shadow: 0 0 0 0;

    -moz-box-shadow: 0 0 0 0;

    box-shadow: 0 0 0 0;

    color: #222;

    height: 51px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    padding-right: 0;

    font-weight: 500;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-top-content .info-box .search-form-wrapper .search-submit{

    position: absolute;

    top: 0;

    right: 0;

    border: none;

    background-color: transparent;

    color: #686868;

    font-size: 14px;

}

/*==== main-navigation =====*/

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content {

    position: relative;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: end;

    justify-content: flex-end;

    padding-top: 16px;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation {

    flex: 1;

    float: left;

    /*padding-right: 77px;*/

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li {

    display: inline-block;

    position: relative;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li:hover .dropdown-menu-item {

    opacity: 1;

    visibility: visible;

    top: 100%;

}

/*=== dropdown menu ===*/

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li .dropdown-menu-item {

    position: absolute;

    left: 0;

    top: 120%;

    min-width: 190px;

    background-color: #fff;

    -webkit-border-radius: 0 0 2px 2px;

    -moz-border-radius: 0 0 2px 2px;

    border-radius: 0 0 2px 2px;

    z-index: 3;

    -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.10);

    -moz-box-shadow: 0 20px 40px rgba(0,0,0,.10);

    box-shadow: 0 20px 40px rgba(0,0,0,.10);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li .dropdown-menu-item li{

    padding-bottom: 22px;

    display: block;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li .dropdown-menu-item li:first-child {

    padding-top: 22px;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li .dropdown-menu-item li a{

    padding: 0 30px;

    margin: 0;

    line-height: 16px;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li.active> a {

    color: #1762f0;

    margin-left: 0;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li a {

    color: #232323;

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 600;

    display: block;

    margin: 0 16px;

    padding-bottom: 17px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li a:hover {

    color: #1762f0;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social {

    flex: 1;

    float: right;

    font-size: 16px;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li{

    margin-right: 28px;

    display: inline-block;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li:last-child {

    margin-right: 0;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-facebook {

    color: #182eb2;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-twitter {

    color: #31a5ff;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-youtube-play {

    color: #ff2e2e;

}

.header-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-google-plus {

    color: #232323;

}



/*==== header-info ====*/

.header-area .header-info {

    margin-bottom: -62px;

    background-color: rgba(0,0,0,.20);

    position: relative;

    z-index: 2;

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

    height: 62px;

}

.header-area .header-info .header-info-inner {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 61px;

    font-size: 14px;

    line-height: 14px;

    letter-spacing: 1px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 500;

    margin-left: -2px;

    margin-right: -4px;

}

.header-area .header-info .header-info-inner .header-info-box {

    border-left: 1px solid rgba(255, 255, 255, 0.30);

    height: 60px;

    width: 33%;

    display: flex;

    align-items: center;

}

.header-area .header-info .header-info-inner .header-info-box.header-info-box-1 {

    border-left: none;

    text-align: left;

}

.header-area .header-info .header-info-inner .header-info-box.header-info-box-2 {

    text-align: center;

    justify-content: center;

}

.header-area .header-info .header-info-inner .header-info-box.header-info-box-3 {

    justify-content: flex-end;

}

.header-area .header-info .header-info-inner .header-info-box i {

    color: #1603ac;

    margin-right: 10px;

    font-size: 16px;

    margin-top: -3px;

}



/*==== mobile menu ===*/

.header-area .side-nav-container {

    position: fixed;

    top: 0;

    right: 0;

    width: 320px;

    height: 100%;

    background-color: #232323;

    overflow-x: hidden;

    z-index: 999;

    -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);

    -moz-transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);

    -ms-transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);

    -o-transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);

    transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);

    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}

.header-area .side-nav-container.active {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}

.header-area .side-nav-container .humburger-menu .humburger-menu-lines {

    display: inline-block;

    text-align: right;

    width: 22px;

    height: 22px;

    cursor: pointer;

    position: absolute;

    top: 25px;

    right: 18px;

    opacity: .5;

}

.header-area .side-nav-container .humburger-menu .humburger-menu-lines:before,

.header-area .side-nav-container .humburger-menu .humburger-menu-lines:after {

    position: absolute;

    content: '';

    height: 2px;

    width: 100%;

    top: 10px;

    left: 0;

    background-color: #fff;

    -webkit-transform: rotate(-43deg);

    -moz-transform: rotate(-43deg);

    -ms-transform: rotate(-43deg);

    -o-transform: rotate(-43deg);

    transform: rotate(-43deg);

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.header-area .side-nav-container .humburger-menu .humburger-menu-lines:after {

    -webkit-transform: rotate(43deg);

    -moz-transform: rotate(43deg);

    -ms-transform: rotate(43deg);

    -o-transform: rotate(43deg);

    transform: rotate(43deg);

}

.header-area .side-nav-container .humburger-menu .humburger-menu-lines:hover:before,

.header-area .side-nav-container .humburger-menu .humburger-menu-lines:hover:after {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

}

.header-area .side-nav-container .side-menu-wrap {

    margin-top: 100px;

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item {

    position: relative;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item.active .menu-plus-icon:before {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item:hover > a {

    background-color: rgba(255, 255, 255, 0.12);

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item a {

    font-size: 16px;

    color: #fff;

    display: block;

    text-transform: uppercase;

    font-weight: 500;

    padding: 10px 20px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    position: relative;

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon {

    position: absolute;

    top: 0;

    right: 0;

    width: 50px;

    height: 54px;

    line-height: 50px;

    cursor: pointer;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon:hover {

    background-color: rgba(255, 255, 255, 0.1);

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon:before,

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon:after {

    position: absolute;

    top: 24px;

    right: 20px;

    content: '';

    width: 11px;

    height: 2px;

    background-color: #fff;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon:after {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .side-sub-menu {

    display: none;

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .side-sub-menu li {

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

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .side-sub-menu li:first-child {

    border-top: 1px solid rgba(255, 255, 255, 0.12);

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .side-sub-menu li a {

    padding-left: 30px;

    padding-top: 9px;

    padding-bottom: 9px;

    color: rgba(255, 255, 255, 0.7);

}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .side-sub-menu li a:hover {

    color: #1603ac;

}

/*=== side-social ===*/

.header-area .side-nav-container .side-menu-wrap .side-social {

    margin-top: 30px;

    text-align: center;

}

.header-area .side-nav-container .side-menu-wrap .side-social li {

    display: inline-block;

    padding-right: 5px;

}

.header-area .side-nav-container .side-menu-wrap .side-social li:last-child {

    padding-right: 0;

}

.header-area .side-nav-container .side-menu-wrap .side-social li a {

    display: block;

    color: #232323;

    width: 40px;

    height: 40px;

    line-height: 43px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #fff;

    font-size: 18px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.header-area .side-nav-container .side-menu-wrap .side-social li a:hover {

    background-color: #1603ac;

}

.header-area .side-nav-container .side-menu-wrap .side-social li a:hover i {

    color: #fff !important;

}

.header-area .side-nav-container .side-menu-wrap .side-social li a i.fa-facebook {

    color: #182eb2;

}

.header-area .side-nav-container .side-menu-wrap .side-social li a i.fa-twitter {

    color: #31a5ff;

}

.header-area .side-nav-container .side-menu-wrap .side-social li a i.fa-youtube-play {

    color: #ff2e2e;

}

.header-area .side-nav-container .side-menu-wrap .side-social li a i.fa-google-plus {

    color: #232323;

}

/*==== header-fixed ====*/

.header-fixed {

    background-color: #fff;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 999;

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

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);

    -webkit-transition: 0.7s ease;

    -moz-transition: 0.7s ease;

    -ms-transition: 0.7s ease;

    -o-transition: 0.7s ease;

    transition: 0.7s ease;

}

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

    HEADER AREA 2

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

.header-area2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 5;

}

.header-area2 .header-top {

    background-color: transparent;

}

.header-area2 .header-top .container-fluid {

    padding-right: 80px;

    padding-left: 80px;

}

.header-area2 .header-top .fromag-top-wrap .fromag-logo {

    height: auto;

    display: block;

    padding-top: 15px;

}

.header-area2 .header-top .fromag-top-wrap .fromag-logo a {

    height: auto;

    display: block;

}

.header-area2 .header-top .fromag-top-wrap .fromag-menu {

    height: auto;

}

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content {

    padding-top: 34px;

    display: block;

}

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation {

    display: inline-block;

    float: none;

    padding-left: 95px;

}

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation>ul>li>a {

    color: #fff;

}

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li a:hover,

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-facebook:hover,

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-twitter:hover,

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-youtube-play:hover,

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-google-plus:hover {

    color: #1603ac;

}

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-facebook,

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-twitter,

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-youtube-play,

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .header-social ul li a i.fa-google-plus {

    color: #fff;

}

.header-area2 .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li .dropdown-menu-item {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

/*==== header-area2 header-fixed ====*/

.header-area2 .header-fixed {

    background-color: #232323;

}

.header-area2 .header-fixed .fromag-top-wrap .fromag-menu .fromag-menu-content {

    padding-top: 20px;

}

.header-area2 .header-fixed .fromag-top-wrap .fromag-logo {

    padding-top: 0;

}

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

    ERROR MENU AREA

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

.error-menu-area {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 75px;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: center;

}

.error-menu-area .header-top {

    background-color: transparent;

    position: fixed;

    width: 100%;

    padding-top: 20px;

    padding-bottom: 20px;

}

.error-menu-area .header-top.header-fixed {

    background-color: #232323;

}

.error-menu-area .header-top .fromag-top-wrap .fromag-menu {

    height: auto;

}

.error-menu-area .header-top .fromag-top-wrap .fromag-logo,

.error-menu-area .header-top .fromag-top-wrap .fromag-logo a {

    height: auto;

    display: block;

}

.error-menu-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content {

    padding-top: 0;

}

.error-menu-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation {

    padding-right: 0;

    float: right;

}

.error-menu-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li:last-child a {

    margin-right: 0;

}

.error-menu-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li a {

    color: #fff;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-weight: 700;

    padding-bottom: 0;

    margin-right: 15px;

    margin-left: 15px;

}

.error-menu-area .header-top .fromag-top-wrap .fromag-menu .fromag-menu-content .navigation-top .main-navigation ul li a:hover {

    color: #1603ac;

}



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

        SLIDER AREA

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

.slider-area .rev_slider .tp-bannertimer {

    opacity: 0;

    visibility: hidden;

}

.slider-area .rev_slider .tp-caption.NotGeneric-Title,

.slider-area .rev_slider .tp-caption.NotGeneric-SubTitle {

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

}

.slider-area .rev_slider .tp-caption .tp-meta {

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600;

}

.slider-area .rev_slider .tp-caption .tp-meta3 {

    text-transform: capitalize;

    font-size: 24px;

}

.slider-area .rev_slider .tp-caption .tp-meta.tp-meta2 {

    font-size: 30px;

}

.slider-area .rev_slider .tp-caption .tp-meta,

.slider-area .rev_slider .tp-caption .tp-title {

    color: #fff;

}

.slider-area .rev_slider .tp-caption.tp-title-box .tp-title {

    width: 505px;

}

.slider-area .rev_slider .tp-caption .tp-title {

    font-weight: 700;

    font-size: 80px!important;

    line-height: 80px;

    text-transform: capitalize;

    letter-spacing: 0 !important;

}

.slider-area .rev_slider .tp-caption .tp-title.tp-title2 {

    font-size: 150px;

    line-height: 120px;

    text-transform: uppercase;

}

.slider-area .rev_slider .tp-caption .tp-title.tp-title3 {

   font-size: 100px;

}



.slider-area .rev_slider .tp-caption .tp-title.tp-title5 {

    width: 580px;

}

.slider-area .rev_slider .tp-caption .tp-title.tp-title5 {

    height: 310px;

}

/*===== tp-bullet =====*/

.slider-area .tp-bullets {

    top: 97% !important;

}

.slider-area .metis .tp-bullet {

    width: 2px;

    height: 2px;

    background: #ececec;

    cursor: pointer;

    border: 5px solid #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    transition: all 0.3s;

}

.slider-area .metis .tp-bullet:hover,

.slider-area .metis .tp-bullet.selected {

    background: #1762f0;

    border-color: #fff;

}

.slider-area .metis .tp-bullet .tp-bullet-image,

.slider-area .metis .tp-bullet .tp-bullet-title {

    display: none;

}

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

    SLIDER AREA 2

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

.slider-area2 .zeus.tparrows {

    background-color: rgba(35, 35, 35, 0.5);

    opacity: 1;

}

.slider-area2 .zeus.tparrows:hover {

    background-color: #fff;

}

.slider-area2 .zeus.tparrows:hover:before,

.slider-area2 .zeus.tparrows:hover:after {

    color: #232323;

}

.slider-area2 .zeus.tparrows:before,

.slider-area2 .zeus.tparrows:after {

    color: #fff;

    font-size: 12px;

}

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

    BREADCRUMB AREA

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

.breadcrumb-area {

    background-color: #eee;

    position: relative;

    z-index: 1;

    color: #fff;

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

    background-size: cover;

    background-position: center;

    position: relative;

}



.breadcrumb-area:before{

    content: '';

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.6);

    position: absolute;



}

.breadcrumb-area .breadcrumb-content {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 250px;

    padding-top: 0px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.breadcrumb-area .breadcrumb-content .breadcrumb__title {

    font-size: 40px;

    line-height: 50px;

    letter-spacing: 0;

    color: #fff;

    font-weight: 700;

    text-transform: capitalize;

}

.breadcrumb-area .breadcrumb-content .breadcrumb__list {

    margin-left: auto;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

}

.breadcrumb-area .breadcrumb-content .breadcrumb__list li {

    font-size: 16px;

    line-height: 1.5;

    letter-spacing: 1px;

    color: #fff;

    font-weight: 600;

    position: relative;

    padding-right: 22px;

    text-transform: uppercase;

}

.breadcrumb-area .breadcrumb-content .breadcrumb__list li:last-child {

    padding-right: 0;

}

.breadcrumb-area .breadcrumb-content .breadcrumb__list li.active__list-item:after {

    position: absolute;

    content: '-';

    top: 2px;

    right: 0;

    padding: 0 6px;

    font-size: 15px;

}

.breadcrumb-area .breadcrumb-content .breadcrumb__list li a {

    color: #fff;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.breadcrumb-area .breadcrumb-content .breadcrumb__list li a:hover {

    color: #1603ac;

}

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

    SOLUTION AREA

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

.solution-area {

    padding-top: 120px;

    padding-bottom: 80px;

}

.solution-area .service-item {

    margin-bottom: 30px;

}

.solution-area .service-item img {

    width: 100%;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    margin-bottom: 27px;

}

.solution-area .service-item .solution-content .service__title {

    margin-bottom: 35px;

    font-size: 26px;

    line-height: 30px;

    text-transform: capitalize;

    font-weight: 700;

}

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

    SKILL AREA

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

.skill-area {

    background-color: #f7f7f7;

    overflow: hidden;

}

.skill-area .skill-item {

    padding-top: 97px;

    padding-right: 90px;

    padding-bottom: 65px;

}

.skill-area .skill-item .skill-heading .fromag__title {

    margin-bottom: 37px;

}

.skill-area .skills {

    margin-top: 42px;

}

.skill-area .skills .skill {

    margin-bottom: 35px;

}

.skill-area .skills .skill .skill__title {

    font-size: 18px;

    font-weight: 600;

    color: #232323;

    text-transform: capitalize;

}

.skill-area .skills .skill span:last-of-type {

    float: right;

    font-size: 16px;

    color: #232323;

    font-weight: 600;

}

.skill-area .skills .skill .progress_bg {

    background-color: #e7e7e7;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    margin-top: 8px;

}

.skill-area .skills .skill .progress_bar {

    height: 8px;

    background-color: #1762f0;

    border-radius: 30px;

    position: relative;

}

.skill-area .skills .skill .progress_bar:after {

    position: absolute;

    content: '';

    top: -5px;

    right: -1px;

    width: 17px;

    height: 17px;

    background-color: #1762f0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.skill-area .skill-bg-area {

    margin-right: -389px;

}

.skill-area .skill-bg-area img {

    width: 100%;

}

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

    ENTRY AREA

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

.entry-area {

    padding-top: 20px;

    padding-bottom: 20px;

    /* background-image: url("../images/entry-bg.jpg");

    background-size: cover;

    background-position: center;

    position: relative;

    z-index: 1; */

    background-color: #f8f8f8;

}

.entry-area:after {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    content: "";

    

    z-index: -1;

}

.entry-area .entry-heading .fromag__title {

    width: 586px;

}

.entry-area .entry-static-wrap {

    margin-top: 46px;

}

.entry-area .entry-static-wrap .entry-static-box {

    background-color: #fff;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.entry-area .entry-static-wrap .entry-inner-box {

    padding: 30px 10px 25px 30px;

}

.entry-area .entry-static-wrap .entry-inner-box  h4{

    font-size: 22px;

    font-weight: 700;

    line-height: 26px;

    margin-bottom: 15px;

}

.entry-area .entry-static-wrap .entry-inner-box p {

    font-size: 16px;

    line-height: 26px;

}

.entry-area .entry-static-wrap .entry-img-box {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.entry-area .entry-static-wrap .entry-img-box img {

    width: 100%;

   /*  height: 200px; */

    border-top-right-radius: 4px;

    border-bottom-right-radius: 2px;

    position: relative;

    right: -1px;

}

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

    ABOUT AREA

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

.about-area {

    padding-top: 50px;

    padding-bottom: 50px;

}

.about-area .about-heading .fromag__title {

    margin-bottom: 35px;

}

.about-area .about-heading .fromag__desc {

    color: #232323;

    font-weight: 600;

    margin-bottom: 30px;

    padding-right: 50px;

}

.about-area .about-heading .fromag__litedesc {

    margin-bottom: 25px;

    color: #686868;

    font-weight: 400;

    text-align: justify;

}

.about-area .about-img-box {

    text-align: right;

    position: relative;

    z-index: 1;

    margin-left: auto;

}

.about-area .about-img-box:after {

    position: absolute;

    top: -13px;

    left: -20px;

    width: 100%;

    height: 100%;

    z-index: -1;

    content: '';

    text-align: left;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #1762f0;

}

.about-area .about-img-box .about__img img {

    width: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.about-area .about-img-box .trusted__box {

    position: absolute;

    background-color: #fff;

    height: 170px;

    width: 170px;

    line-height: 170px;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);

    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);

    left: -33px;

    bottom: 0;

    z-index: 2;

}

.about-area .about-img-box .trusted__box:before {

    content: "";

    display: block;

    width: 87%;

    height: 87%;

    border: 2px dashed #ededed;

    position: absolute;

    border-radius: 50%;

    top: 7%;

    left: 7%;

}

.about-area .about-img-box .trusted__box .trusted__box-inner {

    padding-top: 62px;

}

.about-area .about-img-box .trusted__box .trusted__box-inner h4 {

    color: #1762f0;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    line-height: 16px;

    letter-spacing: 1px;

}

.about-area .about-img-box .trusted__box .trusted__box-inner h3 {

    font-size: 40px;

    font-weight: 700;

    line-height: 40px;

}

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

    ABOUT AREA 2

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

.about-area2 {

    position: relative;

    padding-bottom: 95px;

}

.about-area2 .about-cta-wrap {

    background-color: #fff;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);

    -moz-box-shadow: 0 0 40px rgba(0,0,0,.05);

    box-shadow: 0 0 40px rgba(0,0,0,.05);

    margin-top: -175px;

    margin-bottom: 120px;

    padding: 60px 45px 10px 45px;

}

.about-area2 .about-cta-wrap .about-cta-item {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 49px;

}

.about-area2 .about-cta-wrap .about-cta-item i {

    width: 65px;

    height: 65px;

    line-height: 65px;

    text-align: center;

    font-size: 24px;

    background: #1603ac;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #fff;

}

.about-area2 .about-cta-wrap .about-cta-item .about-cta-cont {

    padding-left: 20px;

}

.about-area2 .about-cta-wrap .about-cta-item .about-cta-cont h5 {

    letter-spacing: 1px;

    font-size: 14px;

    line-height: 20px;

    text-transform: uppercase;

    font-weight: 600;

    color: #686868;

    margin-bottom: 3px;

}

.about-area2 .about-cta-wrap .about-cta-item .about-cta-cont h4 {

    font-size: 26px;

    line-height: 26px;

    font-weight: 600;

}

.about-area2 .about-cta-wrap .about-cta-item .about-cta-cont h4 a {

    color: #232323;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.about-area2 .about-cta-wrap .about-cta-item .about-cta-cont h4 a:hover {

    color: #1603ac;

}

.about-area2 .about-cta-wrap .about-cta-item2 i {

    background-color: #1762f0;

}

/*==== about-random-img ====*/

.about-area2 .about-random-img figure .random-img-about img {

    position: absolute;

}

.about-area2 .about-random-img figure .random-img-about img:nth-child(1) {

    top: 0;

    left: -368px;

}

.about-area2 .about-random-img figure .random-img-about img:nth-child(2) {

    top: 69px;

    left: 90px;

}

/*=== about-orange-box ===*/

.about-area2 .about-orange-box {

    padding: 50px 50px 44px 49px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    margin-top: 12px;

    margin-bottom: 28px;

    background-color: #1603ac;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.about-area2 .about-orange-box:hover {

    -webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -ms-transform: scale(1.03);

    -o-transform: scale(1.03);

    transform: scale(1.03);

}

.about-area2 .about-orange-box span {

    font-size: 45px;

    line-height: 45px;

    color: #fff;

}

.about-area2 .about-orange-box .orange__title {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    color: #fff;

    margin-top: 10px;

}

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

    ABOUT AREA 3

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

.about-area3 {

    background-color: #fff;

}

.about-area3 .about-heading .fromag__litedesc {

    margin-bottom: 27px;

    padding-right: 70px;

}

.about-area3 .about-heading .about-list li {

    position: relative;

    padding-left: 20px;

    font-weight: 500;

    margin: 5px 0;

}

.about-area3 .about-heading .about-list li:after {

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background-color: #1762f0;

    content: "";

    position: absolute;

    left: 0;

    top: 14px;

}

.about-area3 .about-img-box {

    width: auto;

    height: auto;

}

.about-area3 .about-img-box:after {

    display: none;

}

.about-area3 .about-img-box .about__img img {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    height: auto;

}

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

    SERVICE AREA

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

.service-area {

    background-color: #f7f7f7;

    padding-top: 50px;

    padding-bottom: 50px;

}

.service-area .service-wrap {

    margin-top: 16px;

}

.service-area .service-wrap .owl-item{

    padding-top: 30px;

    padding-bottom: 30px;

}

.service-area .service-wrap3 .service-item {

    margin-bottom: 60px;

}

.service-area .service-wrap .service-item,

.service-area .service-wrap3 .service-item  {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.service-area .service-wrap .service-item:hover,

.service-area .service-wrap3 .service-item:hover {

    -webkit-transform: translateY(-4px);

    -moz-transform: translateY(-4px);

    -ms-transform: translateY(-4px);

    -o-transform: translateY(-4px);

    transform: translateY(-4px);

}

.service-area .service-wrap .service-item:hover .service-content,

.service-area .service-wrap3 .service-item:hover .service-content {

    border-bottom-color: #1603ac;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.service-area .service-wrap .service-item:hover .service-content .service-inner-content span,

.service-area .service-wrap .service-item:hover .service-content .service-inner-content .service__link,

.service-area .service-wrap3 .service-item:hover .service-content .service-inner-content span,

.service-area .service-wrap3 .service-item:hover .service-content .service-inner-content .service__link {

    color: #1762f0;

}

.service-area .service-wrap .service-item .service-img-box img,

.service-area .service-wrap3 .service-item .service-img-box img {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    width: 100%;

}

.service-area .service-wrap .service-item .service-content,

.service-area .service-wrap3 .service-item .service-content {

    background-color: #fff;

    padding: 10px 20px 10px 20px;

    border-bottom: 3px solid transparent;

    -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.04);

    -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.04);

    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.04);

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.service-area .service-wrap .service-item .service-content .service-inner-content span,

.service-area .service-wrap3 .service-item .service-content .service-inner-content span {

    color: #232323;

    font-size: 48px;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.service-area .service-wrap .service-item .service-content .service-inner-content .service__title,

.service-area .service-wrap3 .service-item .service-content .service-inner-content .service__title {

    font-size: 20px;

    line-height: 30px;

    margin-top: 10px;

    font-weight: 700;

}

.service-area .service-wrap .service-item .service-content .service-inner-content .service__title a,

.service-area .service-wrap3 .service-item .service-content .service-inner-content .service__title a {

    color: #232323;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.service-area .service-wrap .service-item .service-content .service-inner-content .service__title a:hover,

.service-area .service-wrap3 .service-item .service-content .service-inner-content .service__title a:hover {

    color: #1762f0;

}

.service-area .service-wrap .service-item .service-content .service-inner-content .service__desc,

.service-area .service-wrap3 .service-item .service-content .service-inner-content .service__desc {

    font-size: 16px;

    line-height: 30px;

    margin-top: 10px;

    margin-bottom: 7px;

}

.service-area .service-wrap .service-item .service-content .service-inner-content .service__link,

.service-area .service-wrap3 .service-item .service-content .service-inner-content .service__link {

    display: inline-block;

    color: #232323;

    position: relative;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



/*==== owl-nav ====*/

.service-area .service-wrap .owl-nav {

    position: absolute;

    top: calc(50% - 25px);

    width: 100%;

    z-index: 20;



    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

/*.timeline-area .timeline-list .happening .happening__period:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    height: 15px;*/
/*    width: 15px;*/
/*    -webkit-border-radius: 50%;*/
/*    -moz-border-radius: 50%;*/
/*    border-radius: 50%;*/
/*    right: -125px;*/
/*    z-index: 1;*/
/*    background-color: #1762f0;*/
/*    top: -1px;*/
/*}*/

.service-area .service-wrap .owl-nav div {

    text-align: center;

    z-index: 15;

    cursor: pointer;

    color: #fff;

    width: 65px;

    height: 65px;

    line-height: 65px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    font-size: 24px;

    outline: none;

    display: inline-block;

    position: absolute;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    background-color: #248dd8;

}

.service-area .service-wrap .owl-nav div:hover {

    background-color: #1603ac;

}

.service-area .service-wrap .owl-nav .owl-prev {

    left: -144px;

}

.service-area .service-wrap .owl-nav .owl-next {

    right: -144px;

}

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

    SERVICE AREA 2

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

.service-area2 {

    padding-top: 50px;

}

.service-area2 .article-wrap {

    margin-top: 25px;

}

.service-area2 .article-wrap .service-item {

    background-color: #fff;

    border-bottom: 3px solid transparent;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    padding: 50px 30px 45px 30px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.service-area2 .article-wrap .service-item:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    border-bottom-color: #1603ac;

}

.service-area2 .article-wrap .service-item:hover .news__content span,

.service-area2 .article-wrap .service-item:hover .news__content .readmore__btn {

    color: #1762f0;

}

.service-area2 .article-wrap .service-item .news__content span {

    font-size: 55px;

    line-height: 55px;

    margin-bottom: 20px;

    margin-top: 10px;

    text-align: center;

    color: #232323;

    display: block;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

 }

.service-area2 .article-wrap .service-item .news__content h4 {

    font-weight: 600;

    font-size: 20px;

    line-height: 30px;

}

.service-area2 .article-wrap .service-item .news__content p {

    margin-top: 27px;

    margin-bottom: 15px;

    line-height: 30px;

}

.service-area2 .article-wrap .service-item .news__content .readmore__btn {

    font-size: 14px;

    color: #232323;

    font-weight: 600;

    text-transform: uppercase;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

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

    INNSER SERVICE AREA

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

.inner-service-area,

.single-service-area {

    padding-top: 120px;

}

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

   SINGLE SERVICE AREA

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

.single-service-area {

    padding-bottom: 90px;

}

.single-service-area .single-content .single__img {

    margin-bottom: 54px;

}

.single-service-area .single-content .single__img img {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    width: 100%;

}

.single-service-area .single-content .fromag-heading .fromag__title {

    margin-bottom: 36px;

}

.single-service-area .single-content .single-icon-box {

    margin-top: 50px;

}

.single-service-area .single-content .single-icon-box .single__icon-content + .single__icon-content {

    margin-top: 50px;

}

.single-service-area .single-content .single-icon-box .single__icon-content span {

    font-size: 50px;

    line-height: 50px;

    color: #1762f0;

}

.single-service-area .single-content .single-icon-box .single__icon-content .singleservice__title {

    font-size: 20px;

    font-weight: 600;

    line-height: 20px;

    margin-top: 12px;

    margin-bottom: 35px;

}

/*=== single-accordion ===*/

.single-service-area .single-content .single__accordion {

    margin-top: 50px;

    margin-bottom: 60px;

}

.single-service-area .single-content .single__accordion .accordion-panel .accordion__title {

    margin-top: 10px;

}

.single-service-area .single-content .single__accordion .accordion-panel .accordion__title .accordion__title-text {

    color: #232323;

    width: 100%;

    margin: 0;

    cursor: pointer;

    padding: 22px 35px;

    display: block;

    background-color: #f7f7f7;

    font-weight: 600;

    font-size: 20px;

    position: relative;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.single-service-area .single-content .single__accordion .accordion-panel .accordion__title .accordion__title-text:before,

.single-service-area .single-content .single__accordion .accordion-panel .accordion__title .accordion__title-text:after {

    position: absolute;

    content: '';

    top: 50%;

    right: 39px;

    width: 2px;

    height: 10px;

    background-color: #232323;

    z-index: 1;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.single-service-area .single-content .single__accordion .accordion-panel .accordion__title .accordion__title-text:after,

.single-service-area .single-content .single__accordion .accordion-panel.active .accordion__title .accordion__title-text:before {

    -webkit-transform: rotate(90deg);

    -moz-transform: translateY(-50%) rotate(90deg);

    -ms-transform:translateY(-50%)  rotate(90deg);

    -o-transform: translateY(-50%) rotate(90deg);

    transform: translateY(-50%) rotate(90deg);

}

.single-service-area .single-content .single__accordion .accordion-panel .accordion__content {

    padding: 0 35px 25px 35px;

    display: none;

    background-color: #f7f7f7;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.single-service-area .single-content .single__accordion .accordion-panel .accordion__content .accordion__content-desc {

    font-size: 16px;

    font-weight: 500;

    line-height: 26px;

}

/*=== single-solution-content ===*/

.single-service-area .single-content .single-solution-content .single-solution-item {

    margin-bottom: 30px;

}

.single-service-area .single-content .single-solution-content .single-solution-item img {

    width: 100%;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.single-service-area .single-content .single-solution-content .single-solution-item .ss__title {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 30px;

}

.single-service-area .single-content .single-solution-content .single-solution-item .ss__desc {

    font-size: 16px;

    font-weight: 500;

    line-height: 26px;

}

.single-service-area .single-content .single-solution-content .single-solution-item .ss__list {

    margin-top: 32px;

}

.single-service-area .single-content .single-solution-content .single-solution-item .ss__list li {

    position: relative;

    padding-left: 20px;

    font-weight: 500;

    line-height: 18px;

    margin-bottom: 20px;

}

.single-service-area .single-content .single-solution-content .single-solution-item .ss__list li:after {

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background-color: #1762f0;

    content: "";

    position: absolute;

    left: 0;

    top: 6px;

}

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

    SIDEBAR-SHARED

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

.sidebar-shared {

    background-color: #f6f6f6;

    padding: 36px 40px 2px 40px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.sidebar-shared .side-widget {

    margin-bottom: 40px;

}

.sidebar-shared .side-widget .form-shared form .form-control {

    background-color: #fff;

    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.01);

    -moz-box-shadow: 0 0 40px rgba(0,0,0,.01);

    box-shadow: 0 0 40px rgba(0,0,0,.01);

}

.sidebar-shared .side-widget .sidebar__title {

    margin-bottom: 20px;

    position: relative;

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    text-transform: capitalize;

}

.sidebar-shared .side-widget .sidebar__cat li {

    margin-bottom: 2px;

}

.sidebar-shared .side-widget .sidebar__cat li:last-child {

    margin-bottom: 0;

}

.sidebar-shared .side-widget .sidebar__cat li a {

    background-color: #fff;

    line-height: 26px;

    font-size: 16px;

    padding: 17px 30px;

    display: block;

    position: relative;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-weight: 600;

    color: #686868;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.sidebar-shared .side-widget .sidebar__cat li a:hover {

    color: #232323;

    -webkit-box-shadow: 0px 10px 30px rgba(0,0,0,.05);

    -moz-box-shadow: 0px 10px 30px rgba(0,0,0,.05);

    box-shadow: 0px 10px 30px rgba(0,0,0,.05);

}

.sidebar-shared .side-widget .sidebar__cat li a:hover i {

    color: #1762f0;

}

.sidebar-shared .side-widget .sidebar__cat li a i {

    float: right;

    margin-top: 3px;

}

.sidebar-shared .side-widget .sidebar__cat li a .archive-num {

    float: right;

    width: 30px;

    height: 30px;

    line-height: 32px;

    text-align: center;

    background-color: #ececec;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #232323;

    font-size: 12px;

    font-weight: 600;

    margin-right: -10px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.sidebar-shared .side-widget .sidebar__cat li a:hover .archive-num {

    color: #fff;

    background-color: #1603ac;

}

.sidebar-shared .side-widget .help-container {

    background: #fff;

    padding: 30px 30px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.sidebar-shared .side-widget .help-container .help__desc {

    color: #686868;

    font-size: 16px;

    line-height: 30px;

    font-weight: 500;

}

.sidebar-shared .side-widget .help-container .help__num {

    font-size: 32px;

    line-height: 40px;

    font-weight: 700;

    margin-top: 20px;

}

.sidebar-shared .side-widget .download-container .fromag-btn {

    display: block;

    text-align: center;

}

.sidebar-shared .side-widget .download-container .details-btn {

    margin-top: 20px;

    background-color: #232323;

}

.sidebar-shared .side-widget .download-container .details-btn:hover {

    background-color: #1762f0;

}

/*=== recent-item ===*/

.sidebar-shared .side-widget .recent__list li {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

}

.sidebar-shared .side-widget .recent__list li + li {

    padding-top: 19px;

}

.sidebar-shared .side-widget .recent__list li > a {

    width: 70px;

    margin-right: 20px;

}

.sidebar-shared .side-widget .recent__list li a img {

    width: 70px;

    height: 70px;

}

.sidebar-shared .side-widget .recent__list li .recent__list-links {

    margin-top: -8px;

}

.sidebar-shared .side-widget .recent__list li .recent__list-links span {

    font-size: 14px;

    color: #1762f0;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-weight: 500;

    line-height: 14px;

}

.sidebar-shared .side-widget .recent__list li .recent__list-links a {

    font-size: 16px;

    color: #686868;

    line-height: 23px;

    font-weight: 600;

    display: block;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.sidebar-shared .side-widget .recent__list li .recent__list-links a:hover {

    color: #232323;

}

/*=== sidbar-tags ===*/

.sidebar-shared .side-widget .sidebar__tag li {

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 10px;

}

.sidebar-shared .side-widget .sidebar__tag li:last-child {

    margin-bottom: 0;

}

.sidebar-shared .side-widget .sidebar__tag li a {

    background-color: #ececec;

    display: block;

    color: #686868;

    font-weight: 600;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 14px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    padding: 7px 20px;

    text-transform: uppercase;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.sidebar-shared .side-widget .sidebar__tag li a:hover {

    background-color: #1603ac;

    color: #fff;

}

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

   FORM-SHARED

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

.form-shared form {

    position: relative;

}

.form-shared form .form-group {

    margin-bottom: 30px;

}

.form-shared form .form-control,

.form-shared form .textarea {

    width: 100%;

    height: auto;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    border: none;

    background-color: #f7f7f7;

    color: #232323;

    padding: 19px 30px;

    -webkit-box-shadow: 0 0 0 0;

    -moz-box-shadow: 0 0 0 0;

    box-shadow: 0 0 0 0;

    font-weight: 500;

    font-size: 16px;

    outline: none;

}

.form-shared form .textarea {

    height: 200px;

}

.form-shared form .search-submit {

    border: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 30px;

    background-color: transparent;

    color: #232323;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.form-shared form .search-submit:hover {

    color: #1762f0;

}

.form-shared form .submit__btn {

    margin-top: -12px;

}

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

   NEWS AREA

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

.news-area {

    padding-top: 120px;

    padding-bottom: 88px;

}

.news-content-wrap .news-item {

    margin-bottom: 60px;

    background-color: #fff;

    border-bottom: 3px solid transparent;

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.news-content-wrap .news-item:hover {

    border-bottom-color: #1603ac;

}

.single-news-area .news-content-wrap .news-item:hover {

    border-bottom-color: transparent;

}

.news-content-wrap .news-item img {

    width: 100%;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.news-content-wrap .news-item .news-details {

    padding: 47px 60px 42px 60px;

}

.news-content-wrap .news-item .news-details .news__meta li {

    font-size: 14px;

    line-height: 14px;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-weight: 500;

    color: #1762f0;

    display: inline-block;

    position: relative;

    padding: 0 10px;

}

.news-content-wrap .news-item .news-details .news__meta li:first-child {

    padding-left: 0;

}

.news-content-wrap .news-item .news-details .news__meta li.news__meta-dot:after {

    position: absolute;

    content: '';

    display: inline-block;

    bottom: 3px;

    right: -3px;

    width: 2px;

    height: 2px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #1762f0;

}

.news-content-wrap .news-item .news-details .news__meta li a {

    color: #1762f0;

    display: block;

}

.news-content-wrap .news-item .news-details .news__title {

    font-size: 26px;

    font-weight: 700;

    line-height: 32px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    margin-bottom: 30px;

}

.news-content-wrap .news-item .news-details .news__title a {

    color: #232323;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.news-content-wrap .news-item .news-details .news__desc {

    margin-bottom: 26px;

}

.news-content-wrap .news-item .news-details .news__title a:hover {

    color: #1603ac;

}

.news-content-wrap .news-item .news-details .news__btn {

    color: #232323;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.news-content-wrap .news-item:hover .news-details .news__btn {

    color: #1762f0;

}

.news-content-wrap .news-item .news-details .blockquote-content {

    background-color: #1603ac;

    padding: 50px 50px;

    margin: 47px 0px 50px 0;

    font-size: 24px;

    line-height: 34px;

    color: #fff;

    font-weight: 600;

    position: relative;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    border-left: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.news-content-wrap .news-item .news-details .news-tags {

    padding: 30px 0 15px 0;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    border-top: 1px solid #e9e9e9;

    margin-top: 50px;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-left {

    margin-right: auto;

    width: 60%;

    padding-right: 10px;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-left .news-meta-tags {

    color: #232323;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-left .news-meta-tags .news-meta-title {

    font-size: 20px;

    font-weight: 600;

    margin-right: 12px;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-left .news-meta-tags a {

    display: inline-block;

    color: #686868;

    font-size: 14px;

    line-height: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin: 0 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    background-color: #ececec;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    padding: 18px 20px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-left .news-meta-tags a:hover {

    background-color: #1603ac;

    color: #fff;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-right .news-share {

    display: -ms-flexbox;

    display: flex;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-right .news-share li {

    margin-right: 30px;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-right .news-share li:last-child {

    margin-right: 0;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-right .news-share li a {

    position: relative;

    display: block;

    font-size: 16px;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-right .news-share li a i.fa-facebook {

    color: #182eb2;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-right .news-share li a i.fa-twitter {

    color: #31a5ff;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-right .news-share li a i.fa-youtube-play {

    color: #ff2e2e;

}

.news-content-wrap .news-item .news-details .news-tags .news-tag-item-right .news-share li a i.fa-google-plus {

    color: #232323;

}

/*=== comments ====*/

.news-content-wrap .single-comment .post__boxed {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    background-color: #f7f7f7;

    padding: 58px 60px 60px 60px;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: flex;

    margin-bottom: 55px;

}

.news-content-wrap .single-comment .post__boxed .post__boxed-img {

   margin-right: 40px;

    max-width: 170px;

    width: 170px;

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

}

.news-content-wrap .single-comment .post__boxed .post__boxed-img img {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    width: 100%;

}

.news-content-wrap .single-comment .post__boxed .post__boxed-content .post__boxed-title {

    line-height: 20px;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 40px;

    text-transform: capitalize;

}

.news-content-wrap .single-comment .post__boxed .post__boxed-content .post__boxed-desc {

    line-height: 26px;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 10px;

}

.news-content-wrap .single-comment .post__boxed .post__boxed-content .post__boxed-btn {

    line-height: 14px;

    font-size: 14px;

    font-weight: 500;

    color: #1762f0;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.news-content-wrap .single-comment .single__comment-title {

    font-size: 30px;

    line-height: 30px;

    text-transform: capitalize;

    font-weight: 600;

}

.news-content-wrap .single-comment .comment__boxed .comments-list {

    margin-top: 55px;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment + .comment {

    margin-top: 50px;

    margin-bottom: 50px;

    padding-top: 60px;

    padding-bottom: 50px;

    border-top: 2px solid #f7f7f7;

    border-bottom: 2px solid #f7f7f7;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .avatar-img {

    float: left;

    width: 110px;

    height: 110px;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .avatar-img img {

    width: 100%;

    height: 100%;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .comment-body {

   margin-left: 145px;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .comment-body .meta-data .comment__author {

   font-size: 18px;

    text-transform: capitalize;

    font-weight: 600;

    margin-bottom: 3px;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .comment-body .meta-data .comment__date {

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

    color: #1762f0;

    letter-spacing: 1px;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .comment-body .comment-content {

    margin-top: 28px;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .comment-body .comment-content .reply__btn {

    float: right;

    margin-top: -80px;

    display: inline-block;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

    background-color: #232323;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    letter-spacing: 1px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    line-height: 14px;

    padding: 18px 20px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.10);

    -moz-box-shadow: 0 0 40px rgba(0,0,0,.10);

    box-shadow: 0 0 40px rgba(0,0,0,.10);

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .comment-body .comment-content .reply__btn:hover {

    background-color: #1603ac;

}

.news-content-wrap .single-comment .comment__boxed .comments-list li .comment .comment-body .comment-content .comment__text {

   font-size: 16px;

    line-height: 26px;

    font-weight: 500;

    padding-right: 50px;

}

.news-content-wrap .single-comment .comment__form form {

    margin-top: 55px;

}

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

   SINGLE NEWS AREA

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

.single-news-area {

    padding-bottom: 120px;

}

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

   CONTACT AREA

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

.contact-area {

    padding-top: 50px;

    padding-bottom: 50px;

}

.contact-area .contact-heading {

    margin-bottom: 46px;

}

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

   MAP AREA

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

.map-area #map {

    width: 100%;

    height: 600px;

}

.map-area #map .gm-style .gmnoprint,

.map-area #map .gm-style button.gm-control-active.gm-fullscreen-control,

.map-area #map .gm-style .gm-style-cc {

    display: none;

}

.map-area .about-area {

    padding-top: 0;

    padding-bottom: 0;

}

.map-area .about-area2 .about-cta-wrap {

    margin-bottom: -58px;

    margin-top: 0;

    position: relative;

    z-index: 2;

    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.02);

    -moz-box-shadow: 0 10px 40px rgba(0,0,0,.02);

    box-shadow: 0 10px 40px rgba(0,0,0,.02);

}

.map-area .about-area2 .about-cta-wrap .about-cta-item2 i {

    background-color: #1603ac;

}

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

   PAGINATION

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

.pagination.pagination-wrap {

    margin-top: 0;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.pagination.pagination-wrap>li:first-child>a {

    margin-left: 0;

}

.pagination.pagination-wrap>li:first-child>a,

.pagination.pagination-wrap>li:last-child>a,

.pagination.pagination-wrap>li>a {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.pagination.pagination-wrap>li>a {

    margin-left: 5px;

    padding: 0;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    font-size: 15px;

    font-weight: 600;

    color: #232323;

    background-color: #ececec;

    border: none;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.pagination.pagination-wrap>li.pagination__active a,

.pagination.pagination-wrap>li.pagination__active a:hover {

    background-color: #1603ac;

    color: #fff;

}

.pagination.pagination-wrap>li>a:hover,

.pagination.pagination-wrap>li>span:hover {

    background-color: #232323;

    color: #fff;

}

.pagination.pagination-wrap>li>a>span {

    font-size: 20px;

    line-height: 50px;

}

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

    FEATURE AREA

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

.feature-video-area {

    padding-top: 117px;

    padding-bottom: 160px;

    background-color: #eeeeee;

    background-size: cover;

    background-position: center;

    background-image: url("../images/feature-video-img.jpg");

    position: relative;

    z-index: 1;

}

.feature-video-area:after {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    content: "";

    display: block;

    z-index: -1;

    background-color: rgba(35, 35, 35, 0.8);

}

.feature-area .feature-heading .fromag__meta {

    font-size: 18px;

    font-weight: 600;

}

.feature-area .feature-heading .fromag__title {

    width: 775px;

    margin-left: auto;

    margin-right: auto;

    font-size: 60px;

    line-height: 75px;

 }

.feature-area .feature-heading .feature__video {

    width: 100px;

    height: 100px;

    line-height: 100px;

    margin-left: auto;

    margin-right: auto;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #1603ac;

    margin-bottom: 55px;

}

.feature-area .feature-heading .feature__video .video-play-btn {

    color: #fff;

    display: block;

    font-size: 24px;

}

.feature-content-wrap .feature-content-row {

    margin-right: 0;

    margin-left: 0;

    margin-top: -60px;

    position: relative;

    z-index: 2;

}

.feature-content-wrap .feature-content-row .col-md-6 {

    padding: 0;

}

.feature-content-wrap .feature-static-box {

    background-color: #1762f0;

    -webkit-border-radius: 2px 0 0 2px;

    -moz-border-radius: 2px 0 0 2px;

    border-radius: 2px 0 0 2px;

    padding: 98px 80px 90px 100px;

    color: #fff;

}

.feature-content-wrap .feature-static-box2 {

    background-color: #1603ac;

    -webkit-border-radius: 0 2px 2px 0;

    -moz-border-radius: 0 2px 2px 0;

    border-radius: 0 2px 2px 0;

}

.feature-content-wrap .feature-inner-box {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}

.feature-content-wrap .feature-static-box .feature__icon {

    margin-right: 20px;

}

.feature-content-wrap .feature-static-box .feature__icon span {

    width: 100px;

    height: 100px;

    line-height: 100px;

    text-align: center;

    font-size: 38px;

    background: #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #232323;

    display: block;

}

.feature-content-wrap .feature-static-box1 .feature__icon span {

    background-color: #1603ac;

    color: #fff;

}

.feature-content-wrap .feature-static-box .feature-content .feature__meta {

    letter-spacing: 1px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 600;

    color: #fff;

    margin-bottom: 12px;

}

.feature-content-wrap .feature-static-box .feature-content .feature__title {

    font-size: 40px;

    line-height: 40px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 2px;

}

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

    FEATURE AREA 2

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

.feature-area2 .feature-video-area {

    padding-bottom: 120px;

    margin-bottom: 10px;

}

.feature-area2 .feature-heading .fromag__title {

    margin-bottom: 50px;

}

.feature-area2 .feature-heading .fromag-btn:hover {

    background-color: #fff;

    color: #1603ac;

}

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

    PROJECT AREA

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

.project-area {

    background-color: transparent;

}

.project-area .service-wrap {

    margin-top: 22px;

}

.project-area .service-wrap .service-item .service-img-box img {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.project-area .service-wrap .service-item:hover .service-content {

    background-color: #1603ac;

    -webkit-box-shadow: 0 0 0 0;

    -moz-box-shadow: 0 0 0 0;

    box-shadow: 0 0 0 0;

}

.project-area .service-wrap .service-item:hover .service-content .service-inner-content .service__title a {

    color: #fff;

}

.project-area .service-wrap .service-item .service-content {

    border-bottom: none;

    padding-top: 25px;

    padding-bottom: 25px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.project-area .service-wrap .service-item .service-content .service-inner-content .service__title {

    font-size: 22px;

    margin-top: 0;

}

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

   PROJECT AREA 2

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

.project-area2 {

    background-color: #232323;

    padding-bottom: 0;

}

.project-area2 .fromag-heading .fromag__meta {

    color: #1603ac;

}

.project-area2 .container-fluid {

    margin-top: 105px;

    padding: 10px 10px 10px 10px;

    background-color: #fff;

}

.project-area2 .container-fluid .row {

    margin-right: 0;

    margin-left: 0;

}

.project-area2 .container-fluid .row .col-md-12 {

    padding-right: 0;

    padding-left: 0;

}

.project-area2 .service-wrap2 .owl-nav {

    position: absolute;

    right: 363px;

    top: -175px;

}

.project-area2 .service-wrap2 .owl-nav div {

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    background-color:#393939;

    color: #fff;

    display: inline-block;

    border-radius: 50%;

    font-size: 22px;

    margin: 0 5px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.project-area2 .service-wrap2 .owl-nav div:hover {

    background-color: #1603ac;

}

.project-area2 .service-wrap2 .service-item .service-img-box {

    position: relative;

}

.project-area2 .service-wrap2 .service-item .service-img-box:hover .service-inner-content {

    opacity: 1;

    visibility: visible;

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    transform: rotateY(0deg);

}

.project-area2 .service-wrap2 .service-item .service-img-box:hover .project-popup-link {

    right: 40px;

    opacity: 1;

    visibility: visible;

}

.project-area2 .service-wrap2 .service-item .service-img-box .project-popup-link {

    position: absolute;

    top: 40px;

    right: 0;

    font-size: 22px;

    z-index: 1;

    color: #fff;

    opacity: 1;

    visibility: hidden;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

 }

.project-area2 .service-wrap2 .service-item .service-img-box .service-inner-content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: left;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    background-color: rgba(255, 118, 7, 0.96);

    -webkit-transform: rotateY(-50deg);

    -moz-transform: rotateY(-50deg);

    -ms-transform: rotateY(-50deg);

    -o-transform: rotateY(-50deg);

    transform: rotateY(-50deg);

 }

.project-area2 .service-wrap2 .service-item .service-img-box .service-inner-content .service__title {

    position: absolute;

    bottom: 30px;

    left: 40px;

    font-size: 22px;

    line-height: 30px;

    font-weight: 600;

    width: 40%;

}

.project-area2 .service-wrap2 .service-item .service-img-box .service-inner-content .service__title a {

    color: #fff;

}

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

    PROJECT GRID AREA

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

.project-grid-area {

    padding-top: 120px;

    padding-bottom: 90px;

    text-align: center;

}

/* ---- button ---- */

.button {

    background-color: #ececec;

    color: #686868;

    -webkit-box-shadow: 0 0 0 0;

    -moz-box-shadow: 0 0 0 0;

    box-shadow: 0 0 0 0;

    outline: none;

    font-weight: 600;

}

.button:active,

.button:hover,

.button.is-checked {

    background-color: #1603ac;

    color: #fff;

}

.button.is-checked {

    color: #fff;

}

.button:active {

    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

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

}



/* ---- button-group ---- */

.button-group {

    margin-bottom: 60px;

}

.button-group:after {

    content: '';

    display: block;

    clear: both;

}

.button-group .button {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    margin-right: 5px;

}



/* ---- isotope ---- */

/* clear fix */

.grid:after {

    content: '';

    display: block;

    clear: both;

}

/* ---- .element-item ---- */

.element-item {

    position: relative;

    margin-bottom: 30px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.element-item:hover {

    -webkit-transform: translateY(-6px);

    -moz-transform: translateY(-6px);

    -ms-transform: translateY(-6px);

    -o-transform: translateY(-6px);

    transform: translateY(-6px);

}

.element-item:hover .project-content a {

    background-color: #1603ac;

    color: #fff;

}

.element-item img {

    width: 100%;

    -webkit-border-radius: 2px 2px 0 0;

    -moz-border-radius: 2px 2px 0 0;

    border-radius: 2px 2px 0 0;

    -webkit-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);

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

}

.element-item > * {

    margin: 0;

    padding: 0;

}

.element-item .project-content {

    -webkit-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);

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

}

.element-item .project-content a {

    font-size: 22px;

    line-height: 22px;

    letter-spacing: 0;

    color: #232323;

    text-transform: capitalize;

    font-weight: 600;

    display: block;

    padding: 28px 10px 25px 10px;

    background-color: #fff;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

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

    PROJECT SINGLE AREA

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

.project-single-area {

    padding-top: 50px;

    padding-bottom: 50px;

}

.project-single-area .project-single-wrap .single-heading .fromag__title,

.project-single-area .project-single-wrap .single-heading2 .fromag__title {

    margin-bottom: 35px;

}

.project-single-area .project-single-wrap .single-heading2 {

    margin-top: 22px;

}

.project-single-area .project-single-wrap .single-heading2 .fromag__desc {

    margin-top: 30px;

    margin-bottom: 30px;

    font-size: 22px;

    line-height: 32px;

    color: #232323;

    font-weight: 500;

}

.project-single-area .project-single-wrap .single-heading .fromag__litedesc+.fromag__litedesc {

    margin-top: 35px;

}

/*=== single-lines-wrap ===*/

.project-single-area .project-single-wrap .single-lines-wrap {

    background-color: #f6f6f6;

    padding: 40px 40px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.project-single-area .project-single-wrap .single-lines-wrap ul li {

    margin: 2px 0;

    text-align: right;

    background-color: #fff;

    padding: 16px 23px 14px 23px;

    font-size: 16px;

    line-height: 30px;

    display: block;

    position: relative;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-weight: 600;

    color: #686868;

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

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

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

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.project-single-area .project-single-wrap .single-lines-wrap ul li:hover {

    -webkit-box-shadow: 0px 15px 30px rgba(0,0,0,.05);

    -moz-box-shadow: 0px 15px 30px rgba(0,0,0,.05);

    box-shadow: 0px 15px 30px rgba(0,0,0,.05);

    color: #1762f0;

}

.project-single-area .project-single-wrap .single-lines-wrap ul li:hover .singlewrap__title {

    color: #232323;

}

.project-single-area .project-single-wrap .single-lines-wrap ul li .singlewrap__title {

    width: 116px;

    display: inline-block;

    text-align: left;

    float: left;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.project-single-area .project-single-wrap .single-img-wrap{

    margin-top: 0px;

}

.project-single-area .project-single-wrap .single-img-wrap .single-img-item {

    position: relative;

    margin-bottom: 30px;

}

.project-single-area .project-single-wrap .single-img-wrap .single-img-item:after {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    content: "";

    background-color: rgba(38,156,221, 0.80);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-transform: scale(0.9);

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -o-transform: scale(0.9);

    transform: scale(0.9);

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    opacity: 0;

    visibility: hidden;

}

.project-single-area .project-single-wrap .single-img-wrap .single-img-item:hover:after {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    visibility: visible;

}

.project-single-area .project-single-wrap .single-img-wrap .single-img-item .project-popup-link {

    position: absolute;

    top: 50%;

    left: 50%;

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

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

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

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

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

    z-index: 1;

    color: #fff;

    font-size: 30px;

    opacity: 0;

    visibility: hidden;

}

.project-single-area .project-single-wrap .single-img-wrap .single-img-item:hover .project-popup-link {

    opacity: 1;

    visibility: visible;

}

.project-single-area .project-single-wrap .single-img-wrap .single-img-item img {

    width: 100%;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

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

    HISTORY AREA

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

.history-area {

    padding-top: 120px;

    padding-bottom: 105px;

}

.history-area .history-wrap img {

    width: 100%;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    margin-bottom: 50px;

}

.history-area .fromag-heading .fromag__desc {

    width: 810px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 58px;

}

.history-area .fromag-heading .quote__sign {

    font-size: 30px;

    font-weight: 700;

    line-height: 30px;

    text-transform: capitalize;

}

.history-area .fromag-heading .fromag__meta {

    font-size: 14px;

}

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

    HISTORY AREA

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

.timeline-area {

    background-color: #f7f7f7;

    padding-top: 40px;

    padding-bottom: 40px;

}

.timeline-area .timeline-list {

    margin-top: 47px;

}

.timeline-area .timeline-list .happening .happening__period {

    position: relative;

    padding-bottom: 20px;

}

/* .timeline-area .timeline-list .happening .happening__period:before {

    content: "";

    position: absolute;

    height: 15px;

    width: 15px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    right: -125px;

    z-index: 1;

    background-color: #1762f0;

    top: -1px;

} */

/*.timeline-area .timeline-list .happening .happening__period:after {*/

/*content: "";*/

/*position: absolute;*/

/*height: 100%;*/

/*width: 4px;*/

/*background-color: #ececec;*/

/*right: -120px;*/

/*top: 0;*/

/*-webkit-border-radius: 5px;*/

/*-moz-border-radius: 5px;*/

/*border-radius: 5px;*/
/*}*/

.timeline-area .timeline-list .happening .happening__period .time__item-bg {

    width: 270px;

    height: 135px;

    background-size: cover;

    background-position: center;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.timeline-area .timeline-list .happening .happening__period .time__bg-1 {

    /* background-image: url("../images/s1.jpg"); */

}

.timeline-area .timeline-list .happening .happening__period .time__bg-2 {

    /* background-image: url("../images/s2.jpg"); */

}

.timeline-area .timeline-list .happening .happening__period .time__bg-3 {

    /* background-image: url("../images/s3.jpg"); */

}

.timeline-area .timeline-list .happening .happening__period .time__bg-4 {

    /* background-image: url("../images/s4.jpg"); */

}

.timeline-area .timeline-list .happening .happening__period .time__bg-5 {

    /* background-image: url("../images/s4.jpg"); */

}

.timeline-area .timeline-list .happening .happening__period .time__bg-6 {

    /* background-image: url("../images/s4.jpg"); */

}

.timeline-area .timeline-list .happening .happening__period .time__bg-7 {

    /* background-image: url("../images/s4.jpg"); */

}

.timeline-area .timeline-list .happening .happening__period .year__item-title {

    position: absolute;

    top: -4px;

    right: -70px;

    color: #1762f0;

    font-size: 20px;

    font-weight: 700;

}

.timeline-area .timeline-list .happening .happening__desc {padding: 0 15px 15px;}

.timeline-area .timeline-list .happening .happening__desc .time__item-title {

    font-size: 20px;

    font-weight: 600;

    color: #232323;

    margin-top: -3px;

    margin-bottom: 15px;

}

.timeline-area .timeline-list .happening .happening__periodlast:after {

    display: none;

}

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

    ERROR AREA

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

.error-area {

    width: 100%;

    position: relative;

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

    background-size: cover;

    background-position: center;

    height: 1000px;

    display: -webkit-flex;

    display: -ms-flex;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    justify-content: center;

    color: #fff;

    text-align: center;

}

.error-area .error-box .error__title {

    font-size: 400px;

    font-weight: 700;

    line-height: 280px;

    color: #fff;

    position: relative;

    margin-bottom: 9px;

}

.error-area .error-box .error__title:after {

    position: absolute;

    content: '';

    bottom: 0;

    margin-bottom: 104px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 620px;

    height: 20px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #1457d5;

}

.error-area .error-box .error__desc {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 35px;

}

.error-area .error-box .fromag-btn {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.error-area .error-box .fromag-btn:hover {

    background-color: #fff;

    color: #1603ac;

}











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

    HIW AREA

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

.hiw-area .about-img-box {

    margin-top: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    width: 100%;

    height: 100%;

    text-align: left;

    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);

    -moz-box-shadow: 0 0 40px rgba(0,0,0,.05);

    box-shadow: 0 0 40px rgba(0,0,0,.05);

    padding-right: 40px;

}



.hiw-area .about-img-box:after {

    display: none;

}

.hiw-area .about-img-box .about__img figure figcaption {

    font-size: 22px;

    font-weight: 600;

}

.hiw-area .about-img-box .about__img figure figcaption a {

    color: #232323;

    display: block;

    padding: 35px 0 35px 40px;

}

.hiw-area .about-img-box .about__img figure figcaption a i {

    margin-top: -6px;

    float: right;

    width: 45px;

    height: 45px;

    background-color: #1603ac;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    line-height: 45px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.hiw-area .about-img-box .about__img figure figcaption a:hover i {

    background-color: #1762f0;

}

.hiw-area .about-img-box .about__img img {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    height: 515px;

}

.hiw-area .about-img-box .trusted__box {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    padding: 50px 49px 0 49px;

    color: #fff;

    left: -60px;

    bottom: 174px;

    z-index: 2;

    width: 210px;

    height: 245px;

    background-color: #1603ac;

    line-height: inherit;

    -webkit-box-shadow: 0 0 0 0;

    -moz-box-shadow: 0 0 0 0;

    box-shadow: 0 0 0 0;

    text-align: left;

}

.hiw-area .about-img-box .trusted__box:before {

    display: none;

}

.hiw-area .about-img-box .trusted__box .trusted__box-inner {

    padding-top: 0;

}

.hiw-area .about-img-box .trusted__box span {

    font-size: 55px;

}

.hiw-area .about-img-box .trusted__box .trusted__box-inner h3 {

    color: #fff;

    margin-top: 13px;

    margin-bottom: 10px;

}

.hiw-area .about-img-box .trusted__box .trusted__box-inner h4 {

    font-size: 18px;

    color: #fff;

    text-transform: capitalize;

    line-height: 26px;

}

.hiw-area .about-heading {

    padding-left: 30px;

}

.hiw-area .about-heading .fromag__desc {

    color: #686868;

    font-weight: 400;

    padding-right: 0;

}

.hiw-area .about-heading .hiw-list {

    margin-top: 50px;

}

.hiw-area .about-heading .hiw-list ul li {

    padding: 35px 30px 35px 105px;

    font-size: 22px;

    font-weight: 500;

    color: #232323;

    line-height: 34px;

    position: relative;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.hiw-area .about-heading .hiw-list ul li span {

    position: absolute;

    top: 25px;

    left: 25px;

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    -webkit-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    color: #fff;

    background-color: #1762f0;

}

.hiw-area .about-heading .hiw-list ul li:nth-child(odd) {

    background: #f8f8f8;

}

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

    HIW AREA 2

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

.hiw-area2 {

    padding-top: 50px;

}

.hiw-area2 .about-heading {

    padding-left: 0;

}

.hiw-area2 .about-img-box {

    -webkit-box-shadow: 0 0 0 0;

    -moz-box-shadow: 0 0 0 0;

    box-shadow: 0 0 0 0;

    padding-right: 159px;

}

.hiw-area2 .about-img-box  .trusted__content {

    background-color: #f7f7f7;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    padding: 60px 60px 58px 59px;

}

.hiw-area2 .about-img-box  .trusted__content span {

    font-size: 75px;

    line-height: 75px;

    color: #1762f0;

 }

.hiw-area2 .about-img-box  .trusted__content p {

    font-size: 30px;

    line-height: 50px;

    font-weight: 500;

    color: #232323;

    margin-top: 22px;

}

.hiw-area2 .about-img-box .trusted__box {

    height: auto;

    padding: 35px 20px 32px 20px;

    text-align: center;

    width: 180px;

    top: 60px;

    left: auto;

    right: 89px;

    bottom: auto;

}

.hiw-area2 .about-img-box .trusted__box .trusted__box-inner h3 {

    margin-top: 0;

    margin-bottom: 2px;

    font-size: 30px;

    font-weight: 600;

}

.hiw-area2 .about-img-box .trusted__box .trusted__box-inner h4 {

    line-height: 22px;

}

.hiw-area2 .about-heading .hiw-video-box {

    margin-top: 0px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

}

.hiw-area2 .about-heading .hiw-video-box .hiw-video-img {

    position: relative;

}

.hiw-area2 .about-heading .hiw-video-box .hiw-video-img img {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.hiw-area2 .about-heading .hiw-video-box .hiw-video-img:after {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    content: "";

    background-color: rgba(35, 35, 35, 0.7);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.hiw-area2 .about-heading .hiw-video-box .hiw-video-img .video-play-btn {

    text-align: center;

    width: 60px;

    height: 60px;

    line-height: 62px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #1603ac;

    color: #fff;

    font-size: 15px;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

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

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

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

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

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

    z-index: 1;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.hiw-area2 .about-heading .hiw-video-box .hiw-video-img .video-play-btn:hover {

    background-color: #fff;

    color: #1603ac;

}

.hiw-area2 .about-heading .hiw-video-box .hiw-video-content {

    padding-left: 30px;

}

.hiw-area2 .about-heading .hiw-video-box .hiw-video-content p {

    font-size: 19px;

    line-height: 30px;

    text-align: left;

    font-weight: 500;

    color: #232323;

}

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

    TESTIMONIAL AREA

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

.testimonial-area {

    padding-top: 117px;

    padding-bottom: 109px;

    background-color: #f7f7f7;

    overflow: hidden;

}

.testimonial-area .container-fluid {

    padding-left: 0;

    padding-right: 0;

}

.testimonial-area .testimonial-wrap {

    margin-top: 47px;

}

.testimonial-area .testimonial-wrap .testimonial-item {

    position: relative;

    padding: 40px 48px 50px 48px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    background-color: #fff;

    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.01);

    -moz-box-shadow: 0 0 40px rgba(0,0,0,.01);

    box-shadow: 0 0 40px rgba(0,0,0,.01);

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.testimonial-area .testimonial-wrap .testimonial-item:hover {

    background-color: #1762f0;

}

.testimonial-area .testimonial-wrap .testimonial-item:hover .testimonial__desc .testimonial__desc-desc,

.testimonial-area .testimonial-wrap .testimonial-item:hover .testimonial__name .testimonial__name-title,

.testimonial-area .testimonial-wrap .testimonial-item:hover .testimonial__name .testimonial__name-span {

    color: #fff;

}

.testimonial-area .testimonial-wrap .testimonial-item:hover .testimonial__name:after {

    color: #1603ac;

}

.testimonial-area .testimonial-wrap .testimonial-item .testimonial__desc {

    margin-bottom: 13px;

}

.testimonial-area .testimonial-wrap .testimonial-item .testimonial__desc .testimonial__desc-desc {

    font-size: 16px;

    line-height: 30px;

    font-weight: 500;

    color: #7c7c82;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.testimonial-area .testimonial-wrap .testimonial-item .testimonial__name {

    position: relative;

    padding-left: 60px;

    padding-top: 10px;

    line-height: 18px;

}

.testimonial-area .testimonial-wrap .testimonial-item .testimonial__name:after {

    position: absolute;

    content: "“";

    font-size: 100px;

    line-height: 0;

    bottom: -5px;

    right: -1px;

    color: #f7f7f7;

    font-weight: 700;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.testimonial-area .testimonial-wrap .testimonial-item .testimonial__name img {

    position: absolute;

    width: 40px;

    height: 40px;

    overflow: hidden;

    left: 0;

    top: 8px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.testimonial-area .testimonial-wrap .testimonial-item .testimonial__name .testimonial__name-title {

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

    margin-bottom: 1px;

}

.testimonial-area .testimonial-wrap .testimonial-item .testimonial__name .testimonial__name-span {

    font-size: 14px;

    line-height: 14px;

    text-transform: uppercase;

    font-weight: 500;

    color: #1762f0;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}



/*=== testimonial-owl-dots ===*/

.testimonial-area .testimonial-wrap .owl-dots {

    text-align: center;

    margin-top: 40px;

}

.testimonial-area .testimonial-wrap .owl-dots div {

    display: inline-block;

    height: 17px;

    width: 17px;

    border: 6px solid #fff;

    border-radius: 50%;

    margin: 0 4px;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.testimonial-area .testimonial-wrap .owl-dots div:hover,

.testimonial-area .testimonial-wrap .owl-dots div.active {

    background-color: #232323;

}

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

    TEAM AREA

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

.team-area {

    padding-top: 117px;

    padding-bottom: 90px;

}

.team-area .team-content-wrap {

    margin-top: 55px;

}

.team-area .team-content-wrap .team-item {

    background-color: #fff;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);

    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);

    border-bottom: 2px solid transparent;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    margin-bottom: 30px;

}

.team-area .team-content-wrap .team-item:hover {

    border-bottom-color: #1603ac;

}

.team-area .team-content-wrap .team-item:hover .team__title .team__title-links {

    opacity: 1;

    visibility: visible;

}

.team-area .team-content-wrap .team-item:hover .team__title {

    padding-bottom: 60px;

}

.team-area .team-content-wrap .team-item .team__img img {

    width: 100%;

}

.team-area .team-content-wrap .team-item .team__title {

    padding: 17px 30px 21px 28px;

    position: relative;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.team-area .team-content-wrap .team-item .team__title .team__title-span {

    font-size: 14px;

    line-height: 24px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600;

    margin-bottom: 5px;

    color: #1762f0;

}

.team-area .team-content-wrap .team-item .team__title .team__title-title {

    font-size: 22px;

    font-weight: 700;

    text-transform: capitalize;

}

.team-area .team-content-wrap .team-item .team__title .team__title-title a {

    color: #232323;

}

.team-area .team-content-wrap .team-item .team__title .team__title-links {

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    opacity: 0;

    visibility: hidden;

    position: absolute;

    bottom: 15px;

    left: 28px;

}

.team-area .team-content-wrap .team-item .team__title .team__title-links ul li {

    display: inline-block;

    margin-right: 20px;

}

.team-area .team-content-wrap .team-item .team__title .team__title-links ul li:last-child {

    margin-right: 0;

}

.team-area .team-content-wrap .team-item .team__title .team__title-links ul li a {

    font-size: 16px;

    line-height: 16px;

}

.team-area .team-content-wrap .team-item .team__title .team__title-links ul li a i.fa-facebook {

    color: #182eb2;

}

.team-area .team-content-wrap .team-item .team__title .team__title-links ul li a i.fa-twitter {

    color: #31a5ff;

}

.team-area .team-content-wrap .team-item .team__title .team__title-links ul li a i.fa-youtube-play {

    color: #ff2e2e;

}

.team-area .team-content-wrap .team-item .team__title .team__title-links ul li a i.fa-google-plus {

    color: #232323;

}

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

    MIXER AREA

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

.mixer-area {

    padding-bottom: 460px;

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

    background-size: cover;

    background-position: center;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.mixer-area:after {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    content: "";

    background-color: rgba(255,118,7, 0.97);

    z-index: -1;

}

.mixer-area .mixer-content-wrap {

    padding-top: 115px;

}

.mixer-area .mixer-content-wrap .mixer-item+.mixer-item {

    margin-top: 40px;

}

.mixer-area .mixer-content-wrap .mixer-item .mixer-static-box {

    position: relative;

    padding-left: 180px;

}

.mixer-area .mixer-content-wrap .mixer-item .mixer-static-box .counter {

    position: absolute;

    top: 0;

    left: 0;

    font-size: 70px;

    line-height: 70px;

    color: #fff;

    font-weight: 700;

}

.mixer-area .mixer-content-wrap .mixer-item .mixer-static-box .mixer__title {

    font-size: 24px;

    line-height: 30px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 30px;

}

.mixer-area .mixer-content-wrap .mixer-item .mixer-static-box .mixer__desc{

    color: #fff;

    font-weight: 600;

    font-size: 16px;

}

.mixer-area .mixer-content-wrap .mixer-img-box {

    margin-top: -115px;

    position: relative;

    margin-right: -382px;

    text-align: left;

}

.mixer-area .mixer-content-wrap .mixer-img-box .number__speak {

    position: absolute;

    background-color: #000;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    transform-origin: left bottom 0;

    bottom: 0;

    left: 103px;

    z-index: 20;

    width: calc(56% - 4px);

    padding: 35px 30px;

    text-align: center;

    font-size: 30px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 2px;

    color: #fff;

}

.mixer-area .mixer-content-wrap .mixer-img-box figure img {

    width: 100%;

}

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

    FUN MIXER AREA

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

.fun-mixer-area {

    padding: 0;

    background-image: none;

}

.fun-mixer-area:after {

    background-color: transparent;

}

.fun-mixer-area .fun-mixer-top {

    background-color: #1603ac;

}

.fun-mixer-area .fun-mixer-bottom {

    text-align: center;

    margin-top: -60px;

    position: relative;

    z-index: 1;

}

.fun-mixer-area .mixer-content-wrap {

    padding-top: 0;

}

.fun-mixer-area .mixer-content-wrap .mixer-img-box {

    text-align: inherit;

    margin-left: -383px;

    margin-top: 0;

    margin-right: 0;

}

.fun-mixer-area .mixer-content-wrap .mixer-img-box figure img {

    width: auto;

}

.fun-mixer-area .mixer-content-wrap .fun-mixer-heading {

    padding: 97px 0 0 64px;

}

.fun-mixer-area .mixer-content-wrap .fun-mixer-heading .fromag__meta {

    color: #1603ac;

}

.fun-mixer-area .mixer-content-wrap .fun-mixer-heading .fromag__title {

    margin-bottom: 40px;

}

.fun-mixer-area .mixer-content-wrap .fun-mixer-heading .fromag__litedesc {

    margin-bottom: 48px;

    color: #dddddd;

}

.fun-mixer-area .mixer-content-wrap .fun-mixer-heading .fromag-btn:hover {

    background-color: #fff;

    color: #1603ac;

}

.fun-mixer-area .fun-mixer-wrap {

    background: #1603ac;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    padding: 75px 60px 70px 60px;

    margin-bottom: 30px;

    margin-left: 15px;

    margin-right: 15px;

}

.fun-mixer-area .fun-mixer-wrap .col-md-3 {

    border-right: 1px solid #ff8a2c;

}

.fun-mixer-area .fun-mixer-wrap .col-md-3:last-child {

    border-right: none;

}

.fun-mixer-area .fun-mixer-wrap .counter {

    font-size: 40px;

    line-height: 40px;

    margin-bottom: 5px;

    font-weight: 700;

    color: #fff;

}

.fun-mixer-area .fun-mixer-wrap .funmixer__meta {

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

    color: #fff;

}



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

    ARTICLE AREA

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

.article-area {

    padding-bottom: 50px;

}

.blog-area {

    margin-top: -343px;

}

.article-area .article-heading {

    position: relative;

    z-index: 1;

    margin-bottom: 26px;

}

.article-wrap .owl-item {

    padding-top: 20px;

}

.article-wrap .service-item .service-img-box {

    position: relative;

    z-index: 1;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.article-wrap .service-item .service-img-box:hover {

    -webkit-transform: translateY(-6px);

    -moz-transform: translateY(-6px);

    -ms-transform: translateY(-6px);

    -o-transform: translateY(-6px);

    transform: translateY(-6px);

}

.article-wrap .service-item .service-img-box:hover:after {

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

}

.article-wrap .service-item .service-img-box .meta__date {

    position: absolute;

    display: inline-block;

    background: #1603ac;

    width: 58px;

    top: 49px;

    left: 50px;

    padding: 10px 0;

    font-size: 14px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    line-height: 18px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    z-index: 1;

}

.article-wrap .service-item .service-img-box .meta__date span {

    display: block;

}

.article-wrap .service-item .service-img-box .meta__date span:nth-child(2)  {

    font-size: 20px;

    margin-top: 2px;

}

.article-wrap .service-item .service-img-box img {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.article-wrap .service-item .service-img-box:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: '';

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

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

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.article-wrap .service-item .service-img-box .news__content {

    position: absolute;

    bottom: 40px;

    left: 50px;

    padding-right: 50px;

    z-index: 1;

}

.article-wrap .service-item .service-img-box .news__content h5 {

    letter-spacing: 1px;

    font-weight: 500;

    font-size: 14px;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 6px;

}

.article-wrap .service-item .service-img-box .news__content h4 a {

    font-size: 26px;

    line-height: 34px;

    color: #fff;

    font-weight: 600;

}

.article-wrap .service-item .service-img-box:hover .news__content h4 a {

    text-decoration: underline;

}

.article-area .article-wrap .owl-dots {

    text-align: center;

    margin-top: 40px;

}

.article-area .article-wrap .owl-dots div {

    display: inline-block;

    height: 17px;

    width: 17px;

    border: 6px solid #ececec;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    margin: 0 4px;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.article-area .article-wrap .owl-dots div.active,

.article-area .article-wrap .owl-dots div:hover {

    background-color: #232323;

}

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

    CLIENTLOGO AREA

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

.clientlogo-area {

    padding-top: 116px;

    padding-bottom: 107px;

    text-align: center;

}

.clientlogo-area .client-logo .owl-item .client-logo-item {

    display: inline-block;

}

.clientlogo-area .client-logo .owl-item .client-logo-item img {

    opacity: 0.3;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.clientlogo-area .client-logo .owl-item .client-logo-item img:hover {

    opacity: 1;

}

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

    CTA AREA

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

.cta-area .feature-video-area {

    background-image: url("../images/cta-bg.png");

    padding-top: 112px;

    padding-bottom: 120px;

}

.cta-area .feature-video-area .cta-heading .fromag__title {

    width: 850px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 25px;

    font-size: 50px;

    line-height: 60px;

}

.cta-area .feature-video-area .cta-heading .fromag__meta {

    color: #686868;

    margin-bottom: 57px;

    font-size: 24px;

    letter-spacing: 0;

    text-transform: inherit;

}

.cta-area .feature-video-area:after {

    background-color: rgba(246, 246, 246, 0.8);

}

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

    CTA AREA 2

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

.cta-area2 .feature-video-area {

    background-color: transparent;

    background-image: none;

}

.cta-area2 .feature-video-area:after {

    background-color: transparent;

    background-image: url(../images/cta-bg2.png);

    background-size: cover;

    bottom: 0;

    top: auto;

    background-position: center;

    height: 55%;

}

.cta-area2 .feature-video-area:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.95);

}

.cta-area2 .cta-blog-img-box {

    margin-top: 60px;

}

.cta-area2 .cta-blog-img-box .cta-blog-item {

    position: relative;

 }

.cta-area2 .cta-blog-img-box .cta-blog-item .cta-blog-content {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    padding: 37px 50px 38px 49px;

    background-color: #fff;

    position: absolute;

    right: 0;

    top: 30px;

    z-index: 2;

    width: 280px;

}

.cta-area2 .cta-blog-img-box .cta-blog-item .cta-blog-content span {

    color: #1762f0;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 1px;

}

.cta-area2 .cta-blog-img-box .cta-blog-item .cta-blog-content h3 {

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

}

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

    CTA AREA 3

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

.cta-area3 {

    background-color: #1603ac;

    padding-top: 118px;

    padding-bottom: 118px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.cta-area3 .cta-btn-box {

    text-align: right;

}

.cta-area3 .cta-btn-box .fromag-btn {

    background-color: #fff;

    color: #232323;



}

.cta-area3 .cta-btn-box .fromag-btn:hover {

    background-color: #232323;

    color: #fff;

}









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

    FOOTER AREA

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

.footer-area .footer-top {

    padding-top: 40px;

    padding-bottom: 40px;

    background-color: #1603ac;

}

.footer-area .footer-widget-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: 15px;

}

.footer-area .footer-widget-wrap .footer-item a,

.footer-area .footer-widget-wrap .footer-item p,

.footer-area .footer-widget-wrap .footer-item ul li {

    color: rgba(255, 255, 255, 0.80);

    font-size: 16px;

    line-height: 30px;

    font-weight: 500;

}

.footer-area .footer-widget-wrap .footer-item a {

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

    text-transform: capitalize;

}

.footer-area .footer-widget-wrap .footer-item a:hover {

    color: #75d6ff;

}

.footer-area .footer-widget-wrap .footer-item .logo img {

    margin-bottom: 21px;

}

.footer-area .footer-widget-wrap .footer-item .footer-form form {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 33px;

}

.footer-area .footer-widget-wrap .footer-item .footer-form .form-control {

    background-color: #2f2f2f;

    height: auto;

    border: none;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    width: 255px;

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    padding: 18px 0 18px 30px;

    margin-right: 10px;

}

.footer-area .footer-widget-wrap .footer-item .footer-form .form-control:focus {

    -webkit-box-shadow: 0 0 0 0;

    -moz-box-shadow: 0 0 0 0;

    box-shadow: 0 0 0 0;

}

.footer-area .footer-widget-wrap .footer-item .footer-form .submit-btn {

    padding-top: 20px;

    padding-bottom: 20px;

}

.footer-area .footer-widget-wrap .footer-item .footer-form .submit-btn:hover {

    background-color: #fff;

    color: #1603ac;

}

.footer-area .footer-widget-wrap .footer-item {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    position: relative;

}

.footer-area .footer-widget-wrap .footer-item1 {

    -ms-flex: 0 0 38%;

    flex: 0 0 38%;

    max-width: 38%;

    margin-right: 40px;

    padding-right: 40px;

}

.footer-area .footer-widget-wrap .footer-item2 {

    -ms-flex: 0 0 29%;

    flex: 0 0 29%;

    max-width: 29%;

}

.footer-area .footer-widget-wrap .footer-item3 {

    -ms-flex: 0 0 19%;

    flex: 0 0 19%;

    max-width: 19%;

}

.footer-area .footer-widget-wrap .footer-item4 {

    -ms-flex: 0 0 14%;

    flex: 0 0 14%;

    max-width: 14%;

}

.footer-area .footer-widget-wrap .footer-item .widget__title {

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 32px;

    color: #fff;

}

.footer-area .footer-widget-wrap .footer-item .foot__links {

    display: -ms-grid;

    display: grid;

    grid-template-columns: repeat(2,1fr);

}

.footer-area .footer-widget-wrap .footer-item ul li {

    padding-bottom: 10px;

}

.footer-area .footer-widget-wrap .footer-item .contact__info li {

    margin-bottom: 30px;

}

.footer-area .footer-widget-wrap .footer-item .contact__info li span,

.footer-area .footer-widget-wrap .footer-item .contact__info li a {

    display: block;

    font-size: 20px;

    font-weight: 500;

    color: #54c7ff;

}

.footer-area .footer-widget-wrap .footer-item .contact__info li a {

    text-transform: inherit;

}

/*====== copyright ======*/

.footer-area .footer-copyright {

    background-color: #10027e;

    padding-top: 15px;

    padding-bottom: 10px;

}

.footer-area .footer-copyright .copyright-desc {

    font-size: 15px;

    font-weight: 600;

    color: #efefef;

}

.footer-area .footer-copyright .copyright-desc a {

    color: #75d6ff;

}

.footer-area .footer-copyright .copyright-desc a:hover {

    color: #75d6ff;

}

.footer-area .footer-copyright .copyright-profile {

    text-align: right;

}

.footer-area .footer-copyright .copyright-profile ul li {

    display: inline-block;

    font-size: 16px;

    margin-right: 26px;

}

.footer-area .footer-copyright .copyright-profile ul li:last-child {

    margin-right: 0;

 }

.footer-area .footer-copyright .copyright-profile ul li a i.fa-facebook {

    color: #fff;

}

.footer-area .footer-copyright .copyright-profile ul li a i.fa-twitter {

    color: #fff;

}

.footer-area .footer-copyright .copyright-profile ul li a i.fa-youtube-play {

    color: #fff;

}

.footer-area .footer-copyright .copyright-profile ul li a i.fa-google-plus {

    color: #fff;

}

/*=== back to top ===*/

#back-to-top {

    position: fixed;

    right: -150px;

    bottom: 40px;

    z-index: 9999;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #fff;

    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);

    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);

    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);

    color: #272b41;

    font-size: 20px;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

    cursor: pointer;

    opacity: 0;

    visibility: hidden;

    border: 1px solid #ddd;

}

#back-to-top:hover {

    background-color: #1603ac;

    color: #fff;

    border-color: #1603ac;

}

#back-to-top.back-btn-shown {

    right: 30px;

    opacity: 1;

    visibility: visible;

}



.news__content .icon{

    width: 60px!important;

    height: 60px!important;

    margin: 0px auto 15px;

}



.mb-30{

    margin-bottom: 30px;

}



.job_opening .fromag-btn{

    padding: 10px 40px 10px 40px;

}



.video_title{

    margin-top: 15px;

    text-align: center;

}



.address_block li{

    padding: 0px 0px 15px;

    margin: 20px 0px;

    border-bottom: dotted 1px #ccc;



}



.address_block li strong{

    display: block;

    color: #2594da;

}



.address_block li strong i{

    margin-right: 5px;

    font-size: 24px;

}
.timeline-area .timeline-list .happening .happening__period:last-child:after {
    display: none;
}

.fromag-heading.about-heading p {
    font-size: 16px;
    line-height: 2.0;
}

.entry-inner-box h3 {
    margin-bottom: 17px !important;
    margin-top: 22px;
}

.entry-inner-box p {
    padding: 5px 0px;
}

.happening__desc p span {
    font-size: 17px;
    line-height: 0px;
}

.ostion-heading.about-heading.job_opening td {
    font-size: 14px;
    line-height: 1.9;
}