@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus, input:focus, button:focus, textarea:focus {
    outline: 0 solid;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 15px;
    line-height: 38px;
    color: #454545;
    font-size: 30px;
    font-weight: 400;
}


body {
    font-family: 'Open Sans', sans-serif;
    color: #5f5e5e;
    font-size: 14px;
    line-height: 28px;
    font-size: 15px;
}

a:hover {
    text-decoration: none
}

h5 {
    color: #444ca2;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
}









/*
    ===========>
   >>> Digitas homepage-1<<<
    ===========>
*/

/*dropdown*/
.right-menu ul li ul {
    position: absolute;
    left: -85px;
    top: 45px;
}
.right-menu ul li ul li:last-child {
    background: #ffffff;
    position: relative;
}

.right-menu ul li ul li:first-child {
    background: #F3F2F2;
    position: relative;
}

.right-menu ul li{
    position: relative;
    transition: .3s;
}
.right-menu ul li ul li a {
    color: #999;
}
.right-menu ul li ul li {
    padding: 6px 100px 6px 15px;
    display: inline-block;
    transition: .3s;
    border-bottom: 1px solid transparent;
}
.right-menu ul li ul {
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    left: 0px;
}
.right-menu ul li:hover ul {
    opacity: 1;
    visibility: visible;
    left: -70px;
}
.right-menu ul li ul::before {
    background: #000;
    position: absolute;
    content: "";
    width: 71%;
    height: 121px;
    left: 69px;
    top: 0;
    box-shadow: 0 5px 25px #ddd;
}
.right-menu ul li ul li:nth-child(2) {
    background: #D0CFCC;
}
.right-menu ul li ul li:hover {
    background: #D0CFCC;
    border-bottom: 1px solid #F3F2F2;
}
.right-menu ul li ul li:nth-child(2) {
    border-bottom: 1px solid #F3F2F2;
}
.right-menu ul li ul li:hover a {
    color: #ffffff;
}
.right-menu ul li ul li a:hover{
    color: #red;
}
.right-menu.menk ul li ul li a:hover {
    color: #ffffff;
}
.right-menu.menk ul li ul li a {
    transition: .3s;
}
.right-menu.mmj ul li ul li a:hover {
    color: #ffffff;
}
.right-menu.mmj ul li ul li a{
    transition: .3s;
}

/*dropdown*/

.main-menu,
a {
    color: rgb(255, 255, 255);
}

.right-menu {
    padding-top: 15px;
}

.main-menu {
    padding-top: 40px;
}

