@charset "utf-8";
/*
Theme Name: Circle WP
*/
*,
*:before,
*:after {
  	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
        box-sizing: border-box;
 	margin:0;padding:0;
}
@font-face {
	font-family:"HelveticaNeue-Bold";
	src: url('./fonts/HelveticaNeue-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:"Helvetica-Neue";
	src: url('./fonts/Helvetica-Neue.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"HelveticaNeue-Medium";
	src: url('./fonts/HelveticaNeue-Medium.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy-Regular';
	src: url('./fonts/gilroy-regular.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy-ExtraBold';
	src: url('./fonts/gilroy-extrabold.otf');
	font-weight: normal;
	font-style: normal;
}
html{ -webkit-text-size-adjust: 100%;}
body{ font-size:14px; color:#FFFFFF; font-family:"Helvetica-Neue",Arial, Helvetica, sans-serif;width:100%;height:100%;}
img{ max-width:100%; height:auto; vertical-align:middle; }
hr{ clear:both; margin:30px 0; border:0; border-bottom:1px solid #000;}
a{outline:none; text-decoration: none;}
p{ line-height:1.6;font-size:20px;font-family:"Helvetica-Neue";}
li{ list-style:none outside none; }
strong,b{ font-weight: bold;}
em,i{ font-style:italic;}
strong em,b em,em strong,em b{ font-weight: bold; font-style:italic}
h1, h2, h3, h4, h5, h6{ line-height:1.217;font-weight: normal;font-family:"HelveticaNeue-Bold";}
h1{ font-size:60px;margin-bottom:38px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:10px;}
.clear{ clear:both; height:0; font-size:0; width:100%;}
.hide {display: none;}
.left {float: left;}
.right {float: right;text-align: initial !important;}
.green_button{color:#FFFFFF;background-color: #63d0a9;width:240px;border-radius: 30px;font-size: 18px;font-family:"HelveticaNeue-Bold";text-align: center;padding:19px 0;}
/* Always remember to compress your live stylesheet and keep an uncompressed backup */

.inner{max-width: 1240px;width:100%;padding: 0 20px;margin: 0 auto;display:flex;}

.header{padding: 22px 0;background-color: #0a1412;height:80px;}
.header .inner{justify-content:space-between;align-items: center;}
.header ul{display: flex;}

.menu_desktop .menu_top ul,.menu_desktop .menu_bottom ul{display:flex;align-items:center;}
.menu_desktop .menu_top ul li{width:30px;height:30px;}


.menu_desktop .menu_top ul{display:flex;align-items: center;justify-content: flex-end;}
.menu_desktop .menu_top ul li.text{width:auto;height:auto;}
.menu_desktop .menu_bottom ul li{margin-right:20px;border-bottom: 2px solid transparent;}
.menu_desktop .menu_bottom ul li:hover{border-bottom:2px solid #FFFFFF;}
.menu_desktop .menu_bottom ul li.about_us{margin:0;}
.menu_desktop .menu_bottom ul li a{color:#FFFFFF;font-size:16px;font-family:"Helvetica-Neue";}
.header-desktop .hub_box img{max-width:24px;cursor:pointer;}

.header-desktop .mobile_menu{background-color:#0C1320;padding:30px 20px 10px;position:relative;}
.header-desktop .mobile_menu,.header-desktop .hub_box{display:none;}
.header-desktop .mobile_menu ul{display:flex;flex-direction: column;}
.header-desktop .mobile_menu ul li{padding:10px 0;}
.header-desktop .mobile_menu ul li:hover{border-bottom:2px solid #FFFFFF;}
.header-desktop .mobile_menu ul li a{color:#FFFFFF;font-size:18px;}
@media(max-width:768px){
	h1{font-size:48px;}
}
@media(max-width:700px){
    .menu_desktop{display:none;}
    .header-desktop .hub_box{display:block;}
}