@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/montserrat-medium.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/montserrat-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/montserrat-extrabold.ttf") format("truetype");
}

*{

	margin:0;

	padding: 0;

	box-sizing: border-box;

	

}





a, button{

	transition:all 0.5s;

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    font-family: Montserrat, sans-serif;

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: .5rem;

}



:root{

    

    --w_w:1150px;

    --w_p:20px;

    

   

	--ff:'Montserrat', sans-serif;

  

    

}





article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

html {

  scroll-behavior: smooth;

  scroll-padding-top: 90px;

}

html, body{

	font-family: var(--ff);

	font-size: 18px;

    font-weight:400;

	line-height: 1.4;

    color:#111;

	

}



.desktop_only,

.tab_only,

.mob_only,

.tab_desktop_only,

.mob_tab_only

{

	display:none;

}





@media(min-width:1280px){

	.desktop_only{

		display:inline-block;

	}

}



@media(max-width:1279px){

	

	.mob_tab_only{

		display:inline-block;

	}

}



@media(min-width:768px){

	.tab_desktop_only{

		display:inline-block;

	}

}



@media(min-width:768px) and (max-width:1279px){

	.tab_only{

		display:inline-block;

	}

}



@media(max-width:767px){

	.mob_only{

		display:inline-block;

	}

}







.container_f_wrap{

	max-width:100%;

	width: 100%;

	padding: 0 var(--w_p);

}



.container_wrap{

	max-width:var(--w_w);

	width:100%;

	margin: 0 auto;

	padding: 0 var(--w_p);

}



.container_inner{

	display:flex;

	justify-content: space-between;

}



.df{

	display:flex;

}



.dif{

	display:inline-flex;

}





.aic{

	align-items: center;

}



.aifs{

	align-items: flex-start;

}



.aife{

	align-items: flex-end;

}



.jcfs{

	justify-content: flex-start;

}



.jcc{

	justify-content: center;

}



.jcfe{

	justify-content: flex-end;

}



.jcsb{

	justify-content: space-between;

}



.jcsa{

	justify-content: space-around;

}



.fdc{

	flex-direction: column;

}



.fdcr{

	flex-direction: column-reverse;

}



.fdr{

	flex-direction: row;

}



.fdrr{

	flex-direction: row-reverse;

}



.fww{

	flex-wrap: wrap;	

}



.fww > div{

	margin-bottom: calc(2 * var(--w_p));	

}



.fwnw{

	flex-wrap: nowrap;

}



.c_gap_2{

    column-gap: 2px;

}



.c_gap_5{

    column-gap: 5px;

}



.c_gap_10{

    column-gap: 10px;

}



.c_gap_15{

    column-gap: 15px;

}



.c_gap_20{

    column-gap: 20px;

}



.c_gap_25{

    column-gap: 25px;

}



.c_gap_30{

    column-gap: 30px;

}



.c_gap_35{

    column-gap: 35px;

}



.c_gap_40{

    column-gap: 40px;

}



.c_gap_45{

    column-gap: 45px;

}



.c_gap_50{

    column-gap: 50px;

}



.c_gap_55{

    column-gap: 55px;

}



.c_gap_60{

    column-gap: 60px;

}



.c_gap_65{

    column-gap: 65px;

}



.c_gap_70{

    column-gap: 70px;

}



.c_gap_75{

    column-gap: 75px;

}



.c_gap_80{

    column-gap: 80px;

}



.c_gap_85{

    column-gap: 85px;

}

.c_gap_90{

    column-gap: 90px;

}

.c_gap_95{

    column-gap: 95px;

}



.c_gap_100{

    column-gap: 100px;

}





.r_gap_2{

    row-gap: 2px;

}



.r_gap_5{

    row-gap: 5px;

}



.r_gap_10{

    row-gap: 10px;

}



.r_gap_15{

    row-gap: 15px;

}



.r_gap_20{

    row-gap: 20px;

}



.r_gap_25{

    row-gap: 25px;

}



.r_gap_30{

    row-gap: 30px;

}



.r_gap_35{

    row-gap: 35px;

}



.r_gap_40{

    row-gap: 40px;

}



.r_gap_45{

    row-gap: 45px;

}



.r_gap_50{

    row-gap: 50px;

}



.r_gap_55{

    row-gap: 55px;

}



.r_gap_60{

    row-gap: 60px;

}



.r_gap_65{

    row-gap: 65px;

}



.r_gap_70{

    row-gap: 70px;

}



.r_gap_75{

    row-gap: 75px;

}



.r_gap_80{

    row-gap: 80px;

}



.r_gap_95{

    row-gap: 95px;

}



.r_gap_100{

    row-gap: 100px;

}







.ta_left{

	text-align: left!important;

}



.ta_center{

	text-align: center!important;

}



