/* Minification failed. Returning unminified contents.
(190,69): run-time error CSS1035: Expected colon, found '}'
(199,74): run-time error CSS1035: Expected colon, found '}'
(200,57): run-time error CSS1035: Expected colon, found '}'
(261,109): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
*,*: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: 'nunito_sansregular';}
body{ line-height:24px; font-size:15px; background:#FFF;}
body p{line-height:20px;}
.toplink{width:100%; float:left; background:#458AF7;  color:#252525; font-size:14px; text-align:right; padding-top:5px; padding-bottom:5px;}
.toplink h3{text-align:left; font-size:14px; margin:0; padding:0; line-height:24px; cursor:pointer; display:inline-block; float:left; animation-name:blinking; animation-duration:1.5s; animation-iteration-count:infinite;}
.toplink ul{ float:right; margin:0; list-style:none; }
.toplink ul li{ float:left; padding-left:15px; position:relative; line-height:30px;}
.toplink ul li a{ color:#fff}
.toplink ul li a:hover{ color:#01445E; text-decoration:none;}
.toplink ul li ul{position:absolute; top:29px; left:0; width:250px; background:#F1F1F1; z-index:100; display:none;}
.toplink ul li ul li{ width:100%; text-align:left; line-height:30px; border-bottom:1px solid #e8e8e8}
.toplink ul li ul li a{padding:5px; display:block; padding-left:0;}
.toplink ul li ul li a:hover{color:#01445E;   }
.toplink ul li:hover ul{display:block;}

.header{ width:100%; float:left; -webkit-transition: all .1s ease; -moz-transition: all .1s ease;-o-transition:all .1s ease;
transition:all .1s ease;}
.sticky-header {position: fixed; width: 100%; float:left; top:0;z-index: 100;background:#fff;box-shadow: 0px 3px 3px #999;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;}

 
.togglemenu{position:relative;float:none;padding:1px 7px 5px 7px;background-color:transparent; border-radius:4px;margin:0;background:#106AA0;cursor:pointer;
margin:auto;    float:right; display:none;}
/*.menu{ width:100%; float:left; padding-bottom:20px; padding-top:20px;}*/
.banner{ width:100%; float:left; position:relative;  }
.banner h2{ font-size:42px; color:#01445E;   margin-top:35px;  font-family: 'nunito_sansbold'; margin-bottom:15px; text-transform:uppercase; }
.banner h2 span{color: #242424;  font-family: 'nunito_sanslight';  font-size:26px; }
.banner p{margin-bottom:25px; border-left:2px solid #3FABD6; padding:5px 10px; color:#242424; font-size:20px;}
.banner ul{list-style:none;}
.banner ul li{color:#FFFFFF; background:url(/WebsiteContent/images/bulletn01.png) no-repeat; padding-left:30px; font-size:20px; margin-bottom:25px; line-height:21px;}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6{width:100%; height:450px; float:left; padding:110px; padding-top:30px; padding-bottom:30px;}
.slide1{background:url(/WebsiteContent/images/banner/slide1bg.jpg) center center no-repeat; background-size:cover; }
.slide2{background:url(/WebsiteContent/images/banner/slide2bg.jpg) center center no-repeat; background-size:cover; }

.bannertext{width:55%; float:left; position:absolute; z-index:10000000; top:25%; left:8%;}
.bannertext a{ background:#4AC3F0; font-size:20px; color:#FFF; padding:12px 30px;  border-radius:4px; display:inline-block;  transition: all 0.5s ease 0s; }
.bannertext a:hover{ text-decoration:none; color:#FFF; background:#1199CC;}

.haboutpanel{background:#F9F9F9 url(/WebsiteContent/images/bg01.jpg) no-repeat fixed; background-size:cover; width:100%; float:left; text-align:center; padding-top:100px; padding-bottom:100px; }
.haboutpanel h2{ font-size:58px; color:#4AC3F0; margin:0; margin-bottom:5px;   font-family: 'nunito_sansbold';}
.haboutpanel h2 span{color:#4AC3F0;     }
.haboutpanel h3{ font-family: 'nunito_sanslight'; color:#242424; margin:0;   margin-bottom:15px; font-size:26px;}
.haboutpanel img{max-width:100%; height:auto;}

.topsection{ background:#FFF; width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.topsection h1{font-size:38px; color:#333333;    margin:0; margin-bottom:5px; text-align:center; margin-bottom:25px;}
.topsection h1 span{ color:#4AC3F0;  }
.topsection h3{ font-size:20px; font-family: 'nunito_sanslight'; text-align:center; margin:0; margin-bottom:25px; color:#242424;}


 
.homeproduct-panel{width:100%; float:left;  padding-top:100px; padding-bottom:100px; }
.homeproduct-panel img{max-width:100%; height:auto;}
.product-wrapper{width:100%; float:left; display:flex; flex-wrap:wrap;}
.product-wrapper .Product-panel{ width:25%; flex:0 0 23%; margin-left:1%; margin-right:1%; float:left; border:1px solid #EDEDED; text-align:center; margin-bottom:25px;   background:#F9F9F9}

.hproduct-detail{width:100%; float:left; padding:15px;  }
.hproduct-detail h3{font-size:19px;}
.hproduct-detail h4{margin-bottom:25px;}
.hproduct-detail h4 span{text-decoration:line-through; padding-left:15px; font-size:16px; color:#AE0437}
.hproduct-detail a{ display:inline-block; padding:8px 20px; border:1px solid #A8A8A8; transition: all 0.5s ease 0s; border-radius:0px; margin-bottom:10px; color:#242424; font-size:15px;}
.hproduct-detail a:hover{ background:#1199CC; color:#FFF; border:1px solid #1199CC; text-decoration:none;}





.tsborderright{ border-right:1px solid #F0F0F0}
.plansection{width:100%; float:left; padding-top:100px; padding-bottom:100px; background:#C0D2DE url(/WebsiteContent/images/P05.jpg) right center no-repeat fixed; background-size:cover; text-align:center;}
.plansection img{max-width:100%; height:auto;}
.plansection h2{ font-size:90px; color:#333333;     margin:0; margin-bottom:5px; text-align:center; margin-bottom:30px;   font-family: 'nunito_sansbold';}
.plansection h2 span{color:#4AC3F0;    }
.plansection h3{margin:0; margin-bottom:5px; font-size:34px;  ont-family: 'Neuton', serif; font-weight:300; color:#242424; margin-bottom:10px;}
.plansection a.readmore2{ background:#4AC3F0; color:#FFF;  padding:10px 25px; border-radius:4px; transition: all 0.5s ease 0s; margin-bottom:25px; display:inline-block;}
.plansection a.readmore2:hover{ background:#1199CC; color:#FFF; text-decoration:none;}
 





.supportsection{width:100%; float:left; padding-top:50px; padding-bottom:130px;   background:url(/WebsiteContent/images/bg01.jpg) left top no-repeat; background-size:cover}
.supportsection h2{ font-size: 42px; color:#FFF;     margin:0; margin-bottom:10px;   }
.supportsection h2 span{color:#4AC3F0;    }
.supportsection img{max-width:100%; height:auto;}
.supportsection h3{font-weight:200; color:#999999; margin:0; font-size:22px; margin-bottom:25px;}
.supportsection p{color:#CCCCCC;}

.supportsection a{padding:10px 25px; padding-top:8px; background:#4AC3F0; color:#FFF; display:inline-block; margin-top:15px; font-size:22px; border-radius:4px; }
.supportsection a:hover{ background:#1199CC; color:#FFF; text-decoration:none;}

.addonbox{width:100%; float:left; text-align:center; margin-bottom:20px; }
.addonbox h4{color:#CCCCCC;}

.otherrelatedservices{ padding-bottom:50px; padding-top:50px; width:100%; float:left; text-align:center; }
.otherrelatedservices h2{ font-size:42px; color:#333333;   font-family: 'Neuton', serif; font-weight:700;   margin:0; margin-bottom:30px;   }
.otherrelatedservices h2 span{color:#4AC3F0;    }
.otherrelatedservices h3{color:#212121; font-size:28px;  font-weight:300;}
.otherrelatedservices P{} 
.otherrelatedservicescont{width:100%; min-height:390px; float:left;  padding:20px; border:1px solid #CCCCCC; margin-bottom:25px; background-image: linear-gradient(#F9F9F9, #FFF);} 
.otherrelatedservices a{ background:#4AC3F0;color:#FFF; padding:8px 20px; padding-top:5px; display:inline-block; font-size:20px; border-radius:4px; }
.otherrelatedservices a:hover{ color:#FFF; background:#1199CC; text-decoration:none; }
 
 
 .testimonialpanel{width:100%; float:left; background:url(/WebsiteContent/images/Testimonial-Background.jpg); padding-top:70px; padding-bottom:50px;}
 .testimonialpanel h2{ font-size:42px; color:#FFF;   font-family: 'Neuton', serif; font-weight:700;  margin:0; margin-bottom:10px; text-align:center;   }
.testimonialpanel h2 span{color:#4AC3F0;    }
.testimonialpanel h4{color:#47C7EA; text-align:center; margin-bottom:0px;}
.testimonialpanel h3{ color:#FFF; margin:0; font-size:18px; margin-bottom:0px; text-align:center;}
.testimonialpanel .fa{font-size:30px; color:#47C7EA; opcity:.05; margin-right:5px;}
.testimonial-text{width:100%; min-height:300px; float:left; position:relative; z-index:10px;  padding-top:18px;}
.testimonial-text p{ color:#EFEFEF; text-align:center; font-size:22px; line-height:30px;}
 

.footerpanel{width:100%; float:left; background:#162029; padding-bottom:40px; padding-top:15px;}
.footerpanel h3{ color:#FEFCFD; font-size:18px;  font-weight:200;}
.footerpanel p{color:#6C707B; margin-bottom:15px;}
.footerpanel p .fa{ color:#4AC3F0;}
.footerpanel ul{list-style:none;}
.footerpanel ul li { margin-bottom:8px; font-size:15px;}
.footerpanel ul li a{ color:#7E7F81;}
.footerpanel ul li a:hover{ color:#4AC3F0; text-decoration:none;}
.socialmedia{ width:100%; float:left; }
.socialmedia .fa{width:30px; height:30px; background:#47C7EC; line-height:30px; text-align:center; color:#FFF; border-radius:100%; margin-right:3px;}
.socialmedia .fa:hover{text-decoration:none;}
 
.footercopyright{width:100%; float:left; background:#263039; padding-bottom:15px; color:#6C707B; padding-top:15px;}
.footercopyright ul{ float:right; list-style:none;}
.footercopyright ul li{float:left;}
.footercopyright ul li a{ color:#6C707B; padding-left:8px; padding-right:5px;}
.footercopyright ul li a:hover{ color:#4AC3F0; text-decoration:none;}


/*.innerbanner{ background:#26364D  url(/WebsiteContent/images/bg02.jpg); background-size:cover; width:100%; float:left; padding-top:50px; padding-bottom:30px;}
 
.innerbanner p{ font-size:18px; font-style:italic; color:#F9FAFE; margin-bottom:20px;}
.innerbanner ul{list-style:none;}
.innerbanner ul li{ background: url(/WebsiteContent/images/bulletn01.png) left no-repeat;  font-size:18px; font-style:italic; color:#F9FAFE; padding-left:35px; margin-bottom:20px;   font-weight:200;}

.innerbanner a{ margin:0; display:inline-block; font-size:25px; color:#FFF; font-weight:200;  text-align:center; padding:8px 30px; background:#4AC3F0; border-radius:3px;  
}
.innerbanner a:hover{ background:#1199CC; text-decoration:none; }*/


.otherbanner{ background:#26364D  url(/WebsiteContent/images/contact-us-bg.jpg) center center; background-size:cover; width:100%; float:left; padding-top:30px; padding-bottom:30px;}
.otherbanner h2{color:#FFF; font-size:40px;  font-family: 'Neuton', serif; font-weight:700;}

.demobanner{ background:#26364D url(/WebsiteContent/images/MLM%20Software%20Demo%20Banner.jpg)center center; background-size:cover; width:100%; float:left; padding-top:30px; padding-bottom:30px;}
.demobanner h2{color:#FFF; font-size:40px;  font-family: 'Neuton', serif; font-weight:700; text-align:center; margin:0;}
.demobanner h3{color:#4AC3F0; font-size:35px;  font-family: 'Neuton', serif; font-weight:300; text-align:center; margin:0; margin-bottom:20px;}

.planbanner{ background:#26364D url(/WebsiteContent/images/bg02.jpg); background-size:cover; width:100%; float:left; padding-top:30px; padding-bottom:30px;}
.planbanner img{max-width:100%; height:auto;}
.planbanner h2{ font-size:50px; color:#A9CF38; margin:0;   margin-top:60px;  font-family: 'Neuton', serif; font-weight:700; }
.planbanner h3{color: #FFF; font-weight:200; font-size:40px; margin:0; margin-bottom:20px;   }
.planbanner a{ background:#3FABD6; font-size:20px; color:#FFF; padding:12px 30px;  border-radius:4px; display:inline-block;}
.planbanner a:hover{ text-decoration:none; color:#FFF; background:#1199CC;}
.planicon{width:100%; float:left; text-align:center;}
.planicon img{ max-width:100%; height:auto;}


.planbanner02{ background:#26364D url(/WebsiteContent/images/banner/Ecommerce-MLM-Software.jpg) right no-repeat; background-size:cover; width:100%; height:350px; float:left; }
.planbanner02 h2{ font-size:50px; color:#A9CF38; margin:0;   margin-top:80px;  font-family: 'Neuton', serif; font-weight:700; }
.planbanner02 h3{color: #FFF; font-weight:200; font-size:40px; margin:0; margin-bottom:20px;   }
.planbanner02 a{ background:#3FABD6; font-size:20px; color:#FFF; padding:12px 30px;  border-radius:4px; display:inline-block;}
.planbanner02 a:hover{ text-decoration:none; color:#FFF; background:#1199CC;}




.midsection{ background:#FFF; width:100%; float:left;}
.midsection h1{ font-size:48px; color:#333333;   font-family: 'Neuton', serif; font-weight:700;  margin:0; margin-bottom:5px;}
.midsection h1 span{color:#4AC3F0;    }
.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(/WebsiteContent/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; linegen }
.aboutcompany h3{color:#212121; font-size:18px;  linegen}
.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}
.textalignright{text-align:right;}
.getintouch{border:1px solid #D1D1D1; background:#FFF; padding:15px; margin-top:20px; position:relative;}
.getintouchheading{width:100%; float:left; border-bottom:1px dashed #212121; margin-bottom:15px; padding-bottom:20px;}
.getintouchheading img{float:left; margin-right:10px;}
.getintouchheading h2{ font-size:26px;  font-family: 'fjallaoneregular';}
.getintouchheading h3{font-size:16px; color:#3FABD6; font-weight:bold; font-style:italic;}
.getintouch input[type="text"],.getintouch input[type="email"],.getintouch select,.getintouch textarea
{ width:100%; height:45px; background:#EBEBEB; border:1px solid #B3B3B3; 
padding:5px; margin-bottom:12px;}
.getintouch textarea{height:150px;}
.getintouch input[type="button"],.getintouch input[type="submit"]{width:100%; background:#3FABD6; font-size:22px; color:#FFF; border:0; padding:8px ;}
.getintouch input[type="button"]:hover,.getintouch input[type="submit"]:hover{background:#212121;}

.freedemopanel{width:100%; background:#D8D8D8; float:left; position:relative; padding-bottom:20px; ;}

.freedemopanel .lamp{position:absolute; margin-top:-45px;}
.freedemopanel h3{ font-size:28px; color:#212121; font-style:italic; padding-left:440px; padding-top:20px;  font-family: 'fjallaoneregular';}
.freedemobut{float:right;}


.supportpanel {position: relative; padding-top:50px; padding-bottom:50px; background:#F5F5F5; width:100%; float:left; text-align:center;}
.supportpanel h2{font-size:18px; color:#242424; text-transform:uppercase;}
 .supportpanel   .fa{ font-size:36px; color:#242424; background:#FFF; width:60px; height:60px; border-radius:100%; line-height:60px; position:relative;}
 .supportpanel   .fa:after{ content:""; border:1px solid #FFF; position:absolute; width:70px; height:70px; border-radius:100%; left:-5px; top:-5px;}
.techpanel  h2 {
    font-size: 40px;
    color: #333333;
    font-family: 'Neuton', serif;
font-weight: 700;
    margin: 0;
    margin-bottom: 10px;
    text-align:center;
}

.techpanel h3 {
    font-family: 'Neuton', serif;
font-weight: 200;
    color:#333333;
    margin: 0;
    margin-bottom: 0px;
    font-size: 26px;
    margin-bottom: 15px;
    text-align: center;
}
.supportpanel img{ max-width:100%; height:auto;}




.requestfreedemo{ margin-top:-184px;}
.requestfreedemo img{ max-width:100%; height:auto;}

.Contactpanel{ width:100%; float:left; padding-bottom:40px; }
.Contactpanel h1{text-align:left; font-size: 36px; color: #333; font-weight:200;  font-family: margin-bottom: 20px;}
.Contactpanel h1 h1 span {color: #4AC3F0;}
.Contactpanel h3{font-size:18px; color:#272727;  font-weight:200;}
.Contactpanel  p{padding-left:20px;}
 


  
 

.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;}
 
.line{border-bottom:1px dashed #CCCCCC; margin-top:15px; margin-bottom:15px;}
.line2{ width:100%; height:1px; background:url(/WebsiteContent/images/line.png) top center no-repeat; margin-bottom:15px;}

.softwarefeature{ width:100%; height:inherit; position:relative; border:1px solid #D1D1D1; background:#fff; padding:10px; margin-bottom:20px;}
.softwarefeature h2{   font-size:24px!important;   color:#184B95!important; margin-bottom:15px;}
.softwarefeature h3{ font-size:17px!important;   color:#4AC3F0!important; margin:0;   font-weight:200; margin-bottom:20px; }
.softwarefeature ul{list-style:none;}
.softwarefeature ul li{ background:url(/WebsiteContent/images/bulletn02.png) left 3px no-repeat; padding-left:25px; margin:0; color:#333333; font-size:15px; font-style:normal; margin-bottom:3px; border-bottom:1px dashed #CCCCCC; margin-bottom:15px;   font-weight:200;}

/*------------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;
}

.thankyoupanel{width:100%; text-align:center; float:left;}
.thankyoupanel h1{font-size:60px; margin-bottom:15px; text-transform:uppercase;}
.thankyoupanel  p{font-size:20px; padding:20px;}

 
 
 /* New Css */
 .ecommerce-plan-feature{ width:100%; float:left; margin-top:25px; text-align:center; background:#F5F5F5; padding:25px; }
.ecommerce-plan-feature img{}
.ecommerce-plan-feature:hover img{}
.ecomm{width:100%; float:left; margin-bottom:30px;      }
.ecomm img{max-width:100%; height:auto;}
 
.ourclient{width:100%; float:left; padding-bottom:50px; padding-top:50px; background:url(/WebsiteContent/images/patnerbg.jpg); }
.ourclient h2 {
    font-size: 42px;
    color: #FFF;
    font-family: 'Neuton', serif;
	font-weight: 700;
    margin: 0;
    margin-bottom: 30px;
    text-align:center;
}
.ourclientlist{ display:flex; justify-content: center; align-items: center; }
.ourclient img{   max-width:100%; height:auto; } 

.democontainer{}
.democontainer h1{ font-size:45px; color:#FFF;   font-family: 'Neuton', serif; font-weight:700;  margin:0; margin-bottom:5px; text-align:left;}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}



.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}



.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-track{position: relative;}
 .slick-track:before, .slick-track:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.slick-track:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


 .swiper-container {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;
	  background:#000;

    }
	
	
.homeotherproduct02{width:100%; float:left; margin-bottom:25px;}
.homeotherproduct02 img{width:100%; height:auto; opacity: 0.5;}



.l-grids h4 {
 font-size:1.4em;
  font-weight:400;
  color: #fff;
  margin:0;
}
.l-grids figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width:100%;
}
.l-grids figure img {
	position: relative;
	display: block;
}

.l-grids figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	/*-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}
.l-grids figure figcaption::before,
.l-grids figure figcaption::after {
	pointer-events: none;
}

.l-grids figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-bubba {
	  background-color:#000;
}
figure.effect-bubba:hover img {
	opacity: 0.3;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	/*opacity: 0;*/
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h4 {
	padding-top: 12%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	/*opacity:0;*/
}

figure.effect-bubba p {
	padding: 15px 10px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	  font-size: 0.8em;
	  
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h4{color:#FFF;}
figure.effect-bubba:hover p{color:#D7D7D7}
figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
}
 
.content-grid h3{
	margin-top:0.8em;
	font-size:1.8em;
	 
}
.bride-grids img{
	width:100%;
	height:auto;
}


.cart-panel{ width:320px; height:100%; position:fixed; right:0px; top:0; display:none; padding:20px; background:#FFF; z-index:10000; box-shadow: -5px  0  5px  -5px #333; overflow:auto;}
.cart-panel h2{font-size:24px; font-family: 'nunito_sansbold'; border-bottom:1px dashed #E6E6E6; padding-bottom:5px; margin-bottom:25px;}
.cart-panel  img{width:100%; height:auto; border:1px solid #E6E6E6; padding:2px;}
.cart-panel h3{font-size:16px; margin:0; margin-bottom:10px;}
.cart-line{width:100%; float:left; border-bottom:1px dashed #E6E6E6; margin-top:10px; margin-bottom:10px;}
.cart-button{width:100%; float:left;}
.cart-button a{background:#4AC3F0; color:#FFF; padding: 10px 25px; border-radius: 4px; transition: all 0.5s ease 0s;  margin-bottom:15px; display: block; text-align:center;}
.cart-button a:hover{background:#1199CC; text-decoration:none;}
.cart-close{ width:25px; height:25px; float:right; cursor:pointer}
.cart-close img{width:100%; height:auto; border:none; padding:2px;}



.relp-panel{ width:350px; height:100%; position:fixed; left:0px; top:0; display:none; padding:10px; background:#FFF; z-index:10000; box-shadow: 5px  0px  5px -5px #333; overflow:auto;}
.relp-panel h2{font-size:20px; font-family: 'nunito_sansbold'; border-bottom:1px dashed #E6E6E6; padding-bottom:5px; margin:0; margin-bottom:35px; display:block; }
.relp-panel img{width:100%; height:auto; border:1px solid #E6E6E6; padding:2px;}
.relp-panel span img{width:100%; height:auto; padding:2px;}
.relp-panel h3{font-size:16px; margin:0; margin-bottom:10px;}
.horline{width:100%; float:left; border-bottom:1px dashed #E6E6E6; margin-top:10px; margin-bottom:10px;}
.relp-close{ width:25px; height:25px; float:right; cursor:pointer}
.relp-close img{width:100%; height:auto; border:none; padding:2px;}

.relp-panel input[type="text"],.relp-panel input[type="email"],.relp-panel textarea{width:100%; height:45px; border: 1px solid #E6E6E6; padding:10px; margin-bottom:15px; 
border-radius: 4px; transition: all 0.5s ease 0s; font-size:14px;}
.relp-panel input[type="text"]:hover,.relp-panel input[type="email"]:hover,.relp-panel textarea:hover,
.relp-panel input[type="text"]:focus,.relp-panel input[type="email"]:focus,.relp-panel textarea:focus{ border-color:#4AC3F0;}
.relp-panel textarea {height:80px;}
.relp-panel input[type="button"],.relp-panel input[type="submit"]{background:#4AC3F0; color:#FFF; padding: 10px 25px; border-radius: 4px; transition: all 0.5s ease 0s; border:none;  }
.relp-panel input[type="button"]:hover,.relp-panel input[type="submit"]:hover{background:#1199CC; outline: 0px;}

.reg-wrapper{ width:100%; float:left; background:url(/WebsiteContent/images/bg02.jpg) left center no-repeat ; background-size:cover;}
.reg-panel{ width:100%; float:left; padding-bottom:60px;}
.reg-panel h2{font-size:30px; font-family: 'nunito_sansbold';   margin-bottom:6px; display:block; text-align:center; color:#4AC3F0; text-transform:uppercase; }
.reg-panel h3{font-size:20px; margin:0; margin-bottom:30px; text-align:center; color:#7D7D7D; border-bottom:1px dashed #E6E6E6; padding-bottom:5px;}

.form-panel{background-color: rgba(255,285,255, 0.65); padding:25px; border:1px solid #F2F2F2}
.form-panel label{ font-size:15px; letter-spacing:1px;}
.form-panel input[type="text"],.form-panel input[type="email"],.form-panel input[type="password"],.form-panel select,.relp-panel textarea{width:100%; height:45px; border: 1px solid #E6E6E6; padding:10px;  
border-radius: 4px; transition: all 0.5s ease 0s; font-size:14px;}
.form-panel input[type="text"]:hover,.form-panel input[type="email"]:hover,.form-panel textarea:hover,
.form-panel input[type="text"]:focus,.form-panel input[type="email"]:focus,.form-panel textarea:focus{ border-color:#4AC3F0;;}
.form-panel textarea {height:80px;}
.form-panel input[type="button"],.form-panel input[type="submit"]{background:#4AC3F0; color:#FFF; padding: 10px 25px; border-radius: 4px; transition: all 0.5s ease 0s; border:none;  }
.form-panel input[type="button"]:hover,.form-panel input[type="submit"]:hover{background:#1199CC; outline: 0px;}


/*------------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 blinking{
 0% { color:#CA0000;}
 47%{color:#000;}
 62%{color:#CA0000;}	
 97%{color:#CA0000;}	
100% { color:#000;}
}
@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%);
    }
}	
.form-panel p{ font-size:12px; color:#867f7f;}

.checkbox{ display:inline-block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:14px; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; user-select:none; margin-right:10px; font-weight:normal;}

.checkbox input{ position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.checkbox .checkmark{ position:absolute; top:0; left:0; height:25px; width:25px; background-color:#eee;}
.checkbox:hover input ~ .checkmark{background-color:#ccc;}
.checkbox input:checked ~ .checkmark{background-color:#4AC3F0;}
.checkbox .checkmark:after{ content:""; position:absolute; display:none;}
.checkbox input:checked ~ .checkmark:after {display:block;}
.checkbox .checkmark:after{left:9px; top:5px; width:5px; height:10px; border: solid #FFF; border-width:0 3px 3px 0;
-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}


.radiobox{ display:inline-block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:14px; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; user-select:none; margin-right:10px; font-weight:normal; 
}

.radiobox input{ position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.radiobox .checkmark{ position:absolute; top:0; left:0; height:25px; width:25px; background-color:#eee; border-radius:50%;}
.radiobox:hover input ~ .checkmark{background-color:#ccc;}
.radiobox input:checked ~ .checkmark{background-color:#4AC3F0;}
.radiobox .checkmark:after{ content:""; position:absolute; display:none;}
.radiobox input:checked ~ .checkmark:after {display:block;}
.radiobox .checkmark:after{left:9px; top:9px; width:8px; height:8px; background:#FFF; border-radius:50%;}


@font-face {
    font-family: 'nunito_sansregular';
    src: url('/WebsiteContent/fonts/nunitosans/nunitosans-regular-webfont.woff2') format('woff2'),
         url('/WebsiteContent/fonts/nunitosans/nunitosans-regular-webfont.woff') format('woff'),
         url('/WebsiteContent/fonts/nunitosans/nunitosans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nunito_sansbold';
    src: url('/WebsiteContent/fonts/nunitosans/nunitosans-bold-webfont.woff2') format('woff2'),
         url('/WebsiteContent/fonts/nunitosans/nunitosans-bold-webfont.woff') format('woff'),
         url('/WebsiteContent/fonts/nunitosans/nunitosans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sanslight';
    src: url('/WebsiteContent/fonts/nunitosans/nunitosans-light-webfont.woff2') format('woff2'),
         url('/WebsiteContent/fonts/nunitosans/nunitosans-light-webfont.woff') format('woff'),
         url('/WebsiteContent/fonts/nunitosans/nunitosans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}





 
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;}
.responsivemenu {width:100%; float: left; position: relative;}

.responsivemenu ul{list-style:none;  float:right; margin:0;}
.responsivemenu >ul >li{ float:left; padding-left:4px; padding-right:4px; line-height:87px;     }
.responsivemenu >ul >li>a{color:#333; padding-left:5px; padding-right:5px;   font-size:15px; letter-spacing:1px; display:block; }
.responsivemenu ul li:hover a{color:#4AC3F0; text-decoration:none;}
.responsivemenu ul li.submenu{position:relative;}
.responsivemenu ul li.active{ background:#FFF; color:#FFF;}
.responsivemenu ul li.active a{color:#4AC3F0;}

.menupanel  h3{font-size:14px; color:#0064AF; margin:0;}

/*----------Level2---------*/
.responsivemenu ul li.submenu ul{display:none;}
.responsivemenu ul li.submenu ul{position:absolute;  width:290px; top:87px; left:0; background:#FFF; z-index:1000; box-shadow: 5px  0px  5px -5px #333, 0  5px  5px -5px #333;}
.responsivemenu ul li.submenu:hover > ul{display:block;}
.responsivemenu ul li.submenu ul li{width:100%; line-height:48px; margin:0; border-bottom:1px solid #EBEBEB; position:relative; display:block; float:left; padding-left:10px; position:relative; font-size:13px; }
.responsivemenu ul li.submenu ul li:last-child{ border-bottom:none;}
.responsivemenu ul li.submenu li a{display:block; color:#242424;  font-size:16px;}
.responsivemenu ul li.submenu ul li:hover  a{color:#0F9EEA;}

.responsivemenu ul li.submenu ul li:hover div.level3 h3{ width:100%; padding:8px;  display:block; float:left; font-weight:800; background:#0093D9; 
color:#FFF;}
.responsivemenu ul li.submenu ul li:hover div.level3 {display:block; }
.responsivemenu ul li.submenu ul li div.level3{width:100%; top:0; left:280px; float:left; padding-left:10px; margin-bottom:10px; position:absolute; 
display:none; max-height:400px; overflow:auto; box-shadow: 5px  0px  5px -5px #333, 0  5px  5px -5px #333; z-index:1000}
.responsivemenu ul li.submenu ul li div.level3 ul{display:block; position:static; width:auto; float:left; }
.responsivemenu ul li.submenu ul li div.level3 ul li{float:left;    width:100%; border-bottom:none; border-bottom:1px solid #EBEBEB;  
padding-left:8px;
padding-right:8px;}
.responsivemenu ul li.submenu ul li div.level3 ul li:last-child{border-right:none;}
.responsivemenu ul li.submenu ul li div.level3 ul li a{ color:#242424}
.responsivemenu ul li.submenu ul li div.level3 ul li a:hover{ color:#45B6F3}

/*----------megamenu---------*/
.responsivemenu ul li:hover .megamenu{display:block;}
.responsivemenu ul li .megamenu{display:none; position:absolute; background:#FFF; top:40px; left:0; width:100%; z-index:1000; color:#C00; padding:15px; }
.responsivemenu ul li .megamenu ul{position:relative; display:block; width:100%;  margin:0; padding:0; top:0; margin-bottom:15px;}
.responsivemenu ul li .megamenu ul li{border-bottom:none!important; width:100%;  line-height:20px; padding-top:3px; padding-bottom:3px; padding-right:20px; float:left;}

.responsivemenu ul li .megamenu ul li:hover{background:none;}
.responsivemenu ul li .megamenu ul li a{color:#242424; padding:0; font-weight:normal; width:100%; border-bottom:1px  dashed #ccc; float:left; display:block; padding-bottom:3px; font-size:13px;}
.responsivemenu ul li .megamenu ul li:last-child a{border-right:none;}
.responsivemenu ul li .megamenu ul li a:hover{color:#5BBFF4;}
.menucol{width:25%; float:left;}
.menuco2{width:25%; float:left;}


/*----------megamenu 2---------*/
.responsivemenu ul li:hover .megamenu2{display:block;}
.responsivemenu ul li .megamenu2{display:none; position:absolute; background:#FFF; top:40px; left:0; width:100%; z-index:1000; color:#C00; padding:15px;}
.responsivemenu ul li .megamenu2 ul{position:relative; display:block; width:100%;  margin:0; padding:0; top:0; margin-bottom:15px;}
.responsivemenu ul li .megamenu2 ul li{border-bottom:none!important; width:100%;  line-height:40px; padding-top:3px; padding-bottom:3px; padding-right:20px; float:left;}

.responsivemenu ul li .megamenu2 ul li:hover{background:none;}
.responsivemenu ul li .megamenu2 ul li a{color:#242424; padding:0; font-weight:normal; width:100%; border-bottom:1px  dashed #ccc; float:left; display:block; padding-bottom:3px; font-size:13px; display:block;}
.responsivemenu ul li .megamenu2 ul li:last-child a{border-right:none;}
.responsivemenu ul li .megamenu2 ul li a:hover{color:#5BBFF4;}


.responsivemenu ul li,.responsivemenu ul li a,
.responsivemenu ul li ul,
.responsivemenu ul li ul li,.responsivemenu ul li ul li a
{
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}