.header-area {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.slicknav_menu {
    display: none;
}

.menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.menu li {
    display: inline-block;
    margin-left: 30px;
}

.menu a:hover {
    color: rgb(91, 98, 253);
}

.menu a {
    font-size: 16px;
    font-weight: 400;
    transition: .3s;
    padding-bottom: 20px;
}



.right-menu.menk ul a:hover {
    color: rgb(179, 237, 115);
}

.right-menu.mmj ul li a:hover {
    color: rgb(18, 112, 200);
}

/*header area End*/

/*hero area start*/

.hero-area {
    background: rgba(0, 0, 0, 0) url("../img/hero-bg.png") no-repeat scroll right top;
    display: flex;
    flex-direction: column;
    height: 700px;
    justify-content: center;
    position: relative;
}

.hero-area::before {
    background: rgb(21, 31, 245) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.hero-area .container {
    position: relative;
}

.menu a {
    margin: 35px 0;
}


.hero-img {
    height: 700px;
}
.col-md-7.hero-img img {
    bottom: 0;
    left: 50px;
    position: absolute;
}
.col-sm-5.hero-content {
    padding-right: 0;
    padding-left: 18px;
}

.hero-content p {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 15px;
}

.hero-content {
    margin-top: 260px;
    color: #ffffff;
}

.hero-content h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 18px;
}


p.video {
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding-top: 35px;
    position: relative;
}

.hero-video.mfp-iframe.video-play {
    display: inline-flex;
    margin-top: 60px;
    text-decoration: none;
    color: #ffffff;
}

a.hero-video {
    font-size: 18px;
    font-weight: 300;
}

a.hero-video:hover {
    color: #ffffff;
}

.hero-img {
    position: relative;
}

.hero-img img {
    bottom: 0;
    position: absolute;
    right: -55px;
}

.hero-area3 h1 {
    color: #ffffff;
}


a.scroll-down {
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    bottom: -16px;
    transition: .9s;
    width: 40px;
    height: 40px;
    line-height: 35px;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #DAF0F5;
}
.scroll-down i{
    color: #8183C0;
    transition: .3s;
}
.scroll-down:hover i.fa {
    transform: translateY(14%);
    color: green;
}
.scroll-down:hover {
    box-shadow: 0 0px 15px #ddd;
}
.scroll-down.scrolling2 {
    top: 155px;
}

/*hero area End*/
/*progress-area-start*/
.progress-contentright {
    padding-top: 120px;
    height: 480px;
}
.progress-contentright h2 {
    font-weight: 400;
    color: #444ca2;
    font-size: 30px;
}
.progress-contentright p {
    font-size: 15px;
    font-weight: 400;
    color: #5f5e5e;
}

.progress-pagess-area {
    position: relative;
    padding-top: 30px;
}

.progres-leftimgg {
    position: absolute;
    left: -285px;
}

.progres-leftimgg img {
    width: 790px;
}

.service-text1 {
    padding-bottom: 90px;
    text-align: center;
}
.service-text1 h5 {
    margin-top: 20px;
}

.progress-right-content {
    margin-top: 185px;
}


.progress-image {
    height: 100%;
    left: -75px;
    padding-right: 10px;
    position: absolute;
    top: 35px;
    width: 51%;
}

.progress-image img {
    width: 100%;
}


.progress-bar-area {
    position: relative;
    height: 525px;
}

.progress-right-content h5 {
    margin-top: -24px;
}

.progress-right-content p {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    color: #5f5e5e;
}
/*services-area-start*/

p.plus-icon i {
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 16px;
    height: 30px;
    padding: 8px 0 0 9px;
    width: 30px;
}

i.color1 {
    background-color: rgb(83, 87, 174);
}

i.color2 {
    background: #f38b38;
}

i.color3 {
    background: #52ba9b;
}

i.color4 {
    background: #ef4846;
}

.plus-icon span {
    color: rgb(50, 50, 50);
    font-size: 20px;
    font-weight: 600;
    padding-left: 12px;
}

.single-service p {
    color: rgb(125, 125, 125);
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 15px;
}

p.plus-icon {
    display: inline-flex;
    margin: 0;
}

.service-right {
    position: absolute;
    right: -45px;
}

.services-area.se {
    overflow: hidden;
    padding-bottom: 54px;
    padding-top: 15px;
}

.single-service.to.ty {
    padding-top: 100px;
}

/*services area End*/
/*feature logo area start*/

.feature-logo-area {
    margin-bottom: 45px;
    margin-top: 120px;
}

.feature-logo-right {
    margin-top: 17px;
    padding-left: 15px;
}

.feature-logo-right p, .feature-bottom-left p {
    color: rgb(95, 94, 94);
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 30px;
}

.feature-bottom-left {
    margin-top: 125px;
}

/*feature logo area end*/

/*feature bottom area start*/

.feature-bottom-left h5 {
    margin-bottom: 0;
    line-height: 15px;
}

.feature-bottom-right img {
    width: 100%;
    margin-bottom: 65px;
}

.feature-bottom-area {
    position: relative;
}

.feature-bottom-area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.feature-bottom-area::after {
    background-image: -ms-linear-gradient(bottom, #F4F4FF 0%, #FEFEFF 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #F4F4FF 0%, #FEFEFF 100%);

    /* Opera */
    background-image: -o-linear-gradient(bottom, #F4F4FF 0%, #FEFEFF 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F4F4FF), color-stop(100, #FEFEFF));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #F4F4FF 0%, #FEFEFF 100%);

    /* W3C Markup */
    background-image: linear-gradient(to top, #F4F4FF 0%, #FEFEFF 100%);
}

/*feature bottom area end*/

/*skils area start*/

.skils-area {
    overflow: hidden;
    padding-bottom: 138px;
}

.skill-content {
    margin-bottom: 90px;
    margin-top: 145px;
    text-align: center;
}

.single-item-carousel i.fa-paint-brush {
    font-size: 20px;
}

.single-item-carousel i.fa.fa-code {
    font-size: 24px;
}

.single-item-carousel i.fa-wordpress {
    font-size: 22px;
}

.single-item-carousel h4 {
    color: rgb(50, 50, 50);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
}

.single-item-carousel p {
    color: rgb(95, 94, 94);
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}

.single-item-carousel {
    text-align: center;
    margin: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
    transition: .3s;
    padding-left: 15px;
    padding-right: 15px;
}
.single-item-carousel p br {
    display: none;
}

.skils-area .owl-dots div {
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    text-align: center;
    width: 15px;
    background: #f4f4ff;
}

.skils-area .owl-dot.active {
    background: #444ca2 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0);
}

.skils-area .owl-dots {
    margin-top: 35px;
    text-align: center;
}

.single-item-carousel i {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #f4f4ff;
    line-height: 58px;
}

.single-item-carousel:hover {
    box-shadow: 0px 5px 12px #f3f3f9;
}

/*skils area end*/

/*masonry area start*/

.masonry-area {
    padding-bottom: 85px;
}

.masonry-content {
    text-align: center;
}

.masonry-menu button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: rgb(95, 94, 94);
    font-size: 16px;
    font-weight: 600;
    padding: 0 20px;
    position: relative;
}

.masonry-menu.text-center {
    padding-top: 78px;
}

.masonry-menu.text-center {
    padding-bottom: 5px;
    padding-top: 80px;
}

.masonry-menu button::after {
    background: rgb(95, 94, 94) none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 58%;
    transform: translateX(50%) translateY(15%);
    width: 7px;
}

.masonry-menu button:last-child::after {
    opacity: 0;
    visibility: hidden;
}

.masonry-menu.text-center button:hover {
    color: #444ca2;
}

.masonry-menu.text-center button {
    transition: .3s;
}

/*masonry area end*/
/*subscribe area start*/

.subscribe-area {
    background: #494FC6 none repeat scroll 0 0;
    display: flex;
    padding-bottom: 80px;
    padding-top: 78px;
    width: 100%;
    margin-bottom: 12px;
}

.subscribe-content p {
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: 400;
    margin-top: 11px;
}

.subscribe-form form input[type="email"] {
    background: rgb(139, 177, 255) none repeat scroll 0 0;
    border: 1px solid rgb(57, 88, 127);
    font-size: 15px;
    font-weight: 400;
    padding: 10px 0 15px 16px;
    width: 456px;
}

.subscribe-color1 input[type=email]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #444ca2;
}


.subscribe-form form input[type="submit"] {
    color: #444ca2;
    font-size: 15px;
    font-weight: 600;
    height: 53px;
    position: absolute;
    right: 15px;
    top: 0px;
    width: 185px;
    border: none;
}

/*subscribe area end*/
/*team member area start*/

.team-member-text {
    padding-bottom: 80px;
    padding-top: 134px;
    text-align: center;
}

.single-member {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 20px;
    transition: .3s;
    padding-right: 22px;
    padding-left: 22px;
}

.single-member.m1{
    box-shadow: 0px 3px 25px #f3f3f9;
}

.single-member.m2{
    box-shadow: 0px 3px 25px #fef7f1;
}

.single-member.m3 {
    box-shadow: 0px 3px 25px #fef2f2;
}

.single-member.box-shadows:hover {
    box-shadow: 0px 3px 20px #f3f3f9;
}

.team-contact a:hover {
    border: 1px solid rgb(83, 87, 174);
}

.team-contact a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    color: rgb(95, 94, 94);
    display: inline-block;
    font-size: 15px;
    height: 35px;
    line-height: 32px;
    margin: 0 3px;
    width: 35px;
    transition: .3s;
}

p.names {
    font-size: 18px;
    font-weight: 600;
    margin-top: 33px;
}

.names:hover {
    color: rgb(83, 87, 174);
    transition: all 0.3s ease 0s;
}

p.owner {
    color: rgb(95, 94, 94);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}

.sw {
    margin-top: -5px;
}

/*team member area End*/
/*customar coment area start*/

.customer-comment-text {
    padding-bottom: 115px;
    padding-top: 115px;
    text-align: center;
}

.color1 i {
    color: #5357ae;
    font-size: 25px;
}

.color2 i {
    color: #f38b38;
    font-size: 25px;
}

.color3 i {
    color: #ef4846;
    font-size: 25px;
}

.likee {
    margin-bottom: 30px;
}

.namest {
    color: rgb(95, 94, 94);
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}

.ia a {
    color: #333;
    font-size: 15px;
    margin-top: 20px;
    display: inline-block;
}

.ceo1.ceo1a,
.ceo1.ceo1b,
.ceo1.ceo1c {
    position: relative;
    margin: 0;
    margin-top: 20px;
}

.ceo1.ceo1a::after, .ceo1.ceo1b::after, .ceo1.ceo1a::after, .ceo1.ceo1b::after, .ceo1.ceo1c::after {
    position: absolute;
    width: 100px;
    height: 1px;
    content: "";
    left: 34%;
    bottom: 32px;
}

.ceo1.ceo1a::after {
    background: #dfe0fe;
}

.ceo1.ceo1b::after {
    background: #fee7d5;
}

.ceo1.ceo1c::after {
    background: #fcd7d7;
}

.single-member span {
    color: rgb(95, 94, 94);
    font-size: 14px;
    font-weight: 400;
}

/*customar coment area End*/

/*logo area start*/
.single-logo1 img {
    height: 62px;
}
.logo-areass.logo2-carousel {
    padding-top: 165px;
    padding-bottom: 70px;
}
.single-logo1 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 32px;
    padding-right: 32px;
    border: 1px solid transparent;
    transition: .3s;
}
.single-logo1:hover{
    border: 1px solid #CCEEF9;
}
.logo-areass {
    padding-top: 120px;
    padding-bottom: 10px;
}
.logo-areass.logo3-carousel {
    padding-top: 110px;
    padding-bottom: 0;
}

