.m-auto { margin: auto; }
.m-40 { margin: 40px !important; }
.m-20 { margin: 20px !important; }
.m-10 { margin: 10px !important; }
.m-5 { margin: 5px !important; }
.m-0 { margin: 0 !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-40 { margin-top: 40px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-0 { margin-top: 0 !important; }
.ml-40 { margin-left: 40px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-0 { margin-left: 0px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-0 { margin-right: 0px !important; }
.p-30 { padding: 30px !important; }
.p-20 { padding: 20px !important; }
.p-15 { padding: 15px !important; }
.p-10 { padding: 10px !important; }
.p-5 { padding: 5px !important; }
.p-0 { padding: 0 !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-0 { padding-top: 0 !important; }
.pl-30 { padding-left: 30px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-0 { padding-left: 0px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-0 { padding-right: 0px !important; }
.b-0 { border: 0 !important; }
.bt-0 { border-top: 0 !important; }
.bb-0 { border-bottom: 0 !important; }
body > section, header, footer { padding-left: 0; padding-right: 0; }
.content-7.v-center, .content-7 .v-center { padding-left: 0; padding-right: 0; }
.adminForms .span3 input[type="text"], .adminForms .span3 input[type="number"], .adminForms .span3 input[type="password"], .adminForms .span3 select, .adminForms .span3 textarea { min-width: inherit; width: 100%; box-sizing: border-box; height: 45px; }
.adminForms .span6 input[type="text"], .adminForms .span6 input[type="number"], .adminForms .span6 input[type="password"], .adminForms .span6 select, .adminForms .span6 textarea { min-width: inherit; width: 100%; box-sizing: border-box; height: auto; }
body #searchByProductHolder input[type="text"], body #searchByProductHolder textarea, #searchByProductHolder select { min-width: inherit; width: 100% !important; box-sizing: border-box; height: auto; line-height: 20px; }
body #searchByDocTypeHolder input[type="text"], body #searchByDocTypeHolder textarea, body #searchByDocTypeHolder select { min-width: inherit; width: 100% !important; box-sizing: border-box; height: auto; line-height: 20px; }
#coolMenu > li > a.chev { padding: 0px 8px 10px; margin: 0px; }
.footer-1 nav ul { text-align: left; }
.adminLeft::after, body .admin-modules.signin .signinDIV .signinLeft::after { content: ''; display: block; clear: both; }
body .admin-modules.signin .signinDIV, body .admin-modules.signin .signupDIV { padding: 17px; width: 100%; box-sizing: border-box; }
body .admin-modules.signin .signinDIV .signinLeft { width: 45%; margin-right: 5%; padding-right: 4%; }
body .admin-modules.signin .signinDIV .signinRight { width: 45%; }
body .press .press-details .date { width: 100px; }
body .press .press-details .title { float: none; margin-left: 100px; width: initial; letter-spacing: 0.4px;}
body .press .press-details .sub-title { float: none; margin-left: 100px; width: initial; letter-spacing: 0.4px; margin-top:10px;}
body .crew-2 .photo-wrapper { width: 100%; }
body .rightNavFrontEnd.blogRightNav { width: initial; }
body .blogRightNav .rightlinks { width: 270px; }
body .pagination-plain { height: auto; }
body .topSearch input { box-sizing: border-box; height: 34px !important; }
body .support-tickets-divider { text-align: center; position: relative; }
body .support-tickets-divider h5 { display: inline-block; background: white; padding: 0 10px; }
body .support-tickets-divider::after { content: ''; display: block; border-bottom: 3px solid #30a530; margin-top: -30px; margin-bottom: 30px; }

.column {
	position: relative;
	display: inline-block;
}
.v-mid {
	vertical-align:middle;
}
.size12of12 {
	width: 100%;
  width:calc(100%*12/12 - .01px);
}

nav.slide-menu-right li { clear:both;}
#back-to-top {/*background:#38b857;*/ padding:10px 0px; border-radius:6px; width:25%; text-align:left;}
#back-to-top a{ color:#d8ead8; text-decoration:underline; font-size:12px;}
#back-to-top span{ color:#30a530;}
.products-detail .products-feat {margin-bottom:50px;}
.products-detail .products-feat li {line-height:28px;}
.products-detail .novoconnect {margin-left:28px; border:1px solid #d5d5d5;}
.products-detail .novoconnect h2 {font-size:40px; margin-left:30px;}
.products-detail .novoconnect p {font-size:20px; margin:25px 0 25px 30px; line-height:28px;}
.products-detail .novoconnect .box1 .video {margin-left:30px;}
.products-detail .novoconnect .box3 h2 {font-size:40px; margin:40px 0 25px 30px;}
.products-detail .novoconnect .box3 .btn-group {margin-left:25px; text-align:left;}
.products-detail .novoconnect .box3 .btn-group .btn:first-child {margin-right:10px;}
.products-detail .novoconnect .box4 {margin:40px 0 25px 0;}
.products-detail .novoconnect .box4 p {font-size:20px; line-height:32px; margin:0 0 10px;}

.novoconnect {margin-left:28px; border:1px solid #d5d5d5;}
.novoconnect h2 {font-size:40px; margin-left:30px; font-weight:normal;}
.novoconnect .txt {font-size:14px; margin:25px 0 25px 30px; line-height:28px; font-weight:normal;}
.novoconnect .box1 .video {margin-left:30px;}
.novoconnect .box3 h2 {font-size:40px; margin:40px 0 25px 30px; font-weight:lighter;}
.novoconnect .box3 .btn-group {margin-left:25px; text-align:left;}
.novoconnect .box3 .btn-group .btn:first-child {margin-right:10px;}
.novoconnect .box4 {margin:40px 0 25px 0;}
.novoconnect .box4 .txt {font-size:20px; line-height:32px; margin:0 0 10px; font-weight:normal;}

.BlockSlider {width:100%; padding:40px 0 0 0;}
.BlockSlider .novoconnect {/*width:1160px; margin-left:0;*/ width:780px; margin:0 190px; min-height:930px;}
.BlockSlider .novoconnect h4 {margin-left:60px; font-weight:lighter;}
.BlockSlider .novoconnect h4 span {font-weight:bold;}
.BlockSlider .novoconnect .box1 {/*width:25%;*/ width:40%;margin-top:15px; }
.BlockSlider .novoconnect .box2 {/*width:65%;*/ width:55%;padding:30px 0 15px 0; margin-left:0;}
.BlockSlider .novoconnect .box2 h2 {font-size:22px; }
.BlockSlider .novoconnect .box3 {/*margin-top:30px;*/  margin:0 30px; }
.BlockSlider .novoconnect .box4 {margin-top:20px;/* margin-bottom:50px; */width:50%; float:right;}
.BlockSlider .novoconnect .box5 {width:230px;}
.BlockSlider .novoconnect .box5 h2 {font-size:22px; line-height:30px; font-weight:normal;}
.BlockSlider .novoconnect .box6 {width:300px; margin-left:10px }
.BlockSlider .novoconnect .box6 .btn-group {margin:20px 0 0 5px; text-align:left;}
.BlockSlider .novoconnect .box6 .btn-group .btn:first-child {margin-right:10px;}
.BlockSlider .novoconnect .box7 {width:200px;font-size:14px; line-height:18px; margin-bottom:30px; letter-spacing: 0.4px;}


.BlockSlider .novopro {/*width:1160px; margin-left:0; */width:780px; margin:0 190px; border:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; min-height:1050px;}
.BlockSlider .novopro h4 {margin-left:60px; font-weight:lighter; letter-spacing: 0.4px;}
.BlockSlider .novopro h4 span {font-weight:bold;}
.BlockSlider .novopro h2 {font-size:22px; margin-left:30px; font-weight:normal; letter-spacing: 0.4px;}
.BlockSlider .novopro .txt {font-size:14px; margin:25px 0 25px 30px; line-height:28px; font-weight:normal; color:#333333;}
.BlockSlider .novopro .box1 {margin-top:15px; /*width:25%;*/ width:40%;}
.BlockSlider .novopro .box1 .video {margin-left:30px;}
.BlockSlider .novopro .box2 {/*width:65%;*/ width:55%; padding:30px 0 15px 0; margin-left:0;}
.BlockSlider .novopro .box3 {/*width:50%;margin-top:0; */ margin:0 30px;}
.BlockSlider .novopro .box3 h2 {/*font-size:40px;*/ font-size:30px; margin:40px 0 25px 30px; font-weight:normal;}
.BlockSlider .novopro .box4 {/*margin-top:50px;*/ width:50%; float:right; padding-left:40px;}
.BlockSlider .novopro .box5 {/*width:350px;*/width:230px;}
.BlockSlider .novopro .box5 h2 {font-size:22px; line-height:30px; font-weight:normal;letter-spacing: 0.4px;}
.BlockSlider .novopro .box6 {/*width:300px;*/width:230px;} 
.BlockSlider .novopro .box6 .btn-group {margin:20px 0 0 50px; text-align:left;}
.BlockSlider .novopro .box6 .btn-group .btn:first-child {margin-right:10px;}
.BlockSlider .novopro .box7 {/*width:300px;*/width:230px;font-size:14px; line-height:18px; margin-bottom:30px; letter-spacing: 0.4px;letter-spacing: 0.4px;} 



.BlockSlider .novods {/*width:1160px; margin-left:0;*/ width:780px; margin:0 190px; border:1px solid #d5d5d5;}
.BlockSlider .novods h6 {margin-left:60px; font-weight:lighter;}
.BlockSlider .novods h4 {margin-left:60px; font-weight:lighter;}
.BlockSlider .novods h4 span {font-weight:bold;}
.BlockSlider .novods h2 {font-size:22px; margin-left:30px; font-weight:normal;}
.BlockSlider .novods .txt {font-size:14px; margin:25px 0 25px 30px; line-height:28px; font-weight:normal; color:#333333;}
.BlockSlider .novods .box1 {width:40%;}
.BlockSlider .novods .box2 {width:55%;margin-top:10px; margin-left:0;}
.BlockSlider .novods .box3 {/*width:50%;*/ margin:0 30px;}
.BlockSlider .novods .box4 {margin-top:10px;width:50%; float:right;}
.BlockSlider .novods .box4 .btn-group {margin-left:25px; text-align:left;}
.BlockSlider .novods .box4 .btn-group .btn:first-child {margin-right:10px;}
.BlockSlider .novods .box5, 
.BlockSlider .novods .box6, 
.BlockSlider .novods .box7 {width:30%;}
.BlockSlider .novods .box6, 
.BlockSlider .novods .box7 {margin-left:0;}
.BlockSlider .novods .box5 .video, 
.BlockSlider .novods .box6 .video, 
.BlockSlider .novods .box7 .video {margin:30px 0 30px 30px;}
.BlockSlider .novods .box5 img {width:100%;}
.BlockSlider .novods .box8 {margin-bottom:30px;}
.BlockSlider .novods .box8 .btn-group {margin:20px 0 0 25px; text-align:left;}
.BlockSlider .novods .box8 .btn-group .btn:first-child {margin-right:10px;}



/*29-Sep-2015*/
.workshipBlock1{  width:100%; padding:20px 0; margin-top:-40px; }
.workshipBlock1 h3{ color:#30a530; /*font-size:52px;*/ line-height:52px; font-weight:normal; letter-spacing: 0.4px;}
.workshipBlock1 .banner{ text-align:center; margin:20px 0; }
.workshipBlock1 .whtext{ margin-top:-20px; float:right; color:#ffffff; width: 286px;margin-right: 100px;}
.workshipBlock1 .aboutus {width:535px; font-size:14px; margin-right:20px; letter-spacing: 0.4px; line-height:20px;}
.workshipBlock1 .bg{ background: url(../_medialibrary/6af489b3-04cb-4d7c-862d-a5a18780ad59/Vivitek_AboutUs_mainbanner_new01.jpg) no-repeat 50% 50%; background-size:cover; padding: 80px 0 40px; text-align: left; min-height:710px; margin-top:20px;}
.workshipBlock2{  width:100%; padding:40px 0;  }
.workshipBlock2 .ico1{ float:left; width:300px; margin-right: 39px; margin-left: 100px;}
.workshipBlock2 .ico2{ float:left; width:300px; margin-right: 39px;}
.workshipBlock2 .ico3{ float:left; width:260px; }
.workshipBlock2 .ico img{ margin-bottom:20px;}
.workshipBlock2 .ico .cnt{ border-right: 1px solid #dbe3e5;   float: left;   padding-right: 39px;   width: 260px;}
.workshipBlock2 .ico3 .cnt{ border:none; padding:0;}
.workshipBlock2 .ico .heading{color:#30a530; font-size:18px; line-height:24px; font-weight:normal; margin:0px 0 5px; float:left; width:100%; letter-spacing: 0.4px;}
.workshipBlock2 .ico .txt{color:#333333; font-size:14px; line-height:18px; font-weight:normal; margin:0; float:left; width:100%; letter-spacing: 0.4px;}
.workshipBlock2 .ico .plink{color:#30a530; font-size:14px; line-height:20px; font-weight:normal; margin:10px 0 15px; float:left; width:100%; text-decoration:underline;}
.workshipBlock2 .ico .bhead{color:#3c4247; font-size:18px; line-height:26px; font-weight:600; margin:0; float:left; width:100%;}
.workshipBlock2 .ico .txtSmall{color:#333333; font-size:15px; line-height:22px; font-weight:lighter; margin:0 0 15px; float:left; width:100%;}

.workshipBlock3{  width:100%; padding:80px 0;  }
.workshipBlock3 h4{ color:#30a530; font-size:36px; line-height:40px; font-weight:lighter; text-align:center; padding: 0 15%;  width:70%;}
.workshipBlock3 .txt{color:#333333; font-size:18px; line-height:24px; font-weight:normal; margin:0; float:left; width:75%; padding: 0 15%;  text-align: center;}
.workshipBlock3 .carousel{ margin:50px 0; float:left; width:70%; padding: 0 15%;}
.workshipBlock3 .carousel .carouselLeft{ float:left; width:520px; margin-right:35px; }
.workshipBlock3 .carousel .carouselLeft .cricle{ float:left; }
.workshipBlock3 .carousel .carouselLeft .plus{ float:left; margin:100px 30px 0; }
.workshipBlock3 .carousel .carouselRight{ float:left; width:260px;  }
.workshipBlock3 .carousel .carouselRight .heading{color:#30a530; font-size:18px; line-height:26px; font-weight:600; margin:0px 0 5px; float:left; width:100%;}
.workshipBlock3 .carousel .carouselRight .txt{color:#333333; font-size:18px; line-height:24px; font-weight:normal; margin:0; float:left; width:100%; text-align: left; padding:0;}
.workshipBlock3 .carouselDivider{ float:left; width:70%; padding: 0 15%; color:#333333; font-size:18px; line-height:24px; font-weight:normal; background:url(../images/worship/worshipCenterDivider.jpg) no-repeat center center; text-align:center; }
.workshipBlock3 .carouselBtns{  float:left; width:70%; padding: 0 15%;}
.workshipBlock3 .carouselBtns ul{ margin:10px 0 0 45%; padding:0;}
.workshipBlock3 .carouselBtns ul li{ list-style:none; background:#30a530; height: 20px; width: 20px; border-radius:10px; float:left; margin:0 2px; cursor:pointer;}
.workshipBlock3.dual-lamp .heading{color:#30a530; font-size:18px; line-height:26px; font-weight:600; margin:0 0 5px; width:100%; text-align:center;padding-top:20px; clear:both;}
.workshipBlock3.dual-lamp .img{ text-align:center; margin:5px 0 20px 0;}
.workshipBlock3.edge-blending .heading{color:#30a530; font-size:18px; line-height:26px; font-weight:600; margin:0 0 5px; width:100%; text-align:center;padding-top:20px; clear:both;}
.workshipBlock3.edge-blending .img{ text-align:center; margin:5px 0 20px 0;}

.workshipBlock4{  width:100%; padding:80px 0;  }
.workshipBlock4 .block4Cnt{ float:left; width:74%; padding:0 13%;}
.workshipBlock4 .block4Cnt .car{ float:left; margin-right:40px;  margin-top: 30px;}
.workshipBlock4 .block4Cnt .rightTxt{ float:left; width:580px;}
.workshipBlock4 .block4Cnt .rightTxt .heading{color:#30a530; font-size:26px; line-height:32px; font-weight:normal; margin:0px 0 5px; float:left; width:100%; letter-spacing: 0.4px;}
.workshipBlock4 .block4Cnt .rightTxt .txt{color:#333333; font-size:14px; line-height:18px; font-weight:normal; margin:0 0 5px; float:left; width:100%; text-align: left; padding:0; letter-spacing: 0.4px;}
.workshipBlock4 .block4Cnt .rightTxt .profLink{color:#30a530; font-size:18px; line-height:24px; font-weight:600; margin:0px 0 5px; float:left;  text-decoration:none;}
.workshipBlock4 .block4Cnt .rightTxt .profLink img{float: right;    margin: 3px 0 0 7px;}

.workshipBlock5{  width:100%; padding:45px 0; background:#30a530;  }
.workshipBlock5 h3{ color:#fff; font-size:32px; line-height:40px; font-weight:normal; margin:0 0 50px;}
.workshipBlock5 .leftCnt{ float:left; width:480px; margin-right:35px; }
.workshipBlock5 .rightCnt{ float:left; width:300px;   }
.workshipBlock5 .rightCnt .txt{ color:#fff; font-size:16px; line-height:22px; font-weight:normal; margin:15px 0 25px; float:left; width:100%; text-align: left; padding:0;letter-spacing: 0.4px;}
.workshipBlock5.byod .leftCnt {text-align:right;}


.workshipBlock6{  width:100%; padding:80px 0;  }
.workshipBlock6 .block6Cnt{ float:left; width:74%; padding:0 13%;}
.workshipBlock6 .block6Cnt .cart{ float:left; margin-right:40px; margin-top: 35px;}
.workshipBlock6 .block6Cnt .rightTxt{ float:left; width:580px;}
.workshipBlock6 .block6Cnt .rightTxt .heading{color:#30a530; font-size:26px; line-height:32px; font-weight:normal; margin:0px 0 20px; float:left; width:100%;}
.workshipBlock6 .block6Cnt .rightTxt .links{ float:left; width:50%; margin-bottom:15px;}
.workshipBlock6 .block6Cnt .rightTxt .links a{ color:#3c4247; font-size:18px; line-height:24px; font-weight:600; margin:0px 0 0px; float:left;  text-decoration:none;}
.workshipBlock6 .block6Cnt .rightTxt .links .txt{ color:#333333; font-size:15px; line-height:22px; font-weight:normal; margin:0 0 5px; float:left; width:100%; text-align: left; padding:0;}


/* QUMI 3 Blocks */
.qumiQ3-block-1 {margin-top:40px;}
.qumiQ3-block-1 .span9 { position:absolute; margin-left:15%; margin-top:5%;}
.qumiQ3-block-1 .text { font-family:'Proxima Nova', "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff; font-weight: lighter; font-size:32px; line-height:normal; }


.qumiQ3-block-2 {}
.qumiQ3-block-2 .text { font-family:'Proxima Nova', "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff; font-weight: lighter; line-height:normal; }
.qumiQ3-block-2 .top { position:absolute; float:none; width:100%; text-align:center; top:3%;}
.qumiQ3-block-2 .top .text{font-size:32px; color:#4a4a4a; }
.qumiQ3-block-2 .bottom { position:absolute; float:none; width:100%; text-align:center; bottom:8%;font-size:24px; }



.qumiQ3-block-3 {}
.qumiQ3-block-3 .span3 {position:absolute; width:310px; margin-left:10%; margin-top:15%;}
.qumiQ3-block-3 .head { font-family:'Proxima Nova', "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff; font-weight: lighter; line-height:normal; font-size:32px; color:#4a4a4a; margin-bottom:12px;}
.qumiQ3-block-3 .text { font-family:'Proxima Nova', "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff; font-weight: lighter; line-height:normal; font-size:16px; color:#4a4a4a; }



.qumiQ3-block-4 { border-bottom:1px solid #d1d1d1;}
.qumiQ3-block-4 .span9 { width:100%; text-align:center; margin-top:85px; margin-bottom:120px;}
.qumiQ3-block-4 .text { font-family:'Proxima Nova', "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff; font-weight: lighter; line-height:normal; font-size:32px; color:#4a4a4a; margin-bottom:80px; }



.qumiQ3-block-5 { border-bottom:1px solid #d1d1d1;}
.qumiQ3-block-5 .span9 { width:100%; text-align:center; margin-top:82px; margin-bottom:47px;}
.qumiQ3-block-5 .text { font-family:'Proxima Nova', "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff; font-weight: lighter; line-height:normal; font-size:32px; color:#4a4a4a; margin-bottom:80px; }


.qumiQ3-block-6 {}
.qumiQ3-block-6 .span9 { width:100%; text-align:center; margin-top:98px;}
.qumiQ3-block-6 .text { font-family:'Proxima Nova', "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff; font-weight: lighter; line-height:normal; font-size:32px; color:#4a4a4a; margin-bottom:30px; }
.qumiQ3-block-6 .text2 { font-family:'Proxima Nova', "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff; font-weight: lighter; line-height:normal; font-size:32px; color:#4a4a4a; margin-bottom:30px; margin-top:112px; }



.rightnav-main h2{ 
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 3px 7px;
	border-bottom: 1px solid #e3e3e3;
        width: 160px;
}

right-list-main {
margin: 17px 0 20px 9px!important;
}

.right-list {
margin: 15px 7px 0!important;
}

.right-list li a {
	color: #30a530!important;
	font-size: 11px;
	float: left;
	width: 157px;
	padding: 0 5px 0 0;
	background: url(../images/arrow-02.gif) no-repeat 150px center;
}

.right-list li a:hover {/*, .right-list li .selected*/
	color: #333333!important;
	/*background:url(../images/over-bullet.png) no-repeat 145px center;*/
	background: url(../images/arrow-02_o.gif) no-repeat 150px center;
	text-decoration:none;
}
.footer-1 nav ul li a:hover, .footer-1 nav h6 a:hover , .footer-1 a:hover { color:#30a530;}
.footer-aboutus {float:left; width:450px;}
.footer-aboutus .span3 {width:400px;}
.socialDiv {float:left;}
.solution-head {font-size:8vmin; font-weight:lighter; color:#1aa12b; line-height:12vmin; text-align:center; letter-spacing: 0.4px;}
.workshipBlock1 h3.solution-sub {font-size:30px; font-weight:normal; color:#333333; text-align:center;}
.lens-cal {width:1100px; height:900px; border:none;}
.lens-cal-product {width:100%;height:885px;}
.question-box {cursor:help; border-radius:100%; background:red; color:#fff;box-shadow: 0 0 0 1px #ccc; width:20px; height:20px;padding: 2px 7px;}
.question-box:hover {background:#fff; color:red;}
.fL {float:left;}
.fR {float:right;}
.cart-Ltb {width:50%;}
.cart-Rtb {width:50%;}
.cart-btn input.fR {margin-left:5px;}
.cart-top-section {margin-bottom:50px;}
.cart-top-section .cart-btn {width:330px; float:right;}
.cart-detail-section {}
.cart-bottom-section {border: 1px solid #dddddd;  margin:0;}
.cart-bottom-section .cart-Ltb {padding:25px;}
.cart-bottom-section .cart-Rtb {border-left: 1px solid #dddddd; /*border-bottom: 1px solid #dddddd;*/padding:25px;}
input.coupon-input {box-shadow: 0 2px 6px #dddddd inset; border:solid 1px #cccccc !important;width: 270px !important;}
input.discount {border:1px solid #333333; width:185px;}
input.discount:hover {border:1px solid #30A530;}
.cc-excepted {padding:25px 30px;}
.cc-excepted  .fa-2 {font-size:2em;}
.fa-cc-amex {color:#002663;}
.fa-cc-visa {color:#1A1F71;}
.fa-cc-mastercard {color:#CC0000;}
.fa-cc-discover {color:#588CA7;}
.fa-cc-paypal {color:#003087;}
.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn .eC_ItemDescription {width:300px;}
.eC_ShoppingCart tr.productTR td.eC_PriceItem:last-child {text-align:right;}
.eC_Checkpoint_DeepJungle_Arial .eC_OrderSummary td.eC_SummaryLabel {width:100%;}
.eC_SummaryLabel2 {width:25%; text-align:right;}
.adminForms .span6 input[type="text"]#forgetemail {width:80%;}
.guest-box {border-left:1px solid #d8d8d8; padding-left:30px; margin-bottom:30px;}
.eC_PurchaserInfoWrapper .span4:first-child {margin-left:0;} 
.page-content h6, .page-content .h6,
.eC_Checkpoint_DeepJungle_Arial, .eC_Checkpoint_DeepJungle_Arial table {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.warranty-table tr td{ padding:10px;}

/*----- Shopping cart Breadcrumb -----*/
.cart-breadcrumb {
	/*centering*/
	display: inline-block;
	/*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);*/
	border:1px solid #dddddd;
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
	margin-bottom:30px;
}

.cart-breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.cart-breadcrumb a:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.cart-breadcrumb a:first-child:before {
	left: 14px;
}
.cart-breadcrumb a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.cart-breadcrumb a.active, .cart-breadcrumb a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.cart-breadcrumb a.active:after, .cart-breadcrumb a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.cart-breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		1px -1px 0 1px rgba(0, 0, 0, 0.15);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.cart-breadcrumb a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.cart-breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
	color:black;
	text-align:center;
}


.flat a, .flat a:after {
	background: white;
	color: black;
	transition: all 0.5s;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}
.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
	background: #30A530; /*9EEB62*/
	color: white;
}


/* -----  Category Landing Styles  ----- */
@font-face {
    font-family: 'proxima_nova_ththin';
    src: url('../fonts/proxima-nova-thin-webfont.eot');
    src: url('../fonts/proxima-nova-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima-nova-thin-webfont.woff2') format('woff2'),
         url('../fonts/proxima-nova-thin-webfont.woff') format('woff'),
         url('../fonts/proxima-nova-thin-webfont.ttf') format('truetype'),
         url('../fonts/proxima-nova-thin-webfont.svg#proxima_nova_ththin') format('svg');
    font-weight: normal;
    font-style: normal;

}
.cb {clear:both;}
.cat-box-1 .med_size6of12{ display:inline-block; float:left;}
.cat-banner img{ max-width:100%; width:100%; }

.action-box { background:#42b85a; font-family:'Proxima Nova',"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; font-size:24px;padding:34px 0;  }
.action-box .container {text-align:center; color:#ffffff;}
.action-box .btn.btn-primary.green {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #ffffff;
	text-transform:uppercase;
	margin-left:50px;
	padding:14px 46px;
	font-family:'Proxima Nova',"Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight:bold;
	font-size:14px;
	letter-spacing:1px;
	background:#42b85a;
}
.action-box .btn.btn-primary.green:hover,
.action-box .btn.btn-primary.green:focus {background:#ffffff; color:#42b85a;}

.cat-box-2 {margin-top:-54px; padding-top:104px; font-family:'Proxima Nova',"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100;}
.cat-box-2 h6 {text-align:center; margin:104px 0 40px 0; color:#2d2d2d;}
.cat-box-2 .span4:first-child {margin-left:100px;}
.cat-box-2 .span4:nth-child(2),
.cat-box-2 .span4:nth-child(3) {margin-left:0;}
.cat-box-2 .span4.icon { text-align:center; width:310px; min-height:115px;border-right:1px solid #000000;}
.cat-box-2 .span4:nth-child(3).icon {border-right:none;}
.cat-box-2 .cat-feature-img {margin:60px 0 37px 0; text-align:center;}
.cat-feature-img-mobile {display:none;}
.cat-box-2 .cat-tab-head { font-family:'proxima_nova_ththin',"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:89px; color:#3c3c3c; line-height:normal;}
.cat-box-2 .cat-tab-title  {margin-top:30px; font-size:18px;}
.cat-box-2 .cat-tab-title a {color:#7f8c8d;}

.cat-box-3 {margin:120px 0 57px 0;}
.cat-box-3 h3 {text-align:center; margin:60px 0 25px 0; color:#656565; font-weight:lighter; font-size:48px;}
.cat-table-feature {background:#f2f2f2; max-width:1046px;padding:22px; margin:0 auto;}
.cat-table-feature table {width:100%;font-family:'Proxima Nova',"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100;}
.cat-table-feature td { padding:18px 0; color:#656565; font-size:20px;}
.cat-table-feature .btn.btn-primary.green {background:#42b85a !important; padding:12px 38px; text-transform:uppercase; letter-spacing:1px;}
.cat-table-feature .btn.btn-primary.green:hover,
.cat-table-feature .btn.btn-primary.green:focus {background:#333333 !important; }
.cat-table-feature.no-mobile {display:block;}
.cat-table-feature.mobile {display:none;}
.family-name { font-weight:800; font-size:18px; text-transform:uppercase; text-align:center;}
.family-img { height:120px;vertical-align:middle; display:inline-block; text-align:center;}
.family-img img {}

.cat-box-4 {}

.cat-box-5 {margin:100px 0 50px;}
.cat-box-5 h3 {text-align:center; margin:0 0 60px 0; color:#656565; font-weight:lighter;}
.cat-box-5 .span6.feature {width:482px; text-align:center; margin-left:66px; margin-bottom:72px; color:#656565; line-height:30px;}
/*.cat-box-5 .span6.feature img {border:1px solid #dcdcdc;}*/
.cat-box-5 .span6.right {text-align:right;}
.cat-box-5 .cat-feature-title {font-weight:bold; font-size:18px; text-transform:uppercase; color:#2d2d2d; line-height:25px; letter-spacing:2px; margin:42px 0 16px 0;}

.cat-banner-tablet {display:none;}
.cat-banner-mobile {display:none;}



/*----- Responsive fixed -----*/

@media only screen and (max-width: 1215px) {
	.selectorHolder .selectorOuter .filter-options section {width:218px;}
	.selectorHolder .selectorOuter .filter-options section hgroup {width:198px;}
	.selectorHolder .selectorOuter .filter-options section label {width:200px; overflow:visible;}
	.projects-1 .projects .project-wrapper.last {margin-right:20px;}
}

@media only screen and (max-width: 1199px) {
	.cat-box-2 .span4:first-child {margin-left:0;}
	.cat-box-5 .span6.feature {width:45%; margin-left:5%;}
	.cat-box-5 .span6.right,
	.cat-box-5 .span6.left {width:45%; margin-left:5%;}
}

@media only screen and (max-width: 1024px) {
	.row {margin:0;}
	.productdetailintro .span6 {margin-left:0;}
	.productdetailintro .span6:nth-child(2) {margin-left: 50px; width: 45%;}
	.products-detail .span4 {width:100%;}
	.products-detail .novoconnect {width:100%; margin-left:0;}
	.products-detail .novoconnect .box1 {width:460px;}
	.products-detail .novoconnect .box2 {width:300px;}
	.products-detail .novoconnect .box3 {width:460px;}
	.products-detail .novoconnect .box4 {width:400px;}
	.products-detail .span5 {width:340px;}
	.span12, .span11 {margin-left:0;}
	.workshipBlock2 .ico1, .ico2.ico, .ico3.ico { width: 265px; display: inline-block; float: none; padding: 0 12px; margin: 0 10px; min-height: 380px !important;}
	.rightNavFrontEnd .span2.offset1 { width:100%; margin-left:80px;}
	.selectorHolder .selectorOuter .filter-options section {width:218px;}
	.selectorHolder .selectorOuter .filter-options section hgroup {width:198px;}
	.workshipBlock3.short-throw .carousel .carouselLeft {width:100%; text-align:center; margin:0;}
	.workshipBlock3.short-throw .carousel .carouselRight {width:100%;}
	.workshipBlock3.short-throw .carousel .carouselRight .heading{ margin:20px 0 5px; text-align:center;}
	.workshipBlock3.anamorphic-lens .carousel .carouselLeft {width:100%; text-align:center; margin:0;}
	.workshipBlock3.anamorphic-lens .carousel .carouselRight {width:100%;}
	.workshipBlock3.anamorphic-lens .carousel .carouselRight .heading{ margin:20px 0 5px; text-align:center;}
	.workshipBlock3.brilliantcolor .carousel .carouselLeft {width:100%; text-align:center; margin:0;}
	.workshipBlock3.brilliantcolor h4 {font-size: 30px; padding: 0; width: 100%;}
	.workshipBlock3.edge-blending h4 {font-size: 30px; padding: 0; width: 100%;}
	.workshipBlock3.brilliantcolor .carousel .carouselRight {width:100%;}
	.workshipBlock3.brilliantcolor .carousel .carouselRight .heading{ margin:20px 0 5px; text-align:center;}
	.workshipBlock3.short-throw .carousel,
	.workshipBlock3.anamorphic-lens .carousel,
	.workshipBlock3.brilliantcolor .carousel,
	.workshipBlock3.dual-lamp .carousel,
	.workshipBlock3.edge-blending .carousel { padding:0; width:100%;}
	.workshipBlock3.short-throw .txt,
	.workshipBlock3.anamorphic-lens .txt,
	.workshipBlock3.brilliantcolor .txt,
	.workshipBlock3.dual-lamp .txt,
	.workshipBlock3.edge-blending .txt{ padding:0; width:100%;}
	.workshipBlock4 .block4Cnt .rightTxt .heading { margin:20px 0 5px;}
	.workshipBlock5.byod .leftCnt {text-align: center; width: 100%;}
	.workshipBlock5.byod .rightCnt {width: 100%;}
	.BlockSlider .novopro,
	.BlockSlider .novoconnect,
	.BlockSlider .novods {width: 780px; margin: 0 75px;}
	.BlockSlider .novopro .box1 {width:300px;}
	.BlockSlider .novopro .box2 {width:55%;}
	.BlockSlider .novopro .box5 {width:25%; margin-bottom:30px;}
	.BlockSlider .novopro .box6 {width:30%; margin-top:0;}
	.BlockSlider .novopro .box6 img {/*margin:0 0 0 20px !important;*/}
	.BlockSlider .novoconnect .box1 {width:300px;}
	.BlockSlider .novoconnect .box2 {width:55%;}
	.BlockSlider .novoconnect .box5 {width:25%; margin-bottom:30px;}
	.BlockSlider .novoconnect .box6 {width:40%; margin-top:0;}
	.BlockSlider .novoconnect .box6 img {/*margin:0 0 0 20px !important;*/}
	.BlockSlider .novods .box1 {width:300px;}
	.BlockSlider .novods .box2 {width:55%;}
	.BlockSlider .novods .box8 .btn-group {margin-top:0;}
	.footer-aboutus {width: 100%; margin-bottom: 50px;}
	.footer-aboutus .span3 {width: 45%;}
	.lens-cal {width:100%; height:1500px;}
	.lens-cal-product {height:400px;}
	.tech-tablet:first-child {left:0!Important;; width: 100%!Important;; text-align: center; margin-bottom: 50px;}
	.tech-tablet:nth-child(2) {right: 0 !Important; width: 100%;!Important}
	.cart-top-section .span6 {margin-left:0;}
	input.coupon-input, input.discount {margin-bottom:20px;}
	input.discount {width:auto;}
	.projects-1 .projects .project-wrapper.last {margin-right:20px;}
	.qumiQ3-block-1 .span9 {margin-left:5%;}
	.qumiQ3-block-1 .text {font-size:28px;}
	.qumiQ3-block-2bg {margin-top:80px;}
	.qumiQ3-block-2 .bottom {bottom:5%;}
	.qumiQ3-block-3 .span3 { width:33%; margin-left: 0; margin-top: 10%;}
	.qumiQ3-block-3bg {margin-top:50px;}
	.action-box .container {padding:0;}
	.action-box .span12 {padding:34px 0;}
	.cat-table-feature .btn.btn-primary.green {padding-left:0; padding-right:0; width:150px;}
	.cat-table-feature.no-mobile {display:none;}
    .cat-table-feature.mobile {display:block;}
	
}

@media only screen and (max-width: 995px) {
	.selectorHolder .selectorOuter .filter-options section.clearResults {width:164px;}
	.selectorHolder .selectorOuter .filter-options section {width:164px;}
	.selectorHolder .selectorOuter .filter-options section hgroup {width: 145px;}
	.selectorHolder .selectorOuter .filter-options section label {width:150px;}
}

@media only screen and (max-width: 979px) {
	nav.menu { background:#333333;}
	.floatingmenuFire { color:#30a530/*#00AEEF*/;}
	nav.slide-menu-right button.close-menu {background:#30a530/*#00AEEF*/;}
	.products-detail .novoconnect .box1 {width:400px;}
	.products-detail .novoconnect .box2 {width:228px;}
	.products-detail .novoconnect .box4 {width:228px;}
	.workshipBlock2 .ico1, .ico2.ico, .ico3.ico { width: 193px;}
	.workshipBlock2 .ico .cnt {width:100%;}
	.rightNavFrontEnd .span2.offset1 {margin-left:20px;}
	nav h6 {display:block; text-align:left;}
	
	.action-box .btn.btn-primary.green {margin-left:20px;}
	.cat-box-2 .span4.icon {width:33%;}
	.cat-box-2 .span4.icon img {width:80%;}
	.cat-box-5 .span6.feature {height:auto;}
}

@media only screen and (max-width: 783px) {
	.selectorHolder .selectorOuter .filter-options section.clearResults {width:100%;}
	.selectorHolder .selectorOuter .filter-options section {width:49.6%;}
	.selectorHolder .selectorOuter .filter-options section hgroup {width: 94.6%;}
	.selectorHolder .selectorOuter .filter-options section label {width:100%;}
}

@media (max-width: 979px) and (min-width: 768px) {
    .projects-1 .projects .project, .projects-1 .projects .photo-wrapper {width: 200px; }
}

 @media (min-width: 768px) {
.column {
	padding:0 12px;
}
.med_size1of12 {
	width: 8.33333%;
    width:calc(100%*1/12 - .01px);
}
.med_size2of12 {
	width: 16.66667%;
    width:calc(100%*2/12 - .01px);
}
.med_size3of12 {
	width: 25%;
    width:calc(100%*3/12 - .01px);
}
.med_size4of12 {
	width: 33.33333%;
    width:calc(100%*4/12 - .01px);
}
.med_size5of12 {
	width: 41.66667%;
    width:calc(100%*5/12 - .01px);
}
.med_size6of12 {
	width: 50%;
    width:calc(100%*6/12 - .01px);
}
.med_size7of12 {
	width: 58.33333%;
    width:calc(100%*7/12 - .01px);
}
.med_size8of12 {
	width: 66.66667%;
    width:calc(100%*8/12 - .01px);
}
.med_size9of12 {
	width: 75%;
    width:calc(100%*9/12 - .01px);
}
.med_size10of12 {
	width: 83.33333%;
    width:calc(100%*10/12 - .01px);
}
.med_size11of12 {
	width: 91.66667%;
    width:calc(100%*11/12 - .01px);
}
.med_size12of12 {
	width: 100%;
    width:calc(100%*12/12 - .01px);
}
.med_prefix0of12 {
	margin-left: 0;
    margin-left:calc(100%*0/12);
}
.med_suffix0of12 {
	margin-right: 0;
    margin-right:calc(100%*0/12);
}
.med_prefix1of12 {
	margin-left: 8.33333%;
    margin-left:calc(100%*1/12);
}
.med_suffix1of12 {
	margin-right: 8.33333%;
    margin-right:calc(100%*1/12);
}
.med_prefix2of12 {
	margin-left: 16.66667%;
    margin-left:calc(100%*2/12);
}
.med_suffix2of12 {
	margin-right: 16.66667%;
    margin-right:calc(100%*2/12);
}
.med_prefix3of12 {
	margin-left: 25%;
    margin-left:calc(100%*3/12);
}
.med_suffix3of12 {
	margin-right: 25%;
    margin-right:calc(100%*3/12);
}
.med_prefix4of12 {
	margin-left: 33.33333%;
    margin-left:calc(100%*4/12);
}
.med_suffix4of12 {
	margin-right: 33.33333%;
    margin-right:calc(100%*4/12);
}
.med_prefix5of12 {
	margin-left: 41.66667%;
    margin-left:calc(100%*5/12);
}
.med_suffix5of12 {
	margin-right: 41.66667%;
    margin-right:calc(100%*5/12);
}
.med_prefix6of12 {
	margin-left: 50%;
    margin-left:calc(100%*6/12);
}
.med_suffix6of12 {
	margin-right: 50%;
    margin-right:calc(100%*6/12);
}
.med_prefix7of12 {
	margin-left: 58.33333%;
    margin-left:calc(100%*7/12);
}
.med_suffix7of12 {
	margin-right: 58.33333%;
    margin-right:calc(100%*7/12);
}
.med_prefix8of12 {
	margin-left: 66.66667%;
    margin-left:calc(100%*8/12);
}
.med_suffix8of12 {
	margin-right: 66.66667%;
    margin-right:calc(100%*8/12);
}
.med_prefix9of12 {
	margin-left: 75%;
    margin-left:calc(100%*9/12);
}
.med_suffix9of12 {
	margin-right: 75%;
    margin-right:calc(100%*9/12);
}
.med_prefix10of12 {
	margin-left: 83.33333%;
    margin-left:calc(100%*10/12);
}
.med_suffix10of12 {
	margin-right: 83.33333%;
    margin-right:calc(100%*10/12);
}
.med_prefix11of12 {
	margin-left: 91.66667%;
    margin-left:calc(100%*11/12);
}
.med_suffix11of12 {
	margin-right: 91.66667%;
    margin-right:calc(100%*11/12);
}
.med_prefix12of12 {
	margin-left: 100%;
    margin-left:calc(100%*12/12);
}
.med_suffix12of12 {
	margin-right: 100%;
    margin-right:calc(100%*12/12);
}
.med_push0of12 {
	left: 0;
    left:calc(100%*0/12);
}
.med_pull0of12 {
	right: 0;
    right:calc(100%*0/12);
}
.med_push1of12 {
	left: 8.33333%;
    left:calc(100%*1/12);
}
.med_pull1of12 {
	right: 8.33333%;
    right:calc(100%*1/12);
}
.med_push2of12 {
	left: 16.66667%;
    left:calc(100%*2/12);
}
.med_pull2of12 {
	right: 16.66667%;
    right:calc(100%*2/12);
}
.med_push3of12 {
	left: 25%;
    left:calc(100%*3/12);
}
.med_pull3of12 {
	right: 25%;
    right:calc(100%*3/12);
}
.med_push4of12 {
	left: 33.33333%;
    left:calc(100%*4/12);
}
.med_pull4of12 {
	right: 33.33333%;
    right:calc(100%*4/12);
}
.med_push5of12 {
	left: 41.66667%;
    left:calc(100%*5/12);
}
.med_pull5of12 {
	right: 41.66667%;
    right:calc(100%*5/12);
}
.med_push6of12 {
	left: 50%;
    left:calc(100%*6/12);
}
.med_pull6of12 {
	right: 50%;
    right:calc(100%*6/12);
}
.med_push7of12 {
	left: 58.33333%;
    left:calc(100%*7/12);
}
.med_pull7of12 {
	right: 58.33333%;
    right:calc(100%*7/12);
}
.med_push8of12 {
	left: 66.66667%;
    left:calc(100%*8/12);
}
.med_pull8of12 {
	right: 66.66667%;
    right:calc(100%*8/12);
}
.med_push9of12 {
	left: 75%;
    left:calc(100%*9/12);
}
.med_pull9of12 {
	right: 75%;
    right:calc(100%*9/12);
}
.med_push10of12 {
	left: 83.33333%;
    left:calc(100%*10/12);
}
.med_pull10of12 {
	right: 83.33333%;
    right:calc(100%*10/12);
}
.med_push11of12 {
	left: 91.66667%;
    left:calc(100%*11/12);
}
.med_pull11of12 {
	right: 91.66667%;
    right:calc(100%*11/12);
}
.med_push12of12 {
	left: 100%;
    left:calc(100%*12/12);
}
.med_pull12of12 {
	right: 100%;
    right:calc(100%*12/12);
}
.productdetailintro .span6:nth-child(2) {margin-left: 30px;}
}

/* iPad mini Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
  and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.selectorHolder .selectorOuter .filter-options section {width:164px;}
	.selectorHolder .selectorOuter .filter-options section hgroup {width:144px;}
	.selectorHolder .selectorOuter .filter-options section label {width:150px;}
	.projects-1 .projects .project, .projects-1 .projects .photo-wrapper {width:200px;}

}
 
@media only screen and (max-width: 768px) {
	.leftPselectorSubCate {width:100%;}
	/*.flex-direction-nav .flex-prev {left:50px!important;}
	.flex-direction-nav .flex-next {right:50px!important;}*/
	.BlockSlider .novopro,
	.BlockSlider .novoconnect,
	.BlockSlider .novods {width:714px; margin:0;}
	.BlockSlider .novopro .box1,
	.BlockSlider .novoconnect .box1 {margin-top:46px;}
	.BlockSlider .novopro .box2,
	.BlockSlider .novoconnect .box2,
	.BlockSlider .novods .box2 {width:300px;}
	.BlockSlider .novopro .box5,
	.BlockSlider .novoconnect .box5 {width:30%;}
	.BlockSlider .novopro .box6 {width:40%;}
	.BlockSlider .novopro .box6 .btn-group {margin-left:70px;}
	.BlockSlider .novopro .box7,
	.BlockSlider .novoconnect .box7 {width:90%; margin-top:30px;}
	.BlockSlider .novopro .box7 .btn-group,
	.BlockSlider .novoconnect .box7 .btn-group,
	.BlockSlider .novods .box6 .btn-group {margin-bottom:30px;}
	.lens-cal {height:1800px;}
	.cart-bottom-section .cart-button input{ width:47.45555%; margin-bottom:15px;}
	.cart-bottom-section .cart-button input:nth-child(2) {margin-left:12px;}
	.cart-bottom-section .cart-button input:nth-child(3) {width:100%;}
	.qumiQ3-block-1 .text {font-size:22px;}
	
	.cat-banner {display:none;}
	.cat-banner-tablet {display:block;}
	.cat-box-2 {margin-top:0; padding-top:50px;}
	.cat-box-2 .span4.icon {float:left;}
}

@media only screen and (max-width: 767px) {
	.cat-box-5 .span6.feature {float:left;}
	.cat-box-5 .span6.right, 
	.cat-box-5 .span6.left {float:left;}
}

@media only screen and (max-width: 736px) {
	.products-detail .novoconnect .box1,
	.products-detail .novoconnect .box3,
	.products-detail .novoconnect .box4 {width:100%;}
	.products-detail .novoconnect .box1 .video {width:352px;margin:0 auto;}
	.products-detail .novoconnect .box2 {width: 352px; margin: 50px auto;}
	.products-detail .novoconnect .box3 h2{margin-left:150px;}
	.products-detail .novoconnect .box3 .btn-group {width:100%;text-align:center; margin-left:0;}
	.products-detail .novoconnect .box4 p {padding:25px 20px;}
	.productdetailintro .span6:nth-child(2) {margin-left:0; width:100%}
	.products-detail .productContentBlockOuter .span5 {width:100%;}
	.products-detail .productContentBlockOuter .span2 {text-align:center;}
	.workshipBlock2 .ico1, .ico2.ico, .ico3.ico { width: 183px;}
	.projects-1 .projects .project-wrapper:first-child {margin-top:80px;}
	.projects-1 .projects {width:100%;}
	.BlockSlider .novopro,
	.BlockSlider .novoconnect,
	.BlockSlider .novods {width:100%;}
	.BlockSlider .novopro h4,
	.BlockSlider .novoconnect h4,
	.BlockSlider .novods h4 {width: 70%; text-align: center; margin: 0 auto;}
	.BlockSlider .novods h6 {width: 70%; text-align: center; margin: 0 auto;}
	.BlockSlider .novopro .box1,
	.BlockSlider .novoconnect .box1,
	.BlockSlider .novods .box1 {width:270px;margin:46px auto 0;}
	.BlockSlider .novopro h2,
	.BlockSlider .novods h2 {margin-left:0;}
	.BlockSlider .novopro .box2,
	.BlockSlider .novoconnect .box2,
	.BlockSlider .novods .box2 {width: 80%; text-align: center; margin: 0 auto;}
	.BlockSlider .novods .box2 {padding:30px 0 15px 0;}
	.BlockSlider .novopro .box3,
	.BlockSlider .novoconnect .box3,
	.BlockSlider .novods .box3 {width: 90%;  margin: 0 auto;}
	.BlockSlider .novopro .txt,
	.BlockSlider .novoconnect .txt,
	.BlockSlider .novods .txt { margin-left:0;}
	.BlockSlider .novopro .box5 h2,
	.BlockSlider .novoconnect .box5 h2 {font-size:30px;}
	.BlockSlider .novopro .box5, 
	.BlockSlider .novoconnect .box5 {width:90%;  margin: 30px auto; text-align:center;}
	.BlockSlider .novopro .box6,
	.BlockSlider .novoconnect .box6,
	.BlockSlider .novods .box5,
	.BlockSlider .novods .box6,
	.BlockSlider .novods .box7 {width:50%;  margin: 0 auto; padding:30px 0;}
	.BlockSlider .novods .box5 .video,
	.BlockSlider .novods .box6 .video,
	.BlockSlider .novods .box7 .video {margin-left:0;}
	.BlockSlider .novopro .box6 img,
	.BlockSlider .novoconnect .box6 img {margin-left:0 !important;}
	.BlockSlider .novopro .box7,
	.BlockSlider .novoconnect .box7 {width:80%;margin: 0 auto 30px auto;}
	.BlockSlider .novopro .box6 .btn-group {margin-left:105px;}
	.BlockSlider .novoconnect .box6 .btn-group {margin-left:28px;}
	.BlockSlider .novopro .box7 .btn-group, 
	.BlockSlider .novoconnect .box7 .btn-group,
	.BlockSlider .novods .box6 .btn-group {margin-left:0;}
	.BlockSlider .novods .box8 .btn-group {margin-left:275px;}
	.med_img { text-align:center; margin-bottom:20px;}
	.home-block-11 .med_img {margin-bottom:100px;}
	.footer-1 nav .span2 {height:350px;}
	.footer-1 nav .span2:nth-child(4) {margin-left:0;}
	.solution-head {font-size:12vmin; }
    .workshipBlock1 h3.solution-sub {font-size:6vmin; line-height:32px;}
	.lens-cal {height:1800px;}
	.lens-cal-product {height:1700px;}
	.cart-top-section .span6 {width:50%; float:left;}
	.cart-bottom-section .cart-button input:nth-child(2) {margin-left:10px;}
	input.coupon-input {margin-top:0;}
	.guest-box {border-left:0;padding-left:0;border-top:1px solid #d8d8d8;}
	.qumiQ3-block-3 .span3 { width:35%;}
	.qumiQ3-block-3bg { margin-top:70px;}
}

@media only screen and (max-width: 728px) {
	.action-box .btn.btn-primary.green {font-size:12px;margin-left:0;}
}

@media only screen and (max-width: 700px) {
	.action-box .btn.btn-primary.green {margin-top:20px;}
}

@media screen and (max-width: 600px) {

    table.eC_ShoppingCart thead {
      display: none;
    }

    table.eC_ShoppingCart tr {
      margin-bottom: 10px;
      display: block;
      /*border-bottom: 2px solid #ddd;*/
    }

    table.eC_ShoppingCart td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc !important;
    }

    table.eC_ShoppingCart td:last-child {
      border-bottom: 0 !important;
    }

    table.eC_ShoppingCart td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
	/*table.eC_ShoppingCart td.eC_GroupColumn:before,
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn .eC_ItemName,
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn .eC_ItemDescription {
	  width	:100%;
	}*/
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn .eC_ProductThumb {
		width:100%;
		height:100%;
	}
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn {
		min-height:495px;
	}
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn.summary {min-height:150px; height:auto;}
	.eC_Checkpoint_DeepJungle_Arial td.summary:after {clear:both;}
	.eC_ShoppingCart tr.productTR td.eC_PriceItem,
    .eC_ShoppingCart tr.productTR td.eC_FormItem {text-align:right;}
  }

@media only screen and (max-width: 667px) {
    .BlockSlider .novopro .box6 .btn-group {margin-left:90px;}
	.BlockSlider .novoconnect .box6 .btn-group {margin-left:10px;}
	.BlockSlider .novods .box8 .btn-group {margin-left:240px;}
	.lens-cal {height:1800px;}
	.cart-top-section .span6 {width:30%;}
	.cart-top-section .cart-btn {width:70%;}
	table.eC_ShoppingCart td:before:first-child,
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn .eC_ProductThumb,
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn .eC_ItemDescription { float:none;}
	.eC_ShoppingCart tr.productTR:last-child td {border-bottom:1px solid #ccc;}
	.cart-Ltb, .cart-Rtb {width:85%;float:left;}
	.cart-bottom-section .cart-Rtb {border:0;}
	
}

@media only screen and (max-width: 568px) {
    .workshipBlock1 .aboutus {width:80%; margin:0; padding:20px; }
	.workshipBlock1 .bg {padding-top:40px;}
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn .eC_ItemName,
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn .eC_ItemDescription {width:100%;}
	.selectorHolder .selectorOuter .filter-options section.clearResults {width:100%;}
	.selectorHolder .selectorOuter .filter-options section {width:49.5%;}
	.selectorHolder .selectorOuter .filter-options section hgroup {width: 94.5%;}
	.selectorHolder .selectorOuter .filter-options section label {width:100%;}
	.qumiQ3-block-2 .top {position:relative;}
	.qumiQ3-block-2bg { margin-top:0; }
	.qumiQ3-block-2 .bottom { bottom: -3%;}
	.qumiQ3-block-3 { margin-top:50px;border-bottom: 1px solid #d1d1d1;}
	.qumiQ3-block-3 .span3 {width:100%; position:relative;}
	.qumiQ3-block-3bg { margin-top: 0;}
}

@media (min-width:480px) {
	.eC_ShoppingCart th, .eC_ShoppingCart td {display: table-cell;}
	.cat-box-1 .med_size6of12 {width: 50%;width: calc(100%*6/12 - .01px);}
}

@media only screen and (max-width: 480px) {
    html, body {width: auto !important; overflow-x: hidden !important;}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background:#38b857; border-color:#38b857;}
	
	.products-detail .novoconnect .box1 .video {width:90%;}
	.products-detail .novoconnect .box2 {width:100%;}
	.products-detail .novoconnect .box3 h2{margin-left:30px;}
	.products-detail .span5 {width:100%;}
    .productdetailbanner {margin-top:0;}
    .workshipBlock2 .ico1, .ico2.ico, .ico3.ico { width: 90%; min-height:100% !important; margin-bottom:40px;border: none !important;}
	.workshipBlock1 .whtext { margin-right:10%}
	.workshipBlock6.wheretobuy .block6Cnt .rightTxt {width:100%;}
	.workshipBlock6.wheretobuy .block6Cnt .rightTxt .links {width:100%;}
	.BlockSlider .novopro h4, 
	.BlockSlider .novoconnect h4, 
	.BlockSlider .novods h4 {width:90%;}
	.BlockSlider .novopro .box4,
	.BlockSlider .novoconnect .box4,
	.BlockSlider .novods .box4 {width:80%; margin:0 auto; float:none;}
	.BlockSlider .novopro .box6, 
	.BlockSlider .novoconnect .box6, 
	.BlockSlider .novods .box5, 
	.BlockSlider .novods .box6, 
	.BlockSlider .novods .box7 {width:80%;}
	.BlockSlider .novopro .box6 .btn-group {margin-left:70px;}
	.BlockSlider .novods .box5 .video, 
	.BlockSlider .novods .box6 .video, 
	.BlockSlider .novods .box7 .video {margin:0;}
	.BlockSlider .novoconnect .box6 .btn-group {margin-left:0;}
	.BlockSlider .novods .box8 .btn-group {margin-left:30px;}
	.workshipBlock1 .aboutus {background: rgba(0,0,0,0.5); width: 85%;float: none;}
	.workshipBlock1 .bg {padding-top:0; height:900px;}
	.footer-aboutus .span3 {width: 100%;}
	.footer-1 nav .span2:nth-child(3), .footer-1 nav .span2:nth-child(5) {margin-left:0;}
	.footer-1 nav .span2:nth-child(3), .footer-1 nav .span2:nth-child(4) {height:250px;}
	.footer-1 nav .span2:nth-child(4) {margin-left:6%;}
	.banner {min-height:100%;}
	.productListControlsMain .showingWhat.highlight.no-480px,
	.productListControlsMain .pagers.no-480px {display:none;}
	.lens-cal {height:1900px;}
	.cart-top-section .span6 {width:100%;}
	.cart-top-section .cart-btn {margin-top:20px;}
	.cart-btn input.fR {margin-left:0;float:none;}
	.cart-top-section .cart-btn input{ width:47.8%; margin-bottom:15px;}
	.cart-top-section .cart-btn input:nth-child(2) {margin-left:12px;}
	.cart-top-section .cart-btn input:nth-child(3) {width:100%;}
	.cart-breadcrumb a {width:100%;}
	.cart-breadcrumb a:first-child:before {left:30px;}
	.cart-breadcrumb a:first-child {padding-left:60px;}
	.projects-1 .projects .project-wrapper,
	.projects-1 .projects .project {width:177px;}
	.projects-1 .projects .photo-wrapper {width:177px;height:177px;}
	.project-wrapper .newBand {margin-left:117px;}
	.projects-1 .projects .project-wrapper {margin-right:10px;}
	.selectorHolder .selectorOuter .filter-options section {width: 99.4%;}
	.selectorHolder .selectorOuter .filter-options section hgroup {width: 95%;}
	
	.cat-box-2 .span4.icon {width:100%; border-right:none; border-bottom:1px solid #000000; padding:30px 0;float:none;}
	.cat-box-2 .span4:nth-child(3).icon {border-bottom:none;}
	.cat-box-2 .cat-tab-head.mobile {font-size:15vw;}
	.action-box .span12 {font-size:20px;}
	.cat-box-5 .span6.feature {width:100%; margin-left:0; float:none;}
	.cat-box-5 .span6.right, .cat-box-5 .span6.left {float:none; width:100%; margin-left:0; text-align:center; margin-bottom:20px; }
	.cat-banner-tablet {display:none;}
    .cat-banner-mobile {display:block;}
	.cat-table-feature td {font-size:14px;}
	.cat-feature-img {display:none;}
    .cat-feature-img-mobile {display:block; margin-bottom:30px;}
}

@media only screen and (max-width: 414px) {
	.workshipBlock4 .block4Cnt .rightTxt {width:100%;}
	.projects-1 .projects .project-wrapper,
	.projects-1 .projects .project {width:177px;}
	.projects-1 .projects .photo-wrapper {width:177px;height:177px;}
	.project-wrapper .newBand {margin-left:117px;}
	.projects-1 .projects .project-wrapper,
	.projects-1 .projects .project-wrapper.last {margin-right:10px;}
	.selectorHolder .selectorOuter .filter-options section {width: 99.4%;}
	.selectorHolder .selectorOuter .filter-options section hgroup {width: 95%;}
}

@media only screen and (max-width: 375px) {
	.projects-1 .projects .project-wrapper,
	.projects-1 .projects .project {width:157px;}
	.projects-1 .projects .photo-wrapper {width:157px;height:157px;}
	.project-wrapper .newBand {margin-left:97px;}
	.cart-top-section .cart-btn input {width:47.7%;}
	
	.action-box .span12 {font-size:14px;}
	.cat-table-feature .btn.btn-primary.green { width:110px; font-size:12px;}
}

@media (min-width:360px) {
	.cat-box-1 .med_size6of12 {width: 50%;width: calc(100%*6/12 - .01px);}
}

@media only screen and (max-width: 360px) {
	.projects-1 .projects .project-wrapper,
	.projects-1 .projects .project {width:150px;}
	.projects-1 .projects .photo-wrapper {width:150px;height:150px;}
	.project-wrapper .newBand {margin-left:90px;}
	.cart-top-section .cart-btn input {width: 47.5%;}
}


@media only screen and (max-width: 320px) {
	.products-detail .novoconnect .box1 p {margin:0; padding:25px 30px;}
	.products-detail .novoconnect .box3 .btn-group .btn {display:block; width:80%; margin:0 auto;}
	.products-detail .novoconnect .box3 .btn-group .btn:first-child {margin-bottom:20px; margin-right:auto;}
	.products-detail .novoconnect h2, .products-detail .novoconnect .box3 h2 {font-size:36px;}
	.BlockSlider .novoconnect h2 { margin-left:0;}
	.BlockSlider .novopro .box6, 
	.BlockSlider .novoconnect .box6, 
	.BlockSlider .novods .box5 {width:80%;}
	.BlockSlider .novopro .box7 .btn-group .btn:first-child {width:220px; float:left; margin:0 20px;}
	.BlockSlider .novopro .box7 .btn-group .btn:nth-child(2) {width:220px; float:left; margin:20px;}
	.BlockSlider .novoconnect .box7 .btn-group .btn:first-child {width:220px; float:left; margin:0 20px;}
	.BlockSlider .novoconnect .box7 .btn-group .btn:nth-child(2) {width:220px; float:left; margin:20px;}
	.BlockSlider .novods .box6 .btn-group .btn:first-child {width:220px; float:left; margin:0 20px;}
	.BlockSlider .novods .box6 .btn-group .btn:nth-child(2) {width:220px; float:left; margin:20px;}
	.cart-Ltb, .cart-Rtb {width:80%;}
	input.coupon-input {width:100% !important;}
	.cart-top-section .cart-btn input {width:47%;}
	.eC_Checkpoint_DeepJungle_Arial td.eC_GroupColumn {min-height: 395px;}
	.cart-bottom-section .cart-button input {width:46.7%;}
	.cart-confrim-button input {width:100%; margin-bottom:20px;}
	.projects-1 .projects .project-wrapper,
	.projects-1 .projects .project {width:100%;}
	.projects-1 .projects .project-wrapper:first-child,
	.projects-1 .projects .project-wrapper + .project-wrapper {margin-top: 20px; margin-bottom: 0;padding: 40px 0; border: 1px solid #ccc;}
	.projects-1 .projects .photo-wrapper {width:200px; height:200px; margin:0 auto; float:none;}
	.projects-1 .projects .info {width:200px; margin:10px auto 0;}
	.project-wrapper .newBand {margin-left:180px;}
	.projects-1 .projects label {float:none;}
	.qumiQ3-block-2 .bottom { bottom: -8%;}
	.qumiQ3-block-3 { margin-top: 100px;}

}

.eC_Checkpoint_DeepJungle_Arial .eC_ShoppingCart th{ border-bottom:1px solid #dddddd!important; border-top:1px solid #dddddd!important;}
.eC_ShoppingCart tr.productTR:last-child td{ border-bottom: none;}
.eC_Checkpoint_DeepJungle_Arial .eC_SummaryFooter td{ border-top:1px solid #dddddd!important;}
.eC_Checkpoint_DeepJungle_Arial .eC_CartSummary{ border-top:1px solid #999999!important; border-bottom:1px solid #999999!important;}

.itemspec ul{ margin:5px 0; padding:0 0 0 15px; list-style:initial;}
.itemspec ul li{  }

.eC_Checkpoint_DeepJungle_Arial .eC_SummaryFooter{
	font-weight:bold;
	border-bottom: 1px solid #dddddd!important;
}

.topNav.sticky li.parent{ margin-top:0;}
.topNav.sticky > #coolMenu > li.parent > a{ padding-top:16px !important;}
#coolMenu > li:nth-child(7) > ul.noJS{ margin-left:-75px;}
.topNav.sticky > #coolMenu > li:nth-child(7) > ul.noJS{ margin-left:0px;}