@import 'bootstrap.min.css';
 @import 'fontawesome.min.css';
 @import 'animate.css';
 @import 'aos.css';
 @import 'rangeslider.css';
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,700i,900');
 body {
     font-family: 'Source Sans Pro', sans-serif;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
 }
 
 a.active,
 a:focus,
 button:focus,
 button.active {
     outline: none;
 }
 
 a {
     text-decoration: none;
     font-family: 'Source Sans Pro', sans-serif;
 }
 
 a:focus,
 a:hover,
 a:active {
     outline: 0;
     box-shadow: 0;
 }
 
 a:focus,
 a:hover {
     text-decoration: none;
 }
 
 h1,
 h2,
 h3,
 h4 h5,
 h6 {
     margin-bottom: 0;
     font-family: 'Source Sans Pro', sans-serif;
     margin-top: 0;
     font-weight: 700;
 }
 
 a {
     text-decoration: none;
     transition: all .5s ease-in-out;
 }
 
 a:hover {
     text-decoration: none;
 }
 
 ul,
 ol {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 ul li {
     list-style: none;
 }
 
 p {
     margin: 0;
 }
 
 input:focus,
 select:focus,
 textarea:focus {
     outline: none;
 }
 
 figure {
     margin: 0;
 }
 
 img {
     border-style: none;
     display: inline-block;
     max-width: 100%;
     height: auto;
 }
 
 .wrapper {
     position: relative;
     overflow: hidden;
 }
 /***** Top Bar Sec *****/
 
 .top-bar {
     padding: 4px 0 5px;
     position: relative;
 }
 
 .top-bar:after {
     background: #5bc0e4;
     opacity: 0.1;
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     bottom: -10px;
     width: 100%;
     height: 10px;
 }
 
 .top-bar ul {
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }
 
 .top-bar ul li {
     margin: 0 2px;
     position: relative;
 }
 
 .top-bar ul li:last-child {
     margin-right: 0;
 }
 
 .top-bar ul li a {
     color: #999999;
     border: 2px solid transparent;
     border-radius: 30px;
     font-size: 14px;
     font-weight: 400;
     display: inline-block;
     letter-spacing: 0.1em;
     padding: 3px 17px;
 }
 
 .top-bar ul li a i {
     font-size: 22px;
     vertical-align: middle;
     margin-right: 10px;
 }
 
 .top-bar ul li a span {
     vertical-align: middle;
 }
 
 .top-bar ul li a img {
     margin-right: 10px;
 }
 
 .top-bar ul li a:hover {
     border-color: #67BF00;
     color: #67BF00;
 }
 
 .top-bar .dropdown-toggle[aria-expanded="true"] {
     border-color: #67BF00;
     color: #67BF00;
 }
 
 .top-bar .dropdown-toggle[aria-expanded="false"] {
     border-color: transparent;
 }
 /***** Header Sec *****/
 
 .header {
     padding: 30px 0;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     z-index: 4;
 }
 
 .header .dropdown-toggle:after {
     display: none;
 }
 
 .pos_init {
     position: initial;
 }
 
 .text-nav {
     margin-bottom: 26px;
 }
 
 .cloud_c .text-nav p {
     margin-bottom: 10px;
 }
 
 .cloud_c .text-nav .btn.btn-outline-filled-success {
     text-align: center;
     background-color: #fff;
 }
 
 .text-nav h4 {
     font-weight: 700;
     font-size: 18px;
     letter-spacing: 0.1em;
     line-height: 23px;
     text-align: left;
     color: #555;
     margin: 0;
 }
 
 .text-nav p {
     font-size: 14px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #333;
 }
 
 .navigation .navbar .dropdown-menu {
     border: none;
     background-color: #fff;
 }
 
 .navigation .dropdown-toggle::after {
     content: none;
 }
 
 .navbar .dropdown {
     position: static;
 }
 
 .navbar .dropdown-menu {
     width: 100%;
     left: 0;
     right: 0;
     top: 93px;
     padding: 0 0;
     min-height: 318px;
     overflow: hidden;
 }
 
 .main_txt {
     padding-top: 35px;
 }
 
 .navigation .navbar {
     padding: 0;
 }
 
 .navigation .navbar-brand {
     padding: 0;
     margin: 0;
 }
 
 .navigation .navbar-nav .nav-item {
     margin: 0 10px;
 }
 
 .navigation .navbar-nav .nav-item:last-child {
     margin-right: 0;
 }
 
 .navigation .navbar-nav .nav-item .nav-link {
     color: #FFFFFF;
     font-size: 16px;
     font-weight: 600;
     border: 2px solid transparent;
     border-radius: 20px;
     padding: 7px 29px 5px;
     position: relative;
 }
 
 .navigation .navbar-nav .nav-item .nav-link:hover {
     background-color: rgba(255, 255, 255, 0.20);
 }
 
 .navigation .navbar-nav .nav-item.active .nav-link {
     background-color: rgba(255, 255, 255, 0.30);
     border: 2px solid #fff;
 }
 
 .navigation .navbar-nav .nav-item.dropdown .nav-link::before {
     content: "";
     position: absolute;
     background-image: url(../images/anchor-after.svg);
     height: 0;
     width: 19.85px;
     left: 50%;
     bottom: -0;
     transform: translate(-50%, 0);
     opacity: 0;
     transition: all 0.5s;
 }
 
 .navigation .navbar-nav .nav-item.dropdown.show .nav-link::before {
     opacity: 1;
     transition: all 0.5s;
     height: 17px;
     bottom: -19px;
 }
 
 .nav-leftimg {
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .content_nav {
     position: relative;
     z-index: 1;
 }
 
 .navigation .abs {
     position: absolute;
     transition: all 1s ease-in-out;
 }
 
 .nav_img {
     position: relative;
     min-height: 318px;
     overflow: hidden;
 }
 
 .nav_img img {
     position: absolute;
     bottom: 21px;
 }
 
 .cloud_c .nav_img img {
     position: absolute;
     bottom: -21px;
 }
 
 .screen-main {
     bottom: 37px;
     z-index: 1;
 }
 
 .s-code {
     right: 69px;
     z-index: 1;
     top: 66px;
 }
 
 .s-cloud {
     left: 0;
     top: 11px;
     z-index: 1;
 }
 
 .bg-screentp {
     left: 18px;
     right: 0;
     margin: 0 auto;
     text-align: center;
     top: -15px;
 }
 
 .c-img {
     position: absolute;
     top: 41px;
 }
 /***** Banner Sec *****/
 
 .banner-wrapper {
     position: relative;
 }
 
 .banner-sec {
     background: linear-gradient(#5bc0e4 0%, #29a6d2 100%);
     padding: 165px 0;
     position: relative;
     margin-top: 47px;
     min-height: 876px;
 }
 
 .banner-sec:before {
     left: 0;
     right: 0;
     top: -37px;
     width: 100%;
     height: 20px;
     content: '';
     position: absolute;
     background-color: rgba(91, 192, 228);
     opacity: 0.2;
 }
 
 .banner-sec:after {
     left: 0;
     right: 0;
     top: -17px;
     width: 100%;
     height: 17px;
     content: '';
     position: absolute;
     opacity: 0.3;
     background: #5bc0e4;
 }
 
 .arrow_banner {
     position: absolute;
     right: 0;
     top: 0
 }
 
 .banner-sec .text-inner {
     text-align: center;
     position: relative;
     z-index: 2;
 }
 
 .banner-sec .text-inner h2 {
     font-size: 64px;
     text-transform: uppercase;
     font-weight: 700;
     color: #fff;
     letter-spacing: 0.1em;
 }
 
 .banner-sec .text-inner h1 {
     font-size: 78px;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 0.1em;
     color: #fff;
 }
 
 .banner-sec .text-inner p {
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0.1em;
     text-align: center;
     color: #fff;
 }
 
 .banner-sec .text-inner a {
     color: #fff;
     font-size: 20px;
     font-weight: 400;
     text-transform: uppercase;
     background-color: #FB7625;
     border-radius: 30px;
     max-width: 592px;
     height: 46px;
     text-align: center;
     letter-spacing: 0.1em;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 48px auto 0;
 }
 
 .banner-sec .text-inner a:hover {
     background-color: #fff;
     color: #FB7625;
     border: 1px solid #FB7625;
 }
 /***** Plano Price Sec *****/
 
 .plano-price {
     max-width: 796px;
     margin: -391px auto 0;
     background-color: #fff;
     border-radius: 10px;
     padding: 30px 0;
     box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
     position: relative;
     z-index: 2;
 }
 
 .plano-price-inner {
     display: flex;
     flex-wrap: nowrap;
     text-align: center;
 }
 
 .plano-price-inner .plano-price-left:after {
     height: 343px;
     width: 1px;
     content: '';
     background-color: #F0F0F0;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translate(-50%, -50%);
 }
 
 .plano-price-inner .plano-price-left:last-child:after {
     content: none;
 }
 
 .plano-price-left {
     max-width: 50%;
     width: 100%;
     padding: 0 25px;
     margin-bottom: 28px;
     position: relative;
 }
 
 .plano-price-left h3 {
     color: #555555;
     font-weight: 700;
     font-size: 36px;
     letter-spacing: 0.1em;
     margin-bottom: 4px;
 }
 
 .plano-price-left p {
     font-size: 17px;
     line-height: 24px;
     color: #333333;
     letter-spacing: 0.1em;
     margin-bottom: 8px;
 }
 
 .plano-price-left span {
     font-size: 20px;
     font-weight: 700;
     color: #C0C0C0;
     letter-spacing: 0.1em;
     text-decoration: line-through;
     display: block;
     margin-bottom: 8px;
 }
 
 .plano-price-left h4 {
     color: #67BF00;
     font-size: 24px;
     font-weight: 400;
     letter-spacing: 0.1em;
 }
 
 .plano-price-left h3.right_h {
     min-height: 67px;
 }
 
 .plano-price-left h4 strong {
     font-weight: 700;
     font-size: 36px;
 }
 
 .plano-price-left ul li {
     color: #555555;
     font-size: 14px;
     letter-spacing: 0.1em;
     border-bottom: 1px solid #F0F0F0;
     line-height: 33.6px;
 }
 
 .plano-price-left ul li b,
 .plano-price-left ul li span {
     color: #FB7625;
 }
 
 .plano-price-left ul li span {
     display: inline;
     text-decoration: none;
     font-weight: 600;
     font-size: 14px;
     letter-spacing: 0.1em;
 }
 
 .plano-price .btn {
     margin: 0 auto;
 }
 
 .btn:focus {
     box-shadow: none;
 }
 
 .btn {
     width: 286px;
     background: transparent;
     height: 40px;
     border-radius: 20px;
     padding: 0;
     align-items: center;
     justify-content: center;
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 17px;
     letter-spacing: 0.1em;
     text-decoration: none;
     display: flex;
 }
 
 .btn.btn-link {
     border: 2px solid #fb7625;
     color: #fb7625;
 }
 
 .btn.btn-link:hover {
     color: #fff;
     background-color: #fb7625;
 }
 
 .btn.btn-link:hover {
     text-decoration: none;
 }
 /****Migrate Site Section*****/
 
 .migrate_site {
     background-color: #fff;
     padding: 110px 0 0;
     position: relative;
     z-index: 1;
 }
 
 .migrate_site .smoke {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 2;
 }
 
 .content-inner {
     position: relative;
     z-index: 2;
 }
 
 .migrate_site .content-inner {
     padding: 0 60px 0 0;
     position: relative;
     z-index: 3;
     margin-top: 148px;
 }
 
 .content-inner h2 {
     font-size: 48px;
     letter-spacing: 0.1em;
     color: #555;
     margin-bottom: 6px;
     text-transform: uppercase;
 }
 
 .services_hosting .content-inner h2 {
     margin-bottom: 40px;
 }
 
 .content-inner p {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #555;
 }
 
 .content-inner p a {
     color: #67BF00;
 }
 
 .rocket_holder {
     margin: -7px;
     position: relative;
 }
 
 .rocket_holder .c1,
 .rocket_holder .c2,
 .rocket_holder .c3,
 .rocket_holder .c4,
 .rocket_holder .c5,
 .rocket_holder .c6,
 .rocket_holder .c7,
 .rocket_holder .c8 {
     position: absolute;
 }
 
 .rocket_holder .c1 {
     top: 125px;
     left: 32px;
 }
 
 .rocket_holder .c2 {
     right: 207px;
     top: 64px;
 }
 
 .rocket_holder .c3 {
     right: 2px;
     top: 42px;
 }
 
 .rocket_holder .c4 {
     right: -49px;
     top: 188px;
 }
 
 .rocket_holder .c5 {
     right: 0;
     top: 369px;
 }
 
 .rocket_holder .c6 {
     left: 200px;
     bottom: 96px;
     z-index: 1;
 }
 
 .rocket_holder .c8 {
     left: 260px;
     bottom: 32px;
 }
 
 .rocket_holder .c7 {
     left: 40px;
     top: 256px;
 }
 
 .filter_g {
     position: absolute;
     bottom: -1px;
     left: 239px;
 }
 
 .bg_rocket {
     max-width: initial;
 }
 /******Register Doamin Section*******/
 
 .register_domain {
     padding: 61px 0 69px;
     background-image: url(../images/bg-register.png);
 }
 
 .register_domain .content-inner {
     max-width: 1000px;
     margin: 0 auto;
 }
 
 .form_reg .btn.btn-form {
     width: 181px;
     margin-left: 20px;
     height: 46px;
     border-radius: 23px;
     background: #67bf00;
     padding: 0;
     color: #fff;
 }
 
 .form_reg .btn.btn-form:hover {
     background-color: #fff;
     color: #67bf00;
     border-color: #67bf00;
 }
 
 .form_reg .input-group {
     width: calc(100% - 201px);
     background: transparent;
     margin: 0;
 }
 
 .news_subscribe .form-group {
     width: calc(100% - 201px);
     background: transparent;
 }
 
 .form_reg .input-group-text {
     padding: 0 13px;
     background-color: #fff;
     border-top-left-radius: 15px;
     border-bottom-left-radius: 15px;
     font-size: 20px;
     letter-spacing: 0.1em;
     color: #555;
     font-weight: 700;
     border: 1px solid #ced4da;
     border-right: 1px solid transparent;
 }
 
 .form_reg .form-control {
     border-top-right-radius: 15px;
     border-bottom-right-radius: 15px;
     border-left: 1px solid transparent;
     padding-left: 0;
     font-size: 17px;
     letter-spacing: 0.1em;
     color: #999;
 }
 
 .news_subscribe .form-control {
     border-radius: 15px;
     font-size: 17px;
     letter-spacing: 0.1em;
     color: #999;
     height: 46px;
 }
 
 .news_subscribe .form-control:focus {
     box-shadow: none;
     border: 1px solid #C0C0C0;
     border-left: 1px solid #ced4da;
 }
 
 .news_subscribe .btn.btn-form {
     width: 181px;
     margin-left: 20px;
     height: 46px;
     border-radius: 23px;
     background: #67bf00;
     padding: 0;
     color: #fff;
 }
 
 .news_subscribe .btn.btn-form:hover {
     background-color: #fff;
     color: #67bf00;
     border: 1px solid #67bf00;
 }
 
 .form_reg .form-control::placeholder {
     color: #999;
 }
 
 .form_reg .form-control:focus {
     box-shadow: none;
     border: 1px solid #C0C0C0;
     border-left: 1px solid transparent;
 }
 
 .form_reg form {
     padding-top: 40px;
 }
 
 .form_news form {
     max-width: 1000px;
     margin: 0 auto;
 }
 
 .form_reg .content-inner p {
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0.1em;
     color: #555;
 }
 
 .register_domain .form_reg {
     margin-bottom: 20px;
 }
 /**************HOSTING SECTION********************/
 
 .services_hosting {
     padding: 80px 0 208px;
     position: relative;
     z-index: 2;
 }
 
 .services_hosting .content-inner {
     text-align: center;
     max-width: 1000px;
     margin: 0 auto 60px;
 }
 
 .img-holder {
     position: relative;
 }
 
 .services_hosting .img-holder {
     margin-bottom: 27px;
 }
 
 .img_top-layer {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     text-align: center;
 }
 
 .services_hosting .envelope {
     position: absolute;
     top: 86px;
     left: 47px;
 }
 
 .service_row [class*="col-"] {
     padding: 0 6px;
 }
 
 .service_row {
     position: relative;
 }
 
 .ser_img {
     content: '';
     position: absolute;
     top: 48px;
     left: 0;
     right: 0;
     max-width: 1406px;
     z-index: -1;
     margin: 0 auto 0 -90px;
 }
 
 .left_move {
     position: absolute;
     top: 52px;
     right: 44px;
 }
 
 .right_move {
     position: absolute;
     right: 91px;
     top: 51px;
     text-align: center;
 }
 
 .top_move {
     position: absolute;
     right: 37px;
     top: 30px;
     text-align: center;
 }
 
 .serv-box {
     padding: 0 6px;
 }
 
 .serv-box h3 {
     font-weight: 700;
     font-size: 24px;
     letter-spacing: 0.1em;
     color: #555;
     margin-bottom: 20px;
     padding: 0 6px;
 }
 
 .serv-box h4 {
     font-weight: 400;
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #555;
 }
 
 .serv-box h4 span {
     color: #F98A4B;
 }
 
 .serv-box p {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #555;
     margin-bottom: 20px;
     min-height: 98px;
 }
 
 .serv-box .price_ser {
     font-size: 36px;
     letter-spacing: 0.1em;
     color: #67bf00;
     line-height: 45px;
     margin: 0;
     min-height: auto;
     font-weight: 700;
 }
 
 .serv-box .price_ser span {
     font-size: 24px;
 }
 
 .btn.btn-outline-filled-success {
     border: 2px solid #5CC61A;
     color: #5CC61A;
 }
 
 .btn.btn-outline-filled-success:hover {
     background-color: #5CC61A;
     color: #fff;
 }
 
 .dial_plus .btn.btn-outline-filled-success:hover {
     color: #fff;
 }
 /*-----------Service Section----------------*/
 
 .site_start {
     background-color: #5BC0E4;
     padding: 83px 0 98px;
     position: relative;
 }
 
 .filter_line img {
     width: 47px;
 }
 
 .filter_line {
     position: absolute;
     width: 47px;
     left: 303px;
     bottom: -20px;
 }
 
 .filter_line:after {
     position: absolute;
     left: 23px;
     bottom: 0;
     content: '';
     width: 01px;
     height: 132.97px;
     background: #5bc0e4;
     top: 22px;
 }
 
 .btn.btn-custom {
     line-height: 46px;
     width: 490px;
     height: 46px;
     border-radius: 23px;
     background: #fb7625;
     color: #fff;
     font-size: 20px;
     letter-spacing: 0.1em;
     padding: 0;
 }
 
 .btn.btn-custom:hover {
     background-color: #fff;
     color: #fb7625;
     border: 1px solid #fb7625;
 }
 
 .site_start .content-inner p {
     margin-bottom: 26px;
 }
 
 .pos-init {
     position: initial;
 }
 
 .img-mask {
     position: absolute;
     left: 0;
     content: '';
     width: 352px;
     top: 0;
 }
 
 .img-mask2 {
     position: absolute;
     right: 0;
     content: '';
     width: 658px;
     top: -267px;
     height: 713px;
 }
 
 .img_abs {
     position: absolute;
 }
 
 .img-1 {
     right: 201px;
     top: 45px;
 }
 
 .img-2 {
     right: -14px;
     top: 127px;
 }
 
 .img-3 {
     right: 205px;
     bottom: -41px;
 }
 
 .img-4 {
     right: -83px;
     bottom: -41px;
 }
 /***************Performance********************/
 
 .performance {
     padding: 143px 0;
 }
 
 .images_performance {
     position: absolute;
     right: 0;
     top: 57%;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     z-index: 1;
     transform: translate(0, -50%);
 }
 
 .images_performance li:last-child {
     margin-left: -20px;
 }
 
 .images_performance li:nth-child(4) {
     position: relative;
     z-index: 1;
     margin-left: -45px;
 }
 
 .images_performance li:nth-child(3) {
     margin-left: -45px;
 }
 
 .images_performance li:nth-child(2) {
     margin-left: -45px;
     position: relative;
     z-index: 1;
 }
 
 .performance .content-inner {
     max-width: 922px;
     margin: 0 auto 45px;
 }
 
 .dial_plus {
     max-width: 1568px;
     margin: 0 auto;
     position: relative;
 }
 
 .dial_plus:after {
     background-image: url(../images/bg-arrow.png);
     content: '';
     width: 100%;
     height: 398px;
     left: 0;
     right: 0;
     position: absolute;
     background-repeat: no-repeat;
     bottom: 0;
     background-position: center;
 }
 
 .dial_plus .btn {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 90px;
     margin: 0 auto;
     z-index: 2;
 }
 
 .dial_plus .btn:hover {
     color: #5cc61a
 }
 
 .dial_plus [class*="col-"] {
     padding: 0 1px;
 }
 
 .bg_light_green {
     background: #F0F9D7;
 }
 
 .performance .bx_h {
     min-height: 587px;
     position: relative;
 }
 
 .performance .btn-custom {
     position: relative;
     z-index: 2;
 }
 
 .left_cst {
     max-width: 450px;
     margin: 0 auto;
 }
 
 .right_cst {
     max-width: 594px;
     margin: 0 auto;
 }
 
 .inner_dial h2 {
     font-weight: 700;
     font-size: 36px;
     letter-spacing: 0.1em;
     line-height: 45px;
     color: #555555;
 }
 
 .inner_dial {
     padding: 60px;
     position: relative;
     z-index: 2;
 }
 
 .inner_dial h3 {
     font-weight: 700;
     font-size: 24px;
     letter-spacing: 0.1em;
     line-height: 31px;
     color: #999;
     margin-bottom: 19px;
 }
 
 .inner_dial p {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #555;
 }
 
 .filter_line-g {
     position: absolute;
     width: 47px;
     left: 303px;
     top: -20px;
 }
 
 .filter_line-g:before {
     position: absolute;
     left: 23px;
     content: '';
     width: 01px;
     height: 145.97px;
     background: #F0F9D7;
     top: -136px;
 }
 
 .symbol-p1 {
     position: absolute;
     top: -21px;
     left: 263px;
     z-index: 1;
 }
 
 .bg_light_blue {
     background-color: #CEEEF2;
 }
 
 .symbol2,
 .symbol3 {
     position: absolute
 }
 
 .symbol2 {
     right: -35px;
     top: 117px;
 }
 
 .symbol3 {
     left: 365px;
     bottom: -23px;
     z-index: 1;
 }
 
 .wrapper_filter {
     position: relative;
 }
 
 .wrapper_filter:before {
     width: 47px;
     height: 28px;
     position: absolute;
     content: '';
     left: 303px;
     top: -28px;
     background-image: url(../images/g-filter.svg);
     background-repeat: no-repeat;
 }
 
 .wrapper_filter:after {
     width: 1px;
     height: 132px;
     position: absolute;
     content: '';
     background-color: #F0F9D7;
     top: -158px;
     left: 326px;
 }
 
 .blue_filter {
     position: absolute;
     width: 47px;
     right: 689px;
     bottom: -28px;
 }
 
 .blue_filter:after {
     position: absolute;
     left: 23px;
     bottom: 0;
     content: '';
     width: 01px;
     height: 132.97px;
     background: #CEEEF2;
     top: 11px;
 }
 /*********About Section************/
 
 .about {
     padding: 75px 0 65px;
     background-image: url(../images/bg-about.png);
     background-repeat: no-repeat;
     background-size: contain;
     position: relative;
 }
 
 .about:before {
     background-image: url(../images/d-blue.svg);
     width: 47px;
     position: absolute;
     right: 689px;
     top: -28px;
     content: '';
     height: 30px;
 }
 
 .about .content-inner {
     max-width: 796px;
 }
 
 .post {
     margin-top: 60px;
 }
 
 .post .card {
     border-radius: 10px;
     background: #fff;
     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
     border: none;
 }
 
 .post .btn.btn-outline-filled-success {
     width: 286px;
     margin: 0 auto;
     line-height: 40px;
     display: block;
 }
 
 .post .card .card-body {
     padding: 20px 30px 30px;
 }
 
 .post .card .card-body h2 {
     font-weight: 700;
     font-size: 24px;
     letter-spacing: 0.1em;
     color: #555;
     line-height: 31px;
     margin-bottom: 10px;
 }
 
 .post .card .card-body p {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: left;
     color: #555;
     margin-bottom: 40px;
 }
 
 .post a {
     font-size: 17px;
     line-height: 24px;
     color: #67BF00;
     margin-top: 38px;
     display: inline-block;
     letter-spacing: 0.1em;
 }
 
 .form_news h2 {
     text-align: center;
     font-size: 48px;
     font-weight: 700;
     color: #555555;
     line-height: 60px;
     margin-bottom: 50px;
     letter-spacing: 0.1em;
 }
 
 .form_news {
     padding-bottom: 107px;
 }
 /*********Footer***********/
 
 footer {
     background-color: #333333;
     padding: 68px 0 0;
     border-bottom: 8px solid #707070;
     background-image: url(../images/footer-bg.png);
     background-repeat: no-repeat;
     background-position: left;
     background-size: contain;
 }
 
 .footer_box h3 {
     font-size: 18px;
     line-height: 23px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 5px;
     letter-spacing: 0.1em;
     text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
 }
 
 .footer-links li a {
     font-size: 14px;
     color: #fff;
     letter-spacing: 0.1em;
     line-height: 29.4px;
     text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
 }
 
 .footer-links li a:hover {
     color: #67Bf00;
 }
 
 .footer_social {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     padding: 57px 0 20px;
     border-bottom: 1px solid #707070;
 }
 
 .footer_social h3 {
     font-weight: 400;
     font-size: 14px;
     letter-spacing: 0.1em;
     line-height: 29.4px;
     color: #fff;
     text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
     margin-right: 38px;
 }
 
 .socila_links a {
     width: 46px;
     height: 46px;
     border-radius: 10px;
     background: rgba(112, 112, 112, 0.25);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 27px;
     margin-left: 2px;
 }
 
 .socila_links a:hover {
     opacity: 0.4;
     color: #fff;
 }
 
 .copy-rights {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 0;
 }
 
 .copy-rights p {
     font-size: 12px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #fff;
     text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
 }
 
 .price_plane {
     position: relative;
 }
 /*----------------------------------------------------------------------------------
------------------------Accomodation CSS-------------------------------------------*/
 
 .banner-sec .php-icon {
     position: absolute;
     left: 0;
     top: -4px;
     width: 100px;
     height: 100px;
     background-color: #F98A4B;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
 }
 
 .banner-sec .php-icon .php_c2 {
     position: absolute;
     bottom: -29px;
     right: -31px;
 }
 
 .animate2:after {
     animation: pulse5 2.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(249, 138, 75, 0.75);
     -moz-box-shadow: 10px 10px 5px 15px rgba(249, 138, 75, 0.75);
     box-shadow: 10px 10px 5px 15px rgba(249, 138, 75, 0.75);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
 }
 
 .animate2:before {
     animation: pulse6 2.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(249, 138, 75, 0.75);
     -moz-box-shadow: 10px 10px 5px 15px rgba(249, 138, 75, 0.75);
     box-shadow: 10px 10px 5px 15px rgba(249, 138, 75, 0.75);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
 }
 
 @keyframes pulse5 {
     0% {
         box-shadow: 0 0 0 0 #f98a4b;
     }
     100% {
         box-shadow: 0 0 0 15px rgba(249, 138, 75, 0.0);
     }
 }
 
 @-webkit-keyframe pulse5 {
     0% {
         box-shadow: 0 0 0 0 #f98a4b;
     }
     100% {
         box-shadow: 0 0 0 15px rgba(249, 138, 75, 0.0);
     }
 }
 
 @keyframes pulse6 {
     0% {
         box-shadow: 0 0 0 0 #f98a4b;
     }
     100% {
         box-shadow: 0 0 0 15px rgba(249, 138, 75, 0);
     }
 }
 
 @-webkit-keyframe pulse6 {
     0% {
         box-shadow: 0 0 0 0 #f98a4b;
     }
     100% {
         box-shadow: 0 0 0 15px rgba(249, 138, 75, 0);
     }
 }
 
 .banner-sec .git-icon {
     position: absolute;
     right: 21px;
     bottom: -60px;
     z-index: 1;
     width: 123px;
     height: 123px;
     background-color: #F98A4B;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
 }
 
 .banner-sec .git-icon .pl_26 {
     width: 21px;
     position: absolute;
     left: -167px;
     top: 83px;
 }
 
 .banner-sec .git-icon .c_27_g {
     position: absolute;
     width: 30px;
     top: -27px;
     left: -37px;
 }
 
 .banner-sec .git-icon span {
     color: #fff;
     font-size: 78px;
 }
 
 .banner-sec .square-icon {
     position: absolute;
     left: -169px;
     bottom: -60px;
     z-index: 1;
     width: 120.1px;
     height: 120.1px;
     border-radius: 29px;
     background: #bde27d;
     border: 6px solid #bde27d;
     box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.16);
     display: flex;
     align-items: center;
     justify-content: center;
     transform: rotate(45deg);
 }
 
 .animate3:after {
     animation: pulse7 3s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(189, 226, 125, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(189, 226, 125, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(189, 226, 125, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 29px;
 }
 
 .animate3:before {
     animation: pulse8 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(189, 226, 125, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(189, 226, 125, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(189, 226, 125, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 29px;
 }
 
 @keyframes pulse7 {
     0% {
         box-shadow: 0 0 0 0 #bde27d;
     }
     100% {
         box-shadow: 0 0 0 20px rgba(189, 226, 125, 0);
     }
 }
 
 @-webkit-keyframe pulse7 {
     0% {
         box-shadow: 0 0 0 0 #bde27d;
     }
     100% {
         box-shadow: 0 0 0 20px rgba(189, 226, 125, 0);
     }
 }
 
 @-webkit-keyframe pulse8 {
     0% {
         box-shadow: 0 0 0 0 #bde27d;
     }
     100% {
         box-shadow: 0 0 0 25px rgba(189, 226, 125, 0);
     }
 }
 
 @keyframes pulse8 {
     0% {
         box-shadow: 0 0 0 0 #bde27d;
     }
     100% {
         box-shadow: 0 0 0 25px rgba(189, 226, 125, 0);
     }
 }
 
 .abs_imgp {
     position: absolute;
     top: -26px;
     left: 8px;
     width: 12px;
 }
 
 .banner-sec .square-icon span {
     color: #fff;
     font-size: 56px;
     transform: rotate(-45deg);
 }
 
 .accomodation .plano-price {
     max-width: 100%;
     margin: -461px auto 30px;
 }
 
 .accomodation .plano-price-left {
     width: 25%;
     padding: 0 18px;
 }
 
 .accomodation .plano-price-left p {
     font-size: 14px;
 }
 
 .plano-price-left span.payment {
     font-weight: 400;
     text-decoration: none;
     display: block;
     margin-bottom: 8px;
     font-size: 12px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: center;
     color: #999;
     margin: 0 0 8px;
 }
 
 .plano-price-left .dropdown {
     margin-bottom: 15px;
 }
 
 .plano-price-left h4 {
     margin-bottom: 11px;
 }
 
 .accomodation .plano-price-left h4 {
     margin-bottom: 0;
 }
 
 .btn-dropdown {
     height: 40px;
     background: rgba(55, 147, 186, 0.05);
     margin: 0 auto;
     text-align: left;
     padding: 0 18px;
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 40px;
     border-radius: 20px;
     width: 100%;
 }
 
 .dropdown-toggle {
     position: relative;
 }
 
 .dropdown-toggle::after {
     right: 0;
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     background-image: none;
     border: 2px solid transparent;
     top: 56%;
     transform: translate(-50%, -50%);
     width: auto;
     height: auto;
 }
 
 .dropdown-toggle[aria-expanded="true"]::after {
     content: "\f077";
 }
 
 .dropdown-toggle[aria-expanded="true"] {
     color: #3793ba;
     border: 2px solid #3793ba;
 }
 
 .dropdown-toggle[aria-expanded="false"] {
     color: #707070;
     border: 2px solid #999;
 }
 
 .dropdown-toggle[aria-expanded="false"]::after {
     content: "\f078";
 }
 
 .dropdown-menu {
     width: 100%;
     border-radius: 5px;
     background: #fff;
     border: 1px solid #d6d6d6;
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
 }
 
 .dropdown-menu a {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 35.7px;
     text-align: left;
     color: #555555;
     display: block;
     padding: 0 17px;
     transition: all 0.3s;
 }
 
 .dropdown .dropdown-menu a:hover {
     background-color: #5BC0E4;
     color: #fff;
 }
 
 .dropdown-menu a:nth-child(even) {
     background: #fff
 }
 
 .dropdown-menu a:nth-child(odd) {
     background: #F0F0F0
 }
 
 .btn.btn-small {
     width: 184px;
     height: 40px;
     border-radius: 20px;
     background: #fb7625;
     padding: 0;
     line-height: 40px;
     font-size: 17px;
     letter-spacing: 0.1em;
     text-align: center;
     color: #fff;
 }
 
 .btn.btn-small:hover {
     background-color: #fff;
     color: #fb7625;
     border-color: #fb7625;
     ;
 }
 
 .plano-price-left .btn.btn-small {
     margin-bottom: 13px;
 }
 
 .customer_service {
     background-color: #fff;
     padding: 97px 0 47px;
     position: relative;
     z-index: 1;
 }
 
 .customer_service .img-holder svg {
     width: 100%;
 }
 
 .customer_service .content-inner {
     margin-bottom: 135px;
 }
 
 p.note {
     font-size: 12px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: left;
     color: #333;
 }
 
 .customer_service .img-holder {
     margin-left: -85px;
     margin-top: 5px;
 }
 
 .m-25 {
     margin-bottom: 25px;
 }
 
 .right_abs {
     position: absolute;
     right: -230px;
     top: 115px;
 }
 
 .content-inner .m-25 {
     margin-bottom: 25px;
 }
 
 .ssl {
     padding-top: 48px;
     position: relative;
 }
 
 .ssl .ssl_shape {
     position: absolute;
     bottom: 138px;
     left: 0;
     z-index: -1;
 }
 
 .ssl .img-holder svg {
     width: 100%;
 }
 
 .accomodation .webmail {
     margin-top: -26px;
     position: relative;
     padding: 45px 0 213px;
 }
 
 .webmail .content-inner {
     max-width: 756px;
     padding-top: 80px;
     padding-left: 42px;
 }
 
 .webmail .blue_filter {
     position: absolute;
     width: 47px;
     right: auto;
     bottom: 108px;
     left: 279px;
 }
 
 .control_panel {
     background: #5bc0e4;
     position: relative;
     padding-bottom: 216px;
 }
 
 .control_panel .content-inner {
     padding: 82px 0;
     max-width: 581px;
 }
 
 .panel_img {
     position: absolute;
     right: 161px;
     top: -29px;
 }
 
 .panel_img .elipse-1 {
     position: absolute;
     left: 0;
     top: 13px;
 }
 
 .panel_img .elipse-2 {
     position: absolute;
     left: 416px;
     top: -33px;
 }
 
 .panel_img .elipse-3 {
     position: absolute;
     bottom: 25px;
     right: -45px;
 }
 
 .close-c {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 71px;
     margin: 0 auto;
 }
 
 .b_filter {
     position: absolute;
     right: 371px;
     bottom: -28px;
 }
 
 .domain_box .content-inner {
     max-width: 728px;
     margin: 0 auto;
 }
 
 .domain_box .content-inner span {
     color: #FB7625;
 }
 
 .domain_box .content-inner p {
     max-width: 592px;
     margin: 0 auto;
 }
 
 .domain_box .content-inner {
     margin-bottom: 70px;
 }
 
 .domain_box {
     padding: 80px 0 0;
     position: relative;
 }
 
 .domain_box:after {
     width: 1px;
     height: 331px;
     position: absolute;
     content: '';
     right: 394px;
     top: 0;
     background-color: #EAEAEA;
     z-index: -1;
 }
 
 .domain_box:before {
     width: 1px;
     height: 143px;
     position: absolute;
     content: '';
     left: 326px;
     bottom: -150px;
     background-color: #EAEAEA;
     z-index: -1;
 }
 
 .domain_box form {
     max-width: 1035px;
     margin: 0 auto
 }
 
 .domain_box form .form-group {
     margin: 0;
     position: relative;
     width: calc(100% - 169px);
     margin-left: auto;
 }
 
 .cst-form .form-control {
     height: 55px;
     border-radius: 27.5px;
     background: #fff;
     font-size: 20px;
     color: #555;
     padding: 0 47px;
 }
 
 .cst-form .form-control:focus {
     box-shadow: none;
     border: 1px solid #5CC61A;
 }
 
 .form_wrapper {
     position: relative;
     background: #f0f0f0;
     padding: 22px 0;
 }
 
 .cst-form .icon_fav {
     position: absolute;
     right: 24px;
     top: 50%;
     transform: translate(-50%, -50%);
     font-size: 20px;
     color: #555;
 }
 
 .grey_filter-top {
     position: absolute;
     right: 371px;
     top: -28px;
     z-index: 1;
 }
 
 .grey_filter-bottom {
     position: absolute;
     left: 303px;
     bottom: -28px;
 }
 
 .grey_filter-top {
     position: absolute;
     right: 371px;
 }
 
 .ellipse695 {
     position: absolute;
     left: 338px;
     top: -17px;
 }
 
 .ellipse696 {
     position: absolute;
     right: 221px;
     bottom: -20px;
 }
 
 .ellipse697 {
     position: absolute;
     right: 271px;
     top: -40px;
 }
 
 .compare .bg-bx-1 {
     background-image: url(../images/bg-bx1.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .compare .bg-bx-2 {
     background-image: url(../images/bg-bx-2.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .left_cst {
     max-width: 616px;
     margin: 0 auto;
 }
 
 .inner_dial h2 {
     max-width: 496px;
     margin: 0 auto 0;
 }
 
 .performance .bx_h {
     height: 587px;
 }
 
 .accomodation .dial_plus:after {
     content: none;
 }
 
 .vs_txt {
     position: absolute;
     left: 0;
     right: 0;
     z-index: 1;
     bottom: 199px;
     width: 302px;
     margin: 0 auto;
 }
 
 .vs_txt h2 {
     font-weight: 900;
     font-size: 240px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: center;
     color: #fff;
     text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
 }
 
 .accomodation .dial_plus .btn.btn-outline-filled-success {
     width: 285px;
     background-color: #fff;
 }
 
 .accomodation .inner_dial {
     padding-bottom: 0;
 }
 
 .elipse-708 {
     position: absolute;
     right: 128px;
     top: -45px;
 }
 
 .elipse-709 {
     position: absolute;
     left: 331px;
     top: -45px;
 }
 /**************Cutomer Review*****************/
 
 .customer_review {
     margin-top: -40px;
 }
 
 .customer_review .content-inner {
     max-width: 948px;
     margin: 0 auto 60px;
 }
 
 .av-customer {
     position: relative;
     z-index: -1;
     width: 184px;
     height: 184px;
     border-radius: 50%;
     margin: 0 auto;
     overflow: hidden;
 }
 
 .av-customer img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .cst_logo {
     width: 224px;
     border-radius: 19px;
     background: #fff;
     box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.15);
     margin: -34px auto 18px;
     text-align: center;
     height: 60px;
     line-height: 60px;
 }
 
 .rev_body h3 {
     font-size: 18px;
     line-height: 24px;
     color: #555555;
 }
 
 .rev_body span {
     display: block;
     color: #999999;
     font-size: 17px;
     margin-bottom: 20px;
 }
 
 .rev_body p {
     font-size: 17px;
     line-height: 24px;
     color: #333333;
 }
 
 .card_main {
     margin-bottom: 70px;
 }
 
 .accomodation .migrate_site {
     margin: 0;
     padding: 63px 0 0px
 }
 /***TEHNICAL SECTION CSS***/
 
 .technical {
     background: #f0f0f0;
     padding: 142px 0;
 }
 
 .technical .content-inner {
     margin-bottom: 67px;
 }
 
 .cap_txt {
     display: flex;
     align-items: center;
     margin-bottom: 24px;
 }
 
 .cap_txt h3 {
     font-size: 36px;
     letter-spacing: 0.1em;
     color: #555;
     width: calc(100% - 86px);
     margin-left: auto;
 }
 
 .cap_txt img {
     width: 72px;
     object-fit: cover;
     height: 72px;
 }
 
 .box_tech {
     margin-bottom: 34px;
 }
 
 .box_tech ul li {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #555555;
 }
 
 .box_tech ul li a {
     color: #67BF00;
     text-decoration: none;
 }
 /*-------------FAQS CSS----------------*/
 
 .faqs {
     padding: 120px 34px 70px;
     max-width: 1035px;
     margin: 0 auto;
 }
 
 .mw-1000 {
     max-width: 1000px;
     margin: 0 auto;
 }
 
 .faqs .content-inner {
     margin-bottom: 70px;
 }
 
 .heading-faqs {
     font-size: 24px;
     letter-spacing: 0.1em;
     font-weight: 700;
     color: #555;
     display: block;
 }
 
 .heading-faqs:focus,
 .heading-faqs:hover {
     color: #67BF00;
 }
 /*--------------Offer Section--------------------*/
 
 .offers_main {
     padding: 96px 0 80px;
     background: #f0f0f0;
 }
 
 .faqs .card-body {
     padding: 10px 0 0 0;
 }
 
 .faqs .card-body p {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #555;
     margin-bottom: 8px;
 }
 
 .faqs .card {
     border: 1px solid transparent;
     margin-bottom: 30px;
 }
 
 .offer-box {
     max-width: 803px;
     margin: 0 auto;
 }
 
 .offer-box p {
     max-width: 760px;
     margin: 0 auto 41px;
 }
 /*------------------------Programa Page----------------------------*/
 
 .programa .banner-sec {
     background: rgba(80, 125, 226, 0.6);
     padding: 325px 0;
 }
 
 .programa .banner-sec:before {
     background-color: rgba(80, 125, 226);
 }
 
 .programa .banner-sec:after {
     background-color: rgba(80, 125, 226);
 }
 
 .programa .top-bar:after {
     background-color: rgba(80, 125, 226);
     opacity: 0.2;
 }
 
 .top-bar .dropdown-toggle:after {
     content: none;
 }
 
 .top-bar .dropdown.show .dropdown-toggle::before {
     content: "";
     position: absolute;
     background-image: url(../images/anchor-after.svg);
     height: 17px;
     width: 19.85px;
     left: 50%;
     bottom: -19px;
     transform: translate(-50%, 0);
     z-index: 1;
 }
 
 .top-bar .dropdown-menu {
     background: #fff;
     background-color: #fff;
     filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.2));
     right: -68px !important;
     left: auto !important;
     padding: 25px 40px;
     top: 8px !important;
     overflow: hidden;
     border-radius: 0;
 }
 
 .programa .banner-sec .text-inner {
     max-width: 798px;
     margin: 0 auto;
     position: relative;
     z-index: 1;
 }
 
 .banner_p {
     position: absolute;
     left: 0;
     bottom: 0;
 }
 
 .screen_p {
     position: absolute;
     right: 193px;
     bottom: -247px;
 }
 
 .top_txt,
 .top_bar-form form {
     position: relative;
     z-index: 1;
     max-width: 256px;
     margin: 0 auto;
 }
 
 .top_txt h3 {
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0.1em;
     color: #555;
 }
 
 .top_txt h2 {
     font-weight: 700;
     font-size: 36px;
     letter-spacing: 0.1em;
     color: #555;
 }
 
 .top_txt h4 span {
     font-weight: 700;
     font-size: 78px;
     letter-spacing: 0.03em;
     text-align: left;
     color: #fb7625;
     line-height: 58px;
 }
 
 .top_txt p {
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0.1em;
     color: #555;
     margin-bottom: 20px;
 }
 
 .top_txt h4 {
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0.1em;
     color: #555;
     margin: 0;
 }
 
 .top-bar .dropdown-menu .top_txt .btn_links {
     width: 184px;
     height: 40px;
     background: transparent;
     line-height: 40px;
     display: block;
     text-align: center;
     font-size: 17px;
     letter-spacing: 0.1em;
     color: #e95f00;
     border: 1px solid #e95f00;
     background-color: transparent;
     padding: 0;
 }
 
 .top-bar .dropdown-menu .top_txt .btn_links:hover {
     background-color: #e95f00;
     color: #fff;
 }
 
 .formElement {
     margin: 0 auto 1rem;
 }
 
 .formElement input {
     border-radius: 10px;
     border: solid 1px #CCCCCC;
     font-size: 1.4rem;
     color: #444444;
 }
 
 .formElement label {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: left;
     color: #999;
 }
 
 .formElement label.active {
     position: absolute;
     margin-top: 0;
     font-family: "Source Sans Pro";
     font-weight: normal;
     font-size: 12px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: center;
     color: #999;
     margin-left: 14px;
 }
 
 .formElement label.inactive {
     position: absolute;
     margin-top: 12px;
     color: #999999;
     margin-left: 13px;
 }
 
 .formElement .form-control {
     height: 46px;
     border-radius: 15px;
     background: #fff;
     border: 1px solid #c0c0c0;
     font-size: 17px;
     letter-spacing: 0.1em;
     color: #555;
     transition: all 0.5s;
 }
 
 .formElement .form-control:focus {
     box-shadow: none;
     border: 1px solid #e95f00;
 }
 
 .formElement .form-control:focus::-webkit-input-placeholder {
     font-size: 12px;
     position: relative;
     top: -15px;
     transition: all 0.5s;
 }
 
 .formElement input.form-control:focus::-webkit-input-placeholder {
     top: -15px;
     transition: all 0.5s;
 }
 
 input::-webkit-input-placeholder {
     transition: all 0.5s;
 }
 
 .formElement label.transition {
     -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
     -o-transition: all .2s linear;
     transition: all .2s linear;
 }
 
 .top_bar-form form h2 {
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0.1em;
     text-align: center;
     color: #555;
     margin-bottom: 30px;
 }
 
 .pd-0 {
     padding: 0;
 }
 
 .top-bar ul li .top_bar-form form .btn.btn-custom {
     background-color: #67BF00;
     height: 40px;
     line-height: 40px;
     margin-bottom: 24px;
 }
 
 .top-bar ul li .top_bar-form form .btn.btn-custom:hover {
     color: #67BF00;
     background-color: #fff;
     border-color: #67BF00;
 }
 
 .top-bar ul li .top_bar-form form a,
 .top-bar ul li .top_bar-form form a:hover {
     text-align: right;
     background-color: transparent;
     padding: 0;
     border: none;
     font-size: 14px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #67BF00;
 }
 
 .img_drop {
     position: absolute;
     left: 0;
     bottom: 0;
 }
 /*-----------Section Partner Dial Hosr---------------*/
 
 .p-dialhost {
     padding: 75px 0 0;
 }
 
 .p-dialhost .content-inner {
     max-width: 694px;
     margin-bottom: 170px;
 }
 
 .x-txt {
     font-size: 48px;
     letter-spacing: 0.1em;
     color: #555;
     margin-bottom: 6px;
     text-transform: uppercase;
 }
 
 .p-dialhost .x-txt {
     margin-bottom: 100px;
 }
 
 .circle_1 {
     width: 204.38px;
     height: 204.38px;
     border-radius: 102.19px;
     background: #f98a4b;
     border: 5px solid #f98a4b;
     box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.16);
     margin: 0 auto;
 }
 
 .hw-box span {
     background: #94b5ff;
     border: 3px solid #fff;
     filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
     border-radius: 24px;
     display: inline-block;
     font-weight: 700;
     font-size: 24px;
     letter-spacing: 0.1em;
     text-align: center;
     color: #fff;
     height: 40px;
     line-height: 33px;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     padding: 0 10px;
     z-index: 2;
 }
 
 .hw-box span.orange {
     background-color: #F98A4B;
 }
 
 .hw-box p {
     font-weight: 700;
     font-size: 18px;
     letter-spacing: 0.1em;
     text-align: center;
     color: #999;
     position: relative;
     z-index: 2;
 }
 
 .time_line {
     position: relative;
 }
 
 .hw-box {
     padding: 0 20px;
 }
 
 .works_img img {
     height: 255px;
     object-fit: cover;
 }
 
 .hw-box,
 .works_img {
     position: relative;
 }
 
 .works_img {
     text-align: center;
 }
 
 .time_line [class*="col-"] {
     padding: 0;
 }
 
 .time_line .hw-box:before {
     width: 100%;
     height: 2px;
     content: '';
     background-color: #8CB9FF;
     position: absolute;
     left: 0;
     right: 0;
     top: 130px;
     z-index: 1;
 }
 
 .row_t1 [class*="col-"]:first-child .hw-box:before {
     width: 50%;
     right: 0;
     left: auto;
 }
 
 .row_t1 {
     margin-bottom: 37px;
 }
 
 .row_t1:after {
     height: 242px;
     width: 242px;
     position: absolute;
     right: -112px;
     content: '';
     border: 2px solid #8CB9FF;
     border-left: 2px solid transparent;
     border-radius: 118px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     top: 130px;
 }
 
 .row_t2:before {
     width: 100%;
     height: 2px;
     content: '';
     background-color: #8CB9FF;
     position: absolute;
     left: 0;
     right: 0;
     top: -3px;
     z-index: 1;
 }
 
 .row_t2:after {
     height: 135px;
     width: 135px;
     position: absolute;
     left: -112px;
     content: '';
     border: 2px solid #8CB9FF;
     border-right: 2px solid transparent;
     border-radius: 118px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     top: -3px;
 }
 
 .p-dialhost .time_line:last-child {
     padding-bottom: 210px;
 }
 
 .row_t2 [class*="col-"]:last-child .hw-box:after {
     height: 679px;
     width: 679px;
     position: absolute;
     left: -75px;
     content: '';
     border: 2px solid #8CB9FF;
     border-left: 2px solid transparent;
     border-radius: 251px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     top: 130px;
 }
 /*---------Contact Closer--------------*/
 
 .contact_closer {
     background-color: #5BC0E4;
     position: relative;
     z-index: 2;
     padding: 97px 0 0;
 }
 
 .contact_closer .circle_holder {
     max-width: 468px;
     position: relative;
 }
 
 .contact_closer .circle_holder .bg-circle {
     background-color: #C7F9FF;
     border-color: #C7F9FF;
     width: 278px;
     height: 278px;
 }
 
 .contact_closer .circle_holder .bg-circle.bg-circle2 {
     width: 375px;
     height: 375px;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 .contact_closer .circle_holder .bg-circle:after {
     animation: pulseblue1 2.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 42px rgba(199, 249, 255, 0.75);
     -moz-box-shadow: 10px 10px 5px 42px rgba(199, 249, 255, 0.75);
     box-shadow: 10px 10px 5px 42px rgba(199, 249, 255, 0.75);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
 }
 
 .contact_closer .circle_holder .bg-circle:before {
     animation: pulseblue 3s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 42px rgba(199, 249, 255, 0.75);
     -moz-box-shadow: 10px 10px 5px 42px rgba(199, 249, 255, 0.75);
     box-shadow: 10px 10px 5px 42px rgba(199, 249, 255, 0.75);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
 }
 
 @keyframes pulseblue1 {
     0% {
         box-shadow: 0 0 0 0 #C7F9FF;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(199, 249, 255, 0.0);
     }
 }
 
 @-webkit-keyframe pulseblue1 {
     0% {
         box-shadow: 0 0 0 0 #C7F9FF;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(199, 249, 255, 0.0);
     }
 }
 
 @keyframes pulseblue {
     0% {
         box-shadow: 0 0 0 0 #C7F9FF;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(199, 249, 255, 0);
     }
 }
 
 @-webkit-keyframe pulseblue {
     0% {
         box-shadow: 0 0 0 0 #C7F9FF;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(199, 249, 255, 0);
     }
 }
 
 .man-g {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     top: 0;
 }
 
 .pos-rel {
     position: relative;
 }
 
 .img-filter {
     position: absolute;
     right: 1.9px;
     top: -124px;
 }
 
 .img-filter img {
     transform: rotate(180deg);
 }
 
 .closer_img {
     position: absolute;
     right: -56px;
     top: -108px;
     z-index: 1;
 }
 
 .hosting_services {
     padding: 229px 0 218px;
     position: relative;
 }
 
 .title {
     font-family: "Source Sans Pro";
     font-weight: bold;
     font-size: 48px;
     letter-spacing: 0.1em;
     text-align: center;
     color: #555;
     max-width: 1000px;
     margin: 0 auto;
 }
 
 .hosting_services .one_host {
     max-width: 694px;
     padding-top: 0;
 }
 
 .hosting_services .title {
     margin-bottom: 191px;
 }
 
 .hosting_services .blue_filter {
     right: 301px;
     bottom: 0;
 }
 
 .programa .offers_main {
     background-color: #D4E6FF;
     position: relative;
 }
 
 .programa.offer-box p {
     margin-bottom: 65px;
 }
 
 .form_qs .content-inner {
     margin-bottom: 73px;
 }
 
 .form_qs {
     padding: 88.5px 0;
 }
 
 .form_qs .custom-form {
     max-width: 592px;
     margin: 0 auto;
 }
 
 .custom-form .form-group {
     margin-bottom: 10px;
 }
 
 .custom-form .form-group:last-of-type {
     margin-bottom: 20px;
 }
 
 .custom-form .form-control {
     height: 46px;
     border-radius: 15px;
     background: #fff;
     border: 1px solid #c0c0c0;
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: left;
 }
 
 .custom-form .form-control:focus {
     box-shadow: none;
     border: 1px solid #5CC61A;
 }
 
 .custom-form .form-control::placeholder {
     color: #555;
 }
 
 .custom-form .btn.btn-link {
     width: 388px;
 }
 /*-----------------E-MAIL PROFISSIONA----------------------*/
 
 .email_profes .banner-sec {
     background: rgba(251, 118, 37);
 }
 
 .email_profes .banner-sec:before {
     background-color: rgba(251, 118, 37);
 }
 
 .email_profes .banner-sec:after {
     background-color: rgba(251, 118, 37);
 }
 
 .email_profes .top-bar:after {
     background-color: rgba(251, 118, 37);
     opacity: 0.2;
 }
 
 .email_profes .banner-sec .text-inner h1 {
     font-size: 64px;
 }
 
 .email_filter {
     border-radius: 10px;
     background: #fff;
     box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
     padding: 42px;
     position: relative;
     z-index: 2;
     margin-bottom: 23px;
 }
 
 .email_filter h3 {
     font-size: 24px;
     letter-spacing: 0.1em;
     color: #555;
     margin-bottom: 40px;
 }
 
 .email_box {
     max-width: 592px;
     margin: 0 auto;
     border: 1px solid #d6d6d6;
     padding: 30px 82px;
 }
 
 .price_email h2 {
     font-size: 36px;
     letter-spacing: 0.1em;
     color: #555;
 }
 
 .email_box small {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: left;
     color: #333;
 }
 
 .price_email {
     text-align: left;
 }
 
 .price_email span {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: normal;
     color: #333;
 }
 
 .price_email p span {
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0.1em;
     color: #c0c0c0;
     text-decoration: line-through;
     line-height: normal;
 }
 
 .price_email p b {
     font-weight: 600;
 }
 
 .price_email p {
     font-size: 36px;
     letter-spacing: 0.1em;
     color: #67bf00;
     line-height: 1;
     margin-bottom: 4px;
 }
 
 .price_email p strong span {
     font-size: 24px;
     color: #67bf00;
     font-weight: 400;
 }
 
 .email_filter small {
     font-size: 12px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #999;
     margin-bottom: 8px;
     display: block;
     text-align: center;
 }
 
 .email_box img {
     height: 64px;
     object-fit: cover;
 }
 
 .email_box .price_email {
     width: calc(100% - 78px);
     margin-left: auto;
 }
 
 .email_filter .range {
     margin-bottom: 0px;
 }
 
 .email_filter .dropdown {
     width: 246px;
     margin: 0 auto 20px;
 }
 
 .email_filter .btn-custom {
     height: 40px;
     line-height: 40px;
     margin-bottom: 8px;
 }
 
 .email_filter h4,
 .email_filter h5 {
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: center;
     color: #555;
 }
 
 .email_filter h5 {
     font-weight: 400;
 }
 
 .email_filter h4 {
     color: #FB7625;
 }
 
 .email_banner {
     margin-top: -452px;
 }
 
 .connect_customer .content-inner h2.w-cst {
     max-width: 462px;
 }
 
 .connect_customer .content-inner .csr-p {
     padding-right: 64px
 }
 
 .connect_customer img {
     max-width: initial;
 }
 
 .connect_customer .conn-img1 {
     margin-left: -182px;
 }
 
 .connect_customer .conn-img2 {
     margin-left: -237px;
 }
 
 .mg-tp {
     margin-top: 176px;
 }
 
 .range-slider {
     margin-bottom: 20px;
 }
 
 .range-slider .ui-widget-header {
     background-color: #92CF69;
     background: #92CF69;
     border: 1px solid transparent;
     border-radius: 34px;
 }
 
 .range-slider .ui-widget-content {
     border-radius: 34px;
 }
 
 .range-slider .ui-slider-horizontal {
     height: 34px;
     border-radius: 34px;
 }
 
 .range-slider .ui-state-default,
 .range-slider .ui-widget-content .ui-state-default,
 .range-slider .ui-widget-header .ui-state-default {
     background-color: #fff;
     background: #fff;
     height: 26px;
     width: 26px;
     border-radius: 50%;
 }
 
 .range-slider .ui-slider-horizontal .ui-slider-handle {
     top: 2px;
     margin-left: -28px;
     cursor: pointer;
     outline: none;
 }
 /*-----------Notify Section Css-----------------*/
 
 .notify_cst .customer_box {
     max-width: 631px;
     margin: 0 auto 30px;
 }
 
 .extra_space .email_box {
     max-width: 388px;
     background: #fff;
     border: 1px solid #d6d6d6;
     margin: 0 auto;
     padding: 26px 35px;
     text-align: center;
 }
 
 .extra_space .price_email p {
     line-height: 24px;
 }
 
 .extra_space h3 {
     font-weight: 700;
     font-size: 24px;
     letter-spacing: 0.1em;
     color: #555;
     margin-bottom: 30px;
 }
 
 .notify_cst {
     padding-bottom: 60px;
 }
 
 .email_professional .content-inner {
     max-width: 635px;
     padding-top: 80px;
     margin-left: 34px;
 }
 
 .email_professional {
     position: relative;
     padding: 100px 0 274px;
 }
 
 .dots {
     position: absolute;
     right: -20px;
     top: 390px;
 }
 /*-------------Email Access------------------*/
 
 .email_access {
     background-image: url(../images/bg-y.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     margin-top: -1px;
     position: relative;
     padding: 103.5px 0;
     z-index: 2;
 }
 
 .acc_img {
     position: absolute;
     right: 159px;
     top: 50%;
     transform: translate(0, -50%);
 }
 
 .ellipse-679 {
     left: 50%;
     position: absolute;
     top: -44px;
     transform: translate(-50%, -50%);
 }
 
 .email_profes .customer_service {
     padding: 273px 0 106px;
 }
 
 .email_profes .right_abs {
     position: absolute;
     right: -230px;
     top: 280px;
 }
 
 .optimise_tools {
     background-color: rgba(202, 202, 202, 0.4);
     padding: 123px 0;
 }
 
 .optimise_tools .content-inner {
     max-width: 624px;
     margin: 0 auto 70px;
     text-align: center;
 }
 
 .tools_box img {
     object-fit: cover;
     margin-bottom: 37px;
 }
 
 .tools_box h2 {
     font-weight: 700;
     font-size: 36px;
     letter-spacing: 0.1em;
     color: #555;
     margin-bottom: 12px;
 }
 
 .tools_box p {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #333;
 }
 
 .tools_box {
     margin-bottom: 66px;
 }
 
 .email_profes .migrate_site {
     padding-top: 311px;
 }
 
 .email-img {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
 }
 /****************creator CSS***************/
 
 .creator .banner-sec {
     background: #6494DA;
 }
 
 .creator .banner-sec:before {
     background-color: rgba(48, 112, 206);
 }
 
 .creator .banner-sec:after {
     background-color: rgba(48, 112, 206);
 }
 
 .creator .top-bar:after {
     background-color: rgba(48, 112, 206);
     opacity: 0.2;
 }
 
 .creator .text-inner h1 {
     font-family: "Source Sans Pro";
     font-weight: bold;
     font-size: 130px;
     letter-spacing: 0.1em;
     text-align: center;
     color: #fff;
 }
 
 .creator .text-inner h1 small {
     font-weight: 700;
     font-size: 36px;
     letter-spacing: 0.1em;
     margin-left: -98px;
 }
 
 .creator .text-inner h1 span {
     background-color: #FB7625;
     display: inline-block;
     line-height: 101px;
 }
 
 .creator .plano-price-left .dropdown {
     width: 246px;
 }
 
 .creator .plano-price-left h2 {
     font-weight: 600;
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     color: #fb7625;
 }
 
 .creator .plano-price-left .payment {
     margin-bottom: 8px;
 }
 
 .creator .plane_boxs p.note {
     max-width: 796px;
     margin: 20px auto 0;
 }
 
 .templates {
     /* background-image: url(../images/bg-portfolio.png); */
     background-position: center;
     background-size: cover;
     padding: 100px 0;
 }
 
 .responsive_site .content-inner {
     max-width: 592px;
     margin-left: auto;
 }
 
 .templates .mg-btm {
     margin-bottom: 780px;
     margin-top: -900px;
 }
 
 .responsive_site {
     position: relative;
 }
 
 .img_respon {
     position: absolute;
     right: 284px;
     top: 0;
 }
 
 .h-cst {
     min-height: 537px;
 }
 
 .creator .webmail {
     position: relative;
     padding: 100px 0 213px;
 }
 /****Quality Css**/
 
 .quality {
     padding: 120px 0 60px;
 }
 
 .quality .card {
     border: none;
     text-align: center;
     margin-bottom: 57px;
 }
 
 .quality .card i {
     font-size: 64px;
     margin-bottom: 15px;
 }
 
 .quality .card p {
     font-size: 17px;
     letter-spacing: 0.1em;
     line-height: 24px;
     text-align: center;
     color: #333;
 }
 
 .quality .blue {
     color: #84A0EF;
 }
 
 .quality .grn {
     color: #92CF69;
 }
 
 .quality .org {
     color: #F98A4B;
 }
 
 .quality .title {
     max-width: 806px;
     margin: 0 auto 78px;
 }
 
 .creator .domain_box:after {
     content: none;
 }
 
 .domain_box form.cst-form {
     max-width: 100%;
     display: flex;
     align-items: center;
 }
 
 .domain_box .button_box {
     width: 141px;
     display: flex;
     justify-content: space-between;
 }
 
 .domain_box .button_box i {
     font-size: 28px;
     color: #707070;
 }
 
 .domain_box .button_box i:hover {
     color: #67BF00;
 }
 
 .icon_fav:hover {
     color: #67BF00;
 }
 
 .creator .domain_box .form-group {
     width: calc(100% - 169px);
     margin-left: auto;
 }
 
 .creator .dial_plus {
     margin-bottom: 68px;
 }
 
 .pos-rel {
     position: relative;
 }
 
 .range_slider .rangeslider {
     margin-bottom: 20px;
 }
 
 .range_slider .rangeslider__fill {
     background: #92CF69;
     border-radius: 34px;
 }
 
 .range_slider .rangeslider--horizontal {
     height: 34px;
     border-radius: 34px;
     background: #fff;
     background-color: #fff;
     border: 1px solid #92CF69;
 }
 
 .rangeslider--horizontal .rangeslider__fill {
     top: 1px;
     left: 1px;
     height: 30px;
 }
 
 .range_slider .rangeslider__handle {
     top: 2px;
     margin-left: -12.5px;
     background-color: #FFFFFF;
     background-image: none;
     width: 26px;
     height: 26px;
 }
 
 .range_slider .rangeslider__handle:after {
     content: none;
 }
 
 .img-holder-bx {
     position: relative;
 }
 
 .img-holder-bx .ps-ab {
     position: absolute;
 }
 
 .img-holder-bx .desktop {
     bottom: 0;
     left: 0;
     right: 0;
     width: 209px;
     margin: 0 auto;
 }
 
 .img-holder-bx .ke_m {
     bottom: -18px;
     left: 0;
     right: 0;
     width: 175px;
     margin: 0 auto;
 }
 
 .img-holder-bx .plane-1 {
     top: 32px;
     width: 71px;
     right: 90px;
 }
 
 .img-holder-bx .plane-2 {
     top: 31px;
     width: 41px;
     right: 30px;
 }
 
 .img-holder-bx .plane-3 {
     top: 0;
     width: 35px;
     right: 23px;
     z-index: 1;
 }
 
 .img-holder-bx .plus {
     top: 0;
     width: 19px;
     left: 0;
     right: 0;
     margin: 0 auto;
 }
 
 .img-holder-bx .plus-3 {
     width: 21px;
     left: 12px;
     top: -0;
 }
 
 .img-holder-bx .plus-4 {
     bottom: 14px;
     width: 30px;
     right: 50px;
 }
 
 .img-holder-bx .plus-5 {
     bottom: 9px;
     height: 11px;
     left: 7px;
 }
 
 .img-holder-bx .dot-1 {
     top: -12px;
     width: 12px;
     right: 72px;
 }
 
 .img-holder-bx .dot-12 {
     top: 12px;
     width: 12.6px;
     left: 0px;
     right: 0;
     margin: 0 auto;
 }
 
 .img-holder-bx .dot-13 {
     top: 25px;
     width: 12.6px;
     right: 64px;
 }
 
 .img-holder-bx .dot-14 {
     bottom: 34px;
     width: 21px;
     right: -30px;
 }
 
 .img-holder-bx .clouds {
     top: 0;
     width: 90px;
     left: 0;
     z-index: 1;
 }
 
 .img-holder-bx .lap_bx {
     bottom: -10px;
     left: 0;
     right: 0;
     width: 229px;
     margin: 0 auto;
 }
 
 .img-holder-bx .cmd-line {
     top: 46px;
     right: 0;
     width: 128px;
     z-index: 1;
 }
 
 .img-holder-bx .p-icons {
     width: 179px;
     top: 0;
     right: 0;
 }
 
 .img-holder-bx .mobile {
     right: 53px;
     width: 100px;
     bottom: 0;
     z-index: 1;
 }
 
 .img-holder-bx .envelope-b {
     right: 45px;
     width: 58px;
     bottom: 24px;
     z-index: 1;
 }
 
 .img-holder-bx .icons-3 {
     right: 0;
     width: 224px;
     bottom: 85px;
 }
 
 .img-holder-bx .man {
     left: 13px;
     width: 82px;
     bottom: 0;
 }
 
 .img-holder-bx .dot-21 {
     top: 37%;
     width: 12.6px;
     right: 30px;
 }
 
 .img-holder-bx .dot-22 {
     bottom: 56px;
     width: 23.6px;
     right: 15px;
 }
 
 .img-holder-bx .dot-19 {
     top: 0px;
     width: 21px;
     right: 0;
 }
 
 .img-holder-bx .dot-20 {
     bottom: 92px;
     width: 12px;
     left: 0;
 }
 
 .img-holder-bx .dot-18 {
     top: 19px;
     width: 19px;
     right: 85px;
 }
 
 .img-holder-bx .dot-26 {
     top: 0;
     width: 21px;
     left: 0;
 }
 
 .img-holder-bx .dot-27 {
     top: 17px;
     width: 12px;
     left: 71px;
 }
 
 .img-holder-bx .dot-28 {
     top: 50px;
     width: 30px;
     right: -5px;
 }
 
 .img-holder-bx .dot-29 {
     top: 50%;
     width: 12px;
     left: -6px;
 }
 
 .img-holder-bx .dot-30 {
     bottom: 90px;
     width: 19px;
     right: 26px
 }
 
 .img-holder-bx .shield {
     width: 132px;
     bottom: 0;
     left: 11px;
 }
 
 .img-holder-bx .man-2 {
     width: 121px;
     bottom: -13px;
     left: 82px;
 }
 
 .img-holder-bx .icon4 {
     bottom: 37px;
     left: 24px;
 }
 
 .img-holder-bx {
     width: 220px;
     height: 220px;
     margin: 0 auto 57px;
 }
 
 .img-holder-bx img {
     max-width: initial;
 }
 
 .bg-box {
     width: 200px;
     height: 200px;
     border-radius: 39px;
     background: #bde27d;
     border: 6px solid #bde27d;
     box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.16);
     display: block;
     margin: 0 auto;
     transform: rotate(45deg);
     position: relative;
 }
 
 .bg-box:after {
     animation: pulse 3s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 42px rgba(189, 226, 125, 0.7);
     -moz-box-shadow: 10px 10px 5px 42px rgba(189, 226, 125, 0.7);
     box-shadow: 10px 10px 5px 42px rgba(189, 226, 125, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 .bg-box:before {
     animation: pulse4 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 42px rgba(189, 226, 125, 0.7);
     -moz-box-shadow: 10px 10px 5px 42px rgba(189, 226, 125, 0.7);
     box-shadow: 10px 10px 5px 42px rgba(189, 226, 125, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 #bde27d;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(189, 226, 125, 0);
     }
 }
 
 @-webkit-keyframe pulse {
     0% {
         box-shadow: 0 0 0 0 #bde27d;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(189, 226, 125, 0);
     }
 }
 
 @-webkit-keyframe pulse4 {
     0% {
         box-shadow: 0 0 0 0 #bde27d;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(189, 226, 125, 0);
     }
 }
 
 @keyframes pulse4 {
     0% {
         box-shadow: 0 0 0 0 #bde27d;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(189, 226, 125, 0);
     }
 }
 /*------------------------------------------*/
 
 .bg-circle {
     width: 220px;
     height: 220px;
     border-radius: 110px;
     background: #f98a4b;
     border: 5px solid #f98a4b;
     display: block;
     position: relative;
     margin: 0 auto;
 }
 
 .bg-circle:after {
     animation: pulse2 2.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 42px rgba(249, 138, 75, 0.75);
     -moz-box-shadow: 10px 10px 5px 42px rgba(249, 138, 75, 0.75);
     box-shadow: 10px 10px 5px 42px rgba(249, 138, 75, 0.75);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
 }
 
 .bg-circle:before {
     animation: pulse3 3s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 42px rgba(249, 138, 75, 0.75);
     -moz-box-shadow: 10px 10px 5px 42px rgba(249, 138, 75, 0.75);
     box-shadow: 10px 10px 5px 42px rgba(249, 138, 75, 0.75);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
 }
 
 @keyframes pulse2 {
     0% {
         box-shadow: 0 0 0 0 #f98a4b;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(249, 138, 75, 0.0);
     }
 }
 
 @-webkit-keyframe pulse2 {
     0% {
         box-shadow: 0 0 0 0 #f98a4b;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(249, 138, 75, 0.0);
     }
 }
 
 @keyframes pulse3 {
     0% {
         box-shadow: 0 0 0 0 #f98a4b;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(249, 138, 75, 0);
     }
 }
 
 @-webkit-keyframe pulse3 {
     0% {
         box-shadow: 0 0 0 0 #f98a4b;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(249, 138, 75, 0);
     }
 }
 
 .price_email p strong span.lin_txt {
     text-decoration: none;
 }
 
 .creator .btn-dropdown {
     background-color: #fff;
 }
 
 .control_panel .content-inner p {
     font-weight: 400;
 }
 
 .creator .quality {
     padding-bottom: 0;
 }
 
 .creator .faqs {
     padding-top: 35px;
 }
 
 .faqs .card-body a.btn {
     margin-top: 25px;
 }
 
 .performance.compare .dial_plus .btn {
     bottom: 45px;
 }
 
 .btn.btn-custom:hover {
     color: #fb7625;
 }
 
 .accomodation .dial_plus {
     margin-bottom: 68px;
 }
 
 #animate1 {
     transition: transform 0.3s ease-out;
 }
 
 .rocket {
     position: absolute;
     left: 0;
     top: 200px;
     z-index: 1;
     transform: translate3d(-100px, 100px, 0);
     transition: all 1s;
 }
 
 .zap .rocket {
     opacity: 1;
     transform: translateZ(0);
 }
 
 .ssl_main .bg-circle {
     width: 319px;
     height: 319px;
     border-radius: 50%;
     background: #f98a4b;
     border: 5px solid #f98a4b;
     display: block;
     position: relative;
     margin: 0 auto;
 }
 
 .ssl_main .img-holder-bx {
     margin: 0 auto;
     width: 319px;
     height: 319px;
 }
 
 .ssl_shape_bx {
     position: relative;
     margin-bottom: 92px;
 }
 
 .ssl_shape_bx .ssl_shape {
     position: absolute;
     top: 50%;
     transform: translate(0, -50%);
     z-index: -1;
 }
 
 .ssl_shape_bx .img-holder-bx .shield {
     width: 226px;
 }
 
 .ssl_shape_bx .img-holder-bx .man-2 {
     width: 162px;
     right: 25px;
     bottom: -20px;
     left: auto;
 }
 
 .ssl_shape_bx .img-holder-bx .dot-29 {
     top: 50%;
     width: 18px;
     left: -9px;
 }
 
 .ssl_shape_bx .img-holder-bx .dot-27 {
     width: 18px;
     top: 36px;
     left: 106px;
 }
 
 .ssl_shape_bx .img-holder-bx .dot-28 {
     width: 44px;
     top: 78px;
 }
 
 .ssl_shape_bx .img-holder-bx .dot-30 {
     width: 28px;
     bottom: 145px;
 }
 
 .ssl_shape_bx .img-holder-bx .dot-26 {
     width: 28px;
 }
 
 .animate_circle {
     border-radius: 50%;
     background: #f98a4b;
     border: 5px solid #f98a4b;
     display: block;
     position: relative;
     margin: 0
 }
 
 .circle_holder {
     position: relative;
     max-width: 534px;
     margin: auto;
 }
 
 .customer_service .animate_circle {
     width: 395px;
     height: 395px;
 }
 
 .customer_service .animate_circle.bg-circle2 {
     width: 293px;
     height: 293px;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 .blue_square_ani {
     width: 376.49px;
     height: 376.49px;
     border-radius: 39px;
     background: #ceeef2;
     transform: rotate(45deg);
     position: relative;
 }
 
 .blue_square_ani:after {
     animation: pulse10 3s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 .blue_square_ani:before {
     animation: pulse11 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 @keyframes pulse10 {
     0% {
         box-shadow: 0 0 0 0 #CEEEF2;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(206, 238, 242, 0);
     }
 }
 
 @-webkit-keyframe pulse10 {
     0% {
         box-shadow: 0 0 0 0 #CEEEF2;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(206, 238, 242, 0);
     }
 }
 
 @-webkit-keyframe pulse11 {
     0% {
         box-shadow: 0 0 0 0 #CEEEF2;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(206, 238, 242, 0);
     }
 }
 
 @keyframes pulse11 {
     0% {
         box-shadow: 0 0 0 0 #CEEEF2;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(206, 238, 242, 0);
     }
 }
 
 .webmail_holder .webmail-img {
     position: absolute;
     z-index: 1;
     top: -35px;
     max-width: 650px;
 }
 
 .webmail_holder {
     margin-left: 112px;
 }
 
 .filt_host {
     position: absolute;
     bottom: -277px;
     left: 293px;
 }
 
 .webmail_ic1 {
     position: absolute;
     width: 27px;
     bottom: -60px;
     left: 20px;
 }
 
 .circle_o {
     position: absolute;
     width: 80px;
     top: -27px;
     left: 288px;
 }
 
 .c2-g {
     position: absolute;
     width: 21px;
     right: 77px;
     top: 115px;
 }
 
 .c2-w {
     position: absolute;
     width: 55px;
     right: 0px;
     bottom: 7px;
 }
 
 .c2-s {
     position: absolute;
     left: -74px;
     width: 30px;
     top: 154px;
 }
 
 .top_bb {
     position: absolute;
     left: 292px;
     top: -28px;
 }
 
 .absolute {
     position: absolute;
 }
 
 .outl_b {
     width: 60px;
     left: 50%;
     transform: translate(-50%, 0);
     top: -10px;
 }
 
 .bb1 {
     top: 12px;
     left: 0;
 }
 
 .bb2 {
     bottom: 16px;
     right: -51px;
     width: 70px;
 }
 
 .plus_light {
     left: -50px;
 }
 
 .man-1 {
     position: absolute;
     top: 49px;
     left: 87px;
 }
 
 .man-2 {
     position: absolute;
     top: -42px;
     right: 0;
 }
 
 .ccw-1 {
     position: absolute;
     width: 30px;
     top: 0;
     left: 49px;
     filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
 }
 
 .ccw-2 {
     position: absolute;
     width: 12px;
     top: 80px;
     right: 49px;
     filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
 }
 
 .plus_22 {
     position: absolute;
     width: 21px;
     bottom: 21px;
     left: 0;
 }
 
 .plus_top {
     position: absolute;
     width: 21px;
     top: -49px;
     right: 95px;
 }
 
 .e-o1 {
     width: 24px;
     position: absolute;
     right: -43px;
     top: 0;
 }
 
 .e-o2 {
     width: 76px;
     position: absolute;
     right: -90px;
     top: 112px;
 }
 
 .e-o3 {
     width: 24px;
     position: absolute;
     right: -43px;
     bottom: 137px;
 }
 
 .creator .customer_service .content-inner {
     margin-bottom: 139px;
 }
 
 .creator .customer_service {
     padding-bottom: 163px
 }
 
 .outline_c {
     position: absolute;
     right: 0;
     bottom: -69px;
 }
 
 .d-circle {
     position: absolute;
     top: 49px;
 }
 
 .l-plus {
     position: absolute;
     left: -60px;
     bottom: 0;
 }
 
 .programa .webmail_holder .blue_square_ani,
 .email_profes .webmail_holder .blue_square_ani {
     position: absolute;
     top: 41px;
     z-index: -1;
     background-color: #F0F9D7;
 }
 
 .programa .webmail_holder .blue_square_ani:before,
 .email_profes .webmail_holder .blue_square_ani:before {
     animation: lightgreen1 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(240, 249, 215, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(240, 249, 215, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(240, 249, 215, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 .programa .webmail_holder .blue_square_ani:after,
 .email_profes .webmail_holder .blue_square_ani:after {
     animation: lightgreen2 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(240, 249, 215, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(240, 249, 215, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(240, 249, 215, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 @keyframes lightgreen1 {
     0% {
         box-shadow: 0 0 0 0 #F0F9D7;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(240, 249, 215, 0);
     }
 }
 
 @-webkit-keyframe lightgreen1 {
     0% {
         box-shadow: 0 0 0 0 #F0F9D7;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(240, 249, 215, 0);
     }
 }
 
 @-webkit-keyframe lightgreen2 {
     0% {
         box-shadow: 0 0 0 0 #F0F9D7;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(240, 249, 215, 0);
     }
 }
 
 @keyframes lightgreen2 {
     0% {
         box-shadow: 0 0 0 0 #F0F9D7;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(240, 249, 215, 0);
     }
 }
 
 .circle_o2 {
     position: absolute;
     left: 60%;
     top: -60px;
     width: 60px;
 }
 
 .img_33 {
     position: absolute;
     right: 10px;
     bottom: 35px;
     width: 30px;
 }
 
 .img_34 {
     position: absolute;
     left: 54px;
     bottom: 28px;
     width: 30px;
 }
 
 .webmail_holder.img2-webmail {
     margin-left: 0;
     margin-right: 112px;
 }
 
 .webmail_holder.img2-webmail .blue_square_ani {
     background: #ceeef2;
     transform: rotate(45deg);
     position: absolute;
     right: 112px;
     top: 41px;
     z-index: -1;
 }
 
 .webmail_holder.img2-webmail .blue_square_ani:after {
     animation: pulse10 3s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 .webmail_holder.img2-webmail .blue_square_ani:before {
     animation: pulse11 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(206, 238, 242, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 @keyframes pulse10 {
     0% {
         box-shadow: 0 0 0 0 #CEEEF2;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(206, 238, 242, 0);
     }
 }
 
 @-webkit-keyframe pulse10 {
     0% {
         box-shadow: 0 0 0 0 #CEEEF2;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(206, 238, 242, 0);
     }
 }
 
 @-webkit-keyframe pulse11 {
     0% {
         box-shadow: 0 0 0 0 #CEEEF2;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(206, 238, 242, 0);
     }
 }
 
 @keyframes pulse11 {
     0% {
         box-shadow: 0 0 0 0 #CEEEF2;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(206, 238, 242, 0);
     }
 }
 
 .outline_b {
     position: absolute;
     top: 22px;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 44px;
 }
 
 .holder_img {
     position: relative;
 }
 
 .db-circle {
     position: absolute;
     top: 10px;
     width: 36px;
 }
 
 .db-circle2 {
     position: absolute;
     right: -80px;
     width: 44px;
     bottom: 0;
 }
 
 .conn_imgholder .blue_square_ani {
     background-color: #FAF0C3;
     margin: auto;
 }
 
 .conn_imgholder .blue_square_ani:after {
     animation: lightyellow1 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
 }
 
 .conn_imgholder .blue_square_ani:before {
     animation: lightyellow2 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
 }
 
 @keyframes lightyellow1 {
     0% {
         box-shadow: 0 0 0 0 #FAF0C3;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(250, 240, 195, 0);
     }
 }
 
 @-webkit-keyframe lightyellow1 {
     0% {
         box-shadow: 0 0 0 0 #FAF0C3;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(250, 240, 195, 0);
     }
 }
 
 @-webkit-keyframe lightyellow2 {
     0% {
         box-shadow: 0 0 0 0 #FAF0C3;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(250, 240, 195, 0);
     }
 }
 
 @keyframes lightyellow2 {
     0% {
         box-shadow: 0 0 0 0 #FAF0C3;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(250, 240, 195, 0);
     }
 }
 
 .link_img {
     position: absolute;
     left: -136px;
     right: 0;
     margin: auto;
     z-index: 1;
     top: -40px;
 }
 
 .connect_customer {
     padding-top: 146px;
     padding-bottom: 102px;
 }
 
 .yell-c1,
 .yell-c2,
 .yell-c3 {
     position: absolute;
 }
 
 .yell-c1 {
     top: 50%;
     left: -51px;
     transform: translate(-50%, -50%);
 }
 
 .yell-c2 {
     right: -35px;
     top: -39px;
 }
 
 .yell-c3 {
     bottom: -47px;
     right: 36px;
 }
 
 .ass-33 {
     bottom: 65px;
     left: 24px;
     width: 30px;
     position: absolute;
 }
 
 .conn_imgholder {
     position: relative;
 }
 
 .circle-holder {
     width: 509.72px;
     height: 509.72px;
     border-radius: 254.86px;
     background: #f99c73;
     box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.16);
     position: relative;
     left: -119px;
 }
 
 .circle-holder:after {
     animation: pulse3 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(249, 156, 115, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(249, 156, 115, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(249, 156, 115, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
 }
 
 .circle-holder:before {
     animation: pulse2 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(249, 156, 115, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(249, 156, 115, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(249, 156, 115, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 50%;
 }
 
 .circle-holder img {
     position: absolute;
 }
 
 .circle-holder .dc_circle {
     bottom: 50px;
     width: 226px;
     right: 90px;
 }
 
 .circle-holder .mike_circle {
     right: 24px;
     top: 210px;
 }
 
 .circle-holder .text-circle {
     left: 249px;
     top: 48px;
 }
 
 .circle-holder .camera_circle {
     right: -11px;
     top: 117px;
 }
 
 .circle-holder .chat_circle {
     left: 50px;
     top: 106px;
 }
 
 .circle-holder .video_c {
     bottom: 175px;
     left: 30px;
 }
 
 .elipse_oo {
     position: absolute;
     width: 67px;
     right: 0;
 }
 
 .outline_orange {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translate(-50%, -50%)
 }
 
 .orange_bx {
     position: absolute;
     right: 0;
     width: 30px;
     bottom: 15px;
 }
 
 .access_holder {
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     right: 0;
 }
 
 .access_holder .blue_square_ani {
     width: 418px;
     height: 418px;
     background-color: #FAF0C3;
     border-radius: 39px;
 }
 
 .access_holder .blue_square_ani:after {
     animation: light1 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 .access_holder .blue_square_ani:before {
     animation: light2 4.5s ease infinite;
     -webkit-box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     -moz-box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     box-shadow: 10px 10px 5px 15px rgba(250, 240, 195, 0.7);
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     border-radius: 39px;
 }
 
 @keyframes light1 {
     0% {
         box-shadow: 0 0 0 0 #FAF0C3;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(250, 240, 195, 0.0);
     }
 }
 
 @-webkit-keyframe light1 {
     0% {
         box-shadow: 0 0 0 0 #FAF0C3;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(250, 240, 195, 0.0);
     }
 }
 
 @keyframes light2 {
     0% {
         box-shadow: 0 0 0 0 #FAF0C3;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(250, 240, 195, 0);
     }
 }
 
 @-webkit-keyframe light2 {
     0% {
         box-shadow: 0 0 0 0 #FAF0C3;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(250, 240, 195, 0);
     }
 }
 
 .professional_bx {
     position: absolute;
     top: 0;
 }
 
 .y-c2 {
     position: absolute;
     top: -81px;
     left: 118px;
 }
 
 .y-plus {
     position: absolute;
     right: 20px;
     top: -81px;
 }
 
 .ellipse-680 {
     position: absolute;
     right: 181px;
     width: 40px;
     bottom: -40px;
 }
 
 .email_profes .animate_circle {
     background-color: #D4E6FF;
     border-color: #D4E6FF;
 }
 
 .email_profes .customer_service .circle_holder {
     margin-bottom: 124px;
 }
 
 .email_profes .animate_circle:after {
     animation: light22 4.5s ease infinite;
 }
 
 .email_profes .animate_circle:before {
     animation: light23 4.5s ease infinite;
 }
 
 @keyframes light22 {
     0% {
         box-shadow: 0 0 0 0 #D4E6FF;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(212, 230, 255, 0.0);
     }
 }
 
 @-webkit-keyframe light22 {
     0% {
         box-shadow: 0 0 0 0 #D4E6FF;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(212, 230, 255, 0.0);
     }
 }
 
 @keyframes light23 {
     0% {
         box-shadow: 0 0 0 0 #D4E6FF;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(212, 230, 255, 0);
     }
 }
 
 @-webkit-keyframe light23 {
     0% {
         box-shadow: 0 0 0 0 #D4E6FF;
     }
     100% {
         box-shadow: 0 0 0 40px rgba(212, 230, 255, 0);
     }
 }