/*logo area End*/

/*social contact area start*/

.social-contact-text {
    padding-bottom: 138px;
    padding-top: 135px;
    text-align: center;
}

/*social contact area End*/

/*contact form area start*/

.main-contact-form form input {
    display: inline-block;
    margin-right: 25px;
    width: 360px;
    border: none;
}

.main-contact-form.co1 form input {
    display: inline-block;
    margin-right: 25px;
    width: 360px;
    border: none;
    background: #f9f9f9;
}

.main-contact-form form input:nth-child(3) {
    margin-right: 0;
}

.main-contact-form form input[type="text"],
.main-contact-form form input[type="email"] {
    border-bottom: 1px solid rgb(229, 212, 255);
    padding: 15px 12px;
    font-size: 15px;
    font-weight: 400;
    color: #767676;
}

.social-contact-area {
    padding-bottom: 104px;
}

p.no1 {
    color: rgb(95, 94, 94);
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
}

.single-member2 i {
    color: #444ca2;
    font-size: 25px;
}

.single-member2 {
    text-align: center;
}

.main-contact-form.co1 form textarea {
    resize: none;
    border: 1px solid transparent;
    background: #f9f9f9;
    width: 100%;
    height: 170px;
    margin-top: 25px;
    padding-left: 12px;
    font-size: 15px;
    padding-top: 12px;
}

.main-contact-form form textarea {
    resize: none;
    border: 1px solid transparent;
    border-bottom: 1px solid #eadcff;
    width: 100%;
    height: 50px;
    margin-top: 100px;
}

.submit-button form input[type="submit"] {
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 0;
    transition: .3s;
}
.submit-button form input[type="submit"]:hover {
    background: #8589e0;
    color: #ffffff;
    border: 1px solid #8589e0;
}