.ta_right{

	text-align: right!important;

}



.sec_padding{

	padding:120px 0;

}



.sec_title{

	text-align:center;

	margin-bottom: 150px;

	position: relative;

}



.sec_title:before,

.sec_title:after {

    content: '';

    display: block;

    height: 11px;

    position: absolute;

    left: calc(calc(calc(calc(100vw - var(--w_w)) / 2) * -1) - var(--w_p) - 5px);

    top: 24px;

}



.sec_title:before {

    width: calc(calc(100vw - var(--w_w)) / 2);

    background:rgb(var(--o_clr_code) / 60%);

	z-index: 2;

}



.sec_title:after {

    width: calc(calc(calc(100vw - var(--w_w)) / 2) / 2);

    background:rgb(var(--o_clr_code));

	z-index: 1;

}





.sec_title > h2 {

    font-weight: 400;

    font-size: 47px;

    line-height: 65px;

    letter-spacing: 12px;

    color: #fff;

    text-align: left;

    text-transform: uppercase;

    margin-bottom: 20px;

}





.sec_title > p{

    font-size: 24px;

	font-weight: 100;

	line-height: 40px;

	letter-spacing: 5px;

	color:#fff;

	text-align: left;

}



.c_10p,

.c_20p,

.c_25p,

.c_30p,

.c_33p,

.c_40p,

.c_50p,

.c_60p,

.c_70p,

.c_80p,

.c_90p{

	padding: 0 var(--w_p);

}



.c_10p{

	width:10%;

}



.c_20p{

	width:20%;

}



.c_25p{

	width:25%;

}



.c_30p{

	width:30%;

}



.c_40p{

	width:40%;

}



.c_50p{

	width:50%;

}



.c_60p{

	width:60%;

}



.c_70p{

	width:70%;

}



.c_80p{

	width:80%;

}



.c_90p{

	width:90%;

}



.c_100p{

	width:100%;

}





.c_grid_m{

	margin:0 calc(-1 * var(--w_p));

}



.dig{

	display:inline-grid;

}



.dg{

	display:grid;

}



.g_c2{

	grid-template-columns: repeat(2, 1fr);

}



.g_c3{

	grid-template-columns: repeat(3, 1fr);

}



.g_c4{

	grid-template-columns: repeat(4, 1fr);

}



.g_c5{

	grid-template-columns: repeat(5, 1fr);

}



.g_c6{

	grid-template-columns: repeat(6, 1fr);

}



.nmb{

    margin-bottom:0px !important;

}



.npb{

    padding-bottom: 0px !important;

}



.nbs{

	box-shadow:none!important;

}



b, strong{

	font-weight:700!important;

}



img{

	max-width:100%;

}



.web_btn {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    padding: 12px 20px;

    column-gap: 15px;

    background: rgb(var(--o_clr_code))!important;

    border-radius: 5px;

    color: #fff!important;

    text-decoration: none;

    font-size: 15px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 3px;

	border: none;

	cursor: pointer;

}





.web_link:hover,

.web_btn:hover{

	opacity:0.8;

}





.web_header{

	background: linear-gradient(284.84deg, #2456a0 30.75%, #4aa3e9 85.96%);

	padding: 10px 0;

    width: 100%;

    margin-top: 42px;

}

.top_bar {
    background: #000;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 10px 12px;
    box-sizing: border-box;
}



.web_logo img{

    max-height: 75px;

}



.hdr_btn a{

    background-color: #0ed13d;

    border-color: transparent;

    border-radius: 8px;

    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .41);

    color: #ffffff !important;

    max-width: 250px;

    padding: 10px;

	font-size: 16px;

    font-weight: 400;

    margin: 0 15px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition: all .3s ease-in;

    word-break: normal;

	text-decoration: none;

}

.hdr_btn a:hover{

	background-color: #0cad33;

}



.center_hddr_text {

	color:#abacac;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.3;

}



.content_col_right{

	width:75%;

	padding-right: var(--w_p);

}



.content_col_left{

	width:25%;

    padding-top:15px;

}





.content_col_left_inner,

.product_fixed_pannel_wrap{

    display: unset;

}



.product_fixed_pannel{

    position: -webkit-sticky !important;

    position: sticky !important;

    top: 15px;

}

.product_fixed_pannel a{

	position: relative;

	text-decoration: none;

}



