body{	padding:0;
	margin:0; 
	font-family: "Open Sans", serif;
	background:#212121 ;
    overflow-x: hidden !important;
	width:100%;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a {
    color: #c09643;
    text-decoration: none !important;
}
input[type="button"],input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
} 
h1,h2,h3,h4,h5,h6{margin:0; font-family: "Roboto Condensed", serif !important;	}	
p{margin:0;}
ul{margin:0;padding:0;}
label{margin:0;}
 
/*-----start-header----*/
.container, .container-lg, .container-md, .container-sm, .container-xl { 
        position: relative;
    }
.header_top { 
    padding: 0px 0px 0px 0px;
    width: 100%;
    z-index: 3000;
    top: 0px;
    margin: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px #ccc;
    min-height: 87px;
    position: relative;
    display: inline-block;
	border-bottom: 1px solid hsla(0,0%,100%,.14);
}
.logo { float: left; 
    margin:5px 0px 0px 0px; 
}
.logo a {display: block;} 
.bottomlogo {  width: 100px;
    margin: 0px 0px 20px 0px; 
}
.menusec {
    background-color: #2d3248;
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px #ccc;
    position: relative;
    display: inline-block;
}
.top_social{ width:100%; display:inline-block; margin:0px 0px 0px 0px; padding:6px 0px 0px 0px; position:absolute; text-align:right;}
.top_social a { text-align: right; 	 
	color:#200d93;	
	font-weight: normal;
	text-transform: none; 
	padding:0px 10px 0px 10px;
	font-size:14px;	 
	}
.top_social a:hover { 	color: #dc2776;
	font-weight: normal;
	text-transform: none;	  
	}
.top_mainbg{background:#fff;
    background-position: left top;
	padding:8px 0px 0px 0px; display:inline-block;
	background-repeat:no-repeat;
	width:100%;
	border-radius: 8px;
	} 