.submit-button form input {
    border: 1px solid rgb(103, 67, 156);
    border-radius: 24px;
    display: inline-block;
    width: 110px;
    background: transparent;
}
.submit-button {
    padding-top: 60px;
    padding-bottom: 140px;
}

/*contact form area End*/

/*footer area start*/

.single-footer h5 {
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 22px;
}

.footer-l {
    padding-left: 50px;
}

.single-footer p {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}

.single-footer ul {
    list-style: outside none none;
    margin-top: 32px;
    padding: 0;
}

.single-footer li {
    line-height: 31px;
}

.single-footer a {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
}

.main-footer-bg {
    background: #494FC6 none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    padding-bottom: 17px;
    padding-top: 55px;
}

.footer-area {
    overflow: hidden;
    margin-top: 10px;
}

p.phons {
    font-size: 16px;
    font-weight: 400;
}

p.know1 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

p.know1::after {
    background: #ffffff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 35px;
    width: 30px;
}

.footer-l1 {
    padding-left: 56px;
}

.footer2 {
    padding-left: 75px;
}

.footerff {
    padding-left: 24px;
}

.main-footer-bgs {
    overflow: hidden;
}

.authorg {
    font-size: 15px;
    padding-bottom: 15px;
    padding-top: 45px;
    text-align: center;
}
.authorg:hover a {
    color: #58C143;
    text-decoration: underline;
}
.authorg{
    transition: .4s;
}
.subscribe-form.subscribe-color1 input::placeholder {
    color: #444ca2;
}

/*footer area End*/


/*
    ===========>
   >>> Digitas homepage-2<<<
    ===========>
*/

/*hero area page2 start*/




