/*
Template Name: HOSTBOX Domain Hosting html5 templete
Author:  Mohammad Shohag
Author URI: https://themeforest.net/user/shohag4y
Version: 1.0

====/========        ===== ==/====/
             CSS Index
====/========        =======/====/

01. reset CSS         ====================>

02. Header area css      ====================>

03.Header area css    ====================>>

04.Welcome area css   ====================>>

05.About area css     ====================>>

06.Blog area css ====================>>

07.Blog Details area css    ====================>>

08.Hosting css ====================>>>

08.About    ====================>>>

10.faq css     ====================>>>

11.Domain css     ====================>>>

12.cooming soon css     ====================>>>

13.Support area css     ====================>>>

*/

/*====/========        ===== ==/====/
             Reset CSS
 ====/========        =======/====/*/

/* Google font poppins  */

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,500i,600,600i,700,700i,800,800i,900,900i|Source+Sans+Pro:300,400,400i,600,600i,700,700i,900,900i');
* {
    padding: 0;
    margin: 0;
    outline: none;
}

a,
span {
    display: inline-block;
    -webkit-transition: .4s;
    transition: .4s;
}

a:focus,
a:ddd {
    text-decoration: none;
}

a.abbr {
    text-decoration: underline;
    text-decoration-style: dotted;
    -moz-text-decoration-style: dotted;
}

img {
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.styled {
    margin: 0;
    margin-left: 20px;
    padding: 0;
    list-style: disc;
}

ol {
	margin-left: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #00032a;
    line-height: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0;
}

span.h1big {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #00032a;
    line-height: 28px;   ]
    font-size: 150%;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none
}

body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #00032a;
}


/*font-family: 'Source Sans Pro', sans-serif;*/

/*====/========        ===== ==/====/
            top css
 ====/========        =======/====/*/

.top-left a {
    color: #ddd;
    font-weight: 300;
}

.top-left a i {
    margin-right: 5px;
}

.top-left span {
    font-family: 'Source Sans Pro', sans-serif;
}

span.barr:after {
    position: absolute;
    left: -1px;
    top: -15px;
    height: 20px;
    width: 1px;
    content: "";
    background: #fff;
}

span.barr {
    position: relative;
    margin: 0px 15px;
    padding: 0px;
}

span.barr.cta {
    margin-left: 15px;
    margin-right: 0px;
}

.top-area {
    background: #282828;
    padding: 14px 0px;
}

.top-right a {
    color: #dddddd;
    padding-right: 10px;
}

.top-right span {
    color: #dddddd;
    margin-left: 20px;
    cursor: pointer;
}


/*====/========        ===== ==/====/
            header css
 ====/========        =======/====/*/

.mainmenu-area li {
    display: inline-block;
}

.mainmenu-area li a {
    display: block;
    padding-right: 60px;
    font-size: 20px;
    color: #0c1229;
    font-weight: 400;
}

.mega-menu li.mega-menu-content a.link {
    display: inline;
    padding-right: 60px;
    font-size: 13px;
    color: #006AD5;
    font-weight: 400;
}

.mainmenu-area ul li ul li.mega-menu-content div.menu a {
    display: block;
    font-size: 16px;
    color: #0c1229;
    font-weight: 400;
}

.mainmenu-area ul .mega-menu li.mega-menu-content:hover .menu .row .col-md a.link {
    color: #0c1229;
}

.mega-menu li.mega-menu-content .menu .row .col-md a.btn-white {
    color: #ffffff;
    font-weight: 400;
}

.mainmenu-area ul .mega-menu li.mega-menu-content:hover .menu .row .col-md a.btn-white {
	color: #ffffff;
}

.mainmenu-area ul .mega-menu li.mega-menu-content .menu .row .col-md big {
    font-weight: 600;
}

.mainmenu-area ul .mega-menu li.mega-menu-content .menu .row .col-md big a {
    font-weight: 600;
}

.mainmenu-area ul li ul li a.btn:hover {
    color: #006AD5;
}

.mainmenu-area li a:hover {
    color: #006AD5;
}

.mainmenu-area ul li.mega-menu-content li:hover {
    background: #ffffff;
}

.mainmenu-area ul li.mega-menu-content li:hover a {
    color: #ffffff;
}

.mainmenu-area {
    position: relative;
    padding-top: 10px;
}

.Fixed-Menu{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    background: #fff;
    transition: 0.4s;
}

.header-area {
    padding: 32px 0px;
}

.slicknav_menu {
    display: none;
}

.submit-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.submit-btn input {
    border: 1px solid #f0693f;
    padding: 2px 9px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
}

.submit-btn input:hover {
    background: #f0693f;
    color: #fff;
    border: 1px solid transparent;
}

.search-trigger {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 9px;
    color: #f0693f;
}

.search-box {
    display: inline-block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 12px;
    position: absolute;
    right: 18px;
    top: 60px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    visibility: hidden;
    z-index: 3;
    background: #fff;
}

.search-box input {
    border: 1px solid #f0693f;
    padding: 2px 8px;
}

.search-box.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 68px;
    visibility: visible;
}


/*megamenu css*/

.drop-menu.mega-menu li.mega-menu-content {
    background: #ffffff none repeat scroll 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 25px 0px;
    width: 796px;
}

.mainmenu-area ul li ul li ul {
    text-align: left;
    width: 27%;
    font-size: 12px;
}

li.big-content {
    padding-left: 18px;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 600;
    color: #444444;
}

.drop-img img {
    top: 35px;
}

.drop-menu.mega-menu li.mega-menu-content ul li {
    display: block;
}

.mainmenu-area ul .drop-menu {
    top: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    left: 125px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    visibility: hidden;
    z-index: 2;
}

.mainmenu-area ul li.pages-mg {
    position: static;
}

.mainmenu-area ul li ul li ul.mega-menu-img {
    width: 19%;
    text-align: left;
}

