/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

body{font-family: 'Lato', sans-serif;font-size:16px;line-height:22px;outline:none;font-weight: 400;background: #E8E8E8;}
ul{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
input, button, select, option {outline: none; }
img, a:link, a:focus{outline:none;}
.fix{overflow:hidden}
.floatleft{float:left;}
.floatright{float:right;}
.slicknav_menu{display: none;}
.slicknav_btn {background: none;}
.slicknav_menu {background: #0babe0;position: fixed;top: 0;width: 100%;z-index: 10;}
.slicknav_menu .slicknav_no-text {font-size: 25px;}
#nav{margin-top: 65px;}
#nav ul{margin:0;padding:0;list-style:none;}
#nav ul li{float:left;position: relative;transition: all 0.8s ease 0s;}
#nav ul li a, #nav ul li .btn {
  color: #fff;
  display: block;
  font-family: "Ubuntu",sans-serif;
  font-weight: 400;
  padding: 10px 20px;
  transition: all 500ms ease 0s;
  font-size: 15px;
}
#nav ul li a.active{opacity:0.7;}
#nav ul li a.btn-kpl:hover{color: #fff;}
#nav ul li a.btn-kpl-round{border: 1px solid #fff ;border-radius: 50px;margin-left: 10px;}
#nav ul li a.btn-kpl-round:hover{color: #fff;}
#nav ul li a.violet_a{background:#72457b;border:0;}
#nav ul li a.violet_a:hover{background: #A778B0;}
#nav ul li a:hover{color:#333;}
#nav ul li a.active:hover{color:#fff;}

/*#nav ul li ul{position: absolute;background: #fff;z-index: -9;width: 200px;border: 1px solid#ddd;border-radius: 5px;padding: 10px 0;transition: all 500ms ease 0s;top: -46px;}
#nav ul li:hover ul{top: 60px;z-index: 9;}*/
#nav ul li .btn, .slicknav_nav ul li .btn {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;margin-top: 3px;
  border-radius: 0;
  box-shadow: 0 0 0;
  text-shadow: 0 0 0;
}
#nav ul li ul li{width: 100%;}
#nav ul li ul li a{color: #000;}
#nav ul li ul li a:hover{}

header{background: #0BABE0;}
.header{}
.logo{}
.logo img{padding: 20px 0;}
.sup_coins{padding: 30px 0;}
.sup_coins p{color: #737373;font-size: 14px;margin-right: 15px;margin-top: 9px;}
.sup_coins a.btn-success{background: none repeat scroll 0 0 #4cc257;border: 0 none;box-shadow: 0 0 0;padding: 10px 25px;text-shadow: 0 0 0;text-transform: uppercase;font-size: 13px;letter-spacing: 1px;margin-right: 15px;transition: all 500ms ease 0s;}
.sup_coins a.btn-success:hover{background: none repeat scroll 0 0 #6EDBFF;}
.all_coins{text-align: center;}
.all_coins .top_name{background: #0BABE0;}
.all_coins .top_name p{color: #fff;margin-top: 8px;}
.single_coins{background: none repeat scroll 0 0 #fff;border-radius: 7px;margin-bottom: 5px;padding: 8px 0;}
.single_coins p{font-size: 15px;width: calc(100% / 6);color: #6b6b6b;margin-top: 15px;}
.single_coins p .btn{border: 0 none;box-shadow: 0 0 0;color: #fff;font-size: 13px;letter-spacing: 1px;text-shadow: 0 0 0;text-transform: uppercase;transition: all 500ms ease 0s;margin-top: -4px;}
.single_coins p .explore{background:#0babe0;margin-right: 10px;}
.single_coins p .faucet{background: #2C3E50;}
.tablespace_area{background: #F5F5F5;margin-top: 25px;}
.tablespace{color: #2c3e50;padding: 10px 0;}
.tablespace p{font-size: 14px;}
.tablespace p span{font-weight: 900;margin-right: 10px;}
.butn_area{margin-top: 6px;}
a.btn-kpl, .btn-kpl{transition: all 500ms ease 0s;background: #0babe0;border-radius: 3px;color: #fff;text-transform: uppercase;letter-spacing: 1px;font-size: 13px;padding: 10px 20px;display: inline-block;margin-left: 10px;}
a.btn-kpl:hover{background: #1ABC9C;color:#fff;}
footer{background: #232F3B;padding: 60px 0;}
.widget{margin-bottom: 15px;}
.widget ul{}
.widget ul li{margin-bottom: 8px;}
.widget ul li a{font-size: 14px;color: #fff;transition: all 500ms ease 0s;}
.widget ul li a:hover{}


/* homepage */

.slider_area{}
.slider{height: 100%;position: absolute;width: 100%;z-index: 0;}
.slider img{width: 100%;height: 100%;position: fixed;}
.slider_caption{margin-bottom: 35px;position: absolute;text-align: center;width: 100%;z-index: 9;top: 50%;margin-top: -125px;}

.slider_caption h1{color: #fff;display: block;font-size: 47px;font-weight: 300;line-height: 73px;margin-bottom: 0;padding: 0;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.49);}
.slider_caption p{color: #fff;font-size: 20px;font-weight: 400;margin-bottom: 30px;margin-top: 25px;text-shadow: 0 0 2px rgba(0, 0, 0, 0.49);}
a.learn{background:#fff;color:#333;}
.ha-home{}
a.login{}
.all_content{position: absolute;top: 100%;width: 100%;}
.left_content{text-align: center;padding: 50px 0;}
.left_content img{width: 70%;}
.right_content{padding: 50px 0;}
.right_content h2{color: #fff;font-size: 30px;font-weight: 700;line-height: 41px;margin-bottom: 13px;}
.right_content p{color: #fff;display: block;font-size: 13px;line-height: 23px;margin-bottom: 25px;}
.right_content a.btn-kpl{margin-left: 0;}
.features_area{background-color: #2c3e50;background-image: url("img/gridbg.png");background-position: 50% 50%;background-size: cover;
padding-bottom: 28px;padding-top: 48px;}
.all_features{}
.single_feature{text-align: center;color: #fff;}
.single_feature h3{font-weight: 600;font-size: 16px;}
.single_feature p{font-size: 13px;}
.blog{text-align: center;padding: 40px 0;}
.blog img{}
.blog h2{color: #636363;font-size: 30px;font-weight: 700;line-height: 41px;margin-bottom: 13px;}
.blog span.postedby{color: #b3b3b3;font-size: 14px;line-height: 20px;}
.blog p{color: #c2c2c2;font-size: 14px;margin-top: 10px;}
a.blog-btn{background-color: transparent;border: 1px solid #7d7d7d;border-radius: 3px;color: #636363;display: inline-block;font-size: 13px;letter-spacing: 1px;padding: 10px 20px;transition: background-color 500ms ease 0s, border-color 500ms ease 0s, color 500ms ease 0s;text-transform: uppercase;margin-top: 20px;}
section{position: relative;z-index: 0;}
.parrallax_bg{background-attachment: fixed !important;
background-position: center bottom;
background-size: cover !important;
height: 100%;
left: 0;
margin: 0;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
z-index: -1;}
.cta-block-square{background:#05abe8;margin: 100px auto;padding: 75px 50px;text-align: center;transition: all 0.5s ease 0s;border-radius: 5px;width: 60%;color: #fff;}
.cta-block-square:hover{background:#53C4ED;}
.cta-block-square h2{font-size: 30px;font-weight: 900;margin-bottom: 20px;}
.cta-block-square p{font-size: 20px;font-weight: 300;line-height: 30px;}
.cta-block-square a.blog-btn{border: 1px solid#fff;color: #fff;}
.cta-block-square a.blog-btn:hover{background:#fff;color: #2c3e50;}
.home_footer{text-align: center;}
.home_footer img{width: 70%;}
.home_footer ul{margin-top: 33px;}
.home_footer ul li{float:left;}
.home_footer ul li a{display: inline-block;color: #fff;font-size: 14px;padding: 10px;}
.home_footer ul li a:hover{}
.testimonial_area{background-image: linear-gradient(102deg, #7d4ca8, #0babe0);padding: 25px 0;}
.testimonial{text-align: center;color: #fff;}
.testimonial .carousel-control.left, .testimonial .carousel-control.right{background: none;width: 5%;}
.testimonial h1{font-size: 42px;font-weight: 900;margin-bottom: 45px;}
.testimonial p{font-size: 20px;}
.testimonial p.linkpara{font-size: 16px;}
.testimonial p.linkpara a.slink{color: #0babe0;transition: color 500ms ease 0s;}
.testimonial p.linkpara a.slink:hover{color: #333;}
.single_testimonial{padding: 0 100px;font-size: 19px;margin-bottom: 45px;}
.single_testimonial h4{}
.single_testimonial p{}
.divider-line {background-color: rgba(255, 255, 255, 0.09);height: 1px;margin: 30px 0 20px;}
.slicknav_menu ul li a.btn-kpl {margin-bottom: 5px;margin-left: 0;padding: 5px 14px;display: block;transition: none 0s ease 0s ;}
.slicknav_menu ul li a.btn-kpl:hover {background: #ccc;color:#222;}

/* store directory */

.search_directory{text-align: center;margin-bottom: 50px;}
.sub_page_title{}
.sub_page_title h2{text-align: center;color: #fff;font-size: 49px;font-weight: 300;margin-bottom: 25px;}
input.searchbox{width: 50%;height: 45px;border-radius: 6px;border:none;padding: 5px 10px;}
input.search_submit{border: 1px solid #fff;padding: 10px 30px;}
input.search_submit:hover{background: #1ABC9C;}
.all_items{margin: 50px auto;}
.single_item{height: 300px;border-radius: 5px;position: relative;transition: all 500ms ease 0s ;margin-bottom: 30px;}
.single_item img{width: 100%;height: 100%;}
.caption{bottom: 10%;color: #fff;display: block;position: absolute;text-align: center;width: 100%;transition: all 500ms ease 0s ;}
.caption p{background:#0BABE0;border-radius: 20px;margin: 0 auto;padding: 8px 30px;text-align: center;width: 86%;transition: all 500ms ease 0s ;font-size: 17px;}
.single_item:hover .caption{background: #0BABE0;width: 100%;height: 100%;bottom:0;}
.single_item:hover .caption p{top:50%;margin-top: -20px;position: relative;}

/* merchant page */

.merchant_tools_area{color: #fff;text-align: center;}
.merchant_tools_area h2{font-size: 38px;line-height: 34px;opacity: 1;transform: translateX(0px) translateY(0px);transition: opacity 500ms ease 0s, transform 500ms ease 0s;margin-bottom: 22px;}
.merchant_tools_area p{font-size: 18px;font-weight: 300;padding: 0 100px;line-height: 30px;}
.merchant_tools_area ul{margin: 50px 0;}
.merchant_tools_area ul li{display: inline;}
.merchant_tools_area ul li a{border: 2px solid #fff;border-radius: 50px;color: #fff;display: inline-block;font-size: 17px;margin-right: 15px;padding: 13px 25px;text-transform: capitalize;transition: all 500ms ease 0s;}
.merchant_tools_area ul li a:hover{background: #0BABE0;}
.bg_mer{background-attachment: scroll, scroll, scroll;background-color: #0babe0;background-image: linear-gradient(#0babe0, rgba(11, 171, 224, 0.29)), url("img/mer_bg.png"), linear-gradient(rgba(11, 171, 224, 0.9), rgba(11, 171, 224, 0));background-position: 0 0%, 50% 43%, 0 0;background-repeat: repeat, repeat-x, repeat;background-size: auto auto, auto auto, auto auto;color: #fff;display: block;
padding: 60px 0;padding-bottom: 100px;}
.way_pay_area{text-align: center;margin: 50px 0;}
.way_pay_area h2{color: #7d5e51;font-size: 27px;margin-bottom: 15px;}
.way_pay_area p{font-size: 16px;font-weight: 300;}
.single_way{border: 2px solid #0babe0;transition: all 500ms ease 0s ;
border-radius: 5px;
margin-top: 50px;
padding: 15px 0;}
.single_way:hover{background: #0babe0;}
.single_way:hover p{color: #fff;}
.single_way p{padding-top: 105px;color: #0babe0;font-size: 14px;font-weight: 600;}
.single_way p.item1, .single_way p.item2, .single_way p.item3, .single_way p.item4{background-repeat: no-repeat;background-size: 88px auto;background-position: center top;}
.single_way p.item1{background-image: url("img/coin_cart.png");}
.single_way:hover p.item1{background-image: url("img/coin_cart_hover.png");}
.single_way p.item2{background-image: url("img/pos.png");}
.single_way:hover p.item2{background-image: url("img/pos_hover.png");}
.single_way p.item3{background-image: url("img/shop_butn.png");}
.single_way:hover p.item3{background-image: url("img/shop_butn-hover.png");}
.single_way p.item4{background-image: url("img/donation_btn.png");}
.single_way:hover p.item4{background-image: url("img/donation_btn_hover.png");}

/* public vote */

.coinpay_charity{text-align: center;}
.coinpay_charity h2{color: #919191;font-size: 21px;font-weight: 300;}
.all_charity_details{border-radius: 5px;margin-bottom: 25px;text-align: center;}
.single_charity_top_header{background:#0babe0 !important;color: #fff;font-size: 15px;}
.single_charity_details, .single_vote_details{background: #fff;padding: 10px 0;}
.single_charity_details p{float: left;width: calc(100%/4);margin-top: 8px;}
.public_coin_vote_area{text-align: center;}
.public_coin_vote_area h4{color: #2c3e50;font-size: 15px;}
.public_coin_vote_area h4 span{color: #0BABE0;}
.all_vote_details{border-radius: 5px;margin-top: 35px;margin-bottom: 35px;}
.single_vote_details{padding: 20px 0;}
.single_vote_details div.position, .single_vote_details div.coin, .single_vote_details div.name, .single_vote_details div.votes, .single_vote_details div.percentage, .single_vote_details div.vote_ar{float:left;}
.single_vote_details div span{display: none;}
.single_vote_details div.position{width: 10%;}
.single_vote_details div.coin{width: 15%;}
.single_vote_details div.name{width: 15%;}
.single_vote_details div.votes{width: 10%;}
.single_vote_details div.percentage{width: 25%;}
.single_vote_details div.vote_ar{width: 25%;}
.single_vote_details div.vote_ar a.vote_btn{background:#4cc257;border-radius: 5px;color: #fff;margin-left: 5px;padding: 10px 20px;transition: all 500ms ease 0s ;}
.single_vote_details div.vote_ar a.vote_btn:hover{background:#6EDBFF;}
.percentage .progress {background: none repeat scroll 0 0 #d9d9d9;box-shadow: 0 0 0;height: 22px;border-radius: 100px;}
.percentage .progress-bar {background: none repeat scroll 0 0 #2c3e50;border-radius: 50px;}


/* store dir 2 */

.search_dir_area{margin: 50px auto;}
.all_categories{border-radius: 5px;}
.store_title{margin-bottom: 50px;}
.all_categories ul{}
.all_categories ul li{}
.all_categories ul li a{background: url("img/right_arrow.png") no-repeat scroll 235px center / 7px auto #fff;display: block;padding: 8px 15px;font-size: 14px;color: #000;transition: all 500ms ease 0s ;}
.all_categories ul li a.active{color: #0babe0;}
.all_categories ul li a:hover{background: url("img/right_arrow.png") no-repeat scroll 225px center / 7px auto #0babe0;color: #fff;padding: 15px;margin-left: 10px;}
.all_categories ul li a.active:hover{background: url("img/right_arrow.png") no-repeat scroll 235px center / 7px auto #fff;color: #0babe0;padding: 8px 15px;margin-left: 0px;}
.right_category_content{}
.cat_title{}
.cat_title h2{background-image: url("img/art_col_logo.png");background-position: 0 0;background-repeat: no-repeat;background-size: 44px auto;color: #fff;line-height: 44px;padding-left: 55px;}
.cat_title p{color: #4c6987;font-style: italic;margin-top: -10px;margin-left: 50px;}
.all_search_coin{margin-top: 25px;}
.all_search_coin select{background: none repeat scroll 0 0 #223140;
border: 0 none;
color: #fff;
height: 43px;
margin-left: 10px;
padding: 10px;}
.single_charity_details p.rate{color: #0BABE0;}
.single_charity_details p a{text-decoration: underline;}
.single_charity_details p span.title_box{color: #2c3e50;display: block;margin-bottom: 10px;}
.single_charity_details p.rate span.star_uncolor{opacity: 0.5;}
.single_charity_details p img.store_img{width: 100%;}
.paginations{}
.paginations ul{text-align: center;}
.paginations ul li{display: inline;color: #fff;font-size: 13px;}
.paginations ul li a{display: inline-block;color: #0BABE0;font-size: 13px;padding: 5px;}
.paginations ul li a:hover{}
.scroll_itemss {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 547px;
  margin-top: -24px;
  overflow-y: scroll;
}
/*header.bg_mer{padding: 0;background-position: 0 0%, 50% 57%, 0 0;}
.bg_mer.header_bg_mer {background-position: 0 0%, 50% 63%, 0 0;padding: 0;}*/

/*login page*/

.login_area{margin: 50px auto;text-align: center;}
.login_area p{color: #878787;font-size: 9px;margin-top: 25px;text-transform: uppercase;}
.login{background-color: #fff;box-shadow: 1px 1px 3px 0 rgba(173, 173, 173, 0.54);text-align: center;width: 50%;margin: 0 auto;padding: 45px 30px;transition: all 500ms ease 0s ;}
.login h2{color: rgba(82, 82, 82, 0.74);font-size: 29px;font-weight: 700;}
.login form{margin-top: 20px;}
.login form input[type="email"], .login form input[type="password"] {border-width: 1px ;border-color: rgba(209, 209, 209, 0.4);border-style: solid;padding: 5px 10px;background-image: linear-gradient(whitesmoke, white);height: 50px;margin-bottom: 5px;width: 100%;transition: all 500ms ease 0s ;}
.login form input[type="email"]:focus, .login form input[type="password"]:focus {background-color: #fff;background-image: none;}
.login form input[type=submit],.purchase input[type=submit]{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-image: linear-gradient(#20a7e6, #1981e3);border-bottom: 0 none;border-image: none;border-left: 0 none;border-radius: 5px;border-top: 0 none;color: #fff;display: block;font-weight: 300;margin-top: 20px;margin-bottom: 10px;padding: 13px;width: 100%;}
a.f_pass, .register_area a{color: rgba(88, 90, 92, 0.68);font-size: 13px;font-weight: 600;letter-spacing: 1px;}
.register_area{border-top:1px solid#F0F0F0;margin-top: 55px;}
.register_area a{display: block;font-size: 14px;margin-top: 10px;}

/* checkout details */

.checkout_area{margin: 50px auto;width: 70%;}
.check_logo {margin: 0 0 35px;text-align: center;}
p.chek_item{color: #787a7b;font-size: 18px;letter-spacing: 0.5px;margin-bottom: 15px;text-align: center;}
p.chek_item span{}
.item_details, .checkout_login, .payment_details{background: none repeat scroll 0 0 #fff;padding: 25px 15px;}
.item_details{}
.item_details_left{}
.item_details_left img{margin-right: 15px;}
.item_details_left h2, .payment_title h2{color: #5c5c5c;font-size: 23px;line-height: 16px;margin-top: 0;}
.item_details_left h4{color: #a3a3a3;font-weight: 600;font-size: 15px;}
.item_details_right{}
.item_details_right a{margin-left: 15px;}
a.btn-checkout{background: #787A7B;color: #fff;display: block;font-size: 13px;font-weight: 600;margin-left: 15px;padding: 15px 22px;
text-align: center;transition: all 500ms ease 0s;}
a.btn-checkout:hover{background:#2b85cf;}
a.seller_mail{background: #05abe8;}
a.seller_mail:hover{background: #56D0FC;}
.checkout_login{}
.checkout_login p{color: #9c9c9c;font-size: 15px;margin-top: 35px;text-align: center;}
.checkout_login p a{color: #116bb6;font-weight: 600;transition:all 500ms ease 0s;}
.checkout_login p a:hover{color: #2b85cf;}
.input_box{margin-left: -15px;}
.input_box input{-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #c4c4c4;
border-image: none;
border-style: none none solid;
border-width: 0 0 1px;
height: 50px;
margin-left: 15px;
padding: 10px;
width: 100%;}
.input_box input:focus{border-color: #116BB6;}
.input_box input.mailbox{background: url("img/mailbox.png") no-repeat scroll 10px center rgba(0, 0, 0, 0);padding: 10px 10px 10px 38px;}
.payment_details{padding: 40px 25px;}
.payment_title{position: relative;clear: both;}
.payment_title h2{}
.payment_title p{}
p.seller_mail{background: none repeat scroll 0 0 #05abe8;
color: #fff !important;margin-bottom: 20px;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: 600;
margin-left: 15px;
margin-top: -10px;
padding: 10px;
text-align: center;
transition: all 500ms ease 0s;
width: 250px;}
.droping_currency{background: #fff;border: 2px solid #bdbdbd;position: absolute;right: 0;top: 37px;width: 250px;z-index: 9;display: none;}
.droping_currency a{color: #000;display: block;padding: 4px 10px;transition:all 500ms ease 0s;}
.droping_currency a:hover{background: #F2F2F2;}
.divider_line{background: none repeat scroll 0 0 #d1d1d1;clear: both;display: block;height: 2px;margin: 10px 0;}
.checkout_desc{text-align: center;margin-top: 30px;}
.checkout_desc h4{color: #a6a6a6;font-size: 15px;font-weight: 600;letter-spacing: 0.4px;}
.checkout_desc p{color: #a6a6a6;font-size: 15px;}
.checkout_desc a.btn-checkout{font-size: 15px;}
.complete_checkout{}
.complete_checkout a{background:#72b611;color: #fff;display: block;margin-top: 20px;padding: 12px;text-align: center;text-transform: uppercase;}
.complete_checkout a:hover{background:#94D43B;}

/* checkout 2 */

.invoice_area{margin: 50px auto;}
/*.countdown{text-align: center;margin: 25px auto 0;display: table;}
.countdown div{float:left;margin-right: 17px;text-transform: uppercase;text-align: center;font-size: 26px;line-height: 30px;color:#a6a6a6;font-weight: 600;}
.countdown div span{display: block;font-size: 18px;}*/
.ClassyCountdownDemo {margin-bottom: 15px;}
.ClassyCountdown-wrapper{text-align: center;}
.ClassyCountdown-days, .ClassyCountdown-seconds, .ClassyCountdown-hours{display: none !important;}
.ClassyCountdown-minutes {height: 130px !important;}
.ClassyCountdown-value {font-size: 40px !important;margin-top: -46px !important;}
.invoice_area p.chek_item{}
.invoice_created_area, .steps_area, .caution_area{background: #fff;padding: 40px 20px;}
.invoice_created_area{}
.invoice_created_area h4, .steps_area h4{color: #a6a6a6;font-size: 15px;font-weight: 600;letter-spacing: 1px;}
.invoice_created_area p, .steps_area p, .caution_area p{color: #a6a6a6;line-height: 22px;}
.invoice_area_title{position: relative;}
.invoice_area_title h2{border-bottom: 2px solid #d1d1d1;color: #0babe0;font-size: 22px;padding-bottom: 15px;}
.qr_code{text-align: center;}
.qr_code h5{color: #0babe0;font-weight: 600;font-size: 14px;letter-spacing: 1px;}
.qr_code img{}
.qr_code p{color: #a6a6a6;font-size: 13px;}
.steps_area{padding: 20px 33px 35px 33px;}
.expand_btn h2{cursor: pointer;}
.plus_expand, .mi_minimize {position: absolute;left: 165px;top: 20px;transition: all 500ms ease 0s;}
.all_steps, .mi_minimize{display: none;}
.steps_area h4{}
.steps_area p{line-height: 28px;margin-bottom: 32px;}
.steps_area p span{color: #0babe0;font-weight: 600;font-size: 21px;margin-right: 10px;}
.steps_area p span.black_num{color: #333;padding-left: 20px;}
.caution_area{padding: 20px 33px 50px 33px;}
.caution_area p{margin-top: 10px;}
.social {width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background: #2C3E50; border-radius: 25px; margin: 5px;}

/* merchant tool plugin */

.merchant_breadcrumb{margin-top: 25px;}
.merchant_breadcrumb ol{}
.merchant_breadcrumb ol li{font-size: 15px;}
.merchant_breadcrumb ol li a{}
.all_shop_plugins{border: 1px solid#ddd;border-radius: 5px;background: #fff;margin-bottom: 25px;}
.all_shop_plugins p.shop_desc{padding: 12px;}
.title_box{}
.title_box h4{background: none repeat scroll 0 0 #f5f5f5;border-bottom: 1px solid #ddd;
font-size: 15px;
margin-top: 0;
padding: 12px;}
.shopping_cart_table{margin: 0 12px;border: 1px solid #ddd;margin-bottom: 25px;}
.single_cart_table{border-bottom: 1px solid#ddd;}
.single_cart_table:last-child{border-bottom: 0px solid#ddd;}
.single_cart_table:nth-child(2n+0){background: #F9F9F9;}
.single_cart_table p{float:left;padding: 10px;font-size: 14px;margin-bottom: 0;}
.single_cart_table p.shop_cart{width: 34%;}
.single_cart_table p.shop_cart span{display: block;color: #000080;margin-bottom: 10px;}
.single_cart_table p.last_update{width: 15%;}
.single_cart_table p.pl_download{width: 10%;}
.single_cart_table p.pl_download a{}
.single_cart_table p.auth_type{width: 11%;}
.single_cart_table p.zero_confirm{width: 15%;text-align: center}
.single_cart_table p.zero_confirm i.fa, .single_cart_table p.video_tut i.fa{font-size: 18px;}
.single_cart_table p.zero_confirm i.fa{color: #74B75B;}
.single_cart_table p.video_tut{width: 15%;text-align: center}
.single_cart_table p.video_tut i.fa{color: #B7100A;}
.top_title_hdr{background: #0093D6 !important;color:#fff;padding: 10px 0;}
.top_title_hdr p {font-size: 17px;font-weight: 600;}

/* cp tables css */

.search_plugins{margin-top: 50px;text-align: center;}
.search_plugins h2{color: #000;font-size: 24px;}
.search_input_area{margin: 25px auto;width: 70%;}
.search_input_area input[type=text]{border: 1px solid #cccccc;height: 50px;padding: 10px;width: 75%;}
.search_input_area input[type=submit]{background: none repeat scroll 0 0 #3d3d3d;border: 0 none;color: #fff;font-weight: 300;height: 50px;padding: 10px 60px;}
.all_plugins{margin: 25px auto;
text-align: center;
width: 80%;}
.single_plugin{border-color: rgba(128, 128, 128, 0.3) rgba(128, 128, 128, 0.3) -moz-use-text-color;border-style: solid solid none;border-width: 1px 1px 0;}
.single_plugin:last-child{border-color: rgba(128, 128, 128, 0.3);border-style: solid;border-width: 1px;}
.single_plugin_left{width: 50%;border-right: 1px solid rgba(128, 128, 128, 0.3);padding: 22px 0;min-height: 94px;}
.single_plugin_left img{}
.single_plugin_right{width: 50%;padding: 22px 0;transition: all 500ms ease 0s;min-height: 94px;}
.single_plugin_right:hover{border-left: 10px solid#588BEC;}
.single_plugin_right a{}
a.plugin_btn{background: none repeat scroll 0 0 #1081eb;cursor: pointer;
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 17px;
font-weight: 300;
padding: 14px;
width: 220px;}
.single_plugin_right .modal-body p{text-align: justify;line-height: 26px;}

/* payment list */

.payment_list{margin-top: 25px;}
.payment_list p.seller_mail {}
.payment_list .droping_currency {height: 137px;
overflow-y: scroll;
right: 0;
top: 35px;}
.next-pre-btn{display: table;margin: 60px auto;}
.next-pre-btn a{background: none repeat scroll 0 0 #0babe0;
border-radius: 5px;
color: #fff;
display: inline-block;
padding: 10px;
text-align: center;transition:all 500ms ease 0s;
width: 140px;}
.next-pre-btn a:hover{background: #1ABC9C;}

.checkout_again_area{width: 80%;margin: 50px auto 15px;border: 1px solid#ddd;background: #fff;border-radius: 7px;position: relative;box-shadow: 1px 1px 3px 0 #dbdbdb;}
.heading_area{background: none repeat scroll 0 0 #f6f7fa;
border-bottom: 1px solid #ddd;
border-radius: 7px 7px 0 0;
padding: 20px;
text-align: center;
}
.heading_area h2{font-size: 25px;letter-spacing: 1px;font-family: arial;}
.description{background: none repeat scroll 0 0 #f2f0f0;margin-bottom: 0;border-bottom: 1px solid #dadfe2;padding: 85px 20px;text-align: center;}
.description p{color: #333;font-family: arial;font-size: 14px;line-height: 30px;}
.calculating_area{}
.single_calculate {
  border-bottom: 1px solid #dadfe2;
  border-right: 1px solid #dadfe2;
  float: left;
  height: 75px;
  padding: 10px 12px 0;
  text-align: center;
  width: calc(100% / 4);
}
.buyer_name {
  background: none repeat scroll 0 0 #fcfcfd;
  width: 21%;
}
.single_calculate img{margin-bottom: 3px;width: 36px;}
.single_calculate p{color: #7a7979;font-family: arial;font-size: 12px;font-weight: 700;}
.single_calculate .form-inline {
  padding: 11px 0;
}
.single_calculate .form-inline label{color: #7a7979;font-size: 14px;font-family: arial;}
.single_calculate .form-inline label i.fa{color: #BDDA89;font-weight: 400;font-size: 23px;}
.single_calculate .form-inline input[type=text]{border-radius: 0;
box-shadow: 0 0 0;
margin-left: 10px;
margin-right: 10px;
width: 40%;}
.total_calculate {
  background-image: linear-gradient(#20a7e6, #1981e3);
  border-bottom: 0 none;
  width: 29.0018%;
  border-right: 0;
}
.total_calculate h2{margin-top: 19px;color: #fff;font-weight: 700;font-size: 19px;font-family: arial;}
.purchase{background: none repeat scroll 0 0 #f6f7fa;
border-radius: 0 0 7px 7px;}
.purchase input[type="submit"] {
  background-image: linear-gradient(#3ca1eb, #2e7ee7);
  font-family: arial;
  font-size: 14px;
  font-weight: 700;
  margin: 15px auto;
  padding: 15px 0;
  width: 25%;
    border: 0 none;
}
.skull {
  border: 5px solid #dadfe2;
  border-radius: 50%;
  left: 50%;
  margin-left: -25px;
  padding: 1px;
  position: absolute;
  top: -29px;
  width: 50px;
}
.powered_by{color: rgba(51, 51, 51, 0.47);text-align: center;font-family: arial;font-weight: 700;
font-size: 13px;}
.{}
.{}
.{}
.{}
.{}