/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.site-logo{
	margin-top: 20px;
}
.hs-button {
	font-family: 'Orbitron', sans-serif;
	FONT-WEIGHT: 600;
	font-size: 14px;
}
.menu-primary{
	font-family: 'Orbitron', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
}

.menu-primary .hs-menu-wrapper>ul>li>a{
	padding: 10px 3px; 
	font-weight: 100;
}
.menu-primary .hs-menu-wrapper>ul>li:not(:last-child){
	margin-right: 32px;
}
body .menu-primary .hs-menu-wrapper>ul>li.active-branch>a:hover, 
body .menu-primary .hs-menu-wrapper>ul>li>a{
	border-bottom:  solid #023047 2px;
	line-height: 38.5px;
	color: #eeeeee;
}
body .menu-primary .hs-menu-wrapper>ul>li.active-branch>a:hover, 
body .menu-primary .hs-menu-wrapper>ul>li>a:hover{
	border-bottom: solid #219EBC 2px;
	line-height: 38.5px;
}
body .menu-primary .hs-menu-wrapper>ul>li.active-branch>a{
  color: #219EBC;
	border-bottom: solid #219EBC 2px;
	line-height: 38.5px;
}
body .menu-primary .hs-menu-wrapper>ul>li>a span svg path{
	stroke: #219EBC;
}

body .menu-primary .hs-menu-wrapper>ul ul li a {
	color: #eeeeee;
}
form .form-columns-1 .input .hs-input{
	width: 100% !important;
}

input[type="radio"],
input[type="checkbox"] {
	width: 3rem;
	height: 3rem;
	accent-color: #023047 !important; 
}
input[type="radio"],
input[type="checkbox"]:hover {
	width: 3rem;
	height: 3rem;
	accent-color: #A9ABAB !important;  
}
input[type="radio"],
input[type="checkbox"]:checked {
	width: 3rem;
	height: 3rem;
	accent-color: #219EBC; 
}



form .inputs-list li label .hs-input~span:before{
	color: #023047;
}
form .inputs-list li label .hs-input~span:hover{
	color: #A9ABAB;
}
form .inputs-list li label .hs-input~span:active{
	color: #219EBC !important;
}
.blue-square{
	font-size: 18px;
	text-decoration: none;
}

.blue-square:before{
	content: "\25A2";
	background-color: #219EBC;
	color: #219EBC;
}
two-col-content-w-image-wrap {
	padding: 0 !important;
}
.two-col-content-w-image-wrap .content-wrapper {
	max-width: 100% !important;
	padding: 0 !important;
}
.icon_1{
  
	padding: 15px;
}
.icon_2{
  
	padding: 15px;
}
.icon_3{
  
	padding: 15px;
}
.icon_4{
  
	padding: 15px;
}

.our-process-wrapper .steps{
	font-family: 'Orbitron', sans-serif !important;
}


.info-blocks-wrapper .info-blocks-card-inner .image-holder {
	margin-bottom: 15px !important;
}
footer.footer{
	border-top: 3px solid #219ebc;
}
.footer-top-section h3{
	font-family: 'Roboto', sans-serif;
}
/* blog-css */
.blog-post {
	box-shadow: none;
	width: 100%;
	padding: 0;
	background: transparent;
	border: 0;
	max-width: 100%;
}
.blog-comments form, .comment.depth-0 {
	border: 0 !important;
}
.section.post-footer {
	margin-bottom: 20px;
}

@media(max-width:991px){
	.mobile-triger span {
		background: #A9ABAB;
	}
	body .menu-primary .hs-menu-wrapper>ul>li>a {
		color: #219EBC !important;
		border-bottom: solid currentColor 2px;
		font-size: 22px;
	}
	.header-btn-col .hs-button {
		margin-top: 15px;
	}

	@media  (max-width: 991px){
		.header-menu-column{
			background: #fafafa !important;
		}
		.mobile-triger span:nth-child(1) {
			background: #36d5fd !important;
		}
		.mobile-triger span:nth-child(2) {
			background: #10b1d9 !important;
		}

		.mobile-triger span:nth-child(3) {
			background: #219EBC !important;

		}

	}