.mainmenu-area ul li.pages-mg:hover .drop-menu.mega-menu {
    top: 45px;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*====/========        ===== ==/====/
            Hero area css
 ====/========        =======/====/*/

.Gradient-hero-area {
    background: linear-gradient(107deg, #8088ff, #ff8dbd, #7f8cff, #58caff, #ff5b9f, #ff835f, #1bd9b3, #91d274);
    background-size: 1600% 1600%;

    -webkit-animation: AnimationName 7s ease infinite;
    -moz-animation: AnimationName 7s ease infinite;
    -o-animation: AnimationName 7s ease infinite;
    animation: AnimationName 7s ease infinite;
    background-position: center;
    padding-bottom: 220px;
    padding-top: 205px;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 83% 0%
    }
    50% {
        background-position: 18% 100%
    }
    100% {
        background-position: 83% 0%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 83% 0%
    }
    50% {
        background-position: 18% 100%
    }
    100% {
        background-position: 83% 0%
    }
}

@-o-keyframes AnimationName {
    0% {
        background-position: 83% 0%
    }
    50% {
        background-position: 18% 100%
    }
    100% {
        background-position: 83% 0%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 83% 0%
    }
    50% {
        background-position: 18% 100%
    }
    100% {
        background-position: 83% 0%
    }
}


.hero-area {
    background: url(../img/bg/hero-bg-1.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 360px;
    padding-top: 205px;
}

.domain-form {
    background: url(../img/bg/search-bg.png)no-repeat;
    padding: 23px;
    position: relative;
    background-size: cover;
    background-position: center;
}

.domain-selects {
    position: absolute;
    right: 173px;
    top: 24px;
    width: 100px;
    border-radius: 0px;
    background: #f3f3f3;
    border: none;
    height: 54px;
    line-height: 54px;
    color: #6a7482;
    border-radius: 4px;
}

.domain-form input[type="search"] {
    background: #f3f3f3;
    border: none;
    width: 200px;
    height: 55px;
    padding-left: 10px;
    width: 215px;
    color: #6a7482;
    border-radius: 4px;
}

.domain-select {
    background: #ebebeb;
    border: none;
    border-radius: 4px;
    height: 55px;
    color: #6a7482;
    font-size: 16px;
    line-height: 55px;
    width: 190px;
}

.domain-form input[type="submit"] {
    margin-left: 125px;
    padding: 14px;
    border: none;
    background: #006AD5;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    width: 150px;
    -webkit-transition: .3s;
    transition: .3s;
}

.domain-form input[type="submit"]:hover {
    background: #333;
}

.domain-selects ul li {
    color: #6a7481;
}

.domain-selects ul {
    width: 100%;
}

.hero-text h1 {
    font-size: 45px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
}

.hero-text h2 {
    font-size: 30px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    display: inline-block;
    border-bottom: 1px solid;
    padding-bottom: 4px;
}

.hero-text a {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
}

.hero-text {
    padding-bottom: 50px;
}


/*====/========        ===== ==/====/
            service area css
 ====/========        =======/====/*/

.service-bottom-text {
    text-align: left;
}

.service-item .nav-tabs .nav-link {
    border: 0px solid transparent;
}

.service-item .nav-tabs {
    border-bottom: 0px solid;
}

.Gradient-area {
    margin-top: 100px;
    padding-bottom: 0px;
}

.service-area {
    margin-top: -140px;
    padding-bottom: 0px;
}

.service-tab {
    width: 100%;
    padding-left: 30px;
}

.service-logo {
    text-align: center;
    margin-bottom: 70px;
}

.section-title h2 {
    font-size: 30px;
    color: #00032a;
    font-weight: 400;
}

.service-item {
    margin-bottom: 62px;
    margin-top: 70px;
    text-align: center;
}

.service-area-bottom {
    padding-bottom: 80px;
}

.service-single-item img {
    display: block;
    text-align: center;
}

.service-single-item {
    border: 1px solid transparent;
    border-radius: 40px;
    box-shadow: 30px 30px 30px #f3f3f7;
    height: 170px;
    margin-right: 25px;
    padding: 35px 20px 20px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 170px;
}

.service-single-item span {
    margin-top: 15px;
    font-size: 14px;
    color: #00032a;
    padding: 1px 20px;
    background: #e0fee0;
    border-radius: 14px;
}

.service-single-item:hover {
    border: 1px solid #ededed;
    box-shadow: none;
}

.service-item .nav-tabs .nav-link.active .service-single-item {
    border: 1px solid #ededed;
    box-shadow: none;
}

.service-bottom-text h4 {
    font-size: 16px;
    font-weight: 500;
    color: #00032a;
    margin-bottom: 10px;
}

.service-bottom-text h2 {
    font-size: 30px;
    color: #00022a;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 8px;
}

.service-bottom-text strong {
    font-size: 16px;
    font-weight: 600;
    color: #00032a;
}

.service-bottom-text h3 {
    color: #006AD5;
    font-size: 30px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
}

.service-bottom-text p {
    font-size: 14px;
    color: #777789;
}

.service-bottom-text h3 span {
    font-size: 18px;
    color: #00022a;
}

span.cta-cross-bdr {
    position: relative;
}

span.cta-cross-bdr:after {
    position: absolute;
    left: 0;
    top: 13px;
    height: 1px;
    width: 46px;
    content: "";
    background: #00022a;
}


/*====/========        ===== ==/====/
            Pricing area css
 ====/========        =======/====/*/

.service-bottom-text h2 span {
    color: #006AD5;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.section-padding {
    padding: 60px 0px;
}

.section-padding-small {
    padding: 30px 0px;
}

.pricing-area {
    background: #ededed;
}

.section-title p {
    font-size: 20px;
    color: #00032a;
    font-weight: 400;
    margin-top: 12px;
}

.section-title p.small {
    font-size: 16px;
    color: #00032a;
    font-weight: 400;
    margin-top: 12px;
}

.single-pricing-item {
    text-align: center;
    padding: 30px 0px;
    background: #fff;
    margin-top: 42px;
    position: relative;
    border-radius: 5px;
    border-bottom: 3px solid #005EBB;
}

.single-pricing-item h3 {
    font-size: 25px;
    color: #0c1229;
    font-weight: 600;
    border-bottom: 1px solid #ececec;
    padding-bottom: 28px;
}

.single-pricing-item h5 {
    font-size: 14px;
    color: #00022a;
    margin-top: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

span.prc-bdr {
    position: absolute;
    top: 73px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    background: #fee834;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    height: 25px;
    width: 80px;
    color: #000000;
}

.single-pricing-item h5 {}

.single-pricing-item h1 {
    font-size: 40px;
    color: #006AD5;
    font-weight: 600;
}

.single-pricing-item .h1 {
    font-size: 40px;
    color: #006AD5;
    font-weight: 600;
}

.single-pricing-item .h1 span {
    margin-bottom: 20px;
    font-size: 20px;
}

a.prc-btn {
    font-size: 16px;
    color: #fff;
    padding: 12px 32px;
    background: #006AD5;
    border-radius: 4px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

a.prc-btn-inactive {
    font-size: 16px;
    color: #000;
    padding: 12px 32px;
    background: #E6E6E6;
    border-radius: 4px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

a.prc-btn-inactive.cta i {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: inherit;
    transition: inherit;
}

a.prc-btn-inactive.cta {
    border-bottom: 4px solid #d5481e;
    padding: 12px 52px;
}

a.prc-btn-inactive.cta:hover {
	background: #D3D3D3;
    border-color: #fde749;
}

a.prc-btn-inactive.cta:hover i {
    -webkit-transition: inherit;
    transition: inherit;
}

.single-pricing-item ul {
    margin-top: 30px;
    text-align: left;
    padding-left: 30px;
}

.single-pricing-item ul li {
    font-size: 14px;
    color: #006AD5;
    font-weight: 600;
    line-height: 30px;
}

.single-pricing-item ul li span {
    color: #101237;
    font-weight: 400;
}


a.prc-btn:hover {
    background: #fde749;
    color: #333;
}

a.prc-btn:hover i {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    color: #333;
}


a.prc-btn i {
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

/*====/========        ===== ==/====/
            hsting area css
 ====/========        =======/====/*/

.whmcs-area-start iframe {
    width: 100%;
    height: 100vh;
    border: 0px
}

.hosting-area {
    background: url(../img/bg/hosting-bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-bottom: 80px;
    padding-top: 90px;
}

.hosting-area:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: #006AD5;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    z-index: -1;
}

.hosting-left-text h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 13px;
}

.hosting-left-text h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}

.hosting-left-text h4 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.hosting-left-text h4 span {
    color: #fee834;
}

.hosting-left-text ul li {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
}

.hosting-left-text ul li i {
    margin-right: 5px;
    color: #fde749;
}

a.glb-btn {
    padding: 13px 30px;
    background: #fee834;
    font-weight: 700;
    color: #010541;
    border-radius: 4px;
}

.hosting-left-text ul {
    margin-bottom: 30px;
}

a.glb-btn:hover {
    background: #fff;
}

a.glb-btn i {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateX(4px)translateY(2px);
    transform: translateX(4px)translateY(2px);
}

a.glb-btn:hover i {
    -webkit-transform: translateX(10px)translateY(2px);
    transform: translateX(10px)translateY(2px);
}

/*====/========        ===== ==/====/
            hostbox area css
 ====/========        =======/====/*/

.host-box-area {
    background: url(../img/bg/host-box-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.ct50 {
    margin-bottom: 50px;
}

.host-box-single h4 {
    font-size: 16px;
    color: #00032a;
    -webkit-transition: .4s;
    transition: .4s;
}

.host-box-single p {
    font-size: 14px;
    color: #00032a;
}

.host-box-single p.small {
    font-size: 12px;
    color: #00032a;
}


.host-box-single {
    background: #ffffff;
    padding-bottom: 40px;
    margin-bottom: 30px;
    padding-top: 35px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 5px;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 4px 2px -2px #f8f8fa;
}

.host-box-single:hover {
    background: #ededed;
    box-shadow: none;
}

.host-box-single.host-box-single-nohover:hover {
    background: #fff;
    box-shadow: none;
}

.host-box-single:hover h4 {
    color: #0070A6;
}

.host-box-single.host-box-single-nohover:hover h4 {
    color: #00032a;
}

.host-box-single img {
    height: 68px;
}

/*====/========        ===== ==/====/
            About area css
 ====/========        =======/====/*/

.about-us-area {
    background: url(../img/bg/about-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-us-bottom-single.slick-center {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.section-title.cta {
    padding-bottom: 50px;
}

.section-title.cta h2 {
    color: #006AD5;
}

.section-title.cta p {
    color: #00032a;
    font-size: 20px;
}

.about-us-left {
    padding: 40px 30px;
    background: #ffffff;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.about-us-left:after {
    position: absolute;
    bottom: -17px;
    right: -14px;
    background: #006AD5;
    content: "";
    height: 35px;
    width: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.about-us-left img {
    border: 10px solid #f8f8f8;
    border-radius: 100px;
    height: 110px;
    width: 110px;
}

.about-us-left h4 {
    color: #006AD5;
    font-weight: 500;
    margin-top: 12px;
}

.about-us-left h5 {
    font-size: 16px;
    color: #006AD5;
    margin-bottom: 18px;
}

.about-us-left h5 span {
    color: #00022a;
}

.about-us-left p {
    font-size: 14px;
    color: #00032a;
}

.about-us-social-icon {
    margin-top: 30px;
}

.about-us-social-icon a i {
    height: 40px;
    width: 40px;
    font-size: 18px;
    line-height: 38px;
    border-radius: 100px;
    border: 2px solid #2faae3;
    -webkit-transition: .3s;
    transition: .3s;
}

.about-us-social-icon a {
    margin: 0px 5px;
}

.about-us-social-icon a i.fa.fa-twitter {
    color: #2faae3;
    border-color: #2faae3;
}

.about-us-social-icon a:hover i.fa.fa-twitter {
    color: #fff;
    background: #2faae3;
}

.about-us-social-icon a i.fa.fa-linkedin {
    color: #207fb6;
    border-color: #207fb6;
}

.about-us-social-icon a:hover i.fa.fa-linkedin {
    background: #207fb6;
    color: #fff;
}

.about-us-social-icon a i.fa.fa-google-plus {
    color: #ee423b;
    border-color: #ee423b;
}

.about-us-social-icon a:hover i.fa.fa-google-plus {
    background: #ee423b;
    color: #fff;
}

.about-us-social-icon a i.fa.fa-dribbble {
    color: #e5568b;
    border-color: #e5568b;
}

.about-us-social-icon a i.fa.fa-behance {
    color: #2d7af4;
    border-color: #2d7af4;
}

.about-us-social-icon a:hover i.fa.fa-behance {
    background: #2d7af4;
    color: #fff;
}

.about-us-social-icon a:hover i.fa.fa-dribbble {
    background: #e3588b;
    color: #fff;
}

.about-us-right {
    background: url(../img/bg/about-right-top-slide-bg.png)no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 90px;
    padding-bottom: 70px;
}

.about-us-single-slide {
    padding: 30px 30px;
    background: #006AD5;
    border-radius: 4px;
    color: #fff;
}

.about-us-top-slide p {
    font-size: 14px;
}

.about-us-bottom-single {
    /* padding: 13px; */
}

.about-us-bottom-single p {
    font-size: 12px;
    line-height: 11px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}

.about-us-bottom-slide .slick-list {
    padding: 7px 64px !important;
}

.about-us-bottom-single.slick-center p {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}

.about-us-bottom-slide .slick-arrow {
    position: absolute;
    left: 27%;
    bottom: -52px;
    font-size: 20px;
    height: 30px;
    width: 30px;
    background: #006AD5;
    text-align: center;
    color: #fff;
    line-height: 30px;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

.about-us-bottom-slide {
    margin-top: 20px;
}

.about-us-bottom-slide .slick-arrow:hover {
    background: #c4421c;
}

.about-us-bottom-slide .slick--next.slick-arrow {
    left: auto;
    right: 38%;
}

/*====/========        ===== ==/====/
            Overview area css
 ====/========        =======/====/*/

.overview-area {
    background: url(../img/bg/overview-bg.png)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 68px 0px;
}

.ovrview-left h2 {
    font-size: 18px;
    color: #fff;
}

.overview-start {
    background: url(../img/overview-icon.png)no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    height: 173px;
    width: 173px;
    text-align: center;
    padding: 48px;
    font-size: 40px;
    line-height: 40px;
    color: #ef5e2f;
    font-weight: 600;
    padding-left: 44px;
    position: absolute;
    top: -50px;
}

.overview-text {
    margin-left: 212px;
}

span.overview-cta2 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}

span.overview-cta {
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 10px;
}

.overview-left span.overview-cta {
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
}

.overview-left {
    margin-top: 0px;
}

.overview-right {
    margin-top: 10px;
    color: #fff;
}

.overview-right a {
	color: #fff;
	font-weight: bold;
}

.overview-bf-area {
    background: url(../img/bg/counter-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 68px 0px;
}

.overview-bf-left h2 {
    font-size: 18px;
    color: #fff;
}

.overview-bf-start {
    background: url(../img/overview-icon.png)no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    height: 173px;
    width: 173px;
    text-align: center;
    padding: 48px;
    font-size: 40px;
    line-height: 40px;
    color: #484848;
    font-weight: 600;
    padding-left: 44px;
    position: absolute;
    top: -50px;
}

.overview-bf-text {
    margin-left: 212px;
}

span.overview-bf-cta2 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}

span.overview-bf-cta {
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 10px;
}

.overview-bf-left span.overview-bf-cta {
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
}

.overview-bf-left {
    margin-top: 0px;
}

.overview-bf-right {
    margin-top: 10px;
}

span.promocode {
    padding: 13px 30px;
    background: #fee834;
    font-weight: bold;
    color: #010541;
    border-radius: 0 4px 4px 0;
    text-decoration: underline;
    text-decoration-style: dashed;
    -moz-text-decoration-style: dashed;
}

span.promocode:hover {
    background: #fff;
}

span.promocode i {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateX(4px)translateY(2px);
    transform: translateX(4px)translateY(2px);
}

span.promocode-label {
    padding: 13px 30px;
    background: #FF9933;
    font-weight: 700;
    color: #010541;
    border-radius: 4px 0 0 4px;
}

span.promocode:hover i {
    -webkit-transform: translateX(10px)translateY(2px);
    transform: translateX(10px)translateY(2px);
}


/*====/========        ===== ==/====/
            footer area css
 ====/========        =======/====/*/

.footer-widget {
    background: #33302f;
    padding-top: 60px;
    color: #fff;
    padding-bottom: 27px;
}

.footer-logo {
    margin-bottom: 13px;
}

.footer-left p {
    font-size: 14px;
    color: #d5d5d5;
    font-weight: 600;
}

a.footer-btn {
    color: #46A3FF;
    font-size: 18px;
    margin-top: 25px;
}

a.footer-btn i {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

a.footer-btn:hover i {
    -webkit-transform: translateX(5px)translateY(3px);
    transform: translateX(5px)translateY(3px);
    color: #4AA5FF;
}

a.footer-btn:hover {
    color: #4AA5FF;
}

.footer-left hr {
    background: #4f4c4a;
}

.footer-left .footer-cta3.cta56 {
    font-weight: 400;
}


.footer-left form input[type="text"] {
    width: 68%;
    padding: 12px 20px;
    background: #5c5959;
    border: none;
}

.footer-left form {
    margin-top: 38px;
}

.footer-left form input::-webkit-input-placeholder {
    color: #fff;
}

.footer-left form input::-moz-placeholder {
    color: #fff;
}

.footer-left form input:-ms-input-placeholder {
    color: #fff;
}

.footer-left form input::placeholder {
    color: #fff;
}

.footer-left form input[type="submit"] {
    padding: 10px 33px;
    background: #006AD5;
    border: none;
    color: #fff;
    font-size: 18px;
    padding-bottom: 14px;
    line-height: 25px;
    margin-left: -3px;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

.footer-left form input[type="submit"]:hover {
    background: #fff;
    color: #006AD5;
}

.footer-single h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 24px;
}

.footer-single ul li a {
    color: #cccfd0;
    font-weight: 300;
    line-height: 30px;
}

.footer-single ul li a:hover {
    color: #46A3FF;
}

li.ctsf {
    margin-top: 30px;
    font-size: 18px;
    margin-bottom: 15px;
}

li.ctsf.ctt {
    margin-top: 63px;
}

.footer-bottom {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid #4f4c4a;
}

.footer-bottom p {
    font-size: 14px;
    color: #d5d5d5;
}


.footer-bottom-social {
    /*background: url(../img/bg/footer-bottom-bg.png)no-repeat;
    -webkit-background-size: cover;
    background-position: center 0;
    background-size: cover;
    background-position: center 0;*/		background: #33302f;
    padding-bottom: 80px;
    padding-top: 40px;
}

.footer-social-center {
    text-align: center;
}

.footer-social-center a {
    padding-right: 10px;
}

.footer-social-right a {
    padding-left: 5px;
}

.footer-social-left p {
    margin-top: 5px;
    font-size: 12px;
    color: #d5d5d5;
}

.footer-social-left a {
    padding-right: 10px;
}

.footer-bottom a {
    font-size: 14px;
    color: #d5d5d5;
}

.footer-bottom a:hover {
    color: #46A3FF;
}


/*====/========        ===== ==/====/
            about area css
 ====/========        =======/====/*/

.about-banner-area {
    background: url(../img/bg/search-bg.png)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
}

.about-banner-area h1 {
    font-size: 40px;
    color: #006AD5;
    font-weight: 500;
    margin-bottom: 25px;
}

.about-banner-area p {
    font-size: 20px;
    color: #444444;
}

.about-bottom-area {
    background: #f4f4f4;
}

.about-bottom-right-text h2 {
    font-size: 28px;
    color: #444444;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 25px;
}

.about-bottom-right-text h2 a {
    color: #ef5d2f;
    display: inline;
}

.about-bottom-right-text h4 {
    font-size: 16px;
    font-weight: 500;
    color: #444444;
    margin-bottom: 8px;
}

.about-bottom-right-text p {
    color: #888888;
    font-weight: 400;
    margin-bottom: 0px;
}

.help-banner-area {
    background: url(../img/bg/search-bg.png)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10px 0px;
}

.help-banner-area h1 {
    font-size: 40px;
    color: #006AD5;
    font-weight: 500;
    margin-bottom: 25px;
}

.help-banner-area p {
    font-size: 20px;
    color: #444444;
}

/*timeline css*/

.titmeline-section-title h2 {
    font-size: 30px;
    font-weight: 400;
    color: #444444;
    line-height: 40px;
}

.titmeline-section-title h2 a {
    display: inline;
    color: #ef5d2f;
}

.titmeline-section-title {
    margin-bottom: 80px;
}

.timeline-left h1 {
    font-size: 40px;
    color: #006AD5;
    font-weight: 600;
}

.timeline-left {
    margin-bottom: 275px;
    margin-top: 55px;
}

.timeline-right h4 {
    font-size: 25px;
    color: #006AD5;
    font-weight: 500;
    margin-bottom: -5px;
}

.timeline-right-border {
    margin-bottom: 56px;
}

.timeline-left.cta {
    margin-top: 20px;
}

.timeline-left.cta1 {
    margin-top: 0px;
}

.timeline-left.cta2 {
    margin-top: 50px;
}

.timeline-left.cta3 {
    margin-top: -30px;
}

.timeline-left.cta2 {
    margin-top: -40px;
}

.timeline-right p {
    font-size: 14px;
    color: #888888;
    font-weight: 400;
}

.timeline-area {
    padding-top: 100px;
}

.timeline-right:after {
    position: absolute;
    left: -70px;
    top: 0;
    height: 91%;
    width: 5px;
    content: "";
    background: #ededed;
}

.timeline-right-border.cta1,
.timeline-right-border.cta2,
.timeline-right-border.cta3 {
    position: relative;
}

.timeline-right-border.cta1:after,
.timeline-right-border.cta2:after,
.timeline-right-border.cta3:after,
.timeline-right-border.cta1:before,
.timeline-right-border.cta2:before,
.timeline-right-border.cta3:before {
    position: absolute;
    left: -97px;
    width: 30px;
    height: 30px;
    content: "";
    background: #ededed;
    top: 16%;
    border-radius: 100px;
}

.timeline-right-border.cta1.ctt:after {
    background: #006AD5;
    z-index: 1;
}

.timeline-right-border.cta1:before,
.timeline-right-border.cta2:before,
.timeline-right-border.cta3:before {
    background: #fff;
    height: 15px;
    width: 15px;
    z-index: 1;
    top: 19.3%;
    left: -89.5px;
    border-radius: 100px;
    z-index: 2;
}

/*video area css*/

.video-area {
    background: url(../img/bg/video-bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    width: 100%;
    display: table;
    height: 500px;
}

.video-area-tablecell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.video-area:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: #006AD5;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: -1;
}


/*team css*/

.section-title.ctas h2 {
    color: #444444;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
}

.section-title.ctas h2 a {
    color: #ed5d38;
    text-decoration: underline;
}

.team-single {
    text-align: center;
    background: #f4f4f4;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 50px;
}

.team-single h4 {
    color: #444444;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 2px;
}

.team-single span {
    color: #ef5d2f;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.team-single a {
    color: #bcbcbc;
    margin: 0px 5px;
    font-size: 16px;
}

.team-single a:hover {
    color: #ed5d38;
}


/*client css*/

.client-slide-area {
    background: #f4f4f4;
}

.client-single-slide {
    background: #ffffff;
    padding: 30px;
}

.client-slide {
    padding-bottom: 30px;
}

.margin-top-50 {
    margin-top: 60px;
}

.client-single-slide p {
    color: #888888;
    margin-bottom: 30px;
}

span.client-slide-text {
    margin-left: 20px;
    vertical-align: text-bottom;
}

span.client-slide-text i {
    font-size: 20px;
    color: #006AD5;
}

span.client-slide-text span {
    margin-top: 0px;
    color: #444444;
}

.client-single-slide span img {

}

.client-slide-area {
    padding-top: 100px;
    padding-bottom: 30px;
}

.client-slide-area .owl-nav div {
    position: absolute;
    top: 38%;
    left: -70px;
    height: 40px;
    width: 40px;
    background: #d1d1d1;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    border-radius: 100px;
    -webkit-transition: .4s;
    transition: .4s;
}

.client-slide-area .owl-nav .owl-next {
    right: -70px;
    left: auto;
}

.client-slide-area .owl-nav div:hover {
    background: #ed5d38;
}


/*ask css*/

.ask-area {
    background: url(../img/bg/ask-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-section-title.cta h2 {
    font-size: 30px;
    color: #00032a;
    font-weight: 600;
    margin-bottom: 12px;
}

.about-section-title.cta {
    margin-bottom: 50px;
}

.about-section-title.cta p {
    font-size: 20px;
    color: #00032a;
    font-weight: 400;
}

.ask-tabs .nav {
    display: block;
}

.ask-tabs ul li a {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    color: #00032a;
    padding: 20px 30px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.ask-tabs ul li a:before {
    content: "";
    position: absolute;
    right: 35px;
    top: 35px;
    font-size: 30px;
    color: #00032a;
}

.ask-tabs ul li a.active:before {
    content: "";
    position: absolute;
    right: 35px;
    top: 35px;
    color: #fff;
}

.ask-tabs ul li a.active {
    color: #fff;
    background: #006AD5;
    border-bottom: 1px solid transparent;
}

.ask-tabs ul li a span {
    color: #006AD5;
    font-size: 16px;
    font-weight: 300;
}

.ask-tabs ul li a.active span {
    color: #fff;
}

.ask-tabs {
    margin-top: 50px;
}

.ask-tabs .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #006AD5;
    border-radius: 0px;
}

.ask-tab-content {
    margin-top: 50px;
}

.ask-tab-content h2 {
    color: #444444;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 36px;
}

.ask-tab-content p {
    font-size: 16px;
    font-weight: 300;
    color: #444444;
    line-height: 30px;
    margin-bottom: 10px;
}

.ask-tab-content p a {
    color: #006AD5;
    text-decoration: underline;
}

/*about cta css*/

.about-cta-area {
    background: #d7f0f7;
    padding: 72px 0px;
}

.about-cta-text h2 {
    font-size: 28px;
    font-weight: 300;
    color: #00032a;
    margin-top: 14px;
}

.about-cta-text h2 a {
    color: #006AD5;
    font-weight: 700;
}

.about-cta-btn a {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background: #006AD5;
    padding: 15px 26px;
    border-radius: 3px;
}

.about-cta-btn a i {
    margin-right: 15px;
}

.about-cta-btn a:hover {
    background: #333;
}


/*blog page*/

.about-banner-area.cta {
    background: url(../img/blog-broadcamp.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.cta h1 {
    color: #fff;
    font-weight: 300;
    line-height: 45px;
    margin-bottom: 16px;
}

.about-banner-area.cta h1 span {
    font-weight: 500;
}

.about-banner-area.cta p {
    color: #ffffff;
    font-size: 20px;
}

.start-btn {
    background: #ef5d2f none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    margin-top: 40px;
    padding: 9px 25px;
}

.start-btn:hover {
    background: #fff none repeat scroll 0 0;
    color: #ef5d2f;
}

.blog-left {
    box-shadow: 0px 0px 0px #f8f9fa;
}

.blog-author-text {
    padding-bottom: 30px;
    padding-left: 25px;
    padding-right: 25px;
}

.color-yellow {
    color: #ef5d2f;
    font-size: 14px;
    font-weight: 400;
}

.blog-author-text img {
    position: absolute;
}

span.blog-author {
    margin-left: 50px;
}

.blog-author-text span {
    color: #006AD5;
    padding-right: 5px;
    padding-left: 5px;
}

.blog-author-text span.color-yellow {
    color: #ed5d38;
}

.blog-author-text h3 {
    font-size: 25px;
    color: #444444;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 34px;
}

.blog-author-text p {
    color: #888888;
    font-weight: 400;
    font-size: 15px;
}

.blog-author-text p span {
    padding: 0px;
    color: #006AD5;
    text-decoration: underline;
}

a.start-btn.cta {
    background: #ef5d2f;
    font-weight: 500;
    color: #fff;
    margin-top: 27px;
}

a.start-btn.cta:hover {
    background: #ebebeb;
    color: #888888;
}

h4.blog-top-title {
    padding-bottom: 15px;
    color: #ef5d2f;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #d5dce7;
    margin-bottom: 20px;
}

.blog-left-top {
    margin-bottom: 30px;
    box-shadow: 0px 10px 13px #f8f9fa;
}

span.blog-search-bar {
    width: 100%;
    position: relative;
}

span.blog-search-bar input[type="search"] {
    width: 100%;
    border: none;
    background: #f4f4f4;
    height: 50px;
    padding-left: 20px;
    border-radius: 4px;
}

span.blog-search-bar i {
    position: absolute;
    right: 0;
    top: 18px;
    right: 15px;
    color: #888888;
    cursor: pointer;
}

span.blog-right-title {
    font-size: 20px;
    font-weight: 500;
    color: #444444;
    padding-bottom: 20px;
    padding-top: 30px;
}

.blog-right-category-1 a {
    font-size: 16px;
    color: #888888;
    background: #f4f4f4;
    padding: 5px 43px;
    display: inline-block;
    margin-bottom: 12px;
    min-width: 80px;
    padding-left: 30px;
    padding-right: 60px;
}

.blog-right-category-1 a:hover {
    background: #ef5d2f;
    color: #fff;
}

span.blog-search-bar {
    width: 100%;
    position: relative;
}

span.blog-search-bar input[type="search"] {
    width: 100%;
    border: none;
    background: #f4f4f4;
    height: 50px;
    padding-left: 20px;
    border-radius: 4px;
}

span.blog-search-bar i {
    position: absolute;
    right: 0;
    top: 18px;
    right: 15px;
    color: #888888;
    cursor: pointer;
}

h4.blog-right-title {
    font-size: 20px;
    font-weight: 500;
    color: #444444;
    padding-bottom: 20px;
    padding-top: 30px;
}

.blog-right-category-1 a {
    font-size: 16px;
    color: #888888;
    background: #f4f4f4;
    padding: 5px 43px;
    display: inline-block;
    margin-bottom: 12px;
    min-width: 80px;
    padding-left: 30px;
    padding-right: 40px;
}

.blog-right-category-1 a:hover {
    background: #ef5d2f;
    color: #fff;
}

.blog-recent-single-post img {
    position: absolute;
    top: 30px;
}

.blog-recent-post-text {
    margin-left: 65px;
}

.blog-recent-post-text a {
    color: #444444;
}

.blog-recent-single-post {
    position: relative;
    margin-bottom: 10px;
}

.blog-recent-post-text p a {
    color: #444444;
    line-height: 20px;
    font-size: 13px;
}

.blog-recent-post-text span {
    color: #888888;
}

.blog-subcribe {
    background: #006AD5;
    padding: 50px 15px;
}

.blog-subcribe h2 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 22px;
}

.blog-subcribe p {
    color: #ffffff;
    margin-bottom: 25px;
}

.blog-subcribe form input[type="email"] {
    width: 100%;
    border: none;
    padding: 8px 14px;
    border: 2px solid #ffffff;
    background: none;
    border-radius: 4px;
    margin-bottom: 15px;
}

.blog-subcribe form input::-webkit-input-placeholder {
    color: #fff;
}

.blog-subcribe form input::-moz-placeholder {
    color: #fff;
}

.blog-subcribe form input:-ms-input-placeholder {
    color: #fff;
}

.blog-subcribe form input::placeholder {
    color: #fff;
}

.blog-subcribe form input[type="submit"] {
    padding: 10px;
    width: 100%;
    background: #ffffff;
    border: none;
    border-radius: 4px;
    color: #006AD5;
    font-weight: 600;
    cursor: pointer;
}

.blog-subcribe {
    border-radius: 5px;
    margin-top: 30px;
}

.blog-fetured-project .nav a.cta {
    background: #f1f5fb;
}

.blog-fetured-project .nav a {
    display: inline-block;
    padding: 5px 15px;
    background: #f4f4f4;
    font-size: 14px;
    color: #444444;
}

.blog-fetured-project .nav a.active {
    background: #ed5d38;
    color: #fff;
}

.blog-recent-post.cta .blog-recent-post-text {
    margin-left: 93px;
}

.blog-recent-post.cta .blog-recent-single-post {
    margin-bottom: 0px;
}

.blog-right-social a i {
    height: 40px;
    width: 40px;
    font-size: 18px;
    border-radius: 100px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

.blog-right-social a i.fa-behance {
    background: #e44e86;
}

.blog-right-social a i.fa-dribbble {
    background: #e44e86;
}

.blog-right-social a i.fa-behance {
    background: #e44e86;
}

.blog-right-social a i.fa-google-plus {
    background: #ee423b;
}

.blog-right-social a i.fa-linkedin {
    background: #207fb6;
}

.blog-right-social a i.fa-twitter {
    background: #2faae3;
}

.blog-right-social a i.fa-instagram {
    background: #2c5c81;
}

.blog-right-social a i.fa-vimeo {
    background: #2ab1e4;
}

.blog-right-social a i.fa-facebook {
    background: #44619a;
}

.blog-right-social a {
    margin: 9px 4px;
}

.blog-right-social a {
    margin: 9px 4px;
}

.blog-right-category-1,
.blog-recent-post,
.blog-subcribe,
.blog-fetured-project,
.blog-right-social {
    box-shadow: 0px 0px 81px #f7f8f9;
    padding: 22px 20px;
}

.blog-fetured-project {
    padding-left: 0px;
    padding-right: 0px;
}

.blog-recent-single-post.cta {
    box-shadow: 0px 0px 30px #f3f5f7;
}

.blog-recent-single-post.cta {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-top: 2px;
    padding-right: 5px;
}

.blog-recent-post.ctas {
    box-shadow: none;
    padding: 0px;
}

.blog-recent-single-post.cta img {
    top: 31px;
}


/* ===================================================
            Blog-Details Page Start
====================================================== */

.single-blog-text-area h3 {
    margin-top: 32px;
    font-size: 20px;
}

.single-blog-text-area p {
    margin-bottom: 25px;
}

.single-blog-text-area h4 {
    font-size: 18px;
    color: #444444;
}

.bold-text {
    color: #444444 !important;
    font-size: 18px;
    font-weight: 600;
    margin-left: 6px;
    -webkit-text-decoration-color: #9a9a9a;
    text-decoration-color: #9a9a9a;
}

.single-blog-text-area a {
    color: #006AD5;
    background: #fff;
}

.text-with-border {
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
}

.share-area {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    padding-bottom: 40px;
}

.share-social-links-img:first-child {
    width: 115px;
}

.share-social-links-img {
    display: inline-block;
    width: 92px;
    margin-right: 10px;
    position: relative;
    top: -20px;
}

.share-social-links-img:nth-child(3) {
    width: 97px;
}

.share-social-links-img:last-child img {
    height: 26px;
    width: 92px;
}


/* article-area Start */

.img {
    display: inline-block;
    width: 115px;
}

.single-article-content .img img {
    position: relative;
}

.single-article-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.single-article-content-text h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}

.single-article-content-text p {
    margin-bottom: 0;
    font-size: 14px;
}

.single-article-content-text {
    padding-top: 8px;
    width: 80%;
    padding-left: 10px;
}

.single-article h4 {
    font-size: 14px;
    color: #444444;
    font-weight: 400;
    padding-left: 3px;
    margin-bottom: 7px;
}

।single-article h4 i {
    display: inline-block;
    margin-right: 10px;
}

.single-blog-text-area h4 i:before {
    margin-right: 10px;
}

.article-area {
    padding: 30px 0;
    padding-top: 22px;
    padding-bottom: 40px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

/* article-area End */

/* admin-area Start */

.admin-image {
    /* overflow: hidden; */
    width: 70px;
    margin-right: 30px;
    line-height: 85px;
}

.admin-description {
    width: 86%;
    /* float: left; */
}

.admin-image img {
    position: relative;
    border-radius: 50%;
    box-shadow: 6px 7px 10px rgba(123, 135, 158, .1);
    width: 100%;
    top: -5px;
}

.administrator-area {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: 60px;
    padding-left: 49px;
}

.admin-description p {
    font-size: 14px;
}

.admin-description h4 {
    margin-bottom: 8px;
    color: #666666;
}

.admin-description h4 span {
    color: #cd2129;
}

/* admin-area End */

/* comment-area Start */

/* blog-left Start */

.blog-details-page .blog-left {
    box-shadow: none;
}

.comment-area h3 {
    color: #333333;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 22px;
    margin-top: 3px;
}

.single-comment {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.single-comment-img {
    width: 60px;
    margin-right: 40px;
    float: left;
    line-height: 100px;
}

.single-comment-img img {
    position: relative;
    border-radius: 50%;
    top: 10px;
}

.comment-texts h4 {
    font-size: 12px;
    color: #666;
}

.comment-texts h4 a {
    color: #cd2129;
}

span.commentor {
    color: #cd2129;
    font-size: 14px;
    font-weight: 400;
}

.reply-share p {
    display: inline-block;
    margin-bottom: 0;
    position: absolute;
    top: 6px;
    right: 15px;
}

a.reply {
    font-size: 14px;
    font-weight: 300;
    color: #666666;
    background: transparent;
    box-shadow: none;
    margin-left: 18px;
}

.comment-texts {
    width: 85%;
    float: left;
    overflow: hidden;
    position: relative;
    background: #f4f4f4;
    padding: 30px;
    padding-top: 18px;
    padding-bottom: 27px;
}

.comment-texts p {
    margin-bottom: 0;
}

.single-comment.mini.comment {
    padding-left: 100px;
}

.mini comment .comment-texts {}

.mini comment .single-comment-img {}

.single-comment.mini.comment .single-comment-img {
    margin-right: 23px;
}

a.reply i {
    display: inline-block;
    margin-left: 6px;
}

.blog-details-form {
    margin-top: 65px;
}

.blog-details-form h3 {
    color: #444444;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 7px;
}

.blog-details-form p {
    font-size: 14px;
    color: #888888;
}

.blog-details-form form {
    margin-top: 40px;
}

.blog-details-form form input[type="text"],
.blog-details-form form input[type="email"] {
    width: 100%;
    border: none;
    background: #f6f6f6;
    padding: 12px;
    margin-bottom: 20px;
}

.blog-details-form textarea {
    width: 100%;
    border: none;
    background: #f6f6f6;
    height: 150px;
    padding: 12px;
}

.blog-details-form input[type="submit"] {
    padding: 12px 40px;
    background: #ef5d2f;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    margin-top: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.blog-details-bottom-area {
    background: #f4f4f4;
}

.blog-details-form input[type="submit"]:hover {
    background: #333;
}

.blog-details-form form p {
    font-size: 14px;
    color: #777;
    margin-bottom: 3px;
}

.blog-details-form form p span {
    color: #ef5c2f;
}

/* blog-left End */

/* blog-right Start */

.blog-right {
    padding-left: 25px;
}

/* blog-right End */

/* comment-area End */

/* Blog-Right samsung-area Start */

.samsung-area-content {
    padding: 30px;
    padding-top: 160px;
    padding-left: 27px;
    padding-right: 27px;
}

.samsung-are {
    position: relative;
    background: url(../img/bg/samsung-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    margin-top: 30px;
}

.samsung-are:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    z-index: -1;
}

.samsung-area-content h1 {
    color: #fff;
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 40px;
}

.samsung-area-content h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 18px;
}

.samsung-area-content h2 span {
    color: #fff!important;
    font-size: 40px;
    margin-left: 0;
    font-weight: 700;
}

.samsung-area-content h3 {
    color: #fff;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 22px;
}

.samsung-area-content h3 {}

.samsung-area-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.samsung-area-content a.buy-now-btn {
    display: inline-block;
    width: 155px;
    height: 40px;
    line-height: 40px;
    background: #f15c22;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 125px;
}

a.choice-text {
    position: absolute;
    display: inline-block;
    top: 30px;
    right: 30px;
    color: #fff;
    padding: 3px 7px;
    background: #141a23;
}

a.choice-text i {
    display: inline-block;
    margin-left: 6px;
    color: #ffcb67;
}

a.buy-now-btn:hover {
    text-decoration: none;
}

/* Blog-Right samsung-area End */

/* ===================================================
            Blog-Details Page End
====================================================== */

/* ===================================================
            service Page Start
====================================================== */

/* Service Page Drop-Down Menu style Start */

.service-page .mainmenu-area li ul {
    position: absolute;
    top: 57px;
    width: 264px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    display: block;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: left;
    background: #fff;
    z-index: 999;
    left: -30px;
    box-shadow: 0px 3px 40px -19px #666;
}

.service-page .mainmenu-area li:hover .drop-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.service-page .mainmenu-area ul li {
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
}

.service-page .mainmenu-area ul {
    display: inline-block;
}

.service-page .mainmenu-area li a {
    font-size: 18px;
}

.service-page. mainmenu-area ul li ul.drop-menu li:hover {
    background: #ffffff;
}

.service-page .mainmenu-area li ul.drop-menu li {
    display: block;
    padding: 15px 30px;
    border-bottom: 1px solid #e6e6e6;
}

.service-page .mainmenu-area li ul.drop-menu.drop-menu-small li a {
	font-size: 16px;
}

.service-page .mainmenu-area li ul.drop-menu li a {
    padding: 0;
}

.service-page .about-banner-area.cta .col-md-12 {
    z-index: 1;
}

.service-page .mainmenu-area ul li ul.drop-menu li:hover a {
    color: #0c1229;
}

/* Service Page Drop-Down Menu style End */

.service-page .about-banner-area.cta {
    /*    background-image: none;*/
    background-color: #222;
}

.service-page .about-banner-area.cta h1 {
    font-weight: 700;
    font-size: 40px;
}

.host-box-area.cta {
    background: url(../img/bg/service-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.hosting-area.cta {
    background: none;
}

.hosting-area.cta:after {
    background: inherit;
}

.hosting-left-text.cta h3 {
    color: #333;
}

.hosting-left-text.cta h2 {
    color: #444444;
}

.hosting-left-text.cta h4 {
    color: #444444;
}

.hosting-left-text.cta h4 span {
    color: #dd1926;
    font-weight: 700;
}

.hosting-left-text.cta ul li {
    color: #888888;
}

.hosting-left-text.cta ul li i {
    color: #95d652;
}

.hosting-left-text.cta a.glb-btn {
    background: #96d55a;
    color: #fff;
}

.hosting-left-text.cta a.glb-btn:hover {
    background: #e8663d;
}

.service-counter-area {
    background: url(../img/bg/counter-bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.service-counter-single-item {
    color: #fff;
    float: left;
    width: 20%;
    text-align: center;
}

.service-counter-single-item h1 {
    color: #fff;
    font-size: 50px;
}

.service-counter-area {
    padding: 90px 0px;
}

.service-counter-single-item p {
    font-size: 16px;
    margin: 0px;
    margin-top: 20px;
}

.section-title.cta55 h2 {
    font-weight: 600;
}

.logo-single-slide {
    padding: 20px;
}

.logo-slide-area {
    background: #f4f4f4;
    padding-top: 70px;
    padding-bottom: 26px;
}

.logo-slide-area.ctas {
    background: #fff;
}

/* ===================================================
            service Page End
====================================================== */

/* ===================================================
            domain Page start
====================================================== */

.hero-area.cta {
    background: url(../img/bg/domain-bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 115px;
    padding-top: 115px;
}

.domain-table-title-left h2 {
    font-size: 30px;
    color: #2da2ee;
    font-weight: 700;
    margin-bottom: 10px;
}

.domain-table-title-left p {
    font-size: 12px;
    margin-left: 36px;
}

.domain-table-title-left p span {
    color: #2da3ee;
}

.domain-table3 p span.right-price {
    float: right;
    color: #006AD5;
    font-weight: 600;
}

.domain-table3 p {
    color: #888888;
    font-size: 16px;
    margin-left: 20px;
}

.domain-table-btn a {
    padding: 10px 30px;
    background: #333333;
    color: #fff;
    border-radius: 4px;
}

.domain-border {
    margin-bottom: 35px;
}

.domain-table-btn a i {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

.domain-table-btn a:hover {
    background: #006AD5;
}

.domain-table-bg {
    background: #eefaff;
    padding: 40px 0px;
    border-top: 5px solid #006AD5;
}

.domain-table1 h4 {
    font-size: 20px;
    color: #444444;
    font-weight: 500;
}

.domain-table-bg .row {
    padding-bottom: 35px;
    padding-top: 35px;
    position: relative;
}

.domain-table-bg .row:after {
    position: absolute;
    left: 10%;
    bottom: 0;
    height: 1px;
    width: 80%;
    content: "";
    border-bottom: 1px solid #dcf2fa;
}

.domain-table-bg .row.border-none:after {
    border-bottom: none;
}

.domain-table-bg .row.border-none {
    padding-bottom: 12px;
}

.section-title.cta22 h2 {
    font-weight: 600;
}

/* ===================================================
            domain Page end
====================================================== */

/* ===================================================
            faq Page start
====================================================== */

.ask-area.cta {
    background: #f4f4f4;
}

.section-title.cta454 p {
    font-size: 16px;
    margin-top: 20px;
    color: #888888;
    font-weight: 400;
}

.section-title.cta454 h2 {
    color: #444444;
}

.section-title.cta454 {
    margin-bottom: 30px;
}

li.cta-margin2 {
    margin-top: 50px;
    font-size: 30px;
    color: #006AD5;
    font-weight: 500;
    margin-bottom: 20px;
}

.ask-tabs.cta ul li a {
    background: #fff;
}

li.cta-margin2 span {
    font-size: 20px;
    color: #444444;
}

.hosting-area.cta-faq {
    background: #fff;
}

.hosting-left-text.faq-cas h3 {
    color: #444444;
}

.hosting-left-text.faq-cas h2 {
    color: #444444;
}

.hosting-left-text.faq-cas h4 {
    color: #444444;
}

.hosting-left-text.faq-cas h4 span {
    color: #006AD5;
}

.hosting-left-text.faq-cas ul li {
    color: #888888;
}

.hosting-left-text.faq-cas ul li i {
    color: #006AD5;
}

.hosting-left-text.faq-cas a.glb-btn {
    background: #006AD5;
    color: #fff;
}

.hosting-left-text.faq-cas a.glb-btn:hover {
    background: #282828;
    color: #fff;
}

.hosting-left-text.faq-cas a.glb-btn:hover i {
    color: #fff;
}

.hosting-area.cta-faq:after {
    background: none;
}

.faq-bottom-area {
    margin-top: 130px;
}

.faq-bottom-text h2 {
    color: #00022a;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
}

.faq-bottom-text p {
    color: #888888;
}

.cta-faq-margin {
    margin-bottom: 30px;
}

/* ===================================================
            faq Page end
====================================================== */

/* ===================================================
            comming soon Page start
====================================================== */

.coming-soon-area {
    background: url(../img/bg/soon-bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 160px;
    padding-top: 160px;
}

.error-soon-area {
    background: url(../img/bg/error-soon-bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 160px;
    padding-top: 160px;
}

.day_wrap {
    background: #ffffff;
    display: inline-block;
    height: 100px;
    margin: 5px;
    width: 100px;
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    color: #006AD5;
    padding-top: 30px;
    border-radius: 6px;
}

.days {
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    margin: 24px 0 0;
    margin-bottom: -55px;
    text-transform: uppercase;
}

.coming-soong-text {
    margin-bottom: 60px;
}

.coming-soong-text h1 {
    font-size: 80px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 60px;
}

.coming-soong-text h2 {
    font-size: 70px;
    font-weight: 300;
    color: #fff;
}

.error-text {
    margin-bottom: 40px;
}

.error-text h1 {
    font-size: 100px;
    font-weight: 900;
    color: #282828;
    margin-bottom: 50px;
}

.error-text h3 {
    font-size: 30px;
    font-weight: 500;
    color: #282828;
    margin-bottom: 20px;
}

.error-text p {
    font-size: 16px;
    font-weight: 600;
    color: #888888;
}

.faq-form {
    margin-top: 40px;
}

.faq-form input[type="email"] {
    width: 28%;
    color: #888888;
    font-size: 14px;
    border: none;
    padding-left: 25px;
    padding-bottom: 12px;
    padding-top: 12px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right: 10px;
}

.faq-form input[type="submit"] {
    padding: 12px 40px;
    border: none;
    background: #f8a05c;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.faq-form form input::-webkit-input-placeholder {
    color: #888888;
}

.faq-form form input::-moz-placeholder {
    color: #888888;
}

.faq-form form input:-ms-input-placeholder {
    color: #888888;
}

.faq-form form input::placeholder {
    color: #888888;
}

.faq-form input[type="submit"]:hover {
    background: #333;
}

/* ===================================================
            support Page start
====================================================== */

.about-banner-area.ctafd {
    background: url(../img/bg/support-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 140px 0px;
}

.about-banner-area.ctafd h1 {
    color: #fff;
}

.about-banner-area.ctafd p {
    color: #fff;
}

.about-banner-area.ctafd p a {
    color: #fff;
}

.support-area {
    background: #f4f4f4;
}

.section-title.cta-support h2 {
    font-weight: 700;
    margin-bottom: 16px;
}

.section-title.cta-support span {
    color: #006AD5;
    font-size: 30px;
    font-weight: 700;
}

.section-title.cta-support p {
    font-size: 14px;
    color: #444444;
}

.section-title.cta-support {
    margin-bottom: 70px;
}

.support-left a {
    display: block;
    background: #e9e9e9;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 12px 22px;
    border-radius: 4px;
    color: #888888;
    font-weight: 500;
}

.support-left a i {
    margin-right: 10px;
}

.support-left a:hover {
    background: #8C8C8C;
    color: #fff;
}

.support-form input[type="text"],
.support-form input[type="email"] {
    width: 100%;
    color: #888888;
    font-size: 16px;
    border: 1px solid #dfdfdf;
    padding: 12px;
    background: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.support-form input::-webkit-input-placeholder {
    color: #888;
}

.support-form input::-moz-placeholder {
    color: #888;
}

.support-form input:-ms-input-placeholder {
    color: #888;
}

.support-form input::placeholder {
    color: #888;
}

.support-form textarea {
    width: 100%;
    border: 1px solid #dfdfdf;
    height: 150px;
    padding: 12px;
    color: #888;
    font-size: 16px;
}

.support-form textarea::-webkit-input-placeholder {
    color: #888888;
}

.support-form textarea::-moz-placeholder {
    color: #888888;
}

.support-form textarea:-ms-input-placeholder {
    color: #888888;
}

.support-form textarea::placeholder {
    color: #888888;
}

.support-form input[type="submit"] {
    padding: 12px 80px;
    background: #006AD5;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
    margin-top: 25px;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

.support-form {
    text-align: center;
}

.support-form input[type="submit"]:hover {
    background: #333;
}

.support-select {
    width: 100%;
    border: 1px solid #dfdfdf;
    color: #888;
    font-size: 16px;
    margin-bottom: 30px;
    height: 50px;
    padding-top: 5px;
}

.support-select ul {
    width: 100%;
}

.support-requisites-area {
    background: url(../img/bg/support-requisites-bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.support-requisites-area div div div .section-title h2 {
    font-size: 30px;
    color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.support-requisites-text p {
    font-size: 14px;
    color: #fff;
}

.section-title.ctasss h2 {
    font-weight: 700;
    color: #00032a;
}

.section-title.ctasss {
    margin-bottom: 10px;
}

/* ===================================================
            hosting Page start
====================================================== */

.about-banner-area.hosting-cta {
    background: url(../img/bg/hosting-banner-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-2 {
    background: url(../img/bg/abstract-5-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-3 {
    background: url(../img/bg/servers-4.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-4 {
    background: url(../img/bg/abstract-4-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-5 {
    background: url(../img/bg/abstract-3-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-6 {
    background: url(../img/bg/search-bg.png)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-7 {
    background: url(../img/bg/search-bg.png)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-8 {
    background: url(../img/bg/abstract-8-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-9 {
    background: url(../img/bg/abstract-9-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-10 {
    background: url(../img/bg/abstract-10-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-11 {
    background: url(../img/bg/abstract-10-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-12 {
    background: url(../img/bg/abstract-12-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    border-top: 4px dotted #D6D6D6;
    border-bottom: 4px dotted #D6D6D6;
}

.about-banner-area.hosting-cta.hosting-cta-russia-cremlin {
    background: url(../img/bg/russia-cremlin.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-servers-1 {
    background: url(../img/bg/servers-1.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-servers-2 {
    background: url(../img/bg/servers-2.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta.hosting-cta-servers-5 {
    background: url(../img/bg/servers-5.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.hosting-cta h2 {
    color: #006AD5;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
}.about-banner-area.hosting-cta h1 {    color: #006AD5;    font-weight: 700;    margin-bottom: 20px;    font-size: 40px;}.about-banner-area.hosting-cta.hosting-cta-3 h1 {    color: #fff;    font-weight: 500;    margin-bottom: 10px;    font-size: 40px;    line-height: 1;}

.about-banner-area.hosting-cta.hosting-cta-3 h2 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 1;
}

.about-banner-area.hosting-cta.hosting-cta-4 h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
}

.about-banner-area.hosting-cta.hosting-cta-5 h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
}

.about-banner-area.hosting-cta.hosting-cta-8 h2 {
    color: #00468C;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
}

.about-banner-area.hosting-cta.hosting-cta-12 h2 {
    font-weight: 700;
    margin-bottom: 20px;
    margin-right: 200px;
    font-size: 40px;
}

.about-banner-area.hosting-cta.hosting-cta-russia-cremlin h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
    text-shadow: 1px 1px #004080, 1px -1px #004080, -1px 1px #004080, -1px -1px #004080, 3px 3px 6px rgba(0,0,0,.5);
}

.about-banner-area.hosting-cta.hosting-cta-servers-1 h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
}

.about-banner-area.hosting-cta.hosting-cta-servers-2 h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
}

.about-banner-area.hosting-cta.hosting-cta-servers-5 h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 1;
}

.about-banner-area.hosting-cta.hosting-cta-12 p {
    margin-right: 200px;
}

.about-banner-area.hosting-cta p {
    color: #888888;
}

.about-banner-area.hosting-cta.hosting-cta-3 p {
    color: #D6D6D6;
}

.about-banner-area.hosting-cta.hosting-cta-3 ul {
    color: #fff;
    font-size: 16px;
}

.about-banner-area.hosting-cta.hosting-cta-4 p {
    color: #D6D6D6;
}

.about-banner-area.hosting-cta.hosting-cta-5 p {
    color: #D6D6D6;
}

.about-banner-area.hosting-cta.hosting-cta-russia-cremlin p {

}

.about-banner-area.hosting-cta.hosting-cta-servers-1 p {
    color: #D6D6D6;
}

.about-banner-area.hosting-cta.hosting-cta-servers-2 p {
    color: #D6D6D6;
}

.about-banner-area.hosting-cta.hosting-cta-servers-5 p {
    color: #fff;
}

.about-banner-area.hosting-cta.hosting-cta-servers-5 ul {
    color: #fff;
    font-size: 16px;
}

.nice-select.shared-hosting {
    font-size: 18px;
    color: #0c1229;
    font-weight: 500;
    background: #f4f4f4;
    height: 60px;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
}

.hosting-title-right {
    float: right;
}

.hosting-title-right .dropdown .dropdown-menu a.dropdown-item {
    font-size: 20px;
}

.hosting-title-right .dropdown .dropdown-menu a.dropdown-item span.badge {
    font-size: 16px;
}

.section-title.cta22s h2 {
    font-weight: 600;
}

.section-title.cta22s h2 span {
    color: #006AD5;
}

.section-title.cta22s p {
    font-size: 18px;
    color: #888888;
}

.single-pricing-item.ctas2 {
    padding-top: 0px;
    background: #f4f4f4;
}

.single-pricing-item.ctas2 h3 {
    padding-top: 30px;
    background: #006AD5;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.single-pricing-item.ctas2 h3 span {
    font-weight: 300;
}

a.prc-btn.cta i {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: inherit;
    transition: inherit;
}

a.prc-btn.cta {
    border-bottom: 4px solid #d5481e;
    padding: 12px 52px;
}

a.prc-btn.cta:hover {
    border-color: #fde749;
}

a.prc-btn.cta:hover i {
    -webkit-transition: inherit;
    transition: inherit;
}

.nice-select.shared-hosting.ctas {
    float: inherit;
    padding-left: 15px;
    padding-right: 10px;
    width: 200px;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    border: none;
    border-bottom: 4px solid #d0d0d0;
    height: 52px;
    font-size: 15px;
    color: #444444;
    padding-top: 5px;
    margin-top: 30px;
    font-weight: 400;
}

.single-pricing-item.ctas2 {
    border-bottom: none;
}

.single-pricing-item.ctas2 ul {
    padding-left: 20px;
}

.host-box-area.ctassa {
    background: url(../img/bg/host-box-bg-2.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.section-title.ct51 h2 {
    color: #00032a;
    font-weight: 600;
}

.section-title.ct51 {
    margin-bottom: 55px;
}

.moneyback-area .faq-bottom-area {
    margin-top: 0px;
}

.moneyback-area {
    background: #f4f4f4;
    padding: 100px 0px;
}

/* */
.abstract-1-area {
    background: url(../img/bg/abstract-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
}

.abstract-2-area {
    background: url(../img/bg/abstract-2-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
}

.abstract-3-area {
    background: url(../img/bg/abstract-3-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
}

.abstract-4-area {
    background: url(../img/bg/abstract-4-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
}

.earth-area {
    background: url(../img/bg/earth-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
}

.datacenter-area {
    background: url(../img/bg/datacenter-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
}

.datacenter-area h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
}

.datacenter-area p {
    color: #D8D8D8;
}

/*====/========        ===== ==/====/
            preoader css
 ====/========        =======/====/*/

#loading {
    width: 100vw;
    height: 100vh;
    background: #20232D;
    position: fixed;
    z-index: 999;
}

#loading #preloader {
    position: relative;
    width: 100%;
    height: 80px;
    top: calc(50% - 50px);
    text-align: center;
    margin: 0 auto;
}

#loading #preloader:after {
    content: "Страница загружается";
    /* Text under the circles */
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    color: #006AD5;
    letter-spacing: 1px;
    font-family: 'Ubuntu', sans-serif;
    top: 90px;
    width: 100%;
    left: 0;
    right: 0;
    height: 1px;
    text-align: center;
}

#loading #preloader span {
    position: absolute;
    border: 4px solid #006AD5;
    border-radius: 100%;
}

#loading #preloader span:nth-child(1) {
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    -webkit-animation: spin-1 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: spin-1 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

#loading #preloader span:nth-child(2) {
    top: 20px;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    -webkit-animation: spin-2 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: spin-2 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes spin-1 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    50% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes spin-1 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    50% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@-webkit-keyframes spin-2 {
    0% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    100% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
}

@keyframes spin-2 {
    0% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    100% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 1px;
  margin-bottom: 10px;
  color: #737373;
}

.registration p {
	color: #6A6A6A;
    font-weight: 400;
    font-size: 15px;
}

.registration p span {
    padding: 0px;
    color: #006AD5;
    text-decoration: underline;
}

.registration p a {
    color: #444444;
    line-height: 20px;
    font-size: 15px;
    text-decoration: underline;
}

.registration span {
    color: #888888;
}

.registration span.badge {
    color: #fff;
}

.modal {
	z-index: 99999999;
}

ul.nav-tabs li.nav-item a.nav-link {
	color: #006AD5;
	padding: 10px;
}

.price-select .dropdown {
	padding-top: 10px;
}

.price-select .dropdown button {
	font-size: 18px;
    color: #0c1229;
    font-weight: 500;
    background: #f4f4f4;
}

.help-article > h2,
.help-article > h3,
.help-article > h4,
.help-article > h5,
.help-article > h6 {
	max-width: 700px;
  	margin: 0;
  	margin-top: 1.66666667em;
  	margin-bottom: 0.66666667em;
  	font-family: Proxima Nova, 'Proxima Nova R', sans-serif;
  	font-weight: 600;
  	font-stretch: normal;
  	font-style: normal;
  	color: black;
  	line-height: 1em;
}

.help-article > h2:first-child,
.help-article > h3:first-child,
.help-article > h4:first-child,
.help-article > h5:first-child,
.help-article > h6:first-child {
	margin-top: 0;
}

.help-article > h2:last-child,
.help-article > h3:last-child,
.help-article > h4:last-child,
.help-article > h5:last-child,
.help-article > h6:last-child {
	margin-bottom: 0;
}

.help-article > p {
	font-family: Proxima Nova, 'Proxima Nova R', sans-serif;
	font-weight: 400;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1.5em;
  	margin-bottom: 1.25em;
}

.help-article img {
	display: block;
	padding:.25rem;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:.25rem;
	max-width:100%;
	height:auto;
}

.help-article > blockquote {
  	font-family: Proxima Nova, 'Proxima Nova R', sans-serif;
  	font-weight: 400;
  	font-stretch: normal;
  	font-style: italic;
  	line-height: 1.5em;
}

.help-article pre b,
.help-article pre strong,
.help-article code b,
.help-article code strong {
	font-family: monospace;
  	font-weight: bold;
}

.help-article code {
	padding-bottom: 0.1em;
	padding-top: 0.1em;
	padding-left: 0.5em;
	border-radius: 3px;
	font-family: monospace;
	background-color: rgba(0, 0, 0, 0.05);
	color: #4A4A4A;
}

.table-blue {
	background: #006AD5;
	color: #fff;
}

.yorum {
    display: flex;
    height: 100vh;
    align-items: center;
}

.card {
    border: none;
    box-shadow: 0 0 3px #0000001a;
}

.owl-item {
    padding: 10px;
}

.card-yazı p {
    padding: 30px 40px 50px 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.card-yazı p::after {
    content: url("https://i.hizliresim.com/ODgyXA.png");
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 10px 0 0 20px;
}

.card-yazı p::before {
    content: url("https://i.hizliresim.com/zMXJz4.png");
    width: 40px;
    height: 40px;
    position: relative;
    top: -10px;
    left: -18px;
}

.card-yazı {
    background-image: linear-gradient(135deg, rgb(255, 247, 32) 10%, rgb(60, 213, 0) 100%);
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
}

.favicon {
    width: 100%;
    height: auto;
}

.favicon img {
    height: 90px;
    width: 90px !important;
    position: absolute;
    bottom: -45px;
    left: 39%;
    border-radius: 100px;
    border: 8px solid white;
}

.puan {
    margin-top: 20px;
}


.puan img {
    height: 20px;
    width: 20px !important;
    margin: 30px 5px 0 0;
}

.isim h1 {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-top: 20px;
}

.isim p {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-family: sans-serif;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 50px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #0075EA;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

.alertbox {
  border-radius: 0;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  -webkit-border-radius: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.11);
  display: table;
  width: 100%;
}

.alertbox-white {
  background-image: linear-gradient(to bottom, #fff, #f9f9f9);
  border-top-color: #d8d8d8;
  border-bottom-color: #bdbdbd;
  border-left-color: #cacaca;
  border-right-color: #cacaca;
  color: #404040;
  padding-left: 61px;
  position: relative;
}

.alertbox-white.rounded {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.alertbox-white.rounded .icon {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
}

.alertbox-white .icon {
  text-align: center;
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #bdbdbd;
  padding-top: 15px;
}


.alertbox-white .icon:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #bdbdbd;
  position: absolute;
  border-left: 0;
  border-bottom: 0;
  top: 50%;
  right: -6px;
  margin-top: -3px;
  background: #fff;
}

.alertbox-white .icon i {
  font-size: 20px;
  color: #fff;
  left: 12px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
/*============ colors ========*/
.alertbox-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alertbox-white.alertbox-success .icon,
.alertbox-white.alertbox-success .icon:after {
  border-color: #54a754;
  background: #60c060;
}

.alertbox-info {
  background-color: #d9edf7;
  border-color: #98cce6;
  color: #3a87ad;
}

.alertbox-white.alertbox-info .icon,
.alertbox-white.alertbox-info .icon:after {
  border-color: #3a8ace;
  background: #4d90fd;
}


.alertbox-white.alertbox-warning .icon,
.alertbox-white.alertbox-warning .icon:after {
  border-color: #d68000;
  background: #fc9700;
}

.alertbox-warning {
  background-color: #fcf8e3;
  border-color: #f1daab;
  color: #c09853;
}

.alertbox-danger {
  background-color: #f2dede;
  border-color: #e0b1b8;
  color: #b94a48;
}

.alertbox-white.alertbox-danger .icon,
.alertbox-white.alertbox-danger .icon:after {
  border-color: #ca452e;
  background: #da4932;
}

.about-banner-area.winter-cta {
    background: url(../img/bg/winter-bg.png)no-repeat;
    background-size: cover;
    background-position: center;
}

.about-banner-area.winter-cta h2 {
    color: #AA0000;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
}

.about-banner-area.winter-cta p {
    color: #110000;
}

.winter-area {
    background: url(../img/bg/winter-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.header-promo-area {
    /*background: url(../img/bg/abstract-4-bg.jpg)no-repeat;*/
    border-bottom: 1px solid #006AD5;
	padding-top: 10px;
    padding-bottom: 10px;
    background-size: cover;
    background-position: center;
}

.header-promo-area p {
	color: #006AD5;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}

.header-promo-area p a {
	color: #006AD5;
	text-decoration: underline;
}


.timeline {
    padding: 0 0;
    position: relative;
}
.timeline-nodes {
	padding-bottom: 25px;
	position: relative;
}
.timeline-nodes:nth-child(even) {
    flex-direction: row-reverse;
}
.timeline h3, .timeline p {
    padding: 5px 15px;
}
.timeline h3{
    font-weight: lighter;
    font-size: 20px;
    background: var(--blue);
}
.timeline p {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #777789;
}
.timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    border-left: 2px dashed var(--blue);
    height: 100%;
    z-index: 1;
    transform: translateX(-50%);
}
.timeline-content {
    border: 1px solid var(--blue);
    position: relative;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 3px 25px 0px rgba(10, 55, 90, 0.2)
}
.timeline-nodes:nth-child(odd) h3,
.timeline-nodes:nth-child(odd) p {
    text-align: left;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    text-align: left;
    font-size: 22px;
    color: var(--blue);
}

.timeline-nodes:nth-child(even) .timeline-date {
    text-align: right;
    font-size: 22px;
    color: var(--blue);
}
.timeline-nodes:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    left: 100%;
    width: 0;
    border-left: 10px solid var(--blue);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline-nodes:nth-child(even) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    right: 100%;
    width: 0;
    border-right: 10px solid var(--blue);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline-image {
    position: relative;
    z-index: 100;
}
.timeline-image::before {
    content: "";
    width: 80px;
    height: 80px;
    border: 2px dashed var(--blue);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 1;


}
.timeline-image img {
    position: relative;
    z-index: 100;
}
/*small device style*/

@media (max-width: 767px) {
    .timeline-nodes:nth-child(odd) h3,
    .timeline-nodes:nth-child(odd) p {
    text-align: left
}
.timeline-nodes:nth-child(even) {
    flex-direction: row;
}
    .timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 4%;
    width: 0;
    border-left: 2px dashed var(--blue);
    height: 100%;
    z-index: 1;
    transform: translateX(-50%);
}
.timeline h3 {
    font-size: 1.5rem;
}
.timeline p {
    font-size: 14px;
    color: #777789;
}
.timeline-image {
    position: absolute;
    left: 0%;
    top: 60px;
    /*transform: translateX(-50%;);*/
}
.timeline-nodes:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    left: auto;
    right: 100%;
    width: 0;
    border-left: 0;
    border-right: 10px solid var(--blue);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline-nodes:nth-child(even) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    right: 100%;
    width: 0;
    border-right: 10px solid var(--blue);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline-nodes:nth-child(even) .timeline-date {
    text-align: left;
}
.timeline-image::before {
    width: 65px;
    height: 65px;
}
}

/*extra small device style */
@media (max-width: 575px) {
    .timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 3%;
}
.timeline-image {
    position: absolute;
    left: -5%;
    }
.timeline-image::before {
    width: 60px;
    height: 60px;
}
}

/*end css*/