@charset "utf-8";



/* CSS Document */



.d_box{

   font-size: 16px; 

    padding: 10px;

    text-align: center;

	}







.button{background-color:#2b91af; color:#fff;cursor: pointer;display:inline-block;text-align:center;text-decoration:none}



.button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px}



.button:hover{background-color:#1e1e1e}



.button>span{font-size:84%}



.button.b-close,.button.bClose{position:absolute; right:20px; top:20px; background:url(../images/icon-close.png) no-repeat; width:21px; height:21px; text-indent:-9999px;}



.button.b-close,.button.bClose:hover {opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */-webkit-transition: all 0.9s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease;}



.example{display:block;line-height:1.25;padding:30px 110px 15px 0}



.code-undefined{color:#617a61}



.code-string{color:#fa8072}



.code-function{color:#ffa54f}



.code-int{color:#2b91af}



.code-comment{color:#7ccd60}



::-moz-selection{background-color:#2b91af;color:#fff;text-shadow:none}



::selection{background-color:#2b91af;color:#fff;text-shadow:none}



#page h1+.button{position:absolute;top:20px;right:25px}



#share{position:absolute;right:18px;top:85px;width:205px}



#share>div{display:inline-block}



#page li{position:relative}



#page ul+a{display:block;font-size:180%;margin:25px 0;text-align:center;text-decoration:none}



.header{margin:30px 0 0;background-color:#000;padding:12px 20px 10px;border-radius:20px 0 0 0;width:100%;left:-40px;position:relative}



.note{color:#c0c0c0;font-size:80%}



#popup,#popup2,#popup3,#popup4,.bMulti{background-color:#fff; color:#111; display:none; min-width:700px; padding:25px}



#popup .logo{color:#2b91af;font:bold 325% 'Petrona',sans}



#popup,#popup3,#popup4,.bMulti{min-height:250px}



#popup2 iframe{background:url('loader.gif') center center no-repeat;min-height:240px;min-width:450px}



.loading{background:url('loader.gif') center center no-repeat}



.bMulti p{font:500% 'Petrona',sans-serif;padding:45px 0 0;text-align:center}



.bMulti a{left:175px;position:absolute;top:175px}



.lt-ie9 .bModal{background-color:#000}



.github{background:url('images/github.png') 0 0 no-repeat;height:149px;width:149px;opacity:.6;position:fixed;right:0;top:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}



.github:hover{opacity:1}



 



 



.btn-col { float:left; width:275px; margin-bottom:40px;}



.btn-col .f-right { float:right !important;}



.btn-col .btn { float:left; background:#ededed; color:#000; width:120px; height:120px; -webkit-border-radius:120px; -moz-border-radius:120px; border-radius:120px; padding:0px !important; line-height:120px !important; font-size:16px; margin-top:-7px;}



.btn-col .btn-checkout:hover {background:#ed9e9c;}



.btn-col .btn-signout:hover {background:#7ac56e;}



.btn-col .arrow { width:30px; height:30px; position:relative; display:inline-block; text-indent:-9999px; float:left; top:40px;}



.btn-col .arrow-left { background:url(../images/arrow-left.png) no-repeat;} 



.btn-col .arrow-right { background:url(../images/arrow-right.png) no-repeat;} 



.btn-col .icon { width:110px; height:110px; position:relative; display:inline-block; text-indent:-9999px; float:left;}



.btn-col .icon-checkout { background:url(../images/icon-checkout.png) no-repeat;}



.btn-col .icon-signout { background:url(../images/icon-signout.png) no-repeat;}



.popup-small {min-width:400px !important; min-height:225px !important;}

.popup-small h3 { font-size:26px; text-transform:capitalize; margin-bottom:20px;}