@font-face {
    font-family: 'TrajanPro-Regular';
    src: url('../fonts/TrajanPro-Regular.eot');
    src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TrajanPro-Regular.woff') format('woff'),
         url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
         url('../fonts/TrajanPro-Regular.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrajanPro-Bold';
    src: url('../fonts/TrajanPro-Bold.eot');
    src: url('../fonts/TrajanPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TrajanPro-Bold.woff') format('woff'),
         url('../fonts/TrajanPro-Bold.ttf') format('truetype'),
         url('../fonts/TrajanPro-Bold.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../fonts/colabthi-webfont.eot');
    src: url('../fonts/colabthi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colabthi-webfont.woff') format('woff'),
         url('../fonts/colabthi-webfont.ttf') format('truetype'),
         url('../fonts/colabthi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../fonts/colaborate/colablig-webfont.eot');
    src: url('../fonts/colaborate/colablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colaborate/colablig-webfont.woff') format('woff'),
         url('../fonts/colaborate/colablig-webfont.ttf') format('truetype'),
         url('../fonts/colaborate/colablig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { transition: background-color 0.5s ease, background-image 0.5s ease-in-out; }
#main-menu a:hover, #main-menu .active a{ color: #e3b76c; }
h1{
color: #fff;
font-family: 'ColaborateThinRegular';
font-size: 72px;
font-weight: 400;
letter-spacing:2px;
}
.headcover{ width:66%; margin:0px auto; position:relative;}
.header {padding-top:10px; position: relative; top: 0; z-index: 999; }
.header hr {
  margin:10px auto 0;
border-top: 0;
width:66%;
}
.header a {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
}
.image-icon { padding: 16px; height: 32px;}

.testingsite{ float:left; text-align:left; font-size:42px; color:#fff; font-family: 'ColaborateThinRegular'; position:absolute; left:0; top:30px;}
.betasite{ float:right; text-align:left; font-size:42px; color:#fff; font-family: 'ColaborateThinRegular'; position:absolute; right:0; top:30px;}

.header h2 { margin: 0; font-size: 18px; font-family: 'ColaborateThinRegular'; font-weight: 400; }
.header ul li { padding: 0 10px;}

.viewing-page-1
{
    background: url('../images/bg_1_2.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.viewing-page-1.slide1
{
    background: url('../images/bg_1_1.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.viewing-page-1.slide2
{
    background: url('../images/bg_1_3.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.main { margin: auto; }
.container { width: 90%; }
.promo-video { width: 480px; height: 300px;}
h3 { font-weight: 400; font-family: 'ColaborateThinRegular'; color: #fff; font-size: 36px; letter-spacing:2px; width: 72%;
margin: auto;}
.btn-primary, .btn-primary:hover { background: #96B600; text-transform: uppercase; border: none; text-shadow: none;
  color: #1E232C; border-radius: 0;
 font-family: 'ColaborateLightRegular'; font-size: 28px;
letter-spacing:1px;
padding: 20px 40px; }
.btn-primary:hover { color: #FFE400;}
.btn-secondary, .btn-secondary:hover { background: #1E232C; text-transform: uppercase; border: none; text-shadow: none;
  color: #fff; border-radius: 0;
 font-family: 'ColaborateLightRegular'; font-size: 28px;
letter-spacing:1px;
padding: 20px 80px; font-weight: 400; }

.btn-secondary:hover { color: #FFE400;}

.viewing-page-2 
{
    background: url('../images/bg_222_yurveda.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h4 { font-weight: 400; font-family: 'ColaborateThinRegular'; color: #1E232C; font-size: 60px; 
line-height: 60px; letter-spacing:2px; }
h5 { font-weight: 400; font-family: 'ColaborateThinRegular'; color: #fff; font-size: 18px; 
line-height: 24px; letter-spacing:1px; }
h6 { font-weight: 400; font-family: 'ColaborateThinRegular'; color: #fff; font-size: 18px; 
line-height: 24px; letter-spacing: 1px; }


.ranks li{ font-weight: 400; font-family: 'ColaborateThinRegular'; font-size: 16px; line-height: 24px; color: #96B600; letter-spacing: 2px; }
.rank-name li{ text-transform: uppercase; }
.rank-color { list-style-type: none; }

.stars { font-weight: 400; font-family: 'ColaborateThinRegular'; font-size: 16px; color: #FFE400; letter-spacing: 2px; }
.star-name li{ text-transform: uppercase; line-height: 24px; padding-bottom: 48px; }
.star-category li{ list-style-type: none; line-height: 24px; letter-spacing: 1px; }
ul.star-category { margin-left: 5px; }

.trophies { font-weight: 400; font-family: 'ColaborateThinRegular'; font-size: 16px; color: #96B600; letter-spacing: 2px; }
.trophy li{ padding-bottom: 24px; }

.viewing-page-3 
{
    background: url('../images/bg_1_4.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.viewing-page-4{
    background: url('../images/large.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }


.winners { color: #fff;
font-family: 'ColaborateThinRegular';
font-size: 18px;
line-height: 26px;
font-weight: 400; }
.winners th { font-style: italic; }
.winners th, .winners td{ text-align: left; padding: 0 10px; }


.viewing-page-5 
{
    background: url('../images/bg_3_3.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h1.alt-color { color: #FFE400; }


.venue-details { padding-top: 28px; }

.viewing-page-6 
{
    background: url('../images/brands.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h3.longer { width: 100%; }

.viewing-page-7
{
    background: url('../images/bg_3_2.jpg') #008000 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
input[type="text"], textarea { border-radius: 0; padding: 10px; }
.footer { position: absolute;
background: #1E232C;
color: #fff;
width: 140%;
float: left;
left: -20%;
top: 71%; font-weight: 400; font-family: 'ColaborateThinRegular'; font-size: 16px; 
letter-spacing: 2px; }




.why-blog-fixed
{
padding:0; margin:20px 0px; width:100%; font-size:13px; line-height:16px; float:left; background:url(../images/partition.png) no-repeat center center;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: 0.1px;
}
.why-blog-fixed .whycover{ padding:0; margin:0 auto !important; width:100%; position:relative;}
.why-blog-fixed .whycover .whysec{padding:0; width:370px; float:left; margin:0px 55px 0px 0px; position:relative;}
.why-blog-fixed .whycover .whysec.last{float:right; margin:0;}
.why-blog-fixed .whycover .whyhead-sec{ float:left; width:100%; padding:0; margin:0; position:relative; z-index:1;}
.why-blog-fixed .whycover .icon-left-why{ width:22px; height:22px; float:left;}
.why-blog-fixed .whycover .whyhe{ width:auto; float:left; margin:4px 0px 0px 4px; font-family:'TrajanPro-Bold', Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}

.newsarrow{ position:absolute; right:0; width:52px; height:24px; z-index:2;}
.less-btn
{
position: absolute; width:24px;
height:24px; left:0; top:0;
background:url(../images/plus-less.png) no-repeat left top;
cursor:pointer;
}
.less-btn:hover{ background:url(../images/plus-less.png) no-repeat left -25px;}


.plus-btn
{
position: absolute; width:24px;
height:24px; right:0; top:0;
background:url(../images/plus-less.png) no-repeat right top;
cursor:pointer;
}
.plus-btn:hover{background:url(../images/plus-less.png) no-repeat right -25px;}

.why-blog-fixed .whycover ul{ padding:3px 0px 13px 0px; margin:10px 0px; position:relative; width:100%; border-bottom:solid 1px #e0e0e0; border-top:solid 1px #e0e0e0; float:left; height:268px; overflow: hidden;}
.why-blog-fixed .whycover ul li
{
    padding:0px 0px 14px 0px; margin:16px 0px 0px 0px;
    float:left;
    width:100%;
    position:relative;
    height:64px;
    -webkit-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.20);
	-moz-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.20);
	box-shadow:2px 2px 4px 0px rgba(0,0,0,0.20);
}
.why-blog-fixed .whycover ul li:hover
{
   
     -webkit-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.30);
	-moz-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.30);
	box-shadow:2px 2px 4px 0px rgba(0,0,0,0.30);
}

.why-blog-fixed .whycover .whypic{ float:left; width:66px; height:60px; position:relative;}
.why-blog-fixed .whycover .whypic .pic{ position:relative; width:66px; height:60px; padding:0; margin:0; float:left; overflow:hidden;}
.why-blog-fixed .whycover .whypic .pic img{ width:66px; height:60px; float:left;}
.why-blog-fixed .whycover .picframe{ width:66px; height:60px; position:absolute; left:0; top:0; float:left; background:url(../images/whypic.png) no-repeat left top; z-index:1;}
.why-blog-fixed .whycover ul li:hover .picframe{background:url(../images/whypic-hover.png) no-repeat left top;}
.why-blog-fixed .whycover .whytitlediscription{float:right; width:285px; padding:0; margin:0px 3px 0px 0px; position:relative;}
.why-blog-fixed .whycover .whytitle{padding:0; margin:0; height:18px; overflow:hidden; font-size:15px;}
.why-blog-fixed .whycover .whytitle a{color:#fff; text-decoration:none;}
.why-blog-fixed .whycover .whytitle a:hover{color:#f0f0f0; text-decoration:underline;}
.why-blog-fixed .whycover .whydiscription{ font-size:12px; color:#f5f5f5; height:36px; overflow:hidden; margin:4px 0px; line-height:18px;}
.why-blog-fixed .whycover .whydiscription p{ padding:0; margin:0;line-height:18px;}
.why-blog-fixed .whycover .learnmore{ padding:0px 14px 0px 0px; width:22px; height:18px; margin:2px 2px 0px 0px; text-align:left; font-size:11px; background:url(../images/learn-icon.png) no-repeat right center; float:right; position:relative; right:0; display:none;}
.why-blog-fixed .whycover .learnmore a{ color:#008000; text-decoration:none; position:absolute; width:100%; height:100%;}
.why-blog-fixed .whycover .learnmore a:hover{color:#000; text-decoration:underline;}



.whyallbtn{padding:0; float:left; margin:0; width:100%; font-size:12px;}
.whyallbtn .onclick-action
{
    width:74px; height:26px; margin:0px 6px 0px 0px; background:url(../images/viewallbtn.png) #3a424a no-repeat 58px center; float:right;
    position:relative;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	-webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    -ms-transition:all 0.2s ease-out;
}
.whyallbtn .onclick-action:hover{-moz-border-radius:16px; -webkit-border-radius:16px; -o-border-radius:16px; border-radius:16px; background-color:#008000;}
.whyallbtn .onclick-action a{ color:#fff; text-decoration:none; position:absolute; width:64px; height:21px; left:0; top:0; padding:5px 0px 0px 10px;}
.hideme{ display:none;}




.enquire-page {padding:1% 0; width:100%; color:#fff; font-family: 'ColaborateThinRegular'; font-size:14px;}
.enquire-page .enquirenow_form {margin-top: 13px;}
.enquirenow_form {position: relative; padding:0px; margin-bottom: 12px;}

.enquire-page .formbox{ float:left; width:100%; padding:0; margin:4px 0px;}
.enquire-page .formbox .labeltext{ padding:0px 0px 2px 0px; margin:0px; width:100%; float:left; color:#fff;}
.enquire-page .formbox .fields{float:right; margin:0px; padding:0px 0px; width:100%; }
.enquire-page .formbox .fields td{ padding:4px 10px 0px 0px; color:#fff;}
.enquire-page .formbox .fields img{ margin-left:10px;}
.enquire-page input[type=text]{
border:solid 1px #fff;
margin:0;
padding:3px 0px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
background:#FFFFFF;
width:100%;
min-height:18px;
}
.enquire-page input[type=password]{
border:solid 1px #fff;
margin:0;
padding:3px 0px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
background:#FFFFFF;
width:100%;
min-height:22px;
}
.enquire-page input[type="radio"]{border:solid 0px #84aac2; margin:0px 3px 0px 0px; padding:3px; color:#414042;}
.enquire-page input[type="checkbox"]{border:solid 1px #d4d5de; margin:2px 3px 0px 0px; padding:0px; float:left;}
.enquire-page select{
border:solid 1px #fff;
margin:0;
padding:3px 0px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
background:#FFFFFF;
min-height:22px;
width:100%;
}
.enquire-page textarea{
border:solid 1px #fff;
margin:0;
padding:2px 0px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
background:#FFFFFF;
width:100%;
height:30px;
}

.enquire-page input[type="submit"]{
padding:5px 15px;
background:#222;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
border:solid 2px #121212;
cursor:pointer;
color:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
margin:0px 0px 0px 1px;
text-align:center;
}
.enq-48-l{ float:left; width:32%; margin-right:2%;}
.enq-48-r{ float:right; width:32%;}
.enq-48-message{float:right; width:66%;}
.rfv{padding-right:4px; font-size:12px; font-weight:normal; display:inline-block; text-align:right; color:#c00000;}
.mrtop-20{ margin-top:20px !important; font-size:13px; color:#fff;}
.mrtop-20 a{ color:#fff; text-decoration:underline;}

.homevideo{ padding:0; margin:0px auto; width:74%;}
.homevideo iframe{ padding:0; margin:0; position:relative; height:300px; width:100%;}

.three-section{ padding:0; margin:20px 0px 0px 0px; position:relative; width:100%;}
.sec-left{ float:left; width:32%; position:relative; padding:0; margin:0px 1% 0px 0px; color:#fff;}
.viewpic{ float:left; width:110px; margin:0px 15px 0px 0px;}
.viewpic img{ border:solid 1px #fff;}
.viewpic img:hover{ border:solid 1px #008000;}
.content-info{ padding:0; margin:0; float:left; line-height:18px; width:265px;}
.content-info span{ display:block; line-height:22px;}
.clickherebtn{ position:relative; padding:0; margin:0; clear:left;  font-size:12px;}
.clickherebtn a{ position:relative; float:left; background-color:#008000; color:#fff!important; text-decoration:none; padding:3px 10px;  margin:10px 0px 0px 125px;}
.clickherebtn a:hover{background-color:#333;}
.fleft{ float:left;}
.fright{ float:right;}
.f48-l{ float:left; width:48%;}
.f48-r{ float:right; width:48%;}
.f48-r iframe{ width:100%; height:220px; border:solid 1px #000; margin-top:10px;}

.kairaliassociation{padding:20px 0px 0px 0px; float:left; width:100%; position:relative;}
.ourbrands-all{ position:relative; padding:0 4%; margin:0; width:92%; height:140px; clear:both;}
.ourbrands-all h3{ font-size:18px; text-align:center; padding:0px 0px 40px 0px; color:#fff; font-weight:bold;}
.ourbrands-all h3 span{ padding:0px 20px 10px 20px; border-bottom:solid 1px #ebebeb;}
.stepcarousel{position: relative; overflow:hidden; width:100%; height:60px; float:left;}
.stepcarousel .belt{position: absolute; left:0; top: 0;}
.stepcarousel .panel{float:left; margin:0px 10px 0px 10px; width:120px; padding:0; height:60px; cursor:pointer;}
.stepcarousel .panel img
{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
transition:  all .2s ease-in;
-webkit-backface-visibility: hidden;
}
.stepcarousel .panel img:hover
{
transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0);
filter: grayscale(0);
}


.right-fix{ position:fixed; right:0; top:60px; width:40px; z-index:999999;}
.social{ position:relative; padding:0; margin:0; float:left;}
.social ul{ list-style:none; padding:0; margin:0;}
.social ul li{ padding:5px; margin:0px 0px 6px 0px; float:left; width:24px; height:24px; text-align:center; border:solid 1px #fff;}
.social ul li.facebook{ background-color:#3b5998}
.social ul li.twitter{ background-color:#3cc7f4}
.social ul li.linkedin{ background-color:#0e76a8}
.social ul li.youtube{ background-color:#bc1515}
.social ul li.buyproducts{ padding:0px; margin:0px 0px 6px 0px;  width:34px; height:160px; }

.button-tow{ position:relative; padding:0; margin:0; float:left;}
.button-tow ul{ list-style:none; padding:0; margin:0;}
.button-tow ul li{ padding:0px; margin:0px 0px 6px 0px; float:left; width:34px; text-align:center;border:solid 1px #fff;}

.consultationform{ float:left; width:100%; position:relative;}
.consultationform iframe{ padding:0; margin:0; border:0; width:100%; height:400px;}

.enquirenow{ float:left; width:100%; position:relative;}
.enquirenow iframe{ padding:0; margin:0; border:0; width:100%; height:350px;}
.scrolldown{ position:relative; text-align:center; float:left; width:100%; padding:0; margin-top:20px; height:30px;}