.top-menu { float: right ; margin: 40px 0px 0px 0px;}
.top-menu ul li {display:inline-block;}
.top-menu ul li a {	color:#181818;
	text-transform: none;
	font-size:14px;
	font-weight: bold; 
	text-decoration:none;
	padding:6px 10px;
	text-transform:uppercase;
}
.top-menu ul li a.active {background:#44bbff;
	color:#fff;
	padding:6px 15px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.top_contact{ width:50%; float:left; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: left;}
.top_icons{ width:56px; float:left; margin:0px 0px 0px 0px; padding:5px; text-align: left; border: 1px solid #0095da; border-radius:4px;}
.top_cont{ width:60%; float:left; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px; text-align: left; }
.top_cotents {
    color: #777777;
    font-size: 15px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
    line-height: 25px;
    margin: 0px 0px 0px 0px;
    font-family: "Roboto Condensed", serif !important;
}
.top_cotents1 {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    line-height: 25px;
    margin: 0px 0px 0px 0px;
    font-family: "Roboto Condensed", serif !important;
}
.top_cotents1 a {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    line-height: 25px;
    margin: 0px 0px 0px 0px;
    font-family: "Roboto Condensed", serif !important;
}

.language { 	border-radius: 0px;
	width:100%; 
	padding: 16px 0px 0px 0px;
	 font-size: 15px;
	color:#c6c6c6; text-align: right;
	margin:0px;
	}
.language a {padding: 15px 6px 10px 6px;
    font-size:  18px !important;
    text-transform: none;
    color: #fff;
    border-bottom: 0px solid #201272; 
    font-weight: 400; text-decoration:none;
} 
.language a:hover {color: #0095da ; text-decoration:none }
.search_sec{ width:100%; display:inline-block;}
.search_form{ width:100%; float:left; margin:4px 0px 0px 0px; padding:0px;}
.search_icon{ width:20%; float: right; margin:0px; padding:0px;}
.search_form .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #b6bacf;
    background-color: #1b1f30;
    background-clip: padding-box;
    border: 1px solid #1b1f30; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:5px;
	height:45px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.header-buttons{ margin:10px 0px 0px 0px; padding:0px;}
.header-buttons a{     color: #fff;
    background: #0057fc;
    text-transform: none;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 11px 23px;
    text-transform: uppercase;
    border-radius: 5px;
	border:1px solid #0057fc;
	}
.header-buttons a:hover{ color:#0057fc; background:#fff;
	border:1px solid #0057fc;
	text-decoration:none;
	 } 
header{text-align: center;   
	line-height: normal;       
	width:100%;	 
	// set animation
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	margin:0px 0px 0px 0px !important;
	min-height: 75px; 
	position:  fixed;
    z-index: 2000;
	} 
header.sticky {	position: fixed; min-height: 75px;  background-color: var(--vz-secondary);
	line-height: normal; 
	width: 100%; 
	text-align: left;
	padding-left:0px;
	z-index:3000;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin:0px 0px 0px 0px;
	top:0px;
	
	}	 
 	 	
.top_link {
    margin: 34px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
}
.top_link a {text-align: center;
    color: #000;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
    margin: 0px 4px 0px 0px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    border-radius: 50px;
    background: none;
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    letter-spacing: .05;
    text-decoration: none;
}

.top_link a:hover { 	color: #0095da; 
	text-decoration:none;
	background: #fff; 
	border:1px solid #0095da; 
} 
.banner_sec {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.banner_bg{    background-repeat:no-repeat;
background-position:center top;
padding:0px 0px 0px 0px; margin:0px;
width:100%;  
    background-size: cover;
	border-radius: 00px;     
	}
.banner_bg::before{
content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  /*background-color: #174e5e;*/
  background-color: var(--vz-primary);
  mix-blend-mode: multiply;
  height:110%;
}
.banner_bg img{  
	border-radius: 0px;     
	}
.banner_bg video {  
	border-radius: 0px;  
	}
.banner_bg1{ background: #f9fcfb; background-repeat:no-repeat;
background-position:center top;
padding:30px 0px 70px 0px; margin:0px;
width:100%; display:inline-block;
    background-size: cover;     
	}		
.banner_con { text-transform: none; position:absolute;
    padding:150px 0px 15px 0px;
    margin: 0px 0px 0px 0px; 
    z-index: 500;
    display: block; 
    width: 100%; 
}
.banner_sec h1 {
    color: #fff;
    font-size:50px;
    font-weight: 500;
    text-transform:   none;
    padding: 00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:   center; 
}
.banner_sec h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    text-transform: none;
    padding:00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:  left;
}
.banner_sec h3 {
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    text-transform:  uppercase;
    padding: 00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:  left;
	font-family: "Roboto Condensed", serif !important;	
}
.banner_sec h4 {
    color: #212121;
    font-size: 50px;
    font-weight: 400;
    text-transform: none;
    padding:00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:  left;
}
 
.banner_para{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    padding:00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:   center;
}
.banner_para1{
    color: #212121;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    padding:00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:  left;
}
.banner_con_sec {  position: relative; }
.sub_banner_bg{ background-color: var(--vz-secondary); background-repeat:no-repeat;
	background-position:center top;
	padding: 0px 0px 00px 0px; margin:0px;
	width:100%; display:inline-block;
    background-size: cover;     
	} 
.sub_banner_bg img{   border-radius: 30px;     }   
.sub_banner_con { position:absolute;  padding: 90px 0px  60px 50px;	}	
.sub_banner_con h1 {  color: #fff; font-size:40px; font-weight: 400;
    text-transform: none;
    padding:00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:    left; 
	text-transform: none; 
}

.video_btn {
    margin: 34px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
}
.video_btn a {text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 0px 0px 7px;
    margin: 0px 4px 0px 0px;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.08em;
    border-radius: 50%;
    background: #212121;
    border: 1px solid #fff; 
    letter-spacing: .05;
    text-decoration: none;
	width:60px;
	height:60px; 
	display:inline-block; 
	box-shadow: 0px 0px 9px #fff;
}

.video_btn a:hover { padding: 7px 0px 0px 6px;  font-size: 23px;
	color: #0095da; 
	text-decoration:none;
	background: #212121; 
	border:5px solid #fff; 
	box-shadow: 0px 0px 15px #ccc;
}


.moreabout {
    margin: 34px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
}
.moreabout a {text-align: center;
    color: #000;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
    margin: 0px 4px 0px 0px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    border-radius: 50px;
    background: none;
    border: 1px solid #0095da;
    background-color: #0095da;
    letter-spacing: .05;
    text-decoration: none;
}

.moreabout a:hover { 	color: #0095da; 
	text-decoration:none;
	background: #000; 
	border:1px solid #000; 
	
}
.moreabout1 {
    margin: 34px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
}
.moreabout1 a {text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
    margin: 0px 4px 0px 0px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    border-radius: 50px;
    background: none;
    border: 1px solid #000;
    background-color: #000;
    letter-spacing: .05;
    text-decoration: none;
}

.moreabout1 a:hover { 	color: #fff; 
	text-decoration:none;
	background: #0095da; 
	border:1px solid #0095da; 
}  
.h_banner_con_icons { padding: 00px 0px 15px 0px; margin: 0px 0px 0px 0px; }
.banner_con_icons { padding: 00px 0px 15px 0px; margin: 0px 0px 0px 0px; }

.sub_banner_head {
    color: #fff;
    font-size: 35px;
    font-weight: 500;
    text-transform:  uppercase;
    padding: 00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:  left;
	font-family: "Roboto Condensed", serif !important;	
}
    
.content{ padding:00px 0px 0px 0px; width:100%; display:inline-block} 
.welcome_sec {    margin: -340px 0px 0px 0px;    padding: 00px 0px 60px 0px;    position: relative;    z-index: 1500;}
.welcome_bg{ background: rgba(0, 0, 0, .25);     border-radius: 40px; padding:25px 25px 15px 25px ;}
.welcome_images{   
  border-radius: 200px 20px 200px 20px;
  display: inline-flex;
  align-items: flex-start; 
  position: relative;
  overflow: hidden;
}
 
.welcome_sec h1 { color: #fff;
    font-size: 32px;
    font-weight: 500;
    padding: 0px;
    margin: 0px 0px 15px 0px;
    text-transform:  none;
    text-align: left;
}
.welcome_sec h2 { color: #fff;
    font-size: 25px;
    font-weight: 500;
    padding: 0px 0px 0px 0px ;
    margin: 0px 0px 15px 0px;
    text-transform: none;
    text-align: left;
}
.welcome_sec h3 { color: #53c5d0;
    font-size: 21px;
    font-weight: 500;
    padding: 0px 0px 0px 0px ;
    margin: 0px 0px 7px 0px;
    text-transform: none;
    text-align:  right;
}
.welcome_sec h3 a { color: #53c5d0;
    font-size: 21px;
    font-weight: 500;
    padding: 0px 0px 0px 0px ;
    margin: 0px 0px 7px 0px;
    text-transform: none;
    text-align:  right;
}
.welcome_sec h3 a:hover { color: #fff; 
}
.welcome_sec p  { color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    text-align: left; 
}
.welcome_sec ul{ margin:0px 0px 0px 0px;}
.welcome_sec li{color: #000;  font-size: 15px; padding:0px 0px 7px 35px;    line-height: 30px; background: url(../images/welcome_list.png); background-repeat: no-repeat; list-style:none; background-position:0px 4px ;
}
.welcome_sec_m{ position:relative }
 
.welcome_sec_sec{ margin:90px 0px 0px -150px; padding:15px 40px 30px 40px; background-color: #fff; position:absolute; box-shadow: 0px 0px 15px #ccc; width: 108%;  }
 
.contact_area{ width:100%; margin:-6px 0px 0px 0px; padding: 0px; display:inline-block; background:#171717;  border-radius: 20px;
} 
.contact_area h1{ color:#000000; text-transform: none; font-size:35px; text-align: left; margin:0px 0px 15px 0px; padding:50px 0px 0px 0px; text-transform:uppercase; line-height:35px; font-weight:500;
}
.contact_sec{ width:100%; display:inline-block; margin:0px 0px 0px 0px; padding:00px 0px 0px 0px;
}
.contact_icons{  float:left;
 text-align: center;
    color: #fff;
    font-weight: normal;
    text-transform: none;
    padding: 0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
    font-size:  25px;
    width: 70px;
    height: 70px;
    border: 1px solid #3e3e3e !important;
	background:#212121;
    border-radius: 50%;
    display: inline-table;
    line-height: 70px;
} 
.contact_add{ width:71%; float:left;
}
.contact_sec_head {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    margin: 0px 0px 5px 0px;
	font-family: "Roboto Condensed", serif !important;
}
.contact_sec_con {color: #a7a7a7;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    line-height: 25px;
    margin: 0px 0px 30px 0px; 
}
.waves{ width:100%; position:relative; z-index:1800; margin:-90px 0px 0px 0px; }
 
.footer_section {margin:00px 0px 0px 0px; 
    padding: 35px 0px 0px 0px !important;
    background-color: #212121 !important;
    background-repeat: no-repeat;
    background-position: left bottom;
    border-radius: 0px 0px 0px 0px; 
	border-radius: 0px;
	position: relative;
    z-index: 1800; 
	height:50%;
	width:100%;
	 
}
 
.footer_section h1 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform:  none;
    text-align: left;
    margin: 0px 0px 15px 0px;
	padding:0px;
}
.footer_section p {color: #a7a7a7;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
    text-align: left;
    line-height: 30px;
}
 
.footer_head{ font-size:14px; text-transform:uppercase; color:#fff; font-size:20px; margin:15px 0px 0px 0px;} 

.footer_links { 	border-radius: 0px;
	width:100%; 
	padding:0px 0px 10px 0px;
	font-size:12px;
	color:#7a7a7a; text-align:center
	}
.footer_links ul  {padding: 0px 0px 0px 0px; margin:0px;}
.footer_links li  {padding: 0px 0px 0px 0px; margin:0px; list-style:none;}
.footer_links li a {padding: 3px 10px 3px 0px;
    font-size: 15px;
    text-transform: none;
    color: #a7a7a7;
    border-bottom: 0px solid #201272; 
    font-weight: 400; text-decoration:none;
	width:100%; display:inline-block;
	text-align:left;
} 
.footer_links li a:hover {color: #0095da; text-decoration:none}
.newsletter{ margin:12px 0px 0px 0px; padding:0px; position:relative; width: 80%;}
.newsletter .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #a7a7a7;
    background-color: #212121;
    background-clip: padding-box;
    border: 1px solid #3e3e3e !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 50px;
}
.newsletter_submit{  margin:0px; padding:0px 0px 0px 0px;  text-align:  left; 
	position: absolute; right:10px;
    }
.newsletter_submit a {text-align:  left;
    color: #212121 ;
    text-transform:  none;
    padding: 3px 0px 0px 0px;
    margin:7px 0px 0px 0px;
    font-size: 18px;
    font-weight: 400;  
    background: none;  
    text-decoration: none;
	background:#fff;
	width:35px;
	height:35px;
	border-radius: 50%;  
	display:inline-block;
	text-align:center;
	line-height:28px; 
	float: right;
} 
.newsletter_submit a:hover { 	color:#fff ;
	text-decoration:none;
	background-color: var(--vz-secondary)
}	
.btn {
    background-color: #0095da;
    border: 0px;
    border-radius: 5px;
    color: #FFF;
    font-size: 15px; 
    text-transform: uppercase;
    font-weight: bold;
    padding: 9px 50px 9px 50px; 
    margin: 0px;
} 	
.btn:hover {
    background-color: #000 !important; 
    color: #FFF; 
} 
.submit{ display:inline-block; float:left;
} 	
 
.bottom-sec { 	border-radius: 0px;
	width:100%;
	text-align:  left;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	font-size:14px; 
	}
.bottom-sec a {     text-align: center;
    color: #171717;
    font-weight: normal;
    text-transform: none;
    padding: 0px 0px 0px 0px;
	margin:0px 5px 0px 0px;
    font-size: 15px;
    width: 35px;
    height: 35px; 
	background:#fff;
    border-radius: 50%;
    display: inline-table;
    line-height: 33px;
} 
.bottom-sec a:hover { 	color: #fff; background-color: var(--vz-secondary);
	font-weight: normal;
	text-transform: none;
	 
}
.copyright_con {  
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 15px 0px;
	font-size:12px;  
	color:#a7a7a7;
	text-align: left;
}
.legal { 	border-radius: 0px;
	width:100%; 
	padding: 0px 0px 0px 0px;
	font-size:12px;
	color:#c6c6c6; text-align: right;
	}
.legal a {padding: 0px 6px 0px 6px;
    font-size: 14px;
    text-transform: none;
    color: #c6c6c6;
    border-bottom: 0px solid #201272; 
    font-weight: 400; text-decoration:none;
} 
.legal a:hover {color: #fff; text-decoration:none	}
 
.copyright { background:#000000; width:100%; 
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
	font-size:13px;  
	color:#c6c6c6;
} 
 .carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0; 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
	z-index: 1500;
}
.navbar-default { background: none; border:0px solid #e7e7e7;
}
.navbar { position: relative;  
    border: 0px solid transparent;
    margin: 15px 0px 0px 0px; padding:0px;
	text-align:left; z-index: 1000;
	justify-content:center;
} 
.navbar-default .navbar-nav>li>a { color: #fff;
    font-size: 14px; text-transform:  none;
    font-weight: 500;
}
.navbar-default .navbar-nav>li>a:hover { color: #ae3f3f;}
li.nav-item {padding: 0px 4px 0px 4px;}
.nav-link { color: #fff;
	font-size:14px;
	text-transform: uppercase; 
	font-weight:600;
	padding:21px 10px 12px 10px !important;
	}
.nav-link:hover { color: rgb(var(--vz-primary-rgb)) }
.nav-link:focus{ color: rgb(var(--vz-primary-rgb))}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link { color: rgb(var(--vz-primary-rgb))} 
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus { color: rgb(var(--vz-primary-rgb))
    background: none 
}
.navbar-collapse { padding-right: 0px; padding-left: 0px; }
.nav>li>a { position: relative; display: block; padding: 10px 0px 10px 20px;}
.dropdown-menu>li>a { display: block; padding: 9px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #f5f5f5;
    font-size: 14px;
}
.navbar-nav>li>.dropdown-menu { width:290px !important;}
.navbar-toggler {  background: #fff;  
    position:  relative; margin:5px 0px 5px 0px;
	text-align:left;	
}
 
.dropend .dropdown-toggle { color: salmon; margin-left: 1em;}
.dropdown-item:hover { background-color: #f5f5f5;  color: #000;}
.dropdown .dropdown-menu {  display: none;}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: .255em;
    content: "";
    border-top: 0em solid;
    border-right: 0 solid transparent;
    border-bottom: 0;
    border-left: 0 solid transparent;
} 
.accordian_tab{ margin: 0px 0px; width:100%; padding: 0px; }
.accordian_tab h1{ list-style:none; padding:15px 20px 15px 20px; margin:0px 0px 10px 0px;  background:#fff; border:0px solid #ccc; font-size:16px; border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	} 
.accordian_tab h1:hover{ list-style:none; padding:15px 20px 15px 20px; background: #fff; border:0px solid #ccc; color:#000;} 
.accordian_cont{ border:1px solid #ccc; background:#fff; border-radius: 0px; padding:20px; margin:20px; } 
.accordian_tab .active{ background: #fff !important;     color: rgb(var(--vz-primary-rgb)) !important; border-radius: 0px;
    padding:15px 20px 15px 20px;}
.acc_con{ display:none;   color:#545454; border-radius: 0px; padding:20px; border: margin:5px 0px 5px 0px; }
.arrow { border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
   transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  float:right;
  margin: 6px 0px 0px 0px;
} 
.active .arrow {  transform: rotate(45deg); -webkit-transform: rotate(45deg);} 	  
#loginContainer { position:relative; float:right; font-size:12px;}
#loginButton { display:inline-block;
    float:right; 
    border:0px solid #164e5d; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}
 
.contact_sec1 {
    background-color:#212121 ;
    background-position: center top;
    background-repeat: repeat;
    margin: -5px 0px 30px 0px;
    padding: 25px 25px 25px 25px;
    border-radius: 30px;
    width: 100%;
    display: inline-block;
    position: relative;
}
.contact_box { background:#302E2F;
    text-align: left;
    margin: 0 0 0px;
    border: 0px solid #eeeff2;
    padding: 25px 25px 25px 25px;
    border-radius: 15px;
	display:inline-block;
	width:100%;
	min-height:257px;
}
.contact_home_sec1 { 
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 25px 0px;
    box-shadow: 0px 0px 0px #ccc;
    border-radius: 0px;
}
.contact_home_form {padding: 10px 0px 20px 0px;
    margin: 0px auto 0px auto;
    border-radius: 10px;
    z-index: 60; position: relative; 
}
.contact_home_form iframe { 
    border-radius: 30px; 
}
.contact_home_form h1 {
    color: #0095da;
    font-size: 40px;
    font-weight: 400;
    text-transform: none;
    margin: 0px 0px 25px 0px;
    padding: 0px;
    text-align: center;
}
.contact_home_form p {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin: 5px 0px 20px 0px;
    padding: 0px 00px 10px 00px;
    text-align: center;
    line-height: 28px;
}
.contact_home_form .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff !important;
    font-weight: 400;
    background-color: #212121 ;
    border-radius: 40px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: 0px 0px 0px #212121 ;
    border: 1px solid #212121 ;
    position: relative;
    z-index: 5;
}
.contact_home_form ::-webkit-input-placeholder {  color: #e3e3e3;}
.contact_home_form ::-moz-placeholder {  color: #e3e3e3;}
.contact_home_form :-ms-input-placeholder { color: #e3e3e3;}
.contact_home_form :-moz-placeholder {  color: #e3e3e3;}
 .form-group {
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
} 
.submit{  margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:200px; }
.submit a {text-align: right; color: #000;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
    margin: 0px 4px 0px 0px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    border-radius:40px;
    background: none;
    border: 2px solid #0095da ;
    background: #0095da ;
    letter-spacing: .05;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.submit a:hover { 	color:#000 ;	text-decoration:none; background: #fff; 	border:2px solid #fff; } 

  
.desk{ display:block;}
.mob{ display: none ;}

   
.section_box1_content {
    padding: 5px 6px 6px 6px;
    display: inline-block;
    width: 100%;
    position: relative;
}
.callback_sec {
    position:    fixed;
	left:0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
	height:100%;
    z-index: 5000;
	background:rgba(0, 0, 0, 0.8); 
	cursor: move
	
}
.callback_main {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 320px;
    z-index: 5000;
	height:100%;
	background: url(../images/callback_bg.png) var(--vz-primary);
    border: 0px solid #f7f7f8;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    box-shadow: 0 0px 5px #000;
    border-radius: 0px;
	z-index:9000;
}
.chat_section_box1 {
    background-color: #ffffff;
    width: 100%;
    border: 0px solid #f7f7f8;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    box-shadow: 0 0px 5px #ccc;
    border-radius: 8px;
    display: inline-block;
    position: relative;
}
.chatsec_close {
    margin: 15px 0px 0px 0px !important;
}
.close_btns {position: absolute;
    right: 10px;
    font-size: 30px;
    line-height: 18px;
    margin-top: 18px !important;
    z-index: 590;
    color: #fff;
    cursor: pointer;
} 
.callback_con { 
    font-size: 19px;
    line-height: 35px;
    margin: 0px ;
	padding:25px 15px 15px 15px;
    z-index: 590;
    color: #fff;
	text-align:center;
}
.callback_form { 
    font-size: 19px;
    line-height: 35px;
    margin: 0px ;
	padding:10px 15px 25px 15px;
    z-index: 590;
    color: #fff;
	text-align:center;
}
.connect_left {
    width: 100%;
    display: inline-block;
}
.connect_right_top {
    width: 100%;
    display: inline-block; 
	border-bottom: 1px solid hsla(0, 0%, 100%, .14);
    padding: 0px  0px 8px 1px;
}
.connect_icon {
    width: 40px;
    float: left;
    margin: 4px 10px 0px 0px;
}
.connect_con {
    width: 76%;
    float: left;
}
.connect_con_name1 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    padding: 11px 0px 0px 12px;
}
.search_icon {
    position: absolute;
    margin: 6px 0px 14px 7px;
    width: 30px;
    right: 15px;
}
.connect_left .form-control {
    padding: 10px 10px 10px 10px !important;
    background: #fff !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 8px !important;
	font-size:14px;
}
.get_callback{ margin:27px 0px 0px 10px; padding:0px;  position: absolute; right:0px; z-index:2700; top:60%;
}
.get_callback a{ padding:12px 35px 12px 35px;
  color:#fff; 
  height: 40px;
  line-height: 37px;
  border-radius: 40px 0px 0px 40px;
  border: 1px solid hsla(0,0%,100%,.2);
  background: rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  font-size:17px;
  text-transform:uppercase; font-weight:500;
}
.get_callback a:hover{ color:#000; 
  border: 1px solid hsla(0,0%,100%,.2);
  background: #fff; 
}
.login_btn{ margin:27px 0px 0px 10px; padding:0px; float:right;
}
/*.login_btn a{ padding:8px 20px 8px 20px;
  color:#fff; 
  height: 40px;
  line-height: 37px;
  border-radius: 40px;
  border: 1px solid hsla(0,0%,100%,.2);
  background: rgba(255,255,255,.14);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.login_btn a:hover{ color:#000; 
  border: 1px solid hsla(0,0%,100%,.2);
  background: #fff; 
}*/
 
.login_btn span{ padding:11px 25px 11px 25px;
  color:#fff; 
  height: 40px;
  line-height: 37px;
  border-radius: 40px;
  border: 1px solid hsla(0,0%,100%,.2);
  background: rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  font-size:16px;
  text-transform:uppercase;
  font-weight:500;
}
.login_btn span:hover{ color:#000; 
  border: 1px solid hsla(0,0%,100%,.2);
  background: #fff; 
}
.get_callback1{ margin:27px auto 0px auto; padding:0px; width:200px;
}
.get_callback1 a{ padding:8px 50px 8px 50px;
  color:#fff; 
  height: 40px;
  line-height: 37px;
  border-radius: 40px 0px 0px 40px; 
  border: 1px solid hsla(0,0%,100%,.2);
  background: rgba(255,255,255,.14);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  font-size:16px;
  text-transform:uppercase
}
.get_callback1 a:hover{ color:#000; 
  border: 1px solid hsla(0,0%,100%,.2);
  background: #fff; 
}
 
 .get_back_btn{width: 200px;
    margin:0px auto 0px auto;
    padding: 0px 25px 0px 25px;
    color: #fff;
    height: 40px;
    line-height: 37px;
    border-radius: 40px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    background: rgba(255, 255, 255, .14);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
	font-size:16px;
	text-transform:uppercase;
}
 .get_back_btn:hover{ 
    color: #000; 
    background: #fff; 
}

wave {
  background: url(/_next/static/media/wave-2.8d8aa121.svg) repeat-x;
  position: absolute;
  bottom: -77px;
  width: 6400px;
  height: 198px;
  animation: wave 7s cubic-bezier(.36,.45,.63,.53) infinite;
  z-index: 2;
}

.cart {
    font-size: 12px;
    color: #454553;
    text-transform: uppercase;
    text-align: right;
    margin: 7px 0 0;
    padding: 0;
    line-height: 25px;
}

/* Login Container (default to float:right) */
#loginContainer {
    position: relative;
    font-size: 12px;
    z-index: 9999;
}

/* Login Button */
#loginButton {
    display: inline-block;
    float: right;
    -moz-border-radius: 3px;
    position: relative;
    z-index: 30;
    cursor: pointer;
}

    /* Login Button Text */

    #loginButton:hover {
        /*background: url(images/buttonbgHover.png) repeat-x;*/
    }

/* Login Box */
#loginBox {
    position: absolute;
    right: 0;
    display: none;
    z-index: 3000;
}

/* If the Login Button has been clicked */
#loginButton.active {
    border-radius: 3px 3px 0 0;
}

    #loginButton.active span {
        background-position: 53px -76px;
    }

    /* A Line added to overlap the border */
    #loginButton.active em {
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: -1px;
    }

/* Login Form */
#loginForm {
    width: 400px;
    border: 0px solid #164e5d;
    border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    margin-top: 5px;
    background-color: var(--vz-secondary);
    padding: 6px;
    position: relative;
    z-index: 2500;
	display: inline-block;
	border-radius: 6px;
}

    #loginForm fieldset {
        margin: 0 0 12px 0;
        display: block;
        border: 0;
        padding: 0;
    }

fieldset#body {
    background: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 10px 13px;
    margin: 0;
}

#loginForm #checkbox {
    width: auto;
    margin: 1px 9px 0 0;
    float: left;
    padding: 0;
    border: 0;
}


#loginForm #body fieldset label {
    display: block;
    float: none;
    margin: 0 0 6px 0;
}

/* Default Input */
 

/* Sign In Button */
#loginForm #login {
    width: auto;
    float: left;
    background: #339cdf url(images/loginbuttonbg.png) repeat-x;
    color: #fff;
    padding: 7px 10px 8px 10px;
    text-shadow: 0px -1px #278db8;
    border: 1px solid #339cdf;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 12px 0 0;
    cursor: pointer;
    /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    padding: 0px;
}

    #loginForm span a {
        color: #3a454d;
        font-size: 18px;
    }
