body,html{margin:0;width:100%;height:100%;-webkit-transition:opacity 400ms;-moz-transition:opacity 400ms;-o-transition:opacity 400ms;transition:opacity 400ms}
@media (max-width: 991px){
body,html{overflow:visible}
}
body{color:#91c15b; background:#8ec15c}
.container{max-width:1200px;padding-left:25px;padding-right:25px;margin:0 auto}
#btracker{ background-color:#fff; height:87px; }
.main{display:block;height:100%;padding-bottom:100px; /*padding-top: 87px;*/}
@media (max-height: 768px) and (max-width: 991px){
.watch-section
.watch-inner{padding-bottom:90px}
.circle-block .col-md-6{
width:100%;
}
}
.call-frompriceres {
margin-left:22%;
padding-left:25px;
padding-right:25px;
padding-top:23px;
padding-bottom:23px;
border-radius:44px
}
@media (min-width: 991px){
.fastcompanylogo {
margin-top:10px;
margin-left:28px;
}
.forbeslogo{
margin-top:8px;
margin-left:59px
}
.tnmlogo {
margin-left:-11px
}
.wasshingtonlogo{
margin-top:15px;
margin-left:-8px;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.fastcompanylogo {
margin-top:10px;
margin-left:1px;
}
.forbeslogo{
margin-top:8px;
margin-left:2px
}
.tnmlogo {
margin-left:-11px
}
.wasshingtonlogo{
margin-top:15px;
margin-left:-8px;
}
}
@media (min-width: 991px){
.featuredinmouse{
height:132px;
}
}
.entrep {
color:#FFF;
font-size:21px;
float:left;
text-align:left;
}
.onepage-wrapper{width:100%;height:100%;display:block;position:relative;padding:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}
.onepage-wrapper
.ops-section{width:100%;height:100%;position:relative}
.disabled-onepage-scroll,
.disabled-onepage-scroll
.wrapper{overflow:visible}
.disabled-onepage-scroll
.onepage-wrapper
.ops-section{position:relative !important;top:auto !important}
.disabled-onepage-scroll
.onepage-wrapper{-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;transform:none !important;min-height:100%}
.disabled-onepage-scroll
.onepage-pagination{display:none}body
.disabled-onepage-scroll,
.disabled-onepage-scroll
.onepage-wrapper,html{position:inherit}
.watch-section header{font-family:"Avenir Heavy",sans-serif;text-align:center}
.watch-section h2{font-size:60px;margin-bottom:70px;margin-top:0}
@media (max-height: 768px){
.watch-section h2{margin-bottom:40px}
}
@media (max-height: 600px){
.watch-section h2{margin-bottom:20px}
}
.watch-section h3{font-size:36px;margin-bottom:50px}
@media (max-height: 768px){
.watch-section h3{margin-bottom:40px}
}
@media (max-height: 600px){
.watch-section h3{margin-bottom:10px}
}
@media (max-width: 991px){
.watch-section{padding-top:40px;padding-bottom:100px}
}
.watch-header{position:fixed;width:100%;top:50px;left:0;z-index:1}
@media (max-width: 480px){
.watch-header{top:1em}
}
.watch-header .container{overflow:hidden;max-width:none;width:auto;padding:0 50px}
@media (max-width: 480px){
.watch-header
.container{padding:0 1em}
}
.watch-header
.logo,
.watch-header
.info{display:block}
.watch-header
.logo{float:left;background-color:#fff}
.watch-header
.info{float:right;background-color:transparent;border:none}
.watch-info{background-color:#ff6400;color:#fff;width:430px;height:100%;max-width:100%;position:fixed;top:0;bottom:0;right:-450px;padding:140px 55px 0;z-index:4}
img{
max-width:100%;
}
h2{
font-weight:bold;
}
.page1 .watch-inner{
padding:10px 0 20px 0;
font-size:20px;
position: relative;
border-bottom: 63px solid #8ec15c;
}
.responsive-video{
text-align:center;
}
#video_optica {
width: 100% !important;
height: 100% !important; }
.logo-block{ color:#8fc25c; font-family:'bariolregular', Arial, Helvetica, sans-serif; font-size:41px; margin: 60px 0 0 0;}
/*.logo-block strong{ color:#8fc25c; font-family:'bariolbold', Arial, Helvetica, sans-serif; font-size:41px; }*/
.logo-block strong {
color: #8EC347;
font-family: 'bariolbold', Arial, Helvetica, sans-serif;
font-size: 48px;
}
#typed-cursor{
color:#8EC347!important;
}
#randomcontent{
color: #666!important;
font-size: 48px;
line-height: 1;
}
.pointing-girl{ margin-top:19px; margin-bottom: 80px;}
.watch-inner .container{
padding-bottom: 120px;
position:relative;
}
.Quote-Text{ text-align:center; color:#8ec15c;; font-family:'bariolregular', Arial, Helvetica, sans-serif; font-size:30px; line-height:20px;position:relative;/*right:-24px;*/}
.Quote-Text h3{ text-align:center; color:#8ec15c;; font-family:'bariolbold', Arial, Helvetica, sans-serif; font-size:39px; }
.Quote-button{ margin-top:30px; }
.green-block{
/* background:#8ec15c;*/
background:#fff;
padding:20px 0;
color:#fff;
}
.popup-block{
position:absolute;
right: 24px;
color:#666;
border:1px solid #a1a89b;
border-bottom:none;
font-size: 18px;
text-align:center;
-webkit-box-shadow:0px -23px 72px 13px #b0d38f;
box-shadow:0px -23px 72px 13px #b0d38f;
background:url(../images/green-transparent.jpg) repeat center top;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
z-index: 12;
bottom:-82px;
}
#popup-inner-block, #popup-inner-block-2, #popup-inner-block-4, #popup-inner-block-5, #popup-inner-block-6{
padding:20px 35px;
}
#popup-inner-block-3{
width: 320px;
padding-bottom:5px;
}
#popup-inner-block-3 input{
border:none;
border-bottom:1px solid #ccc;
/*padding: 24px;*/
padding: 0 15px ;
height: 60px;
font-size: 18px;
}
.popup-block-lang {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url(../images/language-bg.jpg) repeat-y #fff;
border-color: #a1a89b;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
bottom: -20px;
box-shadow: 0 -23px 72px 13px #b0d38f;
color: #666;
font-size: 18px;
height: 229px;
position: absolute;
right: -88px;
text-align: center;
width: 200px;
}
.popup-block-lang ul li.active{
background-color:#e2efd5;
}
.lang-ul{
width: 100%;
padding: 0px;
list-style: none outside none;
}
.lang-ul li{
border-bottom: 1px solid #ccc;
font-size: 18px;
padding: 4px 0 6px 50px;
text-align: left;
cursor: pointer;
}
.flg-arrow{
background:url(../images/arrowright.png) no-repeat;
background: url("../images/arrowright.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
width: 16px;
height: 16px;
margin: 12px 0 0 0;
cursor: pointer;
}
.lang-ul li img{
width: 24px;
margin-right: 15px;
}
.popup-block p{
margin:0px;
}
.england{
background-image:url("../images/us.png");
background-position:12px 6px;
background-repeat:no-repeat;
}
.germany{
background-image: url("../images/germany.png");
background-position:12px 6px;
background-repeat:no-repeat;}
.spain{
background-image: url("../images/spain.png");
background-position:12px 6px;
background-repeat:no-repeat;}
.france{
background-image: url("../images/france.png");
background-position:12px 6px;
background-repeat:no-repeat;}
.russia{
background-image: url("../images/russia.png");
background-position:12px 6px;
background-repeat:no-repeat;}
.japan{
background-image: url("../images/japan.png");
background-position:12px 6px;
background-repeat:no-repeat;}
/*.lang-ul li:hover{
background: #E4EFD9;
}*/
.red{
color:#bc0000;
}
.green{
color:#8fc25c;
}
.sarah-img-cont-1, .sarah-img-cont-2, .sarah-img-cont-3{
border: 0px solid #8ec347;
border-radius: 50%;
float: left;
position: relative;
margin-right: 100px;
}
.pointing-girl img{
transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
-moz-transition: all .4s ease;
}
.sarah-image{
float: right;
margin: 0px 7px 0px 0px;
cursor: pointer;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
-moz-transition: all 1s ease;
animation: 2s linear 0s normal none infinite play-pulse;
}
/*.sarah-image:hover{
opacity: 0.35;
}*/
.click-here{
border:2px solid #81b757;
background:#fff;
margin: 5px 35px;
border-radius:30px;
padding:5px 15px;
cursor: pointer;
}
.fbsign-in a, .signinfacebook, .invite-bt, .enter a{
cursor: pointer;
}
.click-here a{
color:#8ec15c;
}
.sign-in{
border:2px solid #81b757;
background:#fff;
margin: 5px 60px;
border-radius:30px;
padding:5px 15px 7px;
cursor: pointer;
}
.return{
background: none repeat scroll 0 0 #fff;
border: 2px solid #81b757;
border-radius: 30px;
cursor: pointer;
margin: 30px 128px 0 !important;
padding: 5px 10px;
width: 203px;
}
.sign-in img.click-icon{
padding: 0 0 4px 4px;
}
.sign-in a{
color:#8ec15c;
}
.enter{
border:2px solid #81b757;
background:#fff;
margin: 15px 100px 0px;
border-radius:30px;
padding:5px 15px;
}
.enter a{
color:#8ec15c;
}
.page2 .green-block{
text-align:center;
font-size:18px;
}
.featured-in{
/*background:#fff;*/
background:#8ec15c;
padding:8px 0;
}
.featured-in h3{
float:left;
color:#8ec15c;
}
.featured-in ul li{
display: inline-block;
padding: 30px 15px;
text-align: center;
}
.circle-block .container{
padding-top:50px;
padding-bottom:50px;
}
.circle-block ul{
margin:0px;
padding:0px;
}
.circle-block ul li{
list-style:none;
}
.circle-block h3{
color:#8dc15c;
font-size: 26px;
margin-top:0px;
font-family:'bariolbold', Arial, Helvetica, sans-serif;
}
.circle-block p{
font-size:14px;
}
.circle-inn{
margin-bottom:25px;
}
.text-circle{
color:#848484;
margin-top:4%;
font-size: 18px;
}
.text-circle p{
margin-top:5px;
font-size:18px;
}
.circle{
background:#8ec15c;
width:225px;
height:225px;
padding:2px;
}
.circle-first .text-circle{
padding-left:36px;
}
.circle-second .text-circle{
padding-right:32px;
}
.img-circle{
width:190px;
height:190px;
transition: all 2s ease;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
-moz-transition: all 2s ease;
}
.usr-inpt-cht-bt{
background: url("../images/arrowright.png") no-repeat scroll 0 0 transparent;
border: medium none;
position: absolute;
right: 55px;
text-indent: -785px;
top: 22px;
outline:none;
}
.sarah_widget{
background: #ffffff url(images/sarah-face.png) center no-repeat;
background-size: 60px;
height: 100px;
width: 100px;
border-radius: 50%;
border: 10px solid #8EC347;
margin: auto;
}
.img-circle div{
background-size:187px;height:187px;width:187px;float:left;
transition: all 2s ease;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
-moz-transition: all 2s ease;
}
@media (max-width: 1199px) {
.img-circle{
width:157px;
height:157px;
transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
}
.text-circle{
transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
-moz-transition: all 1s ease;
}
.img-circle div{
background-size:154px;height:154px;width:154px;float:left;
}
.footer-wrapper .bottom-paragraph{
font-size:14px;
}
}
.circle-first{
width:100%;
}
.floatLeft{
float:left;
}
.visibility{
visibility: hidden;
}
.classfirst{
margin: 0 0 0 330px;
position: absolute;
}
.classsecond{
margin: 0 0 0 -329px;
}
.floatright{
float: right;
position: absolute;
right: 0;
transition: all .7s ease;
-webkit-transition: all .2s ease;
-o-transition: all .7s ease;
-moz-transition: all .7s ease;
}
.circle-second{
}
.circle-second .text-circle{
text-align:right;
}
.text-circle p{
}
.featured-in ul{
/*
margin:0 0 25px 0;
padding:0px;
float:left;*/
margin: 0;
padding: 0;
}
div.responsive-video{
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
background:#8ec15c;
}
.client-block{
}
.clients-wrapper li{
padding-top:15px!important;
padding-bottom:15px!important;
}
.client-blockv{
height:1px;
/* background:#9c9c9c;*/
}
.footer-top{
font-size: 18px;
color: #bbb;
}
.bottom-block{
margin:0px 0px 45px 0px;
font-size:18px;
color:#848484;
}
.bottom-block h2{
color:#8dc15c;
font-size: 30px;
font-family:'bariolbold', Arial, Helvetica, sans-serif;
}
.footer{
}
.footer-fixed {
background-color: rgba(142, 193, 92, 0.90);
position: fixed;
color:#FFFFFF;
/*bottom: -90px;*/
left: 0;
right: 0;
width: 100%;
height: 100px;
z-index:20000;
text-align: center;
font-size: 1.5em;
font-family: 'bariolregular';
opacity: 1;
height: 90px;
max-height: 90px;
}
.footer-fixed .footer-fixed-title {
display: block;
position: relative;
top: 6px;
text-align: left;
}
.footer-fixed form {
display: block;
position: relative;
top: 10px;
}
.input-group-btn{
top: 0px;
}
.footer a{
}
.thanks-msg{
text-align: left;
position: relative;
top: 5px;
margin-bottom: 8px;
}
#captcha-error{
width: 10%;
float: left;
font-size: 17px;
margin-left: 50px;
margin-top: 9px;
display:none;
}
.fixed-form-wrapper a:link{
color:#fff;
text-decoration:none;
}
.fixed-form-wrapper a:visited{
color:#fff;
text-decoration:none;
}
.fixed-form-wrapper a:active{
color:#eee;
text-decoration:none;
}
.fixed-form-wrapper a:hover{
color:#eee;
text-decoration:none;
}
@media(max-width:992px){
.fixed-form-wrapper{
padding-left:0;
padding-right:0;
}
.fixed-form-wrapper .footer-fixed-title{
font-size:19px;
}
}
@media(max-width:720px){
.footer-fixed{display:none;}
}
.client-block h3{
color:#fff;
font-size: 38px;
}
.footer-inner{
margin: auto;
padding:20px 0;
color:#fff;
background:#8ec15c;
}
.footer-top .container{
background:url(../images/baltimore.jpg) no-repeat right top;
}
.bottom-avatar{
position:relative;top:-36px;
}
.footer-icon{
margin:0px;
padding:0px;
}
.floatRight{
float:right;
}
.floatLeft{
float:left;
}
.green-button a{
}
.footer-inner .container{
max-width: 1300px;
width:100%;
}
.logo-page1{
padding: 0 0 10px 0;
}
.Footer-copyright, .Footer-contact{ font-size:13px; }
.footer-icon li{
display:inline-block; margin: 0 8px 0 0;
}
.footer-wrapper{
}
a, a:focus, a:hover{
outline:none;
}
img, img:hover{
border:none;
}
.footer-top1{
/*max-width:72%;
margin:auto;*/
position:relative;
}
.footer-icon li a{
display:inline;
}
ul.footer-menu{ padding:0px; margin:0px; }
ul.footer-menu li{ list-style-type:none; display: inline; padding:0px; margin:0px 10px 0 0; }
ul.footer-menu li a{ text-decoration:none; font-size:16px; color:#fff; font-family: 'bariolregular', Arial, Helvetica, sans-serif; }
ul.footer-menu li a:hover{ text-decoration:none; font-size:16px; color:#333; font-family: 'bariolregular', Arial, Helvetica, sans-serif; }
.social-icon{
background:url(../images/social-icon-single.png) no-repeat;
width:60px;
height:60px;
}
a.social-linkedin{ display:block !important; text-decoration:none; }
a.social-twitter{ display:block !important; text-decoration:none; background-position:50% 0;}
a.social-facebook{ display:block !important; text-decoration:none; background-position:100% 0;}
a.social-linkedin:hover{background-position:left bottom; }
a.social-twitter:hover{background-position:50% bottom;}
a.social-facebook:hover{background-position:100% bottom;}
.vjs-big-play-button{
}
.logo-title{
font-family: 'bariolregular';
text-align: left;
font-size: 30px;
font-weight: normal;
right: 0;
top: -20px;
position: absolute;
}
.btn-small{
font-size: 14px;
padding: 5px 14px;
margin: 5px 0 0 0;
}
/*.responsive-video{
height:auto !important;
}
*/
#shop {
display: none;
width: 75%;
text-align: center;
color: #eee;
z-index: 1;
}
#shop-overlay {
background-color: rgba(255, 255, 255, 0.7);
border-radius: 10px;
height: 483px;
left: 18px;
position: absolute;
top: 59px;
width: 72%;
z-index: 11;
display: none;
}
@media (min-width: 359px) and (max-width: 480px) {
#shop-overlay {
display: none;
height: 766px;
left: 8px;
top: 447px;
width: 72%;
}
#shop .item figure{
height: 111px;
width: 121px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#shop-overlay {
display: none;
height: 718px;
width: 55%;
}
}
#shop .item figure {
width: 132px;
height: 132px;
position: relative;
left: 62%;
margin-left: -100px;
border: 6px solid #555555;
border-radius: 11px;
z-index:10;
}
#shop .item figure i{
font-size: 5.5em;
/*opacity:0.7;*/
}
#shop .item {
width: 25%;
color:#555;
float: left;
padding: 0 0 .5em 0;
overflow: hidden;
}
#shop header {
position: relative;
color: #8EC347;
font-size: 1.6em;
text-align: right;
font-family: 'Bariol Light';
width: 100%;
}
.page4{
position:relative;
}
.page1, .page2, .page3, .page4, .page5, .page7{
background:#fff;
}
.betamore {
height: 135px;
left: 7%;
margin: 0 auto;
max-width: 100%;
position: absolute;
width: 10%;
}
.betamore a img {
position:absolute;
left:0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.betamore a img.top:hover {
opacity:0;
}
#popup-inner-block-3 input.form-control{
}
.click-icon{
padding:0 9px 0 0;
}
.popup-inner-block-4{
}
.popup-white{
color:#82837d;
padding:15px 35px;
font-size: 18px;
text-align:center;
background:#ffffff;
border-radius:20px;
border:1px solid #eee;
margin:7px;
}
.popup-new{
position:absolute;
right: 20px;
bottom: 0px;
width:40%;
background:url(../images/black-bg.png) repeat;
padding:40px;
/* background: none repeat scroll 0 0 #ececec;
bottom: 0;
padding: 40px;
position: absolute;
right: 20px;
width: 40%;*/
}
.round-red{
width:13px;
height:13px;
background:#bc0000;
border:2px solid #fff;
border-radius:50%;
}
#popup-inner-block-4, #popup-inner-block-5, #popup-inner-block-6, #popup-inner-block-2-6, #popup-inner-block-7, #popup-inner-block-8, .thanks-slide{
display:none;
}
/*============ request form widget css ==============*/
.request-form{
/* position:absolute;
right: -80px;
color:#646c5d;
border:1px solid #a1a89b;
border-bottom:none;
font-size: 18px;
bottom: -20px;
text-align:center;
-webkit-box-shadow:0px -23px 72px 13px #b0d38f;
box-shadow:0px -23px 72px 13px #b0d38f;
background:url(../images/requestbg.png) repeat-y top;
width:497px;
height:294px;
z-index: 12;
border-right:0;
*/
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("../images/requestbg2.png") repeat-y scroll center top rgba(0, 0, 0, 0);
border-width: 1px 0 medium 1px;
bottom: -20px;
box-shadow: 0 -16px 72px 13px #b0d38f;
color: #646c5d;
font-size: 18px;
height: 294px;
position: absolute;
right: -80px;
text-align: center;
z-index: 12;
border-left:1px solid #ccc;
}
.thanks-slide {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background:url(../images/green-transparent.jpg) repeat center top;
border-color: #a1a89b #a1a89b -moz-use-text-color;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
bottom: -20px;
box-shadow: 0 -23px 72px 13px #b0d38f;
color: #646c5d;
font-size: 18px;
height: 380px;
position: absolute;
right: -80px;
text-align: center;
width: 497px;
padding: 20px;
z-index: 12;
}
.first-next, .second-previous, .second-next, .done{
cursor: pointer;
}
.request-form h3{
margin:8px 0;
text-transform:uppercase;
}
.submit-bt{
border: 2px solid #81b757;
background: #fff;
margin: 5px 35px;
border-radius: 30px;
padding: 5px 10px;
cursor: pointer;
width: 150px;
margin-left: 170px;
}
.request-form fieldset {
margin-bottom: 10px;
}
.request-form input[type="text"], .request-form input[type="email"]{
width: 220px;
float: left;
border: 1px solid #d9d7d7;
border-radius: 3px;
height: 37px;
font-size: 17px;
padding: 0 15px;
margin:0 8px;
}
.request-form .fb-chat-block{
clear: both;
padding: 10px;
display: block;
float: left;
margin: 0;
}
.request-form fieldset.slider-container {
padding: 10px 45px 20px 45px;
position: relative;
}
.modal-window fieldset.slider-container label{
display: block;
color: #9e9e9e;
font-size: 12px;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
}
.fb-20off2 {
line-height: 20px;
padding: 6px 0 6px 50px;
}
.fb-top-bar2 {
background: url("../images/fb-chat-logo.jpg") no-repeat scroll left center #eaffd4;
}
.modal-window fieldset.slider-container .min{
position: absolute;
left: 0;
top: 28px;
font-size: 13px;
color: #a6a6a6;
}
.ui-slider-horizontal {
height: 9px;
background: #d9d9d9;
}
.ui-slider-range{
width: 50.87040404040404%;
}
.ui-slider .ui-slider-handle{
position: absolute;
z-index: 2;
background: #717171;
height: 19px;
width: auto;
font-size: 12px;
color: #fff;
padding: 0 6px;
min-width: 45px;
text-align: center;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
top: 40px;
cursor: pointer;
outline: none;
font-weight: normal;
border-radius: 0px 0px 3px 3px;
}
ui-slider .ui-slider-handle:after {
content: "";
width: 0;
height: 0;
border: 9px solid transparent;
border-bottom: 9px solid #717171;
position: absolute;
top: -18px;
left: 50%;
margin-left: -9px;
}
.ui-slider-horizontal .ui-slider-range {
top: 31px;
height: 9px;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-widget-header {
background: #90ca73;
color: #ffffff;
font-weight: bold;
}
.modal-window fieldset.slider-container .max{
position: absolute;
right: 0;
top: 28px;
font-size: 13px;
color: #a6a6a6;
}
.submit-bt a {
color: #8ec15c;
}
/*================= end request form widget css=============================*/
@media (max-width:1199px) {
.bottom-avatar{
position:relative;top:10px;
}
}
@media (max-width:1023px){
.footer-top .container {
background:transparent;
}
.bottom-avatar{
display:none;
}
}
@media (max-width: 991px){
.main{padding-bottom:0px;height:auto !important}
.pointing-girl{
margin-top:0px; margin-bottom: 20px;
transition: all 2s ease;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
-moz-transition: all 2s ease;
}
/* div.responsive-video{
margin: 0 auto;
margin-top:15px;
margin-bottom:15px;
}*/
.bottom-block{
margin: 15px 0;
}
}
@media (min-width: 768px) and (max-width: 991px){
.watch-section
.watch-inner{padding-bottom:90px}
.navbar-nav > li > a {
padding: 15px 12px;
}
.circle-block h3{
margin-top: 0px;
font-size: 20px;
}
.circle-first .text-circle {
padding-left: 10px;
padding-right: 0;
}
.circle-second .text-circle{
padding-right:10px;
padding-left: 0;
}
#video_optica{
width:100% !important;;
}
}
@media (max-width: 768px){
.watch-section h2{font-size:50px;margin-bottom:70px}
.watch-section h3{font-size:25px;margin-bottom:50px}
.circle-first .text-circle{
padding:0px;
}
.circle-second .text-circle{
text-align:left;
}
#shop .item{
width: 50%;
}
#shop .item figure{
left:80%;
margin-left: -116px;
}
.logo-title{
position: relative;
top: 0;
}
.navbar-header{
background: none repeat scroll 0 0 #8ec15b;
}
.navbar-toggle{
z-index: 999999;
}
.logo-block{
font-size: 30px;
margin: 0px;
}
.featured-in ul li img{
max-width: 75%;
}
}
@media (min-width: 359px) and (max-width: 480px) {
#shop .item figure{
height: 111px;
width: 120px;
left: 94%;
}
#shop .item figure i {
font-size: 5em;
}
}
@media (min-width: 768px) and (max-width: 990px) {
#shop .item{
width: 40%;
}
}
@media (max-width: 480px){
.watch-section h2{font-size:2em;margin-bottom:0.5em}
.watch-section h3{font-size:1.2em;margin-bottom:1.2em}
.img-circle:nth-child(odd) {
margin: 85px 0 0 0;
}
.img-circle:nth-child(even) {
margin: 10px 0 20px 0;
}
.floatright {
float: right;
position: absolute;
right: 0;
top: -33px;
transition: all 2s ease 0s;
}
}
.facebook-chat{
display:none;
position:absolute;
right: -80px;
color:#646c5d;
border:1px solid #a1a89b;
border-bottom:none;
font-size: 18px;
bottom: -20px;
text-align:center;
-webkit-box-shadow:0px -23px 72px 13px #b0d38f;
box-shadow:0px -23px 72px 13px #b0d38f;
background:url(../images/fb-widget-bg.jpg) repeat-y top;
width:644px;
height:340px;
z-index:12;
}
.fb-top-bar{
/*background-color: #eaffd4;*/
background-position: center left;
/*background-image: url(../images/fb-chat-logo.jpg);*/
background-repeat:no-repeat;
}
#therm-line{
position:absolute;
height: 100%;
}
.facebook-left{
width:494px;
float:left;
}
.facebook-right{
width:145px;
float:right;
text-align:left;
}
.fb-20off p{
margin:0px;
}
.fb-20off{
padding: 6px 0 6px 50px;
line-height:7px;
}
.fb-invite-block{
background:#ebeef5;
border-top:1px solid #a1a89b;
border-bottom:1px solid #a1a89b;
padding:8px;
float: left;
width: 100%;
}
.fb-chat-block{
clear: both;
padding: 10px;
display: block;
float: left;
margin: 60px 0 0 0;
}
.fb-chat-block ul{
padding:0px;
margin:0px;
}
.top-checkout-bk{
background:#ededed;
border-right:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
padding:3px 5px;
width: 113px;
text-align: center;
}
.checkout-right{
font-size:13px;
color:#8FC25C;
padding-right: 15px;
background:url(../images/right-icon.jpg) no-repeat right;
cursor: pointer;
}
.fb-chat-block ul li{
display: block;
text-align: left;
float: left;
width: 100%;
padding:3px 0;
}
.fb-chat-block .name{
float: left;
padding: 0 15px 0 0;
}
.fb-chat-block .chat-system{
float:left;
}
.fb-chat-block .chat-time{
float:right;
}
.invite-bt{
float:left;
padding-right:20px;
}
.firends ul{
padding: 10px 0 0 28px;
}
.firends ul li{
padding-bottom:3px;
list
}
.fb-pic{
float:left;
}
.fb-pic ul{
padding:0px;
margin:0px;
}
.fb-pic ul li{
list-style:none;
padding:0 5px;
display:inline-block;
}
.fb-pic ul img{
border-radius: 50%;
}
.fb-counting{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #A1A89B;
border-radius: 50%;
padding: 5px;
width: 30px;
line-height: 19px;
height: 30px;
float: right;
font-size: 11px;
}
.fb-checkout-block li{
color:#8bc054;
}
.fb-checkout-block li span{
color: #646C5D;
}
.type-chat .text-msg{
border: 1px solid #B1B1B1;
border-radius: 24px;
height: 36px;
width: 86%;
padding: 6px 13px;
margin-top: 11px;
font-size: 14px;
padding-left: 32px;
padding-top: 3px;
padding-bottom: 9px;
outline: none;
}
ul.chat-block{
height: 140px;
overflow-x: auto;
padding-right: 13px;
}
.blue{
color:#5d76ac;
}
#popup-inner-block-2 a{
color: #82837d;
}
/*--------------------------------------------------------facebook invite widget css 22-07-2014------------------------*/
.facebook-block{
position:absolute;
right: -80px;
color:#646c5d;
border:1px solid #a1a89b;
border-bottom:none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
bottom: -20px;
text-align:center;
-webkit-box-shadow:0px -23px 72px 13px #b0d38f;
box-shadow:0px -23px 72px 13px #b0d38f;
background:#fff;
width:600px;
height:384px;
display:none;
z-index:12;
}
.fb-top{
background:#3b5998;
padding:8px 10px;
color:#fff;
float:left;
width:100%;
}
.facebook-block ul{
margin:0px;
padding:0px;
}
.fb-logo{
float:left;
text-align:left;
width:7%;
}
.fb-search{
float:left;
position:relative;
}
.fb-dropdown{
float:right;
vertical-align:top;
}
.fb-dropdown span{
margin-right: 5px;
float: left;
padding: 5px;
}
.facebook-block ul li{
list-style:none;
}
.fb-top-mid{
background:#758ab7;
padding:3px 0;
color:#fff;
text-align:left;
width: 600px;
}
.fb-container{
padding:10px;
overflow: hidden !important;
}
.fb-img{
background-image: url("../images/fb-img2.jpg");
float: left;
height: 38px;
text-align: left;
width: 39px;
margin: 0 16px 0 0;
}
.fb-img-1{
background-image: url("../images/fbpics/fb-img2.jpg");
}
.fb-img-2{
background-image: url("../images/fbpics/samantha.png");
}
.fb-img-3{
background-image: url("../images/fbpics/alice.png");
}
.fb-img-4{
background-image: url("../images/fbpics/jonathon.png");
}
.fb-img-5{
background-image: url("../images/fbpics/ketty.png");
}
.fb-name{
float: left;
width: 25%;
font-size:17px;
text-align:left;
}
.fb-fan{
float: left;
width: 42%;
text-align:left;
font-size:12px;
}
.fb-container ul li{
display: block;
float: left;
list-style: none outside none;
margin: 0 0 8px;
width: 100%;
}
.fb-percent{
float: left;
width: 10%;
color:#178900;
font-size:14px;
}
.fb-invites{
float: left;
width: 13%;
font-size:14px;
text-align:center;
}
.fb-invites a{
border-radius:3px;
border:1px solid #e0e0e0;
background:#fff;
padding:5px 15px;
color:#222;
display:block;
text-decoration:none;
}
.fb-invites a:hover, .fb-invites a.active{
background:#ececec;
text-decoration:none;
}
.fb-top-mid ul li{
display:inline-block;
text-align:left;
margin-left:207px;
}
.fb-search input.search{
background:#fff;
width: 280px;
height: 24px;
border: 1px solid #888;
border-radius:5px;
color: #888;
padding: 2px 7px;
}
.serach-bt{
background:url(../serach-icon-fb.jpg) no-repeat right;
border: medium none;
cursor: pointer;
float: right;
height: 14px;
padding: 0;
position:absolute;
right: 10px;
top: 8px;
width: 15px;
z-index: 1111111;
}
.friends2 li{
border-radius:50%;
}
.top-checkout-bk .countdown-timer {
font-size:15px !important;
}
#popup-inner-block-5 .countdown-timer{
float:none!important;
display:inline-block!important;
margin-left:0!important;
width:auto!important;
}
#popup-inner-block-4 .countdown-timer{
float:none!important;
display:inline-block!important;
margin-left:0!important;
width:177px!important;
}
#popup-inner-block-5 .countdown-timer-separator,#popup-inner-block-4 .countdown-timer-separator{
color:#000;
}
.expires3{
margin-top:-18px;
margin-bottom:5px;
}
.fb-top-bar b{
font-weight:normal !important;
font-size:18px !important;
}
.facebook-chat button{
font-size: 16px !important;
letter-spacing: 1px;
top: 14px !important;
}
.powered-by{
float: right;
width: 100%;
font-size: 12px;
font-style: italic;
text-align: right;
margin: 0 56px 14px 0;
}
.noUi-handle{
font-family:'bariolregular', Arial, Helvetica, sans-serif!important;
}
#popup-inner-block-2,#popup-inner-block-3,.popup-block-lang,.request-form{
display:none;
}
.request-form.modal-window{
background:url(../images/green-transparent.jpg) repeat center top;
border:1px solid #ccc;
}
/*=============== new css 11 august===================*/
.pricing-round{
background:#ebecee;
padding:0px;
width:100%;
}
.pricing-round ul{
margin:0px;
padding:0px;
}
.faq-block {
margin: 45px 0px 0px 0px;
font-size: 18px;
color: #848484;
min-height:300px;
/*padding-top: 75px;*/
}
.faq-block h2{
text-align:center;
margin-bottom: 3px;
}
.faqul h2 {
text-align:left;
}
.faq-wrapper {
border-bottom: 2px solid #b8b8b8;
}
.pricing-block{
background:url(../images/pricing-bg.jpg) repeat-x center -2px #8ec15c;
min-height:575px;
border-top:2px solid #b8b8b8;
padding-top: 75px;
}
.pricing-block h2{
text-align:center;
margin-bottom: 3px;
}
.pricing-round ul li.round{
list-style:none;
}
.pricing-round ul li.round{
text-align: center;
background: #eeeeee;
display: inline-block;
width: 280px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
color:#555555;
min-height:370px;
float:left;
}
.page6{
clear:both;
}
.pricing-round ul li.active{
background:#cee3b8;
position:relative;
transition: all 1s ease;
-webkit-transition: all 1s ease;
}
.pricing-round ul li.round3{
}
.pricing-inn{
padding-top:15px;
font-size:22px;
font-family:'bariolbold', Arial, Helvetica, sans-serif;
}
.pricing-inn ul li{
list-style:none;
padding: 7px 15px;
border-bottom:2px solid #90c05a;
}
.pricing-inn h3{
border-bottom: 4px double #acc08b;
color: #555;
font-family: "bariolbold",Arial,Helvetica,sans-serif;
font-size: 32px;
font-style: normal;
margin-bottom: 15px;
margin-top: 0;
padding-bottom: 10px;l
}
.pricing-inn ul{
margin-top:78px;
}
.signup a{
background: #8ec15b;
margin: 5px 35px;
border-radius: 10px;
padding: 5px 20px;
color:#fff;
cursor: pointer;
width: 150px;
}
.signup{
position: relative;
top: 20px;
}
.pricing-inn .pricing{
border-bottom: 0;
color: #000;
font-style: italic;
margin-bottom: 15px;
padding: 7px 0;
font-family:20px;
}
.signup a:hover{
text-decoration:none;
}
.round-first{
border-bottom: 4px double #ebecee;
text-align:left !important;
}
.round-first ul li{
color:#90c05a;
font-style: italic;
}
.round-first .pricing{
padding-left:15px;
font-style: italic;
color:#90c05a;
}
.pricing-mid-line{
background: none repeat scroll 0 0 #90c05a;
border: 3px solid #6e7e61;
color: #fff;
font-size: 25px;
font-style: italic;
line-height: 28px;
margin-left: -53px;
padding: 7px 0;
position: absolute;
text-align: center;
top: 127px;
width: 109.5%;
z-index: 1;
}
.pricing-left{
background: url(../images/mid-line-left.png) no-repeat left bottom;
height: 18px;
left: -54px;
position: absolute;
top: 202px;
width: 53px
}
.pricing-right{
background: url(../images/mid-line-right.png) no-repeat left bottom;
height: 18px;
right: -54px;
position: absolute;
top: 202px;
width: 53px
}
/*=============== end new css 11 august===================*/
.package-main ul li{
text-align: center;
background: #f6f5fa;
display: inline-block;
width: 330px;
min-height: 400px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
color:#555555;
float:left;
margin: 30px 0 0 0;
border:1px solid #8ec15b;
border-radius:5px;
}
.package-main ul li.active{
width: 330px;
height: 400px;
margin-top:-5px;
background:#fff;
position:relative;
z-index:11111;
-webkit-box-shadow:0px 0px 46px 14px #a0cc75;
box-shadow: 0px 0px 46px 14px #a0cc75;
}
.package-main h3{
font-size:26px;
color:#8fc25c;
font-family:'bariolbold', Arial, Helvetica, sans-serif;
margin-bottom:0px;
}
.pckg-form{
margin-top:20px;
}
.pckg-form .input-bx{
width:auto;
}
.pckg-form .input-bx input{
border:1px solid #c2dbaa;
border-left:none;
border-right:none;
padding:12px;
background:none;
font-size:20px;
width:100%;
}
.package-inn{
padding-top: 20px;
font-size:18px;
}
.full-green{
margin-top: 10px;
color: #fff;
border-top: 0px solid #fff;
padding: 50px 0 0;
font-size: 16px;
}
.clients-wrapper ul{
margin: 0 0 50px 0;
padding: 0;
width: 100%;
float: left;
}
.hideme
{
display:none;
}
.hideme1
{
display:none;
}
.hideme2
{
display:none;
}
.head-top{
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
background: #fff;
z-index: 999;
}
.head-top .container{
padding-top:15px;
}
.jqueryscroll{
padding-top: 5px !important;
padding-left:16px !important;
padding-right:2px !important;
width:100% !important;
max-width:100% !important;
/*-webkit-transition: .7s all ease;
transition: .7s all ease;
*/
transition: all 0.4s ease;
}
.jqueryscrollrev {
/* -webkit-transition: .7s all ease;*/
transition: all 0.4s ease;
padding-top: 15px !important;
padding-left:25px !important;
padding-right:25px !important;
max-width:1200px !important;
}
.client-block{
margin-bottom:-80px;
}
.p1,.p2,.p3{
margin-bottom:0!important;
}
.footer-wrapper{
position:relative;
/*top:-90px;*/
/*margin-top:90px;*/
}
.package2 .pricing-inn{
padding-top: 18px;
}
.package2 {
height: 420px !important;
}
.package-main-nw .active{
background:#f5f4f9 !important;
margin:0px !important;
}
.package-main-nw ul li{
margin:0px !important;
height: 420px;
}
.package3-mid{
background: none repeat scroll 0 0 #f8f8f8;
border-top: 1px solid #eee;
padding: 22px 45px 0;
margin-top: 80px;
}
.package3-mid input{
border: 1px solid #ddd;
margin: 4px 0;
width: 100%;
padding: 8px;
border-radius:3px;
}
.package3{
border:none !important;
position:relative;
height: 477px !important;
}
.package3overlay {
}
.right-bt{
margin-top:30px;
}
.right-bt img {
width: 85%;
}
.pckg-log {
position: absolute;
top: -28px;
width: 100%;
}
.box-pkg2{
text-align:left;
border: 1px solid #eee;
padding: 8px;
width: 100%;
}
.logo-page1 img{position:relative;left:-5px;}
.package3 .active {
height: auto !important;
}
.bottom-block{
padding-top:20px;
}
.form-fild{
position: relative;
}
.form-fild input{
padding-left: 33px;
}
.form-fild img{
position: absolute;
left: 10px;
top: 20px;
}
.box-pkg3-mn {
border: 1px solid #ddd;
border-radius: 3px;
clear: both;
position: relative;
top: 20px;
}
.box-pkg3-mn .form-fild1{
padding:8px;
text-align: left;
}
.box-pkg3-mn .form-fild1 input[type="checkbox"]{
float: left;
width: 9%;
margin-right: 5px;
margin-top: 4px;
}
.box-pkg3-mn input{
margin:0px;
}
#back-top {
position: fixed;
bottom: 80px;
right: 7px;
margin-left: -150px;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
#back-top span {
width: 70px;
height: 65px;
display: block;
margin-bottom: 5px;
margin-left: 19px;
background: #ddd url(../images/up-arrow.png) no-repeat center center;
opacity:0.4;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
margin-left: 200px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
}
.modal-window1 {
display:none;
}
.modal-window1 {
width: 560px;
padding: 40px 50px; }
.modal-window1 h3 {
font-size: 24px;
color: #6f6f6d;
text-transform: uppercase;
text-align: center;
margin: 0 0 35px 0; }
.modal-window1 .slider > .value {
position: absolute;
top: 9px !important;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
margin-left: -5px;
padding: 3px 8px;
background: #717171;
border-radius: 0px 0px 3px 3px;
color: #fff;
font-size: 12px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif; }
.modal-window1 input {
width: 220px;
float: left;
border: 1px solid #d9d7d7;
border-radius: 3px;
height: 52px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 17px;
padding: 0 15px; }
.modal-window1 input:focus {
border: 2px solid #bbb;
padding: 0 14px;
outline: none; }
.modal-window1 input:nth-child(2) {
float: right; }
.modal-window1 input.error {
border: 1px solid #ff5b5b; }
.modal-window1 input.error:focus {
border: 2px solid #ff5b5b;
padding: 0 14px; }
.modal-window1 .btn {
display: block;
margin: 20px auto 0;
min-width: 180px;
color: #90ca73;
background: #fff;
border: 3px solid #90ca73;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
height: 52px;
border-radius: 26px; }
.modal-window1 .btn:hover {
background: #90ca73;
color: #fff; }
.modal-window1 .btn:focus {
background: #85b66d;
border: 3px solid #85b66d;
outline: none;
color: #fff; }
.modal-window1 textarea {
border: 1px solid #d9d7d7;
border-radius: 3px;
min-height: 160px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 17px;
padding: 10px 15px;
width: 100%;
max-width: 100%; }
.modal-window1 textarea:focus {
border: 2px solid #bbb;
padding: 9px 14px;
outline: none; }
.modal-window1 form.sending {
cursor: default;
position: relative; }
.modal-window1 form.sending h3, .modal-window1 form.sending close, .modal-window1 form.sending fieldset, .modal-window1 form.sending button {
opacity: 0.5; }
.modal-window1 form.sending::after {
content: "Sending...";
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -30px;
font-size: 30px;
color: #6f6f6d;
line-height: 60px;
z-index: 100; }
.modal-window1 .submit-bt {
margin-left:156px;
}
.modal-window1 form.sent .thanks {
display: block; }
.modal-window1 .thanks {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f9f9f9;
z-index: 100;
text-align: center;
display: none; }
.modal-window1 .thanks h3 {
font-size: 34px;
margin: 40px; }
.modal-window1 .thanks p {
text-align: center;
font-size: 18px;
line-height: 160%;
color: #797979;
margin: 0px 40px 30px 40px; }
.modal-window1 .thanks .btn.back {
margin: 40px auto 0px auto; }
.modal-window1 fieldset {
margin-bottom: 20px; }
.modal-window1 fieldset:after {
display: block;
content: "";
width: 0;
height: 0;
clear: both; }
.modal-window1 fieldset.slider-container {
padding: 10px 45px 20px 45px;
position: relative; }
.modal-window1 fieldset.slider-container label {
display: block;
color: #9e9e9e;
font-size: 12px;
text-align: center;
font-weight: normal;
letter-spacing: 1px; }
.modal-window1 fieldset.slider-container .min {
position: absolute;
left: 0;
top: 28px;
font-size: 13px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-weight: bold;
color: #a6a6a6; }
.modal-window1 fieldset.slider-container .max {
position: absolute;
right: 0;
top: 28px;
font-size: 13px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-weight: bold;
color: #a6a6a6; }
.paymentInput.identified{
/* border-color:#2ecc71;*/
}
.paymentInput.identified:focus{
/* // border-color:#2ecc71;*/
box-shadow: 0 0 .1875em #2ecc71;
}
.cc-num__wrap{
position:relative;
}
.card{
position:absolute;
display:block;
right:.375em;
top:50%;
margin-top:-10px;
width:28px;
height:19px;
background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjExMSw3Ni4yOTZjMCwyLjg0NCwyLjMwNSw1LjE0OCw1LjE0Nyw1LjE0OGg4MS44OTEgICAgYzIuODQxLDAsNS4xNDctMi4zMDUsNS4xNDctNS4xNDh2LTMyLjg5SDMuMTExVjc2LjI5NnogTTY5LjY3OSw1NS42OTdoMTUuOTE0djE1LjkxNEg2OS42NzlWNTUuNjk3eiBNOTAuMTQ5LDE3LjUwM0g4LjI1OCAgICBjLTIuODQyLDAtNS4xNDcsMi4zMDUtNS4xNDcsNS4xNDd2Ny42OTNoOTIuMTg2VjIyLjY1Qzk1LjI5NywxOS44MDgsOTIuOTksMTcuNTAzLDkwLjE0OSwxNy41MDN6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+) no-repeat center center;
background-size: 100%;
}
.cardInfo__cc-exp,
.cardInfo__cc-cvc{
float:left;
max-width:4.875em;
}
.cardInfo__cc-exp{
margin-right:.75em;
}
.cc-num.visa + .card{
background:url('../images/visa-icon.jpg') no-repeat center center;
}
.cc-num.amex + .card{
background:url('../images/amex.png') no-repeat center center;
}
.cc-num.mastercard + .card{
background:url('../images/mastercard.png') no-repeat center center;
}
.cc-num.diners + .card{
background:url('../images/diners.png') no-repeat center center;
}
.cc-num.discover + .card{
background:url('../images/discover.png') no-repeat center center;
}
.form-fildchild {
width:50% !important;
text-align:left;
float:left;
}
#overlaysecond{
background-color: rgba(255, 255, 255, 0.7);
border-radius: 10px;
position: absolute;
width: 330px;
height: 419px;
z-index: 11;
opacity:.5;
}
#overlaythird{
/*border-radius: 10px;
height: 477px;
left: 0;
opacity: 0.5;
position: absolute;
top: -11px;
width: 100%;
z-index: 11;
background:url(../images/Ellipse.png) no-repeat !important;*/
background: url("../images/Ellipse.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border-radius: 10px;
height: 477px;
left: 0;
opacity: 0.5;
position: absolute;
top: -32px;
width: 100%;
z-index: 11;
}
.button-blue a{
background:url(../images/button-blue.jpg) no-repeat;
height: 42px;
width: 233px;
color: #fff;
padding: 8px 0 0 0;
display: block;
margin: auto;
}
.button-blue a:hover{
text-decoration:none;
}
.accept-password{
display:none;
}
.e-mail-block{
display:none;
}
.loginb{
display:none;
}
#popup-inner-block-3 p{
margin:10px;
}
#popup-inner-block-3 p input{
margin-bottom:10px;
}
div.responsive-video{
background:white!important;
margin-top:5px;
}
@media (max-width: 1024px){
#video_optica {
width: 100% !important;
height: 100% !important; }
div.responsive-video{
margin: 0 auto;
/* margin-top: 35px;
margin-bottom: 35px;*/
margin-top: 5px;
margin-bottom: 0px;
}
.green-block {
padding:3px 0;
}
}
@media (max-width: 400px) {
div.responsive-video {
margin-top: 5px;
margin-bottom: 0px;
}
}
.entrep{
/* line-height:1.3;*/
font-size:22px;
}
@media(max-width:900px){
.entrep{
position:relative;
top:-15px;
}
}
@media(max-height:800px){
.entrep{
position:relative;
top:-15px;
}
}
#videoptica{
background:white!important;
}
.vjs-tech{
background:white!important;
}
h1.entry-title, h1.entry-title a {
font-size: 38px;
margin: 50px 0 15px;
color: #6F6F6D;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
text-transform: uppercase; }
.entry-content {
font-size: 14px;
line-height: 1.42857143;
color: #333;
}
.entry-content p {
color: #888888;
font-size: 15px;
letter-spacing: 0.6px;
line-height: 28px;
}
.featureul .quote{
font-size:23px;
padding-bottom:0;
text-align:justify
}
.featureul .quote{
font-size:23px;
padding-bottom:0;
text-align:justify;
}
.featureul .quote .entrep{
font-size:23px;
min-height:100px;
height:100px;
}
.featureul .quote .washingpost {
margin-top:25px;
}
.centerwidth{
}
@media (min-width: 994px) and (max-width: 1202px){
.pricing-round ul li.round{
width:25%;
}
.pricing-mid-line{
width:108%;
margin-left:-37px;
}
.pricing-right {
right: -44px;
height: 13px;
width:44px;
}
.pricing-left {
left: -51px;
height: 14px;
width:51px;
}
.pricing-inn .pricing{
padding-bottom:13px;
font-size:18px;
}
.less700swiss{
margin-left:-31px;
width:125px;
margin-bottom:5px;
/* margin-top:-10px;*/
}
.wavebornless700{
margin-top:19px;
}
}
@media (min-width: 1203px) and (max-width: 1374px){
.pricing-mid-line{
width:106.5% !important;
margin-left:-37px;
}
.pricing-mid-line{
width:108%;
margin-left:-37px;
}
.pricing-right {
right: -44px;
height: 13px;
width:44px;
}
.pricing-left {
left: -51px;
height: 14px;
width:51px;
}
.class1024 {
width:33% !important;
}
.pricing-inn .pricing{
padding-bottom:13px;
font-size:18px;
}
}
@media (min-width: 700px) and (max-width: 993px){
.circle-first .text-circle{
margin-left:20px;
}
.text-circle {
margin-top: 2%;
}
.classfirst {
margin:0;
position:relative;
}
.round1 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.round2 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.round3 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.wavebornless700 {
margin-top:-5px;
font-size:35px !important;
}
.pricing-round {
width:80%;
margin-right:10%;
margin-left:10%;
}
.pricing-inn ul{
margin-top: 0px;
}
.round-first .pricing-inn ul{
margin-top: 80px;
}
.pricing-round ul li.round {
width:100%;
text-align:center;
}
.pricing-mid-line {
width: 117.5%;
right:-9%;
}
.pricing-left{
width:8%;
left:-8%;
}
.pricing-right{
width:9%;
right:-9%;
}
.roslessul700{
margin-left:2px;
}
.less700giftcard{
margin-left:35px;
width:60%;
margin-top:9px;
}
.less700grabgreen{
/*margin-top:-15px; */
margin-left:-50px;
width:111px
}
.wavebornless700{
margin-left:-3px;
}
.lessulshades {
height:62px;
margin-left: 15px;
}
.less700swiss{
margin-left:-31px;
width:125px;
margin-bottom:5px;
margin-top:-19px;
}
.Quote-Text {
font-size:23px;
}
.Quote-Text h3 {
font-size:29px;
}
.featureul .quote .entrep{
font-size:19px;
}
.bottom-block p{
display:none;
}
.tttl{
text-align:center;
}
.call-frompriceres {
margin-left:0px;
}
.modal-window1 {
width: 500px;
padding: 25px 35px;
}
.modal-window1 h3 {
font-size: 20px;
color: #6f6f6d;
text-transform: uppercase;
text-align: center;
margin: 0 0 25px 0;
}
.modal-window1 fieldset input {
clear:both;
margin-top:5px;
margin-bottom:5px;
}
.modal-window1 textarea {
border: 1px solid #d9d7d7;
border-radius: 3px;
min-height: 100px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 17px;
padding: 10px 15px;
width: 100%;
margin-top:5px;
max-width: 100%;
}
.modal-window1 fieldset {
margin-bottom: 0px;
}
.modal-window1 fieldset:after {
display: block;
content: "";
width: 0;
height: 0;
clear: both; }
.modal-window1 input {
width: 100%;
float: left;
border: 1px solid #d9d7d7;
border-radius: 3px;
height: 30px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 17px;
padding: 0 14px;
}
.modal-window1 input:focus {
border: 2px solid #bbb;
padding: 0 14px;
outline: none;
}
.modal-window1 input:nth-child(2) {
float: right;
}
.modal-window1 input.error {
border: 1px solid #ff5b5b;
}
.modal-window1 input.error:focus {
border: 2px solid #ff5b5b;
padding: 0 14px;
}
.modal-window1 .submit-bt {
width: 120px;
margin-left: 155px;
}
}
@media (min-width: 700px) and (max-width: 767px){
.Quote-Text {
margin-top:78px;
}
}
@media (min-width: 700px) and (max-width: 770px){
.less700charles{
margin-bottom:-13px;
}
.wavebornless700 {
margin-top:4px;
}
.less700h3{
font-size:33px !important;
}
}
@media (min-width: 521px) and (max-width: 699px){
.circle-first .text-circle{
margin-left:20px;
}
.classfirst {
margin:0;
position:relative;
}
.round1 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.round2 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.round3 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.wavebornless700 {
font-size:35px !important;
}
.pricing-round {
width:80%;
margin-right:10%;
margin-left:10%;
}
.pricing-inn ul{
margin-top: 0px;
}
.round-first .pricing-inn ul{
margin-top: 80px;
}
.pricing-round ul li.round {
width:100%;
text-align:center;
}
.pricing-mid-line {
width: 117.5%;
right:-9%;
}
.pricing-left{
width:8%;
left:-8%;
}
.pricing-right{
width:9%;
right:-9%;
}
.pricing-mid-line {
font-size: 20px
}
.client-block h3 {
font-size: 23px;
}
.roslessul700{
margin-left:2px;
margin-top:2px;
}
.less700giftcard{
margin-left:4px;
width:55%;
margin-top: 6px;
}
.less700grabgreen{
margin-top:15px;
margin-left:5px;
width:50%;
}
.wavebornless700{
margin-left:-3px;
margin-top:-2px;
}
.lessulshades {
height:auto;
margin-left: 2px;
}
.less700swiss{
margin-left:27px;
width:60%;
margin-bottom:11px;
margin-top:-16px;
}
.less700skype {
width:60%;
}
.less700charles{
margin-top:10px;
}
.microsoftless700 {
margin-top:2px;
}
.Quote-Text {
margin-top:78px;
font-size:21px;
}
.Quote-Text h3 {
font-size:26px;
}
.featureul .quote .entrep{
font-size:17px;
}
.featureul .quote .washingpost {
margin-top:14px;
}
.bottom-block p{
display:none;
}
.tttl{
text-align:center;
}
.call-frompriceres {
margin-left:0px;
}
.modal-window1 {
width: 400px;
padding: 25px 35px;
}
.modal-window1 h3 {
font-size: 20px;
color: #6f6f6d;
text-transform: uppercase;
text-align: center;
margin: 0 0 25px 0;
}
.modal-window1 fieldset input {
clear:both;
margin-top:5px;
margin-bottom:5px;
}
.modal-window1 textarea {
border: 1px solid #d9d7d7;
border-radius: 3px;
min-height: 100px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 17px;
padding: 10px 15px;
width: 100%;
margin-top:5px;
max-width: 100%;
}
.modal-window1 fieldset {
margin-bottom: 0px;
}
.modal-window1 fieldset:after {
display: block;
content: "";
width: 0;
height: 0;
clear: both; }
.modal-window1 input {
width: 100%;
float: left;
border: 1px solid #d9d7d7;
border-radius: 3px;
height: 30px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 17px;
padding: 0 14px;
}
.modal-window1 input:focus {
border: 2px solid #bbb;
padding: 0 14px;
outline: none;
}
.modal-window1 input:nth-child(2) {
float: right;
}
.modal-window1 input.error {
border: 1px solid #ff5b5b;
}
.modal-window1 input.error:focus {
border: 2px solid #ff5b5b;
padding: 0 14px;
}
.modal-window1 .submit-bt {
width: 120px;
margin-left: 105px;
}
}
@media (min-width: 400px) and (max-width: 520px){
.circle-first .text-circle{
margin-left:20px;
}
.classfirst {
margin:0;
position:relative;
}
.round1 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.round2 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.round3 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.wavebornless700 {
font-size:35px !important;
}
.pricing-round {
width:80%;
margin-right:10%;
margin-left:10%;
}
.pricing-inn ul{
margin-top: 0px;
}
.round-first .pricing-inn ul{
margin-top: 80px;
}
.pricing-round ul li.round {
width:100%;
text-align:center;
}
.pricing-mid-line {
width: 117.5%;
right:-9%;
line-height:23px;
font-size:14px;
}
.pricing-left{
width:8%;
left:-8%;
top:193px;
}
.pricing-right{
width:9%;
right:-9%;
height:10px;
top:193px;
}
.client-block h3 {
font-size: 17px;
}
.roslessul700{
margin-left:2px;
margin-top:8px;
}
.less700giftcard{
margin-top: 8px;
margin-left:4px;
margin-bottom:1px;
width:50%;
}
.less700grabgreen{
margin-top:15px;
margin-left:5px;
width:50%;
}
.wavebornless700{
margin-left:-1px;
margin-top:6px;
}
.lessulshades {
height:auto;
margin-left: 2px;
}
.less700swiss{
margin-left:27px;
width:60%;
margin-bottom:11px;
margin-top:-4px;
}
.less700skype {
width:60%;
margin-top:5px;
}
.less700charles{
/*margin-top:13px;*/
}
.microsoftless700 {
margin-top:9px;
}
.Quote-Text {
margin-top:78px;
font-size:16px;
}
.Quote-Text h3 {
font-size:20px;
}
.featureul .quote .entrep{
font-size:15px;
}
.featureul .quote .washingpost {
margin-top:14px;
}
.img-circle {
width: 130px;
height:130px;
}
.img-circle:nth-child(even) {
margin-top:0px;
float:left;
}
.img-circle:nth-child(odd){
margin-top:0px;
float:left;
}
.circle-block h3 {
font-size: 18px;
}
.text-circle p {
font-size: 12px;
}
.bottom-block p{
display:none;
}
.call-frompriceres {
margin-left:0px;
padding-left:20px;
padding-right:20px;
padding-top:18px;
padding-bottom:18px;
border-radius:39px;
font-size:14px;
}
.tttl{
text-align:center;
}
.modal-window1 {
width: 350px;
padding: 20px 30px;
}
.modal-window1 h3 {
font-size: 15px;
color: #6f6f6d;
text-transform: uppercase;
text-align: center;
margin: 0 0 25px 0;
}
.modal-window1 fieldset input {
clear:both;
margin-top:5px;
margin-bottom:5px;
font-size: 13px;
}
.modal-window1 textarea {
border: 1px solid #d9d7d7;
border-radius: 3px;
min-height: 80px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 10px 15px;
width: 100%;
margin-top:5px;
max-width: 100%;
}
.modal-window1 fieldset {
margin-bottom: 0px;
}
.modal-window1 fieldset:after {
display: block;
content: "";
width: 0;
height: 0;
clear: both; }
.modal-window1 input {
width: 100%;
float: left;
border: 1px solid #d9d7d7;
border-radius: 3px;
height: 20px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 0 14px;
}
.modal-window1 input:focus {
border: 2px solid #bbb;
padding: 0 14px;
outline: none;
}
.modal-window1 input:nth-child(2) {
float: right;
}
.modal-window1 input.error {
border: 1px solid #ff5b5b;
}
.modal-window1 input.error:focus {
border: 2px solid #ff5b5b;
padding: 0 14px;
}
.modal-window1 .submit-bt {
width: 120px;
margin-left: 85px;
}
}
@media (min-width: 320px) and (max-width: 415px){
.circle-first .text-circle{
margin-left:20px;
}
.classfirst {
margin:0;
position:relative;
}
.round1 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.round2 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.round3 .pricing-inn ul li:first-child {
border-top:2px solid #90c05a;
}
.wavebornless700 {
font-size:35px !important;
}
.pricing-round {
width:80%;
margin-right:10%;
margin-left:10%;
}
.pricing-inn ul{
margin-top: 0px;
}
.round-first .pricing-inn ul{
margin-top: 80px;
}
.pricing-round ul li.round {
width:100%;
text-align:center;
}
.pricing-mid-line {
width: 117.5%;
right:-9%;
line-height:16px;
font-size:11px;
}
.pricing-left{
width:8%;
left:-8%;
top:179px;
}
.pricing-right{
width:9%;
right:-9%;
height:10px;
top:179px;
}
.client-block h3 {
font-size: 17px;
}
.roslessul700{
margin-left:2px;
margin-top:8px;
}
.less700giftcard{
margin-top:-5px;
margin-left:4px;
margin-bottom:1px;
width:50%;
}
.less700grabgreen{
/*margin-top:-20px; */
margin-left:5px;
width:50%;
}
.wavebornless700{
margin-left:-2px;
margin-top:-22px;
}
.lessulshades {
height:auto;
margin-left: 2px;
}
.less700swiss{
margin-left:23px;
width:60%;
margin-bottom:9px;
margin-top:-50px;
}
.less700skype {
width:60%;
margin-top:5px;
}
.less700charles{
margin-top:8px;
}
.microsoftless700 {
margin-top:14px;
}
.Quote-Text {
margin-top:80px;
font-size:12px;
}
.Quote-Text h3 {
font-size:14px;
}
.featureul .quote .entrep{
font-size:14px;
}
.featureul .quote .washingpost {
margin-top:12px;
}
.img-circle {
width: 79px;
height:79px;
}
.img-circle:nth-child(even) {
margin-top:0px;
float:left;
}
.img-circle:nth-child(odd){
margin-top:0px;
float:left;
}
.circle-block h3 {
font-size: 13px;
margin-top:-8px;
}
.text-circle p {
font-size: 10px;
}
.bottom-block p{
display:none;
}
.call-frompriceres {
margin-left:0px;
padding-left:20px;
padding-right:20px;
padding-top:18px;
padding-bottom:18px;
border-radius:39px;
font-size:14px;
margin-bottom:13px;
}
.tttl{
text-align:center;
}
.modal-window1 {
width: 270px;
padding: 8px 12px;
}
.modal-window1 h3 {
font-size: 15px;
color: #6f6f6d;
text-transform: uppercase;
text-align: center;
margin: 0 0 25px 0;
}
.modal-window1 fieldset input {
clear:both;
margin-top:5px;
margin-bottom:5px;
font-size: 13px;
}
.modal-window1 textarea {
border: 1px solid #d9d7d7;
border-radius: 3px;
min-height: 70px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 10px 15px;
width: 100%;
margin-top:5px;
max-width: 100%;
}
.modal-window1 fieldset {
margin-bottom: 0px;
}
.modal-window1 fieldset:after {
display: block;
content: "";
width: 0;
height: 0;
clear: both; }
.modal-window1 input {
width: 100%;
float: left;
border: 1px solid #d9d7d7;
border-radius: 3px;
height: 20px;
font-family: 'bariolregular', Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 0 14px;
}
.modal-window1 input:focus {
border: 2px solid #bbb;
padding: 0 14px;
outline: none;
}
.modal-window1 input:nth-child(2) {
float: right;
}
.modal-window1 input.error {
border: 1px solid #ff5b5b;
}
.modal-window1 input.error:focus {
border: 2px solid #ff5b5b;
padding: 0 14px;
}
.modal-window1 .submit-bt {
width: 100px;
/* margin-left: 80px;*/
margin-left: 29.5%;
}
}
.responsive-video{
max-width:100%;
}