@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:wght@700&display=swap');

body {font-family: 'Roboto', serif !important;  font-size:22px  !important; line-height:36px !important; color:#000 !important;}
header#header { position:relative; border-bottom:solid 1px #CCC !important; padding:15px 0 15px 0!important;}

header#header .container, footer#footer .container { padding:0px !important;} { padding:0px !important;}

header#header #menu-button { display:none !important;}

header ul.headernav { transform:translateX(-50%); position:relative; left:50%; width:auto !important; text-align:center !important; margin:0 auto !important; }
header ul.headernav li#logo { width:128px !important; text-align:center !important; padding:0px !important;}
header ul.headernav li#logo img, header ul.headernav li.MenuLogo  img{ height:64px; margin:0 auto !important; }
header ul.headernav li{ display:inline-block !important; vertical-align:middle; font-size:16px  !important; line-height:26px !important; color:#666 !important; list-style:none !important; padding:10px 20px !important; text-align:center !important;}
header ul.headernav li:before { display:none !important;}
header ul.headernav li a {color:#666 !important; letter-spacing:0.5px}
header ul.headernav li:hover a{color:#000 !important;}

 footer#footer  ul.footernav { position:relative;  width:auto !important; text-align:center !important; margin:0  !important; float:left; }
 footer#footer ul.footernav li#logo { width:96px !important; text-align:center !important; padding:0px !important;}
 footer#footer ul.footernav li#logo img{ height:48px; margin:0 auto !important; }
 footer#footer ul.footernav li{ display:inline-block !important; vertical-align:middle; font-size:16px  !important; line-height:26px !important; color:#666 !important; list-style:none !important; padding:10px 10px !important; text-align:center !important;}
 footer#footer ul.footernav li:before { display:none !important;}
 footer#footer ul.footernav li a {color:#666 !important; letter-spacing:0.5px}
 footer#footer ul.footernav li:hover a{color:#000 !important;}
 
 footer#footer .alignright { font-size:16px  !important; line-height:26px !important; color:#666 !important; font-style:normal !important; margin-top:10px !important;}
 
 footer#footer .social-footer { height:32px; vertical-align:middle !important; margin:0 8px; float:right;}

.fullwidth { border:solid 0px red;}
.halfheight {height:280px !important;}
.fullheight {height:580px !important;}

h1, h2 {font-family: 'Inria Serif', serif !important; letter-spacing:0.3px}

h1 {font-size:62px  !important; line-height:72px !important;}
h1 span.roboto {font-family: 'Roboto', serif !important;  font-size:40px  !important; line-height:56px !important; display:block !important; margin-top:20px;}

h2 {font-size:32px  !important; line-height:40px !important;}

h3 {font-family: 'Roboto', serif !important;  font-size:42px  !important; line-height:56px !important;}
.element.grey.home ul { margin:0px; padding:0px;}
.element.grey.home ul li { font-size:22px  !important; line-height:36px !important; padding:7px 0 7px 25px !important; position:relative;}
.element.grey.home ul li:before {content:''; width:8px; height:8px; background:#333; border-radius:10px; position:absolute; left:0px; top:20px;}
.element.grey.home ul.social-list li { padding:0px !important;}
.element.grey.home ul.social-list li:before { display:none !important; }

.element.grey.home .ct-part p { padding:0px 0 25px 0 !important;}
.element.grey.home .ct-part p.small { padding:0px 0 5px 0 !important;}
.sliphoveritemTitle span { font-size:28px  !important; line-height:38px !important; bottom:10px  !important;}
.sliphoveritemTitle i {  bottom:7px  !important;}

.element > .elem-content .wpcf7-form, .element .comment-form, .element > .elem-content .wpcf7-form label { font-size:14px !important; font-family: 'Roboto', serif !important;}
.wpcf7-select{ width:100% !important; display:block !important; margin-top:10px !important;}
footer p:empty, footer p a:empty { display:none !important;} 

.AboutUs .element.hybrid h3, .teammember h3 {font-size:28px !important;}

.btn.black { background:#000; color:#FFF; padding:10px 30px !important; font-size: 22px; line-height: 26px;}
.btn.black.small { background:#000; color:#FFF; padding:7px 20px !important; font-size: 16px; line-height: 22px;}

.pricingPlan { padding:15px 25px; text-align:center;  font-size: 22px !important; line-height: 36px !important; min-height:480px;}
.pricingPlan .monthly { font-size: 18px; line-height: 21px;text-align: center;letter-spacing: 0.16em;text-transform: capitalize; display:block; padding:10px 0 20px 0; border-bottom:solid 1px #CCC; margin-bottom:20px; position:relative;}
.pricingPlan h2 {font-weight: bold; font-size: 44px; line-height: 50px; position:relative; margin-bottom:25px;}
.pricingPlan h2 span {font-size: 18px; line-height: 21px;text-align: center;letter-spacing: 0.16em; position:relative;top:-10px; left:-5px;}
.pricingPlan h3 {font-weight: bold; font-size: 22px !important; line-height: 36px !important; text-align:left !important;}
.pricingPlan ul { margin:0; padding:0;}
.pricingPlan ul li { margin:0; padding:0 0 0 25px; font-weight: normal; font-size: 22px !important; line-height: 36px !important; list-style:none; position:relative; text-align:left !important;}
.pricingPlan ul li:before { content:''; background:#666; width:6px; height:6px; border-radius:6px; position:absolute; top:15px; left:5px;}

.pricingPlan a.btn.black.small {position: absolute;     left: 0;     bottom: 50px;     transform: translateX(50%);}

.wpcf7-form-control-wrap { margin-bottom:10px; display: block;}
div.wpcf7 { margin-bottom:0px;}
div.wpcf7  br { display:none !important;}
.wpcf7-form .wpcf7-text { padding:12px 0 !important;  border-bottom: 2px solid #CCC !important; width:100% !important; }
.wpcf7-form .wpcf7-select {    border: 0px !important;    border-bottom: 2px solid #CCC !important;  padding:12px 0 !important;}
.wpcf7-form .wpcf7-submit { background:#000; color:#FFF; padding:10px 30px !important; font-size: 22px; line-height: 26px; font-family: 'Roboto', serif !important;}
	.onlymobile { display:none !important;}

@media only screen and (max-width: 1024px) {
	  header#header { display:none !important;}
	 footer#footer  .alignright { text-align:center !important;}
 footer#footer .social-footer { height:32px; vertical-align:middle !important; margin:10px 10px; float:none;}
}

@media only screen and (max-width: 767px) {
 .onlymobile { display:block !important;}
 
body, p, .element.grey.home ul li  { font-size:1em   !important; line-height:130% !important;}

h1, h2 {font-family: 'Inria Serif', serif !important; letter-spacing:0.3px}

h1 {font-size:2.5em   !important; line-height:130% !important;}
h1 span.roboto {font-family: 'Roboto', serif !important;  font-size:0.80em  !important; line-height:130% !important; display:block !important; margin-top:20px;}

h2 {font-size:2em  !important; line-height:130% !important;}

h3 {font-family: 'Roboto', serif !important;  font-size:1.5em  !important; line-height:130% !important;}

.element.grey.home ul li:before{ top:15px !important; width:6px !important; height:6px !important;}

}