.product_fixed_pannel a span {

    background-image: linear-gradient(180deg, #882adf, #7c0ce1);

    border: 1px solid #551e83;

    color: #fff !important;

    padding: 16px 20px;

    font-weight: 700;

    outline: 0;

    text-transform: uppercase;

    transition: all .2s ease;

    font-size: 16px;

    border-radius: 4px;

    display: block;

    text-align: center;

    position: absolute;

    left: 13px;

    bottom: 46px;

    width: calc(100% - 26px);

}



.product_fixed_pannel a span:hover{

    background-image: linear-gradient(180deg, #932cf6, #860df5);

    border-color: #551e83;

}



.content_col_right_inner p {

    margin-bottom: 22px;

}



.content_col_right_inner p a{

    color: #167ac6;

    cursor: pointer;

    font-weight: 700;

    outline: 0;

    text-decoration: underline;

}



.main_top_content h1 {

    font-size: 47px !important;

    font-weight: 800;

}



.content_col_right_inner h2  {

    font-size: 24px !important;

    margin-bottom: 10px;

}



.current_date{

    font-weight: bold;

    margin-block:10px 15px;

}



.content_block > img{

    margin-block:24px;

}



.c_table_comp{

    border:1px solid #e0e0e0 !important;

    border-radius: 10px !important;

    margin-block:24px !important;

}

.c_table_comp tr:nth-child(2n+2){

    background:#f7f7f7;

}



.c_table_comp tr > th{

    padding:15px;

}



.c_table_comp tr > td{

    padding:24px;

}

.c_table_comp tr {

    border-bottom:1px solid #e0e0e0 !important;

}



.c_table_comp tr > *:nth-child(1){

    width:40%;

}



.c_table_comp tr > *:nth-child(2),

.c_table_comp tr > *:nth-child(3){

    width:30%;

    text-align: center;

}



.c_table_comp tr > td h4{

    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;

    font-weight: 700;

    font-size: 16px;

    color: rgba(37, 88, 162, 0.75) !important;

    line-height: 28px;

    margin-bottom: 0;

}



.c_table_comp tr > td h5{

    font-weight: 500;

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 0;

}

.video_frame {

    margin-bottom:20px;

}

.video_frame iframe{

    width:100% !important;

    height: auto;

    aspect-ratio: 16/9;

}



.order_button {

    background-image: linear-gradient(180deg, #4ba614, #008c00);

    border:1px solid #34740e;

    font-weight: 700;

    padding: 16px 20px;

    line-height: 1.15 !important;

    font-size: 30px;

    transition: all .2s ease;

    color: #fff !important;

    text-transform: capitalize;

    display: block;

    text-align: center;

    text-decoration: none !important;

    border-radius: 5px;

}



.order_button span{

    font-size: 20px;

    font-style: normal;

}



.order_button:hover{

    background-color: #36780f;

    background-image: linear-gradient(180deg, #36780f, #005900);

    border-color: #224b09;

}

.testimonial_block_title{

    margin-top:30px;

}

.testimonial_block_title h3{

    margin-bottom:25px;

    font-size: 24px;

    text-align: center;

}

.testimonial_block_title h3 span,

.testimonial_block_title h3 a{

    color: #167ac6;

}



.single_testimonial_block{

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    margin-bottom: 24px;

    padding-bottom: 24px;

}



.stb_top {

    margin-bottom:15px;

}

.stb_top h3 {

    margin: 0;

    font-size: 18px;

    font-weight: 400;

}



.footer_top_note{

    font-size: 10px;

    line-height:14px;

    margin-top: 30px;

}



#web_footer{

    margin-top:25px;

}

#web_footer > .web_footer_top{

    background: linear-gradient(284.84deg, #2456a0 30.75%, #4aa3e9 85.96%);

    color: #fff;

    padding: 50px 0;

    text-align: left;

}



.footer_menu_block h3 {

    color: #fff;

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

    margin-top: 20px;

}



.footer_menu_block a{

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    text-decoration: none !important;

}



.icon_block{

    height: 30px;

    margin-right: 10px;

    width: 30px;

}



.web_footer_bottom{

    padding-block:10px;

}



.web_footer_bottom > .container_wrap{

    text-align: center;

}



.web_footer_bottom p{

    font-size:16px;
    text-align: center;
    margin: 0 auto;

}



.stb_a_img{

    flex: 0 0 60px;

}



@media(max-width:767px){

	.c_33p,

	.c_25p,

	.c_50p{

		width:100%;

	}

}





@media(max-width:1180px){

	.main_top_content h1 br{

        display:none;

    }



    .order_button {

        font-size: 28px;

     }

}



@media(min-width:1024px){



    .desktop_header{

        display:flex;

    }



    .mobile_tab_header{

        display:none;

    }



}





@media(max-width:1023px){



    .desktop_header{

        display:none;

    }



    .mobile_tab_header{

        display:flex;

        flex-wrap: wrap;

    }

   



    .order_button {

       font-size: 28px;

    }



    .content_col_left{

        display: none !important;

    }

    .content_col_right {

        width: 100%;

        padding-right: 0;

        padding-top: 25px;

    }

	

    .trigger_menu{

        position: absolute;

        right: 30px;

        top: 40px;

    }



    .mobile_tab_header{

        height: 84px;

        overflow: hidden;

        transition: all 0.5s;

    }



    .div_menu_order_button {

        padding-block: 25px 20px;

    }



    .active_menu .trigger_menu .trigger_opener_icon,

    .trigger_menu .trigger_closer_icon{

        display:none;

    }

    .active_menu .trigger_menu .trigger_closer_icon{

        display:block;

    }



    .active_menu .mobile_tab_header{

        height: 157px;        

    }



    .web_footer_top > .container_wrap {

        flex-wrap: wrap;

    }



    .web_footer_top > .container_wrap > div:nth-child(1){

        width:100%;

        text-align: center;

        margin-bottom: 15px;

    }



    .web_footer_top > .container_wrap > div:not(:nth-child(1)){

        width:33.33%;

    }



    .web_footer_bottom > .container_wrap{

        text-align: center;

    }



    

}



@media(min-width:768px){

    .mobile_ca_btn{

        display: none !important;;

    }

}



@media(max-width:767px){



    .main_top_content h1 {

        font-size: 37px !important;        

    }



    .web_footer_top > .container_wrap > div:nth-child(1){

        width:100%;

        text-align: center;

        margin-bottom: 25px;

    }



    .web_footer_top > .container_wrap > div:not(:nth-child(1)){

        width:100%;

        margin-bottom: 25px;

        text-align: center;

    }



    .web_footer_bottom > .container_wrap{

        text-align: center;

    }



    #web_footer{

        display:unset;

    }



    #web_content{

        padding-bottom: 35px;

    }



    .mobile_ca_btn {

        position: -webkit-sticky;

        position: sticky;

        bottom: -1px;

        border-radius: 0;

        text-transform: uppercase;

        font-size: 19px;

    }



    .icon_block  img{

        filter: grayscale(1) brightness(100);

    }



    .c_table_comp tr td:nth-child(2){

        border: 3px solid #447CDA;

        border-top-width: 0;

        border-bottom-width: 0;

        position: relative;

    }



    .c_table_comp tr:last-child td:nth-child(2)::before,

    .c_table_comp tr:nth-child(2) td:nth-child(2)::before {

        content: '';

        width: 100%;

        position: absolute;

        height: 50px;

        border: 3px solid #447cda;

        top: -16px;

        left: -3px;

        border-radius: 13px 13px 0 0;

        border-bottom: 0;

    }



    .c_table_comp tr:last-child td:nth-child(2)::before{

        top: auto!important;

        bottom: -16px!important;

        border-bottom:3px solid #447cda !important;

        border-top: 0!important;

        border-radius:0 0 13px 13px !important;

    }

}

.trigger_menu {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.trigger_opener_icon,
.trigger_closer_icon {
  fill: #fff;
}

.trigger_opener_icon {
  transform: scaleX(1.5);
}

.footer-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.footer_logo img {
  max-height: 75px;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  justify-content: flex-end;
}

.footer-links a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.legal-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.legal-header {
  background: linear-gradient(284.84deg, #2456a0 30.75%, #4aa3e9 85.96%);
  padding: 10px 20px 16px;
  text-align: center;
}

.legal-header img {
  max-height: 75px;
}

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  justify-content: center;
  margin-top: 10px;
}

.legal-nav a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.legal-nav a:hover,
.legal-nav a:focus {
  text-decoration: none;
}

.legal-content {
  flex: 1;
  margin: 0 auto;
  max-width: 900px;
  overflow-wrap: anywhere;
  padding: 48px 20px 64px;
  width: 100%;
}

.legal-content h1 {
  font-size: 38px;
  margin-bottom: 12px;
}

.legal-content h2 {
  font-size: 23px;
  margin: 32px 0 10px;
}

.legal-content p,
.legal-content li {
  margin-bottom: 14px;
}

.legal-content ul {
  list-style: disc;
  padding-left: 24px;
}

.legal-content a {
  color: #167ac6;
  overflow-wrap: anywhere;
}

.legal-footer {
  padding: 18px 20px;
  text-align: center;
}

.legal-footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  justify-content: center;
  margin-bottom: 12px;
}

.legal-footer-nav a {
  color: #167ac6;
  font-size: 14px;
  text-decoration: none;
}

.legal-footer-nav a:hover,
.legal-footer-nav a:focus {
  text-decoration: none;
}

.legal-footer p {
  font-size: 16px;
}

@media (max-width: 767px) {
  .footer-inner {
    align-items: center;
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }

  .footer-links {
    justify-content: center;
    width: 100%;
  }

  .legal-content {
    padding-top: 34px;
  }

  .legal-content h1 {
    font-size: 31px;
  }
}