/************************************************
[Master Stylesheet]

Project Name    : Arrival
Team & Company  : Theme Builder
Desgined By     : AB Belal
Developed By    : AB Belal
Date            : 30 Jul 2017


Css Table Of Content
-----------------------
01. Resset Css
02. Typogrpahy
    2.1 Font Typography
    2.2 Color Typography
    2.3 Hedding Tag Typography
03. Global Style
04. Coming Soon-1 Style
05. Coming Soon-2 Style
06. Coming Soon-3 Style
07. Coming Soon-4 Style
08. Coming Soon-5 Style
09. Coming Soon-6 Style
10. Coming Soon-8 Style
11. Coming Soon-9 Style
12. Coming Soon-10 Style
13. Coming Soon-11 Style
14. Coming Soon-14 Style
15. Coming Soon-15 Style
16. Coming Soon-16 Style
17. Coming Soon-17 Style
18. Coming Soon-18 Style
19. Coming Soon-19 Style
20. Coming Soon-20 Style
21. Coming Soon-21 Style
22. Coming Soon-22 Style
23. Coming Soon-23 Style
24. Coming Soon-24 Style
25. Coming Soon-25 Style
26. Coming Soon-26 Style
27. Coming Soon-27 Style
28. Coming Soon-28 Style
29. Coming Soon-31 Style
30. Coming Soon-32 Style
31. Coming Soon-33 Style
32. Coming Soon-34 Style
33. Coming Soon-35 Style
34. Coming Soon-36 Style
35. Coming Soon-37 Style
36. Coming Soon-38 Style
37. Coming Soon-39 Style
38. Coming Soon-40 Style
39. Coming Soon-41 Style
40. Coming Soon-42 Style
41. Coming Soon-43 Style
42. Coming Soon-44 Style
43. Coming Soon-45 Style
44. Coming Soon-46 Style
45. Coming Soon-47 Style
46. Coming Soon-48 Style
47. Coming Soon-49 Style
48. Coming Soon-50 Style
49. Coming Soon-51 Style
*************************************************/
    /*--------------01. Start Resset Css------------------*/
    
    * {
        margin: 0px;
        padding: 0px;
    }
    
    ul,
    ol {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    
    body {
        padding: 0px;
        font-size: 15px;
        line-height: 25px;
        margin: 0px auto;
        font-family: 'Roboto', sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    figur,
    a {
        margin: 0px;
        font-weight: normal;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        -webkit-font-variant-ligatures: common-ligatures;
        font-variant-ligatures: common-ligatures;
    }
    
    P,
    .p {
        font-size: 15px;
        line-height: 25px;
        color: #333;
    }
    
    .clear {
        clear: both;
    }
    
    a {
        text-decoration: none;
        color: #333;
    }
    
    a:hover,
    a:focus,
    input:focus,
    button:focus,
    a:active {
        text-decoration: none;
        outline: none;
        outline-offset: 0px;
    }
    /*------------01. End Resset Css----------------------*/
    /*--------------------02. Typography------------------*/
    /*------------2.1 font weight Typogrpahy------------*/
    
    .fw_300 {
        font-weight: 300;
    }
    
    .fw_400 {
        font-weight: 400;
    }
    
    .fw_500 {
        font-weight: 500;
    }
    
    .fw_600 {
        font-weight: 600;
    }
    
    .fw_700 {
        font-weight: 700;
    }
    
    .fw_800 {
        font-weight: 800;
    }
    
    .fw_900 {
        font-weight: 900;
    }
    /*------------2.2 color Typogrpahy----------*/
    
    .color_2f {
        color: #2f52ff;
    }
    
    .color_b3 {
        color: #b3b3b3;
    }
    
    .color_29 {
        color: #2980b9;
    }
    
    .color_00 {
        color: #000000;
    }
    
    .color_ff {
        color: #ffffff;
    }
    
    .bg_2f {
        background: #2f52ff;
    }
    /*-----------2.3 hedding tag Typogrpahy------------*/
    
    h1,
    .h1 {
        font-size: 60px;
        line-height: 70px;
    }
    
    h2,
    .h2 {
        font-size: 36px;
        line-height: 45px;
    }
    
    h3,
    .h3 {
        font-size: 30px;
        line-height: 44px;
    }
    
    h4,
    .h4 {
        font-size: 24px;
        line-height: 35px;
    }
    
    h5,
    .h5 {
        font-size: 20px;
        line-height: 26px;
    }
    
    h6,
    .h6 {
        font-size: 18px;
        line-height: 25px;
    }
    /*-------------03. Global style---------------*/
    
    .section_padding {
        padding: 100px 0px;
    }
    
    .pos_relative {
        position: relative;
    }
    
    .d_block {
        display: block;
    }
    
    .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .roboto {
        font-family: 'Roboto', sans-serif;
    }
    
    .playfair {
        font-family: 'Playfair Display', serif;
    }
    
    .popins {
        font-family: 'Poppins', sans-serif;
    }
    
    .f_rw_sBetween {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    .f_center_sBetween {
        display: flex;
        align-items: center;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    
    .section_tbl {
        display: table;
        width: 100%;
        height: 100%;
    }
    
    .section_tbl_cell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
    
    .radius_3 {
        border-radius: 3px;
    }
    
    .radius_5 {
        border-radius: 5px;
    }
    
    .radius_10 {
        border-radius: 10px;
    }
    
    .radius_50 {
        border-radius: 50px;
    }
    
    .radius_100 {
        border-radius: 100%;
    }
    
    a,
    img,
    header,
    button,
    input,
    select,
    textarea,
    .color_da,
    .social_contact a i,
    .author_content .social_contact li a:before {
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    /* --------03. End GLOBAL style css ------**/
    /*------------------- 04. start coming soon1 style ------------------*/
    /*---------color palte design----------*/
    
    .color_plate_wrapper .spin_icon {
        background: #f5f5f5 none repeat scroll 0 0;
        border-radius: 0 3px 3px 0;
        font-size: 25px;
        height: 40px;
        padding: 8px;
        position: absolute;
        right: -40px;
        text-align: center;
        width: 40px;
        cursor: pointer;
    }
    
    .color_plate_wrapper {
        background: #f5f5f5 none repeat scroll 0 0;
        padding: 30px 20px;
        position: absolute;
        top: 50%;
        left: -260px;
        transform: translateY(-50%);
        z-index: 9;
        width: 260px;
        border-radius: 0 3px 3px 0;
        -webkit-transition: left 0.6s ease 0s;
        -moz-transition: left 0.6s ease 0s;
        -ms-transition: left 0.6s ease 0s;
        -o-transition: left 0.6s ease 0s;
        transition: left 0.6s ease 0s;
    }
    
    .color_plate_wrapper.open {
        left: 0px;
    }
    
    .color_plate_wrapper .colors h6,
    .color_plate_wrapper .backgrounds h6 {
        color: #222;
        font-size: 15px;
        line-height: 20px;
    }
    
    .color_plate_wrapper .colors li {
        background: aqua none repeat scroll 0 0;
        display: inline-block;
        float: left;
        height: 35px;
        margin: 4px;
        width: 35px;
        cursor: pointer;
    }
    
    .backgrounds ul li {
        float: left;
        height: 49px;
        margin: 4px;
        width: 65px;
        cursor: pointer;
    }
    
    .backgrounds ul li img {
        height: 100%;
        width: 100%;
    }
    /*--------colors--------*/
    
    #color1 {
        background: #dab84e;
    }
    
    #color2 {
        background: #3E6CFF;
    }
    
    #color3 {
        background: #1abc9c;
    }
    
    #color4 {
        background: #8e44ad;
    }
    
    #color5 {
        background: #5B18B3;
    }
    
    #color6 {
        background: #E00A62;
    }
    
    #color7 {
        background: #e74c3c;
    }
    
    #color8 {
        background: #d35400;
    }
    
    #color9 {
        background: #C41B8E;
    }
    
    #color10 {
        background: #f4376a;
    }
    
    #color11 {
        background: #1ab300;
    }
    
    #color12 {
        background: #3b5999;
    }
    /*----------site brand color------------*/
    
    .color_da {
        color: #dab84e;
    }
    
    .bg_da {
        background: #dab84e;
    }
    /*---------end color palte design----------*/
    
    .coming_soon1 {
        -webkit-transition: background 0.5s ease 0s;
        -moz-transition: background 0.5s ease 0s;
        -ms-transition: background 0.5s ease 0s;
        -o-transition: background 0.5s ease 0s;
        transition: background 0.5s ease 0s;
    }
    
    .coming_soon1 {
        background: url(images/bg2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .coming_soon1 .overlay {
        background: rgba(0, 0, 0, 0.5);
    }
    
    .coming_soon1 .main_content {
        height: 100vh;
    }
    
    .coming_soon1 .author_content {
        width: 30%;
    }
    
    .coming_soon1 .counter_content {
        width: 60%;
    }
    
    .author_img {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 100%;
        height: 200px;
        margin: 0 auto;
        padding: 8px;
        width: 200px;
    }
    
    .author_content h5 {
        letter-spacing: 1.5px;
    }
    
    .author_content small {
        display: block;
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: -4px;
    }
    
    .author_content .social_contact li {
        display: inline-block;
        margin-right: 10px;
    }
    
    .author_content .social_contact li a {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        color: #b3b3b3;
        display: inline-block;
        font-size: 17px;
        height: 35px;
        padding: 5px;
        text-align: center;
        width: 35px;
        overflow: hidden;
        position: relative;
    }
    
    .author_content .social_contact li a:before {
        font-family: FontAwesome;
        position: absolute;
        font-size: 17px;
        left: 11px;
        position: absolute;
        top: 35px;
    }
    
    .author_content .social_contact li a.fb:before {
        content: "\f09a";
    }
    
    .author_content .social_contact li a.tw:before {
        content: "\f099";
    }
    
    .author_content .social_contact li a.link:before {
        content: "\f0e1";
        left: 10px;
    }
    
    .author_content .social_contact li a.dri:before {
        content: "\f17d";
        left: 10px;
    }
    
    .author_content .social_contact li a.pin:before {
        content: "\f231";
    }
    
    .author_content .social_contact li a:hover:before {
        top: 5px;
    }
    
    .social_contact a:hover i {
        transform: translateY(-28px);
    }
    
    .counter_content .headline h2 {
        letter-spacing: 3.3px;
    }
    
    .coming_soon1 .countDown {
        align-items: center;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
    }
    
    .coming_soon1 .countDown h1 {
        font-family: roboto;
        font-weight: 900;
    }
    
    .coming_soon1 .countDown .single-count {
        border: 1px solid rgba(255, 255, 255, 0.42);
        height: 130px;
        margin-left: 30px;
        padding: 15px;
        text-align: center;
        width: 21.7%;
    }
    
    .coming_soon1 .countDown .single-count:first-child {
        margin-left: 0;
    }
    
    .coming_soon1 .countDown .single-count h1 {
        color: #dab84e;
    }
    
    .coming_soon1 .countDown .single-count p {
        color: #fff;
        font-weight: 300;
        letter-spacing: 2px;
        opacity: 0.9;
        text-transform: uppercase;
    }
    
    .coming_soon1 .counter_content .site_details {
        border: 1px solid rgba(255, 255, 255, 0.42);
        margin-top: 30px;
        padding: 20px;
        border-bottom: none;
    }
    
    .coming_soon1 .counter_content .site_details p {
        opacity: 0.8;
    }
    
    .subscribe_field ul li {
        display: inline-block;
        float: left;
    }
    
    .subscribe_field li:first-child {
        width: 80%;
    }
    
    .subscribe_field ul li:last-child {
        width: 20%;
    }
    
    .coming_soon1 .subscribe_field input[type="email"] {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid rgba(255, 255, 255, 0.42);
        color: #fff;
        font-weight: 300;
        height: 50px;
        border-right: none;
        padding: 10px 20px;
        width: 100%;
    }
    
    .subscribe_field button {
        border: medium none;
        color: #333;
        font-size: 14px;
        font-weight: 900;
        height: 50px;
        text-transform: uppercase;
        width: 100%;
        padding: 14px 0;
        letter-spacing: 1px;
        position: relative;
    }
    
    .subscribe_field button:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 63%;
        height: 2px;
        content: "";
        background: #333;
        transform: translate(-38%, 0) scale(.1);
        transition: .4s;
        opacity: 0;
        visibility: hidden;
    }
    
    .subscribe_field button:hover:after {
        transform: translate(-38%, -10px);
        opacity: 1;
        visibility: visible;
    }
    
    .subscribe_field button i {
        font-size: 12px;
        margin-right: 5px;
    }
    /*------------------- 04. end coming soon1 style --------------------*/
    /*------------------- 05. start coming soon2 style ------------------*/
    
    .logo {
        margin-bottom: 30px;
    }
    
    .coming_soon2_content .overlay {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    }
    
    .coming_soon3_section .overlay {
        background: rgba(0, 0, 0, 0.5);
    }
    
    .coming_soon2_slider {
        height: 100vh;
        overflow: hidden;
        width: 100%;
    }
    
    .Modern-Slider .item .img-fill {
        height: 100vh;
        width: 100%;
    }
    
    .coming_soon2_content,
    .coming_soon3_section {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background-image: none;
    }
    
    .coming_soon2_content .main_content {
        align-items: center;
        display: flex;
        flex-flow: column nowrap;
        height: 100vh;
        justify-content: center;
    }
    
    .coming_soon2_content .counter_content {
        width: 100%;
    }
    
    .coming_soon1 .countDown h1 {
        color: #dab84e;
    }
    
    .coming_soon1 .headline h2 span {
        color: #dab84e;
    }
    
    .coming_soon1 .subscribe_field button {
        background: #dab84e;
    }
    /*------------------- 05. end coming soon2 style --------------------*/
    /*------------------- 06. start coming soon3 style ------------------*/
    
    .content_wrapper,
    .content_wrapper2 {
        display: flex;
        flex-flow: column nowrap;
        height: 100vh;
        justify-content: center;
    }
    
    .content_wrapper .content_text h1 {
        font-size: 30px;
        font-style: italic;
        line-height: 55px;
    }
    
    .coming3 .content_wrapper .content_text p {
        margin-top: 10px;
    }
    
    .coming3 .overlay {
        background: rgba(0, 0, 0, 0.7);
    }
    
    .countDown .single-count h1 {
        color: #fff;
    }
    
    .coming3 .countDown .single-count h1 {
        color: #5A79F9;
    }
    
    .coming3 .subscribe_area ul.clearfix {
        background: #5A79F9;
    }
    
    .coming3 .subscribe_area ul.clearfix>li button,
    .coming3 .subscribe_area ul.clearfix>li input {
        border-radius: 3px;
    }
    
    .content_wrapper .content_text p {
        font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 18px;
    opacity: 0.8;
    }
    
    .subscribe_area ul.clearfix {
        background: #2980B9 none repeat scroll 0 0;
        padding: 10px;
        width: 100%;
        border-radius: 3px;
    }
    
    .subscribe_area ul.clearfix>li {
        float: left;
    }
    
    .subscribe_area ul.clearfix>li:first-child {
        width: 73%;
    }
    
    .subscribe_area ul.clearfix>li:last-child {
        margin-left: 2%;
        width: 25%;
    }
    
    .subscribe_area ul.clearfix>li input {
        border: medium none;
        height: 45px;
        padding: 5px 15px;
        width: 100%;
        box-shadow: none;
    }
    
    .subscribe_area ul.clearfix>li input:focus {
        box-shadow: none;
        outline: none;
    }
    
    .subscribe_area ul.clearfix>li button {
        border: medium none;
        height: 45px;
        text-align: center;
        width: 100%;
        box-shadow: 2px 2px 0 #25566f, 1px 1px 1px rgba(255, 255, 255, 0.22) inset;
        background: none;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        border: medium none;
        text-align: center;
        width: 100%;
        line-height: 48px;
        transition: all 0.5s;
    }
    
    .subscribe_area ul.clearfix>li button:hover {
        box-shadow: 2px 2px 0 #25566f inset, 1px 1px 1px rgba(255, 255, 255, 0.22);
    }
    
    .coming3 .subscribe_area ul.clearfix>li button {
        box-shadow: 2px 2px 0 #3150d0, 1px 1px 1px rgba(255, 255, 255, 0.22) inset;
        transition: all 0.5s;
    }
    
    .coming3 .subscribe_area ul.clearfix>li button:hover {
        box-shadow: 2px 2px 0 #3150d0 inset, 1px 1px 1px rgba(255, 255, 255, 0.22);
        transition: all 0.5s;
    }
    
    .subscribe_area .social_contactlink {
        margin-top: 20px;
        text-align: right;
    }
    
    .subscribe_area .social_contactlink>li {
        display: inline-block;
    }
    
    .subscribe_area .social_contactlink a {
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        height: 30px;
        margin: 1px;
        padding: 3px;
        text-align: center;
        width: 30px;
    }
    
    .subscribe_area .social_contactlink a:hover {
        background: #2980b9;
        color: #fff;
    }
    
    .coming3 .subscribe_area .social_contactlink a:hover {
        background: #5a79f9 none repeat scroll 0 0;
        color: #fff;
        opacity: 1;
    }
    /*------------------- 06. end coming soon3 style --------------------*/
    /*------------------- 07. start coming soon4 style ------------------*/
    
    .coming_soon4 {
        background: url(images/bg17.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .coming_soon4 .overlay {
        background-color: rgba(0, 0, 0, 0.5);
        background-image: none;
    }
    
    .countDown {
        align-items: center;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    
    .countDown .single-count {
        flex: 1 1 0;
        text-align: center;
    }
    
    .countDown .single-count h1 {
        font-family: roboto;
        font-style: normal;
        font-weight: 700;
        font-size: 60px;
        line-height: 70px;
    }
    
    .countDown .single-count p {
        color: #fff;
        font-size: 17px;
        font-weight: 300;
        margin-top: 5px;
        opacity: 0.8;
        text-transform: capitalize;
    }
    
    .coming_soon4 .subscribe_area .social_contactlink a {
        border: 1px solid #5a5bf9;
        border-radius: 100%;
        margin: 2px;
        padding: 2px;
    }
    
    .coming_soon4 .subscribe_area ul.clearfix,
    .coming_soon4 .subscribe_area ul.clearfix>li input,
    .coming_soon4 .subscribe_area ul.clearfix>li button {
        border-radius: 50px;
    }
    
    .subscribe_area ul.clearfix {
        background: #2980b9 none repeat scroll 0 0;
    }
    
    .coming_soon4 .countDown .single-count h1 {
        color: #5A5BF9;
    }
    
    .coming_soon4 .subscribe_area ul.clearfix {
        background: #5a5bf9 none repeat scroll 0 0;
    }
    
    .coming_soon4 .subscribe_area .social_contactlink a:hover {
        background: #5a5bf9;
    }
    /*------------------- 07. end coming soon4 style --------------------*/
    /*------------------- 08. start coming soon5 style ------------------*/
    
    .coming_soon20 .content_text h1 {
        background: -webkit-linear-gradient(right, #2980B9, #8E44AD);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .coming_soon5 .overlay {
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    }
    
    .notify {
        height: 50px;
        margin: 0 auto;
        position: relative;
        width: 180px;
        cursor: pointer;
        transition: all 0.7s cubic-bezier(0.66, -0.01, 0.21, 0.93);
    }
    
    .notify::before {
        color: #fff;
        content: "Notify Me";
        font-family: playfair display;
        font-size: 23px;
        font-style: italic;
        font-weight: 900;
        height: 100%;
        letter-spacing: 2px;
        padding: 11px;
        position: absolute;
        text-align: center;
        width: 100%;
        transition: all 0.5s linear;
    }
    
    .notify ul {
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        transition: 0.5s;
    }
    
    .notify.notifyed {
        width: 100%;
        background: none;
        height: auto;
    }
    
    .notify.notifyed::before {
        display: none;
    }
    
    .notify.notifyed ul {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    
    .coming_soon5 .subscribe_area ul.clearfix {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding: 0;
    }
    
    .coming_soon5 .subscribe_area ul.clearfix>li input {
        border-radius: 50px;
        height: 50px;
        padding: 5px 50px 5px 24px;
    }
    
    .coming_soon5 .countDown .single-count h1 {
        color: #56ef06;
    }
    
    .coming_soon5 .subscribe_area ul.clearfix>li:last-child {
        margin-left: -9%;
        width: 35%;
    }
    
    .coming_soon5 .subscribe_area ul.clearfix>li button {
        background: #56ef06 none repeat scroll 0 0;
        border-radius: 50px;
        box-shadow: none;
        height: 50px;
        color: #333;
    }
    
    .coming_soon5 .subscribe_area ul.clearfix>li button:hover {
        box-shadow: none;
        letter-spacing: 2px;
    }
    
    .coming_soon7 .subscribe_area .social_contactlink,
    .coming_soon6 .subscribe_area .social_contactlink,
    .coming_soon5 .subscribe_area .social_contactlink {
        text-align: center;
    }
    
    .coming_soon5 .subscribe_area .social_contactlink a {
        background: #56ef06;
        color: #000;
        border-radius: 100%;
    }
    
    .coming_soon5 .subscribe_area .social_contactlink a:hover {
        background: #000;
        color: #fff;
    }
    
    .coming_soon7 .subscribe_area .social_contactlink a,
    .coming_soon6 .subscribe_area .social_contactlink a {
        background: #E7B00B;
        color: #000;
        border-radius: 100%;
    }
    
    .coming_soon7 .subscribe_area .social_contactlink a:hover,
    .coming_soon6 .subscribe_area .social_contactlink a:hover {
        background: #000;
        color: #fff;
    }
    /*------------------- 08. end coming soon5 style --------------------*/
    /*------------------- 09. start coming soon6 style ------------------*/
    
    .coming_soon6 .overlay {
        background: rgba(0, 0, 0, 0.5);
    }
    
    .coming_soon17 .notify,
    .coming_soon17 .notify ul {
        background: rgb(41, 128, 185);
        background: -moz-linear-gradient(left, rgba(41, 128, 185, 1) 4%, rgba(142, 68, 173, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(41, 128, 185, 1) 4%, rgba(142, 68, 173, 1) 100%);
        background: linear-gradient(to right, rgba(41, 128, 185, 1) 4%, rgba(142, 68, 173, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2980b9', endColorstr='#8e44ad', GradientType=1);
    }
    
    .notify.notifyed {
        width: 100%;
        background: none;
        height: auto;
    }
    
    .coming_soon7 .overlay {
        background: rgba(0, 0, 0, 0.6);
    }
    /*-----------------------------*/
    
    .coming_soon6 .subscribe_area ul.clearfix {
        background: #e7b00b none repeat scroll 0 0;
        border-radius: 50px;
        padding: 8px;
    }
    
    .coming_soon6 .subscribe_area ul.clearfix>li:first-child {
        width: 68%;
    }
    
    .coming_soon6 .subscribe_area ul.clearfix>li:last-child {
        width: 30%;
    }
    
    .coming_soon6 .subscribe_area ul.clearfix>li button {
        background: #fff none repeat scroll 0 0;
        border-radius: 50px;
        box-shadow: none;
        color: #333;
    }
    
    .coming_soon6 .countDown .single-count h1 {
        color: #e7b00b;
    }
    
    .coming_soon6 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px;
    }
    
    .coming_soon6 .subscribe_area ul.clearfix>li input {
        background: none;
        color: #333;
    }
    
    .coming_soon6 .subscribe_area input::-webkit-input-placeholder {
        color: #333;
        opacity: 1;
    }
    
    .coming_soon6 .subscribe_area input::-moz-placeholder {
        color: #333;
        opacity: 1;
    }
    
    .coming_soon6 .subscribe_area input:-ms-input-placeholder {
        color: #333;
        opacity: 1;
    }
    
    .coming_soon6 .subscribe_area input:-moz-placeholder {
        color: #333;
        opacity: 1;
    }
    /*--------------------------*/
    
    .coming_soon7 .notify {
        background: #e8ad03;
        border-radius: 50px;
    }
    
    .coming_soon7 .notify::before {
        color: #333;
    }
    
    .coming_soon7 .notify ul {
        background: none;
        padding: 0px;
    }
    
    .coming_soon7 .countDown .single-count h1 {
        color: #e8ad03;
    }
    
    .coming_soon7 .subscribe_area ul.clearfix>li input {
        border-radius: 50px 0 0 50px;
        height: 50px;
        padding: 5px 15px 5px 25px;
    }
    
    .coming_soon7 .subscribe_area ul.clearfix>li button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        box-shadow: none;
        height: 50px;
        padding-top: 2px;
        color: #000;
    }
    
    .coming_soon7 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px;
        box-shadow: none;
    }
    /*------------------- 09. end coming soon6 style --------------------*/
    /*------------------- 10. start coming soon8 style ------------------*/
    
    .coming_soon8 {
        background: rgba(0, 0, 0, 0) url("images/bg13.jpg") no-repeat scroll center center / cover;
    }
    
    .coming_soon8 .overlay {
        background: rgba(0, 0, 0, 0.5);
    }
    
    .coming_soon8 .subscribe_area ul.clearfix,
    .coming_soon8 .subscribe_area ul.clearfix>li input,
    .coming_soon8 .subscribe_area ul.clearfix>li button {
        border-radius: 50px;
    }
    
    .coming_soon8 .subscribe_area .social_contactlink {
        margin-right: 10px;
        margin-top: 10px;
    }
    
    .coming_soon8 .social_contactlink a {
        border-radius: 100%;
    }
    
    .coming_soon8 .social_contactlink a:hover {
        background: #e8ad03;
        color: #333;
        opacity: 1;
    }
    
    .coming_soon8 .content_text p {
        margin-bottom: 0;
    }
    
    .coming_soon8 .subscribe_area ul.clearfix {
        background: none;
    }
    
    .coming_soon8 .subscribe_area ul.clearfix>li input {
        height: 46px;
        padding: 5px 25px 5px 15px;
    }
    
    .coming_soon8 .subscribe_area ul.clearfix>li button {
        background: #e8ad03!important;
        box-shadow: none;
        color: #333;
        padding-top: 3px;
        height: 46px;
    }
    
    .coming_soon8 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px;
    }
    
    .coming_soon8 .subscribe_area ul.clearfix>li:first-child {
        width: 70%;
    }
    
    .coming_soon8 .subscribe_area ul.clearfix>li:last-child {
        width: 28%;
    }
    /*------------------- 10. end coming soon8 style --------------------*/
    /*------------------- 11. start coming soon9 style ------------------*/
    
    #particles-js {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    
    .coming_soon9 {
        background: rgba(0, 0, 0, 0) url("images/bg19.jpg") no-repeat scroll center center / cover;
        overflow: hidden;
    }
    
    .coming_soon9 .overlay {
        background-color: rgba(0, 0, 0, 0.7);
        background-image: none;
    }
    
    .coming_soon9 .subscribe_area ul.clearfix {
        border-radius: 5px;
    }
    
    .coming_soon9 .subscribe_area ul.clearfix>li input {
        border-radius: 5px;
    }
    
    .coming_soon9 .subscribe_area ul.clearfix>li button {
        border-radius: 5px;
        box-shadow: 2px 2px 0 #25566f inset, 1px 1px 1px rgba(255, 255, 255, 0.22);
    }
    
    .coming_soon9 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px;
    }
    
    .coming_soon9 .subscribe_area .social_contactlink a:hover {
        background: #2980b9 none repeat scroll 0 0;
    }
    /*------------------- 11. end coming soon9 style --------------------*/
    /*------------------- 12. start coming soon10 style ------------------*/
    
    .coming_soon10 {
        background: rgba(0, 0, 0, 0) url("images/bg20.jpg") no-repeat scroll center center / cover;
        overflow: hidden;
    }
    
    .coming_soon10 .overlay {
        background: rgba(0, 0, 0, 0.5);
    }
    
    .coming_soon10 .countDown .single-count h1 {
        color: #19b200;
    }
    
    .coming_soon10 .subscribe_area ul.clearfix {
        background: #19b200 none repeat scroll 0 0;
        padding: 8px;
        border-radius: 50px;
    }
    
    .coming_soon10 .subscribe_area ul.clearfix>li input {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-radius: 50px;
        height: 46px;
        padding: 5px 15px 5px 25px;
        color: #000;
        opacity: 1;
    }
    
    .coming_soon10 .subscribe_area ul.clearfix>li:first-child {
        width: 68%;
    }
    
    .coming_soon10 .subscribe_area ul.clearfix>li:last-child {
        width: 32%;
        margin-left: 0;
    }
    
    .coming_soon10 .subscribe_area ul.clearfix>li button {
        background: #000 none repeat scroll 0 0;
        border-radius: 50px;
        box-shadow: none;
        height: 46px;
    }
    
    .coming_soon10 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px;
    }
    
    .coming_soon10 .subscribe_area .social_contactlink a:hover {
        background: #3ad300 none repeat scroll 0 0;
        color: #000;
        opacity: 1;
    }
    /*------------------- 12. end coming soon10 style --------------------*/
    /*------------------- 13. start coming soon11 style ------------------*/
    
    .coming_soon11 {
        background: rgb(219, 43, 187);
        background: -moz-linear-gradient(left, rgba(219, 43, 187, 1) 0%, rgba(134, 125, 219, 1) 51%, rgba(82, 211, 97, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(219, 43, 187, 1) 0%, rgba(134, 125, 219, 1) 51%, rgba(82, 211, 97, 1) 100%);
        background: linear-gradient(to right, rgba(219, 43, 187, 1) 0%, rgba(134, 125, 219, 1) 51%, rgba(82, 211, 97, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2bbb', endColorstr='#52d361', GradientType=1);
    }
    
    .coming_soon13,
    .coming_soon11,
    .coming_soon12 {
        overflow: hidden;
    }
    
    .coming_soon9 .subscribe_area ul.clearfix,
    .coming_soon11 .subscribe_area ul.clearfix,
    .coming_soon20 .subscribe_area ul.clearfix {
        background: rgb(41, 128, 185);
        background: -moz-linear-gradient(left, rgba(41, 128, 185, 1) 4%, rgba(142, 68, 173, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(41, 128, 185, 1) 4%, rgba(142, 68, 173, 1) 100%);
        background: linear-gradient(to right, rgba(41, 128, 185, 1) 4%, rgba(142, 68, 173, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2980b9', endColorstr='#8e44ad', GradientType=1);
    }
    
    .coming_soon20 .subscribe_area ul.clearfix>li button,
    .coming_soon20 .subscribe_area ul.clearfix>li input,
    .coming_soon20 .subscribe_area ul.clearfix {
        border-radius: 50px;
    }
    
    .coming_soon20 .subscribe_area .social_contactlink a {
        border-radius: 100%;
        background: #8C45AD;
        padding: 2px;
        border: 1px solid #8C45AD;
    }
    
    .coming_soon20 .subscribe_area .social_contactlink a:hover {
        background: none;
        color: #8C45AD;
    }
    
    .coming_soon13 .overlay {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    }
    
    .coming_soon13 {
        background: rgba(0, 0, 0, 0) url("images/bg22.jpg") no-repeat scroll center center / cover;
    }
    
    .coming_soon11 .single-count h1 {
        color: #fff;
    }
    
    .coming_soon13 .single-count h1 {
        color: #f97401;
    }
    
    .coming_soon11 .subscribe_area ul.clearfix {
        border-radius: 50px;
    }
    
    .coming_soon11 .subscribe_area ul.clearfix>li input {
        border-radius: 50px;
    }
    
    .coming_soon11 .subscribe_area ul.clearfix>li button {
        border-radius: 50px;
        box-shadow: none;
    }
    
    .coming_soon11 .subscribe_area .social_contactlink a {
        border-radius: 100%;
    }
    
    .coming_soon11 .subscribe_area ul.clearfix>li button:hover {
        box-shadow: 2px 2px 0 #25566f inset, 1px 1px 1px rgba(255, 255, 255, 0.22);
    }
    
    .coming_soon13 .subscribe_area ul.clearfix {
        background: #f97401 none repeat scroll 0 0;
        border-radius: 50px;
        padding: 6px;
    }
    
    .coming_soon13 .subscribe_area ul.clearfix>li:first-child {
        width: 70%;
    }
    
    .coming_soon13 .subscribe_area ul.clearfix>li input {
        background: #000 none repeat scroll 0 0;
        border-radius: 50px 0 0 50px;
        height: 50px;
        color: #fff;
        opacity: 1;
        padding: 5px 15px 5px 25px;
    }
    
    .coming_soon13 .subscribe_area ul.clearfix>li:last-child {
        width: 28.7%;
        margin-left: 1.3%;
    }
    
    .coming_soon13 .subscribe_area ul.clearfix>li button {
        background: #000 none repeat scroll 0 0;
        border-radius: 0 50px 50px 0;
        box-shadow: none;
        height: 50px;
    }
    
    .coming_soon13 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px;
    }
    
    .coming_soon13 .subscribe_area .social_contactlink a:hover {
        background: #f97401 none repeat scroll 0 0;
        color: #000;
    }
    /*------------------- 13. end coming soon11 style --------------------*/
    /*------------------- 14. start coming soon14 style ------------------*/
    
    .coming_soon14 canvas#c {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .canvasEffect {
        margin: 0 auto;
        width: 80%;
    }
    
    .coming_soon16 .countDown .single-count h1,
    .coming_soon14 .countDown .single-count h1 {
        color: #5a5ef9;
    }
    
    .coming_soon16 .notify,
    .coming_soon14 .notify {
        background: #5a5ef9 none repeat scroll 0 0;
        border-radius: 3px;
    }
    
    .coming_soon14 .notify.notifyed {
        background: #5a5ef9 none repeat scroll 0 0;
        border-radius: 50px 0;
    }
    
    .coming_soon14 .subscribe_area ul.clearfix {
        background: #5a5ef9;
        padding: 6px;
        border-radius: 50px 0;
    }
    
    .coming_soon14 .subscribe_area ul.clearfix>li:first-child {
        width: 70%;
    }
    
    .coming_soon16 .notify::before,
    .coming_soon14 .notify::before {
        color: #000;
    }
    
    .coming_soon14 .subscribe_area ul.clearfix>li:last-child {
        margin-left: 1.2%;
        width: 28.8%;
    }
    
    .coming_soon14 .subscribe_area ul.clearfix>li input {
        background: #000 none repeat scroll 0 0;
        border: medium none;
        border-radius: 50px 0;
        color: #fff;
        height: 46px;
        opacity: 1;
        padding: 5px 15px 5px 35px;
    }
    
    .coming_soon14 .subscribe_area ul.clearfix>li button {
        background: #000 none repeat scroll 0 0;
        border-radius: 50px 0;
        box-shadow: none;
        height: 46px;
    }
    
    .coming_soon14 .subscribe_area .social_contactlink {
        margin-top: 20px;
        text-align: center;
    }
    
    .coming_soon14 .subscribe_area .social_contactlink a {
        border: 1px solid #5a5ef9;
        border-radius: 100%;
        margin: 0 2px;
        padding: 2px;
    }
    
    .coming_soon14 .subscribe_area .social_contactlink a:hover {
        background: #5A5EF9;
    }
    
    .coming_soon15 .countDown .single-count h1 {
        color: #f97401;
    }
    /*-------------------------------------*/
    
    .coming_soon25 .subscribe_area ul.clearfix,
    .coming_soon17 .subscribe_area ul.clearfix,
    .coming_soon16 .subscribe_area ul.clearfix,
    .coming_soon15 .subscribe_area ul.clearfix {
        background: transparent none repeat scroll 0 0;
        border: 2px solid #f97401;
        border-radius: 50px;
        padding: 8px;
    }
    
    .coming_soon25 .subscribe_area ul.clearfix>li input,
    .coming_soon17 .subscribe_area ul.clearfix>li input,
    .coming_soon16 .subscribe_area ul.clearfix>li input,
    .coming_soon15 .subscribe_area ul.clearfix>li input {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        height: 46px;
        opacity: 1;
    }
    
    .coming_soon25 .subscribe_area ul.clearfix>li button,
    .coming_soon17 .subscribe_area ul.clearfix>li button,
    .coming_soon16 .subscribe_area ul.clearfix>li button,
    .coming_soon15 .subscribe_area ul.clearfix>li button {
        background: #f97401 none repeat scroll 0 0;
        border-radius: 50px;
        box-shadow: none;
        height: 46px;
    }
    
    .coming_soon25 .subscribe_area ul.clearfix>li button:hover,
    .coming_soon17 .subscribe_area ul.clearfix>li button:hover,
    .coming_soon16 .subscribe_area ul.clearfix>li button:hover,
    .coming_soon15 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px
    }
    
    .coming_soon25 .subscribe_area ul.clearfix>li:first-child,
    .coming_soon16 .subscribe_area ul.clearfix>li:first-child,
    .coming_soon15 .subscribe_area ul.clearfix>li:first-child {
        width: 70%;
    }
    
    .coming_soon25 .subscribe_area ul.clearfix>li:last-child,
    .coming_soon16 .subscribe_area ul.clearfix>li:last-child,
    .coming_soon15 .subscribe_area ul.clearfix>li:last-child {
        margin-left: 0;
        width: 30%;
    }
    
    .coming_soon17 .subscribe_area ul.clearfix>li:last-child {
        width: 27%;
        margin-left: 0;
    }
    
    .coming_soon17 .subscribe_area .social_contactlink,
    .coming_soon16 .subscribe_area .social_contactlink,
    .coming_soon15 .subscribe_area .social_contactlink {
        text-align: center;
    }
    
    .coming_soon17 .subscribe_area .social_contactlink a,
    .coming_soon16 .subscribe_area .social_contactlink a,
    .coming_soon15 .subscribe_area .social_contactlink a {
        background: #f97401 none repeat scroll 0 0;
        border-radius: 100%;
        color: #fff;
        padding: 2px;
        border: 1px solid #f97401;
    }
    
    .coming_soon17 .subscribe_area .social_contactlink a:hover,
    .coming_soon16 .subscribe_area .social_contactlink a:hover,
    .coming_soon15 .subscribe_area .social_contactlink a:hover {
        background: none;
        color: #fff;
    }
    /*------------------- 14. end coming soon14 style --------------------*/
    /*------------------- 15. start coming soon15 style ------------------*/
    
    #moving_bg {
        background: #090d00;
    }
    
    #moving_bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    
    #moving_bg canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /*------------------- 15. end coming soon15 style --------------------*/
    /*------------------- 16. start coming soon16 style ------------------*/
    
    .ribbon_effect {
        background-image: url(images/bg21.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
    
    .coming_soon16 .subscribe_area ul.clearfix {
        border: 2px solid #5A5EF9;
    }
    
    .coming_soon16 .subscribe_area ul.clearfix>li button {
        background: #5A5EF9;
    }
    
    .coming_soon16 .subscribe_area .social_contactlink a,
    .coming_soon15 .subscribe_area .social_contactlink a {
        background: #5A5EF9 none repeat scroll 0 0;
        border: 1px solid #5A5EF9;
    }
    
    .coming_soon15 .subscribe_area .social_contactlink a {
        background: #f97401 none repeat scroll 0 0;
        border: 1px solid #f97401;
    }
    /*------------------- 16. end coming soon16 style --------------------*/
    /*------------------- 17. start coming soon17 style ------------------*/
    
    #water_drop canvas {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .coming_soon17 {
        z-index: 2;
    }
    
    .coming_soon17 .overlay {
        background-color: rgba(0, 0, 0, 0.5);
        background-image: none;
    }
    
    .coming_soon17 .subscribe_area ul.clearfix {
        border: 2px solid #56ef06;
    }
    
    .coming_soon17 .subscribe_area ul.clearfix>li button {
        background: #56ef06 none repeat scroll 0 0;
        color: #333;
    }
    
    .coming_soon17 .countDown .single-count h1 {
        color: #56ef06;
    }
    
    .coming_soon17 .subscribe_area .social_contactlink a {
        background: #56ef06 none repeat scroll 0 0;
        border: 1px solid #56EF06;
        color: #333;
    }
    /*------------------- 17. end coming soon17 style --------------------*/
    /*------------------- 18. start coming soon18 style ------------------*/
    
    .triangle-container {
        position: absolute;
        height: 100%;
        width: 100%;
    }
    /*------------------- 18. end coming soon18 style --------------------*/
    /*------------------- 19. start coming soon19 style ------------------*/
    
    .coming_soon19 {
        background: url(images/bg23.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        overflow: hidden;
    }

        .coming_soon19 .overlay {
            rgba(255, 255, 255, 0.81)
        }
    
    .coming_soon19 .rocket_img_area {
        align-items: center;
        display: flex;
        flex-flow: column nowrap;
        height: 100vh;
        justify-content: center;
    }
    
    .coming_soon19 .rocket_img_area .rocket {
        display: block;
        margin: 0 auto;
        position: relative;
        width: 100%;
        z-index: 1;
    }
    
    .coming_soon19 .rocket_img_area .rocket_img {
        height: 515px;
        width: 150px;
    }
    
    .coming_soon19 .rocket_img_area .fire2 {
        bottom: 120px;
        height: 140px;
        left: 50%;
        margin: 0 auto 0 -35px;
        position: absolute;
        width: 70px;
        animation: 0.05s ease 0s alternate none infinite running rocket;
    }
    
    .coming_soon19 .subscribe_area ul.clearfix {
        background: transparent none repeat scroll 0 0;
        border: 3px solid #cd3222;
        border-radius: 50px;
        padding: 5px;
    }
    
    @keyframes rocket {
        0% {
            transform: translateY(5px);
        }
        100% {
            transform: translateY(20px);
        }
    }
    
    @-webkit-keyframes rocket {
        0% {
            -webkit-transform: translateY(5px);
            transform: translateY(5px);
        }
        100% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
    }
    
    .line_falling {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: rotate(-90deg);
        width: 100%;
    }
    
    .line_falling span {
        background: #fff none repeat scroll 0 0;
        height: 2px;
        position: absolute;
        width: 20%;
    }
    
    .line_falling span:nth-child(1) {
        animation: 0.6s linear -5s normal none infinite running line;
        top: 20%;
    }
    
    .line_falling span:nth-child(2) {
        animation: 0.6s linear -1s normal none infinite running line2;
        top: 40%;
    }
    
    .line_falling span:nth-child(3) {
        animation: 0.6s linear 0s normal none infinite running line3;
        top: 60%;
    }
    
    .line_falling span:nth-child(4) {
        animation: 0.6s linear -5s normal none infinite running line4;
        top: 80%;
    }
    
    .line_falling span:nth-child(5) {
        animation: 0.6s linear -9s normal none infinite running line5;
        top: 100%;
    }
    
    @keyframes line {
        0% {
            left: 200%;
        }
        100% {
            left: -200%;
            opacity: 0;
        }
    }
    
    @keyframes line2 {
        0% {
            left: 200%;
        }
        100% {
            left: -200%;
            opacity: 0;
        }
    }
    
    @keyframes line3 {
        0% {
            left: 200%;
        }
        100% {
            left: -100%;
            opacity: 0;
        }
    }
    
    @keyframes line4 {
        0% {
            left: 200%;
        }
        100% {
            left: -100%;
            opacity: 0;
        }
    }
    
    @keyframes line5 {
        0% {
            left: 200%;
        }
        100% {
            left: -100%;
            opacity: 0;
        }
    }
    
    .coming_soon24 .subscribe_area ul.clearfix,
    .coming_soon24 .subscribe_area ul.clearfix>li input,
    .coming_soon24 .subscribe_area ul.clearfix>li button,
    .coming_soon21 .subscribe_area ul.clearfix,
    .coming_soon21 .subscribe_area ul.clearfix>li input,
    .coming_soon21 .subscribe_area ul.clearfix>li button {
        border-radius: 50px;
    }
    /*--------------------------*/
    
    .coming_soon19 .countDown .single-count h1 {
        color: #cd3222;
    }
    
    .coming_soon19 .subscribe_area ul.clearfix>li input {
        background: rgba(0, 0, 0, 0.60);
        border-radius: 50px 0 0 50px;
        color: #fff;
        opacity: 1;
    }
    
    .coming_soon19 .subscribe_area ul.clearfix>li button {
        background: rgba(0, 0, 0, 0.60);
        border-radius: 3px 50px 50px 0;
        box-shadow: none;
        color: #fff;
    }
    
    .coming_soon19 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px;
    }
    
    .coming_soon19 .subscribe_area ul.clearfix>li:last-child {
        margin-left: 0.9%;
        width: 26%;
    }
    
    .coming_soon19 .subscribe_area .social_contactlink a {
        border-radius: 100%;
    }
    
    .coming_soon19 .subscribe_area .social_contactlink a:hover {
        background: #cd3222 none repeat scroll 0 0;
        color: #fff;
    }
    /*------------------- 19. end coming soon19 style --------------------*/
    /*------------------- 20. start coming soon20 style ------------------*/
    
    .coming_soon20 .countDown .single-count h1 {
        color: #8c45ad;
    }
    
    .coming_soon28,
    .coming_soon20 {
        background: url("images/pettern2.png") repeat;
        background-size: 25%;
        overflow: hidden;
    }
    
    .coming_soon20 .overlay {
        background-color: rgba(255, 255, 255, 0.95);
    }
    
    .coming_soon20 .mobile_img {
        align-items: center;
        display: flex;
        flex-flow: column nowrap;
        height: 100vh;
        justify-content: center;
    }
    
    .coming_soon20 .mobile_app {
        width: 60%;
    }
    
    .coming_soon20 .content_text p {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
    .coming_soon20 .single-count p {
        color: #333;
        font-weight: 500;
        opacity: 1;
    }
    /*------------------- 20. end coming soon20 style --------------------*/
    /*------------------- 21. start coming soon21 style ------------------*/
    
    .coming_soon23,
    .coming_soon21 {
        display: flex;
        flex-flow: row nowrap;
        height: 100vh;
        justify-content: flex-end;
        align-items: center;
    }
    
    .coming_soon21 .content_wrapper {
        background: rgba(0, 0, 0, 0) url("images/shapbg1.png") no-repeat;
        background-size: cover;
        background-position: left center;
        padding-left: 370px;
        padding-right: 30px;
        width: 950px;
    }
    
    .coming_soon21 .content_text p {
        font-size: 17px;
        margin-bottom: 40px;
        margin-top: 12px;
    }
    
    .coming_soon21 .subscribe_area ul.clearfix>li button {
        box-shadow: 2px 2px 0 #25566f inset, 1px 1px 1px rgba(255, 255, 255, 0.22);
    }
    
    .coming_soon21 .subscribe_area ul.clearfix>li button:hover {
        letter-spacing: 2px;
    }
    
    .coming_soon21 .subscribe_area .social_contactlink a {
        border-radius: 100%;
    }
    
    .coming_soon22 .countDown .single-count h1 {
        color: #5a79f9;
    }
    /*------------------- 21. end coming soon21 style --------------------*/
    /*------------------- 22. start coming soon22 style ------------------*/
    
    .coming_soon22 {
        overflow: hidden;
    }
    
    .coming_soon22 .content_wrapper {
        background-image: none;
        padding-left: 180px;
        padding-right: 50px;
        width: 54%;
    }
    
    .coming_soon22 .overlay {
        background: rgba(0, 0, 0, 0.8);
        transform: skewX(15deg);
        width: 160%;
        border-left: 13px solid #8e44ad;
    }
    
    .coming_soon22 .content_text,
    .coming_soon22 .countDown,
    .coming_soon22 .subscribe_area {
        z-index: 1;
    }
    
    .coming_soon22 .subscribe_area ul.clearfix {
        background: #5a79f9 none repeat scroll 0 0;
    }
    /*------------------- 22. end coming soon22 style --------------------*/
    /*------------------- 23. start coming soon23 style ------------------*/
    
    .coming_soon23 .content_wrapper {
        background: url(images/shapbg2.png) no-repeat;
        background-position: left center;
        background-size: cover;
        padding-left: 540px;
        padding-right: 30px;
        width: 1070px;
    }
    
    .coming_soon23 .subscribe_area ul.clearfix {
        background: #0c6b00 none repeat scroll 0 0;
    }
    
    .coming_soon23 .social_contactlink a:hover {
        background: #0c6b00;
        color: #fff;
    }
    
    .coming_soon24 .content_text h1,
    .coming_soon23 .content_text h1 {
        font-size: 39px;
        line-height: 47px;
    }
    
    .coming_soon24 .content_text p,
    .coming_soon23 .content_text p {
        margin-top: 7px;
    }
    
    .coming_soon23 .countDown .single-count h1 {
        color: #0c6b00;
    }
    
    .coming_soon23 .subscribe_area ul.clearfix>li button {
        box-shadow: 2px 2px 0 #074707, 1px 1px 1px rgba(255, 255, 255, 0.22) inset;
    }
    
    .coming_soon23 .subscribe_area ul.clearfix>li button:hover {
        box-shadow: 2px 2px 0 #074707 inset, 1px 1px 1px rgba(255, 255, 255, 0.22);
    }
    /*------------------- 23. end coming soon23 style --------------------*/
    /*------------------- 24. start coming soon24 style ------------------*/
    
    .coming_soon24 {
        justify-content: flex-start;
    }
    
    .coming_soon24 .overlay {
        background: rgba(0, 0, 0, 0.7);
    }
    
    .coming_soon24 .content_wrapper {
        background: none;
    }
    
    .coming_soon24 .single-count h1 {
        color: #e9ab03;
    }
    
    .coming_soon24 .single-count p {
        margin-top: 0px;
    }
    
    .coming_soon24 .subscribe_area .social_contactlink a {
        border-radius: 100%;
    }
    
    .coming_soon24 .subscribe_area ul.clearfix>li button {
        box-shadow: 2px 2px 0 #d19307, 1px 1px 1px rgba(255, 255, 255, 0.29) inset;
    }
    
    .coming_soon24 .subscribe_area ul.clearfix>li button:hover {
        box-shadow: 2px 2px 0 #d19307 inset, 1px 1px 1px rgba(255, 255, 255, 0.29);
        letter-spacing: 2px;
    }
    
    .coming_soon24 .subscribe_area ul.clearfix {
        background: #e9ab03 none repeat scroll 0 0;
    }
    
    .coming_soon24 .subscribe_area .social_contactlink a {
        background: rgba(233, 171, 3, 0.4) none repeat scroll 0 0;
    }
    
    .coming_soon24 .subscribe_area .social_contactlink a:hover {
        background: #e9ab03 none repeat scroll 0 0;
    }
    /*------------------- 24. end coming soon24 style --------------------*/
    /*------------------- 25. start coming soon25 style ------------------*/
    
    .coming_soon25 {
        background: url(images/bg36.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .coming_soon25 .social_contactlink {
        text-align: center;
    }
    
    .coming_soon25 .single-count h1 {
        color: #56EF06;
    }
    
    .coming_soon25 .subscribe_area ul.clearfix {
        background: transparent none repeat scroll 0 0;
        border: 2px solid #56EF06;
    }
    
    .coming_soon25 .subscribe_area ul.clearfix>li button {
        background: #56EF06 none repeat scroll 0 0;
        color: #000;
    }
    
    .coming_soon25 .subscribe_area .social_contactlink a {
        background: #56ef06 none repeat scroll 0 0;
        border: 1px solid #56ef06;
        border-radius: 100%;
        color: #000;
        padding: 2px;
    }
    
    .coming_soon25 .subscribe_area .social_contactlink a:hover {
        background: none;
        color: #fff;
    }
    /*------------------- 25. end coming soon25 style --------------------*/
    /*------------------- 26. start coming soon26 style ------------------*/
    
    .coming_soon26 {
        background: url(images/bg35.jpg) no-repeat;
        background-size: cover;
        background-position: center right;
        overflow: hidden;
    }
    
    .coming_soon25 .overlay,
    .coming_soon26 .overlay {
        background-image: none;
        background-color: rgba(0, 0, 0, 0.5)!important;
    }
    /*------------------- 26. end coming soon26 style --------------------*/
    /*------------------- 27. start coming soon27 style --------------------*/
    
    .coming_soon27 {
        background: url(images/bg37.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        overflow: hidden;
    }
    
    .coming_soon27 .overlay {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    }
    /*------------------- 27. end coming soon27 style --------------------*/
    /*------------------- 28. start coming soon28 style ------------------*/
    
    .coming_soon28 .content_wrapper {
        height: 100vh;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }
    
    .coming_soon28 .overlay {
        background-color: rgba(255, 255, 255, 0.95);
    }
    
    .coming_soon28 .content_wrapper img {
        margin: 0 auto;
        width: 355px;
    }
    
    .coming_soon28 .content_wrapper p {
        margin: 0 auto 10px;
        width: 50%;
    }
    
    .coming_soon28 .content_wrapper p a {
        color: #C81211;
        text-decoration: underline;
    }
    
    .coming_soon28 .content_wrapper p a:hover {
        text-decoration: none;
    }
    
    .coming_soon29 {
        background: url("images/pattern2.jpg") repeat;
    }
    
    .coming_soon29 .content_wrapper p {
        width: 40%;
    }
    
    .coming_soon30 {
        background: none;
    }
    
    .coming_soon30 .content_wrapper img {
        margin: 0 auto 20px;
        width: 215px;
    }
    
    .coming_soon8 .subscribe_area ul.clearfix>li button {
        line-height: 40px;
    }
    /*------------------- 28. end coming soon28 style --------------------*/
    /*--------------error msg style-------------*/
    
    p#msg {
        font-size: 17px;
        margin-bottom: 3px;
        margin-left: 15px;
    }
    
    .coming_soon1 p#msg {
        color: #dab84e;
        margin-top: 6px;
    }
    
    .coming_soon23 p#msg,
    .coming_soon16 p#msg,
    .coming_soon14 p#msg,
    .coming_soon4 p#msg,
    .coming3 p#msg {
        color: #5A79F9;
    }
    
    .coming_soon5 p#msg {
        color: #56EF06;
    }
    
    .coming_soon8 p#msg,
    .coming_soon7 p#msg,
    .coming_soon6 p#msg {
        color: #E7B00B;
    }
    
    .coming_soon21 p#msg,
    .coming_soon11 p#msg,
    .coming_soon9 p#msg {
        color: #fff;
    }
    
    .coming_soon10 p#msg {
        color: #19B200;
    }
    
    .coming_soon18 p#msg,
    .coming_soon13 p#msg {
        color: #F97401;
    }
    
    .coming_soon15 p#msg {
        color: #F97401;
    }
    
    .coming_soon26 p#msg,
    .coming_soon25 p#msg,
    .coming_soon17 p#msg {
        color: #56EF06;
    }
    
    .coming_soon19 p#msg {
        color: #CD3222;
    }
    
    .coming_soon27 p#msg,
    .coming_soon24 p#msg {
        color: #E9AB03;
    }
    
    .coming_soon23 p#msg {
        color: #0C6B00;
    }
    /*------------------- 29. start coming soon-31 style ------------------*/
    
    .coming_31 {
        background: url(images/bg38.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        overflow: hidden;
    }
    
    .coming_31 .overlay {
        background: rgba(34, 34, 34, 0.4);
    }
    
    .content_wrapper2 {
        z-index: 1;
    }
    
    .style2_content_wrapper2 .content_text .logo,
    .content_wrapper2 .content_text .logo {
        width: 80px;
    }
    
    .content_wrapper2 .content_text h1 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .content_wrapper2 .content_text p {
        font-size: 18px;
        line-height: 28px;
        margin: 10px auto 0;
        opacity: 0.7;
        width: 75%;
    }
    
    .button_area li {
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: "Playfair Display", serif;
        font-style: italic;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 49px;
        margin: 0 10px;
        text-transform: capitalize;
        transition: all 0.3s linear 0s;
        width: 170px;
        letter-spacing: 1px;
    }
    
    .button_area li:hover {
        background: none;
    }
    /*-------------------------countdown style----------------------*/
    
    .countDown2 {
        height: 100vh;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .countDown2 .single-count.second h1 {
        color: rgba(255, 255, 255, 0.11);
        font-size: 380px;
        height: 300px;
        line-height: 356px;
        width: 500px;
    }
    
    .countDown2 .single-count.second {
        position: absolute;
        right: 30px;
        top: 0;
    }
    
    .countDown2 .time_wrapper {
        bottom: 30px;
        position: absolute;
        right: 50px;
        width: 250px;
        text-align: center;
    }
    
    .countDown2 .time_wrapper::before,
    .countDown2 .time_wrapper::after {
        background: #fff none repeat scroll 0 0;
        content: "";
        height: 70px;
        position: absolute;
        top: 32px;
        width: 2px;
    }
    
    .countDown2 .time_wrapper::before {
        left: 0;
    }
    
    .countDown2 .time_wrapper::after {
        right: 0;
    }
    
    .countDown2 .single-count.hour,
    .countDown2 .single-count.min {
        display: inline-block;
    }
    
    .countDown2 .single-count.hour h1,
    .countDown2 .single-count.min h1 {
        font-size: 20px;
        line-height: 23px;
    }
    
    .countDown2 .single-count p {
        color: #fff;
        opacity: 0.6;
        text-transform: capitalize;
    }
    
    .countDown2 .time_wrapper .days_ref.popins {
        position: absolute;
        right: 35px;
        top: 0;
    }
    
    .countDown2 .time_wrapper .single-count.day.text-center::after,
    .countDown2 .time_wrapper .single-count.day.text-center::before {
        background: #fff none repeat scroll 0 0;
        content: "";
        height: 2px;
        position: absolute;
        top: 32px;
        width: 50px;
    }
    
    .countDown2 .time_wrapper .single-count.day.text-center::before {
        left: 0;
    }
    
    .countDown2 .time_wrapper .single-count.day.text-center::after {
        right: 0;
    }
    
    .countDown2 .time_wrapper .hours_ref.playfair,
    .countDown2 .time_wrapper .minutes_ref.playfair {
        font-style: italic;
        letter-spacing: 1px;
    }
    
    .countDown2 .time_wrapper .hour h1,
    .countDown2 .time_wrapper .hour p,
    .countDown2 .time_wrapper .min h1,
    .countDown2 .time_wrapper .min p {
        display: inline-block;
    }
    
    .countDown2 .time_wrapper .single-count.hour.text-center {
        margin-right: 10px;
    }
    
    .countDown2 .time_wrapper .single-count.hour.text-center::before,
    .countDown2 .time_wrapper .single-count.hour.text-center::after {
        background: #fff none repeat scroll 0 0;
        bottom: 12px;
        content: "";
        height: 2px;
        position: absolute;
        width: 40px;
    }
    
    .countDown2 .time_wrapper .single-count.hour.text-center::before {
        left: 0;
    }
    
    .countDown2 .time_wrapper .single-count.hour.text-center::after {
        right: 0;
    }
    
    .countDown2 .single-count p.seconds_ref {
        display: none;
    }
    /*---------social connection area-------------*/
    
    .social_connection {
        bottom: 20px;
        left: 40px;
        position: absolute;
    }
    
    .social_connection ul li a {
        border-radius: 100%;
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.08);
        color: #fff;
        display: block;
        height: 30px;
        margin-bottom: 25px;
        padding: 3px;
        position: relative;
        text-align: center;
        width: 30px;
    }
    
    .social_connection ul li a:hover {
        box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.08);
    }
    
    .social_connection ul li span.tooltipp {
        left: 45px;
        position: absolute;
        top: 2px;
    }
    /*---------sbscribe area------------*/
    
    .subscribe_area2 {
        border-style: solid;
        border-width: 7px;
        background: #fff none repeat scroll 0 0;
        left: 50%;
        margin-left: -175px;
        padding: 70px 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-60%);
        width: 350px;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
    }
    
    .subscribe_area2.show_from {
        transform: translateY(-50%);
        opacity: 1;
        visibility: visible;
    }
    
    .subscribe_area2 h3 {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 50px;
    }
    
    .subscribe_area2 form input {
        border-style: solid;
        border-width: 1px;
        box-shadow: none;
        background: none;
        color: #333;
        padding: 10px 17px;
        width: 100%;
        border-radius: 3px
    }
    
    .subscribe_area2 form input:focus {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0!imprtant;
        box-shadow: none!imprtant;
        outline: medium none!imprtant;
    }
    
    .subscribe_area2 form button {
        border: medium none;
        border-radius: 3px;
        color: #fff;
        font-weight: 500;
        height: 46px;
        margin-top: 20px;
        position: relative;
        text-transform: capitalize;
        width: 150px;
        padding-top: 1px;
        font-family: "Playfair Display", serif;
        font-style: italic;
        letter-spacing: 1px;
    }
    
    input:focus {
        box-shadow: nonef!important;
        outline: nonef!important;
    }
    
    .subscribe_area2 form button:after {
        content: "\f178 ";
        font-family: fontawesome;
        position: absolute;
        right: 28px;
        top: 15px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s linear;
    }
    
    .subscribe_area2 form button:hover {
        width: 160px;
        padding-right: 20px;
    }
    
    .subscribe_area2 form button:hover:after {
        right: 24px;
        opacity: 1;
        visibility: visible;
    }
    
    .information_section span#cross2,
    .subscribe_area2 span#cross {
        border-style: solid;
        border-width: 1px;
        border-radius: 100%;
        height: 24px;
        line-height: 21px;
        text-align: center;
        width: 24px;
    }
    
    .information_section span#cross2,
    .subscribe_area2 span#cross {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    /*-------------------information section-------------------*/
    
    .information_section {
        background: #efefef none repeat scroll 0 0;
        height: 100%;
        left: -600px;
        overflow: auto;
        position: absolute;
        top: 0;
        padding: 40px 30px;
        width: 600px;
        z-index: 2;
        transition: left 0.7s;
    }
    
    .information_section.show {
        left: 0;
    }
    
    .information_section .team_area h3::before,
    .information_section .service_area h3::before,
    .information_section .about_area h3::before {
        background: #d5d5d5 none repeat scroll 0 0;
        content: "";
        height: 1px;
        position: absolute;
        right: 0;
        bottom: -3px;
        width: 100%;
    }
    
    .information_section .about_area p {
        color: #555;
        font-size: 17px;
        line-height: 27px;
    }
    
    .information_section .service_wrapper {
        margin-left: -30px;
    }
    
    .information_section .single_service.pos_relative {
        float: left;
        margin-left: 30px;
        width: 44.5%;
        margin-bottom: 50px;
    }
    
    .information_section .single_service>img {
        width: 60px;
    }
    
    .information_section .single_service h5 {
        font-size: 19px;
        line-height: 26px;
        margin-bottom: 9px;
        margin-top: 20px;
    }
    
    .information_section .single_service p {
        color: #333;
        font-size: 14px;
        line-height: 22px;
    }
    /*--------team section---------*/
    
    .team_area .team_wrapper.clearfix {
        margin-left: -30px;
    }
    
    .team_area .single_member {
        float: left;
        margin-bottom: 50px;
        margin-left: 30px;
        text-align: center;
        width: 44.5%;
    }
    
    .team_area .single_member>img {
        width: 100%;
    }
    
    .team_area .single_member a {
        color: #222;
        display: block;
        font-weight: 500;
        margin-top: 10px;
    }
    
    .team_area .single_member a:hover {
        color: #304cde;
    }
    
    .team_area .single_member>span {
        color: #555;
        font-size: 14px;
    }
    /*-----------templete color variation-------------*/
    
    .bg_30 {
        background: #304cde;
    }
    
    .color_30 {
        color: #304cde;
    }
    
    .border_color_30 {
        border-color: #304cde;
    }
    /*--------------------------------*/
    
    .bg_da0 {
        background: #DA083D;
    }
    
    .color_da0 {
        color: #DA083D;
    }
    
    .border_color_da {
        border-color: #DA083D;
    }
    /*-----------------------------*/
    
    .bg_0d {
        background: #0D79D7;
    }
    
    .color_0d {
        color: #0D79D7;
    }
    
    .border_color_0d {
        border-color: #0D79D7;
    }
    /*-----------------------------*/
    
    .bg_40 {
        background: #40d800;
    }
    
    .color_40 {
        color: #40d800;
    }
    
    .border_color_40 {
        border-color: #40d800;
    }
    /*-----------------------------*/
    
    .bg_f3 {
        background: #f3e500;
    }
    
    .color_f3 {
        color: #f3e500;
    }
    
    .border_color_f3 {
        border-color: #f3e500;
    }
    /*-----------------------------*/
    
    .bg_c5 {
        background: #a10059;
    }
    
    .color_c5 {
        color: #a10059;
    }
    
    .border_color_c5 {
        border-color: #a10059;
    }
    /*-----------------------------*/
    
    .bg_01 {
        background: #01FF01;
    }
    
    .color_01 {
        color: #01FF01;
    }
    
    .border_color_01 {
        border-color: #01FF01;
    }
    /*-----------------------------*/
    
    .bg_dc {
        background: #dcc036;
    }
    
    .color_dc {
        color: #dcc036;
    }
    
    .border_color_dc {
        border-color: #dcc036;
    }
    /*-----------------------------*/
    
    .bg_ed {
        background: #ed001b;
    }
    
    .color_ed {
        color: #ed001b;
    }
    
    .border_color_ed {
        border-color: #ed001b;
    }
    /*------------------- 29. end coming soon-31 style --------------------*/
    /*------------------- 30. start coming soon32 style ------------------*/
    
    body.canvas32 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }
    
    #canvas32 {
        width: 100%;
        height: 100%;
        background: #04BBD3;
    }
    
    .coming_32 {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9;
    }
    
    .coming_32 .countDown2 .single-count.second h1 {
        color: rgba(255, 255, 255, 0.26);
    }
    
    .coming_32 .content_wrapper2 .content_text p {
        opacity: 1;
    }
    
    .coming_33 .team_area .single_member a:hover,
    .coming_32 .team_area .single_member a:hover {
        color: #DA083D;
    }
    
    .coming_32 .social_connection ul li a {
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.16);
    }
    
    .coming_32 .social_connection ul li a:hover {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.16);
    }
    
    .coming_33 .content_wrapper2 .content_text h1,
    .coming_32 .content_wrapper2 .content_text h1,
    .coming_33 .countDown2 .single-count h1.days,
    .coming_32 .countDown2 .single-count h1.days {
        color: #DA083D;
    }
    /*------------------- 30. end coming soon32 style --------------------*/
    /*------------------- 31. start coming soon33 style ------------------*/
    
    .coming_33 {
        background: #25003A url("images/pettern2.png") repeat scroll 0 0;
        overflow: hidden;
        background-size: 60%;
    }
    
    .coming_33 .countDown2 .single-count.second h1 {
        color: #410f5d;
    }
    /*------------------- 31. end coming soon33 style --------------------*/
    /*------------------- 32. start coming soon34 style ------------------*/
    
    .coming_34 {
        background: rgba(0, 0, 0, 0) url("images/bg18.jpg") no-repeat scroll center center / cover;
        overflow: hidden;
    }
    
    .coming_34 .overlay {
        background: rgba(0, 0, 0, 0.5);
    }
    /*------------------- 32. end coming soon34 style --------------------*/
    /*------------------- 33. start coming soon35 style ------------------*/
    
    .comingbody35 {
        overflow: hidden;
    }
    
    .coming_35 {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        overflow: hidden;
        background: -moz-linear-gradient(top, rgba(218, 8, 61, 1) 0%, rgba(218, 8, 61, 0.99) 1%, rgba(74, 3, 22, 0.5) 68%, rgba(5, 0, 3, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(218, 8, 61, 1) 0%, rgba(218, 8, 61, 0.99) 1%, rgba(74, 3, 22, 0.5) 68%, rgba(5, 0, 3, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(218, 8, 61, 1) 0%, rgba(218, 8, 61, 0.99) 1%, rgba(74, 3, 22, 0.5) 68%, rgba(5, 0, 3, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da083d', endColorstr='#80050003', GradientType=0);
    }
    
    .coming_35 .countDown2 .single-count.second h1 {
        color: rgba(255, 255, 255, 0.6);
    }
    
    .coming_36 .team_area .single_member a:hover,
    .coming_35 .team_area .single_member a:hover {
        color: #DA083D;
    }
    /*------------------- 33. end coming soon35 style --------------------*/
    /*------------------- 34. start coming soon 36 style ------------------*/
    
    .coming_36 {
        background: url(images/bg39.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .coming_36 .overlay {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    }
    
    .coming_36 .countDown2 .single-count.second h1 {
        color: rgba(255, 255, 255, 0.23);
    }
    
    section.coming_37,
    section.coming_36 {
        overflow: hidden;
    }
    /*------------------- 34. end coming soon 36 style --------------------*/
    /*------------------- 35. start coming soon 37 style ------------------*/
    
    .coming_37 {
        background: rgb(65, 68, 223);
        background: -moz-linear-gradient(left, rgba(65, 68, 223, 1) 1%, rgba(222, 56, 119, 1) 100%, rgba(59, 70, 229, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(65, 68, 223, 1) 1%, rgba(222, 56, 119, 1) 100%, rgba(59, 70, 229, 1) 100%);
        background: linear-gradient(to right, rgba(65, 68, 223, 1) 1%, rgba(222, 56, 119, 1) 100%, rgba(59, 70, 229, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4144df', endColorstr='#3b46e5', GradientType=1);
    }
    
    .coming_37 .button_area li {
        color: #222;
    }
    
    .coming_37 .social_connection ul li a {
        color: #4144DF;
    }
    
    .coming_37 .team_area .single_member a:hover {
        color: #40d800;
    }
    
    .coming_38 .button_area li:hover,
    .coming_37 .button_area li:hover,
    .coming_38 .social_connection ul li span.tooltipp,
    .coming_37 .social_connection ul li span.tooltipp {
        color: #fff;
    }
    /*------------------- 35. end coming soon 37 style --------------------*/
    /*------------------- 36. start coming soon 38 style ------------------*/
    
    .coming_38 {
        background: #008f5a none repeat scroll 0 0;
    }
    
    .coming_38 .button_area li {
        color: #222;
    }
    
    .coming_38 .social_connection ul li a {
        color: #008f5a;
    }
    
    .coming_38 .social_connection ul li a {
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.08);
    }
    
    .coming_38 .social_connection ul li a:hover {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.08);
    }
    
    .coming_38 .subscribe_area2 form button {
        color: #111;
    }
    
    .coming_38 .team_area .single_member a:hover {
        color: #f3e500;
    }
    
    .coming_38 .countDown2 .single-count.second h1 {
        color: #008f5a;
        text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    }
    
    .coming_38 .information_section {
        background: #008f5a none repeat scroll 0 0;
    }
    
    .coming_38 .team_area .single_member>span,
    .coming_38 .information_section .single_service h5,
    .coming_38 .information_section .single_service p,
    .coming_38 .information_section .about_area p {
        color: #fff;
    }
    /*------------------- 36. end coming soon 38 style --------------------*/
    /*------------------- 37. start coming soon 39 style ------------------*/
    
    .coming_39 {
        background: url(images/bg40.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .coming_39 .overlay {
        background: rgba(0, 0, 0, 0.4);
    }
    
    .coming_39 .style2_content_wrapper2 {
        margin-top: 60px;
        position: relative;
        z-index: 1;
    }
    
    .coming_39 .style2_content_wrapper2 .content_text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    
    .coming_39 .style2_content_wrapper2 .button_area li {
        height: 45px;
        line-height: 40px;
        width: 150px;
    }
    
    .coming_39 .style2_content_wrapper2 .button_area li:first-child {
        margin-left: 0;
    }
    
    .coming_39 .social_connection li {
        display: inline-block;
        margin-right: 15px;
    }
    
    .coming_39 .content_wrapper2.pos_relative>img {
        margin: 0 auto;
        width: 280px;
    }
    
    .coming_39 .product_img {
        left: 50%;
        position: absolute;
        top: 63%;
        transform: translate(-50%, -40%);
        width: 650px;
    }
    
    .coming_39 .team_area .single_member a:hover {
        color: #a10059;
    }
    
    .coming_39 .style2_content_wrapper2 .content_text p {
        opacity: 0.8;
        margin-top: 12px;
    }
    
    .coming_39 .information_section .single_service h5 {
        color: #333;
    }
    /*------------------- 37. end coming soon 39 style --------------------*/
    /*------------------- 38. start coming soon 40 style ------------------*/
    
    .coming_40 .overlay {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    }
    
    .coming_40 {
        background: url("images/bg42.jpg") no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .coming_40 .product_area {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 240px;
        height: 100vh;
        display: flex;
        flex-flow: column;
        align-items: flex-end;
        justify-content: center;
    }
    
    .coming_40 .product_img1 {
        width: 100%;
    }
    
    .coming_40 .product_img2 {
        bottom: 40px;
        position: absolute;
        right: -140px;
        width: 180px;
    }
    
    .coming_40 .social_connection ul li a,
    .coming_40 .subscribe_area2 form button,
    .coming_40 .style2_content_wrapper2 .button_area li {
        color: #000;
    }
    
    .coming_40 .style2_content_wrapper2 .button_area li:hover {
        color: #fff;
    }
    
    .coming_40 .information_section {
        background: #111 none repeat scroll 0 0;
    }
    
    .coming_40 .team_area .single_member a,
    .coming_40 .information_section .single_service p,
    .coming_40 .information_section .about_area p {
        color: #ddd;
    }
    
    .coming_40 .team_area .single_member a:hover {
        color: #01FF01;
    }
    
    .coming_40 .information_section .single_service h5 {
        color: #fff;
    }
    
    .coming_40 .social_connection ul li a {
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.5);
    }
    
    .coming_40 .social_connection ul li a:hover {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
    }
    /*------------------- 38. end coming soon 40 style --------------------*/
    /*------------------- 39. start coming soon 41 style ------------------*/
    
    .coming_41 {
        background: rgba(0, 0, 0, 0) url("images/bg41.jpg") no-repeat;
        background-position: center bottom;
        background-size: cover;
    }
    
    .coming_41 .team_area .single_member a:hover {
        color: #da083d;
    }
    /*------------------- 39. end coming soon 41 style --------------------*/
    /*------------------- 40. start coming soon 42 style ------------------*/
    
    .coming_42 {
        background: url("images/bg43.jpg") no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .coming_42 .subscribe_area2 form button,
    .coming_42 .social_connection ul li a,
    .coming_42 .button_area li {
        color: #000;
    }
    
    .coming_42 .button_area li:hover {
        color: #fff;
    }
    
    .coming_42 .team_area .single_member a:hover {
        color: #dcc036;
    }
    /*------------------- 40. end coming soon 42 style --------------------*/
    /*------------------- 41. start coming soon 43 style ------------------*/
    
    .coming_soon43 {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    
    .coming_soon43 .content_wrapper img {
        margin: 0 auto;
        width: initial;
    }
    /*------------------- 41. end coming soon 43 style --------------------*/
    /*------------------- 42. start coming soon 44 style ------------------*/
    
    .coming_44 {
        background: rgba(0, 0, 0, 0) url("images/bg44.jpg") no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .coming_44 .overlay {
        background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    }
    
    .countDown3 {
        align-items: center;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        left: 50%;
        position: absolute;
        top: 0px;
        transform: translateX(-50%);
    }
    
    .countDown3 .single-count {
        margin: 0 30px;
        position: relative;
        text-align: center;
    }
    
    .single-count img {
        width: 80px;
    }
    
    .countDown3 .single-count p {
        bottom: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        left: 50%;
        line-height: 15px;
        position: absolute;
        text-transform: capitalize;
        transform: translateX(-50%);
    }
    
    .countDown3 .single-count h4 {
        bottom: 37px;
        left: 50%;
        line-height: 25px;
        position: absolute;
        transform: translateX(-50%);
    }
    
    .coming_44 .team_area .single_member a:hover {
        color: #ed001b;
    }
    
    .coming_44 .content_wrapper2 .content_text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    /*------------------- 42. end coming soon 44 style --------------------*/
    /*------------------- 43. start coming soon 45 style ------------------*/
    
    body.coming45 {
        background: rgb(0, 255, 126);
        background: -moz-linear-gradient(right, rgba(0, 255, 126, 1) 1%, rgba(0, 84, 255, 1) 100%);
        background: -webkit-linear-gradient(right, rgba(0, 255, 126, 1) 1%, rgba(0, 84, 255, 1) 100%);
        background: linear-gradient(to left, rgba(0, 255, 126, 1) 1%, rgba(0, 84, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff7e', endColorstr='#0054ff', GradientType=1);
        height: 100%;
        margin: 0;
        overflow: hidden;
        width: 100%;
    }
    
    .coming_45 .countDown2 .single-count.second h1 {
        color: rgba(0, 0, 0, 0.20);
    }
    
    .coming_45 {
        background: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .coming_45 .social_connection ul li a {
        border-radius: 100%;
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.25);
    }
    
    .coming_45 .social_connection ul li a:hover {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.25);
    }
    
    .coming_45 .team_area .single_member a:hover {
        color: #da083d;
    }
    /*------------------- 43. end coming soon 45 style --------------------*/
    /*------------------- 44. start coming soon 46 style ------------------*/
    
    body.coming46 {
        margin: 0;
        overflow: hidden;
        background: url(images/bg45.jpg) no-repeat;
    }
    
    .coming_46 {
        background: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .coming46 .countDown2 .single-count.second h1 {
        color: rgba(255, 255, 255, 0.21);
    }
    
    .coming_39 {
        padding-left: 40px;
    }
    
    .coming_39 .social_connection {
        left: 55px;
    }
    /*------------------- 44. end coming soon 46 style --------------------*/
    /*------------------- 45. start coming soon 47 style ------------------*/
    
    .coming_47 {
        background: rgb(50, 113, 255);
        background: -moz-linear-gradient(-45deg, rgba(50, 113, 255, 1) 0%, rgba(78, 239, 14, 1) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(50, 113, 255, 1) 0%, rgba(78, 239, 14, 1) 100%);
        background: linear-gradient(135deg, rgba(50, 113, 255, 1) 0%, rgba(78, 239, 14, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3271ff', endColorstr='#4eef0e', GradientType=1);
        overflow: hidden;
    }
    
    .countDown4 {
        align-items: center;
        background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
        border-radius: 5px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        padding: 40px 0 32px;
    }
    
    .coming_47 .social_connection ul li a {
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.2);
    }
    
    .coming_47 .social_connection ul li a:hover {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    
    .countDown4 .single-count {
        flex: 1 1 0;
    }
    
    .content_style4 .content_text p {
        font-size: 16px;
        line-height: 22px;
        margin: 10px auto 30px;
        opacity: 0.80;
        width: 100%;
    }
    
    .countDown4 .single-count h1 {
        font-size: 60px;
        line-height: 54px;
    }
    
    .countDown4 .single-count p {
        color: #fff;
        font-weight: 300;
        text-transform: capitalize;
    }
    
    .coming_47 span.box {
        display: block;
        position: absolute;
    }
    
    .coming_47 span.box img {
        width: 100%;
    }
    
    .coming_47 span.box1 {
        left: 130px;
        top: 60px;
        height: 50px;
        width: 50px;
    }
    
    .coming_47 span.box1 img {
        transform: rotate(0deg);
        animation: spanrotate 5s linear infinite;
    }
    
    .coming_47 span.box1::before {
        background: rgba(0, 0, 0, 0.11) none repeat scroll 0 0;
        content: "";
        height: 61px;
        left: 50%;
        position: absolute;
        top: -60px;
        width: 1px;
    }
    /*-------box-2------*/
    
    .coming_47 span.box2 {
        height: 80px;
        right: 130px;
        top: 100px;
        width: 80px;
    }
    
    .coming_47 span.box2 img {
        transform: rotate(0deg);
        animation: spanrotate 5s linear infinite;
    }
    
    .coming_47 span.box2::before {
        background: rgba(0, 0, 0, 0.11) none repeat scroll 0 0;
        content: "";
        height: 117px;
        left: 50%;
        position: absolute;
        top: -113px;
        width: 1px;
    }
    
    @-webkit-keyframes spanrotate {
        from {
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }
        to {
            -webkit-transform: rotateY(360deg);
            -moz-transform: rotateY(360deg);
            -ms-transform: rotateY(360deg);
            -o-transform: rotateY(360deg);
            transform: rotateY(360deg);
        }
    }
    
    @keyframes spanrotate {
        from {
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }
        to {
            -webkit-transform: rotateY(360deg);
            -moz-transform: rotateY(360deg);
            -ms-transform: rotateY(360deg);
            -o-transform: rotateY(360deg);
            transform: rotateY(360deg);
        }
    }
    /*---------box-4--------*/
    
    .coming_47 span.box3,
    .coming_47 span.box4 {
        bottom: 70px;
        height: 60px;
        right: 250px;
        width: 60px;
        transform: rotate(0deg);
        animation: spanrotate4 7s linear infinite;
    }
    
    .coming_47 span.box4 {
        bottom: 70px;
        right: 250px;
    }
    
    .coming_47 span.box3 {
        bottom: 70px;
        left: 250px;
    }
    
    @-webkit-keyframes spanrotate4 {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes spanrotate4 {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    .coming_47 span.box5 {
        height: 60px;
        left: 40%;
        top: 110px;
        width: 60px;
    }
    
    .coming_47 span.box5::before {
        background: rgba(0, 0, 0, 0.11) none repeat scroll 0 0;
        content: "";
        height: 113px;
        left: 50%;
        position: absolute;
        top: -111px;
        width: 1px;
    }
    
    .coming_47 span.box5 img {
        transform: rotate(0deg);
        animation: spanrotate 8s linear infinite;
    }
    
    .coming_47 span.box5 .img2 {
        margin-top: -46px;
    }
    
    .color_a62 {
        color: #a62626;
    }
    
    .bg_a62 {
        background: #a62626;
    }
    
    .border_color_a62 {
        border-color: #a62626;
    }
    
    .coming_47 .team_area .single_member a:hover {
        color: #a62626;
    }
    /*------------------- 45. end coming soon 47 style --------------------*/
    /*------------------- 46. start coming soon 48 style ------------------*/
    
    .coming_48 {
        background: url(images/bg46.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .coming_48 .overlay {
        background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    }
    
    .border_color_e9 {
        border-color: #e91e63;
    }
    
    .color_e9 {
        color: #e91e63;
    }
    
    .bg_e9 {
        background: #e91e63;
    }
    
    .coming_48 .countDown4 {
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    }
    
    .coming_48 .team_area .single_member a:hover {
        color: #e91e63;
    }
    /*------------------- 46. end coming soon 48 style --------------------*/
    /*------------------- 47. start coming soon 49 style ------------------*/
    
    .coming_49 {
        background: url(images/bg47.jpg) no-repeat;
        background-size: cover;
        background-position: center top;
        overflow: hidden;
    }
    
    .coming_49 .countDown2 .single-count.second {
        display: none;
    }
    
    .coming_49 .countDown2 .time_wrapper {
        right: 50%;
        transform: translate(50%);
    }
    
    .coming_49 .social_connection {
        bottom: initial;
        left: initial;
        margin-left: 6px;
        margin-top: 40px;
        position: relative;
    }
    
    .coming_49 .style2_content_wrapper2 {
        margin-top: 130px;
    }
    
    .coming_49 .style2_content_wrapper2 .content_text p {
        font-size: 17px;
        line-height: 28px;
        margin-top: 20px;
        width: 84%;
    }
    
    .border_color_e4 {
        border-color: #e40c83;
    }
    
    .color_e4 {
        color: #e40c83;
    }
    
    .bg_e4 {
        background: #e40c83;
    }
    
    .coming_49 .team_area .single_member a:hover {
        color: #e40c83;
    }
    
    .coming_49 .overlay {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    /*------------------- 47. end coming soon 49 style --------------------*/
    /*------------------- 48. start coming soon 50 style ------------------*/
    
    .coming_50 {
        padding: 0px 0 50px 70px;
        background: #bcbcbc url("images/portfolio.png") no-repeat;
        background-position: right top;
        background-size: contain;
        overflow: hidden;
        height: 100vh;
    }
    
    .coming_50 .overlay {
        background: rgba(138, 43, 226, 1) none repeat scroll 0 0;
        left: -160px;
        transform: skewX(-17deg);
        width: 70%;
    }
    
    .coming_50 .content_wrapper2 .content_text p {
        margin: 10px 0;
        width: 81%;
    }
    
    .coming_50 .content_wrapper2 .content_text h3 {
        opacity: 0.7;
    }
    
    .coming_50 .countDown4 {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding: 27px 0 0;
        width: 60%;
        justify-content: space-between;
    }
    
    .coming_50 .countDown4 .single-count {
        flex: initial;
    }
    
    .coming_50 .countDown4 .single-count h1 {
        font-size: 40px;
        line-height: 40px;
    }
    
    .coming_50 .button_area li:first-child {
        margin-left: 0;
    }
    
    .coming_50 .social_connection {
        bottom: initial;
        left: initial;
        position: relative;
    }
    
    .social_connection50 li {
        display: inline-block;
    }
    
    .social_connection50 li a {
        color: #fff;
        font-size: 20px;
        padding: 6px 12px;
    }
    
    .social_connection50 li a:hover {
        color: #dc143c;
    }
    
    .border_color_dc1 {
        border-color: #dc143c;
    }
    
    .color_dc1 {
        color: #dc143c;
    }
    
    .bg_dc1 {
        background-color: #dc143c;
    }
    
    .coming_50 .team_area .single_member a:hover {
        color: #dc143c;
    }
    /*------------------- 48. end coming soon 50 style --------------------*/
    /*------------------- 49. start coming soon 51 style ------------------*/
    
    .coming_51 {
        background: url(images/bg48.jpg) no-repeat;
        background-size: cover;
        background-position: center top;
    }
    
    .coming_51 .overlay {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    
    .coming_51 .style2_content_wrapper2 .content_text p {
        width: 80%;
    }
    
    .coming_51 .style2_content_wrapper2 {
        margin-top: 130px;
    }
    
    .coming_51 .countDown2 .single-count.second h1 {
        color: rgba(255, 255, 255, 0.2);
    }
    
    .coming_51 .subscribe_area2 form button,
    .coming_51 .social_connection ul li a,
    .coming_51 .button_area li {
        color: #000;
    }
    
    .coming_51 .button_area li:hover {
        color: #01ff01;
    }
    
    .coming_51 .information_section {
        background: #ffffff none repeat scroll 0 0;
    }
    
    .coming_51 .team_area .single_member a:hover {
        color: #01ff01;
    }
    /*------------------- 49. end coming soon 51 style --------------------*/
    /*----------page preloader------------*/
    
    #loading {
        background-color: #fcfcfc;
        height: 100vh;
        width: 100%;
        position: fixed;
        z-index: 1;
        margin-top: 0px;
        top: 0px;
        z-index: 99;
    }
    
    .spinner {
        font-size: 10px;
        height: 70px;
        left: 50%;
        margin-left: -25px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 50px;
        margin-top: -35px;
    }
    
    .spinner>.single_rect {
        background-color: #ED001B;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }
    
    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }
    
    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }
    
    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }
    
    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }
    
    @-webkit-keyframes sk-stretchdelay {
        0%,
        40%,
        100% {
            -webkit-transform: scaleY(0.4)
        }
        20% {
            -webkit-transform: scaleY(1.0)
        }
    }
    
    @keyframes sk-stretchdelay {
        0%,
        40%,
        100% {
            transform: scaleY(0.4);
            -webkit-transform: scaleY(0.4);
        }
        20% {
            transform: scaleY(1.0);
            -webkit-transform: scaleY(1.0);
        }
    }
    /*------------------- end loading style --------------------*/