.hero-area-bg2 {
    background-image: url(../img/page2herobg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.hero-area-bg2::after {
    background: rgba(0, 0, 0, 0) linear-gradient(-1512deg, rgb(88, 193, 67) 22%, rgb(80, 169, 87) 66%, rgb(72, 145, 106) 100%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

a.hero-video.mfp-iframe.video-play1 i {
    font-size: 30px;
    padding-left: 20px;
    padding-top: 1px;
}

.hero-video.mfp-iframe.video-play i {
    font-size: 30px;
    padding-left: 20px;
    padding-top: 2px;
}

.hero-content.hero-con-page2 {
    margin-top: 80px;
    text-align: center;
}

a.hero-video.mfp-iframe.video-play1 {
    display: inline-flex;
    margin: 34px auto 0;
    color: #ffffff;
    text-decoration: none;
}
h1.h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    padding-bottom: 20px;
}

/*hero area page2 End*/
/*progress-area page-2-start*/
.page2-progress {
    position:  relative;
    z-index:  1;
}

.progress-page2-image img {
    position: absolute;
    right: -65px;
    top: 95px;
}

.progress-page2-content {
    padding-top: 215px;
    width: 590px;
}

.progress-bar-area-page2 {
    padding-bottom: 100px;
}

.progress-page2-content h2 {
    font-size:  30px;
    font-weight: 400;
    position:  relative;
}

.progress-page2-content h2::after {
    position:  absolute;
    content:  "";
    background: #65c355;
    width: 100px;
    height: 2px;
    left:  0;
    bottom: -20px;
}
.progress-page2-content p {
    font-size: 15px;
    font-weight: 400;
    color: #5f5e5e;
}
.progress-short-content-page2 {
    margin-top: 55px;
}
.page2-short-contents {
    margin-top: 20px;
}
.masonry-content.ma1.mq {
    padding-bottom: 140px;
    padding-top: 55px;
}

/*progress-area page-2-End*/
/*services area page-2 start*/

.service-text1.ser-2 {
    padding-bottom: 100px;
    text-align: center;
}

.fa.fa-plus.color1.color-a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgb(102, 193, 84);
}

.fa.fa-plus.color2.color-b {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgb(18, 112, 200);
}

.fa.fa-plus.color3.color-c {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f89101;
}

.fa.fa-plus.color4.color-d {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #e25148;
}

.single-service.center-a {
    text-align: center;
}

.service-text1.ser-2 h5 {
    color: rgb(69, 69, 69);
    margin-top: -13px;
}

p.plus-icon i.color1.color-a.gjk,
.fa.fa-plus.color2.color-b.gjk,
.fa.fa-plus.color3.color-c.gjk,
.fa.fa-plus.color4.color-d.gjk {
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px 0 0;
    width: 0;
}

.single-service.center-a {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    transition: .3s;
}

.single-service.center-a{
    box-shadow: 0px 0px 30px #f2f9f1;
}

.single-service.center-a.cc{
    box-shadow: 0px 0px 30px #eff5fb;
}

.single-service.center-a.cc1{
    box-shadow: 0px 0px 30px #fff9f1;
}

.single-service.center-a.cc2{
    box-shadow: 0px 0px 30px #fdf3f3;
}

/*services area page-2 End*/

/*service area same page2 start*/

.service-bo::after {
    content: "";
    position: absolute;
    background: url(../img/service-page2.png) no-repeat;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.service-bo {
    padding-bottom: 155px;
    position: relative;
}

.service-text1.ser-d.ser-o h5 {
    padding-bottom: 130px;
}

.services-area.ser-areab {
    position: relative;
    padding-top: 135px;
}

.service-text1.ser-d {
    margin-top: 133px;
    text-align: center;
}

.single-service.co1 {
    text-align: center;
}


.single-service.co1 i {
    color: rgb(88, 193, 67);
    display: block;
    width: 60px;
    height: 60px;
    background: #f5fef3;
    border-radius: 50%;
    line-height: 60px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.service-text1.ser-d h5 {
    color: #454545;
}

.masonry-content.ma1.ma-w {
    padding-bottom: 80px;
}

.single-service.co1.c7 {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: .3s;
}

.single-service.co1.c7:hover {
    box-shadow: 0px 4px 8px #f1f9f0;
}

.single-service.co1.c7.gg {
    margin-top: 45px;
}
.masonry-area.masonry-padding-page2 {
    padding-top: 135px;
}


/*service area same page2 End*/

/*bestfeature-area2 start*/

.feature-con2 h5 {
    color: rgb(69, 69, 69);
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 57px;
}

p.fea-l {
    margin-bottom: 25px;
    margin-top: 70px;
}

.feature-con2.fey h5::after {
    background: rgb(101, 195, 85) none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100px;
}

.feature-con2.fey h5 {
    position: relative;
}

.bestfeature-area2 {
    padding-top: 148px;
}
.feature-con2.fey {
    padding-right: 27px;
}
.feature-con2.fey.fn {
    padding: 0 10px;
}

/*bestfeature-area2 End*/
/*masonry page2 area start*/

.masonry-area .row {
    margin-left: 7.5px;
    margin-right: 7.5px;
}

.grid .col-md-4 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.single-masonry.masoh.gip img {
    height: 488px;
}

.masonry-content.ma1 h5 {
    color: rgb(69, 69, 69);
}


.masonry-menu.text-center.mai button:hover {
    color: #54bc3f;
}

.masonry-menu.text-center.mai button {
    transition: .3s;
}

.masonry-content.ma1 h5::after {
    background: #65c355;
    content: "";
    height: 2px;
    left: 44%;
    position: absolute;
    top: 118%;
    width: 100px;
}

.masonry-content.ma1 h5 {
    position: relative;
}
/*masonry page2 area end*/
/*subscribe area page2 start*/

.subscribe-area.su1 {
    background-image: linear-gradient(to right, rgb(73, 156, 95) 0%, rgb(80, 176, 79) 100%);
    padding-bottom: 78px;
}

.subscribe-form.subs-n form input {
    background: rgb(94, 190, 84) none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
}

.subscribe-form.subs-n form input[type="email"] {
    font-weight: 400;
}

.subscribe-form.subs-n form input[type="submit"] {
    color: rgb(88, 193, 67);
}

.subscribe-form.subs-n form input.fo1 {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
}

p.sub-c {
    font-size: 25px;
}

/*subscribe area page2 end*/
/*team member area page2 Start*/

.team-member-text.t1 {
    padding-bottom: 105px;
    padding-top: 0;
}

.team-member-text.t1 h5 {
    color: rgb(69, 69, 69);
}

.team-member-area {
    padding-bottom: 30px;
}
.team-member-area.digitalpadding {
    padding-top: 120px;
    padding-bottom: 150px;
}

.masonry-content.ma1.tr {
    margin-bottom: 110px;
    margin-top: 45px;
}

.hov-e {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    transition: .3s;
    opacity: 0;
}

.single-member.re {
    position: relative;
}

.single-member.re:hover .hov-e {
    visibility: visible;
    opacity: 1;
}

.team-contact.tm.xa a {
    border: none;
    border-radius: 5px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    transition: .3s;
}

.team-contact.tm.xa a:hover {
    background: #58c143;
    color: #ffffff;
}

/*team member area page2 End*/

/*author carousel page2 start*/

.author-img {
    height: 95px;
    margin: 0 auto;
    width: 95px;
}
.main-author .owl-dots {
    position:  absolute;
    left: 46%;
    bottom: -190px;
}

.main-author .owl-dots div {
    width: 20px;
    height: 20px;
    background: #1d920b;
    display:  inline-block;
    margin:  4px;
    border-radius: 50%;
}

.single-author {
    text-align: center;
    box-shadow: 0 2px 10px #eefbec;
    margin: 6px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.team-member-text.t1 {
    padding-bottom: 102px;
    padding-top: 70px;
}

.main-author .owl-prev {
    position: absolute;
}

.main-author .owl-next {
    position: absolute;
}

.main-author .owl-nav .owl-prev {
    left: -55px;
    position: absolute;
}

.main-author .owl-nav .owl-next {
    position: absolute;
    right: -55px;
}

.main-author .owl-controls {
    position: absolute;
    top: 140px;
    width: 100%;
}

p.at1 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 30px;
}

p.at2,
.at1,
.at3 {
    color: #5f5e5e;
}

p.at2 {
    font-size: 14px;
}

.at3 {
    font-size: 15px;
}

.masonry-content.ma1.at {
    margin-bottom: 140px;
    margin-top: 115px;
}

.main-author .owl-nav div i {
    color: rgb(89, 89, 89);
    font-size: 15px;
    font-weight: 400;
    height: 30px;
    text-align: center;
    width: 30px;
    transition: .3s;
}

.main-author .owl-nav div::after {
    background: rgb(88, 193, 67) none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 40px;
    z-index: -1;
    visibility: hidden;
    transition: .3s;
}

.main-author .owl-nav div:hover::after {
    visibility: visible;
}

.main-author .owl-nav div:hover i {
    color: rgb(255, 255, 255);
}

.main-author .owl-nav div::before {
    background: #e8ffe4;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 40px;
    z-index: -1;
}


/*author carousel page2 End*/

/*logo area page2 start*/

.logo-area.lo-p2 {
    padding-bottom: 70px;
    padding-top: 165px;
}

/*logo area page2 End*/

/*social contact page2 start*/

.social-contact-text.so2 {
    padding-top: 70px;
}

.masonry-content.ma1.so-y {
    margin-bottom: 150px;
    margin-top: 75px;
}

.single-member2 i {
    border: 4px solid #f7f2ff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    line-height: 53px;
}
.aa i {
    border: 1px solid #e0ffd9;
}
.single-member2.sde.aa i,
.single-member2.aa i{
    color: #58c143;
}
/*social contact page2 End*/

/*contact form page2 Start*/

.main-contact-form.co1 form input[type="email"] {
    border-bottom: medium none;
}

.main-contact-form.co1 form input[type="text"] {
    border-bottom: medium none;
}

.main-contact-form.co1 form textarea {
    border-bottom: medium none;
}

.submit-buttons2 form input {
    border: navajowhite;
    background: #58C143;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    color: #ffffff;
    font-size: 16px;
}
.submit-buttons2 {
    padding-top: 30px;
    padding-bottom: 145px;
}


/*contact form page2 End*/

/*footer page2 Start*/

.main-footer-bg.fu1 {
    background: rgb(56, 65, 77) none repeat scroll 0 0;
}

/*footer page2 End*/
/*footer page2 start*/

.know1.fu1::after {
    background: rgb(88, 193, 67) none repeat scroll 0 0;
}
.author:hover a {
    color: #58C143;
    text-decoration: underline;
}
.author{
   transition: .4s;
}

.author {
    text-align: center;
    margin-top: 45px;
    position: relative;
}

span.bbv {
    color: #58c143;
}
.subscribe-form.subs-n input::placeholder {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
}

/*footer page2 End*/


/*
    ===========>
   >>> Digitas homepage-3<<<
    ===========>
*/

/*hero area page3 start*/

.hero-area.hero-a3::before {
    background: background-image: -ms-linear-gradient(right, #00CEDE 0%, #0091BF 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(right, #00CEDE 0%, #0091BF 100%);
    /* Opera */
    background-image: -o-linear-gradient(right, #00CEDE 0%, #0091BF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #00CEDE), color-stop(100, #0091BF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(right, #00CEDE 0%, #0091BF 100%);
    /* W3C Markup */
    background-image: linear-gradient(to left, #00CEDE 0%, #0091BF 100%);
    ;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.col-md-5.hero-img.h3 {
    display: flex;
    flex-direction: column;
    height: 700px;
    justify-content: center;
}

.col-md-5.hero-img.h3 img {
    position: absolute;
    right: -25px;
    top: 165px;
}

.col-md-7.hero-content.h3 h1 {
    color: rgb(255, 255, 255);
    font-size: 45px;
    font-weight: 600;
    line-height: 50px;
}

.hero-content.h3 h4 {
    font-size: 45px;
}

a.hero-video.mfp-iframe.video-play.v3 {
    margin-top: 14px;
    position: relative;
}

a.hero-video.mfp-iframe.video-play.v3 i {
    position: absolute;
    right: -35%;
    top: -4px;
}

.col-sm-7.hero-content.h3 {
    margin-top: 300px;
}

.col-sm-5.hero-img.h3 img {
    bottom: 90px;
    position: absolute;
    right: -10px;
}

.hero-img.h3 {
    position: relative;
    margin: 0;
}
.col-sm-7.hero-content.h3 h1 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 600;
}

/*hero area page3 End*/

/*hero area page3 start*/

.hero-area3 {
    background: background-image: -ms-linear-gradient(right, #00D2E0 0%, #0092c0 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(right, #00D2E0 0%, #0092c0 100%);
    /* Opera */
    background-image: -o-linear-gradient(right, #00D2E0 0%, #0092c0 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #00D2E0), color-stop(100, #0092c0));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(right, #00D2E0 0%, #0092c0 100%);
    /* W3C Markup */
    background-image: linear-gradient(to left, #00D2E0 0%, #0092c0 100%);
}

.col-md-4.pd {
    padding: 0;
}

/*hero area page3 End*/

/*product area page3 start*/

.pro-co3 h5 {
    color: rgb(69, 69, 69);
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
    padding-bottom: 120px;
    padding-top: 150px;
}

.pro-co3.coe h5 {
    padding-bottom: 30px;
    padding-top: 0;
}


.pq.teammember-padding3 {
    padding-top: 25px;
}
.pq.services-pq-padding {
    margin-bottom: 120px;
}
.pq.teammember-padding3 h2 {
    color: #454545;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 145px;
}

/*product area page3 End*/

/*marketing area page3 start*/
.marketingtextt {
    margin-bottom: 120px;
}

.marketing-r h4 {
    color: rgb(51, 51, 51);
    font-size: 20px;
    font-weight: 600;
}

p.mt {
    margin-bottom: 100px;
}

p.mao {
    margin-bottom: 29px;
}

h4.mg {
    color: #f89101;
}

h4.mh {
    color: #e25148;
}

h4.mi {
    color: #66c154;
}

h4.mj {
    color: #1270c8;
}

.pqs h2 {
    font-weight: 400;
    margin-bottom: 48px;
}

/*marketing area page3 End*/

/*service area page3 start*/

.services-area.services-page3now {
    padding-top: 105px;
}
.sv3 span h5 {
    font-size: 20px;
    font-weight: 600;
}

.svi {
    margin-bottom: 20px;
}

.svi h5 {
    color: rgb(50, 50, 50);
    font-size: 20px;
    font-weight: 600;
    padding-left: 61px;
    padding-top: 5px;
}

.svi img {
    position: absolute;
}

.svv {
    padding-top: 0px;
}

.sv3 {
    margin-bottom: 60px;
    padding: 40px 12px 20px 12px;
}

.sv3:hover {
    box-shadow: 0px 5px 20px #eef5fb;
}
.sv3 p {
    padding-left: 4px;
}

/*service area page3 End*/

/*subscribe area page3 start*/

.subscribe-area.su1.suj {
    background-image: -ms-linear-gradient(left, #0083BD 0%, #00C4DE 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, #0083BD 0%, #00C4DE 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, #0083BD 0%, #00C4DE 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0083BD), color-stop(100, #00C4DE));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, #0083BD 0%, #00C4DE 100%);
    /* W3C Markup */
    background-image: linear-gradient(to right, #0083BD 0%, #00C4DE 100%);
}

.subscribe-form.subs-n.suu form input {
    background-image: -ms-linear-gradient(right, #0EC5DC 0%, #0EB2D3 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(right, #0EC5DC 0%, #0EB2D3 100%);
    /* Opera */
    background-image: -o-linear-gradient(right, #0EC5DC 0%, #0EB2D3 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #0EC5DC), color-stop(100, #0EB2D3));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(right, #0EC5DC 0%, #0EB2D3 100%);
    /* W3C Markup */
    background-image: linear-gradient(to left, #0EC5DC 0%, #0EB2D3 100%);
}

.subscribe-form.subs-n.suu form input.es {
    background: #ffffff;
}

.subscribe-form.subs-n.suu form input.es {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
}

.subscribe-form.subs-n.suu form input.es[type="submit"] {
    color: #1270c8;
}

.subscribe-form.subs-n.suu form input.inn {
    left: 68px;
    position: absolute;
}

.subscribe-area.su1.suj {
    margin-top: 90px;
    padding-bottom: 83px;
    padding-top: 80px;
    margin-bottom: 25px;
}

/*subscribe area page3 End*/

/*masonary page3 start*/
.maso3-area {
    padding-top: 120px;
}
.masonry3now {
    margin-bottom: 100px;
}

.single-maso {
    margin-bottom: 30px;
}

.maso-menu button {
    background: rgba(0, 0, 0, 0) none repeat scroll center top;
    border: medium none;
}

.maso-menu button::after {
    background: #5f5e5e;
    content: "";
    height: 2px;
    left: -6px;
    position: absolute;
    top: 14px;
    width: 5px;
}

.maso-menu button {
    padding: 0 20px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
}

.maso-menu button:first-child::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.grid {
    margin-top: 35px;
}

.maso-menu button:hover {
    color: rgb(18, 112, 200);
}

.maso-menu button {
    transition: .3s;
}

.thats-product p {
    font-size: 13px;
    margin: 0;
    line-height: 10px;
    color: #5f5e5e;
}
.thats-product h4 {
    font-weight: 600;
    color: #5357ae;
    margin: 0;
    text-decoration: underline;
    font-size: 18px;
}

.thats-product {
    position: absolute;
    background: #fcfcfc;
    width: 100%;
    left: 0;
    bottom: -100px;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 10px;
    transition: .3s;
    opacity: .6;
    visibility: hidden;
}
.single-masonry {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.single-masonry:hover .thats-product {
    bottom: 0;
    visibility: visible;
}


/*masonary page3 End*/

/*team member area page3 start*/

.pq.teammember-pq-padding {
    margin-bottom: 120px;
}
.single-mp3 i {
    color: #5f5e5e;
    font-size: 15px;
}

.tm-te {
    margin-top: 40px;
}

.tm-te a {
    color: rgb(50, 50, 50);
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.tm-te a span i {
    height: 30px;
    width: 35px;
    text-align: center;
    line-height: 30px;
}

.team-text-social-link {
    float: right;
    margin-right: 15px;
}

.team-text-social-link .team-text-dribbble {
    margin-left: 8px;
}

.team-text-social-link a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    display: inline-block;
    min-width: 35px;
    text-align: center;
    min-height: 30px;
}

.timc {
    float: right;
    margin-right: 13px;
}

.timg {
    display: inline-block;
    height: 30px;
    min-width: 35px;
    text-align: center;
}
.team-member-area.teammember3padding {
    padding-top: 130px;
}

.tm-img {
    margin-bottom: 33px;
}
.team-text-social-link a{
    transition: .3s;
}
.team-text-social-link a:hover {
    border: 1px solid rgb(0, 200, 224);
}
.team-text-social-link a:hover
i{
    color: #1270c8;
}

.team-text.tmh {
    display: inline-block;
    margin-top: 12px;
}

.team-1 {
    margin-top: 5px;
}

.timh {
    margin-left: 6px;
}

.timc a:hover {
    border: 1px solid rgb(0, 212, 224);
}
.timc a:hover
i{
   color: #1270c8; 
}

.timc a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    display: inline-block;
    line-height: 26px;
    min-height: 30px;
    min-width: 35px;
    text-align: center;
    transition:.3s;
}

.team-text-content {
    color: rgb(50, 50, 50);
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
}

.timab {
    color: rgb(95, 94, 94);
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
}
.single-mp3.single-memberr {
    margin: 10px;
    transition: .3s;
    padding-bottom: 25px;
}
.single-mp3.single-memberr:hover {
    box-shadow: 0px 5px 25px #f3f3f9;
}

/*team member area page3 start*/

/*logo area page3 start*/

.logo-area.lo-p2.ll {
    padding-bottom: 0;
    padding-top: 105px;
}

.single-logo:hover {
    border: 1px solid #ccf7f9;
}

.lo1:hover {
    border: 1px solid #def3d9;
}

.ls1:hover {
    border: 1px solid #f3f0f8;
}

/*logo area page3 End*/

/*carousel page3 start*/

span.johnpicture img {
    height: 95px;
    max-width: 90px;
}

span.johnpicture {
    position:  relative;
    margin-left: 10px;
    display:  inline-block;
}

span.johnpicture::after {
    position:  absolute;
    content:  "";
    border: 3px solid #00b4e0;
    left: -11px;
    top: -4px;
    height: 102px;
    width: 103px;
}

.johnfixing {
    box-shadow: 0 0 30px #f3f8fc;
    margin: 5px;
    padding-top: 23px;
    padding-left: 25px;
    padding-bottom: 15px;
}

p.john-details {
    color:  #5f5e5e;
    font-size: 15px;
    margin-top: 15px;
}

.johntext h2 {
    color: #454545;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 115px;
}

.john-item-area {
    padding-top:  135px;
    padding-bottom: 135px;
}
span.john-ceo {
    display: block;
    font-size: 14px;
    color: #5f5e5e;
    font-weight: 400;
}

span.johnservice {
    position: absolute;
    top: 54px;
    left: 152px;
    color: #5f5e5e;
    font-size: 16px;
    font-weight: 400;
}
.john-main .owl-prev {
    position:  absolute;
    left: -55px;
    width: 100%;
}

.john-main .owl-next {
    position:  absolute;
    right: -55px;
}


.john-main .owl-nav {
    position:  absolute;
    width:  100%;
    top: 40%;
}

.john-main .owl-nav i {
    font-size: 20px;
    border: 1px solid #00d4e0;
    width: 40px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    border-radius: 50px;
    transition: .3s;
}
.john-main .owl-nav i:hover {
    background: #c9e5ff;
    border: 1px solid #c9e5ff;
    color: #ffffff;
}
.john-main .owl-dots div {
    background: #f4f4ff;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 3px;
    border-radius: 50%;
}

.john-main .owl-dot.active {
    background: red;
}
.john-main .owl-dots {
    text-align: center;
    top: ;
    position: absolute;
    width: 100%;
    top: 115%;
}


/*carousel page3 End*/

/*form area page3 start*/

.pq.forrmarea-pq-padding {
    padding-top: 5px;
    padding-bottom: 120px;
}
.inputs3.bm form input {
    border: medium none;
    background: #ebf5ff;
}

.inputs3.bm form textarea {
    background: #ebf5ff;
    border: medium none;
    height: 170px;
    line-height: 45px;
    margin-top: 20px;
    width: 100%;
    resize: none;
}

.inputs3.bm form input {
    height: 50px;
    width: 407px;
}


.inputs3 form input[type="text"] {
    padding-left: 15px;
}

.inputs3 form input[type="email"] {
    padding-left: 15px;
}
input.inp1 {
    margin-left: 29px;
}

.inputs3 form textarea {
    padding-left: 15px;
}

.f1 span.f2,
.fl,
.fc,
.fe {
    color: rgb(18, 112, 200);
    display: inline-block;
    font-size: 20px;
    height: 30px;
    text-align: center;
    width: 35px;
}

.f5 {
    padding-left: 50px;
}

.f1 {
    margin-bottom: 25px;
}

.f3,
.fb,
.fd,
.fg {
    font-size: 16px;
    padding-left: 8px;
}

.btn3 form input {
    background: rgb(18, 112, 200) none repeat scroll 0 0;
    border: medium none;
}

.btn3 form input[type="submit"] {
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 12px 28px;
}

.btn3 {
    margin-top: 30px;
}

/*form area page3 End*/


/*footer page3 area start*/

.footer-area.fo3 {
    padding-top: 150px;
}

p.know1.fu1.fer::after {
    background: rgb(18, 112, 200) none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 35px;
}

p.know1.fu1.fer {
    position: relative;
}

p.phons {
    color: rgb(18, 112, 200);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding-top: 4px;
    margin: 0;
}

p.phons i {
    color: #58c143;
    padding-right: 10px;
}

p.phons.fgg {
    color: rgb(255, 255, 255);
    font-size: 16px;
    margin: 0;
}

p.phons.fgg i {
    color: rgb(255, 255, 255);
}

p.phons.jji i {
    color: rgb(18, 112, 200);
}

.row.main-footer-bg.fu1.fuu .col-md-12 {
    padding: 0;
}

.author.ad {
    position: relative;
}

.author.ad::after {
    position: absolute;
    content: "";
    background: #374b65;
    height: 1px;
    width: 100%;
    left: 0;
    top: -20px;
}

.author::after {
    position: absolute;
    content: "";
    background: #42543e;
    height: 1px;
    width: 100%;
    left: 0;
    top: -20px;
}
input.inn::placeholder {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
}


/*footer page3 area End*/


.cool-gradient:before {
    background: linear-gradient(133deg, #151FF5, #ff1ad9);
}