html, body { margin: 0 auto; height: 100%; font-family: 'Montserrat', Arial; /*'Cormorant Infant', Arial;*/ } 

h1 { /*font-family: 'Kelly Slab', Arial; font-family: 'Didact Gothic', Arial; 'Cormorant Infant', Arial;*/ 
     margin: 0 auto; 
     font-size: 1.4em;
     font-weight: 400;
}

.newdesign { color: #607D8B; }

.logo_freetkey { /*display: inline-block; width: 15%; text-align: right; */ height: 80px; min-width: 158px; padding-left: 10px; }

.logo_s_text { 
        font-family: 'Reggae One', Arial; /*'Cormorant Infant', Arial; 'Kelly Slab', Arial;*/
        font-size: 2.4em;
        color: #000; /*#7075ce;*/
        font-weight: bold;
        position: relative;
        /*top: 10px;
		left: 10px;*/
}

.container_online { position: relative;  bottom: -11px; }
.online { display: inline-block; text-align: left; color: #7075ce;; font-size: 12px; font-family: "Comfortaa", sans-serif; }


.triangleUp  { width: 0;	height: 0;	border-top: 20px solid #0a8; border-right: 20px solid transparent; }
.triangleDown  { width: 0; height: 0; border-bottom: 20px solid #0a8; border-left: 20px solid transparent; position: absolute; bottom: 0px; right: 0; }


.global_body_container { display: table-row; width: 100%; height: 100%; background-color: #ffe4eb; /*rgba(249, 225, 197, 0.2);*/ }
.body_container { width: 75%; margin: 0 auto; display: block; }
.bcontainerH1 { padding: 15px 0px 10px; }
.b_text_container { background-color: #ffeff3; /*#00aa88;*/ border: 4px double #fdccd9; margin-top: 10px; padding: 10px 0px; position: relative; } /*rgba(103, 107, 171, 1)*/
 
#d1, #d2, #d3, #d4, #d5 { display: table; width: 100%; }

.d_container_number { display: block; float: left; width: 70px; height: 50px; background: blue; position: relative; margin: 10px 10px; text-align: center; }
.s_number { position: relative; bottom: 9px; font-size: 24px; }
.mainText_number { display: block; vertical-align: top; padding-top: 11px; font-size: 24px; }

#dashbord_menu, #dashbord_menu_2 { display: block; }
#dashbord_menu a , #dashbord_menu_2 a {
       border: none;
	   background-color: #fef9f3;
       color: #fff9f9;
	   font-weight: normal;
	   font-family: "PT Sans Narrow";
       font-size: 18px;
	   text-decoration: none;
	   -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   border-radius: 3px;
	   padding: .6em 1.2em;
	   white-space: nowrap;
	   display: inline-block;
	   -webkit-transition: all 250ms ease-in-out;
	   -moz-transition: all 250ms ease-in-out;
	   -ms-transition: all 250ms ease-in-out;
	   -o-transition: all 250ms ease-in-out;
	   transition: all 250ms ease-in-out;
	   margin-bottom: .5em;
	   margin-top: .5em;
	   -webkit-box-shadow: 2px 2px 5px #151515;
       -moz-box-shadow: 2px 2px 5px #151515;
	   box-shadow: 2px 2px 5px #151515;
	   width: 166px; 
	   text-align:center;
}
#dashbord_menu a:hover, #dashbord_menu_2 a:hover { background-color: #454a8f; color: #fff; }
#dashbord_menu ul , #dashbord_menu_2 ul { list-style: none; position: absolute; top: -10px; right: 30px; float:right; }
#dashbord_menu_2 ul { right: 100px;}
#dashbord_menu li  , #dashbord_menu_2 li { display: inline;  }		
#menu ul { display: none; position: absolute; top: 100%; }
#menu li { float: left; position: relative; }
#menu li:hover ul { display: block; } 
#menu ul li { margin-left: 0; z-index: 2;}
#menu { z-index: 2; }

.exch_a { text-decoration: none; color: #01f4b8; } 
.exch_a:hover { color: #04ffb8; transition: color 0.4s ease; }

.footer_swap {
	display: table;
    padding-bottom: 4px;
    width: 100%;
	height: 100px;
}

.footer_part_calc {
	display: table; 
	margin: 10px 28px;
}

.iaff { position: absolute; bottom: -64px; right: 5px; z-index: 1; }
.iaff img { 
    margin: 0px 8px; 
	border-radius: 50%;
	width: 50px; 
	-webkit-box-shadow: 0px 5px 5px 2px rgb(113 114 114/100%);
    -moz-box-shadow: 0px 5px 5px 2px rgb(113 114 114/100%);
    box-shadow: 0px 5px 5px 2px rgb(113 114 114/100%);
}

#head_coin_swap {
}

.last-exch {
	font-size: 24px;
}

@media screen and (max-width: 1600px) { 
                                           .body_container { width: 96%; }

}

@media screen and (max-width: 1200px) { 
										   .mainText_number { font-size: 18px; }

}

@media screen and (max-width: 1000px) { 
                                           .body_container { width: 99%; }
										   h1 { padding: 0px 10px; }
										   .newdesign { padding: 0px 10px; }
										   .footer_part_calc  { margin: 10px 8px; width: 180px; }
}

@media screen and (max-width: 500px) { 
                                          /** { font-size: 14px; } */
										  .mainText_number { font-size: 14px; }
										  h1 { font-size: 1.2em; }
										  .newdesign { font-size: 14px; }
										  .iaff img { width: 40px; }
										  .logo_s_text { font-size: 2em; }
										  #head_coin_swap { height: 60px; }
										  .footer_part_calc { width: 120px; font-size: 14px; }
										  .last-exch { line-height: 1.5; }
}