/***********************************************/
/* Reset Styles */
/***********************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; font-style: normal; vertical-align: baseline; background: transparent; border: 0; outline: 0; }

article, aside, figure, figure img, hgroup, footer, header, nav, section { display: block; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
a img { border: 0; }
:focus { outline: 0; }
a:hover, a:active { outline: none; }
img, embed, object, video { max-width: 100%; }


/*************************************************/
/* Styles for all */
/*************************************************/

body{ color:#3f4257; background-color:#ebecee; -webkit-text-size-adjust:100%; font-family: tahoma,verdana,arial,sans-serif; font-size:13px; width:100%; height:100%; }

.clear{ float:none; clear:both; font-size:0px; line-height:0px; }
.undecorated{ text-decoration:none; }
.hide{ display:none; }

.bold{ font-weight:600 !important; }
.nobold{ font-weight:normal !important; }

.txt-yellow{ color:#f8c013; }

.btnflat-yellow{ font-family: 'Open Sans', sans-serif; display: inline-block; white-space: nowrap; border-radius:6px; font-size:15px; line-height:22px; background-color:transparent; border:2px solid #f8c013 !important; color:#FFF !important; cursor: pointer; font-weight:600; padding:10px 15px; text-transform:uppercase; }

.the-title-block{ font-family: 'Open Sans', sans-serif; text-align:center; text-transform:uppercase; font-size:35px; color:#FFF; letter-spacing:2px; }
.the-title-block:after{ content: ""; display:block; width:30%; height:2px; background:#f8c013; margin:11px auto 5px; }

.back-point{ background-image:url(https://www.mcodedeveloper.com/landings/yaax/themes/default/imgs/point.png); }


/*************************************************/

.css_home01{ background-color:#3f4257; color:#ebecee; }

/*************************************************/

.space_container{ width:calc(100% - 200px); max-width:1166px; }

#space-body{ box-sizing:border-box; }


#the-top-bar{ background-color:#3f4257; color:#ebecee; padding:5px 20px; }
#the-top-bar #the-logo{ position:relative; float:left; }
#the-top-bar #the-menu-top{ position:relative; float:right; padding-top:9px; }
#the-top-bar #the-menu-top .menu_top_opc{ position:relative; float:left; font-family: 'Montserrat', sans-serif; color:#ebecee; font-size:15px; margin-left:10px; display: inline-block; white-space: nowrap; cursor:pointer; transition: background .3s; padding:7px 12px; font-weight:600; }
#the-top-bar #the-menu-top .menu_top_opc:hover{ text-decoration:none; color:#FFF; background-color:#6f7181; border-radius:8px; }

#the-space-hero{ background-color:#3f4257; color:#ebecee; padding:50px 0; }
#the-space-hero #img-the-hero{ text-align:center; }
#the-space-hero #msg-main-hero{ /*text-transform:uppercase;*/ font-size:60px; font-family: 'Montserrat', sans-serif; color:#FFF; font-weight:700; text-align:center; }
#the-space-hero #msg-main-hero #msg-txt-resalt{ color:#f8c013; }
#the-space-hero #msg-main-hero #txt-theproduct{ text-transform:none !important; }

#the-space-hero #msg-hero-company{ font-family:'Montserrat', sans-serif; font-weight:300; text-transform:uppercase; letter-spacing: 7px; font-size:12px; text-align:center; margin-top:10px; }

#the-space-hero #space-hero-actions{ text-align:center; margin-top:40px; }


#the-space-slider{ padding:100px 0; }
#the-space-slider #img-the-responsive{ text-align:center; margin-top:40px; }


#the-space-whatis{ background-color:#3f4257; color:#ebecee; padding:90px 0 60px; }
#the-space-whatis #img-info-wiw{ text-align:center; margin-top:40px; }
#the-space-whatis #the-info-wiw{ font-family: 'Open Sans', sans-serif; font-size:17px; width:50%; margin:20px auto; }
#the-space-whatis #the-info-wiw p{ line-height:30px; padding-bottom:20px; }


#the-space-technology{ padding:100px 0; }
#the-space-technology #pre-info-tech{ width:80%; margin:10px auto; font-family: 'Open Sans', sans-serif; font-size:17px; text-align:center; padding:40px 0; }
#the-space-technology #info-technology{ width:80%; margin:10px auto; }
#the-space-technology #info-technology #part01{ text-align:center; }
#the-space-technology #info-technology #part02{ font-family: 'Open Sans', sans-serif; font-size:17px; text-align:center; }
#the-space-technology #info-technology #part02 div{ margin-top:20px; }

#the-space-payment{ background-color:#3f4257; color:#ebecee; padding:80px 0; }
#the-space-payment #box-info-pay{ width:35%; margin:50px auto 0; background-color:#2D2F3E; padding:30px 20px; box-sizing:border-box; transition: background .5s; }
#the-space-payment #box-info-pay:hover{ background-color:#191A23; }
#the-space-payment #box-info-pay #themark{ width:50%; margin:5px auto 20px; }
#the-space-payment #box-info-pay #thetxtprice{ color:#FFF; font-size:14px; font-weight:600; text-align:center; }
#the-space-payment #box-info-pay #theprice{ margin:0; text-align:center; font-size:50px; color:#f8c013; line-height:45px;  }
#the-space-payment #box-info-pay #thetxttax{ font-size:12px; text-align:center; margin-bottom:20px; }
#the-space-payment #box-info-pay #theprice #thesymbol{ font-size:25px; }
#the-space-payment #box-info-pay #theprice #thedecimals{ font-size:25px; line-height:3px; }
#the-space-payment #box-info-pay #clickterms{ color:#FFF; text-align:center; margin-bottom:20px; }

#the-space-payment #box-info-pay #theproduct-content{ text-align:center; margin-top:20px; font-size:14px; }
#the-space-payment #box-info-pay #theproduct-content #title-prod-content{ text-align:center; font-weight:600;  }
#the-space-payment #box-info-pay #theproduct-content #details-content{ padding:10px 0 5px; }
#the-space-payment #box-info-pay #theproduct-content #link-view-features{ padding-bottom:30px; }
#the-space-payment #box-info-pay #theproduct-content #link-view-features a{ text-decoration:none; color:#f8c013; }
#the-space-payment #box-info-pay #theproduct-content #link-view-features a:hover{ text-decoration:underline; }

#the-space-payment #box-info-pay #clickterms a{ text-decoration:none; color:#f8c013; }
#the-space-payment #box-info-pay #clickterms a:hover{ text-decoration:underline; }
#the-space-payment #box-info-pay #space-paypal{ text-align:center; } 
#the-space-payment #box-info-pay #pwr-paypal{ text-align:center; width:40%; margin:10px auto; }

#the-space-end{ padding:25px 0; background-color:#191A23; color:#ebecee; }
#the-space-end #text-copyright{ font-family: 'Open Sans', sans-serif; font-size:14px; text-align:center; }