.login_sec {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.login_sec h1 {
    color:var(--vz-primary-bg-subtle); 
    font-size: 25px;
    font-weight: 500;
    text-transform: none;
    padding: 00px 0px 20px 0px;
    margin: 00px 0px 0px 0px;
    text-align:  left;
}
.login_sec .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
	height: 45px;
}

.cart_products {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

    .cart_products ul {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .cart_products li {
        margin: 0px;
        padding: 10px 0px 10px 0px;
        width: 100%;
       border-bottom: 1px solid #f1f1f1;
        list-style: none; display:inline-block;
    }

.cart_items {
    margin: 0px;
    padding: 0px;
}

.cart_items_im {  margin: 0px 0px 0px 0px !important;
    padding: 0px !important;
    width: 75px;
    float: left;
}
.cart_amt {
    margin: 0px 0px 0px 0px !important;
    padding: 0px !important;
    width: 70px;
    float:  right;
}
.cart_items_head { font-size: 20px !important;
    padding: 0px 0px 10px 0px;
    color: #74b94e;
    text-align: center;
    font-weight: bold;
}
.cart_items_con { width: 53%;
    float: left;
    text-align: left;
    color: #2d2d2d;
    font-size: 14px;
	margin:0px 0px 0px 12px;
}
.cart_items_amout { font-size: 15px !important;
    padding: 0px 0px 5px 0px;
    color: #164e5d;
    text-align: right;
    font-weight: bold;
}
.cart_items_tamout { font-size: 14px !important;
    padding: 10px 0px 10px 0px !important;
    color: #fff;
    text-align: right;
}
.cart_items_tamout span { font-size: 16px !important;
	color: #fff;
	font-weight: bold;
}
.login_btns { margin: 10px 1% 0px 0px;
    padding: 0px;  
    line-height: 20px;
	width:49%; float: left;
}

    .login_btns a {
        margin: 0px;
    padding: 8px 15px 8px 15px !important;
    background-color: #fff;
    border: 0px solid #fff;
    text-decoration: none;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    }

        .login_btns a:hover {
            margin: 0px;
            padding: 8px 15px 8px 15px !important;
           background-color: var(--vz-secondary); 
            text-decoration: none;
            color: #fff !important; 
        }

.checkout {
    margin: 0px 0px 0px 0px;
    padding: 0px;  
    line-height: 20px;
	width:49%; float:  right;
}

    .checkout a {
        margin: 0px;
        padding: 8px 15px 8px 15px !important;
        background-color: #fff;
        border: 2px solid #fff;
        text-decoration: none;
        color: #164e5d !important;
         font-size: 14px !important;
        font-weight: bold;
		display: inline-block; width:100%; text-align:center;
		border-radius: 6px;
    }

        .checkout a:hover {
            margin: 0px;
            padding: 8px 15px 8px 15px !important;
            background-color: #164e5d;
            border: 2px solid #fff;
            text-decoration: none;
            color: #fff !important; 
        }

.my_bag {
    background-color: #fff;
    border: 0px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 3px #ccc;
    margin-bottom: 8px;
    padding: 10px;
}
    .my_bag tr {
        background-color: #fff;
        border-bottom: 1px dashed #ccc !important;
    }

.my_bag th {
    background-color: #f8f8f8;
    border: 0px solid #ccc !important;
    font-size: 14px;
}
.my_bag td {
    background-color: #fff;
    border: 0px solid #ccc !important;
    font-size: 14px;
    padding: 15px 0px 15px 0px;
}
.update_icon {
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

    .update_icon a {
        margin: 0px;
        padding: 0px;
        color: #2d2d2d;
        text-decoration: none; 
    }

        .update_icon a:hover {
            margin: 0px;
            padding: 0px;
            color: #f4a46c;
            text-decoration: none; 
        }

    .update_icon img {
        margin: 0px 5px 0px 0px;
        padding: 0px;
    }



:root{
    --vz-blue: #3577f1;
    --vz-indigo: #174e5e;
    --vz-purple: #6559cc;
    --vz-pink: #f672a7;
    --vz-red: #f06548;
    --vz-orange: #f1963b;
    --vz-yellow: #f7b84b;
    --vz-green: #a47355;
    --vz-teal: #02a8b5;
    --vz-cyan: #299cdb;
    --vz-white: #fff;
    --vz-gray: #878a99;
    --vz-gray-dark: #343a40;
    --vz-gray-100: #f3f6f9;
    --vz-gray-200: #eff2f7;
    --vz-gray-300: #e9ebec;
    --vz-gray-400: #ced4da;
    --vz-gray-500: #adb5bd;
    --vz-gray-600: #878a99;
    --vz-gray-700: #495057;
    --vz-gray-800: #343a40;
    --vz-gray-900: #212529;
    --vz-primary: #174e5e;
    --vz-secondary: #3577f1;
    --vz-success: #0ab39c;
    --vz-info: #299cdb;
    --vz-warning: #f7b84b;
    --vz-danger: #f06548;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb: 64, 81, 137;
    --vz-secondary-rgb: 53, 119, 241;
    --vz-success-rgb: 10, 179, 156;
    --vz-info-rgb: 41, 156, 219;
    --vz-warning-rgb: 247, 184, 75;
    --vz-danger-rgb: 240, 101, 72;
    --vz-light-rgb: 243, 246, 249;
    --vz-dark-rgb: 33, 37, 41;
    --vz-primary-text-emphasis: #364574;
    --vz-secondary-text-emphasis: #2d65cd;
    --vz-success-text-emphasis: #099885;
    --vz-info-text-emphasis: #2385ba;
    --vz-warning-text-emphasis: #d29c40;
    --vz-danger-text-emphasis: #cc563d;
    --vz-light-text-emphasis: #ced4da;
    --vz-dark-text-emphasis: #343a40;
    --vz-primary-bg-subtle: #e2e5ed;
    --vz-secondary-bg-subtle: #e1ebfd;
    --vz-success-bg-subtle: #daf4f0;
    --vz-info-bg-subtle: #dff0fa;
    --vz-warning-bg-subtle: #fef4e4;
    --vz-danger-bg-subtle: #fde8e4;
    --vz-light-bg-subtle: #f9fbfc;
    --vz-dark-bg-subtle: #e9ebec;
    --vz-primary-border-subtle: #b3b9d0;
    --vz-secondary-border-subtle: #aec9f9;
    --vz-success-border-subtle: #9de1d7;
    --vz-info-border-subtle: #a9d7f1;
    --vz-warning-border-subtle: #fce3b7;
    --vz-danger-border-subtle: #f9c1b6;
    --vz-light-border-subtle: #eff2f7;
    --vz-dark-border-subtle: #adb5bd;
    --vz-white-rgb: 255, 255, 255;
    --vz-black-rgb: 0, 0, 0;
    /*--vz-font-sans-serif: var(--vz-font-family-secondary);
    --vz-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
    --vz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-font-size: var(--vz-font-base);
    --vz-body-font-weight: var(--vz-font-weight-normal);
    --vz-body-line-height: 1.5;
    --vz-body-color: #212529;
    --vz-body-color-rgb: 33, 37, 41;
    --vz-body-bg: #f3f3f9;
    --vz-body-bg-rgb: 243, 243, 249;
    --vz-emphasis-color: #212529;
    --vz-emphasis-color-rgb: 33, 37, 41;
    --vz-secondary-color: #878a99;
    --vz-secondary-color-rgb: 135, 138, 153;
    --vz-secondary-bg: #fff;
    --vz-secondary-bg-rgb: 255, 255, 255;
    --vz-tertiary-color: rgba(33, 37, 41, 0.5);
    --vz-tertiary-color-rgb: 33, 37, 41;
    --vz-tertiary-bg: #eff2f7;
    --vz-tertiary-bg-rgb: 239, 242, 247;
    --vz-heading-color: #495057;
    --vz-link-color: #174e5e;
    --vz-link-color-rgb: 64, 81, 137;
    --vz-link-decoration: none;
    --vz-link-hover-color: #174e5e;
    --vz-link-hover-color-rgb: 64, 81, 137;
    --vz-code-color: #f672a7;
    --vz-highlight-color: #212529;
    --vz-highlight-bg: #fcf8e3;
    --vz-border-width: 1px;
    --vz-border-style: solid;
    --vz-border-color: #e9ebec;
    --vz-border-color-translucent: #ced4da;
    --vz-border-radius: 0.25rem;
    --vz-border-radius-sm: 0.2rem;
    --vz-border-radius-lg: 0.3rem;
    --vz-border-radius-xl: 1rem;
    --vz-border-radius-xxl: 2rem;
    --vz-border-radius-2xl: var(--vz-border-radius-xxl);
    --vz-border-radius-pill: 50rem;
    --vz-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --vz-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --vz-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
    --vz-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --vz-focus-ring-width: 0.25rem;
    --vz-focus-ring-opacity: 0.25;
    --vz-focus-ring-color: rgba(var(--vz-primary-rgb), 0.25);
    --vz-form-valid-color: #0ab39c;
    --vz-form-valid-border-color: #0ab39c;
    --vz-form-invalid-color: #f06548;
    --vz-form-invalid-border-color: #f06548
}
:root {
    --vz-vertical-menu-item-font-family: var(--vz-font-family-primary);
    --vz-vertical-menu-sub-item-font-family: var(--vz-font-family-secondary)
}
[data-theme-colors=blue] {
    --vz-primary: #174e5e;
    --vz-primary-rgb: 0, 149, 218;
    --vz-primary-bg-subtle: rgba(23, 78, 94, 1);
    --vz-primary-border-subtle: rgba(0, 149, 218, 1);
    --vz-primary-text-emphasis: #174e5e;
	--vz-secondary: #164e5d; 
    --vz-secondary-rgb: 255, 248, 243;
    --vz-secondary-bg-subtle: rgba(164, 115, 85, 1);
    --vz-secondary-border-subtle: rgba(255, 248, 243, 1);
    --vz-secondary-text-emphasis: #fff8f3; 
	--vz-success: #150a02;
	--vz-success-rgb: 21, 10, 2;
    --vz-success-bg-subtle: rgba(21, 10, 2, 1);
    --vz-success-border-subtle: rgba(21, 10, 2, 1);
    --vz-success-text-emphasis: #150a02; 
}

[data-theme-colors=red] {
    --vz-primary: #7c1c1e;
    --vz-primary-rgb: 238, 76, 79;
    --vz-primary-bg-subtle: rgba(124, 28, 30, 1);
    --vz-primary-border-subtle: rgba(211, 11, 25, 1);
    --vz-primary-text-emphasis: #d31519;
	--vz-secondary: #7c1c1e; 
    --vz-secondary-rgb: 237, 255, 255;
    --vz-secondary-bg-subtle: rgba(0, 129, 129, 1);
    --vz-secondary-border-subtle: rgba(237, 255, 255, 1);
    --vz-secondary-text-emphasis: #edffff; 
	--vz-success: #041e1e;
	--vz-success-rgb: 4, 30, 30;
    --vz-success-bg-subtle: rgba(4, 30, 30, 1);
    --vz-success-border-subtle: rgba(4, 30, 30, 1);
    --vz-success-text-emphasis: #041e1e;
}

 .login_icon {
    position: absolute;
    right: 25x;
    margin: 5px 0px 0px 0px;
}
/*----------------------Login Start----------------------------*/

 
.login_m {
    width: 98%;
    margin: 0px auto;
    position: absolute;
    top: 45%;
    margin-top: -200px;
}

.login_bg{ background:url(../images/login_bg.jpg) #fff !important; 
	background-repeat:no-repeat !important; 
	background-position:center top !important; 
	background-attachment:fixed !important; 
    background-size: cover  !important; 
}
.register_bg {
  background: url(../images/register_bg.jpg) #f6f5f9;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.login_logo {
  margin-bottom: 25px;

}

.wrapper-page {
  margin: 7% auto;
  width: 750px;
}

.wrapper-page .panel {
  background-color: #fff;
  border: 0px solid transparent !important;
  border-radius: 6px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  padding: 0px 0px 15px 0px;
}

.wrapper-page .panel-primary > .panel-heading {
  background-color: #2e87d9;
  border-color: #2e87d9;
  color: #fff;
}

.panel-pages {
  border-radius: 6px;
}

.panel-pages .panel-body {
  padding: 30px;
}

.panel-pages .panel-heading {
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding: 7px 20px;
  position: relative;
}

.panel-pages .panel-heading h3 {
  position: relative;
  z-index: 999;
}

.user-thumb {
  margin-top: -44px;
  position: relative;
  z-index: 999;
}

.user-thumb img {
  height: 88px;
  margin: 0px auto;
  width: 88px;
}

.ex-page-content h1 {
  color: #252932;
  font-size: 98px;
  font-weight: 700;
  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
    rgba(61, 61, 61, 0.3) 3px 3px;
}

.form-control-login {
  height: 40px !important;
  color: #545454 !important;
  border: 1px solid #ccc !important;
}

.form-control-login a {
  color: #545454 !important;
}

.login_buttons {
  width: 100% !important;
  height: 45px;
  font-size: 18px;
  text-transform: uppercase;
  background-color: var(--vz-secondary)  !important;
  border-radius: 8px;
  color: #fff;
  border: 0px solid #fff;
}

.login_buttons:hover {
  background: #464648 !important;
}

.forgot {
  font-size: 12px !important;
  text-align: center;
  padding: 0px 0px 15px 0px;
}

.forgot a {
  font-size: 12px !important;
  color: #37425c;
  font-weight: 600;
}

.login_con_m {
  .background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 5px #ccc;
  padding: 15px;
}

.login_con {
  font-size: 14px;
  color: #2d2d2d;
  padding: 0p;
  margin: 0px;
  text-align: center;
  line-height: 23px;
}

.login_con1 {
  font-size: 14px;
  color: #2d2d2d;
  padding: 15px 0px 15px 0px;
  margin: 0px;
  text-align: center;
  line-height: 23px;
}

.happy_bro {
  font-size: 30px;
  color: #f22172;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
 .login_icon {
    position: absolute;
    right: 25px;
    margin: 5px 0px 0px 0px;
}


.login_logo {
  width: 90%;
  margin: 0px auto;
  margin-top: 50px; 
  border-radius: 8px;
  padding: 110px 15px 230px 15px;
}
 
.login_forms_sec {
    width: 90%;
    margin: 5px auto;
    border-radius: 8px;
    padding: 35px 35px 15px 35px;
    background: #fff;
	box-shadow:0px 0px 25px #e4e4e4 !important;
}

.login_forms_sec h1 {
    color: #646464 !important;
    font-size: 26px;
    margin: 0;
    padding: 0px 0px 3px 0px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}
.login_forms_sec .form-control {
  -moz-border-radius: 8px;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  box-shadow:0px 0px 0px #f0f0f0 !important;
  background-color: #fff;
  border-radius: 8px;
      border: 1px solid #e9ecef;
  box-shadow: none;
  color: #2d2d2d !important;
  font-size: 14px;
  height: 40px !important;
  padding-left: 18px !important;
}
.login_forms_sec label {
  display: inline-block;
  font-weight: 500 !important;
  margin-bottom: 0px;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600 !important;
  color: #494c50;
  padding: 6px 0px 10px 9px;
} 
.login_sec label {
  display: inline-block;
  font-weight: 500 !important;
  margin-bottom: 0px;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600 !important;
  color: #494c50;
  padding: 6px 0px 10px 9px;
}
.login_forms_sec .form-group {
    margin: 0px 0px 25px 0px !important;
    position: relative;
}

/*----------------------Login End----------------------------*/

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    text-align: left;
    font-size: 13px;
}
.form-check-input {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

@media only screen and (max-width: 767px) { 
.logo {width: 120px;}
header {min-height: 59px;}
header.sticky {min-height: 59px; top: 0px;}
#loginForm { width: 100%; }
.login_btn span { padding: 11px 15px 11px 15px;  height: 40px;line-height: 37px; font-size: 14px; }
.banner_heading1 {  font-size: 32px; padding: 50px 0px 20px 0px; margin: 00px 0px 0px 0px;}
.banner_con {padding: 130px 0px 15px 0px; margin: 0px 0px 0px 0px;}
.banner_sec h1 { font-size: 35px; text-transform: none; padding: 00px 0px 20px 0px; margin: 00px 0px 0px 0px; }
.banner_sec h2 {font-size: 35px; padding: 00px 0px 15px 0px; margin: 00px 0px 0px 0px;}
.banner_para {font-size: 15px; padding: 00px 0px 12px 0px; margin: 00px 0px 0px 0px;}
.banner_para1 { color: #fff; font-size: 15px; padding: 00px 0px 12px 0px; margin: 00px 0px 0px 0px;}
.banner_sec h3 { color: #fff;}
.banner_sec h4 {color: #fff; font-size: 50px; font-size: 35px; padding: 00px 0px 15px 0px; margin: 00px 0px 0px 0px;}
.get_callback {margin: 27px 0px 0px 10px;    position:  absolute;  top: 35%;}
.video_btn { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.top_link { margin: 32px 0px 0px 0px; padding: 0px 0px 0px 0px;} 
 .newsletter { margin: 12px 0px 10px 0px; padding: 0px; width: 100%;}
.footer_section { padding: 50px 15px 50px 15px !important; margin: 0px 0px 20px 0px; }
.copyright_con { margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; text-align: left;} 
.about_sub h2 {font-size: 35px;  padding: 25px 00px 20px 0px;}
.navbar-collapse { padding-right: 0px;  padding-left: 0px; position: absolute;  width: 100%; left: 0; background: #000;}
.bottom-sec { padding: 0px 0px 0px 0px;  margin: 20px 0px 20px 0px; font-size: 14px;}
.contact_box { margin: 0px 0px 25px 0px; padding: 25px 25px 25px 25px;}
.welcome_sec{ margin:20px 0px 0px 0px; padding:00px 0px 60px 0px; position:relative; z-index:10;  } 
.welcome_sec h1 {  font-size: 27px;}
.welcome_sec h2 { font-size: 22px;}
.welcome_sec h3 { font-size: 17px;  text-align:   left;}
.welcome_sec p {  font-size: 14px;}
.desk{ display:none;}
.mob{ display: block ;}
}