*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
html,body{margin:0;	padding:0;height:auto!important;min-height:100%;   font-family: 'montserratregular';}
body{ line-height:24px; font-size:17px; background:#FFF;}
body p{margin-bottom:20px; color:#808B8D; line-height:26px; font-size:16px;}
a {text-decoration:none;}
ol, ul {padding-left:0;}
.topbg{width:100%; float:left; background:url(../images/banner/slide2bg.jpg); }
.toplink{width:100%; color:#25c0f1; font-size:14px; padding-top:5px; padding-bottom:5px; background:#fff; position:relative; z-index:2}
.toplink ul{margin:0; list-style:none; display: flex;   flex-wrap: wrap;float:right;}
.toplink ul li{ float:left; padding-left:20px; line-height:30px; display:flex; align-items: center;}
.toplink ul li i{color:#a0d315; font-size:16px; margin-right:8px;}
.toplink ul li a{ color:#000}
.toplink ul li a:hover{ color:#a0d315; text-decoration:none;}
.topsocial{width:100%; float:left; display:flex; justify-content: flex-end;}
.topsocial ul li i{color:#FFF}
.header{ width:100%; float:left; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;-o-transition:all .3s ease; transition:all .3s ease;   position:relative;
 z-index:100; background: transparent; z-index:2; border-bottom: 1px solid #c5c2c2;}
.sticky-header {position: fixed; width: 100%; float:left; top:0;z-index:100; -webkit-transition:all .3s ease;-moz-transition: all .3s ease;-o-transition:all .3s ease;
transition:all .3s ease; background:#FFF; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;  animation-duration: 2s;   animation-fill-mode: both; box-shadow: 0px 2px 10px -1px rgba(87, 97, 100, 0.35);}
.header-wrapper{display:flex; align-items: center;}
.logo{float:left;   display: flex; flex: 1; }
.logo img{ max-width:100%; height:auto;}
.top-cart{display: flex; align-items: center;  justify-content: end;}
.top-cart a{position:relative;  font-family: 'nunito_sansbold';}
.top-cart a span{ position:absolute; top:-12px; left:25px; background:#a0d315; border-radius:100%; font-size:10px; color:#FFF;width:20px; height:20px; text-align:center;
line-height:20px;}
.top-cart a i{color:#FFF; padding:10px 15px; transition: all 0.5s ease 0s;}
.top-cart a:hover i {color:#FC5A6D;}
.top-cart a span.bgred{background:#E1473F;} 
.search-panel{ position:fixed;  display:none;  top:85px; width:100%; float:left; background-color: rgba(255, 56, 92, 1); z-index:10; padding: 50px 0px;  }
.search-panel h3{font-family:'nunito_sansbold'; font-size:20px; text-transform:uppercase; color:#FFF; margin:0; text-align:center; }
.search-panel p{ text-align:center; margin-bottom:20px;}
.search-row{display:flex; justify-content:center; flex-wrap:wrap; gap: 15px;}
.search-row .inputsearch{flex:1;}
.search-panel input[type="text"],
.search-panel select
{ padding:8px; background:#FFF; border:1px solid #D4D4D4; font-size:14px; width:100%; height:45px; border-radius:4px;}
.search-panel select option:selected{ color:#777777;}
.search-panel input[type="button"],.search-panel button{height:45px; padding:0px 20px; background:#000; border:none; color:#FFF; border-radius:4px; transition: all 0.5s ease 0s;}
.search-panel input[type="button"]:hover,.search-panel button:hover{background:#333;}
 
.togglemenu{position:relative;float:none;padding:1px 7px 5px 7px;background-color:transparent; border-radius:4px;margin:0;background:#242424;cursor:pointer;
margin:auto; float:right; display:none;}
.banner-pamel{width:100%; float:left; position:relative;  z-index:1; margin-top:15px; }
.banner{ width:100%; float:left; position:relative;  z-index:1; background-image: linear-gradient(202deg,#29c4a9 46%,#2687da 100%) !important; min-height:218px;}

.banner h2{font-size:50px; color:#FFF;  margin-bottom:5px;  font-family: 'montserratbold'; width:80%; }
.banner p{padding-top:10px; color:#FFF;  font-size:16px; width:80%; margin-bottom:0px;}
.banner img{max-width:100%; height:auto;}
.banner-row{display:flex; align-items: center; flex-wrap: wrap;}
.banner-colleft{ flex:0 0 60%; padding-left:100px;}
.banner-colright{flex:0 0 40%; padding-right:50px; padding-top:80px;}

.bannertext{display:flex; align-items: center; height:100%; z-index:2; position:relative;}
.bannertext a{font-size:15px; padding:8px 20px; display:inline-block; transition:all 0.5s ease 0s; text-transform:uppercase; font-family: 'heebomedium'; border-radius:4px;}
.bannertext a.first{ background:#FFF; color:#488BF8; margin-right:10px;}
.bannertext a.first:hover{text-decoration:none; background:#488BF8; color:#FFF;}
.bannertext a.second{ background:#488BF8; color:#FFF;}
.bannertext a.second:hover{text-decoration:none; background:#FFF; color:#488BF8;}
.bannertext1{width:60%; float:right; padding-top:80px; text-align:right;}
.bannertext2{width:60%;   text-align:left; }

.hadoverflow{ overflow:hidden;}
.hads-panel1{ width:100%; float:left; padding-top:100px;}
.hads-panel1 img{width:85%; height:auto; margin:0 auto; display:table;}
.hads-panel1 h2{font-size:45px; font-weight:800; line-height:1.1; padding-bottom:12px; color:#000; font-family: 'montserratbold';}
.hads-panel1 h2 span{color: #25c0f1;}
.hads-panel1 p{width: 70%;padding-bottom: 20px; color:#131313;font-weight: 500;}

.hads-panel2-wrapper{ width:100%; float:left;  padding-top:100px;}
.hads-panel2{ width:100%; float:left; padding-top:80px; padding-bottom:80px; background-color: #25c0f1;}
.hads-panel2 img{width:85%; height:auto; margin:0 auto; display:table;}
.hads-panel2 h2{font-size:45px; font-weight:800; line-height:1.1; padding-bottom:12px; color:#000; font-family: 'montserratbold'; color:#000}
.hads-panel2 p{width: 70%;padding-bottom: 20px; color:#000;font-weight: 500;}
.hads-panel2-colleft{ flex:0 0 50%; padding-left:100px;}
.hads-panel2-colright{flex:0 0 50%;}


.hads-panel3{ width:100%; float:left; padding-top:100px;}
.hads-panel3 img{width:85%; height:auto; margin:0 auto; display:table;}
.hads-panel3 h2{font-size:45px; font-weight:800; line-height:1.1; padding-bottom:12px; color:#000; font-family: 'montserratbold'; padding-right:100px}
.hads-panel3 h2 span{color: #25c0f1;}
.hads-panel3 p{width: 70%;padding-bottom: 20px; color:#131313;font-weight: 500;}
.hads-panel3 ul{margin: 20px 0 40px 0; list-style:none;}
.hads-panel3 ul li{font-size: 17px;color:#000;list-style: none;padding-bottom: 12px;font-weight: 600;}
.regular-button {color: #0c71c3 !important;padding: 14px 34px;font-size: 15px;font-weight: 700;border-radius: 0 !important;background-color:transparent !important;
border: 2px solid #0c71c3;text-transform: uppercase;display:inline-block; transition: all 0.5s ease 0s;}
.regular-button:hover{  box-shadow:0 19px 35px rgba(0,0,0,.11); margin-top:-2px;}
.hads-panel14-wrapper{width:100%; float:left;padding-top:100px; padding-bottom:20px;}
.hads-panel4{ width:100%; float:left; padding-top:120px; padding-bottom:120px; background:url(../images/getstarted-bg.png) no-repeat; background-size:cover;}
.hads-panel4 h2{font-size:56px;  width: 80%; margin: 0 auto; line-height:1.1; padding-bottom:12px; color:#FFF; font-family: 'montserratbold'; text-align:center;}
.hads-panel4 p{width:80%;padding-bottom: 20px; color:#FFF;font-weight: 500; font-size:18px; text-align:center; margin: 0 auto;}

  
.hads-row{display:flex;align-items: center;  flex-wrap: wrap;}
.hads-col50{ flex:0 0 50%;}
 
.footerpanel{width:100%; float:left; background:#FFF; padding-bottom:30px; padding-top:130px;  }
.footerpanel h2{font-size: 19px !important;font-weight: 500;color:#7a7a7a;font-weight: 600;}
.footerpanel img{width: 72%;margin-bottom: 20px;}
.footerpanel p .fa{ color:#488BF8; width:40px; height:40px; border:1px solid #686868; border-radius:100%; text-align:center; line-height:40px; font-size:18px; 
margin-right:15px; margin-bottom:10px;}
.footerpanel ul{list-style:none;}
.footerpanel ul li {font-size: 15px;list-style: none;color:#000;padding-bottom: 7px; }
.footerpanel ul li a{color:#2ea3f2;font-weight: 700; transition: all 0.5s ease 0s; display:block;}
.footerpanel ul li a:hover{color:#488BF8; text-decoration:none;}
.socialmedia{ width:100%; float:left; margin-bottom:25px; display: flex;justify-content: end; column-gap: 15px; padding-top:10px;}
.socialmedia .fa{width:30px; height:30px; line-height:30px; text-align:center; color:#666; font-size:23px;   transition: all 0.5s ease 0s;  border-radius:4px;}
.socialmedia .fa:hover{text-decoration:none; background:#FFF; color:#666;} 
.footercopyright{width:100%; float:left; padding-top:15px; margin-top:25px; color:#FFF; font-size:14px;}
.footercopyright p{ font-size:17px; font-weight: 500; margin:0; color:#131313;}


.innerbanner{background:#26364D url(../images/ss-people-diversity-customers-1024x576.jpg) center center; background-size:cover; width:100%; float:left; padding-top:150px; padding-bottom:150px; position:relative; text-align:center;}
.innerbavverbg{background:#26364D url(../images/howbg.png) center center;}
.page-header-overlay-color {position:static;height:1px;width:1px;margin-left:-9999px;pointer-events:none;background-color:#333;}
.page-header-overlay-color:after {position:absolute;left:0;top:0;width:100%;height:100%;background-color:inherit;content:' ';z-index:1;opacity:.65}
.innerbanner-wrap{  z-index:1; position:relative;}
.innerbanner  h1{font-family: 'montserratsemibold';font-weight: 600;font-size: 44px;line-height: 54px;margin-bottom: 8px;display: block;color:#fff; z-index: 101;}
.innerbanner .subheader{font-size: 24px !important;line-height: 1.3; color: #fff !important; font-weight: 300;}
.innerbanner span.subheader a {border: 1px solid #FFF;padding: 10px 40px;margin-top: 40px;background-color:transparent; color:#FFF; display:inline-block; border-radius:5px; transition: all 0.5s ease 0s;}
.innerbanner span.subheader a:hover {transform: scale(1.2); text-decoration:none;}


.midsection{ background:#FFF; width:100%; float:left; padding-top:50px;}
.midsection h2{font-size: 30px !important; padding-bottom: 13px;text-align: center;color: #1B1E3F;line-height: 1;font-family: 'montserratsemibold';}
.midsection h3 {font-size: 25px;color:#000;padding: 8px 0 10px 0;text-align: center; margin-bottom: 8px; font-weight: 600;}

.midsection h4 {font-size: 25px;color:#000;padding: 8px 0 10px 0;  margin-bottom: 8px; font-weight: 600;}
.midsection  p{font-size: 16px;color:#131313;font-weight: 500;padding-bottom: 1.5em;}
.midsection ol{ padding-left:20px;}
.midsection ol li{line-height:30px; padding-left:8px;}
.midsection ul{ padding-left:20px;}
.midsection ul li {font-size: 16px;padding-bottom: 12px;color: #000; list-style: disc;}
.midsection img{max-width:100%; height:auto;}
.center-text{ width:100%; float:left; text-align:center;}

.login-panel {width: 40%;margin: 0 auto;}
.rmrow {width: 100%;margin-bottom: 15px;margin-left: 0px; position:relative;}
.formelement label {font-weight: 600;width: auto;font-size:14px;}
.formelement label span.term{color: #3452ff; font-weight:normal; font-size: 14px;}

.formelement h2.norm {
    font-weight: 600;
    font-size: 18px!important;
    text-align: center;
    margin-top: 30px;
}
.formelement h2.norm a{ color:#0a58ca; transition: all 0.5s ease 0s;}
.formelement h2.norm a:hover{ color:#444}
.formelement .label {width: 100%;text-align: left; font-size: 11px; color:rgba(100,100,100,0.8);}
.formelement .label span{color:#F00;}
.formelement input[type="checkbox"]{margin-right: 15px;}
.formelement input[type="text"],  .formelement input[type="password"], .formelement select,.formelement textarea  {
    background-color: #fff;
    background-color: 
rgba(255,255,255,0.33);
box-sizing: border-box;
border-radius: 2px;
color: #333;
color:
rgba(0,0,0,0.75);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 13px;
border: 1px solid #ccc;
border: 1px solid
    rgba(128,128,128,0.5);
    padding: 6px 10px;
    height: 38px;
    min-height: 36px;
    width: 100%;
    line-height: 1.3;
    border-radius: 3px;
    box-shadow: none !important;
    transition: background-color 0.2s, border 0.2s;
}
.formelement textarea{height:150px;}

 .formelement input[type="submit"] {
    background-color: #eee;
    background-color: 
rgba(0,0,0,0.80);
border: 1px solid #ddd;
border: 1px solid
rgba(0,0,0,0.9);
color: #fff;
color:
rgba(255,255,255,1);
font-size: 16px;
padding: 10px 15px;
border-radius: 3px;
cursor: pointer;
transition: 0.2s;
box-shadow: 0 0 1px 1px rgba(255,255,255,0.25);
width: auto;
min-width: 150px;
min-height: 50px !important;
float: none;
margin-bottom: 10px;
margin-right: 10px;
display: inline-block;
transition: all 0.5s ease 0s;
}

 .formelement input[type="submit"]:hover
 {
box-shadow: 0 20px 38px
rgba(0,0,0,0.16) !important;
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
 }


.rm-togglePassword {
    background-image: url(../images/eye-slash-regular.svg);
    padding: 6px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 12px;
    top: 39px;
    right: 7px;
    margin: 0px 0px;
    line-height: normal;
    width: 26px;
}

.rm-togglePassword.rm-togglePassword-show {
    background-image: url(../images/eye-regular.svg);
}

.register-panel{ width:60%; margin:0 auto;}
 div#training{width:100%; float:left;}
 div#training table {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
	
}  
div#training tr {
    background-color: #fff;
}
div#training tr th, div#training tr td {
    text-align: center;
    font-size: 16px;
    color: #000;
	
    
}
div#training tr th {
    background-color: #25c0f1;
    color: #fff;
    border-radius: 5px !important;
	font-weight: 700;
	 
}
div#training tr th, div#training tr td,div#training tr th{
border-color: #ececec;
border-style: none solid solid solid;    
border-width: medium 1px 1px 1px;
padding:10px;
	
	}

.valigntop{display: flex;align-items: baseline;}
.video-panel{ width:100%; float:left;}
.video-panel video{width:100%; float:left;}

.arc-panel{  display:flex;  gap:25px; width:70%; margin:0 auto; background: #ececec; padding:30px; justify-content: center; border-radius: 4px !important; border: 1px solid #d9d9d9;}
.arc-panel input[type="text"],.arc-panel select{border: 1px solid #000; padding: 15px 22px !important; width:100%;  border-radius: 4px !important;}

.arc-panel .btn {
background-color: #fff;
color:#25c0f1;
font-weight: 700;
border: 2px solid #25c0f1;
 
border-radius: 4px !important;
padding: 15px 22px !important;
}
.arc-panel a:hover{box-shadow: 0 20px 38px rgba(0,0,0,0.16) !important;}

.arc-panel input[type="submit"] {
background-color: #fff;
color:#25c0f1;
font-weight: 700;
border: 2px solid #25c0f1;
 
border-radius: 4px !important;
padding: 15px 22px !important;
}
.arc-panel input[type="submit"]:hover{box-shadow: 0 20px 38px rgba(0,0,0,0.16) !important;}
/*.arc-panel .arccol{ flex:0 0 auto}*/


.post{width:100%; float:left;}
.post .section-title{border-bottom: 1px solid #c5c2c2; padding-bottom:25px; margin-bottom:35px;}
.post .section-title span {
    font-size: 20px;
    line-height: 20px;
    color: 
    rgba(0,0,0,.45);
    top: 0;
    position: relative;
    text-transform: none;
    
	margin-bottom: 15px;
}
.post .section-title .subheader {
    color: #6f6f6f;
    margin-bottom: 15px;
}
.post  h1 {
    margin-bottom: 0;
     font-family: 'montserratbold';
    font-weight: 600;
    position: relative;
	color: #444;
	
}

.post .post-content {
    position: relative;
    min-height: 98px;
	height: 50vh;
	padding-left: 95px;
	 margin-bottom:25px;
}
.post .content-inner {
    border: none;
	padding-bottom: 0;
border: 0;
margin-bottom: 0;
background-color: rgba(0,0,0,.3);
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
}
.content-inner > a
{
	display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 300;
color:#0CF;
}
.post .post-featured-img {
    transition: transform .7s cubic-bezier(.2,1,.22,1),opacity .5s ease;
    backface-visibility: visible;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
	display: block;
position: absolute;
left: 0;
top: 0;
border-radius: 5px;	 
}
 
.post .post-featured-img.no-img {
    background-color: 
    rgba(0,0,0,.2);
}

 .post .post-featured-img::after {
    top: auto;
    bottom: 0;
    height: 75%;
    content: '';
    background: linear-gradient(to bottom, 
rgba(35,35,35,0),
    rgba(35,35,35,.65) 100%);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	border-radius: 5px;
}


.article-content-wrap
{
pointer-events: none;
z-index: 33;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
padding: 30px !important;
}
.article-content-wrap .meta-category {
    pointer-events: all;
}
.article-content-wrap   .meta-category a {
    opacity: .72;
	    font-size: 14px;
    line-height: 19px;
    position: relative;
    display: inline-block;
    font-weight: 600;
    margin: 0 10px 10px 0;
	color: #fff !important;
}

.sidebar {
  /*  width: 27.5%;*/
    backface-visibility: hidden;
	padding-left:50px;
}
.sidebar .widget {
    margin-bottom: 60px;
}
.sidebar .widget label{color: #676767; font-size:14px;}
.wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
}
.widget input[type="text"]{
border-radius: 4px;
border: 2px solid transparent;
padding: 10px;
width: 80%;
font-size: 14px;
font-family: inherit;
line-height: 24px;
color:#555;
background-color: #f1f1f1; 
transition: all 0.5s ease 0s;
}
.widget input[type="text"]:hover{ border:2px solid #3452FF}
.widget input[type="submit"]{

padding: 15px 22px !important;
color: #fff;
background-color: #3452ff !important;
border:none;
border-radius: 4px;
margin-left: 10px;
    word-break: normal;

transition: all 0.5s ease 0s;
}
.widget input[type="submit"]:hover{
box-shadow: 0 20px 38px
rgba(0,0,0,0.16) !important;
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transform: translateY(-3px);	
}


.article-content-wrap   .post-header{max-width: 75%;}
.article-content-wrap   .post-header h3{font-weight: 600; text-align:left; color:#FFF;}
.article-content-wrap   .post-header   h3 a{color:#FFF;}


.recent-post{ width:100%; float:left; margin-bottom: 60px;}
.recent-post h2{
	color:#1B1E3F;
    font-size: 45px !important;
    font-weight: 800;
    line-height: 1;
	text-align:left;
	font-family: 'montserratbold';
	


}
.recent-post ul{list-style:none; padding-left:0px;}
.recent-post ul li{ line-height:22px; list-style:none; padding-left:0px;}
.recent-post ul li a{color:#708391; font-size:14px; transition: all 0.5s ease 0s;}
.recent-post ul li a:hover{color: #3452ff;}

.textcontent{ padding-top:30px;}
.textcontent h1{text-align:center; font-size:46px;  color:#333; font-family:'Neuton', serif; font-weight:700; margin-bottom:20px;}
.textcontent h1 span{color:#4AC3F0;}
.textcontent h2{font-weight:700; font-size:24px; color:#333; padding-top:20px; }
.textcontent ul{list-style:none;}
.textcontent ul li{background:url(../images/bulletn01.png) left no-repeat;  font-size:16px;  color:#26364D; padding-left:35px; margin-bottom:20px; font-weight:200;}

.otherplan{width:100%; float:left; text-align:center; padding-bottom:50px;}
.otherplan h2{font-weight:200;  font-size:40px; color:#333;}
.otherplan a{color:#333;  font-weight:200; padding-left:10px; padding-right:10px; font-size:16px;}
.otherplan a:hover{color:#4AC3F0;}
.aboutusbox{ min-height:380px;border:1px solid #D1D1D1; background:#FFF; padding:15px; float:left; margin-bottom:15px; position:relative;}
.aboutusbox h2{ font-size:20px!important; text-align:center; linegen}
.aboutusbox p{ text-align:justify; line-height:24px;}

.buttonpane2{width:100%; float:left; text-align:center; margin-top:10px; margin-bottom:10px;}
.aboutusbox a.knowmore{background:#3FABD6; padding:10px 15px; color:#FFF; margin-left:5px; margin-right:5px;}
.aboutusbox a.getcost{background:#212121; padding:10px 15px; color:#3FABD5; margin-left:5px; margin-right:5px;}
.aboutusbox a.knowmore:hover{text-decoration:none; background:#B00000;}
.aboutusbox a.getcost:hover{text-decoration:none; background:#B00000; color:#fff;}
.aboutcompany{width:100%; float:left;}
.aboutcompany h2{color:#3FABD6; font-size:24px; margin-bottom:0;}
.aboutcompany h3{color:#212121; font-size:18px;}
.aboutcompany p{text-align:justify;}
.buttonpanel2{width:100%; float:left; text-align:center; margin-top:10px; margin-bottom:10px;}
.buttonpanel2 a{}
.buttonpanel2 a:hover{text-decoration:none;}
.readmore{background:#4AC3F0; padding:10px 25px; color:#FFF; font-size:18px; font-weight:700; border-radius:4px; transition:all 0.5s ease 0s; margin-top:40px; display:inline-block}
.readmore:hover{text-decoration:none; background:#1199CC; color:#FFF}
 
.slideanim,.slideanim2 {visibility:hidden;}
.slideani{animation-name:slide; -webkit-animation-name:slide; animation-duration:1s; -webkit-animation-duration:1s; visibility:visible;}
.slide2{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft; animation-duration:1s; -webkit-animation-duration:1s; visibility:visible;}
.softwarefeaturebanner{background:#26364D; width:100%; float:left;}

.contactusbanner{width:100%; float:left; text-align:center; margin-bottom:-40px; position:relative;}
.contactusbanner img{max-width:100%; height:auto;}
.paddingtop{padding-top:40px;}
.paddingbottom{padding-bottom:50px;}
.line2{ width:100%; height:1px; background:url(../images/line.png) top center no-repeat; margin-bottom:15px;}
 
/*------------Setting----------------------*/
.aboutusbox,.getintouch,.getdemobutton,
.demopanel input[type="text"],.demopanel input[type="email"],.demopanel select,.demopanel textarea,
.demopanel input[type="submit"],.demopanel input[type="button"],.Contactfrm,.softwarefeature
{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.getdemobutton, .aboutusbox a.knowmore, .aboutusbox a.getcost,
.demopanel input[type="text"],.demopanel input[type="email"],.demopanel select,.demopanel textarea,
.demopanel input[type="submit"],.demopanel input[type="button"]
{
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition:all 1.1s ease;
transition:all 1.1s ease;
}
.menu ul li ul li, .menu ul li a
{
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition:all .1s ease;
transition:all .1s ease;
}
.cart-panel{}
.cart-panel h2{font-size:15px; font-family: 'nunito_sansbold'; margin:0;}
.cart-panel img{width:80%; height:auto; border:1px solid #E6E6E6; padding:2px;}
.cart-panel h3{font-size:15px; margin:0; margin-bottom:4px;}
.cart-line{width:100%;  border-bottom:1px dashed #E6E6E6; margin-top:10px; margin-bottom:10px;}
.cart-button{width:100%; float:left; margin-top:20px;}
.cart-button a{background: #a0d315; color:#FFF; padding: 10px 20px; font-size:14px; transition: all 0.5s ease 0s;  margin-bottom:15px; display:inline-block; text-align:center; border-radius:5px;}
.cart-button a:hover{background:#131416; text-decoration:none;}
.cart-close{ width:25px; height:25px; float:right; cursor:pointer}
.cart-close img{width:100%; height:auto; border:none; padding:2px;}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align:center; font-size:18px; background: #fff; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
 
 

 

.VAC{align-items: center;}
.mb20{margin-bottom:20px!important;}
.quickview_body .quantity > input {-moz-appearance: textfield; border: 1px solid #f6f6f6; height: 35px; text-align: center; width: 40px; font-size: 13px;}
.quickview_body .quantity {-webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex;}
.quickview_body .cart {display:-webkit-box; display:-ms-flexbox; display:flex;}
.quickview_body .qty-plus,.quickview_body .qty-minus {background-color: transparent; border:1px solid #f6f6f6; color:#000; cursor:pointer; height:35px; text-align:center; width:22px;}
.quickview_body .qty-plus {border-left: 0 solid transparent;}
.quickview_body .qty-minus {border-right:0 solid transparent;}
.quickview_body .qty-minus i,.quickview_body .qty-plus i {color:#888; font-size:10px; line-height:33px;}
.quickview_pro_img {border:1px solid #f6f6f6; position:relative; width:100%; z-index:1;}
.quickview_pro_img  img {height:auto; max-width:100%;}
.quickview_pro_des {padding:30px 0;}
.quickview_pro_des .title {text-transform:capitalize; color:#626262; font-weight:700;  font-family: 'heebobold'; letter-spacing:2px;}
.quickview_pro_des h5{ font-weight: 700; font-size:18px;  font-family: 'heebomedium';}
.quickview_pro_des h5 span{ text-decoration:line-through; color:#CCC; margin-left:10px; }
.quickview_pro_des > p {line-height:24px; font-size: 13px; }
.quickview_pro_des a{font-size: 13px;}
.quickview_body .cart-submit {background:#a0d315; border:medium none; color:#fff; cursor:pointer; font-size:13px; height:35px; margin-left:15px;
width: 120px; -webkit-transition-duration:500ms; transition-duration:500ms; border-radius:4px;}
.quickview_body .cart-submit:hover{background:#131416;}
.quickview_body .modal_pro_wishlist > a, .quickview_body .modal_pro_compare > a {background-color:#e91e63; color:#fff; display: block; height:35px; margin:0 15px;
text-align: center; width: 35px; font-size: 22px; line-height:36px; transition-duration:500ms; border-radius:4px;}
.quickview_body .modal_pro_compare > a{margin:0 0px; background-color:#00bcd4;}
.quickview_body .modal_pro_wishlist > a:hover,.quickview_body .modal_pro_compare > a:hover {background-color:#242424;}
#quickview button.close {box-shadow:none; position:absolute; right:15px; text-align:right; top:10px; z-index:9; font-size:25px;}
.top_seller_product_rating > i {color:#ff9800; font-size:13px;}
.mb-15{margin-bottom:15px;}

.product-detail{ width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.cart-detail{ width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.cart-detail .qty-minus,.cart-detail .qty-plus {background-color: #f6f6f6; cursor:pointer;  display:inline-block; height:30px; width:30px;}
.cart-detail .qty-minus i,.cart-detail .qty-plus i {line-height: 30px; font-size: 10px;}
.cart-detail .qty-text {background-color: #f6f6f6; border: medium none; display: inline-block; height:30px; -moz-appearance: textfield;  -webkit-appearance: textfield;
    appearance: textfield; text-align: center; font-size: 12px; width: 50px;}
.cart-detail .quantity {-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
    text-align: center;}
.cart-detail thead {background-color:#f4f2f8; border: none;}
.cart-detail table tbody tr td:first-child {width: 70% !important;}
.cart-detail .table td, .cart-detail .table th {padding: 12px; padding: 12px; padding: 0.75rem; text-align: left; vertical-align: middle; border: none; font-size: 13px;}
.cart_product_img > a {width: 120px; margin-right: 20px;}
.cart_product_img   img{max-width:100%; height:auto;}
.back-to-shop {}
a.cartbut {background-color:transparent; border-radius:0; display: inline-block; height: 55px; line-height: 51px; min-width: 120px; padding: 0 30px; text-align: center; font-size: 14px; font-weight: 700; border: 2px solid #4B2820; color:#4B2820;  text-transform: uppercase; transition: all 0.5s ease 0s; border-radius:4px; }
a.cartbut:hover{ background:#4B2820; color:#FFF; transition: all 0.5s ease 0s;}
a.clearcart{color:#7a7a7a; border-color:#f4f2f8; margin-right:10px;}
a.clearcart:hover{background:none; color:#a0d315; border: 2px solid #a0d315;}
a.updatecart{background-color:#f4f2f8; color:#7a7a7a; border-color:#f4f2f8; transition: all 0.5s ease 0s;}
a.updatecart:hover{background:#131416; color:#FFF}
.cart-detail-bottom{ width:100%; float:left; padding-top:100px;}
.coupon-code-area form {position: relative; z-index: 1;}
.coupon-code-area form > input {width: 100%; height: 52px; border: none; background-color: #f4f2f8; padding: 0 30px; font-size: 12px;}
.coupon-code-area form > button {width: 120px; height: 52px; border: none; text-transform: uppercase; background-color: #a0d315; padding: 0 30px; font-size: 14px; position: absolute; top: 0; color: #fff; font-weight: 700; right: 0;}
.coupon-code-area form > button:hover{ background:#131416;} 
.shipping-method-area .custom-control-label span {font-size: 14px;}
.cart-total-chart {background-color: #f4f2f8; padding: 30px; margin-bottom:0;}
.cart-total-chart li {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
-ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px;}
.karl-checkout-btn {width:100%; height:60px; background-color:#a0d315; border-radius:0; color:#fff; text-transform:uppercase; font-weight:700; line-height:60px; padding:0;}
.karl-checkout-btn:hover,.karl-checkout-btn:focus {background-color: #131416; color: #fff; font-weight: 700;}
.custom-control{ display:flex;}
.custom-control label{margin-left:10px; font-size:14px;}
.white-color{ color:#FFF!important}
.red-color{ color: #FF385C !important;}
.mobileview{ display:none;}
.mobileview img{ max-width:100%; height:auto; margin-bottom:25px;}
.image-wrapper-half{ position:absolute; top:0; left:0; height:100%; width:48%;}
.bg01{ background:url(../images/bg02.jpg)top left no-repeat; background-size:cover;}
.valigncenter{align-items: center;}
.btn-play {display: inline-block;}
.btn-play .icon {border-radius: 50%;display: inline-block;height: 100px;line-height: 100px;position: relative;text-align: center;width: 100px;z-index: 1;background: #FEA444;
background: linear-gradient(to right, #FEA444 0%, #FC6539 100%);}
.btn-play.wave-btn {position: relative;}
.btn-play.wave-btn span {background: #f6dec9;border-radius: 50%;height: 200px;left: -50px;position: absolute;top: -50px;width: 200px;}
.btn-play.wave-btn span:nth-child(1) {background: #fc6539;animation: wave-button 2s infinite 0.1s linear backwards;}
.btn-play.wave-btn span:nth-child(2) {background: #fea444;animation: wave-button 3s infinite 0.5s linear backwards;}
.btn-play.wave-btn span:nth-child(3) {animation: wave-button 4s infinite 1s linear backwards;background: #FEA444;background: linear-gradient(to right, #FEA444 0%, #FC6539 100%);}
.play-video{ position:relative; width:auto; text-align: center;}
.btn-play.wave-btn{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.play-video img{max-width:100%; height:auto; border-radius:4px;}
.btn-play .icon .fa{font-size:30px; position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%); color:#FFF;}

#back-top {position: fixed;bottom: 40px;right: 50px;z-index: 10000;}
#back-top a {width: 30px;display: block;text-align: center;transition: 1s;}
#back-top span {width: 35px;height: 35px;display: block;margin-bottom: 7px;background: #0F1323;border-radius: 100%;transition: 1s; position:relative;}
#back-top span::after{position:absolute; content:"\f106";font-family: 'FontAwesome';font-size: 26px;color:#FFF;left:9px; top:3px; }
#back-top a:hover span {background-color: #1B83DA;}

.coupon-row{display:flex; width:100%; flex-wrap:wrap; margin-top:50px; gap:30px; }
.coupon-box{width:calc(50% - 30px); background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); padding:15px; border-radius:4px;  display: flex; flex-wrap:wrap;}
.coupon-box p{ margin-bottom:10px!important; padding:0px!important;word-break:break-word}
.coupon-box p span{ font-weight:600;}
.coupon-box  h2{ font-size:22px!important;  font-family: 'montserratbold'; text-align:left; margin-bottom:5px; padding:0px;}

.coupon-box-left{ width:35%; padding-right:15px;}
.couponimg{ width:100%; margin-bottom:10px; }
.couponimg img{width: 100%; height: auto;   min-height: 100%; }
.coupon-box-right{ width:65%; padding-left:20px; border-left:1px dashed #242424; }

.vcp-row{display:flex; gap:20px; flex-wrap: wrap;}
.vcp-col{flex:0 0 calc(33.33% - 20px); }
.vcp-img{ width:100%; overflow:hidden; position:relative}
.vcp-img img{width:100%; height:auto;}
.vcp-img .vcp-addtocart{width:100%;  text-align:center;  position:absolute; transform:translateY(101%); top:auto; bottom:0; left:0; 
z-index:20; transition:all .25s ease 0s}
.vcp-img .vcp-addtocart a{ width:100%; display:block; background:#96C357; padding:15px; color:#FFF;}
.vcp-img .vcp-addtocart input[type="submit"],.vcp-img .vcp-addtocart button{ width:100%; display:block; background:#96C357; padding:8px 15px; color:#FFF;border:0px;}
.vcp-img:hover .vcp-addtocart{transform:translateY(0);}
.vcp-text{ width:100%; padding-top:15px;}
.vcp-text h2{ font-family: 'montserratbold'; font-size:36px!important; color:#000; text-align:center;}
.vcp-text h3{ font-size:18px!important; color:#25C0F1; font-family: 'montserratmedium'; text-align:left;}


.productsizepanel .quantity input.plus, .cart .quantity input.minus, .quantity input.plus, .quantity input.minus {
  color: #666;
  width: 35px;
  height: 35px;
  text-shadow: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  border: none;
  position: relative;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
  border-radius: 50px !important;
  line-height: 24px !important;
  font-size: 18px;
  background-color: #fff;
  -webkit-appearance: none;
  font-family: "Open Sans";
  font-weight: 400;
}
.productsizepanel .quantity input.plus:hover, .cart .quantity input.minus:hover, .quantity input.plus:hover, .quantity input.minus:hover {
 background-color:#25c0f1;
 color:#fff;
}


.productsizepanel .quantity input.qty, .quantity input.qty {
  border: none;
  margin: 0 10px;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin: 0;
  font-size: 20px;
  font-family: "Open Sans";
  font-weight: 700;
  padding: 0 5px;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  width: 46px;
  position: relative;
}


@keyframes wave-button {
  0% {
    opacity: 1;
    transform: scale(0.3);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.6);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
  
}

/*------------Setting----------------------*/
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}